@charset "utf-8";

/* ==================================================================
	index.css
	
=================================================================== */

/* =================================
   ■ primaryContents
================================== */

.primaryContents{
	position:relative;
	min-height:346px;
	padding-bottom:55px;
	background:#ceeaf5 url(../../images/top/accent/background.gif) 0 98% repeat-x;
}

/* accent
--------------------------------*/
#accent{
	clear:both;
	/* background-color:#FFF;*/
	position:relative;
	left:0;
	top:0;
	width:100%;
	overflow:hidden;
}
#accent #accent-inner{
	position:relative;
	top:0px;
	left:-140px;
	margin:0px auto;
	width:700px;
	height:370px;
}

#accent .shadow{
	position:absolute;
	top:0;
	height:370px;
	width:695px;
	margin:0;
	z-index:2;
}
#accent #shadowR{
	right:-690px;
	background:url(../../images/top/accent/mask.png) 0 0  no-repeat;
}
#accent #shadowL{
	left:-695px;
	background:url(../../images/top/accent/mask.png) 0 0  no-repeat;
}

#accent .img-area{
	height:370px;
	position:relative;
	top:0;
	visibility:hidden;
}

#accent .img-area li{
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	float:left;
}

#accent .nextprev{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:3;
}
#accent .nextprev li{
	position:absolute;
	top:150px;
}
#accent .nextprev li.next{
	right:-6px;
}
#accent .nextprev li.prev{
	left:-12px;
}
#accent .nextprev li a img{
	position:relative;
	left:0;
}

#accent .ctlbtn{
	position:absolute;
	right:10px;
	bottom:24px;
	z-index:5;
}
#accent .ctlbtn li{
	display:inline;
	margin-right:10px;
	line-height:1;
	font-size:1px;
}
#accent .ctlbtn li a{
	width:8px;
	height:8px;
	display:inline-block;
	text-align:left;
	background:#b1dfef;
	border:1px solid #fff;
	border-radius:20px;
}
#accent .ctlbtn li a:hover,
#accent .ctlbtn li.select a{
	position:relative;
	top:-2px;
	margin-left:-2px;
	margin-right:-2px;
	background:#009aca;
	width:12px;
	height:12px;
}

/* alertText
--------------------------------*/
.primaryContents ul.alertText{
	width:980px;
	margin:0 auto;
	padding:10px 0 15px 0;
	text-align:left;
}

.primaryContents ul.alertText li{
	margin-top:6px;
	margin-right:280px;
	padding-left:26px;
	min-height:17px;
	background:url(../../images/common/icon/alert.png) 0 0 no-repeat;
}

.primaryContents ul.alertText,
.primaryContents ul.alertText a{
	color:#f92425;
	font-weight:700;
}

.primaryContents ul.alertText li.black,
.primaryContents ul.alertText li.black a{
	color:#333;
}

.primaryContents ul.alertText li.gray,
.primaryContents ul.alertText li.gray a{
	color:#999;
}

/* transit
--------------------------------*/
.primaryContents .transit{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	background:#000;
	height:55px;
	padding-top:5px;
}

.primaryContents .transit dl{
	overflow:hidden;
	width:980px;
	height:50px;
	margin:0 auto 0 auto;
	text-align:left;
}

.primaryContents .transit dl dt{
	position:relative;
	display:inline;
	float:left;
	width:284px;
}
.primaryContents .transit dl dt a.reload{
	position:absolute;
	top:7px;
	right:15px;
	
}
.primaryContents .transit dl dd{
	position:relative;
	display:table;
	float:left;
	width:419px;
	height:100%;
	background:#fff 7px 14px no-repeat;
	
	/* 右上のみ角丸 */
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px; 
}

.primaryContents .transit dl dd span{
	display:table-cell;
	vertical-align:middle;
	padding-left:35px;
}

.primaryContents .transit dl dd.normality{
	background-image:url(../../images/top/primary/normality.gif);
}
.primaryContents .transit dl dd.abnormality{
	background-image:url(../../images/top/primary/abnormality.gif);
}

.primaryContents .transit dl dd a{
	color:#333;
}
.primaryContents .transit dl dd a:hover{
	color:#666;
}

