.sp_none {
	display: none;
}


body {
	line-height:200%;
	font-size:0.85em;
	color:#4E2F0D;
	background-image:url(../images/s/bg.jpg);
}
.clr {clear:both;}
.fl_left {clear:both; display: block; text-align: center; margin-left: auto;margin-right: auto;}
.fl_right {clear:both; display: block; text-align: center; margin-left: auto;margin-right: auto;}
.text_right {
	text-align: left !important;
}
.center {text-align:center;}

.img {
	width: 100%;
}

.contents_textarea {
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

.cont_table {
	margin-top:10px;
	width:100%;
	border-top:3px solid #9B0E11;
}

.cont_table th {
	width:24%;
	border-bottom:1px solid #C4C4C4;
	padding:3%;
}

.cont_table td {
	width:64%;
	border-bottom:1px solid #C4C4C4;
	padding:3%;
}

.cont_ol {
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

.cont_ol li {
	list-style:decimal;
	margin-left:20px;
}

.cont_ul {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}

.cont_ul li {
	list-style:disc;
	margin-left:20px;
}


#head h1 {
	background-image:url(../images/s/logo.png);
	width:126px;
	height:50px;
	text-indent:-9999px;
	display:block;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px !important;
	margin-left:auto !important;
	margin-right:auto !important;
}

#head h1 a {
	background-image:url(../images/s/logo.png);
	width:126px;
	height:50px;
	text-indent:-9999px;
	display:block;
	margin-top:0px;
	margin-bottom:0px;
	outline:none;
	text-decoration:none;
	padding:0px !important;
	margin-left:auto !important;
	margin-right:auto !important;
}

#head_right {
	display: none;
}

#menu li a,
#cont_menu li a {
	display: block;
	border-bottom: 1px solid #ccc;
	padding: 10px;
	text-align: left !important;
}

#footer p {
	font-size:12px;
	text-align:center;
	padding-top:15px;
	padding-bottom:15px;
}
	
#cont_title {
	background-image:url(../images/s/top/title_bg.png);
	background-repeat:repeat-x;
	width:100%;
}

#cont_title h3 img {
	width:100%;
	max-width:300px;
}


/*
###########################################################################

■トップページ

---------------------------------------------------------------------------
###########################################################################
*/

#top_title1 {
	background-image:url(../images/s/top/title1.png);
	background-repeat: no-repeat;
	background-color: #fff;
	width: 100%;
	height:61px;
	text-indent:-9999px;
}

#news {
	width:100%;
}

#news dt {
	width:30%;
	float:left;
	clear:both;
	padding-top:10px;
}

#news dd {
	margin-left:30%;
	width:70%;
	padding-top:10px;
}

#snsbanner img {
	width:100% !important;
	max-width:320px;
}

#topbanner img,
#top_mainbanner img {
	width:100% !important;
	max-width:300px;
}

#snsbanner li,
#top_mainbanner,
#topbanner li {
	text-align:center;
}


/*
###########################################################################

■田園ウォーキング

---------------------------------------------------------------------------
###########################################################################
*/

