@charset "UTF-8";
/* ============================================================

 * www.jcomwest.jp/otoku/
 * layout.css
 *
 * copyright : J:COM WEST
 * author    : 
 
============================================================ */

/*
 * layout
 */
#container { background-color: #dcdddd; }
#container #header { background-color: #fff; }
#container #header #header-inner { width: 1000px; height: 36px; margin: auto; padding-top: 12px; background-color: #fff; }
#container #header #header-inner h1 { margin: 0; }
#container #container-inner { width: 1000px; margin: 0 auto; }


#container #container-inner #gnavi { margin-bottom: 6px; }
#container #container-inner #gnavi ul li { float: left; }
#container #container-inner .gnavi a { float: left; display: block; text-indent: -9999px; width: 200px; height: 43px; background: url(../img/gnavi.gif) no-repeat; cursor: pointer; }
#container #container-inner #gnavi #gn1 { background-position: 0 0; }
#container #container-inner #gnavi #gn1:hover, 
#container #container-inner #gnavi #gn1.hover { background-position: 0 -43px; }
#container #container-inner #gnavi #gn2 { background-position: -200px 0; }
#container #container-inner #gnavi #gn2:hover, 
#container #container-inner #gnavi #gn2.hover { background-position: -200px -43px; }
#container #container-inner #gnavi #gn3 { background-position: -400px 0; }
#container #container-inner #gnavi #gn3:hover, 
#container #container-inner #gnavi #gn3.hover{ background-position: -400px -43px; }
#container #container-inner #gnavi #gn4 { background-position: -600px 0; }
#container #container-inner #gnavi #gn4:hover, 
#container #container-inner #gnavi #gn4.hover{ background-position: -600px -43px; }
#container #container-inner #gnavi #gn5 { background-position: -800px 0; }
#container #container-inner #gnavi #gn5:hover, 
#container #container-inner #gnavi #gn5.hover { background-position: -800px -43px; }


#container #container-inner ul#pankuzu { margin-bottom: 6px; }
#container #container-inner ul#pankuzu a { color: #363636; }
#container #container-inner ul#pankuzu a:hover { color: #ff4d00; }
#container #container-inner ul#pankuzu li { font-size: 85%; float: left; margin-right: 8px; padding-right: 12px; background: url(../img/ico_arrow.gif) no-repeat center right; }
	

#container #container-inner #top { position: relative;  margin: 0 auto 10px auto; padding: 0 0px; }
/*12/8UPトップムービー*/
#container #container-inner #top #top-movie { width: 1000px; height: 315px; background: #fff; background: url(../img/100101_bg.jpg) no-repeat; }
#container #container-inner #top .copy { text-indent: -9999px; }
#container #container-inner #top #app { margin-top: 239px; margin-left: 815px; }





/*11/6UP工事費無料入りメイン*/
#container #container-inner #top2 { position: relative; width: 1000px; height: 315px; margin: -7px auto 15px auto; background: url(../img/091201_main.jpg) no-repeat; }
#container #container-inner #top2 .copy { text-indent: -9999px; }
#container #container-inner #top2 #app { margin-top: 239px; margin-left: 815px; }
/*11/6UP工事費無料入りメイン*/


#container #container-inner #content { margin-bottom: 50px; }
#container #container-inner #content #content-main { float: left; width: 800px; margin-right: 10px; display: inline; }


#container #container-inner #content #content-side { float: right; width: 190px; display: inline; }
#container #container-inner #content #content-side ul#topics { margin-bottom: 10px; }
#container #container-inner #content #content-side ul#topics li { margin-bottom: 3px; }
#container #container-inner #content #content-side #bnr { display: block; width: 190px; padding: 15px 0 5px 0; background: url('../img/side_bnr_top.gif') no-repeat; }
#container #container-inner #content #content-side #bnr ul li { width: 164px; margin-left: 12px; margin-bottom: 8px; }
#container #container-inner #content #content-side #bnr-bottom { display: block; width: 190px; height: 15px; margin-bottom: 10px; background: url('../img/side_bnr_bottom.gif') no-repeat; }
#container #container-inner #content #content-side #bnr2 { display: block; width: 190px; padding: 15px 0 5px 0; background: url('../img/side_bnr2_top.gif') no-repeat; }
#container #container-inner #content #content-side #bnr2 ul li { width: 164px; margin-left: 12px; margin-bottom: 8px; }
#container #container-inner #content #content-side #bnr2-bottom { display: block; width: 190px; height: 15px; margin-bottom: 10px; background: url('../img/side_bnr2_bottom.gif') no-repeat; }



