﻿body{
font: 14px/1.231 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
-webkit-text-size-adjust: 100%;
}

#wrap{
background-color:#ffffff;
padding-left:10px;
padding-right:10px;
}

header{
background-color: #ffffff;
border-bottom:3px double #ff8c00;
height:92px;
margin-bottom:3px;
}

#symbol{
text-align: center;
margin-bottom:-3px;
}

h1{
font-size:125%;
color:#00bfff;
text-shadow: 1px 1px 0px #000;
text-align: center;
margin-bottom:5px;
}

.meaning{
font-size:110%;
color:#000000;
font-weight: bold;
text-align: center;
}

/*--Home--*/
/*
#home a{
font-size:110%;
color: #ffffff;
font-weight: bold;
border: 1px solid #ff8c00;
border-radius: 7px;
-webkit-border-radius: 7px;
text-shadow: 1px 1px 2px #000;
background-color: #ff8c00;
text-align: center;
display: block;
text-decoration: none;
width:100px;
padding: 5px 0px;
margin-left:10px;
margin-bottom:15px;
}
*/

#home{
border-radius: 8px;
-webkit-border-radius: 8px;
border: solid 2px #ff8c00;
width:100px;
margin-left:5px;
margin-bottom :15px;
}

#home a{
font-size:115%;
color: #000000;
font-weight: bold;
text-align: center;
display: block;
text-decoration: none;
padding:4px 0px 0px 0px;
}

/*
#home a:hover {
text-decoration: none;
background: #999;
}
*/


h2{
font-size: 145%;
text-shadow: 1px 1px 0px #000;
color: #ffd700;
text-align: center;
margin-bottom:10px;
}

#site{
font-size:110%;
color: #000000;
font-weight: bold;
text-align: center;
margin-bottom:10px;
}

/*-----折り畳み MENU-----*/
/*全体周り*/
.menu{
border: 2px solid #0000ff;
border-radius:8px;
-webkit-border-radius:8px;
width:270px;
margin: 0px auto;
text-align: center;
padding:3px 4px;
}

/*メニュー部分*/
label {
font-size:120%;
color: #ffffff;
font-weight: bold;
text-shadow: 1px 1px 1px #000;
border: 3px double #fff;
border-radius:5px;
-webkit-border-radius:5px;
background: #ff8c00;
padding:7px 0px;
text-align: center;
display: block;
}

input[type="checkbox"].on-off{
display: none;
}

/*---出現速度--*/
.menu ul {
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s;
margin: 0;
padding: 0;
list-style: none;
}

li {
border: 1px solid #000;
border-radius:6px;
-webkit-border-radius:6px;
width:205px;
margin: 0px auto;
padding:5px;
margin-bottom:10px;
}

li a{
text-decoration:none;
display: block;
}

li a:hover {
text-decoration: none;
color: #ff0000;
}

.hit{
background: #ffede6;
}

.close{
width:45px;
margin-top:20px;
}

input[type="checkbox"].on-off + ul{
height:0;
overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul{
height:765px; /**枠高さ＋45**/
margin-top:15px;
}

/*折り畳みここまで*/

.keisiyou{
font-size:95%;
font-weight: bold;
letter-spacing:2px;
color: #00bfff;
margin-top:20px;
margin-left:20px;
margin-bottom:3px;
}

/*--ここから本文--*/
.item {
background-color: #ffffff;
margin-left: auto;
margin-right: auto;
border-radius:15px;
-webkit-border-radius:15px;
border: solid 1px #aaaaaa;
padding: 10px;
margin-bottom:5px;
}

.item {
overflow: hidden;
}

.yakuhon_title {
font-size: 140%;
color:#000080;
font-weight: bold;
letter-spacing:1px;
text-align: center;
margin-top:50px; 
margin-bottom:5px;
}

.order{
font-size:80%;
color:#aaaaaa;
margin-left: 5px;
margin-bottom:10px;
}

.prize{
font-size: 15px;
color:#483D8B;
font-weight: bold;
letter-spacing:1px;
margin-left:15px;
}

/*--書籍名--*/
.title_book{
font-size:17px;
color: #ff0000;
text-shadow:none;
letter-spacing:2px;
margin-left:10px;
margin-bottom: 10px;
}

.title_book2{
font-size:16px;
color: #ff0000;
text-shadow:none;
letter-spacing:1px;
margin-left:10px;
margin-bottom: 10px;
}

.sub{
font-size:97%;
color: #6a5acd;
text-shadow:none;
letter-spacing:1px;
padding-left:3px;
}

.kin{
font-size:15px;
color: #b5d36b;
text-shadow:none;
letter-spacing:1px;
padding-left:10px;
}

.gozou_1{
margin-right:10px;
margin-top:-2px;
float:left;
}

.gazou_waku{
border: solid 1px #eeeeee;
}

.gazou_waku_profile{
border-radius:8px;
-webkit-border-radius:8px;
border: solid 2px #ff0000;
padding:2px 0px;
}

/*--商品情報--*/
.information{
font-size:100%;
}

/*--情報題字--*/
.detail{
font-size: 105%;
color: #0000ff;
font-weight: bold;
letter-spacing:1px;
margin-left:10px;
}

/*--著者--*/
.writer{
font-size: 110%;
color:#dc143c;
font-weight: bold;
}

.other_book{
margin-top:-5px;
}

/*---button位置---*/
#indicate_1, #return_1, #indicate_2, #return_2, #indicate_3, #return_3, #indicate_4, #return_4, #indicate_5, #return_5, #indicate_6, #return_6, #indicate_7, #return_7, #indicate_8, #return_8, #indicate_9, #return_9, #indicate_10, #return_10, #indicate_11, #return_11, #indicate_12, #return_12, #indicate_13, #return_13, #indicate_14, #return_14, #indicate_15, #return_15, #indicate_16, #return_16, #indicate_17, #return_17, #indicate_18, #return_18, #indicate_19, #return_19, #indicate_20, #return_20, value{
margin-top:10px;
margin-bottom:10px;
}

