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

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■□■■■□■□□□□□■■■■■■■■■■∵∵∵∵∵■■
■■□■■■□■■■■□■■■■■■■■■■■　　　　　■■
■■□□■□□■■■■□■■■■■■■■■■■MEDIAJAPAN■■
■■□■□■□■□■■□■■■■■■■■■■■　　　　　■■
■■□■■■□■■□□■■■■■■■■■■■■∴∴∴∴∴■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

Class：スマホ版CSS

CSSは１つのファイル(style.css)で作ること。
ResetCSSはYUIを使用。
記述内容は半角スペース( )を先頭に入れる。
UP後は、記述後ろに up 00000000 効果内容 を入れる。
本UPする際は説明記述を削除したものをUPすること。

■CSS定義-------------------------------------------------■

　Reset CSS
　Bacic 基本
　h1 h2 h3 h4 見出し
　header ヘッダー
　footer フッター	
　nav ナビゲーション
　sub サブナビゲーション
　div anchor リンクボタン
　jQuery スライドショー
　article section コンテンツ （画像設定含む）
　コンテナ領域
　テーブルセット
　color テキストカラー ( p,span等で使う )

■--------------------------------------------------------■

--------------------------------------------MediaJapan--- */ 

/*□■□■□■□■□■□■□■□■□■□■□■□■□■□■□

   Reset CSS

□■□■□■□■□■□■□■□■□■□■□■MediaJapan■□*/

html{
	color: #fff;
	background-color: #E0E1C2;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,
fieldset,legend,input,textarea,p,blockquote,th,td {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

table {
 border-collapse:collapse;
 border-spacing:0;
}

fieldset,img {
	border: 0;
	vertical-align: bottom;
}

address,caption,cite,code,dfn,em,strong,th,var {
 font-style:normal;
 font-weight:normal;
}

ol,ul {
 list-style:none;
}

caption,th {
 text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
	font-size: 14px;
}

q:before,q:after {
 content:'';
}

abbr,acronym {
 border:0;
 font-variant:normal;
}

sup {
 vertical-align:text-top;
}

sub {
 vertical-align:text-bottom;
}

input,textarea,select {
 font-family:inherit;
 font-size:inherit;
 font-weight:inherit;
}

/*to enable resizing for IE*/
input,textarea,select{ *font-size:100%; }

/*because legend doesn't inherit in IE */
legend { color:#000; }

/* YUI CSS Detection Stamp */
#yui3-css-stamp.cssreset { display: none; }

/*□■□■□■□■□■□■□■□■□■□■□■□■□■□■□

   Bacic 基本

□■□■□■□■□■□■□■□■□■□■□■MediaJapan■□*/

/* クリアフィックス */
.clearfix:after {
 content:".";
 display:block;
 visibility:hidden;
 height:0.1px;
 font-size:0.1em;
 line-height:0;
 clear:both;
}

/* 基本リンク設定（未設定時に適用） */
a {
 margin:0;
 padding:0;
}

/* 水平線 */
hr {
	display: block;
	padding: 0;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0;
	border-top-style: solid;
	border-top-color: #AEAF61;
}

/*□■□■□■□■□■□■□■□■□■□■□■□■□■□■□

   h1 h2 h3 h4 見出し

□■□■□■□■□■□■□■□■□■□■□■MediaJapan■□*/

h1 {
 background:-webkit-gradient(linear, left top, left bottom, from(#000),color-stop(50%, #333), to(#333));
 background-color:#000;
 font-size: 20px;
 line-height:32px;
 color:#D9CBA6;
 text-shadow:1px 1px 2px #000;
 text-align:center;
 margin:0px;
 padding:0px;
 width:100%;
 font-weight:bold;
}

h2 {
	text-align: center;
	font-size: 18px;
	color: #990000;
	text-shadow: 0px 0px #fff;
	padding: 4px;

}

/* h2 セクション用 */
section h2 {
	padding-right: 0px;
	padding-left: 0px;
	color: #990000;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	padding-top: 3px;
	padding-bottom: 1px;
}

h3 {
	font-size: 18px;
	color: #FFF;
	min-height: 23px;
}

h4 {
	font-size: 12px;
	color: #333;
	line-height: 16px;
	padding-top: 4px;
	padding-bottom: 5px;
}

h5 {
	font-size: 14px;
	text-align: left;
	padding-top: 0px;
	margin-bottom: 2px;
}

/* h3 フッター用 */
footer h3 {
	font-size: 16px;
	color: #FFF;
	padding-bottom: 5px;
	line-height: 18px;
	padding-left: 20px;
	padding-top: 10px;
}

/*□■□■□■□■□■□■□■□■□■□■□■□■□■□■□

   header ヘッダー

□■□■□■□■□■□■□■□■□■□■□■MediaJapan■□*/

header {
 margin:0;
 text-align:center;
}

#hd_text {
	width: 100%;
	text-align: left;
	font-size: 80%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-color: #9bab6b;
	color: #000;
	padding-top: 3px;
	padding-right: 4px;
	padding-bottom: 3px;
	padding-left: 4px;

}

#hd_bg {
	position: relative;
	width: 100%;
	height: 55px;
	background-repeat: repeat;
	background-position: center;
}

#hd_bg_2 {
	width: 100%;
	background-position: center top;
	margin: 0px;
	background-image: url(../img/bg_wa_03.jpg);
	background-repeat: repeat-x;
	background-color: #E0E1C2;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
}

#rogo {
	position: absolute;
	top: 12px;
	left: 4px;
}

#bt_tel {
	position: absolute;
	top: 10px;
	right: 113px;
	margin: 0px;
}

