@charset "utf-8";
/* 
html5doctor.com Reset Stylesheet v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
*/
html { -webkit-text-size-adjust: 100%;/* 2 */-ms-text-size-adjust: 100%;}
body { width:100%; overflow-x:hidden;}
html, body { width:100%; max-width:100%;}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin:0; padding:0;	border:0;	outline:0;	list-style:none;	vertical-align:baseline;	background:transparent; outline:none;}
body { line-height:1;}
img {border-style: none;} 
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { display:block;}
nav ul, ul, li { list-style:none;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
mark {background-color:#ff9;color:#000; font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
input, select {vertical-align:middle; color:#833531;}
@media screen and (max-width:640px){
 body { height:auto; overflow:hidden;}
}
@media screen and (max-width: 320px){
html, body { min-width:320px;}
}

/*===================
 common
=====================*/
.Left{ float: left; position: relative; display: inline-block;}
.Right{ float: right; position: relative; display: inline-block;}
.block{ display: block;}
/*===================
 LINK
=====================*/
a:link, a:visited, a:hover, a:active {}
a:hover { opacity:1; filter: alpha(opacity=100);}
a:hover img {}
article a{ color: #499243; text-decoration: underline;}
article a:hover{ text-decoration: none;}

@media screen and (max-width: 660px) {body, html { width:100%; overflow-x:hidden;}}
@media screen and (max-width: 480px) {body { background: #fff;}}
/*===================
 common
=====================*/
.pc{display: block;}
.sp{ display: none;}
@media screen and (max-width: 640px) {
.pc{display: none;}
.sp{ display: block;}
}
.mb10{ margin-bottom: 10px;}
.mb15{ margin-bottom: 15px;}
.mb20{ margin-bottom: 20px;}
.mb25{ margin-bottom: 25px;}
.mb30{ margin-bottom: 30px;}
.mb35{ margin-bottom: 35px;}
.mb40{ margin-bottom: 40px;}
.mb45{ margin-bottom: 45px;}
.mb50{ margin-bottom: 50px;}
.mb55{ margin-bottom: 55px;}
.mb60{ margin-bottom: 60px;}
.mb65{ margin-bottom: 65px;}
.mb70{ margin-bottom: 70px;}
.mb75{ margin-bottom: 75px;}
.mb80{ margin-bottom: 80px;}
.mb85{ margin-bottom: 85px;}
.mb90{ margin-bottom: 90px;}
.mb95{ margin-bottom: 95px;}
.mb100{ margin-bottom: 100px;}

.fMin{ font-size: 90%;}






/*===================
 FONT
=====================*/
*{ color:#222;	letter-spacing:1.5px; font-family:'Noto Sans JP', "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif; font-family: 'Noto Sans JP', sans-serif;}
h1,h2,h3,h4,h5,h6 { font-weight:200; font-size:22px; line-height:1.2em;}
p,li,dt,dl,span,td { font-size:17px; line-height:1.6em;}
.b{font-weight: bold;}
@media screen and (max-width: 640px) {p,li,dt,dl,span,td { font-size: 15px; line-height:1.6em; color:#222;} h1,h2,h3,h4,h5,h6 { color:#222;}}
/*=====================================
	CONTENTS
=======================================*/
footer, article, .cont { width:100%; float:left; position:relative; z-index:10;}
article{}
.inner{ width: 96%; float: left; margin: auto 2%;}
.contMin{ margin:0 auto; overflow:hidden\9; *overflow:hidden; position: relative;}
@media screen and (min-width: 1025px) {.contMin { max-width:1024px;}}
@media screen and (max-width: 1024px) {.contMin { max-width: auto; width:100%; float:left;}}
@media screen and (max-width: 1090px) {section > .contMin { max-width: auto !important; width:94% !important; float:left; margin: auto 3%;}}
@media screen and (max-width: 640px) {
.inner{ width: 90%; float: left; margin: auto 5%;}
}

img{ max-width: 100%; width: 100%; height: auto;}
.cf:before, .cf:after { content: " "; display: table;}
.cf:after { clear: both;}
.cf { *zoom: 1;}
/*==============================================
　layout
================================================*/
.title{ width: 100%; float: left; padding: 20px 0; background: #eee; border-radius: 4px; margin: 20px 0;}
.title span{  display: block; color: #007244; font-weight: bold; border-left: solid 8px #007244; padding-left: 10px; font-size: 24px;  line-height: 1em;}
.green{ color:#007244; }

@media screen and (max-width: 640px) {
.title{ width: 94%; padding: 15px 3%; background:#007244; margin: 10px 0;}
.title span{ font-size: 18px; color: #fff; border-left: solid 4px #fff;}
}


/*==============================================
　layout
================================================*/
/*cont1*/
#cont1{}
#cont1 .anshin{}
#cont1 .anshin li{ width: 31%; float: left; margin: 10px 1%; display: inline-block;}
#cont1 .anshin li img{ width: 100%; height: auto;}
#cont1 .hosyou{}
/*cont2*/
#cont2{ padding: 50px 0;}
.bkeee{ background: #F6F6F6;}

@media screen and (max-width: 640px) {
#cont1 .anshin li{ width: 80%; float: left; margin: 10px 10%;}
}
@media screen and (max-width: 480px) {
#cont1 .anshin li{ width: 90%; float: left; margin: 10px 5%;}
}


/*cont3*/
#cont3 table{ border: solid 1px #ccc;}
#cont3 table *{ font-size: 15px; vertical-align: middle;}
#cont3 table th, 
#cont3 table td{ border: solid 1px #ccc;}
#cont3 table th{ padding: 0px 10px; width: 100px; background: #FDF3E7;}
#cont3 table td{ padding: 20px 15px;}
#cont3 table td.col02{ background: #F4F9F9;}

@media screen and (max-width: 640px) {
#cont3 table *{ font-size: 12px;}
#cont3 table th{ padding: 0px 5px; width: auto;}
}

/*cont4*/
#cont4{}
#cont4 .pageLinks{ width: 94%; float: left; margin: 30px 0 100px; padding: 20px 3%; border: solid 4px #007244;}
#cont4 .pageLinks li{ width: 30%; float: left; display: inline-block; margin: 10px 1.5%;}
#cont4 .pageLinks li a{ display: block; text-align: center; line-height:60px; border-radius: 8px; text-decoration: none; font-weight: bold;}
#cont4 .pageLinks li.buy a{ background: #007244; color: #fff; border-bottom: solid 8px #004127;}
#cont4 .pageLinks li.sell a{ background: #cb4c4c; color: #fff; border-bottom: solid 8px #9b2828;}
#cont4 .pageLinks li.shop a{ background:#eee; ; border-bottom: solid 6px #777; color: #333;}
#cont4 .pageLinks li.buy a{ background: #007244; color: #fff; border-bottom: solid 8px #004127;}

#cont4 h3{ text-align: center;}
#cont4 h3 img{ width: 150px; height: auto;}
#cont4 h3 span{ text-align: center; font-size: 11px;}

@media screen and (min-width: 840px) {
#cont4 .pageLinks li.sell a:hover, 
#cont4 .pageLinks li.shop a:hover, 
#cont4 .pageLinks li a:hover{ border-bottom: 0px; margin-top: 8px;}
}
@media screen and (max-width: 640px) {
#cont4 .pageLinks li{ width: 100%; margin: 10px 0%;}

}