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: #000080;
text-align: center;
height:72px;
border-bottom: 8px double #ffffff;
margin-bottom:2px;
}

h1{
font-size: 21px;
color:#ff0000;
letter-spacing:1px;
padding-top:15px;
margin-bottom:5px;
}

.title_2{
font-size:16px;
color:#ffffff;
font-weight: bold;
letter-spacing:1px;
}

/*--HOMEリンク--*/
#home {
margin-left:5px;
margin-bottom:5px;
}


/*--booknavi文字--*/
#booknavi{
font-size:25px;
color:#00ff7f;
font-weight: bold;
text-align: center;
font-style: italic;
text-shadow: 1px 1px 2px #000000;
}

#navi_text{
font-size:18px;
color:#00ffff;
text-align: center;
font-weight: bold;
text-shadow: 1px 1px 2px #000000;
letter-spacing:2px;
margin-bottom:20px;
}

/*--booknavi色--*/
.red{
font-size: 25px;
color:#ff0000;
}

.orange{
color:#ffa500;
}

.yellow{
color:#ffd700;
}

.green{
color:#008000;
}

.aqua{
font-size: 25px;
color:#00ffff;
padding-left:8px;
}

.blue{
color:#0000ff;
}

.violet{
color:#ee82ee;
}

.hon {
color:#ff0000;
}

.siyun{
color:#00ff7f;
}

h2{
font-size: 28px;
text-shadow: 1px 1px 2px #000;
color: #ffd700;
text-align: center;
letter-spacing:2px;
margin-bottom:30px;
}

.small{
font-size: 21px;
color: #ff0000;
text-decoration: none;
letter-spacing:2px;
margin-right:10px;
}

.keisiyou{
font-size:13px;
font-weight: bold;
letter-spacing:1px;
color: #00bfff;
margin-left:40px;
margin-bottom:3px;
}

/*--ここから本文--*/
/*
nav{
margin: 0 auto;
}
*/

/*リスト1*/
.list_1{
background-color: #000080;
border: 3px double #ffffff;
border-radius: 20px;
text-align: center;
margin-right:40px;
margin-left:40px;
margin-bottom:5px;
}

.list_1{
font-size:18px;
color:#ffffff;
font-weight: bold;
letter-spacing:2px;
padding:3px 0px;
}

/*リスト2*/
.list_2{
background-color: #000080;
border: 3px double #ffffff;
border-radius: 20px;
text-align: center;
margin-right:40px;
margin-left:40px;
margin-bottom:10px;
}

.list_2{
font-size:18px;
color:#ffffff;
font-weight: bold;
letter-spacing:2px;
padding:3px 0px;
}

/*サンプル1*/
.sample_1{
background-color: #ffffff;
border: 2px solid #0000ff;
border-radius: 30px;
text-align: center;
margin-right:20px;
margin-left:20px;
margin-bottom:10px;
}

.sample_1 a {
font-size:18px;
color:#000080;
font-weight: bold;
letter-spacing:2px;
display: block;
padding:6px 0px 1px 0px;
}

/*出版社*/
.publisher{
font-size:14px;
color:#ff1493;
letter-spacing:1px;
}

/*サンプル2 女性誌*/
.sample_2{
background-color: #ffffff;
border: 2px solid #ff1493;
border-radius: 30px;
text-align: center;
margin-right:20px;
margin-left:20px;
margin-bottom:10px;
}

.sample_2 a {
font-size:18px;
color:#000080;
font-weight: bold;
letter-spacing:2px;
display: block;
padding:6px 0px 1px 0px;
}

/*サンプル3 写真誌*/
.sample_3{
background-color: #ffffff;
border: 2px solid #FFCC00;
border-radius: 30px;
text-align: center;
margin-right:20px;
margin-left:20px;
margin-bottom:10px;
}

.sample_3 a {
font-size:18px;
color:#000080;
font-weight: bold;
letter-spacing:2px;
display: block;
padding:6px 0px 1px 0px;
}

/*サンプル4 経済誌*/
.sample_4{
background-color: #ffffff;
border: 2px solid #003333;
border-radius: 30px;
text-align: center;
margin-right:20px;
margin-left:20px;
margin-bottom:10px;
}

.sample_4 a {
font-size:18px;
color:#000080;
font-weight: bold;
letter-spacing:2px;
display: block;
padding:6px 0px 1px 0px;
}

/*サンプル5 スポーツ誌*/
.sample_5{
background-color: #ffffff;
border: 2px solid #FF6600;
border-radius: 30px;
text-align: center;
margin-right:20px;
margin-left:20px;
margin-bottom:10px;
}

.sample_5 a {
font-size:18px;
color:#000080;
font-weight: bold;
letter-spacing:2px;
display: block;
padding:6px 0px 1px 0px;
}

/*サンプル6 cp誌*/
.sample_6{
background-color: #ffffff;
border: 2px solid #66FFCC;
border-radius: 30px;
text-align: center;
margin-right:20px;
margin-left:20px;
margin-bottom:10px;
}

.sample_6 a {
font-size:18px;
color:#000080;
font-weight: bold;
letter-spacing:2px;
display: block;
padding:6px 0px 1px 0px;
}

/*サンプル7 tv誌*/
.sample_7{
background-color: #ffffff;
border: 2px solid #339900;
border-radius: 30px;
text-align: center;
margin-right:20px;
margin-left:20px;
margin-bottom:10px;
}

.sample_7 a {
font-size:18px;
color:#000080;
font-weight: bold;
letter-spacing:2px;
display: block;
padding:6px 0px 1px 0px;
}

/*サンプル8 その他*/
.sample_8{
background-color: #ffffff;
border: 2px solid #333300;
border-radius: 30px;
text-align: center;
margin-right:20px;
margin-left:20px;
margin-bottom:10px;
}

.sample_8 a {
font-size:18px;
color:#000080;
font-weight: bold;
letter-spacing:2px;
display: block;
padding:6px 0px 1px 0px;
}

/*リンクカラー*/
a:hover {
color: #ff0000;
text-decoration: underline;
}

a {
color: #ffffff;
text-decoration: none;
}

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

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

/*---戻りボタン---*/
#btnTop{
border-radius: 5px;
-webkit-border-radius: 5px;
background-color: #520084;
background: -webkit-gradient(linear, left top, left bottom, from(#a520ff), to(#520084));
width: 7em;
font-size: 17px;
text-align: center;
float: right;
margin-right: 10px;
}

#btnTop a{
text-shadow: 1px 1px 0 #000000;
display: block;
padding: 8px 0;
color: #ffffff;
font-weight:bold;
text-decoration: none;
}

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

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

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

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

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

#footContent{
border-bottom: 3px double #000080;
margin-top:200px;
margin-bottom:100px;
}

footer{
background-image: url(../image_common/footer.png);
background-repeat: repeat;
background-color: #d6ba73;
border-top: 5px solid #000080;
margin-top:3px;
margin-left:-8px;
margin-right:-8px;
}

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

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

#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: #fae1f9;
}