@charset "utf-8";

html #home { overflow-x:hidden;}

#home #wrapper { width:100%; background:url(../../img/bg_top.jpg) no-repeat center 0;}
#home #h_wrapper { width:100%; height:677px; background:url(../img/gnavi_bg.jpg) no-repeat center 82px; position:relative;}


#home .slideshow { width: 1280px; margin: 0 auto; height:550px; position:relative; top:127px; left:50%; margin-left:-640px;}


#home #h_side { width:250px; height:550px; background:url(../img/side_bg.png) no-repeat; position:absolute; top:127px; left:50%; margin-left:250px;}
#home #h_side #slider_col { width:229px; height:277px; background:url(../../img/slide_bn_bg.jpg) no-repeat; padding-top:10px; margin:8px auto; overflow:hidden;}
#home #h_side p { text-align:center; padding-bottom:8px;}




#home #container { background:url(../img/side_bg.png) repeat-y right top;}
#home #contents { float:left; width:750px;}

#home #fnavi { padding:60px 0 0 0;}


/* plan_col */
#home #plan_col { width:743px; background:url(../../img/plan_bg.png) no-repeat; margin-top:15px; padding-bottom:25px;}
#home #tab-container-1-nav { margin:7px 0 18px 19px;}
#home #tab-container-1-nav li { float:left; width:148px; padding-right:6px;}
#home #tab-container-1-nav li.plan5 { width:89px; padding-right:0;}
#home #tab-container-1-nav li a.active { display:block; width:148px; height:67px;}
#home #tab-container-1-nav li.plan5 a.active { width:89px;}
#home #tab-container-1-nav li a.active img { display:none;}
#home #tab-container-1-nav li.plan1 a.active { background:url(../../img/pnavi1_on.jpg) no-repeat;}
#home #tab-container-1-nav li.plan2 a.active { background:url(../../img/pnavi2_on.jpg) no-repeat;}
#home #tab-container-1-nav li.plan3 a.active { background:url(../../img/pnavi3_on.jpg) no-repeat;}
#home #tab-container-1-nav li.plan4 a.active { background:url(../../img/pnavi4_on.jpg) no-repeat;}
#home #tab-container-1-nav li.plan5 a.active { background:url(../../img/pnavi5_on.jpg) no-repeat;}

#home .tab { width:680px; background:#e8d2c3; padding:25px 0 0 20px; margin:0 auto;}
#home .box { float:left; width:320px; height:100px; padding:0 20px 10px 0;}
#home .box img.photo { float:left; width:120px; padding-right:5px;}
#home .box dl { float:right; width:190px; line-height:18px; overflow:visible}
#home .box dt { color:#232323; font-weight:bold;}
#home .box dt a { color:#232323; font-size:0.9em; font-weight:bold;}
#home .box dd { color:#232323; font-size:0.9em; line-height:16px;}
#home .box dd a { color:#232323; font-weight:bold; margin-top:2px; display:inline-block;}

#home .tab h4 { clear:both; color:#8E0427; font-weight:bold; font-size:1.1em; padding-bottom:5px;}



/* sec1 */
#home #sec1 { background:url(../../img/1_bg.png) no-repeat; padding-bottom:35px;}
#home #sec1_1 { padding:30px 0 0 25px;}
#home #sec1_1 p { padding:15px 0;}
#home #sec1_2 { padding:90px 0 0 365px;}
#home #sec1_2 p { padding:15px 20px 15px 0;}
#home #sec1_2 dt { float:right; padding-right:25px;}
#home #sec1_2 dd { float:left; padding-right:5px;}


/* sec2 */
#home #sec2 { background:url(../../img/2_bg.jpg) no-repeat; padding-bottom:40px;}
#home #sec2_1 { padding:25px 0 0 452px;}
#home #sec2_1 p { padding:15px 0 0 3px;}
#home #sec2_2 { padding:165px 0 0 26px;}
#home #sec2_2 p { float:left; width:270px; padding:15px 0 0 0;}
#home #sec2_2 a { float:right; width:85px; padding-right:355px;}


/* sec3 */
#home #sec3 { background:url(../../img/3_bg.jpg) no-repeat; padding-bottom:32px;}
#home #sec3_1 { padding:33px 0 0 27px;}
#home #sec3_1 p { padding:15px 0 0 3px;}
#home #sec3_2 { padding:95px 0 0 320px;}
#home #sec3_2 h3 { padding-bottom:15px;}
#home #sec3_2 p { float:left; width:320px; padding:0 0 0 0;}
#home #sec3_2 a { float:right; width:85px; padding-right:20px;}


/* sec4 */
#home #sec4 { background:url(../../img/4_bg.jpg) no-repeat; padding-bottom:35px;}
#home #sec4_1 { padding:37px 0 0 26px;}
#home #sec4_1 p { padding:15px 0 0 2px;}
#home #sec4 dl { padding:40px 0 0 20px;}
#home #sec4 dd { float:left; width:234px; padding-right:134px;}
#home #sec4 dt { float:left; width:91px; padding:70px 5px 0 0;}