#pagetop { width: 1000px; margin: auto; }
#pagetop p { text-align: right; margin: 0; }
#footer { margin: 0 auto; background-color: #fff; border-top: solid 2px #ccc; }
#footer #footer-inner { width: 1000px; margin: 0 auto 35px auto; padding-top: 10px; background-color: #fff; }
#footer #footer-inner p { text-align: right; color: #666; }


/* -- [ index ] -- */
#container #container-inner #content .box-1 { width: 800px; margin-bottom: 10px; padding-top: 6px; background: url(../img/box_top.gif) no-repeat top left; }
#container #container-inner #content .box-1 .box-inner-1 { padding: 14px 40px 30px 40px; background: url(../img/box_bg.gif) no-repeat bottom left; }
#container #container-inner #content .box-1 .box-inner-2 { padding: 14px 22px 30px 22px; background: url(../img/box_bg.gif) no-repeat bottom left; }
#container #container-inner #content .box-1 .box-inner-1 #service3 { margin-bottom: 10px }
#container #container-inner #content .box-1 .box-inner-1 #simu { width: 635px; height: 245px; margin: auto; background: url('../img/otoku4_01.jpg') no-repeat; }
#container #container-inner #content .box-1 .box-inner-1 #simu .copy { text-indent: -9999px; }
#container #container-inner #content .box-1 .box-inner-1 #simu #st { margin-top: 85px; margin-left: 225px; }


/* -- [キャンペーンページ韓国旅行] -- */
#container #container-inner #content table.kankoku{ border-collapse:collapse;border:1px solid #FF3300; }
#container #container-inner #content table.kankoku td{ font-size:1em; padding:5px; }
#container #container-inner #content table.kankoku th{ color:#FF3300;  font-size:1em; font-weight:100; width:130px; padding:10px; text-align:center; }


/***** オレンジ *****/
#container #container-inner #content .box-2 { width: 800px; margin-bottom: 10px; padding-top: 6px; }
#container #container-inner #content .box-2 .ttl-1 { margin: 0; }
#container #container-inner #content .box-2 .box-inner-2 { padding: 0 22px 30px 22px; background: url(../img/box2_bg.gif) no-repeat bottom left; }
#container #container-inner #content .box-2 .box-inner-2 #cam1 { width: 756px; height: 180px; margin-bottom: 20px; background: url(../img/otoku6_01.gif) no-repeat bottom left; }
#container #container-inner #content .box-2 .box-inner-2 #cam1 .copy { text-indent: -9999px; }
#container #container-inner #content .box-2 .box-inner-2 #cam1 .btn { margin: 90px 0 0 560px; }
#container #container-inner #content .box-2 .box-inner-2 #cam2 { width: 756px; height: 185px; background: url(../img/otoku6_02.jpg) no-repeat bottom left; }
#container #container-inner #content .box-2 .box-inner-2 #cam2 .copy { text-indent: -9999px; }
#container #container-inner #content .box-2 .box-inner-2 #cam2 .btn { margin: 90px 0 0 560px; }



/*10分USJ背景*/
#container #container-inner #content .box-2 { width: 800px; margin-bottom: 10px; padding-top: 6px; }
#container #container-inner #content .box-2 .ttl-1 { margin: 0; }
#container #container-inner #content .box-2 .box-inner-2 { padding: 0 22px 30px 22px; background: url(../img/box2_bg.gif) no-repeat bottom left; }
#container #container-inner #content .box-2 .box-inner-2 #cam5 { width: 756px; height: 180px; margin-bottom: 20px; background: url(../img/091101_otoku6_01.gif) no-repeat bottom left; }
#container #container-inner #content .box-2 .box-inner-2 #cam5 .copy { text-indent: -9999px; }
#container #container-inner #content .box-2 .box-inner-2 #cam5 .btn { margin: 90px 0 0 560px; }
#container #container-inner #content .box-2 .box-inner-2 #cam3 { width: 756px; height: 185px; margin-bottom: 20px; background: url(../img/otoku6_02.gif) no-repeat bottom left; }
#container #container-inner #content .box-2 .box-inner-2 #cam3 .copy { text-indent: -9999px; }
#container #container-inner #content .box-2 .box-inner-2 #cam3 .btn { margin: 90px 0 0 560px; }
/*10/1UP分USJ背景終了*/



