@charset "shift_jis";

/*----------------------------------------------------
	Base
----------------------------------------------------*/

#container{
width:1000px;
background-color:#fff;
margin:0 auto;
text-align:left;
position:relative;
}

.spacing{letter-spacing: -1px;}

.f_left{ float:left;}
.f_right{ float:right;}

/*----------------------------------------------------
	ヘッダーコメント
----------------------------------------------------*/
.navi_comment{
	padding:7px 0 0 5px;
	font-size:12px;
	font-weight:normal;
	float:left;
	width:350px;
	position: absolute;
	left: 270px;
	top: 13px;
	/*top:43px;*/
	height: 28px;
}

/*----------------------------------------------------
	Base
----------------------------------------------------*/

#osnWrap{
width:1000px;
margin:0 auto;
background:url(/onsen/images/home0908/side_menu_bg.gif) repeat-y right top;
}
#osnWrap_NoNavi{ margin:0 auto;}

#osnWrap:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#osnWrap {
	display: inline-block;
}
/* Hide from IE Mac \*/
* html #osnWrap {
	height: 1%;
}
#osnWrap {
	display: block;
}
/* End hide from IE Mac */

#osnContents{
width:680px;
float:left}

#osnSideNav{
width:300px;
float:right;}

#osnContents .pagelist{
padding-bottom:8px;
margin:0
}


/* osusume */

#osnSideNav #sdOsusume li{
background:url(/onsen/images/home0908/arrow.gif) no-repeat left 4px;
padding:2px 2px 2px 8px}

#osnSideNav #sdOsusume{
border:1px solid #201710;
background:#fff;
width:204px;
margin:0 auto;
margin-bottom: 10px;
padding-bottom:5px;}

#osnSideNav #osnSideNavBg #sdOsusume h2,
#osnSideNav #sdOsusume h2{
color:#fff;
font-weight:bold;
font-size:small;
background:#19110E url(../images/side/tab_bg.jpg) repeat-x 0 0;
padding:6px 1px 4px 4px;
}
#osnSideNav #sdOsusume h2{
height:auto}
#osnSideNav #sdOsusume ul{
padding:4px 8px }
#osnSideNav #sdOsusume .more,
#osnSideNav #sdOsusume .more{
text-align:right}
#osnSideNav #sdOsusume .more a{color:#990000;
background:url(../images/side/arrow_rd.gif) no-repeat 0 3px;
padding-left:10px;
padding-right:5px;
}

#osnSideNav .b_line{
	/*border-bottom:2px solid #CCCCCC;*/
	display: block;
	height:1px;
	overflow:hidden;
	clear:both;
	width:300px;
	margin:0 auto;
}


/* course */
#osnSideNavBg #sdCourse{
	background:url(../images/side/area_tab.jpg) no-repeat 0 0;
	padding:13px;
}

#osnSideNavBg #sdCourse li,
#osnSideNavBg #sdTheme li,
#osnSideNavBg #sdInfo li{
	background:url(/onsen/images/home0908/arrow.gif) no-repeat left 4px;
	padding:2px 2px 2px 8px
}

#osnSideNavBg #sdCourse li.rdbold{
background:url(../images/side/arrow_rdb.gif) no-repeat 0 5px;
padding:2px 2px 2px 8px;}

#osnSideNavBg #sdCourse li.rdbold a{color:#660000;
font-weight:bold}

#osnSideNavBg #sdCourse .more,
#osnSideNavBg #sdTheme .more{
text-align:right}
#osnSideNavBg #sdCourse .more a,
#osnSideNavBg #sdTheme .more a{color:#990000;
background:url(../images/side/arrow_rd.gif) no-repeat 0 3px;
padding-left:10px;
}

#osnSideNavBg #sdCourse img{float:left; margin-right:10px;}

#osnSideNavBg #sdCourse p.ttl{margin:0; padding:0; font-weight:bold; display:block}
#osnSideNavBg #sdCourse p.ttl a{background:url(../images/side/arrow_rdb.gif) no-repeat 0px 5px; padding:2px 2px 2px 10px; color:#A31919;}
#osnSideNavBg #sdCourse p.txt{ margin-top:3px; padding:0;}

