body{ background:url(http://www.hanakomichi.jp/common/img/bg_body_bot.gif) repeat center top #342115; color:#FFF;}


#container h2 {margin: 0; padding: 0;}
#container p{ font-size: 80%; line-height: 1.3em; margin: 0; padding: 0; text-align:left;}
#container ul { font-size: 80%; line-height: 1.5em; margin: 0; padding: 0; display:inline-block;}
#container li { margin: 0; padding: 0; list-style: none;}
#container dl{ font-size: 80%; line-height: 1.3em; list-style: none; margin: 0; padding: 0;}
#container div { margin: 0; padding: 0;}
#container img { border-style: none; margin: 0; padding: 0; border:none;}
#container address { font-style:normal; font-size: 70%;}

#container a:link {color:#4c3714; text-decoration: underline;}
#container a:visited{color:#4c3714;}
#container a:hover{color:#8f5100; text-decoration: none;}

#container {
   width:950px;
   margin:0px auto;
   padding:0;
   
}


/*--------------------global_nav ---------------*/
#global_nav {
display:inline-block;
width:950px;
}

#global_nav li { float:left; }
#global_nav li a { display:block; float:left; height:50px;}
a:hover#n_home { background:url(common/n_top_on.gif) no-repeat; width:118px;}
a:hover#n_home img { display:none;}

a:hover#n_stay,#h_stay #n_stay { background:url(common/n_stay_on.gif) no-repeat; width:118px;}
a:hover#n_stay img,#h_stay #n_stay img { display:none;}

a:hover#n_room,#h_room #n_room { background:url(common/n_room_on.gif) no-repeat; width:118px;}
a:hover#n_room img,#h_room #n_room img { display:none;}

a:hover#n_meal,#h_meal #n_meal { background:url(common/n_meal_on.gif) no-repeat; width:118px;}
a:hover#n_meal img,#h_meal #n_meal img { display:none;}

a:hover#n_spa,#h_spa #n_spa { background:url(common/n_spa_on.gif) no-repeat; width:118px;}
a:hover#n_spa img,#h_spa #n_spa img { display:none;}

/*a:hover#n_fac,#h_fac #n_fac { background:url(common/n_fac_on.gif) no-repeat; width:118px;}
a:hover#n_fac img,#h_fac #n_fac img { display:none;}*/

a:hover#n_acc,#h_acc #n_acc { background:url(common/n_acc_on.gif) no-repeat; width:118px;}
a:hover#n_acc img,#h_acc #n_acc img { display:none;}

a:hover#n_ss,#h_ss #n_ss { background:url(common/n_ss_on.gif) no-repeat; width:118px;}
a:hover#n_ss img,#h_ss #n_ss img { display:none;}

a:hover#n_faq,#h_faq #n_faq { background:url(common/n_faq_on.gif) no-repeat; width:124px;}
a:hover#n_faq img,#h_faq #n_faq img { display:none;}


/*------------------global_nav //---------------*/

#container #flash{ margin:0; padding:0; text-align:center;}
div#content{padding:10px 0 20px 0; width:950px;margin:10px 0 0 0; display:inline-block;}


#container #header h2{ float:left;}

#container #header .h_bnr{ float:left; margin:0 0 10px 15px;}



#container #header ul{ float:right; margin:30px 0 0 0;}
#container #header ul li{ display:inline; margin:0 0 0 10px;}


#container #footer {display:inline-block;background: url(common/footer_bg.gif) repeat-y top; width:950px;margin:0 auto;padding:10px 0 20px 0; text-align:left;}
#container #footer li { float:left;}
#container #footer li a { display:block; float:left; color:#FFFFFF;}

#container #foot_res_button { float:right; margin:0 20px 0 0;}

#container #foot_t_navi { display:inline-block; margin:10px 0 10px 0; width:950px; background:#5c2719; padding:5px 0;}
#container #foot_t_navi li {  padding:0px 30px ;border-right:solid 1px #FFFFFF; line-height:1.2em;}

#container #footer address { clear:both; margin:0 0 0 15px; /*color:#181818;*/}
#container #footer #copy { color:#B9B9B9; font-size:70%; margin:0 0 0 15px;}


.left{ float:left;}
.right{float:right;}

/*-------------------index----------------------*/

#container #main_col{ width:680px; display:inline-block; float:left;}
#container #main_col .bnr_acc{ clear:both; margin:10px 0 0 0;}

#container #main_col h3{ clear:both; margin:15px 0 10px 0;}

