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

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

	共通

=================================================*/
body {
	background-image:url(../../images/bg2.jpg);
	background-repeat:repeat-x;
	font-size: 0.90em;
	line-height: 140%;
	color: #333;
	font-family:Verdana, Geneva, sans-serif;
}

/*--- link -------------------------------*/
a:link, a:visited { color: #333; text-decoration:none;}
a:hover { color: #999;}
a:focus{ outline:none; } /* for firefox */

.link > a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;}

/*--- space ------------------------------*/
.pad_t5 { padding-top: 5px;}

.mrg_t5 { margin-top: 5px;}
.mrg_t10 { margin-top: 10px;}
.mrg_t15 { margin-top: 15px;}
.mrg_t20 { margin-top: 20px;}
.mrg_t25 { margin-top: 25px;}
.mrg_t30 { margin-top: 30px;}
.mrg_t40 { margin-top: 40px;}
.mrg_t50 { margin-top: 50px;}
.mrg_t60 { margin-top: 60px;}
.mrg_b10 { margin-bottom: 10px;}
.mrg_b20 { margin-bottom: 20px;}
.mrg_b30 { margin-bottom: 30px;}

.mrg_b-5 { margin-bottom: -5px;}
.mrg_b5 { margin-bottom: 5px;}

.mrg_l10 { margin-left: 10px;}
.mrg_l20 { margin-left: 20px;}
.mrg_l30 { margin-left: 30px;}

.mrg_r5 { margin-right: 5px;}
.mrg_r10 { margin-right: 10px;}
.mrg_r20 { margin-right: 20px;}
.mrg_r30 { margin-right: 30px;}
.mrg_lr5 { margin-left:5px; margin-right: 5px;}

/*--- position ------------------------------*/
.right { text-align: right !important;}
.center { text-align: center !important;}
.left { text-align: left !important; }


.f_left {float:left;}
.f_right {float:right;}
.clear { clear: both; }

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

.text90 { font-size:0.90em;}
.text85 { font-size:0.85em;}
.text80 { font-size:0.80em;}

.t_brown {color:#442304;}
.t_green {color:#3D9825;}
.t_orange {color:#F63;}
.t_blue {color:#06C;}

.lh_120 {line-height:120%;}

#wrapper {
	width:900px;
	height:100%;
	margin:0 auto;
	background-color:#FFF;
	overflow:hidden;
}

#top_img {
	width:900px;
	height:300px;
	background-image:url(../../images/top_img_h300.jpg);
	background-repeat:no-repeat;
}

#top_img_250 {
	width:900px;
	height:250px;
}

#menu {
	width:900px;
	height:40px;
	background-image:url(../../images/menu_bg.jpg);
	margin:0;
	padding:0;
}
  
#contents {
	width:900px;
	height:100%;
	marginm:0 0 10px 0;
	padding:0 0 5px 0;
	border-bottom:#A2836F solid 1px;
	overflow:hidden;
}

#side_menu_top {
	float:left;
	width:292px;
	height:100%;
	margin:0;
	padding:0;
}

#side_menu {
	float:left;
	width:280px;
	height:100%;
}

#main {
	float:right;
	width:580px;
	height:100%;
	padding:30px 20px 30px 0;
}

#go_top {
	clear:both;
	width:880px;
	height:100%;
	padding:10px;
	text-align:right;
	font-size:0.8em;
}
		
#footer {
	clear:both;
	width:1000px;
	height:120px;
	margin:0 auto;
	background-image:url(../../images/footer_img.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	text-align:center;
	font-size:0.9em;
	line-height:140%;
}

/*-------------------------------------*/
#side_top {
	width:220px;
	height:100%;
	padding:20px 30px 0 30px;
	margin:0;
	background-image:url(../../images/side_bg.jpg);
	background-repeat:repeat-y;
}

.b_japanese {
	padding:210px 0 0 90px;	
}