#bt_tel_time {
	position: absolute;
	bottom:4px;
	right:4px;
	font-size:70%;
	color:#ddd;
}

#bt_yoyaku {
	position: absolute;
	top: 10px;
	right: 4px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}



/* ヘッダー下のTEL
#bt_tel {
	float: right;
	width: 40%;
	margin: 6px auto 6px 10px;
	-webkit-border-radius: 5px;
	background: -webkit-gradient(linear, left top,left bottom,from(#3c0e01),to(#0c0e01));
	border: 1px solid #595915;
	text-align: center;
}
#bt_tel a {
	padding:10px 6px 10px 6px;
	display:block;
	font-size:14px;
 color:#fff;
	background-size:20px 20px;
	text-decoration:none;
}

*/


/* ヘッダー下のその他 */
#bt_etc {
	float: right;
	-webkit-border-radius: 5px;
	text-align: center;
}
#bt_etc a {
	padding:10px 6px 10px 6px;
	display:block;
	font-size:14px;
 color:#fff;
	background-size:20px 20px;
	text-decoration:none;
}



/*□■□■□■□■□■□■□■□■□■□■□■□■□■□■□

   footer フッター

□■□■□■□■□■□■□■□■□■□■□■MediaJapan■□*/

footer {
	width: 100%;
	color: #000;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../img/bg_footer_02.jpg);
	background-repeat: repeat-x;
	background-position: center top;

}

footer p {
 clear:both;
 padding:0;
}

/* フッター用リンク設定 */
footer a{
 color:#CCC;
}

footer img {
 vertical-align:top;
}

footer p:last-child {
 margin:0;
}

/* PC版へのリンクボタン */
#btPc {
	text-align: center;
	color: #FFF;
	width: 95%;
	margin-top: 2px;
	margin-right: 5px;
	margin-left: 5px;
	padding: 0px;
	font-size: 12px;
}
#btPc a {
	padding: 6px;
	display: block;
	font-size: 14px;
	color: #333333;
	background: url(../img/tmp_icon_pc.png) 8% 50% no-repeat;
	background-size: 20px 20px;
}

/* コピーライト */
#copy {
	padding: 3px 0 45px 0;
	text-align: center;
	font-size: 11px;
	color: #16110D;
}


/*□■□■□■□■□■□■□■□■□■□■□■□■□■□■□

   nav ナビゲーション

□■□■□■□■□■□■□■□■□■□■□■MediaJapan■□*/

nav {
	margin-top: 5;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
}

