@charset "utf-8";

/* ==================================================

古民家の宿 山海 スタイルシート

================================================== */


/* Win版 IE5.x系列用 
--------------------------------------------------------------------*/

@media tty {i{content:"\";/*" "*/}} @import 'common_wie5x.css'; /*";}}/* */


/* 共通 
--------------------------------------------------------------------*/

body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,td,th,form {
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
}
li {
	list-style-type:none;
}
li img {
	vertical-align:top;
}
table {
	border-collapse:collapse;
}
td,th {
	vertical-align:top;
}
th {
	text-align:left;
}
a img {
	border:none;
}

body {
	font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	margin:0 0;
	text-align:center;
	font-size:80%;
	line-height:130%;
	color:#32281e;
}
.fs {
	font-size:85%;
	line-height:120%;
}
.fl {
	font-size:125%;
	line-height:130%;
}
.b {
	font-weight:bold;
}
.c {
	text-align:center;
}
.r {
	text-align:right;
}
a:link,
a:visited{
	color:#969632;
	text-decoration:none;
}
a:hover,
a:active {
	color:#969632;
	text-decoration:underline;
}
br.clear {
	clear:both;
	font:0pt/0pt sans-serif;
}
.warning {
	color:#ff0000;
	background-color:#ffffcc;
	border: 1px solid #ff0000;
	padding:5px;
	margin:10px 0;
}

.header {
	text-align:left;
	background-color:#969632;
}
.header .seo-area {
	width:852px;
	margin:0 auto;
}
.header .seo-area h1 {
	line-height:24px;
	font-size:85%;
	color:#fff;
}
.header .logo-area {
	width:852px;
	margin:0 auto;
}
.header .logo-area h2 {
	float:left;
	width:452px;
	padding:2px 0 5px;
}
.header .logo-area .logo-r {
	float:right;
	width:400px;
	text-align:right;
}
.header .logo-area .logo-r .top-tel {
	padding:17px 0 5px;
}
.top-menu-area {
	background:url(../common/top_menu_bk.gif) repeat-x;
	height:45px;
}
.top-menu-area .top-menu {
	width:900px;
	margin:0 auto;
}
.top-menu-area .top-menu li {
	float:left;
}
.main-bk {
	background-color:#37281e;
}
.main {
	width:852px;
	margin:0 auto;
	text-align:left
}
.main-area {
	padding-top:10px;
}
.main-area .main-left {
	float:left;
	width:170px;
}
.main-area .main-left .banner {
	padding-top:10px;
}
.main-area .main-left .home {
	text-align:right;
	padding:10px 10px 0 0;
}
.main-area .main-right {
	float:right;
	width:682px;
}
.main-area .main-right-i {
	border:solid 1px #695a50;
	background-color:#dcc8aa;
}
.bottom-link {
	background-color:#37281e;
	padding:50px 0 10px;
	font-size:85%;
	line-height:120%;
}
.footer {
	background-color:#969632;
	color:#32281e;
	text-align:center;
}
.footer .sankai {
	padding:7px 0 2px;
	font-weight:bold;
}
.footer .tel {
	padding:5px 0;
}
.copyright {
	background:url(../common/copyright_bk.gif) repeat-x;
	height:50px;
}
.copyright p {
	padding:22px 0 10px;
	color:#786e64;
	font-size:85%;
	line-height:120%;
}

/* トップページ 
--------------------------------------------------------------------*/
#top .flash-area {
	width:872px;
	margin:0 auto;
	background:url(../img/flash_bk.gif) no-repeat;
}
#top .flash-area .flash {
	padding:11px;
	text-align:center;
}
#top .top-main-area {
	padding-top:15px;
}
#top .top-main-area .top-main-left {
	float:left;
	width:622px;
}
#top .top-main-area .top-main-right {
	float:right;
	width:200px;
}
#top h3.next {
	padding-top:20px;
}
#top .frame {
	border:solid 1px #281e14;
	background-color:#dcc8aa;
	padding:3px 10px;
}
#top .whatsnew th,
#top .whatsnew td {
	border-top:dotted 1px #877864;
}
#top .whatsnew th.top,
#top .whatsnew td.top {
	border-top:none !important;
}
#top .whatsnew th p {
	background:url(../common/arrow_1.gif) no-repeat 0 10px;
	padding:7px 0 7px 17px;
}
#top .whatsnew td p {
	padding:7px 0;
}
#top .voice dt {
	background:url(../common/arrow_1.gif) no-repeat 0 10px;
	padding:7px 0 4px 17px;
	border-top:dotted 1px #877864;
}
#top .voice dt img {
	vertical-align:middle;
	margin-right:10px;
}
#top .voice dt.top {
	border-top:none !important;
}
#top .voice dd {
	padding:0 0 7px 17px;
}
#top .banner-area li {
	padding-bottom:10px;
}
#top .get-flash {
	padding-top:10px;
	color:#9b948f;
}
#top .get-flash img {
	margin-bottom:7px;
}

