@charset "UTF-8";    /* 文字コードの設定 */

/*-------------------------------------------
フォントサイズの指定

表示したいサイズ 	指定する値
	10px 					72%
	11px 					79%
	12px 					86%
	13px 					93%
	14px 					100%
	15px 					108%
	16px 					115%
	17px 					122%
	18px 					129%
---------------------------------------------*/


/**********************************

ページ全体
	
**********************************/
body {
	margin:0;
	padding:0;
	font-size: 16px;
	color:#000;
	background-image:url(/ja/img/bg-head.jpg);
	background-repeat:repeat-x;
	background-color:#FFF;
}

ul{
	list-style-type: none;
	}

/* for IE6 */
* html body {
    font-size: 100%;
}

/* for IE7 */
*:first-child+html body {
    font-size: 100%;
}

a:link,a:visited { color: #3C549B; text-decoration: underline; }
a:hover { color: #F00;text-decoration: none; }

img { border: none;}

h1,h2,h3,h4,h5,h6,p,ul,ol,dl,table{ margin-top: 0px; margin-bottom: 0px; font-size:100%;}


label { cursor: pointer; }

.pad01 { padding: 5px;}
.pad02 { padding: 8px;}
.pad03 { padding: 10px;}
.pad04 { padding: 0px 5px;}
.pad05 { padding: 5px 0px;}
.pad06 { padding: 0px 8px;}
.pad07 { padding: 8px 0px;}
.pad08 { padding: 0px 10px;}
.pad09 { padding: 10px 0px;}
.pad10 { padding: 4px;}

.line_H14{ line-height:140%;}



/**********************************

box setting
	
**********************************/

#Wrapper{
	width:961px;
	text-align:left;
	margin:0 auto;
}

#HeadArea{
	width:961px;
	margin:0 auto;
	padding-top:10px;
	background-image:url(/ja/img/h-bg-all.gif);
	background-repeat:repeat-y;
}

#HeadBox{/*ヘッダーのコンテンツボックス*/
	width:935px;
	margin:0px auto;
	background-image:url(/ja/img/h-logo-box-top.gif);
	background-repeat:no-repeat;
	padding-top:10px;
	background-color:#006859;
}

	#HeadBox:after {
		content : "";
		display : block;
		height : 0;
		clear : both;
	}

#CenterArea{/*中段のコンテンツボックス背景用*/
	width:961px;
	margin:0 auto;
	background-image:url(/ja/img/m-bg-all.jpg);
	background-repeat:repeat-y;
	padding-bottom:10px;
}

#CenterBox{/*中段のコンテンツボックス*/
	width:936px;
	margin:0 auto;
	background-image:url(/ja/img/bg-main-top_grd.jpg);
	background-repeat:no-repeat;
	padding-left:11px;
	padding-right:14px;
	padding-top:10px;
}


#LeftBox{/*レフトボックス*/
	width:214px;
	float:left;
	background-image:url(/ja/img/l-bg-navi-all.gif);
	background-repeat:repeat-y;
}



#MainBox{/*メインコンテンツボックス*/
	width:722px;
	float:left;
	text-align:left;
}



#FooterBox{/*フッタ部分のコンテンツボックス*/
	width:936px;
	margin:15px auto;
	text-align:right;
}

/**********************************

Header
	
**********************************/

#HeadBox h1{
	float:left;
	padding-left:10px;
}

#HeadBox p#faq{
	float:right;
	background-image:url(/ja/img/h-icon-qa.gif);
	background-repeat:no-repeat;
	padding-left:20px;
	padding-right:20px;
	margin-top:28px;
	letter-spacing:-1px;
}


	#HeadBox p#faq a:link,
	#HeadBox p#faq a:visited{
		color:#FFF;
	}

#HeadArea ul{
	list-style:none;
	margin:0;
	padding:0;
	zoom:100%;
	font-size:0;
	clear:both;
}

	#HeadArea ul:after {
		content : "";
		display : block;
		height : 0;
		clear : both;
	}

#HeadArea li{
	float:left;
}


/**********************************

main
	
**********************************/
#Gnaviback {
	background-image: url(/ja/img/gnavi_background.jpg);
	background-repeat: no-repeat;
	width:722px;
	height: 52px;
}
#Gnaviback_rest {
	background-image: url(/ja/img/rest_background.jpg)!important;
	background-repeat: no-repeat;
	width:722px;
	height: 52px;
}