/*11/1UP分USJ背景*/
#container #container-inner #content .box-5 { width: 800px; margin-bottom: 10px; padding-top: 6px; }
#container #container-inner #content .box-5 .ttl-10 { margin: 0; }
#container #container-inner #content .box-5 .box-inner-20 { padding: 0 22px 30px 22px; background: url(../img/box6_bg.gif) no-repeat bottom left; }
#container #container-inner #content .box-5 .box-inner-20 #cam50 { width: 756px; height: 180px; margin-bottom: 0px; background: url(../img/091101_otoku6_01.gif) no-repeat bottom left; }
#container #container-inner #content .box-5 .box-inner-20 #cam50 .copy0 { text-indent: -9999px; }
#container #container-inner #content .box-5 .box-inner-20 #cam50 .btn0 { margin: 90px 0 0 560px; }
#container #container-inner #content .box-5 .box-inner-20 #cam30 { width: 756px; height: 185px; margin-bottom: 20px; background: url(../img/otoku6_01.gif) no-repeat bottom left; }
#container #container-inner #content .box-5 .box-inner-20 #cam30 .copy0 { text-indent: -9999px; }
#container #container-inner #content .box-5 .box-inner-20 #cam30 .btn0 { margin: 90px 0 0 560px; }
/*11/1UP分USJ背景終了*/


/*11/6UP分既加入者基本工事費0円*/
#container #container-inner #content .box-5 { width: 800px; margin-bottom: 10px; padding-top: 6px; }
#container #container-inner #content .box-5 .ttl-10 { margin: 0; }
#container #container-inner #content .box-5 .box-inner-30 { padding: 0 22px 30px 22px; background: url(../img/box5_bg.gif) no-repeat bottom left; }
#container #container-inner #content .box-5 .box-inner-30 #cam40 { width: 756px; height: 180px; background: url(../img/kojihi_cam.jpg) no-repeat bottom left; }
#container #container-inner #content .box-5 .box-inner-30 #cam40 .copy0 { text-indent: -9999px; }
#container #container-inner #content .box-5 .box-inner-30 #cam40 .btn0 { margin: 90px 0 0 560px; }
/*11/6UP分既加入者基本工事費0円*/


/*12/1UP分すごいこと次々と*/
#container #container-inner #content .box-5 { width: 800px; margin-bottom: 10px; padding-top: 6px; }
#container #container-inner #content .box-5 .ttl-10 { margin: 0; }
#container #container-inner #content .box-5 .box-inner-40 { padding: 0 22px 15px 22px; background: url(../img/box6_091201_bg.gif) no-repeat bottom left; }
#container #container-inner #content .box-5 .box-inner-40 #cam60 { width: 756px; height: 185px; margin-bottom: 20px; background: url(../img/otoku6_091204.jpg) no-repeat bottom left; }
#container #container-inner #content .box-5 .box-inner-40 #cam60 .copy0 { text-indent: -9999px; }
#container #container-inner #content .box-5 .box-inner-40 #cam60 .btn0 { margin: 90px 0 0 560px; }
/*12/1UP分すごいこと次々と終了*/


/*2010/1/1 基本工事費0円*/
#container #container-inner #content .box-6 { width: 800px; margin-bottom: 10px; padding-top: 6px; }
#container #container-inner #content .box-6 .ttl-10 { margin: 0; }
#container #container-inner #content .box-6 .box-inner-50 { padding: 0 22px 30px 22px; background: url(../img/box6_bg.gif) no-repeat bottom left; }
#container #container-inner #content .box-6 .box-inner-50 #cam70 { width: 756px; height: 380px; background: url(../img/kojihi100101_cam.jpg) no-repeat bottom left; }
#container #container-inner #content .box-6 .box-inner-50 #cam70 .copy0 { text-indent: -9999px; }
#container #container-inner #content .box-6 .box-inner-50 #cam70 .btn0 { margin: 80px 0 0 560px; }
/*2010/1/1 基本工事費0円*/