/* ご挨拶
--------------------------------------------------------------------*/
#greeting h3 {
	text-align:center;
}
#greeting .media-data-box {
	margin:30px;
	border:solid 1px #ada49f;
	background-color:#f2f1f0;
	padding:10px 15px;
}
#greeting .media-data-box .title {
	padding-bottom:5px;
}
#greeting .media-data-box li {
	background:url(../common/arrow_2.gif) no-repeat 1px 4px;
	padding:1px 0 1px 17px;
}
#greeting .in {
	padding:15px 50px 50px;
}
#greeting .point-area {
	width:580px;
	padding-bottom:20px;
}
#greeting .point-area .point-left {
	float:left;
	width:198px;
}
#greeting .point-area .point-left p {
	padding-right:14px;
}
#greeting .point-area .point-right {
	float:right;
	width:184px;
}
#greeting .point-area .copy {
	padding-top:5px;
	text-align:center;
}

/* お料理
--------------------------------------------------------------------*/
#cooking .in {
	padding:0 50px;
}
#cooking .plan-area {
	padding:20px 40px 40px;
}
#cooking .plan-area .plan {
	padding:10px;
	border-bottom:dotted 1px #9c8c76;
}
#cooking .plan-area .plan .photo {
	float:left;
	width:200px;
	text-align:center;
}
#cooking .plan-area .plan .photo img {
	border:solid 3px #37281e;
}
#cooking .plan-area .plan .photo-r {
	float:right;
	width:365px;
}
#cooking .plan-area .plan .title {
	color:#969632;
	font-weight:bold;
	font-size:125%;
}
#cooking .plan-area .plan .price {
	color:#b40000;
	font-weight:bold;
	font-size:125%;
	line-height:130%;
	padding-bottom:5px;
}
#cooking .plan-area .plan .naiyou {
	padding-bottom:3px;
}
#cooking .plan-area .plan .yoyaku {
	padding-top:5px;
	text-align:right;
}
#cooking .menu-title {
	text-align:center;
	padding-bottom:10px;
}
#cooking .menu-area {
	width:580px;
	padding-bottom:20px;
}
#cooking .menu-area .menu-left {
	float:left;
	width:198px;
}
#cooking .menu-area .menu-left p {
	padding-right:14px;
}
#cooking .menu-area .menu-right {
	float:right;
	width:184px;
}
#cooking .menu-area .title {
	font-weight:bold;
	padding-top:3px;
}
#cooking .menu-area .price {
	color:#b40000;
	font-weight:bold;
	font-size:125%;
	line-height:130%;
}
#cooking .morning-menu-box {
	margin:0 30px 30px;
	border:solid 1px #ada49f;
	background-color:#f2f1f0;
	padding:10px 15px 15px;
}
#cooking .morning-menu-box .title {
	padding-bottom:7px;
}
#cooking .morning-menu-box .photo {
	float:left;
	width:180px;
}
#cooking .morning-menu-box .photo-r {
	float:right;
	width:390px;
}
#cooking .morning-menu-box .copy {
	font-weight:bold;
	font-size:125%;
	line-height:130%;
	padding-bottom:2px;
	color:#969632;
}

/* お風呂
--------------------------------------------------------------------*/
#bath .bath-area {
	padding:15px 40px 30px;
}
#bath .bath-area .bath {
	padding:15px 10px;
	border-bottom:dotted 1px #9c8c76;
}
#bath .bath-area .bath-last {
	padding:10px 10px 20px;
}
#bath .bath-area .photo {
	float:left;
	width:200px;
}
#bath .bath-area .photo img.next {
	padding-top:7px;
}
#bath .bath-area .photo-r {
	float:right;
	width:365px;
}
#bath .bath-area .title {
	color:#969632;
	font-weight:bold;
	font-size:125%;
	line-height:130%;
	padding-bottom:5px;
}
#bath .bath-area .setsumei {
	padding-bottom:3px;
}
#bath .manner-box {
	margin:0 30px 30px;
	border:solid 1px #ada49f;
	background-color:#f2f1f0;
	padding:10px 15px 15px;
}
#bath .manner-box .title {
	padding-bottom:3px;
	font-weight:bold;
}
#bath .manner-box li {
	background:url(../common/arrow_2.gif) no-repeat 1px 4px;
	padding:1px 0 1px 17px;
}

/* 施設のご案内
--------------------------------------------------------------------*/
#facilities .guide {
	text-align:center;
	padding:20px 0;
}
#facilities .in {
	padding:10px 50px 50px;
}
#facilities .room-area {
	width:580px;
	padding-bottom:20px;
}
#facilities .room-area .room-left {
	float:left;
	width:198px;
}
#facilities .room-area .room-left p {
	padding-right:14px;
}
#facilities .room-area .room-right {
	float:right;
	width:184px;
}
#facilities .number {
	padding-bottom:3px;
}
#facilities .room-area .title {
	font-weight:bold;
	padding-top:3px;
}

