@charset "utf-8";
/* CSS Document */


body{
	background-image:url(../images/bg.gif);
	background-position:center;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,p,a{
	margin:0px; 
	padding:0px;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif, "メイリオ","Meiryo",Arial,Helvetica, sans-serif;
	font-family: "メイリオ","Meiryo",Arial;
}

/*
img, div { 
	behavior: url(../common/js/iepngfix.htc); 
	}*/


h4{
	font-size:12px;
	color:#73462E;
	font-weight:normal;
	line-height:18px;
}


h4 a{
	font-size:12px;
	color:#AB1A36;
	text-decoration:none;
}

h4 a:hover{
	font-size:12px;
	color:#AB1A36;
	background-image:url(../images/h4_hoverline.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

h4 p{
	background-image:url(../images/link_pointer_a.gif);
	background-repeat:no-repeat;
	background-position:0px 51%;
	padding-left:16px;
}
/*=====================================================================================================*/
#container{
	width:100%;
	height:100%;
	background-color:#F5F4E5;
}

/*=====================================================================================================*/
#imageswf{
	width:100%;
	min-width: 900px;
	height: 400px;
	/*background-color:#F2F0DA;
	background-image:url(../images/swf.jpg);
	background-repeat:no-repeat;
	background-position:center;*/
}

#main{
	width:100%;
	background-image:url(../images/mainunder_bg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	_margin-bottom:-5px;
}

#grade_upper{
	height:56px;
	background-image:url(../images/grade_upper.gif);
	background-repeat:repeat-x;
}

#main_inner{
	width:800px;
	margin:0px auto 0px auto;
}
/*=====================================================================================================HEADER*/
#header{
	width:100%;
	height:57px;
	background-image:url(../images/header_bg.jpg);
	background-repeat:repeat-x;
	background-position:center;
}

#header_inner{
	width:900px;
	height:57px;
	margin:0px auto 0px auto;
}

#logo{
	width:334px;
	float:left;
	height:57px;
}

#header_info{
	width:445px;
	height:21px;
	float:right;
	/*margin-top:16px;*/
}

#header_hotel{
	width:445px;
	text-align:right;
	height:12px;
	line-height:12px;
	font-size:11px;
	margin:2px 0px 6px 0px;

}

#header_hotel dd{
	height:12px;
	width:12px;
	float:right;
	background-image:url(../images/footerlink_pointer.gif);
	background-repeat:no-repeat;
	background-position:center;
}

#header_hotel dt{
	height:12px;
	float:right;
}

*html #header_hotel dt{
	padding-top:3px;
}

#header_hotel a{
	text-decoration:none;
	color:#FFF;
}

#header_hotel a:hover{
	text-decoration:none;
	background-image:url(../images/footerlink_hoverline.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}


/*=====================================================================================================*/
#index_gnavi{
	width:100%;
	height:67px;
	background-image:url(../images/index_navi_bg.jpg);
	background-repeat:repeat-x;
	background-position:center;
}
/*=====================================================================================================MIDASHI*/

#tit_01{
	width:802px;
	height:29px;
	margin:0px -1px 0px -1px;
	background-image:url(../images/tit_01_bg.jpg);
	background-repeat:no-repeat;
	margin-bottom:40px;

}

#tit_01r{
	text-align:right;
	width:400px;
	float:right;
}

#tit_01l{
	text-align:left;
	width:400px;
	float:left;
}

#tit_01r h5{
	color:#FFFFE3;
	font-size:11px;
	font-weight:normal;
}
#tit_01r h5 a,a:hover{
	color:#FFFFE3;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;

}
/**/

#tit_02a{
	width:800px;
	height:60px;
	background-image:url(../images/tit_02a.gif);
	background-repeat:no-repeat;
}

#tit_02b{
	width:800px;
	height:40px;
	background-image:url(../images/tit_02b.gif);
	background-repeat:no-repeat;
}

.tit_02b_tex{
	font-family: "メイリオ","Meiryo",Arial;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	height:30px;
	line-height:23px;
	background-image:url(../images/tit_02b_pointer.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding-left:18px;
}



.sepr_flow{
	width:800px;
	height:16px;
	background-image:url(../images/separater_folw.gif);
	background-repeat:no-repeat;
	background-position:center;
	margin:40px auto 40px auto;
}
/*====================================================================================================CONTACT AREA*/

#contact{
	width:800px;
	margin:20px auto 20px auto;
	_margin:10px auto 10px auto;
}

