@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 {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:inside decimal;margin: 0px 0px 0px 20px; line-height:1.7em;}
caption,th,td{text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
h1{ letter-spacing:-2px;}
a{ text-decoration:none;color:#555;this.onFocus=this.blur());}
a:hover{text-decoration:underline;}
img{ vertical-align:middle;}
input,textarea,select{ font-family:'ＭＳ Ｐゴシック','MS P Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,sans-serif,verdana,Arial,Tahoma,Helvetica,sans-serif; outline:none; color:#666;}
input[type='checkbox']{ vertical-align:text-top;}
/*basic*/
.fl {float:left !important;}
.fr {float:right !important;}
.ac{text-align:center !important;}
.al{text-align:left !important;}
.ar{ text-align:right!important;}
.clr, .clear, .clearer{ clear:both; height:0; overflow:hidden;  }
hr{ border:none; height:0; overflow:hidden; border-bottom:1px solid #d7d7d7;margin:12px 0; *margin:0; height:0;}
.re{ position:relative !important;}
.ptb30{ padding:30px 0;}
.ptb10{ padding:10px 0;}
.mr10{ margin-right:10px;}.mb25{ margin-bottom:25px!important;}

body{font:14px/1.5em 'ＭＳ Ｐゴシック','MS P Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,sans-serif,verdana,Arial,Tahoma,Helvetica,sans-serif; color:#555;background:#4dbecd url(images/body_bg.jpg) repeat-x 0 0;}
.container{ width:1000px; margin:0 auto;}

a.btn_buy { display:inline-block; background:#e74c3c url(images/btnImg.png) no-repeat 15px 10px; font-size:18px; width:90px; height:38px; line-height:38px; padding:0 0 0 45px;color:#fff; border-radius:40px; font-weight:bold;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
a.btn_buy:hover {background-color:#ff3621; text-decoration:none;}
a.btn_down { display:inline-block; background:#3fd550 url(images/btnImg.png) no-repeat 15px -65px; font-size:18px; width:90px; height:38px; line-height:38px; padding:0 0 0 45px; color:#fff; border-radius:40px; font-weight:bold;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
a.btn_down:hover {background-color:#0dd424; text-decoration:none;}

.logo {padding:20px 0 10px 15px;}
.logo img {width:150px;}
.banner {background:url(images/banner_bg.jpg) no-repeat center 0; height:460px;}
.banner .container {height:370px;}
.banner .title { padding:0 0 10px 15px;}
.banner .ban_txt {font-size:24px; line-height:1.4em;color:#fff; padding-left:15px;}
.banner .ban_txt span {font-size:22px;}

.pageColumn {background:url(images/tit_bg.png) no-repeat center 0; width:360px; height:40px; padding-top:30px; line-height:34px; margin:0 auto; font-size:24px; text-align:center; color:#333;}
.page_line { background:url(images/line.png) no-repeat center center; height:60px; clear:both;}

.topProBox {background:#f3f0e2; padding:20px 0;}
.pro3box {float:left; width:29%; margin:0 0 0 3.3%; padding:0 0 20px 0;}
.pro3box .pic {padding:0 0 10px 0;}
.pro3box .pic img {vertical-align:inherit; max-width:100%;}
.pro3box .pic a {position:relative;;}
.pro3box .pic .officon {position:absolute; bottom:-10px; right:-30px;}
.pro3box .proName { padding:5px 0; color:#039af1; font-size:24px; line-height:1.2em;}
.pro3box .proName span {display:block; font-size:18px; color:#666;}
.pro3box .proName a {color:#039af1;}
.pro3box .price {font-size:18px; color:#c63518; padding-top:10px;}
.pro3box .price big {font-weight:bold; color:#c63518; font-size:18px;}
.pro3box .price del {font-size:14px; color:#666;}
.pro3box .btn {padding-top:15px;}
.pro3box .btn a {margin-right:5px;}

.pro2box {float:left; width:45%; margin:0 0 0 3%; padding:30px 0;}
.pro2box .pic { width:130px; padding:10px 20px 0 0; float:left;}
.pro2box .pic img {vertical-align:inherit; max-width:100%;}
.pro2box .pic a {position:relative;;}
.pro2box .pic .officon {position:absolute; bottom:-10px; right:-20px;}
.pro2box .info {padding:0 0 0 160px;}
.pro2box .proName { padding:0 0 5px 0; color:#039af1; font-size:24px; line-height:1.2em;}
.pro2box .proName span {display:block; font-size:18px; color:#666;}
.pro2box .proName a {color:#039af1;}
.pro2box .price {font-size:18px; color:#c63518; padding-top:10px;}
.pro2box .price big {font-weight:bold; color:#c63518; font-size:18px;}
.pro2box .price del {font-size:14px; color:#666;}
.pro2box .btn {padding-top:15px;}
.pro2box .btn a {margin-right:5px;}

.page_main {background-color:#fff; padding:20px 0;}

.bottom_ad {padding:20px 0;}
.footer{ background:#354e5a; color:#fff; padding:25px 0; text-align:center;}
.footer a {color:#fff;}