@charset "UTF-8";
@import "reset5.css";

body { color:#000; line-height:1;  padding: 0; position: relative; min-height: 100%; overflow-x:hidden; background: #000; }
html {  min-height: 100%; }

* html body { font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka", "MS Pゴシック", "MS PGothic", sans-serif;  }
*:first-child+html body { font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka", "MS Pゴシック", "MS PGothic", sans-serif; }
html:not(:target) body { font-family: sans-serif;}

* {word-wrap: break-word; }
img { -ms-interpolation-mode: bicubic; }
/* !font-size 12px default setting */
body { font-size:15px; line-height: 1.66em; }
*:first-child+html body { font-size:77%;}
* html body { font-size:77%;}

/* !clearfix */
hr { display: none; }

.cfix { zoom:1; }
.cfix:after{
    content:"";
    clear:both;
    display:block;
    height:0;
	font-style:italic
}

/* スクロールバーの有無によるズレ対策 */
html {
	/*overflow-y: scroll;*/
}


img { vertical-align:bottom; }


/* margin-bottom
=========================================*/
.mb0 { margin-bottom:0 !important; }
.mb3 { margin-bottom:3px !important; }
.mb4 { margin-bottom:4px !important; }
.mb5 { margin-bottom:5px !important; }
.mb7 { margin-bottom:7px !important; }
.mb10 { margin-bottom:10px !important; }
.mb12 { margin-bottom:12px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }


/* margin-top
=========================================*/
.mt0 { margin-top:0 !important; }
.mt3 { margin-top:3px !important; }
.mt4 { margin-top:4px !important; }
.mt5 { margin-top:5px !important; }
.mt7 { margin-top:7px !important; }
.mt10 { margin-top:10px !important; }
.mt12 { margin-top:12px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }


/* padding-top
=========================================*/
.pt0 { padding-top:0 !important; }
.pt3 { padding-top:3px !important; }
.pt4 { padding-top:4px !important; }
.pt5 { padding-top:5px !important; }
.pt7 { padding-top:7px !important; }
.pt10 { padding-top:10px !important; }
.pt12 { padding-top:12px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt25 { padding-top:25px !important; }
.pt30 { padding-top:30px !important; }
.pt35 { padding-top:35px !important; }
.pt40 { padding-top:40px !important; }
.pt50 { padding-top:50px !important; }
.pt60 { padding-top:60px !important; }



.tx9 { font-size: 9px }
.tx10 { font-size: 10px }
.tx11 { font-size: 11px }
.tx12 { font-size: 12px }
.tx13 { font-size: 13px }
.tx14 { font-size: 14px }
.tx15 { font-size: 15px }
.tx16 { font-size: 16px }
.tx18 { font-size: 18px }
.tx20 { font-size: 20px }
.tx24 { font-size: 24px }

.fltR { float: right; }
.fltL { float: left; }

.txtR { text-align: right; }
.txtL { text-align: left; }
.txtC { text-align: center; }


/* !Links */
a:link { color: #fff; text-decoration: underline }
a:visited { color: #fff; text-decoration: none }
a:hover { color: #fff; text-decoration: none }
a:active { color: #fff; text-decoration: none }


html {  }
#wrapper { width: 100%; text-align: center;  }


/* header pc */
.header_pc { width:100%; background:#fff; text-align:center; border-bottom:2px solid #009944; }
.header_pc .inner { width:980px; margin:0 auto; position:relative;  }
.header_pc .logo { float:left; }
.header_pc .logo a { height:50px; display:block; padding:20px 0 0 0;}
.header_pc ul { position:absolute; top:0; right:170px; }
.header_pc ul li { float: left; padding:0 0 0 20px;}
.header_pc ul li a { height:50px; display:block; padding:20px 0 0 0;}
.header_pc .btn_buy { position:absolute; top:6px; right:0; }

/* header sp */
.header_sp { display:none;}
.header_sp { width:100%; text-align:left; }
.header_sp .inner { background:#FFFFFF; height:46px; border-bottom:2px solid #009944; }
.header_sp .logo { position:absolute; top:12px; left:10px; }
.header_sp .buy {position:absolute; top:2px; right:46px;}
.header_sp .btn {position:absolute; top:2px; right:2px; cursor:pointer; }
.header_sp ul  { background:#FFFFFF; padding:1px 0; display:none; }
.header_sp ul li{ background:#006633; margin:0 0 1px 0; }
.header_sp ul li:last-child { margin:0; background:#009933 !important; }
.header_sp ul li p a { color:#FFFFFF; font-size:14px; line-height:1; display:block; padding:15px; text-decoration:none; background: url(../img/arrow01.png) no-repeat; background-size:auto 16px; background-position:98%; }
.header_sp ul li img { position:absolute; top:14px; right:10px; }


/* footer */
#footer { background:#FFFFFF; text-align:center; margin:30px 0 0 0; }
#footer .top { text-align:center; border-bottom: 1px solid #d7d7d7; }
#footer .top ul { width:1000px; margin:0 auto; }
#footer .top ul li { float:left; }
#footer .top .link06 { display:none; }
#footer .top a { display:block; padding:8px 30px 12px 0; }
#footer .bottom { background:url(../img/footer_bg.png) repeat-x; border-top:1px solid #FFF;  }
#footer .bottom .inner { width:1000px; height:70px; margin:0 auto; position:relative; }
#footer .bottom .policy a { color:#666666; font-size:10px; position:absolute; top:25px; left:0; }
#footer .bottom .copy p { color:#000; font-size:10px; position:absolute; top:25px; right:53px; }
#footer .bottom .copy img { position:absolute; top:15px; right:0; }

/* box */
#box { margin:34px 0 0 0; position:relative; }

/* amazon */
#amazon { text-align:left; position:relative; }
#amazon p { color:#fff; text-align:left; font-size:10px; line-height:1.8; position:absolute; bottom:-4px; left:165px; }

/* btn_sitemap */
#btn_sitemap { position:absolute; top:-3px; left:585px; }
#btn_sitemap a { font-size:14px; display:block; } 
#btn_sitemap img { padding:0 10px 0 0; }

/* sns */
#sns { position:absolute; bottom:-7px; left:585px; }
#sns .facebook  { float:left; padding:0 10px 0 0; }
#sns .twitter  { float:left; padding:4px 0 0 0; }

/* pagetop */
#gotop { position:absolute; top:0; right:0; }
#gotop a { border:3px solid #fff; display:block; width:180px; height:53px; }
#gotop img { padding:16px 0 0 0; }
 
/* #container */
#container { width:980px; margin:0 auto; }


/* トップページ */
#top { margin:0 auto; position:relative; padding:10px 0 0 0;  }
#top .img01 { position:absolute; top:110px; right:0; }
#top .img02 { position:absolute; top:415px; right:0; }
#top .img03 { position:absolute; top:675px; left:0; }
#top .img04 { position:absolute; top:675px; right:0; }
#top .img05 { position:absolute; top:485px; right:0; }
#top .img06 { position:absolute; top:585px; right:0; }


/* 下層ページ */
#big-tit { margin:0 0 30px 0; background:url(../img/h2_bg.png) repeat-x; height:125px; text-align:center }
#big-tit h1 { padding:20px 0 0 0; }
#big-tit .breadcrumbs {width:980px; text-align:left; padding:15px 0 0 0; margin:0 auto; font-size:12px; color:#fff; }


/* doumyakukouka */
#doumyakukouka { }
#doumyakukouka .blockA { padding:10px; margin:0 0 30px 0;
/*Other Browser*/
background: #fff;
/*For Old WebKit*/
background: -webkit-linear-gradient(top,#fff 50%,#e1e0e0 100% );
/*For Modern Browser*/
background: linear-gradient(to bottom,#fff 50%,#e1e0e0 100%); }
#doumyakukouka .blockA .tit { background:#F00; padding:11px 0; margin:0 0 30px 0; }
#doumyakukouka .blockA h3 { font-size:36px; padding:30px 0; }
#doumyakukouka .blockA p { float:left; text-align:left; width:400px; padding:10px 0 0 0; }
#doumyakukouka .blockA span { color:#FF0000; }
#doumyakukouka .blockA .inner { background:#fdfdb4; margin:30px 0 0 0; padding:0 0 30px 0; }
#doumyakukouka .blockA .img01 { float:left; padding:0 0 0 30px; }
#doumyakukouka .blockA .img02 { float:left; padding:30px 0 0 30px; }
#doumyakukouka .blockA .img03 { float:left; padding:0 0 0 30px; }
#doumyakukouka .blockA .img04 { float:left; padding:0 25px 0 10px; }
#doumyakukouka .blockA .img05 { background:#000; padding:20px 0; }
#doumyakukouka .blockB { border:10px solid #009944; padding:30px; position:relative;
/*Other Browser*/
background: #fff;
/*For Old WebKit*/
background: -webkit-linear-gradient(top,#fff 50%,#e1e0e0 100% );
/*For Modern Browser*/
background: linear-gradient(to bottom,#fff 50%,#e1e0e0 100%); }
#doumyakukouka .blockB p { text-align:left; font-weight:bold; font-size:24px; line-height:1.7; }
#doumyakukouka .blockB span { font-size:41px; font-weight:bold; color:#FF0000; text-decoration:underline; }
#doumyakukouka .blockB .img06 { position:absolute; top:-85px; right:20px; }


/* feature */
#feature { }
#feature .blockA { background:#1fa55b; margin:0 0 30px 0; position:relative; height:795px; z-index:100; }
#feature .blockA .img01 { position:absolute; top:65px; left:40px; }
#feature .blockA .img02 { position:absolute; top:40px; right:0; }
#feature .blockA .img03 { position:absolute; top:355px; left:110px; }
#feature .blockA .img04 { position:absolute; top:470px; left:40px; }
#feature .blockA .img05 { position:absolute; top:470px; left:270px; }
#feature .blockA .img06 { position:absolute; top:470px; left:498px; }
#feature .blockA .img07 { position:absolute; top:470px; left:728px; }
#feature .blockA p { position:absolute; top:670px; left:40px; font-size:13px; }
#feature .blockA .btn_buy { position:absolute; top:245px; right:39px; }
#feature .blockB {margin:-60px 0 0 0; z-index:1000; position:relative; }
#feature .blockB .sec .tit { background:#FF0000; position:relative; height:50px; }
#feature .blockB .sec .tit h3 { padding:6px 0 0 0; }
#feature .blockB .sec .tit .img-pt { position:absolute; top:2px; left:0; }
#feature .blockB .sec .img-L { float:left; padding:0 30px; }
#feature .blockB .sec { border:10px solid #ff0000; position:relative;
/*Other Browser*/
background: #fff;
/*For Old WebKit*/
background: -webkit-linear-gradient(top,#fff 50%,#e1e0e0 100% );
/*For Modern Browser*/
background: linear-gradient(to bottom,#fff 50%,#e1e0e0 100%); }
#feature .blockB .sec h4 { color:#FF0000; font-size:25px; text-decoration:underline; padding:25px 0 15px 0; line-height:1.5 }
#feature .blockB .sec p { font-size:20px; font-weight:bold; padding:0 0 10px 0; }
#feature .blockB .sec .txt-R { text-align:left; font-size:23px; line-height:1.7; padding:20px 30px 0 0; font-weight:normal; }
#feature .blockB .sec .effect { text-align:center; line-height:1.5; background:url(../../feature/images/bg01.png) repeat-x; height:100px; }
#feature .blockB .sec .effect p { color:#FFFF00; font-size:27px; font-weight:bold; text-align:center;  }
#feature .blockB .sec .notes { font-size:15px; padding:10px 0 0 0; text-align:left; font-weight:normal; }
#feature .blockB .sec span { color:#F00; text-decoration:underline; }


/* products */
#product {}
#product .tit { background:url(../../product/images/bg01.png) repeat-x; height:50px; z-index:100; }
#product .main { position:relative; }
#product .inner { background:#009933; padding:10px; }
#product .btn a { background:url(../../product/images/bg02.png) repeat-x; width:460px; height:60px; position:absolute; bottom:18px; left:30px; z-index:1000; display:block; }
#product .btn img { padding:12px 0 0 0; }
#product .block { /*Other Browser*/
background: #fff;
/*For Old WebKit*/
background: -webkit-linear-gradient(top,#fff 50%,#e1e0e0 100% );
/*For Modern Browser*/
background: linear-gradient(to bottom,#fff 50%,#e1e0e0 100%); }
#product h2 { color:#FFFFFF; font-size:27px; font-weight:normal; text-align:left; padding:15px 0 0 30px; }
#product h2.notice { position:relative; padding:15px 0 0 60px; }
#product h2.notice img { position:absolute; top:14px; left:30px; }
#product p { text-align:left; padding:30px; }
#product span { font-size:24px; line-height:1.5; }
#product a { color:#006633; }
#product table { margin:0 0 0 30px; border-top:1px solid #000; border-right:1px solid #000; } 
#product th { font-weight:bold; border-bottom:1px solid #000; border-left:1px solid #000; text-align:center; padding:5px 30px; } 
#product td { border-bottom:1px solid #000; border-left:1px solid #000; text-align:center; padding:5px 30px; } 
#product .btn_buy { position:absolute; bottom:18px; right:30px; }  


/* faq */
#faq { margin:0 0 60px 0; }
#faq h2 { margin:0 0 20px 0; }
#faq h3 { color:#FFF; font-size:27px; font-weight:normal; padding:15px 0 0 50px; }
#faq h4 { color:#009944; font-size:20px; font-weight:normal; padding:10px 0 10px 50px; margin:0 0 20px 0; border-bottom:2px solid #009944; position:relative; }
#faq ul { text-align:left; }
#faq ul li { margin:0 0 10px 0; }
#faq ul li .tit { background:url(../../faq/images/bg01.png) repeat-x; height:50px; position:relative; cursor:pointer; }
#faq ul li .qa { padding:20px 20px 0 20px; 
/*Other Browser*/
background: #fff;
/*For Old WebKit*/
background: -webkit-linear-gradient(top,#fff 50%,#e1e0e0 100% );
/*For Modern Browser*/
background: linear-gradient(to bottom,#fff 50%,#e1e0e0 100%); }
#faq .img01 { position:absolute; top:22px; left:20px; }
#faq .plus { position:absolute; top:17px; right:20px; }
#faq .minus { display:none }
#faq .q { position:absolute; top:10px; left:10px; }
#faq .a { position:absolute; top:0; left:10px; }
#faq ul li p { position:relative; padding:0 10px 30px 53px; }
#contact h2 { margin:0 0 20px 0; }
#contact .inner { padding:40px 0;
/*Other Browser*/
background: #fff;
/*For Old WebKit*/
background: -webkit-linear-gradient(top,#fff 50%,#e1e0e0 100% );
/*For Modern Browser*/
background: linear-gradient(to bottom,#fff 50%,#e1e0e0 100%); }


/* sitemap */
#sitemap { /*Other Browser*/
background: #fff;
/*For Old WebKit*/
background: -webkit-linear-gradient(top,#fff 50%,#e1e0e0 100% );
/*For Modern Browser*/
background: linear-gradient(to bottom,#fff 50%,#e1e0e0 100%); }
#sitemap ul { text-align:left; padding:40px 0 10px 90px;}
#sitemap ul li{ padding:0 0 25px 0; position:relative; }
#sitemap ul li.indent { padding:0 0 25px 60px; }
#sitemap p { padding:0 0 0 20px; }
#sitemap a { color:#000000; }
#sitemap ul li img { position:absolute; top:3px; left:0; }
#sitemap ul li.indent img { position:absolute; top:3px; left:60px; }



@media screen and (max-width: 780px) {
	
body { -webkit-text-size-adjust: none; }
	
.header_pc { display:none;}
.header_sp { display:block;}

a {color:#fff; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none; }

/* #container */
#container { width:100%;  }

/* footer */
#footer { margin:0; }
#footer .top ul { width:320px; margin:0 auto; }
#footer .top ul li { width:50%;   }
#footer .top .link02,.link03,.link04,.link05 { display:none; }
#footer .top .link06 { display: block; }
#footer .bottom .inner { width:280px; }
#footer .bottom .policy a { display:none }
#footer .bottom .copy { float:none; }

/* box */
#box { margin: 50px 0 0 0; }
#box .inner { float:none; }
 
/* amazon */
#amazon { margin:0 30px; }
#amazon img { width:100%; height:auto; }
#amazon p { position:static; margin:5px 0 0 0; }

/* btn_sitemap */
#btn_sitemap { position:static; margin:25px 0 0 0; }

/* sns */
#sns { margin:30px auto 0; width:192px; position:static; }

/* pagetop */
#gotop { position:static; margin:25px 0 0 0; text-align:center; }
#gotop a { border:none; background:#333; width:100%;  }
#gotop img { margin:0; }


/* トップページ */
#top { position: relative; }
#top .inner { margin:-20px 10px 0 10px;  }
#top .img01 { position:static; }
#top .img02 { position:static; padding:0 0 30px 0; }
#top .img03 { position:static; padding:0 0 10px 0; }
#top .img04 { position:static; padding:0 0 10px 0; }
#top .img05 { position:static; padding:0 0 10px 0; }
#top .img06 { position:static; }
#top .imgChange { width:100%; height:auto; }



/* 下層ページ */
#big-tit { background:url(../img/h2_bg.png) repeat-x bottom; height:70px; }
#big-tit h1 { padding:22px 0 0 0; }
#big-tit h1 img { width:auto; height:22px}
#big-tit .breadcrumbs { display:none; }


/* doumyakukouka */
#doumyakukouka { margin:0 10px;}
#doumyakukouka .blockA .tit { margin:0 0 20px 0; padding:10px 5px;  }
#doumyakukouka .blockA h3 { font-size:24px; padding:20px 0; }
#doumyakukouka .blockA p { float:none; width:auto; margin:0 10px; }
#doumyakukouka .blockA .inner { margin:30px 0 0 0; padding:0 0 30px 0; }
#doumyakukouka .blockA .img01 { float:none; padding:0 0 20px 10px; }
#doumyakukouka .blockA .img01 img { width:260px; height:auto; }
#doumyakukouka .blockA .img02 { float:none; padding:0; }
#doumyakukouka .blockA .img02 img { width:280px; height:auto; }
#doumyakukouka .blockA .img03 { float:none; padding:0 0 30px 0; }
#doumyakukouka .blockA .img03 img { width:260px; height:auto}
#doumyakukouka .blockA .img04 { float:none; padding:0 0 20px 0; }
#doumyakukouka .blockA .img04 img { width:240px; height:auto}
#doumyakukouka .blockA .img05 { background:#000; padding:20px 10px; }
#doumyakukouka .blockA .img05 img { width:100%; height:auto; }
#doumyakukouka .blockB { padding:10px 10px 20px 10px; }
#doumyakukouka .blockB p { font-size:18px; text-align:center; padding:0 0 10px 0; line-height:1.6; }
#doumyakukouka .blockB span { font-size:22px; font-weight:bold; color:#FF0000; text-decoration:underline; }
#doumyakukouka .blockB .img06 { position: static; }


/* feature */
#feature { margin:0 10px; }
#feature .blockA  { padding:10px; height:auto; }
#feature .blockA .img01 { position:static;  width:100%; height:auto; }
#feature .blockA .img02 { position:static; margin:20px 0 0 0; }
#feature .blockA .imgChange { width:100%; height:auto; }
#feature .blockA .img03 { position:static; width:100%; height:auto; margin:0 0 20px 0; }
#feature .blockA .img04 { position:static; width:49%; height:auto; padding:0 0 5px 0; }
#feature .blockA .img05 { position:static; width:49%; height:auto; padding:0 0 5px 0; }
#feature .blockA .img06 { position:static; width:49%; height:auto; }
#feature .blockA .img07 { position:static; width:49%; height:auto; }
#feature .blockA p { position:static; text-align:left; }

#feature .blockA .btn_buy { position:static; width:80%; height:auto; margin:-20px auto 30px; display:block; }

#feature .blockB {margin:-40px 0 0 0; }
#feature .blockB .arrow { width:auto; height:30px }
#feature .blockB .sec .tit { height:auto; padding:0 0 10px 0; }

#feature .blockB .sec .tit .img-pt { position:static; width:auto; height:26px; }
#feature .blockB .sec { background:#fff; border:10px solid #ff0000; position:relative; }
#feature .blockB .sec h4 { font-size:20px; padding:10px 10px 15px 10px;  }
#feature .blockB .sec .img-L { float:none; padding:0 10px; }
#feature .blockB .sec .img01 { width:260px; height:auto; }
#feature .blockB .sec p { font-size:15px; padding:0 10px 10px 10px; text-align:left; }
#feature .blockB .sec .txt-R {  font-size:18px; line-height:1.6; padding:10px 10px 0 10px; }
#feature .blockB .sec .effect { height:auto; padding:0; }
#feature .blockB .sec .effect p { font-size:17px;  }
#feature .blockB .sec .notes { padding:10px 10px 0 10px;  }
#feature .blockB .pt60 { padding:10px !important; }
#feature .blockB .pt30 { padding:35px !important; }
#feature .blockB .pt12 { padding:5px !important; }


/* products */
#product { margin:0 10px; }
#product .main { position:relative;  }
#product .main .imgChange { width:100%; height:auto; }
#product .btn a { width:100%;  position:static; margin:10px 0 0 0; }
#product .btn img { width:280px; height:auto; padding:16px 0 0 0; }
#product h2 { font-size:24px; padding:14px 0 0 10px; }
#product h2.notice { padding:15px 0 0 50px; }
#product h2.notice img { left:10px; }
#product p { padding:10px; }
#product span { font-size:20px; line-height:1.5; }
#product table { margin:0 0 0 20px; } 
#product th { padding:5px 0; } 
#product td { padding:5px 0; }  
#product .btn_buy { position:static; padding:0 0 10px 0; margin:-5px 0 0 0;
background: -moz-linear-gradient(left top, #e0e0e0, #cfcece 20%, #cfcece 80%, #e0e0e0);
background: -webkit-gradient(linear, left top, right bottom, from(#e0e0e0), color-stop(0.2, #cfcece), color-stop(0.8, #cfcece), to(#e0e0e0));}  
#product .btn_buy img { width:80%; height:auto; }

/* faq */
#faq { margin:0 10px 60px 10px; }
#faq h2 { margin:0 0 10px 0; }
#faq h2 img { width:auto; height:26px; }
#faq h3 { padding:15px 0 0 32px; font-size:22px; }
#faq h4 { padding:10px 0 10px 40px; }
#faq ul li .qa { padding:10px 10px 0 10px; }
#faq .img01 { left:10px; width:auto; height:5px; }
#faq .plus { right:10px; }
#faq .q { position:absolute; top:10px; left:0; }
#faq .a { position:absolute; top:0; left:0; }
#faq ul li p { position:relative; padding:0 10px 30px 43px; }
#contact h2 { margin:0 0 10px 0; }
#contact h2 img { width:auto; height:26px; }
#contact .inner { padding:20px 10px; margin:0 10px; }
#contact .imgChange { width:280px; height:auto; }


/* sitemap */
#sitemap { margin:0 10px;}
#sitemap ul { padding:20px 0 0 10px;}
#sitemap ul li.indent { padding:0 0 25px 20px; }
#sitemap ul li.indent img { position:absolute; top:3px; left:20px; }

h2.alt { color: #fff; font-size: 18px;}
h3.alt { color: #fff; font-size: 18px }


}