@charset "utf-8";


/* style reset & defaul setting
----------------------------------------------------------- */
@import url("default.css");
@import url("common.css");


/* header style
----------------------------------------------------------- */

#header{
	width:780px;
	height:60px;
	margin:0px auto;
	position:relative;
}
#header h1{
	width:325px;
	height:55px;
	background:url(../img/logo_usui.jpg) no-repeat;
	display: block;
	position:absolute;
	top:5px;
	left:5px;
	z-index:0;
	text-indent: -9999px;
}

#header #zaidan{
	position:absolute;
	right:10px;
	top:10px;
	z-index:1;
}




/* navigation style
----------------------------------------------------------- */

ul.nav{
	width:780px;
	height:40px;
	margin:0px auto;
	position:relative;
	display:block;
}
ul.nav li{	position:absolute;}
ul.nav li.tab1{	left:0px;}
ul.nav li.tab2{	left:330px;}
ul.nav li.close{	right:0px;}




/* contents style
----------------------------------------------------------- */

#contents{
	width:768px;
	margin:0px auto;
	position:relative;
}
body#map #contents{		border:6px #369 solid;}
body#plan #contents{
	border:6px #FC0 solid;
	background:url(../img/backgroundPlan.png) repeat-x;
}



/* 碓氷峠周辺マップ setting */

body#map h2{
	width:768px;
	height:925px;
	z-index:0;
}
body#map p.summary{
	position:absolute;
	width:520px;
	top:20px;
	right:20px;
	line-height:1.7em;
	text-indent:1em;
}
body#map ul.ul_map{
	position:absolute;
	top:0px;
	width:768px;
	height:925px;
}
body#map ul.ul_map li{	position:absolute;}
body#map ul.ul_map li.point01{	top:230px;	left:360px;	z-index:1;}
body#map ul.ul_map li.point02{	top:350px;	left:500px;	z-index:2;}
body#map ul.ul_map li.point03{	top:430px;	left:170px;	z-index:3;}
body#map ul.ul_map li.point04{	top:430px;	left:330px;	z-index:4;}
body#map ul.ul_map li.point05{	left:380px;	z-index:5;	bottom: 40px;}
body#map ul.ul_map li.point06{	left:530px;	z-index:6;	bottom: 40px;}
body#map ul.ul_map li.point07{	left:10px;	z-index:7;	bottom: 10px;}



/* トロッコ列車で周遊プラン setting */

body#plan h2{
	margin:20px 0px;
}
body#plan p.summary{
	line-height:1.7em;
	text-indent:1em;
	margin:0px 20px;
}
body#plan .section{
	border-top:1px #999 dotted;
	margin-top:20px;
	padding-top:10px;
	position:relative;
	width: 768px;
}

ul.ul_plan{
	position:absolute;
	top:0px;
	left:0px;
}
ul.ul_plan li{
	position:absolute;
	display:block;
	width:160px;
	color:#00135D;
}
ul.ul_plan li.evt1_01{	top:205px;	left:215px;}
ul.ul_plan li.evt1_02{	top:205px;	left:390px;}
ul.ul_plan li.evt1_03{	top:205px;	left:565px;}
ul.ul_plan li.evt1_04{	top:435px;	left:40px;}
ul.ul_plan li.evt1_05{	top:435px;	left:215px;}
ul.ul_plan li.evt1_06{	top:435px;	left:390px;}
ul.ul_plan li.evt1_07{	top:435px;	left:565px;}
ul.ul_plan li.evt1_08{	top:680px;	left:40px;}

ul.ul_plan li.evt2_01{	top:215px;	left:215px;}
ul.ul_plan li.evt2_02{	top:215px;	left:390px;}
ul.ul_plan li.evt2_03{	top:215px;	left:565px;}
ul.ul_plan li.evt2_04{	top:455px;	left:40px;}
ul.ul_plan li.evt2_05{	top:455px;	left:215px;}
ul.ul_plan li.evt2_06{	top:455px;	left:390px;}
ul.ul_plan li.evt2_07{	top:455px;	left:565px;}
ul.ul_plan li.evt2_08{	top:700px;	left:40px;}
ul.ul_plan li.evt2_09{	top:700px;	left:215px;}
ul.ul_plan li.evt2_10{	top:700px;	left:390px;}

ul.ul_plan h4{
	font-weight:bold;
	line-height:1.5em;
}

ul.ul_plan p{
	font-size:85%;
	line-height:1.4em;
}


ul.ul_caution{
	display:block;
	border:4px #900 solid;
	margin:30px 50px;
	padding:10px 20px;
}
ul.ul_caution li{
	line-height:1.9em;
	text-indent:-1em;
	padding-left:1em;
}




/* footer style
----------------------------------------------------------- */

#footer{
	width:780px;
	margin:0px auto 20px;
	text-align:right;
	padding-top:1.5em;
}