#container #main_col div.plan_box{ width:333px; background:#422b1d; border:1px solid #5c3e2c; margin:0 0 10px 0; padding:5px 0;}
#container #main_col div.plan_box h4{ font-size:80%; padding:0 5px;color:#BB774D;}
#container #main_col div.plan_box p{ font-size:70%; padding:5px;color:#FDF9E4;}
#container #main_col div.plan_box p img{ float:left; margin:0 5px 5px 0;}
#container #main_col div.plan_box p span{ display:block; float:right;clear:both;}


#container #side_col{ width:250px; display:inline-block; float:right; }
#container #side_col ul#search{ display:inline-block; background:url(index/res_bg.gif) repeat-y 0 0; text-align:center; margin:0 0 6px 0; }
#container #side_col ul#search li{ margin:0 auto; /*display:inline;*/ display:inline-block;}
/*#container #side_col ul#search li img{ float:left;}*/
#container #side_col ul#search li .s_img{ margin:0 0 2px 0;}
#container #side_col ul#s_banner{ display:inline-block; margin:0 0 0px 0; padding:0; }
#container #side_col ul#s_banner li{ display:inline-block; margin:0 0 8px 0; padding:0; }
#container #side_col p.address span{ display:inline-block; margin:5px 0; font-weight:bold;}

/*-------------------room----------------------*/

#h_room #container .section { margin:20px 0;}

#h_room #container #container #lead p { margin:15px 0 15px 0;}
#h_room #container #sec1,#h_room #container #sec2{ clear:both; display:inline-block;}

#h_room #container #sec1 h4,
#h_room #container #sec2 h4 { margin-bottom:20px; padding-bottom:10px; border-bottom:solid 1px #6A5B42;}

#h_room #container #sec1 p img { float:left; margin:0 15px 0 0;}
#h_room #container #sec2 p img { float:right; margin:0 0 0 15px;}


/*-------------------meal----------------------*/

#h_meal #container .section { clear:both; margin:15px 0 0px 0; display:inline-block; width:950px;}

#h_meal #container #sec1 h3 { margin:0 0 15px 0;}
#h_meal #container #sec1 #mainimg { float:left; margin:0 0 15px 0;}

#h_meal #container #sec1 div#s_col { width:360px; float:right; margin:0 0 15px 0;}
#h_meal #container #sec1 ul { width:320px; margin:0 0 15px 0;}
#h_meal #container #sec1 li { padding:0 5px 5px 0; line-height:0;float:left;}
* html #h_meal #container #sec1 li { padding-bottom:2px; }
/*#h_meal #container #sec1 dl { clear:both; padding:0; background:url(http://www.hanakomichi.jp/meal/img/index_sec1_bg.gif) no-repeat 0 15px;}*/
#h_meal #container #sec1 h4 {float:left;}
#h_meal #container #sec1 p { padding-top:15px; clear:both;}

#h_meal #container dl#summary_col { float:right; width:200px; margin:20px 0 0 0;}
#h_meal #container dl#summary_col h4 { padding-bottom:5px; border-bottom:solid 1px #6A5B42;}
#h_meal #container dl#summary_col dd { padding-top:5px; }
#h_meal #container dl#summary_col dd table { width:200px; }
#h_meal #container dl#summary_col dd table th { padding:8px 0 5px 0; text-align:left;}

#h_meal #container #sec2 { float:left; width:740px;}
#h_meal #container #sec2 img { float:right; margin:0 0 2px 2px;}
#h_meal #container #sec2 h3 img { float:none; margin:0 0 15px 0;}

#h_meal #container #sec3 dl.textarea { width:950px;padding-bottom:20px; background:url(http://www.hanakomichi.jp/meal/img/index_sec1_bg.gif) no-repeat bottom right; clear:both;}
#h_meal #container #sec3 h4 { padding-bottom:5px; border-bottom:solid 1px #6A5B42;}
#h_meal #container #sec3 dd { padding-top:5px; }


/*-------------------spa----------------------*/

#h_spa #container .section { margin:20px 0 0 0; clear:both; width:950px; display:inline-block;}

#h_spa #container #lead p { margin:15px 0 20px;}
#h_spa #container #lead .img01 { float:left;}
#h_spa #container #lead dl { margin-top:20px; width:200px; height:270px; float:right; background:url(http://www.hanakomichi.jp/meal/img/index_sec1_bg.gif) no-repeat bottom left;}
#h_spa #container #lead dt { padding-bottom:5px; border-bottom:solid 1px #6A5B42;}
#h_spa #container #lead dd { padding-top:5px; }
#h_spa #container #lead dd p { margin:0;}

