@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img {margin:0;padding:0; -webkit-text-size-adjust:none;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ul {list-style:none;}
ol{ list-style:outside decimal; margin-left:18px; line-height:1.6em;}
ol li{ line-height:1.8em;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
a{ text-decoration:none;color:#555;}
a:hover{text-decoration:underline;}
img{ vertical-align:middle;}
body{margin:0;padding:0;font-size:12px;line-height:1.6em;font-family:'ＭＳ Ｐゴシック', 'MS P Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, sans-serif, verdana, Arial, Tahoma, Helvetica, sans-serif;color:#555; background:#f8fdfe;}

input[type='text'],textarea,input[type='submit']{-webkit-appearance: none;font-family:Arial,Helvetica,sans-serif; outline:none; border:none; color:#777; vertical-align:top;border-radius:0; background:#fff;}
input[type='checkbox']{ vertical-align:text-top; vertical-align:baseline\9;}
select{background:#fff;}
select:focus{ outline:none; }

/*basic*/
.fl {float:left !important;}
.fr {float:right !important;}
.ac{ text-align:center;}
.ar{ text-align:right;}
.clear{ clear:both; height:0; overflow:hidden;}
.noh{ overflow:visible !important;}
ul.dot li{ list-style:outside disc; line-height:1.8em; margin-left:18px;}
.noBor{ background:none !important; border:none !important; margin-right:0 !important;}
.re{ position:relative !important;}
.oh{ overflow:hidden !important;}
.container{width:1000px;overflow:hidden; margin:0 auto;}

/*btn*/
.buy{display:inline-block;background:#ff4723;font-size:16px; text-align:center;width:130px;height:40px;line-height:40px;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#fff !important; border-radius:5px;}
.buy:hover{background:#ff5f40; text-decoration:none;}
.try{display:inline-block;background:#52b919;font-size:16px; text-align:center;width:130px;height:40px;line-height:40px;text-decoration:none !important;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;color:#fff !important; border-radius:5px;}
.try:hover{background:#5ccf1c; text-decoration:none;}

/*banner*/
.banner{ background:url(images/banner.jpg) no-repeat center 0;height:414px;}
.banner .logo{float:left;margin-top:15px;}
.banner .logo a{display:block; background:url(images/logo.png) no-repeat;width:190px;height:17px; text-indent:-9999px;}

/*main*/
.main{ background:#fbf9e3; border-radius:0 0 10px 10px;}
.title{font-size:30px; font-weight:bold;padding:15px 0 0 30px; line-height:30px;color:#333;}

.probox1{padding:35px 0;margin:0 30px;border-bottom:1px solid #e2dfc4;}
.probox1 .pic{float:left; position:relative;width:420px; text-align:right;}
.probox1 .pic .off{display:block;width:133px;height:133px; position:absolute;left:0;bottom:30px;}
.probox1 .pic .txt{ text-align:center; font-size:14px;color:#2077d1;padding:10px 0 0 0;}
.probox1 .pic .txt a{color:#2077d1;}
.probox1 .text{float:right;width:460px;}
.probox1 .text h3 a{ font-size:30px; font-weight:bold; line-height:1.4em;color:#333;}
.probox1 .text h3 span{display:block;color:#777; font-size:14px; font-weight:bold;}
.probox1 .text .dd{ font-size:20px; font-weight:bold;color:#367e0e;padding:10px 0;}
.probox1 .text li{ font-size:14px; line-height:1.6em;}
.probox1 .text .price{padding:10px 0; line-height:30px;}
.probox1 .text .btn{height:40px;width:280px;}

.probox2{width:438px;padding:35px 30px;}
.probox2.bor-r{border-right:1px solid #e3e1c6;}
.probox2 h3 a{ font-size:30px; font-weight:bold; line-height:1.4em;color:#333;}
.probox2 h3 span{display:block;color:#777; font-size:14px; font-weight:bold;}
.probox2 .dd{font-size:14px;padding:10px 0; line-height:1.6em;}
.probox2 .dd2{ font-size:20px; font-weight:bold;color:#367e0e;padding:10px 0;}
.probox2 .pic{position:relative;text-align:right;}
.probox2 .pic .off{display:block;width:133px;height:133px;position:absolute;left:0;bottom:20px;}
.probox2 .price{padding:10px 0 0 0; line-height:30px;}
.probox2 .btn{height:40px;width:280px;}
.probox2 .more{padding:5px 0 10px 0;}
.probox2 .more a{ font-size:14px;color:#2077d1;}

.footer{ background:#364e5a;margin-top:30px;color:#fff; text-align:center;padding:15px 0;}
.footer p{ line-height:2em;}
.footer p a{color:#fff;}

.ad_banner{margin-top:30px !important;}

/*toTop*/
.toTop{ display:block; position:fixed; z-index:2; background:url(images/totop.gif) no-repeat ; width:41px; height:39px; bottom:80px; left:50%; margin-left:520px;}