/* theme */
#osnSideNavBg #sdTheme{background:#fff url(../images/side/theme_tab.jpg) no-repeat 0 0;
border:1px solid #201710;
padding:20px 8px 4px}

#osnSideNavBg #sdTheme p{padding:5px 0}
#osnSideNavBg #sdTheme p.more{padding:0}

/* info */
#osnSideNavBg #sdInfo{
border:2px solid #957746;
background:#fff url(../images/side/info_tab.gif) repeat-y 0 5px;}

#osnSideNavBg #sdInfo h2{
width:72px;
height:52px;
background:#957746;
float:left}

#osnSideNavBg #sdInfo ul{
float:left;
width:110px;
padding:8px 10px}
/* yadoSideNav */
#osnSideNav .yadoSideNav{
background:#302218; padding-bottom:8px; margin-bottom:10px;}


#osnSideNav .yadoSideNav h3 { background:url(../yado/images/yado_navi_bgr.gif) repeat-x;}


#osnSideNav .yadoSideNav ul{margin:5px 10px;}
#osnSideNav .yadoSideNav dl{margin:10px;
padding:12px;
background:#EDE8E0}

#osnSideNav .yadoSideNav li{border-bottom:1px dotted #BBAD99;
padding:5px 2px}

#osnSideNav .yadoSideNav li a{display:block;color:#fff;}
#osnSideNav .yadoSideNav li a.roomName{
background:url(../yado/images/side/room_li.gif) no-repeat 0 3px;
padding-left:10px;
margin:5px 10px 0}
#osnSideNav .yadoSideNav dt{color:#7B6339;float:left;clear:left;padding:1px 3px 2px 0}
#osnSideNav .yadoSideNav dd{padding:1px 0}
#osnSideNav .yadoSideNav dt.detail{visibility:hidden}
#osnSideNav .yadoSideNav dd.more{text-align:right;padding:0; margin-top:5px;}
#osnSideNav .yadoSideNav dd.more a:hover img{
opacity:0.7;
filter: alpha(opacity=70);}

#osnSideNav .yadoSideNav p{
padding:10px; text-align:center;}


/*----------------------------------------------------
	Footer
----------------------------------------------------*/

#osnFoot{
	clear:both;
	padding-top:10px;
	width:1000px;
	display: block;
}

div#footerPagetop{
	width:1000px;
	padding: 6px 0 10px;
	text-align:right;
	display:block;
}

div#footerSearch{
	width:1000px;
	background-color:#d5e4f2;
	border-top: 1px solid #8c9bca;
	padding:10px 0;
	text-align:center;
	line-height:1.5em;
}

div#footerRecommend{
	width:1000px;
	padding:10px 0;
	text-align:center;
	background: url(/onsen/img/footer_recommend_bg.gif) repeat-x;
}
div#footerLink{
	width:1000px;
	border-top: 1px solid #8c9bca;
	padding-top:10px;
}
div#footerLinkBox1{
	width:120px;
	float:left;
}
div#footerLinkBox2{
	width:670px;
	float:left;
	text-align:center;
	line-height:1.3em;
}
div#footerLinkBox3{
	text-align:right;
	width:210px;
	float:right;
}

div#footerCopyright{
	clear:both;
	width:1000px;
	padding:10px 0 30px;
	text-align:center;
}

/* ======== google-ad ======== */
div#osnContents div.google-adOther {
	clear:both;
	margin: 5px 15px 5px 15px;
	padding: 0;
}
div#osnContents div.google-adOther .afc a{
text-decoration: none;
}
div#osnContents div.google-adOther .afc a:hover {
text-decoration:underline;
}