.walk_box {
	width:96%;
	border:1px solid #8F6433;
	background-color:#fff;
	border-radius:10px;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	margin-bottom:10px;
}
.walk_box a {text-decoration:none;}
.walk_box a:hover {text-decoration:none; color:#FF0206;}

.walk_box h3 {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #533c22), color-stop(0.00, #8F6433));
	background: -webkit-linear-gradient(#8F6433, #533c22);
	background: -moz-linear-gradient(#8F6433, #533c22);
	background: -o-linear-gradient(#8F6433, #533c22);
	background: -ms-linear-gradient(#8F6433, #533c22);
	background: linear-gradient(#8F6433, #533c22);
	border-radius:9px;
	color:#FFFFFF;
	padding:5px 10px;
	margin-bottom:10px;
	font-weight:bold;
}

.walk_off {
	margin-bottom:0px !important;
}


.walk_box blockquote {
	width:80%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.walk_box blockquote img {
	max-width:240px;
}

.walk_box h4 {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	font-weight:bold;
	color:#8F6433;
}

.walk_box ul,
.walk_box p {
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

.walk_box a p,
.walk_box a li {
	color:#333 !important;
	font-weight:normal;
}

.form_on {
	background-image:url(../images/s/walk/btn1_on.png);
	width:210px;
	height:50px;
	text-indent:-9999px;
	margin-left:auto;
	margin-right:auto;
}

.form_on a {
	background-image:url(../images/s/walk/btn1_on.png);
	width:210px;
	height:50px;
	text-indent:-9999px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	outline:none;
	text-decoration:none;
}

.form_off {
	background-image:url(../images/s/walk/btn1_off.png);
	width:210px;
	height:50px;
	text-indent:-9999px;
	margin-left:auto;
	margin-right:auto;
}

.state_now {
	background-image:url(../images/s/walk/now.png);
	width:180px;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	text-indent:-9999px;
}

.state_notice {
	background-image:url(../images/s/walk/notice.png);
	width:180px;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	text-indent:-9999px;
}

.state_report {
	background-image:url(../images/s/walk/report.png);
	width:180px;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	text-indent:-9999px;
}

.state_report a {
	background-image:url(../images/s/walk/report.png);
	width:180px;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	text-indent:-9999px;
	display:block;
	outline:none;
	text-decoration:none;
}

.state_soon {
	background-image:url(../images/s/walk/soon.png);
	width:180px;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	text-indent:-9999px;
}


/*
###########################################################################

■田園ウォーキング 詳細

---------------------------------------------------------------------------
###########################################################################
*/

.walk_area {
	margin-top:15px;
	margin-bottom:10px;
}

.walk_area h4 {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #dea906), color-stop(1.00, #f55c00));
	background: -webkit-linear-gradient(#dea906, #f55c00);
	background: -moz-linear-gradient(#dea906, #f55c00);
	background: -o-linear-gradient(#dea906, #f55c00);
	background: -ms-linear-gradient(#dea906, #f55c00);
	background: linear-gradient(#dea906, #f55c00);
	color:#fff;
	font-weight:bold;
	padding:3px 10px;
}

.walk_area h3 {
	font-weight:bold;
	color:#834B29;
	font-size:1.3em;
	border:1px solid #AB9143;
	background-color:#fff;
	text-shadow:1px 1px 1px rgba(0, 0, 0, 0.6),
	-1px -1px 1px rgba(255, 255, 255, 0.5);
	padding:10px 10px;
}


.walk_area h2 {
	width:94%;
	margin-left:auto;
	margin-right:auto;
	font-weight:bold;
	color:#834B29;
	font-size:1.3em;
	border-bottom:3px solid #AB9143;
	text-shadow:1px 1px 1px rgba(0, 0, 0, 0.6),
	-1px -1px 1px rgba(255, 255, 255, 0.5);
	padding:10px 10px;
	margin-bottom:10px;
}

.entery_btn {
	width:100%;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
}

.entery_btn img {
	width:100%;
	max-width:300px;
}

.report_btn {
	width:100%;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
}

.report_btn img {
	width:100%;
	max-width:300px;
}

/*
###########################################################################

■Torfって？

---------------------------------------------------------------------------
###########################################################################
*/

#about_title1 {
	background-image:url(../images/s/top/title_bg.png);
	background-repeat:repeat-x;
	margin-bottom:10px;
}

#about_title1 h3 {
	background-image:url(../images/s/about/title1.png);
	max-width:300px;
	height:61px;
	text-indent:-9999px;
}


/*
###########################################################################

■お問合せ

---------------------------------------------------------------------------
###########################################################################
*/

#contact_title1 {
	background-image:url(../images/s/top/title_bg.png);
	background-repeat:repeat-x;
	margin-bottom:10px;
}

#contact_title1 h3 {
	background-image:url(../images/s/contact/title1.png);
	max-width:300px;
	height:61px;
	text-indent:-9999px;
}

#form_text {
	width:90%;
	height:100px;
	margin-left:auto;
	margin-right:auto;
	overflow:auto;
	border:1px solid #ccc;
	padding:5px;
	font-size:0.9em;
	line-height:130%;
}

#form_text::-webkit-scrollbar {
background: transparent;
height: 7px;
overflow: visible;
width: 13px;
}
#form_text::-webkit-scrollbar-thumb {
border-left: solid white;
background-color: rgba(0, 0, 0, 0.2);
}
#form_text::-webkit-scrollbar-thumb {
}
#form_text::-webkit-scrollbar-corner {
background: transparent;
}

#form_text::-webkit-scrollbar{ /* スクロールバー本体 */
	width: 5px;
	background: #9aadfc;
}
#form_text::-webkit-scrollbar:horizontal{ /* 横方向のスクロールバー本体 */
	width: 5px;
	background: #9aadfc;
}
#form_text::-webkit-scrollbar-thumb{ /* スクロールバーの動く部分 */
	background: #435295;
	border-radius: 2px;
}
#form_text::-webkit-scrollbar-thumb:horizontal{ /* 横方向のスクロールバーの動く部分 */
	background: #435295;
	border-radius: 2px;
}
#form_text::-webkit-scrollbar-track-piece:start{ /* スクロールバーの動く部分の前 */
	background: #9aadfc;
}
#form_text::-webkit-scrollbar-track-piece:end{ /* スクロールバーの動く部分の後ろ */
	background: #a3d2a0;
}
#form_text::-webkit-scrollbar-corner{ /* スクロールバー角 */
	background: transparent;
}