/* 料金・ご予約
--------------------------------------------------------------------*/
#reservation h3 {
	padding-top:30px;
	text-align:center;
}
#reservation .plan-area {
	padding:0 30px 150px;
}
#reservation .plan-area .plan {
	padding:15px 10px;
	border-bottom:dotted 1px #9c8c76;
}
#reservation .plan-area .photo-l {
	float:left;
	width:385px;
}
#reservation .plan-area .photo {
	float:right;
	width:200px;
}
#reservation .plan-area .title {
	color:#969632;
	font-weight:bold;
	font-size:125%;
}
#reservation .plan-area .price {
	color:#b40000;
	font-weight:bold;
	font-size:125%;
	line-height:130%;
	padding-bottom:10px;
}
#reservation .plan-area .yoyaku {
	padding-top:10px;
}
#reservation .plan-area .text {
	padding-top:3px;
	font-size:85%;
	line-height:120%;
}

/* お得情報
--------------------------------------------------------------------*/
#plan h3 {
	padding-top:30px;
	text-align:center;
}
#plan .plan-area {
	padding:0 30px 150px;
}
#plan .plan-area .plan {
	padding:15px 10px;
	border-bottom:dotted 1px #9c8c76;
}
#plan .plan-area .photo {
	float:left;
	width:200px;
	text-align:center;
}
#plan .plan-area .photo img {
	border:solid 3px #37281e;
}
#plan .plan-area .photo-r {
	float:right;
	width:385px;
}
#plan .plan-area .title {
	color:#969632;
	font-weight:bold;
	font-size:125%;
	line-height:130%;
}
#plan .plan-area .price {
	color:#b40000;
	font-weight:bold;
	font-size:125%;
	line-height:130%;
}
#plan .plan-area .plan-text {
	padding-top:10px;
}
#plan .plan-area .kuwashiku {
	padding-top:10px;
	text-align:right;
}

/* お得情報 下層
--------------------------------------------------------------------*/
#plan-u h3 {
	padding:30px 0 10px;
	text-align:center;
}
#plan-u .plan-box {
	margin:0 30px 100px;
	border:solid 1px #ada49f;
	background-color:#f2f1f0;
	padding:20px 30px 30px;
}
#plan-u .plan-box .kikan {
	border-left:solid 5px #969632;
	padding:0 0 3px 10px;
}
#plan-u .plan-box .title {
	border-left:solid 5px #969632;
	padding:2px 0 2px 10px;
	margin-bottom:20px;
	color:#969632;
	font-weight:bold;
	font-size:150%;
}
#plan-u .plan-box .price {
	border-left:solid 5px #969632;
	padding-left:10px;
	color:#b40000;
	font-weight:bold;
	font-size:125%;
	line-height:130%;
}
#plan-u .plan-box .image {
	padding-bottom:20px;
	text-align:center;
}
#plan-u .plan-box .modoru {
	padding-top:50px;
	text-align:center;
}

/* アクセス
--------------------------------------------------------------------*/
#access .in {
	padding:30px 0 60px;
	text-align:center;
}
#access .map {
	padding:15px 0 50px;
}
#access .access {
	padding:10px 0 5px;
}


/* 観光案内
--------------------------------------------------------------------*/
#tourist h3 {
	padding-top:30px;
	text-align:center;
}
#tourist .guide {
	text-align:center;
	padding:20px 0;
}
#tourist .in {
	padding:10px 50px 50px;
}
#tourist .tourist-area {
	width:580px;
	padding-bottom:20px;
}
#tourist .tourist-area .tourist-left {
	float:left;
	width:198px;
}
#tourist .tourist-area .tourist-left p {
	padding-right:14px;
	color:#969632;
}
#tourist .tourist-area .tourist-right {
	float:right;
	width:184px;
}
#tourist .tourist-area .tourist-right p {
	color:#969632;
}
#tourist .number {
	padding-bottom:3px;
}
#tourist .tourist-area .title {
	font-weight:bold;
	padding-top:3px;
}

/* お問い合わせ
--------------------------------------------------------------------*/
#contact .in {
	padding:0 30px 150px;
}
#contact .in p {
	padding-left:5px;
	padding-right:5px;
}
#contact h3 {
	padding-bottom:5px;
}
#contact h3.next {
	padding-top:30px;
}
#contact .tel {
	padding-top:5px;
}
#contact .mail {
	padding:6px 0;
}


/* 会社概要
--------------------------------------------------------------------*/
#company h3 {
	padding-top:40px;
	text-align:center;
}
#company h3.next {
	padding-top:0 !important;
}
#company .in {
	padding:0 40px 50px;
}
#company .in-next {
	padding:0 40px 120px;
}
#company .company th,
#company .company td {
	border-bottom:dotted 1px #9c8c76;
	padding:5px 3px;
}
#company .company th p {
	background:url(../common/arrow_1.gif) no-repeat 0 5px;
	padding:2px 0 2px 14px;
}
#company .company td p {
	padding:2px 0;
}