/*2009/1/12UP分既加入者基本工事費0円*/
#container #container-inner #content .box-100112 { width: 800px; margin-bottom: 10px; padding-top: 6px; }
#container #container-inner #content .box-100112 .ttl-10 { margin: 0; }
#container #container-inner #content .box-100112 .box-inner-30 { padding: 0 22px 30px 22px; background: url(../img/box5_bg.gif) no-repeat bottom left; }
#container #container-inner #content .box-100112 .box-inner-30 #cam40 { width: 756px; height: 180px; background: url(../img/kojihi_cam_100112.jpg) no-repeat bottom left; }
#container #container-inner #content .box-100112 .box-inner-30 #cam40 .copy0 { text-indent: -9999px; }
#container #container-inner #content .box-100112 .box-inner-30 #cam40 .btn0 { margin: 90px 0 0 560px; }
/*2009/1/12UP分既加入者基本工事費0円*/

/*2010/2/11 テレビがらみ基本工事費0円*/
#container #container-inner #content .box-100211 { width: 800px; margin-bottom: 10px; padding-top: 6px; }
#container #container-inner #content .box-100211 .ttl-10 { margin: 0; }
#container #container-inner #content .box-100211 .box-inner-100211 { padding: 0 22px 30px 22px; background: url(../img/box6_bg.gif) no-repeat bottom left; }
#container #container-inner #content .box-100211 .box-inner-100211 #cam100211 { width: 756px; height: 380px; background: url(../img/100211_kojihi_cam.jpg) no-repeat bottom left; }
#container #container-inner #content .box-100211 .box-inner-100211 #cam100211 .copy0 { text-indent: -9999px; }
#container #container-inner #content .box-100211 .box-inner-100211 #cam100211 .btn0 { margin: 80px 0 0 560px; }
/*2010/2/11 テレビがらみ基本工事費0円*/

/*2010/2/4UP分スポーツ観戦キャンペーン*/
#container #container-inner #content .box-100204 { width: 800px; margin-bottom: 10px; padding-top: 6px; }
#container #container-inner #content .box-100204 .ttl-10 { margin: 0; }
#container #container-inner #content .box-100204 .box-inner-0204 { padding: 0 22px 30px 22px; background: url(../img/box0204_bg.gif) no-repeat bottom left; }
#container #container-inner #content .box-100204 .box-inner-0204 #cam0204 { width: 756px; height: 248px; background: url(../img/sports_cam_100204.jpg) no-repeat bottom left; }
#container #container-inner #content .box-100204 .box-inner-0204 #cam0204 .copy0204 { text-indent: -9999px; }
#container #container-inner #content .box-100204 .box-inner-0204 #cam0204 .btn0204 { margin: 150px 0 0 560px; }
/*2010/2/4UP分スポーツ観戦キャンペーン*/

/*2010/2/25UP分春の大イベント*/
#container #container-inner #content .box-100225 { width: 800px; margin-bottom: 10px; padding-top: 6px; }
#container #container-inner #content .box-100225 .ttl-10 { margin: 0; }
#container #container-inner #content .box-100225 .box-inner-0225 { padding: 0 22px 30px 22px; background: url(../img/box0225_bg.gif) no-repeat bottom left; }
#container #container-inner #content .box-100225 .box-inner-0225 #cam0225 { width: 756px; height: 449px; background: url(../img/2010springevent_bg.jpg) no-repeat bottom left; }
#container #container-inner #content .box-100225 .box-inner-0225 #cam0225 .copy0225 { text-indent: -9999px; }
#container #container-inner #content .box-100225 .box-inner-0225 #cam0225 .btn0225 { margin: 308px 0 0 560px; }
/*2010/2/4UP分春の大イベント*/


/***** 2010/1/1ブルーレイHDR *****/
#container #container-inner #content .box-blu { width: 800px; margin-bottom: 10px; padding-top: 6px; }
#container #container-inner #content .box-blu .ttl-1 { margin: 0; }
#container #container-inner #content .box-blu .box-inner-blu { padding: 0 22px 0px 22px; background: url(../img/blu_bg.gif) no-repeat bottom left; }
#container #container-inner #content .box-blu #blu { width: 800px; height: 303px; margin: 0; background: url(../img/blu_main.jpg) no-repeat bottom left; }
#container #container-inner #content .box-blu #blu .copy { text-indent: -9999px; }
#container #container-inner #content .box-blu #blu .btn { margin: 100px 0 0 533px; }
#container #container-inner #content .box-blu .body { width: 758px; margin: 0 auto 10px auto; padding:0px 0px 10px 0px; }

