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

#wrap{
background-color:ffffff;
margin: 0px auto;
padding: 0px 10px;
}

img {
border-style: none;
}

p{
margin-bottom: 0.5em;
}

header{
background-image: url(../image_common/head_sp_index.gif);
background-repeat: repeat;
background-color: #ffffff;
height:151px;
padding-top:10px;
margin-bottom:20px;
}

h1{
font-size: 180%;
color:#ffd700;
text-shadow: 1px 1px 1px #000000;
margin-left:2px;
}

.head_title{
font-size: 90%;
color:#48D1CC;
text-shadow: 1px 1px 1px #000000;
}

h2{
font-size: 165%;
color:#00ff7f;
font-style: italic;
letter-spacing:0px;
text-shadow: 1px 1px 2px #000000;
text-align: center;
margin-bottom:0px;
}

/*--naviカラー--*/
.red{
font-size: 125%;
color:#ff0000;
}

.orange{
color:#ffa500;
}

.yellow{
color:#ffd700;
}

.green{
color:#008000;
}

.aqua{
font-size:125%;
color:#00ffff;
}

.blue{
color:#0000ff;
}

.violet{
color:#ee82ee;
}

.hon {
color:#ff0000;
}

.siyun{
color:#ffd700;
}

#navi_text{
font-size:140%;
color:#00ffff;
text-align: center;
font-weight: bold;
text-shadow: 1px 1px 2px #000000;
letter-spacing:3px;
/*margin-left:600px;*/
margin-bottom:10px;
}

.info{
font-size: 140%;
color:#00008b;
font-weight: bold;
text-align: center;
margin-bottom:30px;
}

/********ここから**********/

#menu {
/*border: 1px solid #000;*/
text-align: center;
margin-bottom:100px;
}

/*--nobel--*/
.nobel{
background-image: url(../image_common/list_gold_60.gif);
border-radius: 8px;
-webkit-border-radius: 8px;
background-color: #aaaaaa;
width:250px;
height:55px;
margin:0px auto;
margin-bottom:0px;
}

.nobel a {
font-size:115%;
color: #ffffff;
text-shadow: 1px 1px 2px #000000;
font-weight: bold;
letter-spacing:2px;
display: block;
padding-top:9px;
}

/*--スタンド--*/
.stand{
margin:0px auto;
margin-bottom:3px;
}

/*--sample_1--*/
.sample_1{
background-image: url(../image_common/list_pink_60.gif);
border-radius: 8px;
-webkit-border-radius: 8px;
background-color: #aaaaaa;
margin-bottom: 5px;
}

.sample_1 a {
font-size:115%;
color: #ffffff;
text-shadow: 1px 1px 2px #000000;
font-weight: bold;
letter-spacing:2px;
display: block;
padding:10px 0px 8px 0px;
}

/*--sample_2--*/

.sample_2{
background-image: url(../image_common/list_navy_60.gif);
border-radius: 8px;
-webkit-border-radius: 8px;
background-color: #aaaaaa;
margin-bottom:5px;
}

.sample_2 a {
font-size:115%;
color: #ffffff;
text-shadow: 1px 1px 2px #000000;
font-weight: bold;
letter-spacing:2px;
display: block;
padding:10px 0px 8px 0px;
}

/*2018年本屋大賞ノミネート作*/
.honya{
background-image: url(../image_common/list_paprika_60.gif);
border-radius: 8px;
-webkit-border-radius: 8px;
background-color: #aaaaaa;
/*width:290px;*/
height:55px;
margin:0px auto;
margin-bottom:6px;
}

.honya a {
font-size:130%;
color: #ffffff;
text-shadow: 1px 1px 2px #000000;
font-weight: bold;
letter-spacing:2px;
display: block;
padding-top:20px;
padding-bottom:10px;
}

/*ここまで*/

/*--sample_3--*/

.sample_3{
background-image: url(../image_common/list_orenge_60.gif);
border-radius: 8px;
-webkit-border-radius: 8px;
background-color: #aaaaaa;
margin-bottom:5px;
}