/* fnavi */
#home #fnavi { padding-right:22px;}



/* side_col */
#home #side_col { float:right; width:250px;}

#home #side_col #bestrates { text-align:center; padding:10px 0;}

#home #side_col #search_col { width:230px; background:url(../../img/ser_bg.jpg); margin:5px auto 0 auto; padding-bottom:10px;}
/*#home #side_col #search_col table { width:100%; text-align:center; margin:15px 0 0 0;}
#home #side_col #search_col #tr_button_489ban input { display:block; width:178px; height:27px; background:url(../img/ser_btn.gif) no-repeat; text-indent:-9999px; border:none; cursor:pointer; margin-top:10px; }
#home #side_col #search_col #tr_button_489ban input:hover { -ms-filter: "alpha( opacity=80 )"; filter: alpha( opacity=80 ); opacity:0.80;}*/

#home #side_col #bnr_plan { width:231px; margin:18px auto 0 auto;}
#home #side_col #bnr_plan li { padding-bottom:7px;}

#home #side_col #news_col { padding-top:20px;}
#home #side_col #news_col p { float:right; width:21px; padding-right:17px; margin-top:-41px; position:relative; z-index:10;}
#home #side_col #news_col ul { float:right; width:196px;}
#home #side_col #news_col ul li { background:url(../../img/news_mark.png) no-repeat 0 7px; line-height:1.6em; padding:0 0 10px 15px;}
#home #side_col #news_col ul li span { display:block; color:#fef8ea;}
#home #side_col #news_col ul li a { font-size:0.9em; color:#fef8ea; text-decoration:none;}
#home #side_col #news_col ul li a:hover { text-decoration:underline;}

#home #side_col #calendar { text-align:center; padding-top:10px;}

#home #side_col #banner_col { width:231px; margin:20px auto 0 auto;}
#home #side_col #banner_col li { padding-bottom:8px;}

#home #side_col #magazine { padding-left:10px;}
#home #side_col #magazine h3 { background:#000; color:#fff; text-align:center; margin-right:10px; padding:5px 0;}
#home #side_col #magazine ul { background:#fff; margin-right:10px; padding:5px 0;}
#home #side_col #magazine li { padding:2px 10px;}
#home #side_col #magazine li a { color:#333; font-size:0.85em;}

#home #side_col table { width:230px; margin:20px 0 0 10px;}
#home #side_col table th { width:80px;}
#home #side_col table td { vertical-align:bottom; line-height:1.6em;}

#home #side_col #wifi { text-align:center; padding-top:20px;}


/* pagetop */
#home #pagetop { width:1000px; text-align:right; margin:-35px auto 0 auto; padding:0 55px 15px 0;}
#home #pagetop a { font-size:0.9em; color:#bdb4a9;}






#home #info_col { background:#FFF7FC; color:#000; border:2px solid #666; padding:15px 20px; margin:10px 7px 10px 0;}
#home #info_col h3 { font-size:1.2em; letter-spacing:0.1em; font-weight:bold; color:#000; text-align:center; border-bottom:1px solid #999; padding-bottom:3px; margin-bottom:10px;}
#home #info_col a { color:#000; font-weight:bold;}
#home #info_col span { color:#C00; font-weight:bold;}
#home #info_col strong { display:block; font-weight:bold; padding-top:0px;}



/* ---------------------------------------------------
	黄色アコーディオンJquery
------------------------------------------------------ */
.toggle_txt ul.no_fl li { float:none; width:60%; margin:0 0 20px 0;}
.toggle_txt ul.no_fl li img { width:100%;}



.toggle_contents { width:743px; margin:0 auto 0 0;}
.toggle_title {
	background:#f9efdd;
	margin: 0;
	padding: 20px 35px 16px 40px;
	position: relative;
	cursor: pointer;
	transition: 0.3s; font-size:18px; color:#000;
}
.toggle_title span.jap { display:inline-block; width:600px; margin:0; padding:0;}
.toggle_title:hover {}
.toggle_title:after {
	content: "";
	display: inline-block;
	width: 37px;
	height: 37px;
	background:url(../../img/sec_arrow1.png) no-repeat right top;
	position:absolute;
	top: 50%;
	right: 35px;
	transform: translateY(-50%);
	transition: 0.2s;
}
.toggle_title.selected:after {
	transform: translateY(-50%) rotate(180deg);
	transition: 0.2s;
}
.toggle_txt { display: none; background:#f9efdd; padding:0 0 20px 7.4%;}
.toggle_txt ul.line { background:url(../../img/sec_line.png) no-repeat center bottom; padding-bottom:65px;}
.toggle_txt ul.bottom { padding-bottom:20px;}
.toggle_txt ul:after { content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.toggle_txt ul li { float:left; color:#333; margin-right:3.5%;}