div#osnContents div.google-adOther div.google-afc-block-A {
	clear:both;
}
div#osnContents div.google-adOther div.afc-title {
	color:#5E5644;
	font-weight:bold;
	margin:0 0 8px;
	padding:0 2px 0 0;
	text-align:left;
	text-decoration: none;
}
div#osnContents div.google-adOther div.afc-title a{
	color:#5E5644;
	text-decoration: none;
}
div#osnContents div.google-adOther div.afc-title a:hover{
text-decoration:underline;
}
div#osnContents div.google-adOther div.afc {
	line-height:1.4;
	margin-bottom:8px;
}
div#osnContents div.google-adOther div.afc a {
	/* display:block; */
	/* width:640px; */
}
div#osnContents div.google-adOther div.afc span.afc-line1 {
	font-weight:bold;
	color:#000099;
}
div#osnContents div.google-adOther div.afc span.afc-visible_url{
	color:#258C54;
}
div#osnContents div.google-adOther div.afc span.afc-line2 {
	color:#000000;
}

/****************************/

div#pref_list{
	margin:15px 0 0 0;
	background-color: #E6E6E6;
	padding: 8px;
}
dl.pref_list_link {
	margin-bottom:8px;
	line-height: 170%;
}
dl.pref_list_link dt,
dl.pref_list_link dd {
	display: inline;
	line-height: 1.2;
	font-size:90%;
	margin-right: 0.5em;
	zoom: 1; /* hasLayout: true; */
}
dl.pref_list_link dt{
	font-weight: bold;
}
/* Hide from IE Mac \*/
* html dl.pref_list_link dd,
* html dl.pref_list_link dd p {
	margin-right: 0.3em;
}
/* End hide from IE Mac */
dl.pref_list_link dd a {
	color:#3A3A3A;
	padding-right: 0.5em;
	border-right: solid 1px #000;
	white-space: nowrap;
}
dl.pref_list_link dd a:hover {
	color: #cc0033;
}
dl.pref_list_link dd.last-child a {
	padding-right: 0;
	border-right: none;
}
/****************************/

/*----------------------------------------------------
	SideNav
----------------------------------------------------*/



#osnSideNav h2{
text-indent:-9999px;
font-size:1px;
height:35px;
font-size:1px}


/* 206x80 banner */
#osnSideNav .bnr_side206{
margin-bottom:7px}

/* Search */
#osnSideNavBg #sdSearch{
background:url(../images/side/search.jpg) no-repeat 0 0;
padding:8px 0 5px;
text-align:center;
width:206px}

#osnSideNavBg #sdSearch select{
display:block;
margin:8px auto;
width:175px}
#osnSideNavBg #sdSearch #freewordSearch2,
#osnSideNavBg #sdSearch #form2q{
width:170px;
padding:2px;
border:1px solid #999;}

/* Topics */
#osnSideNavBg #sdTopics{
background:#fff url(../images/side/tpc_tab.jpg) no-repeat 0 0;
border:1px solid #201710;
padding:10px 8px 4px}

#osnSideNavBg #sdTopicslist li,
#osnSideNavBg #sdKuchikomi li,
#osnSideNavBg #sdTopics li{
background:url(/onsen/images/home0908/arrow.gif) no-repeat left 4px;
padding:2px 2px 2px 8px}

/* Links Kuchikomi */
#osnSideNavBg #sdKuchikomi{
	background-color:#FFFFFF;
	border:1px solid #2B2B2B;
	padding:5px;
}
#osnSideNavBg #sdKuchikomi h2{
background-repeat:no-repeat;
background-position:5px 0;
height:26px;
}
#osnSideNavBg #sdKuchikomi h2{
background-image:url(/onsen/images/home0812/side_kuchikomi.jpg);
}
#osnSideNavBg #sdKuchikomi ul{
	padding:0 10px;
	margin-bottom: 6px;
}

#osnSideNavBg .sdTop{
	width:206px;
	margin:0 auto;
	border-bottom:1px solid  #2B2B2B;
	line-height: 1px;
	font-size: 1px;
}

#osnSideNavBg #sdKuchikomi {
	width:194px;
	padding-bottom:5px;
}

#osnSideNavBg #sdKuchikomi form
{text-align:center;margin:10px 0;}


