/* CSS Document */

/*=============================
		全体に指定
=============================*/

*{ margin: 0 0; padding: 0 0; font-size: 12px; font-family: "ＭＳ ゴシック", "Osaka−等幅";}

a{ text-decoration: underline; color: #000000;}
a:hover{ text-decoration: underline; color: #3333CC;}
a:visited{ color: #000000; text-decoration: underline;}
* html a:visited{ text-decoration: underline; color: #000000; }

a.link{ color: #000000;}
a.link:hover{ color: #3333CC;}

a.link2{ color: #000000; font-size: 10px;}
a.link2:hover{ color: #3333CC; font-size: 10px;}

.hidden{ text-indent: -9999px; display: none;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/*=============================
		bodyに指定
=============================*/

body{ background-color: #E8E6E6;}

/*=============================
		conrainerに指定
=============================*/


#container{
		margin: 0 auto;
		padding: 0 0;
		width: auto; height: auto;
}

/*=============================
		headeer_boxに指定
=============================*/

#header_box{
		margin: 0 auto;
		padding: 0 0;
		width: auto; height: 147px;
		background-image: url(../share/header_bg_2008winter.gif);
		background-position: 0 0;
		background-repeat: repeat-x;
}

#header_box_e{
		margin: 0 auto;
		padding: 0 0;
		width: auto; height: 100px;
		background-color:#BFC8E4;  /*冬仕様*/
		/*background-color:#E6A4A5;   春仕様*/
		/*background-color:#96D496;   夏仕様*/
		/*background-color:#783800;   秋仕様*/
		background-position: 0 0;
		background-repeat: repeat-x;
}



/*=============================
		headeerに指定
=============================*/

#header{
		margin: 0 auto;
		padding: 0 0;
		width: 909px; height: 147px;
		text-align: left;
		background: url(../share/header_image_2008winter.gif) left top no-repeat;
}

#header_e{

		margin: 0 auto;
		padding: 0 0;
		width: 909px; height: 147px;
		text-align: left;
		background: url(../share/header_image_e_winter.gif) left top no-repeat;

}

/*=============================
		  h1に指定
=============================*/
h1{
	padding-top: 21px;
	height: 58px;
	float: left;
	}
	
	h1 a{
	display: block;
	width: 307px; height: 38px;
	background: url(../share/logo_2008winter.gif) 0 0 no-repeat;
	}
	
h1.header_e {
	padding-top: 21px;
	height: 58px;
	float: left;
	
	}
h1.header_e a{
	display: block;
	width: 307px; height: 38px;
	}
	

/*=============================
		 ul#top_navに指定
=============================*/

ul#top_nav{
		float: right;
		width: 349px; height: 20px;
		list-style-type: none;
}

ul#top_nav li{
		float: left;
}





/*----------------リンク-----------------*/

li.home_btn a{
		display: block;
		width: 114px; height: 20px;
		background-image: url(../share/home_btn_2008winter.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}


li.contact_btn a{
		display: block;
		width: 114px; height: 20px;
		background-image: url(../share/contact_btn_2008winter.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

li.sitemap_btn a{
		display: block;
		width: 114px; height: 20px;
		background-image: url(../share/sitemap_btn_2008winter.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

/*----------------ロールオーバー-----------------*/

li.home_btn a:hover{ background-position: 0 -20px;}

li.contact_btn a:hover{ background-position: 0 -20px;}

li.sitemap_btn a:hover{ background-position: 0 -20px;}

li.language_btn a:hover{ background-position: 0 -30px;}



/*----------------リンクなし-----------------*/

li.home_btn_nl{
		display: block;
		width: 114px; height: 20px;
		background-image: url(../share/home_btn_2008winter.gif);
		background-position: 0 -20px;
		background-repeat: no-repeat;
}

li.contact_btn_nl{
		display: block;
		width: 114px; height: 20px;
		background-image: url(../share/contact_btn_2008winter.gif);
		background-position: 0 -20px;
		background-repeat: no-repeat;
}

li.sitemap_btn_nl{
		display: block;
		width: 114px; height: 20px;
		background-image: url(../share/sitemap_btn_2008winter.gif);
		background-position: 0 -20px;
		background-repeat: no-repeat;
}




/*=============================
		  h2に指定
=============================*/

h2{
		width: 905px;
		clear: both;
		padding: 5px 0 4px 4px;
		background: url(../share/header_btm_image_2008winter.gif) center top no-repeat;
		font-size: 10px; color: /*#CBCBCB*/#FFFFFF;
		font-weight: normal;
}
* html h2{
		width: 909px;
		clear: both;
		padding-top: 5px; margin-left: 5px;
		font-size: 10px; color: #FFFFFF;
		font-weight: normal;
}

/*=============================
	  ul#groval_navに指定
=============================*/

ul#groval_nav{
		margin-top: 7px; margin-left: 5px;
		width: auto; height: 34px;
		/*width: 733px; height: 34px;*/
}

ul#groval_nav li{
		float: left;
		list-style-type: none;
}



/*----------------リンク-----------------*/

li.omotenashi_btn a{
		display: block;
		width: 147px; height: 34px;
		background-image: url(../share/omotenashi_btn.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

li.hotellist_btn a{
		display: block;
		width: 146px; height: 34px;
		background-image: url(../share/hotellist_btn.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

li.hoteloption_btn a{
		display: block;
		width: 146px; height: 34px;
		background-image: url(../share/hoteloption_btn.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

li.reserve_btn a{
		display: block;
		width: 146px; height: 34px;
		background-image: url(../share/reserve_btn.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

li.mail_btn a{
		display: block;
		width: 148px; height: 34px;
		background-image: url(../share/mail_btn.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

li.language_btn a{
		display: block;
		width: 148px; height: 34px;
		background-image: url(../share/languages_btn.jpg);
		background-position: 0 0;
		background-repeat: no-repeat;
}



/*----------------ロールオーバー-----------------*/

li.omotenashi_btn a:hover{ background-position: 0 -34px;}

li.hotellist_btn a:hover{ background-position: 0 -34px;}

li.hoteloption_btn a:hover{ background-position: 0 -34px;}

li.reserve_btn a:hover{ background-position: 0 -34px;}

li.mail_btn a:hover{ background-position: 0 -34px;}

li.language_btn a:hover{ background-position: 0 -34px;}

/*----------------リンクなし-----------------*/

li.omotenashi_btn_nl{
		display: block;
		width: 147px; height: 34px;
		background-image: url(../share/omotenashi_btn.gif);
		background-position: 0 -68px;
		background-repeat: no-repeat;
}

li.hotellist_btn_nl{
		display: block;
		width: 146px; height: 34px;
		background-image: url(../share/hotellist_btn.gif);
		background-position: 0 -68px;
		background-repeat: no-repeat;
}

li.hoteloption_btn_nl{
		display: block;
		width: 146px; height: 34px;
		background-image: url(../share/hoteloption_btn.gif);
		background-position: 0 -68px;
		background-repeat: no-repeat;
}

li.reserve_btn_nl{
		display: block;
		width: 146px; height: 34px;
		background-image: url(../share/reserve_btn.gif);
		background-position: 0 -68px;
		background-repeat: no-repeat;
}

li.mail_btn_nl{
		display: block;
		width: 148px; height: 34px;
		background-image: url(../share/mail_btn.gif);
		background-position: 0 -68px;
		background-repeat: no-repeat;
}

li.language_btn_nl{
		display: block;
		width: 148px; height: 34px;
		background-image: url(../share/languages_btn.jpg);
		background-position: 0 -68px;
		background-repeat: no-repeat;
}
/*=============================
	  main_contentsに指定
=============================*/

#main_contents{
		margin: 0 auto;
		width: auto; height: auto;
		background-image: url(../share/contents_bg_2008winter.gif);
		background-position: 0 0;
		background-repeat: repeat-x;

}

/*=============================
	  contentsに指定
=============================*/

#contents{
		padding-top: 15px;
		margin: 0 auto;
		width: 909px; height: auto;
		
}

/*=============================
	  contents_areaに指定
=============================*/

#contents_area{
		padding-bottom: 30px;
		margin-bottom: 36px;
		padding-top: 15px;
		width: 879px; height: auto;
		border: 1px solid #D5CECC;
		background-color: #F3F1F0;
}


* html #contents_area{
		padding-bottom: 20px;
		width: 879px; height: auto;
}

/*=============================
	  title_boxに指定
=============================*/

#title_box{
		padding-top: 25px; padding-left: 32px;
		width: 877px; height: 84px;
		background-image: url(../share/title_bg_2008winter.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

p.dust{
		margin-bottom: 23px;
		font-size: 10px;
}

p.dust02{
		margin-bottom: 19px;
		font-size: 10px;
}

p.dust a{
		color: #000000;
		font-size: 10px;
}

p.dust02 a{
		color: #000000;
		font-size: 10px;
}

p.dust a:hover{color: #3333CC;}
p.dust02 a:hover{color: #3333CC;}

/*=============================
	  td.contents_topに指定
=============================*/

td.contents_top{
		width: 909px; height: 10px;
		vertical-align: top;
		background-image: url(../share/contents_top_bg.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

/*=============================
	  td.contents_mainに指定
=============================*/

td.contents_main{
		padding-top: 16px; padding-left: 15px;
		width: 909px; height: auto;
		vertical-align: top;
		background-image: url(../share/contents_main_bg.gif);
		background-position: 0 0;
		background-repeat: repeat-y;
}
* html td.contents_main{
		padding-top: 16px; padding-left: 15px;
		width: 894px; height: auto;
		vertical-align: top;
		background-image: url(../share/contents_main_bg.gif);
		background-position: 0 0;
		background-repeat: repeat-y;
}

/*=============================
	  td.contents_bottomに指定
=============================*/

td.contents_bottom{
		width: 909px; height: 10px;
		background-image: url(../share/contents_bottom_bg.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

/*=============================
	  #footerに指定
=============================*/

#footer{
		padding-top: 19px;
		text-align: left;
		width: 909px; height: 32px;
		background-image: url(../share/footer_bg.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

/*----------リンク---------*/

a.footer_link01{ float: left; font-size: 10px; margin-left: 27px; color: #000000;}
a.footer_link02{ float: left; font-size: 10px; margin-left: 27px; color: #000000;}
a.footer_link03{ float: left; font-size: 10px; margin-left: 27px; color: #000000;}
a.footer_link04{ float: left; font-size: 10px; margin-left: 27px; color: #000000;}
a.footer_link05{ float: left; font-size: 10px; margin-left: 27px; color: #000000;}

/*----------リンクなし---------*/

p.footer_nolink01{ float: left; padding-top: 1px; font-size: 10px; margin-left: 13px; color: #000000;}
p.footer_nolink02{ float: left; padding-top: 1px; font-size: 10px; margin-left: 27px; color: #000000;}
p.footer_nolink03{ float: left; padding-top: 1px; font-size: 10px; margin-left: 30px; color: #000000;}
p.footer_nolink04{ float: left; padding-top: 1px; font-size: 10px; margin-left: 27px; color: #000000;}
p.footer_nolink05{ float: left; padding-top: 1px; font-size: 10px; margin-left: 27px; color: #000000;}

/*----------ロールオーバー---------*/

a.footer_link01:hover{ color: #0033FF;}
a.footer_link02:hover{ color: #0033FF;}
a.footer_link03:hover{ color: #0033FF;}
a.footer_link04:hover{ color: #0033FF;}
a.footer_link05:hover{ color: #0033FF;}

p.copyright{
		margin-top: 0px;
		position: relative;
		left: -15px;
		text-indent: -9999px;
		float: right;
		width: 194px; height: 9px;
		background-image: url(../share/copyright.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

/*ul#footer_list{
		width: 909px;
}

ul#footer_list li{
		float: left;
		margin-top: 18px;
		list-style-type: none;
		color: #000000;
}
* html ul#footer_list li{
		float: left;
		margin-top: 19px;
		list-style-type: none;
		color: #000000;
}

ul#footer_list li a{
		font-size: 10px;
}

ul#footer_list li{
		font-size: 10px;
}*/

/*----------------リストに指定-----------------*/

/*li.company_btn a{
		position: relative;
		top: 0px; left: 26px;
}

li.recruit_btn a{
		position: relative;
		top: 0px; left:54px;
}

li.group_btn a{
		position: relative;
		top: 0px; left:81px;
}

li.sitepolicy_btn a{
		position: relative;
		top: 0px; left:111px;
}

li.privacypolicy_btn a{
		position: relative;
		top: 0px; left:139px;
}

li.copyright{
		position: relative;
		top: 4px; left: 390px;
		text-indent: -9999px;
		width: 194px; height: 9px;
		background-image: url(../share/copyright.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}
* html li.copyright{
		position: relative;
		top: 3px; left: 390px;
		text-indent: -9999px;
		width: 194px; height: 9px;
		background-image: url(../share/copyright.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}*/

/*--------------リンクなし----------------*/

/*li.company_btn_nl{
		position: relative;
		top: 0px; left: 26px;
}

li.recruit_btn_nl{
		position: relative;
		top: 0px; left:54px;
}

li.group_btn_nl{
		position: relative;
		top: 0px; left:81px;
}

li.sitepolicy_bt_nl{
		position: relative;
		top: 0px; left:111px;
}

li.privacypolicy_btn_nl{
		position: relative;
		top: 0px; left:139px;
}*/

/*--------------pagetop_btn-----------------*/

p.pagetop_btn a{
		clear: both;
		margin-bottom: 5px;
		display: block;
		width: 879px; height: 21px;
		background: url(../share/pagetop_btn.gif) left top no-repeat;
}

p.pagetop_btn a:hover{ background-position: 0 -21px;}

/*---------------page_back_btn---------------*/

a.page_back_btn{
		clear: both;
		display: block;
		width: 119px; height: 9px;
		background-image: url(../share/page_back_btn.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
		text-indent: -9999px;
}

a.page_back_btn:hover{ background-position: 0 -9px;}