﻿#str_container h1{
	margin-bottom:10px;
}
#str_container h3{
	margin:0 0 10px;
	padding:0;
	border:0;
}
#str_container h3.area{
	margin:0 0 10px;
	padding:3px 10px;
	border:0;
	background:#efd762;
	font-size:14px;
}
h2{
	margin:0 0 10px;
}
 a.btn:hover img{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

/**/


#maparea{
	margin-bottom:10px;
	position:relative;
}



#maparea .number01{
	padding:2px 0 0 20px;
	background:url(/special_cp/prince/2013/04/images/icon_number_01.gif) left top no-repeat;
}

#maparea .number02{
	padding:2px 0 0 20px;
	background:url(/special_cp/prince/2013/04/images/icon_number_02.gif) left top no-repeat;
}

#maparea .number05{
	padding:2px 0 0 20px;
	background:url(/special_cp/prince/2013/04/images/icon_number_05.gif) left top no-repeat;
}

#maparea .number06{
	padding:2px 0 0 20px;
	background:url(/special_cp/prince/2013/04/images/icon_number_06.gif) left top no-repeat;
}

#maparea .number07{
	padding:2px 0 0 20px;
	background:url(/special_cp/prince/2013/04/images/icon_number_07.gif) left top no-repeat;
}

#maparea .number08{
	padding:2px 0 0 20px;
	background:url(/special_cp/prince/2013/04/images/icon_number_08.gif) left top no-repeat;
}

#maparea .number14{
	padding:2px 0 0 20px;
	background:url(/special_cp/prince/2013/04/images/icon_number_14.gif) left top no-repeat;
}

#maparea .number15{
	padding:2px 0 0 20px;
	background:url(/special_cp/prince/2013/04/images/icon_number_15.gif) left top no-repeat;
}
#maparea .number16{
	padding:2px 0 0 20px;
	background:url(/special_cp/prince/2013/04/images/icon_number_16.gif) left top no-repeat;
}

#maparea dl{
	width:215px;
	position:absolute;
	top:112px;
	right:22px;
}
#maparea dt{
	display:none;
}
#maparea dd{
	margin-bottom:8px;
	font-size:14px;
}
#maparea ul li{
	position:absolute;
}
#maparea ul li.map_01{
	top:39px;
	left:153px;
}
#maparea ul li.map_02{
	top:80px;
	left:150px;
}
#maparea ul li.map_03{
	top:80px;
	left:167px;
}
#maparea ul li.map_04{
	top:97px;
	left:130px;
}
#maparea ul li.map_05{
	top:97px;
	left:147px;
}
#maparea ul li.map_06{
	top:97px;
	left:164px;
}
#maparea ul li.map_07{
	top:97px;
	left:181px;
}
#maparea ul li.map_08{
	top:114px;
	left:153px;
}
#maparea ul li.map_09{
	top:220px;
	left:315px;
}
#maparea ul li.map_10{
	top:220px;
	left:332px;
}
#maparea ul li.map_11{
	top:237px;
	left:325px;
}
#maparea ul li.map_12{
	top:269px;
	left:352px;
}
#maparea ul li.map_13{
	top:416px;
	left:568px;
}
#maparea ul li.map_14{
	top:415px;
	left:255px;
}
#maparea ul li.map_15{
	top:415px;
	left:272px;
}
#maparea ul li.map_16{
	top:432px;
	left:262px;
}
#maparea ul li.map_17{
	top:467px;
	left:259px;
}
#maparea ul li.map_18{
	top:507px;
	left:284px;
}
#maparea ul li.map_19{
	top:507px;
	left:304px;
}
#maparea ul li img{
	box-shadow: 1px 1px 1px #666;
	-moz-box-shadow: 1px 1px 1px #666;　/* Firefox用 */  
    -webkit-box-shadow: 1px 1px 1px #666;　/* Safari,Google Chrome用 */  
}
#maparea ul li a:hover img{
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
#maparea ul a span{
	display:none;
}
#maparea ul a:hover span{
	_width:12em;
	margin:-53px 0 0 0;
	padding:5px;
	display:block;
	background:#333;
	position:relative;
	z-index:99999;
	color:#fff;
	box-shadow: 1px 1px 1px #666;
	-moz-box-shadow: 1px 1px 1px #666;　/* Firefox用 */  
    -webkit-box-shadow: 1px 1px 1px #666;　/* Safari,Google Chrome用 */  
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
	zoom:1;
}
#maparea ul a:hover span:after { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 
#maparea ul a:hover span:after { border-top-color: #333; border-width: 5px; left: 5px; margin-left: 0; }