#h_spa #container #sec1 dl { padding:0 0 10px 0; width:450px; float:left; margin:0 15px 0 0;}
#h_spa #container #sec1 dt { float:left; margin-bottom:15px;}
#h_spa #container #sec1 dd { padding-left:240px;}
#h_spa #container #sec1 dd h4 { padding-bottom:5px; margin:0 0 10px 0; border-bottom: solid 1px #6A5B42;}



#h_spa #container #outline { width:470px; padding-bottom:30px; background:url(http://www.hanakomichi.jp/spa/img/outline_bg.gif) no-repeat bottom right #26180F; float:right;}
#h_spa #container #outline div { padding:10px; background:url(http://www.hanakomichi.jp/common/img/line_dotte.gif) repeat-x top ;}
#h_spa #container #outline div h4 { margin-bottom:10px;}
#h_spa #container #outline div p { float:left; width:240px; margin-left:15px;}
#h_spa #container #outline div table { float:left; width:400px;  margin-left:15px;}
#h_spa #container #outline div th { width:70px; vertical-align:top;}


/*-------------------facilities----------------------*/

/*#h_fac #container #lead h3 { margin:20px 0 15px; }
#h_fac #container #lead p { margin:0 0 15px 0; }

#h_fac #container #sec1 { margin-bottom:30px;}
#h_fac #container #sec1 h4 { padding-bottom:5px; border-bottom:solid 1px #6A5B42;}

#h_fac #container .column1{ width:430px; float:left; margin:0 0 15px 0;}
#h_fac #container .column2 { width:430px; float:right; margin:0 0 15px 0;}

#h_fac #container dt { text-align:center; margin:10px 0 ;}
#h_fac #container .column1 dd p,
#h_fac #container .column2 dd p { padding-top:5px; font-size:100%;}
*/

#h_fac #container #lead h3 { margin:20px 0 15px; }

#h_fac #container #sec1 { margin-bottom:30px;}
#h_fac #container #sec1 h4 { padding-bottom:5px; border-bottom:solid 1px #6A5B42;}
#h_fac #container #sec1 dl { clear:both; padding:30px 0;}

#h_fac #container .column1 dt { float:left;}
#h_fac #container .column1 dd { padding-left:400px;}
#h_fac #container .column1 dd p,
#h_fac #container .column2 dd p { padding-top:5px; font-size:100%;}

#h_fac #container .column2 dt { float:right;}
#h_fac #container .column2 dd { padding-right:400px;}

/*-------------------sightseeing----------------------*/

#h_ss #container .section { width:930px; margin:0 0 30px 10px; clear:both; display:inline-block; }


#h_ss #container #lead p { margin:15px 0 25px 10px;}
#h_ss #container #lead { width:380px; margin:15px 0 0 0; float:left; display:inline-block; }

#h_ss #container img#img01 { margin:0 0 10px 0;}

#h_ss #container #sec1 .mainimg { float:left; margin-left:10px;}
#h_ss #container #sec1 h3 { padding-bottom:25px; }
#h_ss #container #sec1 dl { float:left; width:430px; margin:30px 20px 0 10px; display:inline-block; }
#h_ss #container #sec1 dl.textarea { float:left; width:550px; margin:5px 0 0 15px;}
#h_ss #container #sec1 dt {  margin-bottom:5px; }
#h_ss #container #sec1 dd { border-top:solid 1px #4C4C4C;padding-top:5px;}


#h_ss #container #sec2 { margin:30px 0;}
#h_ss #container #sec2 dl { width:290px; float:left; margin:20px 0 0 15px;}
#h_ss #container #sec2 dt { padding-bottom:5px; font-weight:bold; font-size:1.2em; text-align:center;}
#h_ss #container #sec2 dt img { margin-bottom:5px;}
#h_ss #container #sec2 dd { padding-top:5px; border-top:solid 1px #4C4C4C;}
#h_ss #container #sec2 dd p img { float:right; padding:10px 0 0 0;}

#h_ss #container #michelin { width:530px; float:right; display:inline-block; margin:20px 0 0 0;}
#h_ss #container #michelin em {font-style: normal; font-size: 110%; font-weight: bold;}
#h_ss #container #michelin img#guide {float: left; margin: 10px;}
#h_ss #container #michelin p {padding: 15px 30px;}
#h_ss #container #michelin ul {padding: 0 10px;}
#h_ss #container #michelin li {text-indent: 1em;}
#h_ss #container #michelin span {font-size: 1px; color: #000;}

/*-------------------faq----------------------*/

#h_faq #container #contents_nav { margin:20px 0 25px 8px;}
#h_faq #container #contents_nav li { padding-right:7px; padding-bottom:25px; display:inline;}
#h_faq #container #contents_nav li.mainimg { padding-right:0px;}
#h_faq #container #contents_nav li a { text-indent:0;}

