@charset "UTF-8";

@import "reset.css";
@import "fonts.css";

body { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
body { background:url(../images/bg.jpg) repeat-x 0 0 #FFF;}
/*body { font-family:"Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W4",sans-serif;}*/

img{ vertical-align:bottom;}


/*基本の設定*/
li,th,td,dl{line-height:1.2em;}
dt{ font-weight:bold;}
dd{ padding:0;}
strong{ font-weight:bold; color:#772F09;}
ul,li{ margin:0; padding:0; text-indent:0;}


/*リンク色*/
a:link{ color:#09F;}
a:visited{ color:#09F;}
a:hover{ color:#06C;}

#foot_right a:link{ color:#FFF; text-decoration:underline;}
#foot_right a:visited{ color:#FFF; text-decoration:underline;}
#foot_right a:hover{ color:#4B7FC8; text-decoration:none; background:#FFF;}

/*フレーム*/
#head{ background:url(../images/bg_repeat.jpg) repeat-x 0 0;}
#head_inner{ width:860px; height:217px; margin:0 auto; background:url(../images/head_bg_photo.jpg) no-repeat 0 0; position:relative;}
#main_content{ background:url(../images/content_bg.jpg) repeat-x 0 0;}
/*#main_content_inner{ width:828px; padding:0 16px; margin:0 auto; background:url(../images/main_bg_innner.png) repeat-y 0 0;}*/
#main_content_inner{ width:828px; padding:0 16px; margin:0 auto; background:url(../images/main_bg_innner.gif) repeat-y 0 0;}
#l_contents{ float:left;}
#r_contents{ float:right; width:620px;}
#foot{ background:url(../images/bottom_bg.jpg) repeat-x 0 0 #4B7FC8;}
#foot_inner{ width:860px; margin:0 auto; position:relative;}

/*ヘッダ*/
h1{ font-size:12px; color:#FFF; position:absolute; left: 18px; top: 6px; font-weight:bold; }
#logo{ width:297px; height:77px; position:absolute; top:61px; left:33px;}
#contact{ width:484px; height:197px; position:absolute; top:6px; left:363px;}
#contact_head{ width:166px; height:147px; position:absolute; left:318px;}
#contact_tel{ width:484px; height:50px; position:absolute; top:147px;}
#head_navi{ position:absolute; left:16px; top:165px;}
#head_navi li{ display:inline;}
#head_navi li img{ vertical-align:bottom;}

/*index topics*/
#topics{ position:relative; padding:15px 0 15px 0;}
#topics_more{ width:113px; height:27px; position:absolute; left:493px; top:19px; }
#topics li{ padding:0 15px 5px 15px; list-style:none; font-size:13px; color:#333; line-height:1.7em;}
#topics ul{ padding-top:10px;}

/*For index Others*/
.index_catch{ padding-bottom:15px;}
#bn_menu{ padding:0 0 0 22px;}
#bn_menu li{ margin-right:22px; display:inline;}

/*サイド*/
#side_mobile{ width:201px; background:url(../images/side_014.gif) repeat-y 0 0;}
#mobile_url{ padding:7px 10px 0 10px; font-size:9px;}
#side_access { background:#FC0;}

/*フッタ*/
#bottom_to_top{ margin-bottom:63px;}
#foot_logo{ position:absolute; left: 27px; top: 54px; }
#foot_tel{ position:absolute; left: 349px; top: 45px; }
#foot_left{ padding-left:21px; width:255px; float:left; }
#foot_right{ padding-right:19px; width:542px; float:right; }
#copy{ padding:0 0 20px 0; text-align:center;}
#foot_inner address,#foot_right li{ font-size:12px; color:#FFF; line-height:1.5em;}
#foot_right li { width:100%; vertical-align:bottom;}
#foot_right li ul li{ padding:0 5px; display:inline; border-right:1px solid #FFF;}
#foot_right li ul li ul{ display:inline;}
#foot_right li.fm_b{ margin-bottom:10px;}
.menu_bl{ border-left:1px solid #FFF;}
#list_dp{ background:url(../images/list_left.gif) no-repeat 0 50%;}
.close{ border-right:none !important; background:url(../images/list_right.gif) no-repeat 100% 50%;}


/*-------------------------------------------------------------------------
下層ページ用
-------------------------------------------------------------------------*/
#r_contents #h2Area{ margin:0 0 8px 0;}
#r_contents h3{ clear:both;}
.article{ margin:0 0 10px 0; padding:10px 10px 0 10px;}
.article p{ padding:0 0 0.8em 0;}
.article h4{ margin:0 0 4px 0; color:#f60; font-size:1.4em; font-weight:bold;}
.article h4 span{ font-size:0.6em; color:#999; font-weight:normal;}
.article strong{ font-weight:bold;}

/*館内設備*/
#facilityBox{ padding:10px 12px 0 12px !important;}
.facilityH4BoxL{ float:left; clear:left; width:290px; height:auto; margin:0 0 14px 0; background:url(../images/facilityH4Box.jpg) repeat-y top; text-align:center;}
.facilityH4BoxL h4{ width:280px; height:23px; margin:0 0 5px 0; padding:12px 0 0 10px; background:url(../images/facilityH4Head.jpg) no-repeat top; color:#333; font-size:1.2em; text-align:left;}
.facilityH4BoxL img{ margin:0 auto 5px; text-align:center;}
.facilityH4BoxL p{ padding:0 10px 0 10px; text-align:left;}
.facilityH4BoxR{ float:right; clear:right; width:290px; height:auto; margin:0 0 14px 0; background:url(../images/facilityH4Box.jpg) repeat-y top; text-align:center;}
.facilityH4BoxR h4{ width:280px; height:23px; margin:0 0 5px 0; padding:12px 0 0 10px; background:url(../images/facilityH4Head.jpg) no-repeat top; color:#333; font-size:1.2em; text-align:left;}
.facilityH4BoxR img{ margin:0 auto 5px; text-align:center;}
.facilityH4BoxR p{ padding:0 10px 0 10px; text-align:left;}
.facilityH4BoxBtm{ width:290px; height:10px; background:url(../images/facilityH4BoxBtm.jpg) no-repeat bottom; line-height:1;}

/*お食事*/
#meal{}
#meal h4{ margin-bottom:12px; padding-top:2px; padding-bottom:4px; padding-left:6px; border-bottom:1px dashed #f90; border-left:5px solid #f60;}

/*はまなす荘のご案内*/
.pointList{}
.pointList li{ background:url(../images/pointIcon.jpg) no-repeat left top; margin:0; padding:5px 0 15px 35px; line-height:1.2;}
.pointList li span{ color:#f60; font-size:1.2em; font-weight:bold;}
.exampleBox{ float:right; width:485px; margin:0 0 15px 0; text-align:left;}
.exampleBox h4{ display:block; margin:0 0 8px 0; padding:0px 0 4px 0; border-bottom:1px dashed #ccc; border-left:none; color:#f90; font-size:1.2em; font-weight:bold;}
.exampleBox p{ clear:both; padding:0 0 4px 0; line-height:1.2;}
.exampleBoxN{ float:right; width:480px; margin:0 0 15px 0; text-align:left;}
.exampleBoxN h4{ display:block; margin:0 0 8px 0; padding:0px 0 4px 0; border-bottom:1px dashed #ccc; border-left:none; color:#f90; font-size:1.2em; font-weight:bold;}
.exampleBoxN p{ clear:both; padding:0 0 4px 0; line-height:1;}


/*テーブル*/
.priceTable{ width:95%; margin:0 auto 15px;padding:0;border:1px solid #ccc; background:#fff;text-align:left;}
.priceTable tr	{ vertical-align:middle;}
.priceTable th	{ padding:15px; background:#fcc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; font-weight:bold;}
.priceTable th#th2{ width:120px;}
.priceTable td	{ padding:15px 10px 10px 10px; background:#f2f2f2; border-right:1px solid #ccc; border-bottom:1px solid #ccc; font-weight:normal;}
.priceTable td.rights{ text-align:right;}
.priceTable td strong{ color:#f00; font-size:1.8em; font-family:serif;}
.priceTable td span{ font-size:0.8em;}
.itemTable{ width:95%; margin:0 auto 15px;padding:0;border:1px solid #ccc; background:#fff;text-align:left;}
.itemTable tr	{ vertical-align:middle;}
.itemTable td	{ padding:6px; background:#f2f2f2; border-right:1px solid #ccc; border-bottom:1px solid #ccc; font-weight:normal;}
.itemTable td span{ font-size:0.8em; color:#f00;}

/*お知らせ*/
#TopicsArea > div{ padding:1em 1em 0 1em; border:1px solid #082B6C;}
#TopicsArea img{ margin:0 0 1em 0;}

/*立地・アクセス*/
.accList	{ width:95%; margin:0 0 15px 0; padding:5px 0 10px 15px;}
.accLBdr	{ border-bottom:1px dashed #ccc;}
.accList dt	{ padding:2px 0 6px 24px;}
.accIcon01	{ background:url(../images/accessIcon01.jpg) no-repeat left top;}
.accIcon02	{ background:url(../images/accessIcon02.jpg) no-repeat left top;}
.accIcon03	{ background:url(../images/accessIcon03.jpg) no-repeat left top;}
.accIcon04	{ background:url(../images/accessIcon04.jpg) no-repeat left top;}
.accIconN1	{ background:url(../images/accessIconN1.jpg) no-repeat left top;}
.accIconN2	{ background:url(../images/accessIconN2.jpg) no-repeat left top;}
.accList dd	{ padding:0 0 8px 24px;}
.accList dd span{ font-size:0.8em; color:#555;}
.accListUl	{ margin:0 0 0 0; padding:0;}
.accListUl li	{ padding:2px 0 4px 18px; font-weight:bold; font-size:1.2em;}
.accListUl li span{ font-weight:normal; font-size:0.8em;}

/*プライバシーポリシー*/
#privacyBox h4{ margin:0 0 2px 0; font-size:1em !important;}
#privacyBox p{ padding:0 0 0.8em 10px;}


/*-------------------------------------------------------------------------
General Style and Decoration
-------------------------------------------------------------------------*/
.bn{ border:none;}
.fl{ float:left;}
.fr{ float:right;}
.cl{ clear:left;}
.cr{ clear:right;}
.cb{ clear:both; line-height:0;}
.center{ margin:0 auto; text-align:center;}
.mgn{ margin:0 0 15px 0;}
.flimg{ float:left; padding:0 10px 10px 0;}
.frimg{ float:right; padding:0 0 10px 10px;}
.flimg2{ float:left; padding:0 10px 10px 10px;}
.frimg2{ float:right; padding:0 15px 10px 10px;}
.red{ color:#f00;}
.orange{ color:#f60;}
.f0{ font-size:0.001em;}
.f80{ font-size:0.8em;}
.f90{ font-size:0.9em;}
.f100{ font-size:1em;}
.f120{ font-size:1.2em;}
.f160{ font-size:1.6em;}
.f180{ font-size:1.8em;}
.f200{ font-size:2em;}
.normal{ font-weight:normal !important;}
.right{ text-align:right;}
.left{ text-align:left;}
strong{ font-weight:bold;}
.indent{ margin:0 0 0 10px;}