/* デザイン メニューボタン */
.g_nav ul {
	display:table;
	table-layout:fixed;
	width:100%;
}
.g_nav li { /* 外観デザイン9a9a36 */
	display:table-cell;
	text-align:center;
	background: #a2a357;
	background: -moz-linear-gradient(top,  #a2a357 0%, #cbcc9e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a2a357), color-stop(100%,#cbcc9e));
	background: -webkit-linear-gradient(top,  #a2a357 0%,#cbcc9e 100%);

	background: -o-linear-gradient(top,  #a2a357 0%,#cbcc9e 100%);
	background: -ms-linear-gradient(top,  #a2a357 0%,#cbcc9e 100%);
	background: linear-gradient(to bottom,  #a2a357 0%,#cbcc9e 100%);
}
.g_nav li:not(:last-child) { /*  中央線デザイン */
	border-right:1px solid #e0e1c2;
}
.g_nav li a { /* アイコン・文字・サイズ調整 */
	background: url(../img/tmp_icon_linkmark.png) 94% 50% no-repeat; /* size */
	display: block;
	color: #FFFFFF; /* 文字色 */
	font-size: 16px;
	text-decoration: none;
	text-align: left;
	text-shadow: 1px 1px 2px #9b9b9b; /*影色 */
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 25px;
	padding-left: 10px;
}

.g_nav li:active { /* 外観デザイン:クリック時（スマホ不要） */
	background: #50510e;
	background: -moz-linear-gradient(top,  #50510e 0%, #d1d2a3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#50510e), color-stop(100%,#d1d2a3));
	background: -webkit-linear-gradient(top,  #50510e 0%,#d1d2a3 100%);
	background: -o-linear-gradient(top,  #50510e 0%,#d1d2a3 100%);
	background: -ms-linear-gradient(top,  #50510e 0%,#d1d2a3 100%);
	background: linear-gradient(to bottom,  #50510e 0%,#d1d2a3 100%);
}

/*□■□■□■□■□■□■□■□■□■□■□■□■□■□■□

   sub サブナビゲーション

□■□■□■□■□■□■□■□■□■□■□■MediaJapan■□*/

/* デザイン */
div#sub_navi {
	width:100%;
	padding:6px 0;
 background:url(../img/bg_sub_wa_01.jpg);
	display:block;
}

div#sub_navi .sub_cont {
	background:url(../img/tmp_icon_linkmark.png) 97% 50% no-repeat;
	width:320px;
	height:80px;
	margin:0 auto 0 auto;
}

div#sub_navi a {
	color:#595622;
	text-decoration:none;
}

div#sub_navi .photo {
	width:80px;
	height:80px;
	background:#666;
	margin:0 0 0 18px;
	float:left;
}

div#sub_navi .title {
	width:180px;
	float:right;
	margin:0 30px 0 0 ;
	font-size:12px;
	line-height:25px;
}

div#sub_navi .txt {
	width:180px;
	float:right;
	margin:0 30px 0 0 ;
	font-size:16px;
}


/*□■□■□■□■□■□■□■□■□■□■□■□■□■□■□

   div anchor リンクボタン

□■□■□■□■□■□■□■□■□■□■□■MediaJapan■□*/

/* ▼∵∵∵ お問い合わせボタン ∵∵∵▼ */
div.title_tel {
	background:#000;
	width:100%;
	height:40px;
 padding:0 0 0 10px;
 line-height:40px;
	color:#fff;
	text-align:left;
 box-sizing:border-box;
 -webkit-box-sizing:border-box; 
}

/* ▼∵∵∵ 空室情報・ご予約ボタン ∵∵∵▼ */
div.contact_tel {
 width:100%;
	text-align:center;
 padding:14px 0;
}

/* ▼∵∵∵ アンカートップ ∵∵∵▼ */
/* 外観デザイン */
.anchor_top {
	border-radius: 5px;
	background-color: #FFFFFF;
	background: -webkit-gradient(linear, left top, left bottom, from(#cbcccf), to(#acaeb0));
	text-align: left;
	float: right;
	margin-top: 6px;
	margin-right: 10px;
	margin-left: 0;
}
/* 文字・サイズ調整 */
.anchor_top a {
	background:url(../img/bo_top.png) 10px 50% no-repeat;
 display:block;
 padding:9px 13px 9px 22px;
 color:#444444;
 text-shadow:1px 1px 0 #ddd;
 text-decoration:none;
 font-size:12px;
}

/* ▼∵∵∵ 前に戻るボタン ∵∵∵▼ */
/* 外観デザイン */
#anchor_back {
 border-radius:5px;
 background-color:#cbcccf;
 background:-webkit-gradient(linear, left top, left bottom, from(#cbcccf), to(#acaeb0));
 text-align:center;
 margin:0 10px 0 0;
 float:right;
}
/* 文字・サイズ調整 */
#anchor_back a {
	background:url(../img/bo_back.png) 10px 50% no-repeat;
 display:block;
 padding:9px 13px 9px 20px;
 color:#444444;
 text-shadow:1px 1px 0 #ddd;
 text-decoration:none;
 font-size:12px;
}

/* 強調度Aボタン ------------------------------ */
.divl {
	padding:0 0 10px 0;
	float:left;
	width:40%;
	margin:3px 0 3px 6%;
	-webkit-border-radius:4px;
	background: -webkit-gradient(linear, left top,left bottom,from(#7d7e37),to(#cbcc9e));
 text-align:center;
	
}

.divr {
	padding:0 0 10px 0;
	float:right;
	width:40%;
	margin:3px 6% 3px 0 ;
	-webkit-border-radius:4px;
	background: -webkit-gradient(linear, left top,left bottom,from(#7d7e37),to(#cbcc9e));
 text-align:center;
	
}

.divl a,
.divr a {
	background-image:url(../img/tmp_icon_linkmark_u.png);
	background-repeat:no-repeat;
	background-position:center bottom ;
	display:block;
	width:100%;
	height:100%;
	padding:0px 0 6px 0;
	font-size:12px;
	line-height:280%;
 color:#fff;
	text-decoration:none;
}

/*□■□■□■□■□■□■□■□■□■□■□■□■□■□■□

   jQuery スライドショー

□■□■□■□■□■□■□■□■□■□■□■MediaJapan■□*/

#screen {
	position: relative;
	width: 90%;
	margin: 0 auto 0 auto;
	padding: 0;
}

/*□■□■□■□■□■□■□■□■□■□■□■□■□■□■□

   article section コンテンツ （画像設定含む）

□■□■□■□■□■□■□■□■□■□■□■MediaJapan■□*/

/* ====== コンテンツの親枠 ====== */
article.no1 {
	width: 90%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
}

/* ====== コンテンツの親枠 ====== */
article.no2 {
	width: 90%;
	padding: 16px 5% 16px 5%;
	margin: 0 auto 0 auto;
	color: #000;
	background-image: url(img/bg_wa_01.jpg);
	background-repeat: repeat;
}

/* ====== セクション スタイル No.1 ====== */
section.conts_1 {
	padding: 0px;
	font-size: 14px;
	line-height: 22px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

/* 全画像設定 */
section.conts_1 .img {
	padding:4px 0;
	width:100%;
}
/* リスト画像 */
.conts_1 ul,
.conts_2 ul {
	list-style-image: url(../img/icon_01.png);
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5%;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* ====== セクション スタイル No.2 ====== */
/* 全画像設定 */
section.conts_2 {
	background:url(../img/kan2_r1_c1_m.gif);
	-moz-background-size:100% auto;
	background-size:100% auto;
	padding:0 4% 0 4%;
	margin:0 0 0 0;
	line-height:22px;
}

/* ====== セクション スタイル No.3 ====== */
/* 全画像設定 */
section.conts_3 {
	background:url(../img/it_waku_1_2.gif);
	-moz-background-size:100% auto;
	background-size:100% auto;
	padding:0 6% 0 6%;
	margin:0 0 0 0;
}

/* ====== セクション スタイル No.4 ====== */
/* 全画像設定 */
section.conts_4 {
	background:#d0c6b5;
	-moz-background-size:100% auto;
	background-size:100% auto;
	padding:0 4% 0 4%;
	margin:0 0 0 0;
	line-height:22px;
}


/* ====== セクション スタイル index ====== */
section.index_sub1 {
	width: 100%;
}

section.index_sub2 img{
	width:100%;
	padding:4px 0 4px 0;
}

section.index_sub3 {
	width:100%;
}

section.index_sub4 {
	text-align: center;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}

section.index_sub4 img {
	padding:2px;
}

.index_sub1_bg {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

/*□■□■□■□■□■□■□■□■□■□■□■□■□■□■□

   コンテナ

□■□■□■□■□■□■□■□■□■□■□■MediaJapan■□*/

aside {
	opacity: 0.8;	/* IE6、IE7対応 */
	-moz-opacity: 0.8;		/* Firefox1.5以前対応 */
	font-size: 12px;
	line-height: 15px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-repeat: repeat;
	padding-top: 10px;
	padding-bottom: 3px;
	background-position: left;
	margin-top: 27px;
}
aside p:last-child {
 margin-bottom: 0;
}

address {
	color: #fff;
	padding-left: 20px;
}

/*□■□■□■□■□■□■□■□■□■□■□■□■□■□■□

   タイトル

□■□■□■□■□■□■□■□■□■□■□■MediaJapan■□*/

/* ナビゲーション用（コンテンツメニュー） */
div.title_nav {
	line-height: 36px;
	width: 100%;
	height: 36px;
	text-align: left;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 0 #111;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	background-image: url(../img/bg_wa_02.jpg);
/*	
	border:solid #9a9a36 1px;
	border-width:1px 0 1px 0; */
}

/* コンテンツ用（料金プランetc） */
.title_conts {
	width: 100%;
	height: 60px;
	text-align: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-position: left top;
	border-top-width: 4px;
	border-right-width: 0;
	border-bottom-width: 4px;
	border-left-width: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	background-color: #CECFA3;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #AEAF61;
	border-bottom-color: #AEAF61;
}
/* コンテンツヘッダー領域　*/
.title_name {
	float: left;
	line-height: 56px;
	color: #9c3c09;
	text-decoration: none;
	text-shadow: 1px 1px 0 #9b9b9b;
	font-weight: bold;
}
.bo_back {
	padding: 7px 0 0 0;
	float: right;
}

/*□■□■□■□■□■□■□■□■□■□■□■□■□■□■□

   テーブルセット

□■□■□■□■□■□■□■□■□■□■□■MediaJapan■□*/

/* ▼ テーブルセットA ▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽
 * 
	* 定義 : 左写真、右テキスト
	*
 ********************************************************/
.conts_parts_a_ttl {
	border:1px dotted #999;
	border-width:2px 0 2px 0;
	margin:4px 0 4px 0;
	padding:4px 0;
	vertical-align:baseline;
}
.conts_parts_a_01 {
	float:left;
	width:30%;
	margin:0 4px 0 0;
}
.conts_parts_a_02 {
	width: 55%;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.conts_parts_a_02a {
	width: 45%;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.conts_parts_a_02b {
	width: 50%;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.conts_parts_a_03 {
	width: 45%;
	margin-right: 5px;
	margin-bottom: 4px;
	margin-left: 5px;
	float: left;
}

.conts_parts_a_04 {
	width: 100%;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	clear: both;
	text-align: center;
}

.conts_parts_a_05 {
	width: 60%;
	margin-right: 5px;
	margin-bottom: 7px;
	float: left;
}

.conts_parts_a_06 {
	margin-bottom: 4px;
	margin-left: 5px;
	float: left;
	width: 37%;
}

.conts_parts_a_06a {
	vertical-align: baseline;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin-top: 0px;
	margin-right: 5px;
	margin-left: 0px;
	font-size: 12px;
	border: 1px solid #333;
	padding: 5px;
	float: left;
}

.conts_parts_a_06b {
	width: 100%;
	margin-top: 4px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	clear: both;
	text-align: left;
}

.conts_parts_a_07 {
	-webkit-box-sizing: border-box;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size: 12px;
	text-align: left;
	padding-top: 4px;
}

.conts_parts_a_08 {
	border: solid 1px #222;
	border-width: 1px 1px 1px 1px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-size: 12px;
	background-color: #FFFFCC;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0;
	color: #000;
	text-align: left;
	line-height: 16px;
	padding: 5px;
}

.conts_parts_a_09 {
	width: 100%;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0;
	clear: both;
	text-align: center;
}


.conts_parts_a_10 {
	font-size: 14px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0;
	color: #990000;
	text-align: left;
	line-height: 20px;
	font-weight: bold;
}

.conts_parts_a_11 {
	border: solid 1px #333;
	text-align: center;
	background: #1c1c1c;
	
}


table.contact {
	padding:4px;
}

table.contact td {
	padding:4px;
	border:solid 1px #222;
	border-width:1px 1px 1px 1px;
}


/* ▼ テーブルセットB ▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽
 * 
	* 料金プランの表示テーブルの定義
	*
 ********************************************************/
.ryokin_table {
	text-align: center;
	border: 1px solid #000000;
	font-size: 12px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}
/*
.ryokin_table th,
.ryokin_table_left th {
 background-color: #666;
 vertical-align: middle;
	padding:2px;
}
.ryokin_table td,
.ryokin_table_left td {
 background-color: #fff;
 vertical-align: middle;
	padding:2px;
}
*/
.ryokin_table td,
.ryokin_table th {
	border: 1px solid #000000;
	text-align: left;
	padding-left: 6px;
	padding-right: 6px;
}

.kanko_table td,
.kanko_table th {
	border: none;
	text-align: left;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 10px;
}

.col1 {
	background-color: #E3E3E3;
}
.col2 {
	background:#e7c9c9;
}
.col3 {
	background:#fff;
}


/* ▼ テーブルセットC ▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽
 * 
	* 宿情報の表示テーブルの定義
	*
 ********************************************************/
.yado90 {
 margin-bottom:20px;
 margin-top: 0px;
 margin-right: 0px;
 margin-left: 0px;
}
.yado90 h2 {
 background:-webkit-gradient(linear, left top, right top, from(#964C02), color-stop(30%, #964C02), to(#e9e9d8));
 padding-top:4px;
 padding-right:0px;
 padding-bottom:4px;
 padding-left:8px;
 color:#FFF;
 text-align:left;
}

.yado_img {
	padding:8px;
	border:1px #b0af87 solid;
	margin:10px 0 10px 0;
	text-align:center;
}
.yado_img img{
	vertical-align:top;
 width:32%;
 -webkit-box-shadow: 1px 1px 3px #666;
}
.yado_img:after {
 content:".";
 display:block;
 visibility:hidden;
 height:0.1px;
 font-size:0.1em;
 line-height:0;
 clear:both;
}

.yado_txt {
	padding:8px;
	border:1px #b0af87 solid;

}

/*□■□■□■□■□■□■□■□■□■□■□■□■□■□■□

   color テキストカラー ( p,span等で使う )

□■□■□■□■□■□■□■□■□■□■□■MediaJapan■□*/

/* ▼ カラーバリエーション ▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽ */

/* 白色 */
.txt_white {
	color: #FFFFFF;
}

/* 黒色 */
.txt_black {
	color: #000;
}

/* ゴールド */
.txt_gold {
 color:#917f34;
}

/* ブラウン */
.txt_brown {
 color:#633;
}

/* 赤色 */
.txt_red {
 color:#990000;
}

/* 黄色 */
.txt_yellow {
 color:#FC0;
}

/* 緑色 */
.txt_green {
	color: #436400;
}

/* 青色 */
.txt_blue {
 color:#00F;
}

/* ▼ テキストサイズ ▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽ */

.txt_10 {
	font-size:10px;
}

.txt_12 {
	font-size: 12px;
	line-height: 18px;
}

.txt_14 {
	font-size:14px;
}

.txt_16 {
	font-size:16px;
}

.txt_18 {
	font-size:18px;
}


/* ▼ テキストアライン ▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽ */

/* テキストセンター揃え*/
.txt_center {
 text-align:center;
}

/* テキスト左揃え*/
.txt_left {
 text-align:left;
}

/* テキスト右揃え*/
.txt_right {
 text-align:right;
}

/* テキストマージン上下6px */

.txt_pdg6 {
	padding:6px;
}
.img_border01 {
	border: 2px solid #AEAF61;
	margin-top: 2px;
	margin-bottom: 2px;
}
.img_border02 {
	border: 2px solid #000000;
	margin-top: 2px;
	margin-bottom: 2px;
}

/* 宿だより
------------------------------------- */
ul,li{ list-style:none;}
#contentsTopics { width:100%; color:#56562c;}
#contentsTopics .article{ clear:both; padding:0 0 10px 0;}
#contentsTopics .photo img{ width:30%;  border:3px solid #999966; background:#fff;}
#contentsTopics .photo img.zoom_icon{ width:auto; padding:0; border:0; background:none;}
#contentsTopics .photo{ text-align:center; margin:10px 0;}
#contentsTopics .photo1{ display:inline;}
#contentsTopics .photo2{ margin-left:8px; display:inline;}
#contentsTopics .photo3{ margin-left:8px; display:inline;}
#contentsTopics .sub{ color:#436400; font-weight:bold; font-size:14px; padding:0 0 0 5px;}
#contentsTopics .body{ font-size:12px; margin:10px 0; padding:0 0 0 5px;}
#contentsTopics .date{ font-size:12px; text-align:right; clear:both; padding:0 0 0 20px; display:none;}
#contentsTopics .TopiCateMenu{ margin:10px 0; text-align:center; font-size:12px;}
#contentsTopics .TopiCateMenu li{ display:inline; color:#ccc;}
#contentsTopics .noneArticle{ text-align:center; border:1px solid #666; padding:10px;}