.sample_3 a {
font-size:115%;
color: #ffffff;
text-shadow: 1px 1px 2px #000000;
font-weight: bold;
letter-spacing:2px;
display: block;
padding:10px 0px 8px 0px;
}

/*--sample_4--*/

.sample_4{
background-image: url(../image_common/list_green_60.gif);
border-radius: 8px;
-webkit-border-radius: 8px;
background-color: #aaaaaa;
border:1px solid #ffffff;
margin-bottom: 3px;
}

.sample_4 a {
font-size:115%;
color: #ffffff;
text-shadow: 1px 1px 2px #000000;
font-weight: bold;
letter-spacing:2px;
display: block;
padding:15px 0px 8px 0px;
}

/*--sample_5--*/

.sample_5{
background-image: url(../image_common/list_silver_60.gif);
border-radius: 8px;
-webkit-border-radius: 8px;
background-color: #aaaaaa;
border:1px solid #ffffff;
margin-bottom: 3px;
}

.sample_5 a {
font-size:115%;
color: #ffffff;
text-shadow: 1px 1px 2px #000000;
font-weight: bold;
letter-spacing:2px;
display: block;
padding:15px 0px 15px 0px;
}

/*--sample_6--*/

.sample_6 {
background-image: url(../image_common/list_blue_60.gif);
border-radius: 8px;
-webkit-border-radius: 8px;
background-color: #aaaaaa;
border:1px solid #ffffff;
margin-bottom: 200px;
}

.sample_6 a {
font-size:110%;
color: #ffffff;
text-shadow: 1px 1px 2px #000000;
font-weight: bold;
letter-spacing:3px;
display: block;
padding:15px 0px 15px 0px;
}

/*--sample_7--*/
.sample_7{
background-image: url(../image_common/list_navyblue_60.gif);
border-radius: 8px;
-webkit-border-radius: 8px;
background-color: #aaaaaa;
border:1px solid #ffffff;
margin-bottom: 4px;
}

.sample_7 a {
font-size:110%;
color: #ffffff;
text-shadow: 1px 1px 2px #000000;
font-weight: bold;
letter-spacing:3px;
display: block;
padding:15px 0px 8px 0px;
}








a{
text-decoration: none;
}

a:hover {
color: #ffffff;
text-decoration: underline;
}

/***************ここまで***********/

/*---A Related Words---*/
section{
background-color: #fffaf0;
border-radius: 8px;
-webkit-border-radius: 8px;
padding: 10px;
margin-bottom:5px;
}

h3{
background: url(../image_common/point_1.gif) left top no-repeat;
padding-left: 25px;
font-size: 115%;
color: #000000;
margin-top: 10px;
margin-bottom: 10px;
}

.words{
color:#00bfff;
font-size:90%;
font-style:italic;
}

aside{
background-color: #ffffff;
padding-left:20px;
margin-bottom:30px;
}

/*メール画像*/
#mailbanar{
margin-left: 35px;
}

/*戻り*/
#btnTop{
border-radius: 5px;
-webkit-border-radius: 5px;
border:3px double #000;
width:85px;
float: right;
margin-bottom:100px;
margin-right:20px;
}

/*戻り文字*/
#btnTop a{
color: #000000;
font-size: 90%;
text-align: center;
display: block;
padding: 15px 0px;
text-decoration: none;
}

/*-----切替----*/
#switchButton{
clear: both;
text-align: center;
font-size: 120%;
margin-top: 0px;
margin-bottom:100px;
}

#switchButton a:hover {
color: #ff0000;
text-decoration: underline;
}

/*-----footer-----*/
footer{
background-image: url(../image_common/footer.gif);
background-repeat: repeat;
background-color: #d6ba73;
border-top: 5px double #000000;
margin-top:-10px;
margin-left:-8px;
margin-right:-8px;
}

.foot{
clear: both;
text-align: center;
font-style:italic;
font-size:80%;
padding:15px 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: 80px;
padding: 20px 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;
}