#osnSideNav .sd_banner{text-align:center;margin:10px 0;}


/* SideNav リニューアル　090820追加分
----------------------------------------------------*/
#osnSideNav a{color:#330000}
#osnSideNavBg{
	padding:0 0 10px 0;
	margin:0;
	width:300px;
	/*background-color: #F4F0E2;*/
}
/* news */
#osnSideNav #news {
	width:300px;
	background-color: #F4F0E2;
}
#osnSideNav #news h2{
visibility:visible;
background:url(/onsen/images/home0908/h2_title_snavi.gif) no-repeat left top;
display:block;
text-indent:-9999px;
font-size:1px;
height:27px;
}
#osnSideNav #news ul{
	border:none;
	padding:10px;
}
#osnSideNav #news .ttl{margin-bottom:4px;}
#osnSideNav #news li a.bdlink{
color:#A60101;
font-size:120%;
padding-left:2px;
font-weight:bold}
#osnSideNav #news li{
	list-style:none;
	padding:3px 3px 7px 3px
}
#osnSideNav #news li .pic{float:left;padding-right:8px}

/* links */
#osnSideNav #sdLinks{
	width:300px;
	background-color: #F4F0E2;
	margin:0;
	padding:0;
	border:none;
}
#osnSideNav #sdLinks h2{
background:url(/onsen/images/home0908/h2_title_snavi.gif) no-repeat left -27px;
height:27px;
}
#osnSideNav #sdLinks ul{
	padding:10px 5px 10px 8px;
	border: none;
	border-bottom: none;
}
#osnSideNav #sdLinks ul li{
	padding:0;
	border: none;
	border-bottom: none;
	padding:0 0 0 9px;
	margin-bottom:5px;
	background:url(/onsen/images/home0908/arrow.gif) no-repeat left 2px;
}

/* kuchikomi */
#osnSideNav #sdKuchikomi{
	width:300px;
	background-color: #F4F0E2;
	margin:0;
	padding:0 0 10px 0;
	border:none;
}
#osnSideNav #sdKuchikomi h2{
background:url(/onsen/images/home0908/h2_title_snavi.gif) no-repeat left -54px;
height:27px;
}
#osnSideNav #sdKuchikomi ul{
	padding:10px 5px 0 8px;
	width: 207px;
	border: none;
	border-bottom: none;
}
#osnSideNav #sdKuchikomi ul li{
	padding:0;
	width: 198px;
	border: none;
	border-bottom: none;
	padding:0 0 0 9px;
	margin-bottom:5px;
	background:url(/onsen/images/home0908/arrow.gif) no-repeat left 2px;
}


/* 300x250 banner */
#osnSideNav #side_ad1Area{
	margin-bottom:0px;
}
#osnSideNav #ad1{
	width:300px;
	background-color: #FFF;
	padding:10px 0;
}
#osnSideNav #side_ad_gArea{
	width:300px;
	padding-bottom:0;
	background-color: #F4F0E2;
}
#osnSideNav #ad_g{
	width:300px;
	padding:0 0 5px 0;
	background-color: #FFFFFF;
}
#osnSideNav #ad-head{
	width:300px;
	margin-bottom:3px;
	text-align:left;
	font-weight:bold;
	background-color: #F4F0E2;
}

/* sdShisetsu */
#osnSideNavBg #sdShisetsu{
	background-color:#FFFFFF;
	border:1px solid #AFA68D;
	padding:10px;
	margin:0 0 15px 0;
}
#osnSideNavBg #sdShisetsu ul li{
	padding:0 0 0 9px;
	background:url(/onsen/images/home0908/arrow.gif) no-repeat left 2px;

}


/* sp banner */