/*tabnavi*/
#str_container .tabNavi .tabMenu li a span{
	width:9.5em;
	padding-top:6px;
	padding-bottom:3px;
}

#kanto #str_container .tabNavi .tabMenu li.kanto a,
#chubu #str_container .tabNavi .tabMenu li.chubu a,
#kinki #str_container .tabNavi .tabMenu li.kinki a,
#chugoku #str_container .tabNavi .tabMenu li.chugoku a,
#kyushu #str_container .tabNavi .tabMenu li.kyushu a,
#hokkaido #str_container .tabNavi .tabMenu li.hokkaido a{
		color:#fff;
		background:url(/resource/images/tabnavi/bg_tabnavi_cobaltblue_left.gif) no-repeat left top;
	} 
#kanto #str_container .tabNavi .tabMenu li.kanto a span,
#chubu #str_container .tabNavi .tabMenu li.chubu a span,
#kinki #str_container .tabNavi .tabMenu li.kinki a span,
#chugoku #str_container .tabNavi .tabMenu li.chugoku a span,
#kyushu #str_container .tabNavi .tabMenu li.kyushu a span,
#hokkaido #str_container .tabNavi .tabMenu li.hokkaido a span{
		background:url(/resource/images/tabnavi/bg_tabnavi_cobaltblue_right.gif) no-repeat right top;
	} 
	


/*tabnavi*/
#str_container .tabNavigation{
	width:960px;
	margin-bottom:10px;
	overflow:hidden;
	border-bottom:3px solid #000125;
}
#str_container .tabNavigation li{
	float:left;
	margin-right:10px;
}
#str_container .tabNavigation li.kyushu{
	margin-right:0;
}

#str_container .tabNavigation li a{
	width:180px;
	height:53px;
	display:block;
}

#str_container .tabNavigation li.kanto a{
	background:url(/special_cp/freeticket/images/tab_kanto_ov.gif) bottom no-repeat;
}
#str_container .tabNavigation li.chubu a{
	background:url(/special_cp/freeticket/images/tab_chubu_ov.gif) bottom no-repeat;
}
#str_container .tabNavigation li.kinki a{
	background:url(/special_cp/freeticket/images/tab_kinki_ov.gif) bottom no-repeat;
}
#str_container .tabNavigation li.chugoku a{
	background:url(/special_cp/freeticket/images/tab_chugoku_ov.gif) bottom no-repeat;
}
#str_container .tabNavigation li.kyushu a{
	background:url(/special_cp/freeticket/images/tab_kyushu_ov.gif) bottom no-repeat;
}
#str_container .tabNavigation li.hokkaido a{
	background:url(/special_cp/freeticket/images/tab_hokkaido_ov.gif) bottom no-repeat;
}
#kanto #str_container .tabNavigation li.kanto a{
	background:url(/special_cp/freeticket/images/tab_kanto_ov.gif) top no-repeat;
}
#chubu #str_container .tabNavigation li.chubu a{
	background:url(/special_cp/freeticket/images/tab_chubu_ov.gif) top no-repeat;
}
#kinki #str_container .tabNavigation li.kinki a{
	background:url(/special_cp/freeticket/images/tab_kinki_ov.gif) top no-repeat;
}
#chugoku #str_container .tabNavigation li.chugoku a{
	background:url(/special_cp/freeticket/images/tab_chugoku_ov.gif) top no-repeat;
}
#kyushu #str_container .tabNavigation li.kyushu a{
	background:url(/special_cp/freeticket/images/tab_kyushu_ov.gif) top no-repeat;
}
#hokkaido #str_container .tabNavigation li.hokkaido a{
	background:url(/special_cp/freeticket/images/tab_hokkaido_ov.gif) top no-repeat;
}
#str_container .tabNavigation li span{
	display:none;
}
#str_container .tabNavigation li.kanto a:hover{
	background:url(/special_cp/freeticket/images/tab_kanto_ov.gif) top no-repeat;
}
#str_container .tabNavigation li.chubu a:hover{
	background:url(/special_cp/freeticket/images/tab_chubu_ov.gif) top no-repeat;
}
#str_container .tabNavigation li.kinki a:hover{
	background:url(/special_cp/freeticket/images/tab_kinki_ov.gif) top no-repeat;
}
#str_container .tabNavigation li.chugoku a:hover{
	background:url(/special_cp/freeticket/images/tab_chugoku_ov.gif) top no-repeat;
}
#str_container .tabNavigation li.kyushu a:hover{
	background:url(/special_cp/freeticket/images/tab_kyushu_ov.gif) top no-repeat;
}
#str_container .tabNavigation li.hokkaido a:hover{
	background:url(/special_cp/freeticket/images/tab_hokkaido_ov.gif) top no-repeat;
}