/***** 2010/1/1ブルーレイHDR *****/
#container #container-inner #content .box-blu100112 { width: 800px; margin-bottom: 10px; padding-top: 6px; }
#container #container-inner #content .box-blu100112 .ttl-1 { margin: 0; }
#container #container-inner #content .box-blu100112 .box-inner-blu { padding: 0 21px 0px 21px; background: url(../img/blu_bg.gif) no-repeat bottom left; }
#container #container-inner #content .box-blu100112 #blu { width: 800px; height: 303px; margin: 0; background: url(../img/blu100112_main.jpg) no-repeat bottom left; }
#container #container-inner #content .box-blu100112 #blu .copy { text-indent: -9999px; }
#container #container-inner #content .box-blu100112 #blu .btn { margin: 127px 0 0 533px; }
#container #container-inner #content .box-blu100112 .body { width: 758px; margin: 0 auto 10px auto; padding:0px 0px 10px 0px; }

/*---------------キャンペーンタイトル汎用--------------------*/

#container #container-inner #content .box-test{ width: 800px; margin-bottom: 10px; padding-top: 6px; background: url(../img/box_top.gif) no-repeat top left;}
#container #container-inner #content .box-test .box-inner-3 { height: 1180px; padding: 0 20px 0px 20px; background: url(../img/box_bg_camp.gif) no-repeat bottom left; }
#container #container-inner #content  .box-test .box-inner-3 .camptit{
width:756px;
margin:15px 0 10px 0px;
}

#container #container-inner #content  .box-test .box-inner-3  .campcon{
margin:15px 0 20px 4px;
}


/*---------------HDRCP 延長-------------------*/
#container #container-inner #content  .box-test .box-inner-3  .camp100401{
	background:url(../img/bg_camp100401.jpg) no-repeat top left;
	width:755px;
	height:420px;
	position:relative;
	margin:15px 0 15px 4px;
}

#container #container-inner #content .box-test .box-inner-3  .camp100401 ul{
position:relative;

}
#container #container-inner #content .box-test .box-inner-3  .camp100401 ul li{
float:left;
padding-left:18px;
margin-top:350px;
padding-bottom:19px;
}

/*---------------/HDRCP 延長-------------------*/
/*---------------HDRCP-------------------*/
#container #container-inner #content  .box-test .box-inner-3  .camp100305{
	background:url(../img/bg_camp100305.jpg) no-repeat top left;
	width:755px;
	height:420px;
	position:relative;
	margin:15px 0 15px 4px;
}

#container #container-inner #content .box-test .box-inner-3  .camp100305 ul{
position:relative;

}
#container #container-inner #content .box-test .box-inner-3  .camp100305 ul li{
float:left;
padding-left:18px;
margin-top:350px;
padding-bottom:19px;
}

/*---------------/HDRCP-------------------*/

/*---------------spring CP-------------------*/
#container #container-inner #content .box-test .box-inner-3  .spring{
	background:url(../img/bg_2010spring2.jpg) no-repeat top left;
	width:753px;
	height:413px;
	position:relative;
	margin:15px 0 15px 4px;
}

#container #container-inner #content .box-test .box-inner-3  .spring ul{
position:relative;

}
#container #container-inner #content .box-test .box-inner-3  .spring ul li{
float:left;
padding-left:18px;
margin-top:345px;
padding-bottom:19px;
}

/*---------------/spring CP-------------------*/

/*---------------工事費無料 CP-------------------*/

#container #container-inner #content .box-test .box-inner-3  .kojihi{ width: 756px; height: 180px; background: url(../img/kojihi_cam_100112.jpg) no-repeat bottom left; 	position:relative; margin:15px 0 15px 4px;}

#container #container-inner #content .box-test .box-inner-3  .kojihi .copy0 { text-indent: -9999px; }
#container #container-inner #content .box-test .box-inner-3  .kojihi .btn0 { margin: 90px 0 0 560px; }

/*---------------/工事費無料 CP-------------------*/


/* キャンペーンメニュー一覧*/
#container #container-inner #content  .box-test .box-inner-3 .campmenu1 {
width: 755px;
margin-bottom: 12px;
}


#container #container-inner #content .box-test .box-inner-3 .left_menu {
	background:url(../img/bg_cam_menu.jpg) no-repeat top left;
	height:194px;
	float: left;
	width: 374px;
}

#container #container-inner #content .box-test .box-inner-3 .right_menu {
	background:url(../img/bg_cam_menu.jpg) no-repeat top left;
	height:194px;
	float: right;
	width: 374px;
}