#form_table {
	width:100%;
}

#form_table th {
	display: block;
	background-color: rgba(255,255,255,1.00);
	font-weight: bold;
	padding: 10px;
}

#form_table td {
	display: block;
	padding: 10px;
}

#form_table td input[type=text] {
	padding: 10px;
	width: 80%;
	border-radius: 5px;
	border: 1px solid #ccc;
}

img{
	max-width: 100%;
}

/*
###########################################################################

■お申込みフォーム

---------------------------------------------------------------------------
###########################################################################
*/

#entry_title1 {
	background-image:url(../images/s/top/title_bg.png);
	background-repeat:repeat-x;
	margin-bottom:10px;
}

#entry_title1 h3 {
	background-image:url(../images/s/entry/title1.png);
	max-width:300px;
	height:61px;
	text-indent:-9999px;
}

.entry_title {
	background-color:#C59F00;
	color:#fff;
	font-weight:bold;
	padding:5px 10px;
	margin-bottom:10px;
}

.cont_h4 {
	border-bottom:2px solid #AD0002;
	padding:5px;
	margin-bottom:10px;
	font-weight:bold;
}


#member_btn {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#member_btn img {
	width:100%;
	max-width:320px;
}

#zip_code .ui-block-a,
#zip_code .ui-block-c {
	width:45%;
}
#zip_code .ui-block-b {
	width:10%;
	text-align:center;
		line-height:300%;
}

#tel_code .ui-block-b,
#tel_code .ui-block-d {
	width:8%;
	text-align:center;
	line-height:300%;
}

#tel_code .ui-block-a,
#tel_code .ui-block-c,
#tel_code .ui-block-e {
	width:28%;
}

#birthday_code .ui-block-a {
	width:40%;
}

#birthday_code .ui-block-b,
#birthday_code .ui-block-c {
	width:30%;
}

#guest_code .ui-block-a {
	width:30%;
	line-height:300%;
	text-align:right;
}
#guest_code .ui-block-c {
	width:10%;
	line-height:300%;
	text-align:center;
}

#guest_code .ui-block-b {
	width:60%;
}

.faq_h4 {
	padding:10px;
	background-color:#FCF7D9;
	border:1px solid #FFA600;
	border-radius:10px;
	display:block;
}




.submit {
background-color:#00ABFF !important;
}



#maps iframe {
	width: 100%;
}

.notes h3 {
	font-weight:bold;
	padding:10px;
}

.notes {
	width:96%;
	margin-left:auto;
	margin-right:auto;
	background-color:#A70002;
	
	color:#fff;
	text-shadow:none;
}

.walk_area_ol li {
	margin-top:10px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
}