#MainBox ul#Gnavi{
	list-style:none;
	margin:0;
	padding:0;
	zoom:100%;
	font-size:0;
	width:722px;
	background-image: url(/ja/img/gnavi_background.jpg) !important;
	background-repeat: no-repeat;
}
#Gnaviback_rest ul#Gnavi {
	list-style:none;
	margin:0;
	padding:0;
	zoom:100%;
	font-size:0;
	width:722px;
	background-image: url(/ja/img/rest_background.jpg) !important;
	background-repeat: no-repeat;
}
	#MainBox #Gnavi li{
		float:left;
	}


	#MainBox p.pankuzu{
		clear:both;
		font-size:86%;
		border-bottom:1px solid #CCC;
		margin-left:30px;
		margin-bottom:30px;
		padding-top:10px;
		color:#999;
	}

		#MainBox p.pankuzu a:link,
		#MainBox p.pankuzu a:visited{
			color:#006859;
			text-decoration:none;
		}
		

		
		
		

/**********************************

Left Box
	
**********************************/


/*--------------------------------
search box
----------------------------------*/
#Search_01 {
    margin: -15px 0px 0px 0px;
}

#LeftBox div#Search_01{
	background-image:url(/ja/img/l-search-bg-all.gif);
	background-repeat:repeat-y;
	width:210px;
}

	#LeftBox div#Search_01 {
		margin-bottom:5px;
	}


	#LeftBox div#Search_01 div.search_02{
		width:210px;
		background-image:url(/ja/img/l-search-round-top.gif);
		background-repeat:no-repeat;
	}
	
	
		#LeftBox div#Search_01 div.search_02 h3{
			padding-top:15px;
			margin-left:20px;
			border-bottom:1px solid #CCC;
			padding-bottom:10px;	
			width:170px;
		}
		
		
		#LeftBox div#Search_01 div.search_02 form{
			margin-left:20px;
			padding-left:0;
			margin-top:0px;
			margin-bottom:0;
		}
		
			#LeftBox div#Search_01 div.search_02 label{
				display:block;
				color:#FFF;
				margin-bottom:2px;
			}
			
			#LeftBox div#Search_01 div.search_02 select#area{
				color:#666;
				padding:3px;
				width:170px;
				border:1px solid #C3C3C3;
				margin-bottom:3px;
			}
			
			#LeftBox div#Search_01 div.search_02 input#key{
				color:#666;
				padding:3px 5px;
				width:158px;
				border:1px solid #C3C3C3;
				margin-bottom:8px;
			}
			
			#LeftBox div#Search_01 div.search_02 td{
				padding-bottom:8px;
			}


#hotelsearch {
	width:170px;
}



/*--------------------------------
reserva box
----------------------------------*/
.reserva_02 label {
        font-size:90%;
        line-height: 150%;
}

#LeftBox div#reserva_01{
	background-image:url(/ja/img/l-bg-reserve-all.jpg);
	background-repeat:repeat-y;
	width:210px;
}


	#LeftBox div#reserva_01 div.reserva_02{
		width:210px;
		background-image:url(/ja/img/l-bg-reserve-top.jpg);
		background-repeat:no-repeat;
	}
	
	
	#LeftBox div#reserva_01 div.reserva_02 a:link,
	#LeftBox div#reserva_01 div.reserva_02 a:visited{
		color:#FFF;
		text-decoration:none;
	}
	
	#LeftBox div#reserva_01 div.reserva_02 a:hover{
		text-decoration:underline;
	}
	
	
		#LeftBox div#reserva_01 div.reserva_02 h3{
			padding-top:15px;
			margin-left:20px;
			border-bottom:1px solid #CCC;
			padding-bottom:10px;	
			width:170px;
		}
		
		
		#LeftBox div#reserva_01 div.reserva_02 form{
			margin-left:20px;
			padding-left:0;
			margin-top:10px;
		}
		
			#LeftBox div#reserva_01 div.reserva_02 label{
				display:block;
				color:#FFF;
				background-image:url(/ja/img/l-icon-01.gif);
				background-repeat:no-repeat;
				background-position:left 2px;
				text-indent:10px;
			}
			
			
			#LeftBox div#reserva_01 div.reserva_02 span.att{
				color:#FFF;
				font-size:80%;
			
			}
			
			#LeftBox div#reserva_01 div.reserva_02 td{
				padding-bottom:8px;
			}
			
			
		#LeftBox div#reserva_01 div.reserva_02 h4{
			margin-left:20px;
			background-image:url(/ja/img/l-bg-btn-01.gif);
			background-repeat:no-repeat;
			color:#FFF;	
			font-weight:normal;
			font-size:80%;
			letter-spacing:-1px;
			margin-bottom:5px;
			padding-top:6px;
			padding-right:10px;
			padding-bottom:6px;
			padding-left:15px;
		}