#container #container-inner #content .box-test .box-inner-3 .camthumb{
	float: left;
	margin-top: 10px;
	margin-left: 10px;
}

#container #container-inner #content .box-test .box-inner-3 .camtext{
	margin: 18px 13px 0 120px;
	line-height: 1.5;
	text-align: left;
	font-size:1.0em;
}
#container #container-inner #content .box-test .box-inner-3 .camtext_date{
	margin: 0 13px 5px 120px;
	line-height: 1.5;
	text-align: left;
	font-size:1.0em;
	color:#e83416;
}

#container #container-inner #content .box-test .box-inner-3 .cambtn{
	margin-right: 13px;
	float: right;
}

#container #container-inner #content .box-test .box-inner-3 .campmenu1 h4{
padding-top: 10px;
padding-left: 18px;
font-size:1.3em;
color:#000000;
font-weight:normal;

}



/***** ブラック *****/
#container #container-inner #content .box-3 { width: 800px; margin-bottom: 10px; padding-top: 6px; }
#container #container-inner #content .box-3 .ttl-1 { margin: 0; }
#container #container-inner #content .box-3 .box-inner-2 { padding: 0 22px 30px 22px; background: url(../img/box3_bg.gif) no-repeat bottom left; }
#container #container-inner #content .box-3 #hdr { width: 800px; height: 305px; margin: 0; background: url(../img/otoku3_main.jpg) no-repeat bottom left; }
#container #container-inner #content .box-3 #hdr .copy { text-indent: -9999px; }
#container #container-inner #content .box-3 #hdr .btn { margin: 223px 0 0 335px; }
#container #container-inner #content .box-3 .body { width: 710px; margin: 0 auto 12px auto; padding: 18px 22px 18px 22px; background-color: #fff; }


/***** 白 *****/
#container #container-inner #content .box-4 { width: 800px; margin-bottom: 10px; padding-top: 6px; }
#container #container-inner #content .box-4 .ttl-1 { margin: 0; }
#container #container-inner #content .box-4 .box-inner-2 { padding: 0 22px 30px 22px; background: url(../img/box4_bg.gif) no-repeat bottom left; }
#container #container-inner #content .box-4 .box-inner-2 #pre1 { width: 755px; height: 235px; margin-bottom: 20px; background: url(../img/present01.jpg) no-repeat bottom left; }
#container #container-inner #content .box-4 .box-inner-2 #pre1 .copy { text-indent: -9999px; }
#container #container-inner #content .box-4 .box-inner-2 #pre2 { width: 755px; height: 103px; background: url(../img/present02.jpg) no-repeat bottom left; }
#container #container-inner #content .box-4 .box-inner-2 #pre2 .copy { text-indent: -9999px; }
#container #container-inner #content .box-4 .box-inner-2 #pre3 { width: 755px; height: 95px; margin-bottom: 20px; background: url(../img/present03.jpg) no-repeat bottom left; }
#container #container-inner #content .box-4 .box-inner-2 #pre3 .copy { text-indent: -9999px; }
#container #container-inner #content .box-4 .box-inner-2 .btn_pre { margin: 0 0 0 200px; }


#container #container-inner #content .box-1 .box-inner-1 #plan ul li { float: left; }
#container #container-inner #content .box-1 .box-inner-1 #plan ul li#t1 a { display: block; text-indent: -9999px; width: 181px; height: 43px; background: url('../img/otoku2_tab_01.gif') no-repeat; }
#container #container-inner #content .box-1 .box-inner-1 #plan ul li#t2 a { display: block; text-indent: -9999px; width: 181px; height: 43px; background: url('../img/otoku2_tab_02.gif') no-repeat; }
#container #container-inner #content .box-1 .box-inner-1 #plan ul li#t1 a:hover,
#container #container-inner #content .box-1 .box-inner-1 #plan ul li#t1 a.selected { background: url('../img/otoku2_tab_01_on.gif') no-repeat; }
#container #container-inner #content .box-1 .box-inner-1 #plan ul li#t2 a:hover,
#container #container-inner #content .box-1 .box-inner-1 #plan ul li#t2 a.selected { background: url('../img/otoku2_tab_02_on.gif') no-repeat; }


#container #container-inner #content .box-1 #area-list,
#container #container-inner #content .box-1 #area-list2 { width: 714px; text-align: center; margin: 0 auto 10px auto; padding-bottom: 0px; }
#container #container-inner #content .box-1 #area-list p#area-close,
#container #container-inner #content .box-1 #area-list2 p#area-close2 { text-align: center; margin-top: 10px; }