.news_t {
	width:200px;
	height:25px;
	padding:5px 10px 0 10px;
	background-image:url(../../images/news_bg.jpg);
	background-repeat:no-repeat;
	color:#FFF;
	font-size:1em;
	font-weight:bold;
}
.day {
	font-size:0.9em;
	color:#3D2523;
	padding-top:10px;
}
.detail {
	width:200px;
	font-size:0.85em;
	line-height:140%;
	color:#024e09;
	padding:0 0 5px 0;
	border-bottom:#3D2523 dotted 1px;
}

.detail_last {
	width:200px;
	font-size:0.85em;
	line-height:140%;
	color:#024e09;
	padding:0 0 5px 0;
}

/*facebook*/
.fb {
	margin-top:20px;
	/*width:294px;
	height:310px;*/
}

.side {}

.side li {
	display:block;
	margin-top:10px;
}

.side_bottom {
	width:280px;
	height:20px;
	margin:0;
	padding:0;
	background-image:url(../../images/side_bg_bottom.jpg);
}

.menu_button {
	margin-left:23px;
	padding:0;
}

.menu_button li {
	display:block;
	height:40px;
	float:left;
	margin:0;
	padding:0;
}

.orange {
	width:218px;
	height:23px;
	border:#F63 solid 1px;
	margin-top:10px;
	padding-top:3px;
	text-align:center;
	color:#F63;
}

.blue {
	width:218px;
	height:23px;
	border:#36C solid 1px;
	margin-top:10px;
	padding-top:3px;
	text-align:center;
	color:#36C;
}

.green {
	width:218px;
	height:23px;
	border:#3D9825 solid 1px;
	margin-top:10px;
	padding-top:3px;
	text-align:center;
	color:#3D9825;
}