/*---表示非表示帯文字---*/
.view, .def{
font-size: 110%;
color:#000000;
font-weight: bold;
background-color: #aae4ff;
border:1px solid #00bfff;
border-radius: 5px;
-webkit-border-radius: 5px;
padding:4px 15px;
}

/*--表示text--*/
.view_text{
font-size: 105%;
color:#000000;
background-color: #fffff9;
border-radius: 8px;
-webkit-border-radius: 8px;
border:3px solid #0000ff;
margin-top:18px;
margin-left:-7px;
margin-right:-7px;
padding:20px 10px 10px 10px;
overflow: hidden;
}

.review{
font-size: 85%;
color:#a52a2a;
text-align: right;
margin-top:15px;
margin-right:15px;
}

.red{
color:#ff0000;
}

.red_st{
color:#ff0000;
font-size:105%;
font-weight: bold;
}

.blue{
color:#0000ff;
}

.blue_s{
color:#0000ff;
font-size:15px;
margin-left:5px;
}

.quotation{
font-size:85%;
color:#00bfff;
font-style:italic;
text-align: right;
margin-right:15px;
margin-top:20px;
}

.price{
margin-top:20px;
margin-left:10px;
}

.title_s{
font-size: 115%;
color:#ff1493;
font-weight: bold;
letter-spacing:1px;
margin-left:0px;
}

.zei{
font-size:90%;
color:#000000;
font-weight: normal;
}

.price_text{
margin-top:-6px;
margin-left:5px;
}

.kindle_title{
margin-left:12px;
margin-top:-3px;
}

.kindle{
margin-left:45px;
}

p{
margin-bottom:0.5em;
}

/*--アマゾン--*/
.amazon {
background-color: #e7ffff;
border-radius:6px;
-webkit-border-radius:6px;
border:2px solid #483d8b;
text-align:center;
padding-top:4px;
margin-bottom:7px;
}

.amazon a {
display: block;
}

/*-----下段navi-----*/
#down{
margin-top:30px;
}

.down_navi{
border: 1px solid #aaaaaa;
border-radius:8px;
-webkit-border-radius:8px;
padding:5px 0px;
width:150px;
margin: 0px auto;
margin-bottom:6px;
text-align: center;
}

.down_navi a{
text-decoration:none;
display: block;
}

/*---切替---*/
#footContent{
border-bottom:3px solid #3CB371;
margin-top:100px;
margin-bottom:5px;
}

/*---PC切替---*/
#switchButton{
font-size: 15px;
color: #000000;
text-align: center;
clear: both;
padding-top:60px;
margin-bottom:30px;
}

#switchButton a{
color: #000000;
text-decoration: none;
}

a:hover{
text-decoration: underline;
}

/*-----メール記述-----*/
#mail{
font-size:18px;
color:#000000;
margin-top:100px;
margin-left:10px;
margin-bottom:15px;
}

.mailbanar {
margin-left:45px;
margin-bottom:30px;
}

aside{
background-color: #eeeeee;
border-radius: 8px;
-webkit-border-radius: 8px;
padding: 10px;
}

.words{
font-size:12px;
color:#00bfff;
}

aside p:last-child {
margin-bottom: 0px;
}

footer{
background-image: url(../image_bs_common/footer.gif);
background-repeat: repeat;
background-color: #d6ba73;
margin-top:5px;
}

.foot{
font-size:14px;
color:#000000;
font-style:italic;
text-align: center;
padding:15px;
margin:0px;
}

/*--page top 追従--*/
#page-top {
position: fixed;
bottom: 30px;
right: 25px;
font-size: 90%;
}

#page-top a {
background: #fff;
text-decoration: none;
color: #000;
width: 70px;
padding: 10px 0;
text-align: center;
display: block;
border:3px double #000;
border-radius: 5px;
}

#page-top a:hover {
text-decoration: none;
background: #999;
}

/*---レンダリング時非表示対策＋js---*/
#page-top {
display: none;
}
