@charset "UTF-8";
/* 開発中 後に軽量化します */

/* Basic */
/*clearfix*/.cf,.container,.row{zoom:1}.cf:after,.container:after,.row:after{content:"";display:block;clear:both}

a{text-decoration:none;outline:none;}
a:hover{text-decoration:underline;}
/*a:visited{color:#000;}*/

ol, ul{list-style:none}
.li_disc{list-style:disc outside}
.li_circle{list-style:circle outside}

#copyR{
text-align: center;
}

.flt_l{float:left}
.flt_r{float:right}
.aln_c{text-align:center;}

.fw_bold,#agreement dt{
font-weight:bold;
}

/* =TsignUpBtnypography ----------------------------------*/
body {
	background-color: #fff;
	font:13px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック","MS PGothic", sans-serif;
	letter-spacing: 1px;
	text-align:center;
	line-height: 1.6;
	color:#333;
}

/*sunSelf*/
h3,#nav{font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino  Mincho Pro","Hiragino Mincho ProN" serif;}

h1,h2,h3,h4,h5 {

}

#underConstruction{
color:#ff7f50;
font-weight:bold;
margin-bottom:10px;
}

/*FontSize
.fnt1{font-size:100%}
.fnt17{font-size:131%}
{font-size:138.5%}
.fnt19{font-size:146.5%}
.fnt30{font-size:232%}
.fnt18{font-size:138.5%}
.fnt20
{font-size:153.9%}
.fnt15
{font-size:116%}
.fnt24{font-size:182%;}
.fnt22,.secInSec>h3
{font-size:167%;}
*/

.fnt14,#copyR,#footNav
{font-size:108%}
.fnt15,nav,#amazonList,#linkList
{font-size:116%}
.fnt16,.secInSec>p,.secInSec>ul,form>dl,#loginBox a,.secInSec>dl,.secInSec>dl>li
{font-size:123.1%}
.fnt20,.secInSec>time
{font-size:153.9%}
.fnt22,.secInSec>h3
{font-size:182%;}
.fnt1,textarea,input
{font-size:100% !important}

.maUp05{margin-top:5px;}
.maUp10{margin-top:10px;}
.maUp15{margin-top:15px;}
.maUp20{margin-top:20px;}
.maUp25{margin-top:25px;}

.maDn05{margin-bottom:5px;}
.maDn10{margin-bottom:10px;}
.maDn15{margin-bottom:15px;}
.maDn20{margin-bottom:20px;}
.maDn25{margin-bottom:25px;}
/* =Common ----------------------------------
img, #feedback, #banner, #intro li {
	border-radius: 3px;
}
*/
.signUpBtns{
margin:10px 40px 0;
padding-left:0;
text-align:right;
}
.signUpBtns a{
display:inline-block;
/*background-color:#00662F;
color:#FFFFCC;*/
background-color:#FFF;
border:2px solid #EFCB3D;
padding:5px 10px 4px ;
border-radius:10px;

text-align:left;
/display: inline;
/zoom: 1;
}

.InnerShowBtn,#toggleMenu{display:none;}

/* =Layout ----------------------------------*/
html{height:100%;overflow-y:scroll;}
body{height:auto;min-height:100%;
position:relative;
-webkit-text-size-adjust: 100%;/*Txt size for webkit*/
}

.wrapper{
width: 100%;
max-width: 980px;
margin:0 auto;
text-align:left;
}

#headWrap{
background-color:#00CC33;
/*
background:#00CC33 url("../images/bg_white.gif") center 0 repeat-y;
background-size:100% auto;
-moz-background-size:100% auto;
-webkit-background-size:100% auto;
-o-background-size:100% auto;
-ms-background-size:100% auto;
*/
}

#header{
height:220px;
background-color:#01CC34;
}
#logo{
padding-top:30px;
text-align:center;
}
#loginBox{
display:none;
}

#mainColmun{
padding-top:30px;
background-color:#FFF;

}
/*
*/

/**/
.sections{
padding-top:30px 0 0;
margin:0 20px;
}
h2>img{
height:30px !important;
width:auto;
}

.secInSec{
padding:15px 10px 70px 5px;
border-top:2px solid #006600;
position:relative;
}
.secInSec>time{
font-family: Arial, Helvetica, sans-serif;
position:absolute;
top:18px;
right:25px;
color:#B3B3B3;
font-weight:900;
}
.sections h3{
display:inline-block;
padding-right:7px;
/display: inline;
/zoom: 1;
background-color:#FFF;
}