/* side
--------------------------------*/
.primaryContents .side{
	position:relative;
	width:980px;
	margin:0 auto;
	z-index:7;
}

	.primaryContents .side .sub{
		position:absolute;
		top:-355px;
		right:0;
		z-index:10;
		
		width:270px;
	}


	.primaryContents .side .primaryMenu{
		padding:5px;
		background:#67c2e1;
		margin-bottom:35px;
	}

	.primaryContents .side .primaryMenu ul.navigation li{
		margin-bottom:1px;
	}


	.primaryContents .side form{
		margin-top:3px;
		background:#fff;
	}
	
	.primaryContents .side form dl dd{
		padding:11px 11px 0 11px;
	}

	.primaryContents .side form input.text{
		width:170px;
	}

	.primaryContents .side form p.remarks{
		margin:0 12px 0 12px;
		padding-bottom:14px;
	}
	
	
	.primaryContents .side .guidance{
		border-top:1px solid #dddddd;
		margin:0;	
	}


	/* ◆ chapter
	-------------------------------- */
	.primaryContents .sub .chapter{
		margin-bottom:20px;
		padding:0 5px;
		background:#f6f6f6;
		border:1px solid #dddddd;
	}

	.primaryContents .sub .chapter h2{
		margin:-1px -5px 14px -5px;
	}



	/* #reserve-box
	--------------------------------*/

	.primaryContents .sub #reserve-box dl{
		margin-bottom:14px;
	}

	.primaryContents .sub #reserve-box dl dd{
		background:#fff;
		padding:15px 0 0px 0;
	}

	.primaryContents .sub #reserve-box dl.internet dd p.e5489{
		text-align:center;
		margin-bottom:13px;
	}

	.primaryContents .sub #reserve-box dl.internet dd ul{
		overflow:hidden;
		margin-left:-1px;
		padding-bottom:19px;
	}
	.primaryContents .sub #reserve-box dl.internet dd ul li{
		display:inline;
		float:left;
		width:110px;
		margin-left:15px;
		text-align:center;
	}
	.primaryContents .sub #reserve-box dl.internet dd ul li img{
		margin-bottom:5px;
	}


	.primaryContents .sub #reserve-box dl.internet dd p.listmenuStyle{
		text-align:left;
		margin:0;
		border-top:1px solid #D9D9D9;
	}

	.primaryContents .sub #reserve-box dl.internet dd p.listmenuStyle,	
	.primaryContents .sub #reserve-box dl.internet dd p.listmenuStyle a,
	.primaryContents .sub #reserve-box dl.internet dd p.listmenuStyle a span{
		height:50px;
	}
	.primaryContents .sub #reserve-box dl.internet dd p.listmenuStyle span{
		padding-left:10px;
	}

	.primaryContents .sub #reserve-box dl.tel dd{
		padding-top:0;
	}
	.primaryContents .sub #reserve-box dl.tel dd p.listmenuStyle{
		border-bottom:1px dotted #cccccc;
	}
	.primaryContents .sub #reserve-box dl.tel dd p.about{
		margin: 10px;
		display: inline-block;
		padding:10px;
		background:#e5f5fa;
		font-size:92%;
	}
	
	.primaryContents .sub #reserve-box dl.tel dd p.tele5489,	
	.primaryContents .sub #reserve-box dl.tel dd p.tele5489 a,
	.primaryContents .sub #reserve-box dl.tel dd p.tele5489 a span{
		height:50px;
	}

	.primaryContents .sub #reserve-box dl.tel dd p.tele5489{
		border-top:1px dotted #cccccc;
		    margin-top: 10px;
	}
	.primaryContents .sub #reserve-box dl.tel dd p.tele5489 span{
		padding-left: 10px;
	}
	
	
	
	

	.primaryContents .sub #reserve-box dl.travelsearch{
		margin-bottom:5px;
	}

	.primaryContents .sub #reserve-box dl.travelsearch dt{
		text-align:left;
	}

	.primaryContents .sub #reserve-box dl.travelsearch dd{
		padding-bottom:0;
	}
	.primaryContents .sub #reserve-box dl.travelsearch dl.banners{
		margin:0 10px;
	}
	.primaryContents .sub #reserve-box dl.travelsearch dl.banners dd{
		padding:8px 0 13px 0;
	}
	.primaryContents .sub #reserve-box dl.travelsearch dd p.listmenuStyle{
		border-top:1px dotted #cccccc;
	}

	/* #scenictrain-box
	--------------------------------*/
	.primaryContents .sub #scenictrain-box{
		padding-bottom:5px;
	}
	.primaryContents .sub #scenictrain-box ul.listmenuStyle li{
		background:#fff;
		border-bottom:1px dotted #cccccc;
	}
	.primaryContents .sub #scenictrain-box ul.listmenuStyle li:last-child{
		border-bottom:0;
	}

	.primaryContents .sub #scenictrain-box ul.listmenuStyle li a span{
		padding-left:93px;
		text-align:left;
	}

	.primaryContents ul.listmenuStyle .iyonadamonogatari a span{
		background-image:url(../../images/top/btn/iyonadamonogatari.jpg);
	}
	.primaryContents ul.listmenuStyle .anpanman a span{
		background-image:url(../../images/top/btn/anpanman.jpg);
	}
	.primaryContents ul.listmenuStyle .anpanmancar a span{
		background-image:url(../../images/top/btn/anpanmancar.jpg);
	}
	.primaryContents ul.listmenuStyle .shimantorocco a span{
		background-image:url(../../images/top/btn/simantorocco.jpg);
	}
	.primaryContents ul.listmenuStyle .dosansentorocco a span{
		background-image:url(../../images/top/btn/dosantorocco.jpg);
	}		

	/* #locality-sale-box
	--------------------------------*/
	.primaryContents .sub #locality-sale-box{
		padding-bottom:5px;
	}
	
	.primaryContents .sub #locality-sale-box ul.banners{
		padding:10px;
		background:#fff;
		text-align:center;
	}


	/* ◆ listmenuStyle
	-------------------------------- */
	.primaryContents .sub p.listmenuStyle.tel a span{
		padding-left:65px;
		background-image:url(../../images/top/btn/tel.png);
	}	
	.primaryContents .sub p.listmenuStyle.warp a span{
		background-image:url(../../images/top/btn/warp.png);
	}

	
	#mydiasubmitBtn.disabled{
		cursor:default;
		opacity:0.5;
		filter:alpha(opacity=50);  
		-ms-filter: "alpha(opacity=50)";	
	}