#osnSideNav #sdSpecial h2{
background:url(/onsen/images/home0908/h2_title_snavi.gif) no-repeat left -81px;
height:27px;
}
#osnSideNav #sdSpecial {width:300px; margin-bottom:10px;}
#osnSideNav #sdSpecial ul{
	padding:10px;
	background-color:#F4F0E2;
}
#osnSideNav #sdSpecial .ttl{margin-bottom:4px;}
#osnSideNav #sdSpecial li a.bdlink{
color:#A60101;
padding-left:2px;
font-size:120%;
font-weight:bold}
#osnSideNav #sdSpecial li{
	list-style:none;
	padding:3px;
	display: block;
}
#osnSideNav #sdSpecial li .pic{
	float:left;
	padding-right:8px;
	margin-bottom: 10px;
}

#osnSideNav #sdTopicslist {
	padding:10px 15px;
	margin-bottom:10px;
	}

/* sdBlog */

#osnSideNav .sdBlog h2{
background:url(/onsen/images/home0908/h2_title_snavi.gif) no-repeat left -108px;
height:27px;
}

#osnSideNav .sdBlog .ttl{}
#osnSideNav .sdBlog .ttl{margin-bottom:4px;}
#osnSideNav .sdBlog ul { 
	padding:10px;
	background-color:#F4F0E2;
}
#osnSideNav .sdBlog li a.bdlink{
color:#A60101;
padding-left:2px;
font-size:120%;
font-weight:bold}
#osnSideNav .sdBlog li{
	list-style:none;
	padding:3px;
	display: block;
}
#osnSideNav .sdBlog li .pic{
	float:left;
	padding-right:8px;
}

/* award */
#osnSideNav #award {
	width:300px;
	background-color: #F4F0E2;
}
#osnSideNav #award h2{
background:url(/onsen/images/home0908/h2_title_snavi.gif) no-repeat left -135px;
height:27px;
}
#osnSideNav #award ul{
	border:none;
	padding:5px;
	width: 210px;
}
#osnSideNav #award .ttl{margin-bottom:4px;}
#osnSideNav #award li a.bdlink{
color:#A60101;
font-size:120%;
padding-left:2px;
font-weight:bold}
#osnSideNav #award li{
	list-style:none;
	padding:3px 3px 7px 3px
}
#osnSideNav #award li .pic{float:left;padding-right:8px}

/* tokusetsu */
#osnSideNav #tokusetsu {
	width:300px;
	background-color: #F4F0E2;
}
#osnSideNav #tokusetsu h2{
	background:url(/onsen/images/home0908/h2_title_snavi.gif) no-repeat left -189px;
	height:27px;
}
#osnSideNav #tokusetsu ul{
	border:none;
	padding:10px;
}
#osnSideNav #tokusetsu .ttl{margin-bottom:4px;}
#osnSideNav #tokusetsu li a.bdlink{
	color:#A60101;
	font-size:120%;
	padding-left:2px;
	font-weight:bold
}
#osnSideNav #tokusetsu li{
	list-style:none;
	padding:3px 3px 7px 3px
}
#osnSideNav #tokusetsu li .pic{float:left;padding-right:8px}

/* 右ナビクラス 20100223以降 */
#osnSideNav .nav_contents {
	width:300px;
	background-color: #F4F0E2;
}
#osnSideNav .nav_contents ul{
	border:none;
	padding:5px;
	width: 290px;
}
#osnSideNav .nav_contents .ttl{margin-bottom:4px;}
#osnSideNav .nav_contents li a.bdlink{
	color:#A60101;
	font-size:120%;
	padding-left:2px;
	font-weight:bold;
}
#osnSideNav .nav_contents li{
	list-style:none;
	padding:3px 3px 7px 3px;
}
#osnSideNav .nav_contents li .pic{float:left;padding-right:8px;}

/* trv_osusume */
#osnSideNav #trv_osusume h2{
	background:url(/onsen/images/home0908/h2_title_snavi.gif) no-repeat left -162px;
	height:27px;
}

/* アースコンテンツボックス下　google Adsense　*/
#osnContents #ad-head2{
	width:300px;
	margin-bottom:3px;
	text-align:left;
	font-weight:bold;
}

.plan-link-size{
        text-align:center;
        padding:20px 20px 0px 0px;
}

.plan-link-name{
        font-size:15px;
        margin:0px 0px 10px 0px;
}