.secInSec>p,.secInSec>ul,.secInSec>dl{
padding:15px 50px 0;
}
.secInSec>ul>li{
padding:3px 0 4px;
}
/*MESSAGE*/
#message img {
width:190px !important;
height:auto;}
/*STORE*/
#bookStoreList{
padding:20px 20px 12px 55px;
margin-left:30px;
}

/*MAIL MAGAZINE*/
#melmagFormDl{
padding:10px 50px 0;
}
#melmagFormDl dt{
padding:10px 0 5px;
}
#melmagMorF{
margin-left:70px;
padding:10px 0 3px;
}
#melmagMorF label{
padding:0 10px;
margin-right:5px;
cursor:pointer;
}
#melmagFormDl input[type=text],#melmagFormDl textarea{
width:100%;
padding:3px 2px;
border:1px solid #BBB;
background-color:#FFF;
box-shadow: 0px 1px rgba(255, 255, 255, 0.5);
border-radius: 3px;
}

#melmagFormDl textarea{
line-height:1.5;height:4.5em;
}

input:focus,textarea:focus {
border:solid 1px #EFCB3D !important;
}
#melmagSubmitBox{
text-align:center;}
#melmagSubmit{
font-size:16px;
border:solid 1px #ccc;
margin:12px 50px 0 0;
padding:7px 30px 6px;
font-weight:bold;
color:#00662F;
cursor:pointer;
border-radius: 3px;
}
#melmagSubmit:hover{
background-color:#EFCB3D;
}
.hissu{
color:#F00;
font-size:14px;

margin-left:7px;
}
/*agreement*/
#agreement dt{
padding:13px 0 7px;}
#agreement dd.li_disc{
display:list-item;
margin-left:30px;
padding-bottom:7px;
}
/*     #sidebar        */
#sidebar.quarter{width:23.9%\9;}
/* nav */
#logInBtn,#testNow,
#goToBB,#fixedLoginBtn,#sideComuBtn{background-color:#FFCC33;}
.navOdd,#navList{background-color:#996600;}
.navEven{background-color:#CC6633;}

#navSignUpBox{}
#testNow a,#goToBB a{
/*後で消す*/
display:block;
padding:0 0 0 13px;
color:#00662F;
line-height:52px;
}
.navHalf{
text-align:center;
float:left;
width:50%;
overflow:hidden;
}
#navSignUpBox li{
height:52px;
}

#navList li{
overflow:hidden;
height:28px;
line-height:28px;
}
#nav a{
color:#FFF;
zoom: 1;
}
#navList a,#navList .navCnstrct{
display:block;
padding-left:13px;
}
#navList span.navCnstrct{
background-color:#999;
color:#000;
}

#navKiyaku{
display:inline-block;
width:70px;
text-align:center;
/display: inline;
/zoom: 1;
}
#navKiyaku a{padding-left:0px;}

/* bookList */
#bookList{
background-color:#000;
padding:30px 20px ;
}
#bookList h2{
border-bottom:2px solid #CC9966;
}
#amazonList{
padding-bottom:10px;
}
#amazonList li{
padding:20px 0 10px;
}

#amazonList a{
color:#FFF;
}
#amazonList img{
margin-bottom:10px;
}

/*Links*/
#links{
padding:30px 20px 20px;
background-color:#996600;}
#links h2{
border-bottom:2px solid #000;
}
#linkList{
padding:20px 10px 0 0;
}
#linkList li{
padding-bottom:15px;
}
#links a{color:#fff;}


/**//**//**//**//**//**//**//**//**//**/

/*to top btn*/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 20px;
}
#page-top a {
	
	text-decoration: none;
	color: #FFFF99;
	padding: 3px 30px 1px;
	text-align: center;
	display: block;
	border-radius: 5px;
	background: #2E693A;
}
#page-top a:hover {
	text-decoration: none;
	background: #00CC33;
}
/* =Footer ----------------------------------*/
/*sbmBox*/
#sbmBox{
text-align:center;
padding-bottom:20px;
}

#sbmBox li{
display:inline-block;
/display: inline;
/zoom: 1;
}

