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

#wrap{
width: 760px;
background-color:#ffffff;
border:5px solid #fbfbfb;
margin: 0px auto;
padding: 0px 10px;
}

header{
background-color: #fff;
background-image: url(../image_bs_common/bs_head.bmp);
background-repeat: repeat;
border-bottom:3px double #fac8be; /*0000cd;*/
padding-top:55px;
height:70px;
margin-bottom:3px;
}

h1{
font-size:175%;
color:#ff4500;
text-shadow: 1px 1px 0px #000;
letter-spacing:1px;
margin-left:200px;
}

.meaning{
font-size:120%;
color:#000000;
font-weight: bold;
margin-top:11px;
margin-left:210px;
}

/*--Home--*/
#home a{
font-size:110%;
color: #ffffff;
border: 1px solid #666;
border-radius: 8px;
-webkit-border-radius: 8px;
text-shadow: 1px 1px 1px #000;
background-color: #666;
text-align: center;
width:120px;
padding: 4px 0px;
margin-left:20px;
display: block;
text-decoration: none;
}

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

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

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

/*--------折り畳み MENU-----------*/

/*全体周り*/
.menu{
border: 1px solid #cccccc;
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:7px;
}

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:745px; /***枠高さ＋45***/
margin-top:15px;
}

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


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

.item {
overflow: hidden;
}

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

.item_2 {
background-color: #fffff7;
width:700px;
margin-left: auto;
margin-right: auto;
border-radius:15px;
-webkit-border-radius:15px;
border: solid 1px #1e90ff;
padding: 10px;
margin-bottom:8px;
overflow: hidden;
}

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

.prize{
font-size: 110%;
color:#000080;
font-weight: bold;
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:15px;
color: #0000ff;
text-shadow:none;
letter-spacing:1px;
padding-left:5px;
}

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

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

.gazou_waku_profile{
border-radius:3px;
-webkit-border-radius:3px;
border: solid 2px #ff4500;
}

/*--商品情報--*/
.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;
}

/*---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, #indicate_21, #return_21, #indicate_22, #return_22, #indicate_23, #return_23, #indicate_24, #return_24, #indicate_25, #return_25, #indicate_26, #return_26, #indicate_27, #return_27, #indicate_28, #return_28, #indicate_29, #return_29, #indicate_30, #return_30, 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{
color:#000000;
background-color: #fffff9;
border-radius: 8px;
-webkit-border-radius: 8px;
border:3px solid #0000cd;
margin-top:12px;
margin-left:-5px;
margin-right:-5px;
padding:20px 10px 10px 10px;
overflow: hidden;
}

/**解説**/
.review{
font-size: 90%;
color:#a52a2a;
margin-top:20px;
margin-bottom:30px;
margin-left:150px;
}

.red{
color:#ff0000;
}

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

.blue{
color:#0000ff;
}

.quotation{
font-size:80%;
color:#00bfff;
font-style:italic;
text-align: right;
margin-right:50px;
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;
}

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

/*---切替---*/
#footContent{
border-bottom:3px solid #0000cd;
margin-top:100px;
margin-left:-7px;
margin-right:-7px;
margin-bottom:5px;
}

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

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

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

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

aside{
background-color: #f6fffe;
border-radius: 8px;
-webkit-border-radius: 8px;
padding:5px 10px;
margin-left:-8px;
margin-right:-8px;
}

.words{
font-size:80%;
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;
margin-left:-8px;
margin-right:-8px;
}

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

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

#page-top a {
background: #666;
text-decoration: none;
color: #fff;
width: 80px;
padding: 20px 0;
text-align: center;
display: block;
border-radius: 5px;
}

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

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