.walk_area_ul li a {
	background-image:url(../images/walk/btn.png);
	background-size: 300px 45px;
	width:300px;
	height: 45px;
	margin-left: auto;
	margin-right: auto;
	display:block;
	outline:none;
	text-decoration:none;
	text-indent:-9999px;
}

.walk_area_ol li a {
	background-image:url(../images/walk/btn2.png);
	background-repeat: no-repeat;
	background-size: 300px 45px;
	margin-left: auto;
	margin-right: auto;
	width:300px;
	height: 45px;
	display:block;
	outline:none;
	text-decoration:none;
	text-indent:-9999px;
}

/*
###########################################################################

■お申込みフォーム

---------------------------------------------------------------------------
###########################################################################
*/

#torphoto_ul li {
	width:50%;
	float:left;
}

#torphoto_ul li img {
	width:100%;
}


/*
###########################################################################

■スタンプコレクション

---------------------------------------------------------------------------
###########################################################################
*/

#stamp_stitle {
	font-weight:bold;
	color:#834B29;
	font-size:1.3em;
	background-color:#fff;
	text-shadow:1px 1px 1px rgba(0, 0, 0, 0.6),
	-1px -1px 1px rgba(255, 255, 255, 0.5);
	padding:10px 10px;
	border:1px solid #ccc;
	border-top:3px solid #937A12;
	margin-bottom:15px;
}

.stamp_box {
	width:96%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}

.stamp_box h4 {
	border-top:3px solid #BF9649;
	background-color:#fff;
	padding:5px;
	border-bottom:1px solid #ccc;
}

.stamp_sb blockquote {
	text-align:center;
}


.stamp_sb blockquote img {
	width:100%;
}

.stamp_sb table {
	padding:1%;
	width:99%;
	margin-top:5px;
	border-bottom:1px dashed #ccc;
}

.stamp_sb table th,
.stamp_sb table td {
	padding:5px;
	line-height:150%;
}

.stamp_sb table th {
	width:30%;
	vertical-align:top;
}

.stamp_text {
	padding:5px;
	border-bottom:3px solid #ccc;
}





.result_box h4 {
	width:96%;
	margin-bottom:10px;
	clear:both;
	padding:10px;
	font-size:1.2em;
	font-weight:bold;
	border-bottom:2px solid #BFB667;
}

.result_box ul {
	clear:both;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}


.result_box li {
	width:50%;
	float:left;
}


#facebook,
#twitter,
#facebooktop,
#facebookbottom{
	display: none;
}

#right {text-align:center;}



#about_main img {
	width: 100%;
}


#walk_main,
#entry_main{
	padding: 20px;
	font-size: 1.6em;
	font-weight: bold;
	background-color: #fff;
	margin-top: 10px;
	margin-bottom: 10px;
}

.contact_form {
	
}

.contact_form dt {
	padding: 5px;
	background-color: #fff;
}

.contact_form dd {
	padding:10px;
}


.submit {
    /* 文字サイズを1.4emに指定 */
    font-size: 1.4em;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向に10px、
     * 横方向に30pxの余白を指定 */
    padding: 10px 30px;

    /* 背景色を濃い青色に指定 */
    background-color: #248;

    /* 文字色を白色に指定 */
    color: #fff;

    /* ボーダーをなくす */
    border-style: none;

    /* ボタンの影の指定
     * 影の横幅を2px
     * 縦長を2px
     * ぼかしを3px
     * 広がりを1px
     * 色を#666（グレー）に指定 */
    box-shadow: 2px 2px 3px 1px #666;
    -moz-box-shadow: 2px 2px 3px 1px #666;
    -webkit-box-shadow: 2px 2px 3px 1px #666;

    /* テキストの影の指定
     * 影の横幅を1px
     * 縦長を1px
     * ぼかしを2px
     * 色を#000（黒）に指定 */
    text-shadow: 1px 1px 2px #000;
}

.submit:hover {
    /* 背景色を明るい青色に指定 */
    background-color: #24d;

    /* 文字色を白色に指定 */
    color: #fff;
}