#BtnTwitter,#BtnFacebook,#BtnGoogleplus{
padding-left:10px;
}

#BtnTwitter iframe{
height:62px !important;
}

#BtnHatena iframe{
margin-top:3px; !important;
}
#BtnFacebook iframe{
margin-top:5px; !important;
}


/*footer*/
#footer {
	text-align:center;
	overflow: hidden;
	padding-bottom:7px;
}
#footNav {
	margin:0 auto;
	padding:15px 0 13px;
	max-width:740px;
}
#footNav li{
	display:inline-block;
	margin-left: 1em;
	/display: inline;
	/zoom: 1;
}
#footNav small{
text-align:center;
}
/*******************************/
.sidr{display:none;position:absolute;
position:fixed;top:0;height:100%;
z-index:999;

width:180px;overflow-x:none;
overflow-y:auto;font-size:123.1%;
background:#D2E4C6;
border-right:1px solid #00662F
}

.sidr.right{left:auto;right:-260px}
.sidr.left{left:-260px;right:auto}
.sidr ul li{
padding:15px 0;
border-bottom:1px solid #00662F}

.sidr ul li a,.sidr ul li span{
display:block;color:#00662F;}
#subCloseBtn{
padding:0;
height:41px !important;
cursor:pointer;
}


@media only screen and  (max-width: 959px) {
/*.wrapper,#loginBox { width: 748px;}*/

}
/*/////////////////////////////////////////*/
/*////////////// responsive ///////////////*/
/*/////////////////////////////////////////*/
@media only screen and  (max-width: 810px) {
/*side nav hide*/
.navHide{
display:none;
}

}

/* =Tablet 22 */
@media only screen and  (max-width: 768px) {
body{
padding-bottom:60px;
}
#nav{display:none;}
/*
#headWrap{
background-image:none;
}
*/
#loginBox {
display:block;

position:fixed;
left:0;
top:0;

width: 100%;
z-index:9999;

height:37px;
width:100%;
padding-top:5px !important;
margin:0 auto;
text-align:right;
background-color: #00662F;
}

	#loginBox li {
	display:inline-block;
	margin:0 10px 0 5px;
	/display: inline;
	/zoom: 1;
	}

	 #loginBox a{
	 display:block;
	 min-width:90px;
	 border-radius:5px;
	 text-align:center;
	 padding:4px 0 1px 9px;
	 border:1px solid #00662F;
	 }

	#fixedLoginBtn {color:#00662F;}
	#fixedsignUpBtn {color:#F3CD3D;}

#toggleMenu{
position: absolute;
top:6px;
left:4px;
display:block;
text-align:center;}
.toggleMenuBtn{
cursor:pointer;
}
.toggleMenuBtn img{
width:60px;
height:30px;
}

/**/
#header{
height:auto;
padding-bottom:10px;
}
#logo{
margin-top:30px;
}

.secInSec>time{
top:12px;
left:3px;
}
#news h3,#message h3,#about h3{
margin-top:30px;
}
.secInSec>p,#bookStoreList,#agreement dl{
padding:15px 7px 0;
}


#melmagFormDl{
padding:10px 7px 0;
}
#melmagSubmit{
margin:12px 7px 0 0;
}
/**/
#amazonList li{
float:left;
width:50%;
box-sizing: border-box;
padding-right:15px;
}
#amznBtn{
padding-top:10px;
text-align:right;
}
/**/
#footNav {
text-align: left;
margin-right:5px;
}
#footNav li{
padding:1px;
}
}


/* =Mobile (Portrait)*/
@media only screen and (max-width: 480px) {

.wrapper { width: 320px; }
.secInSec>p{
padding:15px 0 0;
}
#bookStoreList{
margin-left:5px;
}
#agreement ul.li_circle{
padding:15px 20px 0;
}
#agreement dl{
padding:15px 0 0;
}
#agreement .li_disc,#agreement .li_circle{
margin-left:5px;
}

#amazonList li{
display:block;
width:100%;
}

#sbmBox{
margin-left:-3px
}
#BtnTwitter {
width:66px!important;
}
#BtnFacebook {
width:74px!important;
}
#BtnTwitter,#BtnFacebook,#BtnGoogleplus{
padding-left:3px;
}


/**/
#footNav {
text-align: left;

}

}


@media only screen and  (min-width: 959px) {
/*.InnerHidden{display:block !important;}*/
}