#h_faq #container #contents h3 { margin:20px 0 0 5px;}
#h_faq #container .section { width:950px; margin:0 0 25px 0px; padding:15px 0; background:#2A190E; border:solid 1px #553A29;}
#h_faq #container .section h4 { margin-left:10px; text-indent:-9999px;}
#h_faq #container .section dl { padding:0 15px;}
#h_faq #container .section dt { padding:15px 0 5px 30px; background:url(http://www.hanakomichi.jp/faq/img/point_q.gif) no-repeat left 15px; font-weight:bold;}
#h_faq #container .section dd p {  padding:5px 0 5px 0px;  background:url(http://www.hanakomichi.jp/common/img/line_dotte.gif) repeat-x left top; font-size:100%;}
#h_faq #container .section dd { padding-left:30px; background:url(http://www.hanakomichi.jp/faq/img/point_a.gif) no-repeat left 6px;}

#h_faq #container #sec1 h4 { background:url(http://www.hanakomichi.jp/faq/img/title_stay.gif) no-repeat top left;}
#h_faq #container #sec2 h4 { background:url(http://www.hanakomichi.jp/faq/img/title_meal.gif) no-repeat top left;}
#h_faq #container #sec3 h4 { background:url(http://www.hanakomichi.jp/faq/img/title_faci.gif) no-repeat top left;}
#h_faq #container #sec4 h4 { background:url(http://www.hanakomichi.jp/faq/img/title_spa.gif) no-repeat top left;}
#h_faq #container #sec5 h4 { background:url(http://www.hanakomichi.jp/faq/img/title_access.gif) no-repeat top left;}
#h_faq #container #sec6 h4 { background:url(http://www.hanakomichi.jp/faq/img/title_child.gif) no-repeat top left;}
#h_faq #container #sec7 h4 { background:url(http://www.hanakomichi.jp/faq/img/title_other.gif) no-repeat top left;}


/*-------------------access----------------------*/

#h_acc #container { }
#h_acc #content { margin:0 auto;text-align:center; }
#h_acc #container #sec1 { width:950px; padding:25px 0 0 0px; background:url(http://www.hanakomichi.jp/access/img/bg_main_col.gif) repeat-x top;}
#h_acc #container #sec1 h3 { padding:0 0 0 5px; text-align:left;}
#h_acc #container #sec1 p { padding:15px 0 25px 10px;}
#h_acc #container .img_map1 { float:left; margin:0 20px 0 0 ;}
#h_acc #container .img_map2 { float:left; margin:20px 0 0 0;}


#h_acc #container #sec2 { width:710px; margin:30px auto; clear:both; display:inline-block;}
#h_acc #container #sec2 h3 { padding-bottom:30px;}
#h_acc #container #sec2 h4 { width:200px; float:left; padding:30px 0 20px 0;}
#h_acc #container #sec2 img { float:left; margin:0; padding:0;}
#h_acc #container #sec2 .mainimg { float:right; padding-top:0px;}
#h_acc #container #sec2 p { clear:both; padding:5px 0 0 0;}


#h_acc #container #sec3 { display:inline-block; width:710px; margin:20px auto; padding:0 0 15px 0; background:url(http://www.hanakomichi.jp/common/img/line_dotte.gif) repeat-x bottom; text-align:left;}
#h_acc #container #sec3 div { padding:10px; background:url(http://www.hanakomichi.jp/common/img/line_dotte.gif) repeat-x top;}
#h_acc #container #sec3 div img { float:right; padding:0 0 0 5px;}
#h_acc #container #sec3 h4 img { float:none; padding:0 0 10px 0;}
#h_acc #container #sec3 p { padding:0 0 0 0px; }
#h_acc #container #sec3 p img { display:block; margin-top:15px; padding:0px 10px 0 0;}


/*------------------- stay ---------------------*/

#h_stay #content {padding-left:50px;padding-right:50px;width:850px;}
#h_stay #container dl { clear:both; padding:40px 0;}
#h_stay #container dd h3 { padding-bottom:10px;}
#h_stay #container dd p { display:block; float:left; padding:0; font-size:100%;}
#h_stay #container dd p img { display:block; float:right; margin-top:15px ;}

#h_stay #container .column1 dt { float:right; margin-left:10px;}
#h_stay #container .column1 dd { float:left; width:490px;}

#h_stay #container .column2 dt { float:left; margin-right:10px;}
#h_stay #container .column2 dd { float:right; width:490px;}

#h_stay #container .column3 dt { float:right; margin-left:10px;}
#h_stay #container .column3 dd { float:left; width:330px;}
