@charset "UTF-8";
/* Reset
------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td {
margin: 0;
padding: 0;
}
a { text-decoration:none; }
address,em,strong,th {
font-style: normal;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
th {
text-align: left;
}
hr,legend {
display: none;
}
h1,h2,h3,h4,h5,h6 {
font-size: 100%;
}
img,fieldset {
border: 0;
}
li {
list-style-type: none;
}
a:focus{
overflow:hidden;
}
a:focus{
outline:none;
} 
/* Fonts
------------------------------------------------------------*/
body {
font-size: 90%; /*IE */
font-family: ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,"Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
html>/**/body {
letter-spacing: 1px;
font-size: 14px; 
/* Except IE */
}


/* clearfix
------------------------------------------------------------*/
.clearfix:after {
content: ".";
display: block;
visibility: hidden;
height: 0;
clear: both;
}
.clearfix {
zoom: 1;
}


/* 共通部分
------------------------------------------------------------*/
body {
background-repeat: repeat;
text-align: center;
}
#base {
background-color: #FFFFFF;
/*width: 800px;
line-height: 1.5em;
background-color: #FFFFFF;
background-position: center;
text-align: center;
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;*/
}
#header { background-color: #fff; }
#main_container{margin:0 126px;}

#contents {
width: 650px;
float: left;
padding-right: 35px;
padding-left: 35px;
}
#contents h2 {
border-left-width: 9px;
border-left-style: solid;
font-size: 25px;
font-weight: bold;
margin-left: 20px;
padding-left: 15px;
line-height: 1.2em;
margin-bottom: 20px;
margin-top: 20px;
}
#contents h2 span {
font-size: 12px;
font-weight: normal;
}
#base #navi_box {
background-image: url(../img/book/header_navibase.gif);
background-repeat: no-repeat;
background-position: center top;
text-align: left;
vertical-align: top;
height: 71px;
width: 729px;
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
padding-left: 1px;
}
#base #navi_box img {
vertical-align: top;
}
#base #navi_box .navIndex {
margin-top: 3px;
margin-left: 54px;
}
#base #navi_box .navSample {
margin-left: 26px;
margin-top: 11px;
}
#base #navi_box .navBackstory {
margin-left: 18px;
margin-top : 8px;
}
#base #navi_box .navSecret {
margin-left: 0px;
margin-top : 13px;
}


#mainContents {
text-align: left;
float: left;
width: 520px;
/*margin-left: 40px;*/
}
#mainContents .infoBox {
clear: both;
width: 520px;
margin-left: 3px;
margin-top: 10px;
margin-bottom: 20px;
color: #333333;
}
#mainContents .infoBox dd {
margin-left: 5px;
float: left;
width: 90px;
}
#mainContents .infoBox dt {
float: left;
width: 425px;
}

#mainContents h3 {
margin-top: 10px;
margin-bottom: 20px;
border-left-width: 7px;
border-left-style: solid;
border-left-color: #EC7513;
padding-left: 15px;
padding-top: 7px;
padding-bottom: 7px;
line-height: 1.4em;
width: 420px;
font-size: 18px;

} 
#mainContents h5 {
margin-top: 20px;
margin-bottom: 10px;
padding-left: 10px;
padding-top: 5px;
height: 25px;
width: 480px;
} 
#mainContents h6 {
color: #333333;
padding-left: 10px;
margin-bottom:15px;
font-size: 15px;
border-left-width: 4px;
border-left-style: solid;
border-left-color: #666666;
margin-top: 40px;
}
#mainContents .president {
font-size: 16px;
color: #009900;
border-left-width: 4px;
border-left-style: solid;
border-left-color: #090;
padding-left: 12px;
line-height: 1.4em;
}



#contents .main_contents p {
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
width: 371px;
height: 15px;
}
#contents .main_contents ol,
#contents .main_contents ul {
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
margin-top: -20px;
width: 371px;
height: 20px;
}
#contents .main_contents ol li,
#contents .main_contents ul li {
list-style-type: decimal;
list-style-position: inside;
}
#contents .main_contents h4 {
font-size: 13px;
font-weight: normal;
margin-right: auto;
margin-left: auto;
width: 371px;
}


body#cat_a {
background-image: url(../img/book/base_yellow.gif);
background-repeat: repeat;
}
#cat_a #contents h2 {
color: #FF6600;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
margin-left: 10px;
}
#cat_a #contents h3 {
color: #FF6600;
}