/* --------------------------------
   □ contents
-------------------------------- */ 
div.contents{
	position:relative;
	padding-top:49px;
}

div.contents .area{
	position:relative;
	width:980px;
	margin:0 auto;
	z-index:7;
}

	/* ◆ メニュー(サイド)
	-------------------------------- */
	div.contents .sub{

		display:inline;
		float:right;
		width:270px;
	}

	/* ◆ ページ内容情報(メイン)
	-------------------------------- */
	div.contents .main{
		display:inline;
		float:left;
		width:670px;
		min-height: 1400px;
	}

	/* ◇ chapter
	-------------------------------- */	
	div.contents .main .chapter h2{
		margin:0 0 20px 0;
	}

	div.contents .main .chapter p.link{
		position:relative;
		margin:-20px 0 0px 0;
		padding-bottom:20px;
	}
	
	div.contents .main .chapter p.link a{
		position:absolute;
		right:0;
		top:-30px;
		padding-left:15px;
		background:url(../../images/common/icon/arrow/blue.png) 0 50% no-repeat;
	}

	div.contents .main .chapter ul.list li a,
	div.contents .main .chapter p.link a{
		color:#333;
	}
	div.contents .main .chapter ul.list li a:hover,
	div.contents .main .chapter p.link a:hover{
		color:#666;
	}

	/* ◇ slider
	-------------------------------- */
	div.contents .main .slider{
		position:relative;
		margin-bottom:50px;
	}

	div.contents .main .slider .items{
		overflow:hidden;
		position:relative;
		height:210px;
		margin-left:4px;
	}

	div.contents .main .slider ul.control .next{
		position:absolute;
		top:127px;
		right:0;
		z-index:10;
	}
	div.contents .main .slider ul.control .prev{
		position:absolute;
		top:127px;
		left:0;
		z-index:10;
	}

	div.contents .main .slider ul.control li img{
		border:1px solid #ccc;
	}

	div.contents .main .slider .items ul li{
		display:inline;
		float:left;
		width:210px;
		height:210px;
		margin-left:8px;
	}


	div.contents .main .slider .items ul li img{
		margin:0 auto;
	}
	
	div.contents .main .slider .items ul li a:hover{
		position:relative;
		display:block;
		filter:alpha(opacity=70);  
		-ms-filter: "alpha(opacity=70)";
		-moz-opacity:0.7; 
		-khtml-opacity: 0.7;
		opacity: 0.7;
	}
	
	div.contents .main .slider .items ul li a:hover span{
		position:absolute;
		top:0;
		left:0;
		display:block;
		border:4px solid #0099cc;
		width:202px;
		height:202px;
		z-index:2;
	}
	div.contents .main .slider .items ul li a:hover img{
		position:absolute;
		top:0px;
		left:0px;
		display:block;
		z-index:1;
		z-index:1;
	}


	/* ◇ #news-box
	-------------------------------- */	

	div.contents .main #news-box{
		margin-bottom:50px;
	}
	
	div.contents .main #news-box ul{
		margin:0 20px;
	}
	
	div.contents .main #news-box ul > li{
		padding:12px 0;
		padding-left:17px;
		background:url(../../images/common/icon/arrow/blue.png) 0 1.3em no-repeat;
		border-bottom:1px dotted #ccc;
		line-height:1.7;
	}

	/* ◇ #pressrelease-box
	-------------------------------- */	

	div.contents .main #pressrelease-box{
		margin-bottom:30px;
	}
	
	div.contents .main #pressrelease-box ul{
		margin:0 20px;
	}
	
	div.contents .main #pressrelease-box ul li{
		padding:12px 0;
		border-bottom:1px dotted #ccc;
		line-height:1.7;
		padding-left:17px;
		background:url(../../images/common/icon/arrow/blue.png) 0 1.3em no-repeat;
	}

	div.contents .main #pressrelease-box ul li dl dt{
		float:left;
		width:9em;
	}

	div.contents .main #pressrelease-box ul li dl dd{
	    padding-left:9em;
	}
	
	*:first-child+html div.contents .main #pressrelease-box ul li dl dd{
	    padding-left:0em;
	}