#LeftBox h3.textTitle{
	margin-left:15px;
	width:188px;
	padding-bottom:5px;
	margin-bottom:15px;
	color:#666;
	font-weight:normal;
	border-bottom:2px solid #006859;
	letter-spacing:-1px;
	margin-top:15px;
	clear:both;
}

#LeftBox .qrtext{
	margin-left:15px;
		_margin-left:8px;
	float:left;
	font-size:86%;
	line-height:150%;
}

#LeftBox ul{
	list-style:none;
	margin-left:15px;
	padding:0;
}



#LeftBox ul.img_list{
	zoom:100%;
	font-size:0;
}

#LeftBox .Companylist ul li {
    margin-bottom: 6px;
    font-size:90%;
   line-height:170%;
}

#left-box dt,#left-box dd {
   font-size: 90%;
   line-height:170%;
}
.CntBlock2 p {
   font-size: 90%;
   line-height:170%;
}
.end {
   font-size: 90%;
   line-height:170%;
}
#container {
	width: 660px;
	margin-left: 20px;
	font-size:90%;
	line-height: 150%;
}
#container h3,#plantopLine {
	 background-color:#015F51;
	 color: #FFFFFF !important;
	padding: 3px;
}
#planlistTitle {
	color: #FFFFFF;
}

#plantopLine {
    margin-top: 25px;
}
#container {
	padding: 15px;
	border: 1px solid #CCCCCC;    
}
#right-box {
	line-height: 150%;
}


/**********************************

footer
	
**********************************/

#FooterBox h4{
	text-align:left;
	background-color:#F0F0F0;
	font-weight:normal;
	padding:10px;
	padding-left:20px;
	border-bottom:2px solid #006859;
}

	#FooterBox th{
		background-color:#F0F0F0;
		text-align:left;
		font-size:86%;
		padding:10px;
	}
	
	#FooterBox table{
		margin:10px auto;
		width:100%;
	}
	
	#FooterBox td{
		font-size:86%!important;
		vertical-align:top;
		text-align:left;
		padding:10px;
		line-height:180%;
	}
	
		#FooterBox td a:link,
		#FooterBox td a:visited{
			color:#000;
		}
	
	#FooterBox td.space{
		width:10px;
	}
	
		#FooterBox ul{
			list-style:none;
			margin:0;
			padding:0;
		}


	#FooterBox div#LinkBnrBox{
		border-top:1px solid #CCC;
	}

		#FooterBox div#LinkBnrBox ul{
			list-style:none;
			margin:0;
			padding:10px;
			zoom:100%;
			font-size:0;
		}
		
		#FooterBox div#LinkBnrBox li{
			float:left;
			padding-right:15px;
			letter-spacing:normal;
		}
		
		
		#FooterBox div#LinkArea{
			background-image:url(/ja/img/f-bg.jpg);
			background-repeat:no-repeat;
			background-position:20px 10px;
			background-color:#EBEBEB;
			text-align:left;
			padding-top:20px;
			padding-left:15px;
			padding-right:15px;
			margin-top:20px;
				_margin-top:0px;			
		}


		#FooterBox div#LinkArea p.glpage{
			font-size:86%;
			text-align:right;
			color:#000;
		}
		
		#FooterBox div#LinkArea p.glpage a{
			padding:0 2px;
		}
		
		#FooterBox div#LinkArea p.glpage02{
			margin-top:40px;
			font-size:72%;
			text-align:right;
		}
		
		#FooterBox div#LinkArea p.glpage02 a{
				padding:0 3px;
		}
		
				#FooterBox div#LinkArea p.glpage02 a:link,
				#FooterBox div#LinkArea p.glpage02 a:visited{
					color:#000;
				}
		

				
/**********************************

common
	
**********************************/

.fltLeft{
	float:left;
}

.fltRight{
	float:right;
}

.clear{
	clear:both;
}

.noMargin{
	margin:0!important;
	padding:0!important;
}

.block{
	display:block;
}

.textRight{
	text-align:right;
}
	
.textcenter{
	text-align:center;
}

.bnr_btm10{
	margin-bottom:10px;
}

.bnr_btm20{
	margin-bottom:20px;
}

.bnr_top{
	margin-top:10px;
}
textarea:focus, button:focus, select:focus, input:focus {
	padding: 1px;
    border:1px solid #7F9DB9;
	background-color: #ECF7FF;

}
.plaintxt {
	margin-top: 15px;
	margin-left: 20px;
}
.pagetop {
    text-align:right;
	margin-top: 40px;
}