/*ticket*/
.ticket{
	padding:0 0 30px;
	background:url(/special_cp/freeticket/images/ticket_bottom.jpg) bottom no-repeat;
	text-align:center;
}
.ticket h2{
	margin:0;
	padding:0;
	font-size:18px;
	font-weight:bold;
}
.ticket p.tickettitle{
	font-size:28px;
	color:#e92c2c;
	font-weight:bold;
}
.ticket p{
	margin:0;
	padding:5px 10px 0;
	font-size:14px;
}


/*.announce */
.announce dl{
	width:960px;
	overflow:hidden;
	background:#f1f1f1;
}

.announce dt{
	width:2.5em;
	padding:5px 10px;
	float:left;
	background:#c00;
	color:#fff;
	font-weight:bold;
}
.announce dd{
	padding:5px 10px 5px 5em;
}

/*wchance*/

.wchance div.step{
	width:958px;
	margin:0 2px 30px 1px;
	background:url(/special_cp/tokai/2012/images/bg_step.gif) bottom;
	overflow:hidden;
}

.wchance .step dl{
	width:310px;
	margin-right:14px;
	float:left;
	display:block;
}
.wchance .step dl.step02{
	margin-right:13px;
}
.wchance .step dl.step03{
	margin-right:1px;
	float:right;
}
.wchance .step dl dd{
	padding:5px 10px;
}
.wchance .step dl a.btn{
	margin-top:15px;
	display:block;
	text-align:center;
}


/*.courselists*/
.courselists{
	width:960px;
	margin: 0 0 10px;
	overflow:hidden;
	background: url(/special_cp/renewal/first/images/bg.gif) top ;
	border-top:1px solid #efd762;
}

.entrybtn{
	margin:30px 0;
	text-align:center;
}
.txt{
	margin:10px 0 10px 10px;
	_margin:10px 5px;
	width:620px;
	float:left;
	overflow:hidden;
}
.coursename{
	margin:0 0 8px;
	padding:0 0 2px;
	border-bottom:1px dotted #efd762;
}
.coursename img{
	vertical-align:middle;
}

#str_container .coursename h4{
	width:435px;
	_width:415px;
	margin-bottom:5px;
	font-size:16px;
	float:left;
}
.coursename h4 span{
	font-size:12px;
}
.coursename .icon{
	height:14px;
	text-align:right;
}
.coursename .icon img{
	margin:0 5px 5px 0; 
}
.coursename p{
	clear:both;
}

.txt h5{
	margin-bottom:5px;
	font-size:14px;
	font-weight:bold;
	color:#ff7402;
}
.txt p{
	margin:0 0 5px;
}

.condition{
	width:600px;
	margin:0 0 10px;
	padding:10px;
	background:#f6f3e2;
	overflow:hidden;
}