#contact_top{
	width:800px;
	height:10px;
	background-image:url(../images/contact_bg_top.gif);
	background-repeat:no-repeat;
	_margin-bottom:-14px;	
}

#contact_center{
	width:800px;
	background-image:url(../images/contact_bg_center.gif);
	background-repeat:repeat-y;
	
}

#contact_bottom{
	width:800px;
	height:10px;
	background-image:url(../images/contact_bg_bottom.gif);
	background-repeat:no-repeat;
	
}

#contact_l{
	width:519px; float:left; margin-left:20px; text-align:center;
	_margin-left:7px;
	_margin-top:8px;
	_margin-bottom:5px;
}
#contact_r{
    width:240px; float:right; margin-right:20px; text-align:center;
	_margin-right:8px;
	_margin-top:8px;
	_margin-bottom:5px;
	_height:60px;
}
/*====================================================================================================RECOMMEND*/
.recomme{
	width:800px;
	margin-top:30px;
	margin:0px auto 20px auto;
}

.recomme .dot_line_c{
	_width:180px;
}

.recomme_top{
	background-image:url(../images/extra_b_top.gif);
	background-repeat:no-repeat;
	height:15px;
	_margin-bottom:-3px;
}
.recomme_center{
	background-image:url(../images/extra_b_center.gif);
	background-repeat:repeat-y;
	color:#ED5900;

}

.recomme_bottom{
	background-image:url(../images/extra_b_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	height:5px;
}

.recomme_left{
	float:left;
	margin:0px 0px 0px 15px;
	_margin:0px 0px 0px 7px;
	width:380px;
}

.recomme_right{		
	float:right;
	margin:0px 15px 0px 0px;
	_margin:0px 7x 0px 0px;
	width:380px;
	height:144px;
}

.recomme_p{
	float:left;
	width:185px;
	height:144px;
	position: relative;
	margin-bottom:-16px;

}

.recomme_tex{
	float:right;
	width:185px;
}

.recomme_tex h3{
	font-size:13px;
	font-weight:bold;
	color:#73462E;
}
.recomme_line{
	
}
/*=====================================================================================================BTN PAGE TOP*/
#btn_top{
	margin:0px auto 0px auto;
	width:900px;
	height:33px;
	text-align:right;
	position:relative;
	_margin:0px auto -0.1em auto;
}
/*=====================================================================================================FOOTER*/

#footer{
	width:100%;
	height:140px;
	background-image:url(../images/footerupper_bg.gif);
	background-repeat:repeat-x;
	background-position:center 33px;
}
#footer_inner{
	width:900px;
	height:107px;
	margin:0px auto 0px auto;
}
#footernavi{
	width:100%;
	height:33px;
	background-image:url(../images/footernavi_bg.gif);
	background-repeat:repeat-x;
	background-position:center;
	/*_margin-top:-10px;*/
}
#footernavi_inner{
	width:900px;
	margin:0px auto 0px auto;
	position:relative;
	_margin-bottom:-10px;
}
#footer_inner_l{
	float:left;
	margin-top:7px;
}
#footer_inner_r{
	float:right;
	margin-top:10px;
	_margin-top:5px;
}

/*----------------------------------------------------------------------------------------------------*/

#footer_inner h3{
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	line-height:28px;
	font-family: "メイリオ","Meiryo",Arial;
}
#footer_inner h4{
	color:#FFFFFF;
	font-weight:bold;
	font-size:10px;
	font-weight:normal;
	line-height:13px;
	font-family: "メイリオ","Meiryo",Arial;
}
#footer_inner p{
	background-image:url(../images/footerlink_pointer.gif);
	background-repeat:no-repeat;
	background-position:0px 50%;
	padding-left:10px;
}
#footer_inner h4 a{
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
	line-height:18px;
}
#footer_inner h4 a:hover{
	background-image:url(../images/footerlink_hoverline.gif);
	background-repeat:repeat-x;
	background-position:bottom;

}

/*=====================================================================================================*/
.clear{
	clear:both;
	_margin-bottom:-10px;
}

/*=====================================================================================================*/
#lower_gnavi{
	width:100%;
	height:60px;
	background-color:#FFFFFF;
}