#cat_a #contents .main_contents {
width: 580px;
font-size: 13px;
margin: 0px;
background-image: none;
}

#cat_a #base #contents .main_contents dl dt span {
text-align: right;
font-size: 11px;
font-weight: normal;
color: #333333;
padding-left: 10px;
}

#cat_a #base #contents {
display: none;
}

/*目次ページ*/
#mainContents .textBox {
background-image: url(../img/book/index_base.gif);
background-repeat: repeat-y;
background-position: center;
width: 520px;
padding-bottom:30px;
}
#mainContents .textBox .textBoxTop {
background-image: url(../img/book/index_base_top.gif);
background-repeat: no-repeat;
background-position: center top;
padding-top: 80px;
padding-left: 30px;
}
#mainContents .textBox li {
width: 450px;
margin-left: 10px;
}
.introIndex li span {
color:#333333;
}

.introIndex li a {
text-decoration: underline;
color:#EC7513;
padding-bottom: 2px;
}
.introIndex li a:link {
text-decoration: underline;
color:#EC7513;
}
.introIndex li a:hover {
color: #f00;
padding-bottom: 2px;
}
.contents #mainContents .textBox .textBoxTop li a:link {
text-decoration: underline;
color: #EC7513;
}
.contents #mainContents .textBox .textBoxTop li a:visited {
text-decoration: underline;
color: #EC7513;
}
.contents #mainContents .textBox .textBoxTop li a:hover {
text-decoration: underline;
color: #F00;
}

.introIndex {
margin-left: 20px;
font-size: 13px;
}
.introIndex li {
list-style-type: square;
color:#FF9900;
list-style-position: outside;
line-height: 1.4em;
}


/*ためし読みページ用*/
#mainContents .intro {
margin-bottom: 20px;
}

#mainContents .sampleTextBox {
background-image: url(../img/book/index_base.gif);
background-repeat: repeat-y;
background-position: center;
width: 520px;
}

#mainContents .sampleTextBox .sampleTextBoxTop {
background-image: url(../img/book/sample_base_top.gif);
background-repeat: no-repeat;
background-position: center top;
padding-top: 30px;
padding-right: 40px;
padding-bottom: 30px;
padding-left: 30px;
}


/*裏話ページ用*/

#mainContents .backTextBox {
background-image: url(../img/book/index_base.gif);
background-repeat: repeat-y;
background-position: center;
width: 520px;

}
#mainContents .backTextBox .backTextBoxTop {
background-image: url(../img/book/backstory_base_top.gif);
background-repeat: no-repeat;
background-position: center top;
padding-top: 30px;
padding-right: 40px;
padding-bottom: 30px;
padding-left: 30px;
}


/*秘蔵原稿ページ用*/

#mainContents .secretTextBox {
background-image: url(../img/book/index_base.gif);
background-repeat: repeat-y;
background-position: center;
width: 520px;

}
#mainContents .secretTextBox .secretTextBoxTop {
background-image: url(../img/book/secret_base_top.gif);
background-repeat: no-repeat;
background-position: center top;
padding-top: 30px;
padding-right: 40px;
padding-bottom: 30px;
padding-left: 30px;
}


/*共通項目（ページ送り）*/
.pagelink {
clear: both;
width: 450px;
font-size: 13px;
line-height: 1.3em;
margin-top: 35px;
}
.pagelink .lineOneR {
background-position: 3px;
}
.pagelink .lineOneL {
background-position: 3px;
}
.pagelink .lineTwoR {
background-position: 12px;
}
.pagelink .lineTwoL {
background-position: 12px;
}
.pagelink .pageUp {
background-image: url(../img/book/arrowleft_orange.gif);
background-repeat: no-repeat;
padding-left: 15px;
margin-top:5px;
padding-bottom:10px;
width: 210px;
float: left;
background-position: left 3px;
text-align: left;
}
.pagelink .nextPage {
background-image: url(../img/book/arrow_orange.gif);
background-repeat: no-repeat;
padding-right: 5px;
margin-top: 5px;
padding-bottom:10px;
width: 200px;
float: right;
background-position: right 3px;
}


.pagelink .nextPage a {
color: #EC7513;
}
.pagelink .nextPage a:hover {
color: #F00;
}
.pagelink .pageUp a {
color: #EC7513;
}
.pagelink .pageUp a:hover {
color: #F00;
}




#cat_a #base .contents #mainContents img {
padding-right: 5px;
vertical-align: -3px;
}