.condition .fate{
	width:6em;
	padding:5px;
	background:#ff7402;
	float:right;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}
.condition .fate strong{
	display:block;
	color:#fff;
	font-size:10px;
	font-weight:normal;
}
.condition strong{
	color:#d51409;
	font-weight:bold;
}

.courtesy{
	width:600px;
	margin-bottom:10px;
	padding:5px 7px;
	border:3px solid #ccc;
	overflow:hidden;
}
.courtesy h5{
	font-size:12px;
	border-bottom:1px dotted #ccc;
	color:#333;
}
.courtesy dl{
	width:610px;
	overflow:hidden;
}
.courtesy dl dt{
	width:3em;
	float:left;
	clear:both;
}
.courtesy dl dd{
	width:8em;
	margin-left:3em;
	float:left;
}
.courtesy dl dd.price{
	width:16em;
	margin-left:1em;
}
.courtesy dl dd.price em{
	font-weight:bold;
	color:#f00;
}

.courtesy dl dd.option{
	width:15em;
	margin-left:1em;
}

ul.linkarea li{
	display:inline;
}
ul.linkarea li a{
	padding-left:10px;
	background:url(/resource/images/iconmark/mrk_triangle_red.gif) no-repeat 0 2px;
}

.images{
	margin:10px 10px 10px 0;
	padding:4px;
	float:right;
	background:#fff;
	border:1px solid #ccc;
}
.images img{
	width:300px;
}

#fevaritebox .txt,
#courtesybox .txt{
	width:780px;
}

#fevaritebox .coursename h4,
#courtesybox .coursename h4{
	width:615px;
	_width:605px;
}
#fevaritebox .images,
#courtesybox .images{
	width:120px;
}
#fevaritebox .images img,
#courtesybox .images img{
	width:120px;
}

.botton{
	margin: 0 auto 30px;
	text-align:center;
}


#searcharea{
	background:url(/special/bingo/free/images/bg_section_cobaltblue_770.gif) top;
}


/*method*/
.method {
	height:152px;
	margin-bottom:20px;
	position:relative;
}
.method dl{
	position:absolute;
	top:0;
}
.method dl dd{
	width:294px;
	position:absolute;
	left:10px;
	top:50px;
}
.method dl dd a.entry{
	margin:10px auto;
	display:block;
	text-align:center;
}

.method dl.method_01{
	left:0;
}
.method dl.method_02{
	left:327px;
}
.method dl.method_03{
	right:0;
}


/*summary*/
.summary{
	width:960px;
	margin-bottom:20px;
	overflow:hidden;
}
.summary dt{
	width:24em;
	margin: 0 0 0 10px;
	color:#d51409;
	font-weight:bold;
	float:left;
	clear:both;
}

.summary dd{
	margin:0 10px 10px 0;
	padding: 0 0 10px 25em;
	border-bottom:1px dotted #ccc;
}
.summary dd.last{
	border:none;
}



/*attend*/


.area{
	margin-bottom:10px;
	padding:3px 7px;
	background:#f3dad8;
	border-left:3px solid #d51409;
	font-size:14px;
	font-weight:bold;
}
.area span{
	font-size:12px;
	font-weight:normal;
	color:#f00;
}
.attend{
	width:960px;
	margin-bottom:20px;
	overflow:hidden;
}
.attend dt{
	width:2em;
	margin: 0 0 0 10px;
	color:#d51409;
	font-weight:bold;
	float:left;
	clear:both;
}

.attend dd{
	margin:0 10px 10px 0;
	padding: 0 0 10px 3em;
	border-bottom:1px dotted #ccc;
}
.attend dt.end{
	width:8em;
}
.attend dd.last{
	padding-left:9em;
	border:none;
}



/*take*/
.take ul{
	display:block;
	text-align:center;
}
.take li{
	display:inline;
}
.take li img{
	margin:5px;
}
.take p a{
	padding-left:10px;
	background:url(/resource/images/iconmark/mrk_triangle_dlgray.gif) left no-repeat;
}