@charset "UTF-8";
/* CSS Document */

/* Base
------------------------------------- */
/* padding,margin */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, p, blockquote, th, td, form, fieldset, legend {margin: 0;padding: 0;}

/* font */
body {font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-size: 16px;color:#3F1F0C;background:#F9F7EF;}

/* anchor */
a {text-decoration:underline;color:#fff;}
a:hover {text-decoration:underline;}
a img{border:none;}

/* head, paragraph */
h1,h2,h3 {font-family: "ヒラギノ角ゴ Pro W6"}
h1{font-size:32px;line-height:120%;padding:10px 0 20px 0;}
h2{padding:20px 0 20px 0;}
h3{font-size:18px; line-height:160%;}
p{margin-bottom:10px;}

/* list */
li {list-style: none; }

/* Common Class
------------------------------------- */
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.f12 {font-size:12px;}

/* Layout
------------------------------------- */
.inner {width:960px;margin:0 auto;text-align:left;}
#header {border-bottom:3px solid #F18F2C;width:100%;height:68px;background:#F9F7EF;position:fixed;top:0;z-index:1000;}
.section {padding-top:71px;}
#box1 {background:#004F5F;color:#fff;padding:15px;}
#box2 {background:#F18F2C;color:#fff;padding:20px 0 35px 0;}
#bnr {margin-bottom:56px;overflow:hidden;}
#bnr img {float:left;margin-right:18px;margin-bottom:30px;}
#bnr img.last{margin-right:0;}
#content .buy {color:#fff;}
#content h2{padding:35px 0 25px 0;}
#content .lead{float:left;}
#content .sampleimg{padding-top:20px;}
#questions,#stories,#projects,#things{padding-bottom:30px;margin-top:71px;}
#link1,#link2,#link3,#link4{padding-top:71px;}
#footer {margin-top:30px;padding-top:10px;background:#004F5F; color:#fff; font-size:12px;}


/* gnavi
------------------------------------- */
#gnavi {height:32px;background:url(../img/gnavi.png) no-repeat;position:relative;line-height:1;margin-top:20px;}
#gnavi a{width:160px;display:block;background-color:#fff;float:left;position:relative;}
#gnavi a:hover{background-color:transparent;}
#gnavi a:hover img{visibility:hidden;}
#gnavi .active,#gnavi .on{background-color:transparent;}
#gnavi .active img,#gnavi .on img{visibility:hidden;}

#amazonbtn{margin:0 0 20px 20px;}

#social_box{width:64px;text-align:center;position:fixed;right:0;bottom:30px;}
#social_box img{margin-bottom:5px;}