#lw_gnavi {
	width:900px;
	height:60px;
	margin-left:auto;
	margin-right:auto;	
	background-image:url(../images/lower_navi.jpg);
}


#lw_gnavi ul {
	padding:0px 0px 0px 0px;
}


#lw_gnavi li {
	display:inline;
	list-style-type:none;
}


#lw_gnavi li a {
	height:60px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}


/*------off-----------------------------------------------------------------------------*/
#lw_gnavi li.gnavi07{
	background:url(../images/lower_navi.jpg) no-repeat -737px 0px; width:83px;
}

/*------off-----------------------------------------------------------------------------*/
#lw_gnavi li.gnavi01 a {
	background:url(../images/lower_navi.jpg) no-repeat 0px 0px; width:89px;
}
#lw_gnavi li.gnavi02 a {
	background:url(../images/lower_navi.jpg) no-repeat -89px 0px; width:124px;
}
#lw_gnavi li.gnavi03 a {
	background:url(../images/lower_navi.jpg) no-repeat -213px 0px; width:117px;
}
#lw_gnavi li.gnavi04 a {
	background:url(../images/lower_navi.jpg) no-repeat -330px 0px; width:86px;
}
#lw_gnavi li.gnavi05 a {
	background:url(../images/lower_navi.jpg) no-repeat -416px 0px; width:150px;
}
#lw_gnavi li.gnavi06 a {
	background:url(../images/lower_navi.jpg) no-repeat -566px 0px; width:171px;
}
#lw_gnavi li.gnavi07 a {
	background:url(../images/lower_navi.jpg) no-repeat -737px 0px; width:83px;
}
#lw_gnavi li.gnavi08 a {
	background:url(../images/lower_navi.jpg) no-repeat -820px 0px; width:80px;
}

/*------hover--------------------------------------------------------------------------*/
#lw_gnavi li.gnavi01 a:hover {
	background:url(../images/lower_navi.jpg) no-repeat  0px -60px; width:89px;
}
#lw_gnavi li.gnavi02 a:hover {
	background:url(../images/lower_navi.jpg) no-repeat -89px -60px; width:124px;
}
#lw_gnavi li.gnavi03 a:hover {
	background:url(../images/lower_navi.jpg) no-repeat -213px -60px; width:117px;
}
#lw_gnavi li.gnavi04 a:hover {
	background:url(../images/lower_navi.jpg) no-repeat -330px -60px; width:86px;
}
#lw_gnavi li.gnavi05 a:hover {
	background:url(../images/lower_navi.jpg) no-repeat -416px -60px; width:150px;
}
#lw_gnavi li.gnavi06 a:hover {
	background:url(../images/lower_navi.jpg) no-repeat -566px -60px; width:171px;
}
#lw_gnavi li.gnavi07 a:hover {
	background:url(../images/lower_navi.jpg) no-repeat -737px -60px; width:83px;
}
#lw_gnavi li.gnavi08 a:hover {
	background:url(../images/lower_navi.jpg) no-repeat -820px -60px; width:80px;
}



/*------on-----------------------------------------------------------------------------*/
#lw_gnavi li.gnavi01_on a {
	background:url(../images/lower_navi.jpg) no-repeat 0px -120px; width:89px;
}
#lw_gnavi li.gnavi02_on a {
	background:url(../images/lower_navi.jpg) no-repeat -89px -120px; width:124px;
}
#lw_gnavi li.gnavi03_on a {
	background:url(../images/lower_navi.jpg) no-repeat -213px -120px; width:117px;
}
#lw_gnavi li.gnavi04_on a {
	background:url(../images/lower_navi.jpg) no-repeat -330px -120px; width:86px;
}
#lw_gnavi li.gnavi05_on a {
	background:url(../images/lower_navi.jpg) no-repeat -416px -120px; width:150px;
}
#lw_gnavi li.gnavi06_on a {
	background:url(../images/lower_navi.jpg) no-repeat -566px -120px; width:171px;
}
#lw_gnavi li.gnavi07_on a {
	background:url(../images/lower_navi.jpg) no-repeat -737px -120px; width:83px;
}
#lw_gnavi li.gnavi08_on a {
	background:url(../images/lower_navi.jpg) no-repeat -820px -120px; width:80px;
}
/*------link off-----------------------------------------------------------------------------*/