#cat_a #contents .main_contents dl dd {
margin-bottom: 15px;
margin-top: 5px;
font-size: 12px;
color: #4C4C4C;
}

.icon2 {
color: #333333;
margin-top: 10px;
padding-bottom: 15px;
float: left;
vertical-align: 3px;

}
.icon2 dt {
width: 50px;
margin-left: 10px;
float: left;
}
.icon2 dd {
float: left;
width: 380px;
line-height: 1.3em;
font-weight: bold;
color: #666666;
}
.icon2 a {
color: #333333;
}


.icon1 a {
color: #333333;
}

.icon2 span {
font-size: 12px;
}

#r_side #right ol.infoLink a:hovar {
color: #060;
}
#r_side #right ol {
margin-bottom: 30px;
}


.icon1 {
color: #333333;
margin-top: 10px;
margin-bottom: 5px;
float: left;

}
.icon1 dt {
width: 42px;
margin-left: 10px;
margin-top: -7px;
float: left;
}
.icon1 dd {
float: left;
width: 380px;
font-weight: bold;
color: #666666;
}

/*リンクボックス*/

.mainBoxLink ol { 
margin-left: 10px;
margin-top: 10px;
margin-bottom: 30px;

}
.mainBoxLink li{
background-image: url(../img/book/arrow_green.gif);
background-position: left 3px;
padding-left: 15px;
background-repeat: no-repeat;
}
.mainBoxLink li a {
color: #060;
}
.mainBoxLink li a:hover {
color: #096;
}


/*右ナビ*/
#r_side {
float: left;
width: 181px;
background-color: #FFFFFF;
margin-left: 20px;
}
#r_side {
font-size: 13px;
text-align: left;
}
#r_side #bookImage {
text-align: center;
margin-top: 10px;
margin-bottom: 5px;
}
#r_side .bookAmazon {
margin-bottom: 15px;
text-align: center;
line-height: 1.2em;
}
#r_side .bookAmazon p {
margin-bottom: 5px;
}

#r_side #right h4 {
margin-top: 25px;
margin-bottom: 8px;
}
#r_side #right {
font-size: 13px;
}
#r_side #right li {
font-size: 13px;
background-image: url(../img/book/arrow_green.gif);
background-repeat: no-repeat;
background-position: left 2px;
margin-top: 7px;
margin-left: 3px;
padding-left: 12px;
line-height: 1.2em;
}
#r_side #right a {
font-size: 13px;
color: #060;
}
#r_side #right a:hover {
font-size: 13px;
color: #096;
}
.mainBoxLink {
margin-top: 20px;
margin-bottom: 40px;
}





/*フッター*/
/*#contents #footer {
width: 439px;
margin-left: 120px;
font-size: 10px;
}
#contents #footer h6 {
font-weight: normal;
margin-left: 20px;
}
#contents #footer p {
margin-left: 38px;
}
#contents #footer p.url {
margin-bottom: 15px;
}
#contents #footer p.url a {
text-decoration: none;
}

br{letter spacing:0;}
#cat_a #base .contents #mainContents p {
margin-bottom: 15px;
}
.toTop {
text-align: right;
}


p#fnavi a {
display:block;
float:left;
background-attachment: scroll;
background-color: transparent;
background-image: url(../images/icon_arrow_orange.png);
background-repeat: no-repeat;
background-position: 0 2px;
margin-right: 15px;
color: #333333;
padding-left: 10px;
}
p#fnavi a:hover {
color: #EC7513;
}
#cat_a .footer {
clear: both;
width: 800px;
margin-right: auto;
margin-left: auto;
font-size: 12px;
margin-bottom: 30px;
}
#cat_a .footer #cp {
text-align: right;
}
*/

/* 2012/07/17 */
.social_button{
text-align: left;
/*margin-left: 45px;*/
margin-bottom: 10px;
}

#base h1{
color: #666;
margin-top: 3px;
margin-bottom: 10px;
font-size: 10px;
font-weight: normal;
text-align:left;
/*margin-left:45px;*/
}



@media screen and (max-width:768px) {
  #mainContents .secretTextBox{
    width: 100%;
  }

  #mainContents .secretTextBox .secretTextBoxTop{
    background-image: initial;
  }

  #mainContents h3{
    width: 100%;
  }

  .pagelink{
    display: flex;
    justify-content: space-between;
    width: auto;
  }

  .pagelink .pageUp{
    width: auto;
  }

  .pagelink .nextPage{
    width: auto;
  }
}