.shop_bo_o {margin:5px 0; border-bottom:#F63 1px solid;}
.shop_bo_b {margin:5px 0; border-bottom:#36C 1px solid;}
.shop_bo_g {margin:5px 0; border-bottom:#3D9825 1px solid;}
.shop_bo_g2 {margin:5px 0 0 0; border-bottom:#3D9825 1px solid;}

/*=====　トップページ　=====*/
.box_w580_t {
	clear:both;
	width:580px;
	overflow:hidden;
}

.box_w580 {
	clear:both;
	width:580px;
	overflow:hidden;
	margin-top:40px;
	padding:20px 0;
	border-top:#630 solid 1px;
}

.left_w270 {
	float:left;
	width:270px;
	height:100%;
}

.left_w280 {
	float:left;
	width:280px;
	height:100%;
}

.left_w290 {
	float:left;
	width:290px;
	height:100%;
}

.right_w270 {
	float:right;
	width:270px;
	height:100%;
}

.right_w280 {
	float:right;
	width:280px;
	height:100%;
}

.right_w290 {
	float:right;
	width:290px;
	height:100%;
}

.t_top {
	font-size:0.95em;
	color:#052a0c;
	line-height:155%;
}

/*エリアマップのテーブル*/

.map_bg {
	width:580px;
	height:750px;
	background-image:url(../../map/images/areamap_bg.gif);
	position:relative;
	margin-top:30px;
}
/*
.areamap_01 {left:  0px; top: 10px; width:110px; height:110px; position:absolute;}
.areamap_02 {left:  0px; top: 90px; width:110px; height:110px; position:absolute;}
.areamap_03 {left:  0px; top:210px; width:110px; height:110px; position:absolute;}
.areamap_04 {left:  0px; top:240px; width:110px; height:110px; position:absolute;}

.areamap_05 {left:355px; top:  0px; width:110px; height:110px; position:absolute;}
.areamap_06 {left:240px; top:  0px; width:110px; height:110px; position:absolute;}
.areamap_07 {left:470px; top: 26px; width:110px; height:110px; position:absolute;}
.areamap_08 {left:470px; top:141px; width:110px; height:110px; position:absolute;}

.areamap_09 {left:470px; top:277px; width:110px; height:110px; position:absolute;}
.areamap_10 {left:  0px; top:370px; width:110px; height:110px; position:absolute;}
.areamap_11 {left:  0px; top:487px; width:110px; height:110px; position:absolute;}
.areamap_12 {left:115px; top:630px; width:110px; height:110px; position:absolute;}

.areamap_13 {left:230px; top:630px; width:110px; height:110px; position:absolute;}
.areamap_14 {left:345px; top:630px; width:110px; height:110px; position:absolute;}
.areamap_15 {left:470px; top:403px; width:110px; height:110px; position:absolute;}
*/
.areamap_01 {left:  0px; top: 10px; width:110px; height:110px; position:absolute;}
.areamap_02 {left:  0px; top: 90px; width:110px; height:110px; position:absolute;}
.areamap_03 {left:  0px; top:210px; width:110px; height:110px; position:absolute;}
.areamap_04 {left:  0px; top:240px; width:110px; height:110px; position:absolute;}

.areamap_05 {left:355px; top:  0px; width:110px; height:110px; position:absolute;}
.areamap_06 {left:240px; top:  0px; width:110px; height:110px; position:absolute;}
.areamap_07 {left:470px; top: 26px; width:110px; height:110px; position:absolute;}
.areamap_08 {left:470px; top:141px; width:110px; height:110px; position:absolute;}

.areamap_09 {left:470px; top:277px; width:110px; height:110px; position:absolute;}
.areamap_10 {left:  0px; top:370px; width:110px; height:110px; position:absolute;}
.areamap_11 {left:  0px; top:487px; width:110px; height:110px; position:absolute;}
.areamap_12 {left:115px; top:630px; width:110px; height:110px; position:absolute;}

.areamap_13 {left:230px; top:630px; width:110px; height:110px; position:absolute;}
.areamap_14 {left:345px; top:630px; width:110px; height:110px; position:absolute;}
.areamap_15 {left:470px; top:403px; width:110px; height:110px; position:absolute;}
.areamap_16 {left:470px; top:553px; width:110px; height:110px; position:absolute;}


.or { background-color:#F63; color:#FFF;}
.bl { background-color:#36C; color:#FFF;}
.gr { background-color:#3D9825; color:#FFF;}

a.or_l:link { color: #fff; text-decoration:none; padding:4px 0 0 8px;}
a.bl_l:link { color: #fff; text-decoration:none; padding:4px 0 0 8px;}
a.gr_l:link { color: #fff; text-decoration:none; padding:4px 0 0 8px;}

a.or_l:visited { color: #fff; text-decoration:none;}
a.bl_l:visited { color: #fff; text-decoration:none;}
a.gr_l:visited { color: #fff; text-decoration:none;}

a.or_l:hover { color: #fff; background-color:#F93;}
a.bl_l:hover { color: #fff; background-color:#5485e6;}
a.gr_l:hover { color: #fff; background-color:#63bb4c;}

.or_l { display:block; width:260px; height:25px; }
.bl_l { display:block; width:260px; height:25px; }
.gr_l { display:block; width:260px; height:25px; }

/* 泊まる */
.title_orage {
	width:580px;
	height:27px;
	background-image:url(../../stay/images/title_bg_or.jpg);
	margin:20px 0;
	padding-top:8px;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	color:#D75428;
}
.title_blue {
	width:580px;
	height:27px;
	background-image:url(../../stay/images/title_bg_bl.jpg);
	margin:20px 0;
	padding-top:8px;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	color:#039;
}
.title_green {
	width:580px;
	height:27px;
	background-image:url(../../stay/images/title_bg_gr.jpg);
	margin:20px 0;
	padding-top:8px;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	color:#063;
}

.title_kannogawa {
	width:580px;
	height:27px;
	background-color:#4E983A;
	margin:0 0 20px 0;
	padding-top:8px;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	color:#fff;
}

.ichiran { margin:50px auto 30px; }
.ichiran p { line-height:130%; }

.ichiran td {
	height:190px;
}


.shop_bg_or {
	clear:both;
	overflow:hidden;
	width:540px;
	height:100%;
	margin-top:40px;
	padding:10px 20px;
	background-image:url(../../stay/images/shop_bg_or.jpg);
	background-repeat:repeat-x;
}

.shop_bg_bl {
	clear:both;
	overflow:hidden;
	width:540px;
	height:100%;
	margin-top:40px;
	padding:10px 20px;
	background-image:url(../../stay/images/shop_bg_bl.jpg);
	background-repeat:repeat-x;
}

.shop_bg_gr {
	clear:both;
	overflow:hidden;
	width:540px;
	height:100%;
	margin-top:40px;
	padding:10px 20px;
	background-image:url(../../stay/images/shop_bg_gr.jpg);
	background-repeat:repeat-x;
}

.shop_bg {
	clear:both;
	width:540px;
	margin-top:10px;
	padding:10px 20px;
	overflow:hidden;
}

.pict_bg {
	clear:both;
	border:#bbb solid 1px;
	margin-top:20px;
	padding:7px 5px;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */  
}

.shop_left {
	float:left;
	width:225px;
	height:100%;
}

.shop_right {
	float:right;
	width:300px;
	height:100%;
}

.photo_a {
	width:210px;
	height:160px;
	background-color:#FFF;
	padding:5px;
	border-top:#CCC solid 1px;
	border-right:#CCC solid 2px;
	border-bottom:#CCC solid 2px;
	border-left:#CCC solid 1px;
}

.name {
	font-size:1.2em;
	color:#57333E;
	font-weight:bold;
}

.name_s {
	font-size:1.0em;
	color:#57333E;
	font-weight:bold;
}

.exp {
	font-size:0.9em;
}

.stay_exp {
	width:520px;
	font-size:0.95em;
	margin:20px auto;
}
	
.line {
	width:290px;
	padding-bottom:5px;
	border-bottom:#666 1px solid;
}

.line2 {
	width:100%;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:#999 solid 1px;
}

.ta_shop_a {font-size:0.85em;}

.ta_shop_a th{
	width:80px;
	text-align:center;
	color:#FFF;
	background-color:#653A1B;
	margin:5px 0 0 0;
	font-weight:normal;
}
.ta_shop_a td{padding-left:10px;}

/*体験ピクトの説明
.taiken_pict {
	font-size:0.8em;
	line-height:120%;
}*/

/*備考ピクトの説明*/
.bikou_pict {
	width:100%;
	font-size:0.8em;
	line-height:120%;
}

.ta_hbp {font-size:0.85em;}
.ta_hbp th{
	width:70px;
	text-align:center;
	color:#FFF;
	background-color:#4E983A;
	margin:5px 0 0 0;
}
.ta_hbp td{padding-left:10px;}

.hbp {
	margin:20px 0 0 20px;
	font-size:0.85em;
}
.hbp li {list-style-image:url(../../what/images/maru.png);
	padding-top:5px;
}

.pict { height:35px; padding-top:5px;}


/*-------個別ページ--------*/
.shop_bg1 {
	background-image:url(../../stay/images/bg1.jpg);
	width:580px;
	height:10px;
}
.shop_bg2 {
	background-image:url(../../stay/images/bg2.jpg);
	padding:10px;
	margin:0;
	width:560px;
	height:100%;
	overflow:hidden;
}
.shop_bg3 {
	background-image:url(../../stay/images/bg3.jpg);
	width:580px;
	height:10px;
	padding:0;
	margin:0;
}

.shop_left2 {
	float:left;
	width:285px;
	height:100%;
}

.shop_right2 {
	float:right;
	width:270px;
	height:100%;
	text-align:right;
}

.shop_left3 {
	float:left;
	width:330px;
	height:100%;
	margin-top:20px;
}

.shop_right3 {
	float:right;
	width:220px;
	height:100%;
	margin-top:20px;
	text-align:right;
}

.shop_left_comment {
	height:100%;
	margin-bottom:10px;
	padding:10px;
	background-color:#E9DDCB;
	font-size:0.85em;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */  
}

.left3_bg_or {
	background-image:url(../../stay/images/shop_bg_or2.jpg);
	padding:10px 5px;
}

.left3_bg_bl {
	background-image:url(../../stay/images/shop_bg_bl2.jpg);
	padding:10px 5px;
}

.left3_bg_gr {
	background-image:url(../../stay/images/shop_bg_gr2.jpg);
	padding:10px 5px;
}

.g_map {
	width:305px;
	height:290px;
	margin:20px 0 10px 10px;
	border:#AAA 1px solid;
	font-size:0.85em;
}
.catch {
	margin-bottom:20px;
	font-size:1.25em;
}

.catch_s {
	margin-bottom:20px;
	font-size:1.15em;
}

/*メディア紹介*/
.md_title {
	width:570px;
	height:25px;
	padding:5px 0 0 10px;
	background-image:url(../../media/images/md_title_bg.gif);
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}

.md_title p {
	height:30px;
	width:580px;
	margin:10px 0;
}

.box1 {
	padding:20px 10px;
	background-image:url(../../stay/images/shop_bg_gr2.jpg);
}

/*QA*/
.qa {width:570px;}

.qa th {
	font-size:1.08em;
	font-weight:bold;
	color:#491612;
	padding-top:5px;
	text-align:left;
}
.qa td {font-size:0.9em;}

.qa_line {
	height:20px;
	background-image:url(../../qa/images/qa_line.gif);
}

/*農家民宿を始めるには*/
.kadomaru {
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}
.box_w500 {
	width:500px;
	margin:0 0 10px 70px;
}

.box_bg_y {
	width:470px;
	margin:20px 0 10px 70px;
	background-color:#F7EBC7;
	padding:20px 15px;
}

.tel_green {
	color:#063;
	font-size:15px;
	margin:15px 0;
}

.box_center {
	width:450px;
	margin:0 auto;
}

.t_start {
	width:420px;
	margin:0 auto;
}

.green1 {
	height:27px;
	background-image:url(../../start/images/green_1.gif);
	background-repeat:no-repeat;
	color:#FFF;
	text-align:center;
	padding-top:3px;
}

.green2 {
	border-left:#2AAB39 solid 1px;
	border-right:#2AAB39 solid 1px;
	border-bottom:#2AAB39 solid 1px;
	background-color:#FFF;
	padding:7px;
}

.green3 {
	border-color:#2AAB39;
	border-style:solid;
	border-width:1px;
	background-color:#FFF;
	color:#2AAB39;
	font-weight:bold;
	text-align:center;
	padding:5px;
}

.green4 {
	border-color:#2AAB39;
	border-style:solid;
	border-width:1px;
	background-color:#FFF;
	text-align:center;
	padding:5px;
}

.green5 {
	height:32px;
	background-image:url(../../start/images/green_2.gif);
	background-repeat:no-repeat;
	color:#FFF;
	text-align:center;
	padding-top:3px;
	font-weight:bold;
}

.kakunin td {
	padding:3px 0;
}
	
/*2015_03_add*/
.t_yamatoheiya,
.t_yamatokougen { margin-bottom:10px; }

.t_yamatoheiya th {
	border:#F63 solid 1px;
	color:#F63;
}

.t_yamatokougen th {
	border:#36C solid 1px;
	color:#36C;
	padding:5px 0 3px 0;
}

.t_yosino th {
	border:#3D9825 solid 1px;
	color:#3D9825;
	padding:5px 0 3px 0;
}

.t_yamatoheiya td,
.t_yamatokougen td,
.t_yosino td {
	padding:5px 0 3px 10px;
}

.access {
	padding-left:10px;
	font-size:12px;
}

.note td {
	line-height:130%;
	padding:0 8px 0 0 !important;
}