#container #container-inner #content .app { width: 538px; margin: auto; padding-bottom: 10px; }
#container #container-inner #content .app ul { margin-bottom: 12px; }
#container #container-inner #content .app ul li { float: left; margin-right: 10px; }


#container #container-inner #content .box-1 .box-inner-2 #otoku5-header { position: relative; margin-top: -5px; margin-bottom: 5px; }
#container #container-inner #content .box-1 .box-inner-2 #otoku5-header h3 { float: left; width: 255px; margin-right: 10px; display: inline; }
#container #container-inner #content .box-1 .box-inner-2 #otoku5-header p.notes { font-size: 85%; line-height: 1.6; float: left; width: 455px; padding-top: 20px; display: inline; }
#container #container-inner #content .box-1 .box-inner-2 #otoku5-flow { text-indent: -9999px; width: 755px; height: 112px; margin-bottom: 15px; display: block; background: url('../img/otoku5_02.gif') no-repeat; }


#container #container-inner #content .box-1 .box-inner-2 #inq-1 { text-indent: -9999px; width: 593px; height: 78px; margin-bottom: 15px; display: block; background: url('../img/inq_01.gif') no-repeat; }
#container #container-inner #content .box-1 .box-inner-2 #inq-2 { text-indent: -9999px; width: 743px; height: 205px; display: block; background: url('../img/inq_02.gif') no-repeat; }
#container #container-inner #content .box-1 .box-inner-2 #inq-3 { text-indent: -9999px; width: 743px; height: 78px; display: block; background: url('../img/inq_03.gif') no-repeat; }


/*  HDR注釈  */
#container #container-inner #content .box-3 .box-inner-2 .block { width:715px;border:0; }
#container #container-inner #content table{ border-collapse:collapse;}
#container #container-inner #content table td{ border:1px solid #e7e7e7; font-size:1.2em; padding:10px; }
#container #container-inner #content table th{ border:1px solid #e7e7e7; font-size:1.3em; font-weight:100; width:68px; padding:10px; text-align:center; }
#container #container-inner #content table .bg{ background:#f4f4f4; }
#container #container-inner #content #toggle a { text-indent: -9999px; width: 710px; height: 37px; display: block; }
#container #container-inner #content .toggle { background: url('../img/ttl_hdr.jpg') no-repeat; }
#container #container-inner #content .toggle-on { background: url('../img/ttl_hdr_on.jpg') no-repeat; }
/* -- [ /index ] -- */

/*  インクルード  */
#container #container-inner #content .box-4 { width: 800px; padding-top: 6px; background: url(../img/box_top.gif) no-repeat top left; }
#container #container-inner #content .box-4 .box-inner-4 { padding: 14px 21px 14px 21px; background: url(../img/box_bg.gif) no-repeat bottom left; font:90% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}

/*
 * element
 */
.description { font-size: 93%; line-height: 1.6; margin-bottom: 35px; }
.ttl-1 { margin-bottom: 10px; text-align: center; }
.ttl-2 { margin-top: 12px; margin-bottom: 10px; text-align: center; }
.box-corner-1 { width: 360px; padding: 15px 10px; -webkit-border-radius: 10px; /* Safari、Google Chrome */ -moz-border-radius: 10px; /* Firefox */ background-color: #161616; }






/*
 * clear
 */
#container #container-inner #gnavi,
#container #container-inner ul#pankuzu,
#container #container-inner #top,
#container #container-inner #content .box-1,
#container #container-inner #content .box-1 .box-inner-1 #plan ul,
#container #container-inner #content .app ul,
#container #container-inner #content .box-1 .box-inner-2 #otoku5-header,
#container #container-inner #content { display: inline-block; }

#container #container-inner #gnavi:after,
#container #container-inner ul#pankuzu:after, 
#container #container-inner #top:after,
#container #container-inner #content .box-1:after,
#container #container-inner #content .box-1 .box-inner-1 #plan ul:after,
#container #container-inner #content .app ul:after,
#container #container-inner #content .box-1 .box-inner-2 #otoku5-header:after,
#container #container-inner #content:after { clear: both; display: block; content: ""; }




/*
 * hack
 */
* html #container #container-inner #content .box-1 .box-inner-2 #otoku5-header { margin-bottom: 12px; }