@charset "utf-8";

/*
Theme Name: アーカイブ
Theme URI: http://www.archives.jp
Description: アーカイブの検索・表示専用のテーマ
Author: ○○株式会社
Author URL: http://www.archives.jp
Version: 1.0
tags:このスタイルシートは、PC版のサイト共通用に制作されたものです。
*/

/* 共通のスタイル
------------------------------ */
.left {
float: left;
}

.right {
float: right;
}

.clear {
clear: both;
}

.clearfix {
content: ".";
display: block;
height: 0;
clear: both;
}

html {
color: #555555;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.alttext {
text-indent: -9999px;
}

a:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}

#content h2{
	margin:auto 0;
}

.space_top {
	margin-top: 30px!important;
}


#main .space_top {
	margin-top: 20px!important;
}


.space_top_10 {
	margin-top: 10px!important;
}

.space_bottom {
	margin-bottom: 30px!important;
}

/*===============================================
　ページ全体
===============================================*/

body {
background: #f7fbfd;
}


body.ick080 {
width:auto;
-moz-transform: scale(0.8, 0.8);
-moz-transform-origin: 50% 0%;
zoom: 1.80;
}

body.ick120 {
width:auto;
-moz-transform: scale(1.20, 1.20);
-moz-transform-origin: 50% 0%;
zoom: 1.20;
}





#page {
display: block;
width: 100%;
min-height: 694px;
margin: 0;
padding: 0;
}

.page_wrap {
display: block;
width: 1000px;
height: auto;
margin: 0 auto;
padding: 0;
}

#content {
display: block;
width: 1000px;
margin: 0 auto;
padding: 0;
}

/*===============================================
　header ヘッダ
===============================================*/

#header {
  display: block;
  padding-top: 32px;
	background: #fff;
  position: relative;
  width: 100%;
}



#header .hd_top {
display: block;
width: 100%;
height: 32px;
background: #191919 url(../../img/base/bar_top.png) 0 0 repeat-x;
position: absolute;
top: 0;
left: 0;
text-align: center;
}

#header .hd_wrap:after
 {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
	float:none;
}

.clear {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
	float:none;
}

#header .hd_wrap {
  background: url("../../img/base/bg_header.jpg") ;
	background-repeat:no-repeat;
	background-position:left center;
	background-size:100% auto;
  display: block;
  height: 129px;
  margin: 0 auto;
  position: relative;
  width: 1100px;
}





@media screen and (max-width: 960px) {

#header{
	 height: 10%!important;
}

#header .hd_wrap{
	 background-size:auto 100%;
}

}




.ie #header .hd_wrap {
background:url(../../img/base/bg_header_ie.jpg);
background-repeat:no-repeat;
}

#header a.home {
display: block;
width: 550px;
height: auto;
position: absolute;
top: 0;
left: 0;
}

#header h1 {
display: block;
width: 100%;
height: 130px;
}


#header a h1 {
text-indent:-99999px;
}




#header h1 img {
display: block;
width: 100%;
height: auto;
}

#header .hd_bottom {
display: block;
width: 100%;
height: 12px;
background : #191919;
position: absolute;
top: 162px;
}

#header .control_panel{
display: block;
width: 410px;
height: 129px;
padding: 0 50px 0 0;
}

#header .setting{
display: block;
width: 410px;
height: 70px;
background: #e7f5fa;
border: #e7f5fa 1px solid;
/* CSS3 */
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
/* Safari,Google Chrome用 */
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
/* Firefox用 */
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
position: relative;
z-index: 30;
}


.sd #header .setting{
	background: none;
	border:none;
}

.sd #textsize {
	display:none;
}

.sd #mode_change {
	display:none;
}

/* textsize 文字サイズ  */

#textsize {
display: block;
width: 187px;
height: 70px;
position: absolute;
top: 0;
left: 0;
border-right: #BAD5FB 1px solid;
text-align: center;
}

#textsize p{
display: block;
width: 187px;
height: 20px;
color: #060000;
font-size: 85%;
line-height: 130%;
margin: 7px 0 0 0;
}

#textsize ul{
display: block;
width: 138px;
height: 31px;
margin: 5px auto;
}

#textsize ul li {
display: block;
float: left;
width: 42px;
height: 31px;
margin: 0 4px 0 0;
background:#e7f5fa;
}


#textsize ul.textresizer li {
background:#fff;
}





#textsize ul li a {
    display: block;
    height: 20px;
    padding: 3px 0 5px;
	color:#666;

}

#textsize ul li a.fontsize_lar.textresizer-active {
	background: url(../../img/base/zoomIn_off.png) no-repeat;
}

#textsize ul li a.fontsize_mid.textresizer-active {
	background: url(../../img/base/zoomNone_on.png) no-repeat;
}

#textsize ul li a.fontsize_sml.textresizer-active {
	background: url(../../img/base/zoomOut_off.png) no-repeat;
}


#textsize ul li img {
display: block;
width: 100%;
height: auto;
}

html #content p {
font-size: 90%;
line-height: 150%;
margin-top:0;
}

.noTrans,
.noTrans .slides {
	-webkit-transition: none!important;
	   -moz-transition: none!important;
	    -ms-transition: none!important;
	     -o-transition: none!important;
	        transition: none!important;
}

/* mode_change モード切り替え  */

#mode_change {
display: block;
width: 223px;
height: 80px;
position: absolute;
top: 0;
left: 187px;
text-align: center;
}

#mode_change p{
display: block;
width: 223px;
height: 20px;
color: #060000;
font-size: 85%;
line-height: 130%;
margin: 10px 0 0 0;
}

#mode_change ul{
display: block;
margin: 0 auto;
}

#mode_change ul li {
display: block;
height: 31px;
margin: 5px auto 0;
text-align:center;
}

#mode_change ul li a {
display: block;
height: 51px;
position:relative;
display:inline-block;
padding: 0;
}

#mode_change ul li img {
margin:auto;
display: block;
width: 100px;
height: auto;
}

#mode_change ul li a span{
display:none;
}

#mode_change ul li a:hover{
zoom:100%;　/*IE7以下対策 */
text-decoration:none;
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
}

#mode_change ul li a:hover span{
position:absolute;
display:block;
width:70px;
padding:0;
top:40px;
left:18px;
}

/* globalnavi メニュー */




#globalnavi {
display: block;
width: 100%;
max-width: 400px;
height: 31px;
top: 95px;
z-index: 1;
padding:25px 0 0 0;
}

#globalnavi ul {
display: block;
width: 100%;
height: auto;
list-style: none;
}

#globalnavi ul li {
display: block;
float: right;
padding: 0 10px;
border-right: #cbcbcb 1px solid;
}

#globalnavi ul li a{
color: #060000;
text-decoration: none;
font-size: 85%;
}

li.last{
border:none!important;
}

/*===============================================
　 banner　バナーコンテンツ
===============================================*/



#banner {
width: 100%;
height: 49px;
margin: 0 auto;
padding: 0;
display: block;
background:url(../../img/base/banner_bg.jpg);
background-repeat:repeat-x;
}

#banner .banner_wrap{
width: 1000px;
margin: 0 auto;
padding: 0;
display: block;
background : #fff;
}

#banner .banner_wrap img{
	width:100%;
}

#banner .banner_wrap:after {
content: ".";
display: block;
height: 0px;
clear: both;
visibility: hidden;
float:none;
}

#banner a {
float:left;
height: 49px;
display: block;
margin: 0;
top: 0;
background-size:100% auto!important;

}

#banner a:hover {
	opacity:1;
}


#banner a.banner01 {
width: 20%;
background:url(../../img/base/banner_01_on.jpg) no-repeat 0 0;
}

#banner a.banner02 {
width: 20%;
background:url(../../img/base/banner_02_on.jpg) no-repeat 0 0;
}

#banner a.banner03 {
width: 20%;
background:url(../../img/base/banner_03_on.jpg) no-repeat 0 0;
}

#banner a.banner04 {
width: 20%;
background:url(../../img/base/banner_04_on.jpg) no-repeat 0 0;
}

#banner a.banner05 {
width: 20%;
background:url(../../img/base/banner_05_on.jpg) no-repeat 0 0;
}

#banner a.banner06 {
width: 20%;
background:url(../../img/base/banner_06_on.jpg) no-repeat 0 0;
}




/*===============================================
　 visual ビジュアル
===============================================*/



#visual {
width: 597px;
height: 263px;
margin: 0;
padding: 10px;
display: block;
background: #d4d4d4;
overflow: hidden;
}

/*===============================================
　 topics　トピックス
===============================================*/



#book {
width: auto;
height: auto;
margin: 0;
padding: 0;
display: block;
background: url(../../img/base/bg_bookshelf.jpg) 0 0 repeat;
overflow: hidden;
border: #e5e5e5 1px solid;
border-radius: 6px; /* CSS3 */
-webkit-border-radius: 6px; /* Safari,Google Chrome */
-moz-border-radius: 6px; /* Firefox */
}

#book.single_book {
	width: 610px;
}

#book.single_book .carouselslider {
	width: 610px;
}

#book.single_book ul li.book_space {
	width: 137px!important;
margin: 0 10px 0 30px;
}


/* トピックス */


#book h2 {
    background: url("../../img/base/bg_subtitle_bar.jpg");
	background-repeat:no-repeat;
    display: block;
    height: 47px;
    max-width: 1000px;
    position: relative;
    width: 100%;
    z-index: 20;
}

#book h2 img.subtitle_latest {
    display: block;
    height: 21px;
    left: 28px;
    position: absolute;
    top: 12px;
    width: 160px;
}

#book h2 img.subtitle_past {
width: 289px;
height: auto;
display: block;
position: absolute;
top: 9px;
left: 28px;
}

/* もっと見る */


#book h2 a.topics_more,
#book h2 a.topics_more img {
width: 182px;
height: 34px;
display: block;
}

#book h2 a.topics_more {
position: absolute;
top: 5px;
right: 10px;
}

/* カルーセルスライダー */
.carouselslider {
width: 940px;
height: 300px;
padding: 15px 0;
}

/* 書籍情報 */

#book ul li.book_space {
    float: left;
    height: 300px;
    margin: 15px 6px 0;
    position: relative;
}

#book ul li .book_wrap{
width: 128px;
margin: 0 2px;
height: 205px;
padding: 10px;
background: #fff;
border: #e5e5e5 1px solid;
border-radius: 6px; /* CSS3 */
-webkit-border-radius: 6px; /* Safari,Google Chrome */
-moz-border-radius: 6px; /* Firefox */
text-align:center;

}

/* 書籍の表紙 */


#book ul li .book_cover {
width: 100%;
max-width: 100px;
height: 142px;
background: #fff;
display: block;
margin:auto;
}



#book ul li .book_cover a img {
vertical-align: bottom;
width: 100%;
}

/* 書籍のタイトル */


#book ul li .book_title {
width: 100%;
max-width: 123px;
height: 80px;
display: block;
position: absolute;
top: 153px;
/* text-align: justify; */
text-align: center;
overflow: hidden;
color: rgb(25, 130, 209);
font-size: 90%;
line-height: 150%;
}

/* タグ */

#book ul li img.tag_topics_recommend,
#book ul li img.tag_topics_speech {
width: 60px;
height: 20px;
background: #fff;
display: block;
position: absolute;
bottom: 10px;
}

/* おすすめ */

#book ul li img.tag_topics_recommend {
left: 10px;
display:none;
}

/* 音声読上 */

#book ul li img.tag_topics_speech {
right: 10px;
display:none;
}

/* 吹き出し */
.fukidashi{
background : url(../../img/base/fukidashi.png);
background-size:100% auto;
background-repeat:no-repeat;
width:135px;
margin:5px 0 0 7px;
position: absolute;
top:230px;
height:78px;
padding:20px 0 0 0;
font-size:14px!important;
text-align:center;
}

.ie .fukidashi{
	background : url(../../img/base/fukidashi_ie.png);
	background-repeat:no-repeat;
}

/*===============================================
　 main メイン
===============================================*/

#main {
width: 610px;
margin: 0;
padding: 0;
display: block;
height: auto;
}

/* 研究者モード */
#main_expert {
width: 960px;
margin: 0;
padding: 20px;
display: block;
height: auto;
border: 1px #d5d5d5 solid;
background: #fff;
}


#main_expert.space_top{
	margin-top:15px!important;
}

a.homeback {
width: 164px;
height: 31px;
display: block;
margin: 0 auto;
padding: 0;
text-align: center;
}

a.homeback img{
	width:100%;
}

.flexslider {
height: 225px;
}

#breadcrumb {
	margin-top: 10px;
	margin-bottom: -20px;
	margin-left: 30px;
}

/*===============================================
　notfound 404エラーページ
===============================================*/

#errer404 {
width: 610px;
height: auto;
margin: 0;
padding: 0;
display: block;
background : #fff;
overflow: hidden;
border: #e5e5e5 1px solid;
border-radius: 6px; /* CSS3 */
-webkit-border-radius: 6px; /* Safari,Google Chrome */
-moz-border-radius: 6px; /* Firefox */
}

#errer404 .errer404_wrap {
width: 580px;
height: auto;
margin: 0;
padding: 15px;
display: block;
background : #fff;
}

#errer404 h2 {
width: 610px;
height: 55px;
display: block;
position: relative;
background : url(../../img/base/bg_subtitle_bar.jpg) 0 0 repeat;
z-index: 20;
}

#errer404 h2 img{
width: 330px;
height: 35px;
display: block;
position: absolute;
top: 9px;
left: 28px;
}

#errer404 h3 {
width: 550px;
height: 24px;
display: block;
padding: 5px 15px 0 15px;
margin: 10px 0;
color: #fff;
background : #0e3c64;
}

#errer404 .solution01 {
width: 548px;
height: 15px;
display: block;
margin: 10px 0;
border: #0e3c64 1px solid;
padding: 15px;
position: relative;
}

/*　errer404_search ヘッダ検索　*/
#errer404_search {
display: block;
max-width: 510px;
width: 100%;
height: 32px;
position: absolute;
top: 10px;
left: 10px;
}

#errer404_search input#feas_0_0 {
display: block;
max-width: 300px;
width: 100%;
height: auto;
position: absolute;
top: 0;
left: 0;
}

#errer404_search #uniform-feas_0_1 {
display: none;
}

#errer404_search #uniform-feas-submit-button-0 {
display: block;
max-width: 76px;
width: 100%;
height: 32px;
position: absolute;
top: -5px;
left: 310px;
}



/*===============================================
　メイン　バナー
===============================================*/

#main #search_banner{
	float:right;
	width:290px;
}


#main #search_banner img{
	width:100%;
}


/*===============================================
　sidebar サイドバー
===============================================*/
#side {
width: 360px;
height: auto;
margin: 0;
padding: 0;
display: block;
}

#side .banner_area {
clear: both;
width:100%;
}

#side .banner_area ul {
list-style: none;
padding:0 0 0 0;

}

#side .banner_area ul li {
margin: 0 0 26px;
}

#side .banner_area ul li a img {
vertical-align: bottom;
width:100%;
}

#side .banner_area ul li iframe {
	background:#ffffff;
	width:356px!important;
	height:218px!important;
	border:1px solid #dddddd!important;
}


/*===============================================
　footer フッタ
===============================================*/


.ft_line {
display: block;
width: 100%;
height: 4px;
margin: 0;
padding: 0;
background : url(../../img/base/ft_line.jpg) 0 0 repeat-x;
}

#footer {
    background: url("../../img/base/bg_ft.png") center top repeat-x;
		background-repeat: repeat-x;
		background-color: #c0e044;
    display: block;
    margin: 20px auto 0;
    padding: 100px 0 0 0;
    width: 100%;
}

#footer a {
color: #060000;
text-decoration: none;
}

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

#footer .ft_wrap {
    display: block;
    height: auto;
    margin: 0 auto;
    width: auto;
		max-width: 1000px;
		overflow: hidden;
}

/* footer logo  フッタロゴ */



#footer .ft_wrap h2 {
display: block;
width: 151px;
height: auto;
padding: 0;
margin: 33px auto 20px;
}



#footer .ft_wrap h2 img{
	width:100%;

}

/* footer navi  フッタナビ */



#footer .ft_wrap ul {
display: block;
width: 600px;
height: auto;
list-style: none;
padding-bottom: 20px;
margin: 28px 0 0 60px;
}

#footer .ft_wrap ul li {
display: -moz-inline-box; /*for Firefox 2*/
display: inline-block; /*for modern*/
/display: inline; /*for ie5～7*/
/zoom: 1; /*for ie5～7*/
padding: 3px 0 2px 15px;
width: 130px;
background : url(../../img/base/ft_check.png) 0 center no-repeat;
}

#footer .ft_wrap ul li a {
font-size: 80%;
line-height: 150%;
}

/* pagetop  ページ最上部へ */
#footer .ft_wrap a.pagetop {
float: right;
display: block;
width: 138px;
height: auto;
}

/* copyright  コピーライト */

#footer p.copyright {
display: block;
color: #060000;
margin: 15px 0 0 211px;
padding: 0 0 15px 0;
width: 600px;
}

/* japanebooks  ジャパンイーブックス */

#japan_ebooks{
display: block;
margin: 0;
padding: 15px 0;
width: 100%;
height: auto;
background: #060000;
text-align: center;
}

#japan_ebooks a {
display: block;
margin: 0 auto;
width: 280px;
height: auto;
background: #060000;
}

#japan_ebooks img{
width: 280px;
height: auto;
}

#japan_ebooks p {
	color:#fff;
	margin-top:-5px;
}

#layoutswitch .oldList{
/*	display: none;*/
}

#side #feas-form-1 .gsc-control-cse {
	padding: 0;
}

#side #feas-form-1 .gsc-search-box table tr {
	border-bottom: none;
}

#side #feas-form-1 .gsc-search-box table td {
	padding: 0;
}

#side #feas-form-1 .gsc-branding {
	display: none;
}

#feas-form-1 .allCheck img {
	width:120px;
	height:33px;
}

.box_open{
	display:none;
}

.sd .box_open{
	display:block;
}


#instructions{
	padding:20px 0 50px 25px;
	line-height:150%;
}

#instructions h3{
	color:#2D7DDC;
	font-size:110%;
	padding:0 0 2px 0;
	text-decoration:underline;
}

#instructions .notice{
	padding:0 0 20px 0;
}






.txt_pc{
	display:inline-block;
}
.txt_sp{
	display:none;
}
.txt_tb{
	display:inline-block;
}

.etc_txt{
	font-size:90%;
	color:#B1B1B1;
}








@media screen and (max-width: 1024px) {
body.ie{
	width:1024px;
}

.ie #page{
	width:1024px;
}

.ie #banner {
	width:1024px!important;
}

.ie #banner a.banner03 {
    display: block!important;
}
}


@media screen and (max-width: 960px) {

#header .control_panel {
    padding: 0 0 0 0;
}

#header .hd_wrap {
	width:100%;
}

.page_wrap {
    width: 100%;
}


#banner .banner_wrap {
	width:100%;

}


#footer .ft_wrap {
	width:100%;
}


#content {
    width: 100%;
}

#main{
	width:61%;
}

#side{
	width:36%;
}

#main #search_old {
	width:51%;
}

#footer .ft_wrap h2 {
    display: block;
    height: auto;
    margin: 30px auto 20px;
    padding: 0 0 0 20px;
    width: 130px;
}

#globalnavi {
    height:inherit;
}
}



@media screen and (max-width: 768px) {

#side {
width: 36%;

}

.space_top {
    margin-top: 20px !important;
}


#main .space_top {
	margin-top: 20px !important;

}


#header h1 {
height: 5vh;
}

#header .hd_wrap {
	background-position:bottom left;
	background-repeat:no-repeat;
	height:100px;
	width:100%;
}

#banner .banner_wrap {
    width: 100%;
}

#content {
display: block;
margin: 0 auto;
padding: 0;
width: 96%;
}


#header .setting {
	display:none;
}


#globalnavi {
	display:none;
}


#banner{
	    height: auto;
}


#banner a {
    height: 36px;
}


.page_wrap {
	width:100%;
}


.ie #main {
    width: 61.2%!important;
	float:left!important;
}


#main #refine_search, #main #key_search {
	width:100%!important;
}

#main #refine_search h2, #key_search.key_search h2 {
    width:100%;
}


#main #refine_search .refine_search_submit {
	height:58px;
}

.ie #side {
	width: 36.2%!important;
	float:left!important;

}

#side .banner_area ul li iframe {
    width: 265px!important;
}

#book ul li.book_space {
	margin:15px 10px 0 18px;
}


#main #search_banner {
	width:50%;
}

#book.single_book {
    width: 100%;
}


#book.single_book ul li.book_space {
    margin: 0 10px 0 40px;
}

.txt_tb{
	display:none;
}
}



@media screen and (max-width: 667px) {

#main {
	float:none;
    width: 100%;
}

#side {
	float:none;
	width: 100%;
}

#main #search_old {
    width: 50%;
}

#main #pagenavi {
	width:100%;
	padding: 10px 0px 0;
}

}

@media screen and (max-width: 580px) {


#header .hd_wrap {
	height:74px;
}

#main {
width: 100%;
}

#side {
width: 100%;
}





.txt_pc{
	display:none;
}
.txt_sp{
	display:block;
}

#header a.home {
width: 100%;

}

#header .control_panel{
width: 100%;
height: auto;
padding: 0 0px 0 0;
}

}



@media screen and (max-width: 480px) {

#header {
	padding-top:24px;
	overflow:hidden;
}

#header .hd_top{
	height:24px;
}

#header .hd_top a{
	display:block;
	line-height:0;
	font-size:0;
}

#header h1 {
    display: block;
}

#header .control_panel {
	display:none;
}

#header .hd_top img{
	max-width:130px;
}

#header .hd_wrap {
background: url("../../img/base/bg_header_ie.jpg");
background-repeat:no-repeat;
background-position:center;
background-size:120% auto;
height:72px;
}


.ie #header .hd_wrap {
height:129px;
}




#banner a {
    height: 23px;
}


#main.left {
    width:96%;
	margin:auto;
	float:none;
}

#side.right {
    width: 96%;
	margin:auto;
	float:none;
}

#footer .ft_wrap ul {
    width: 100%;
	margin: 30px 0 0 0;
}


#book h2 a.topics_more, #book h2 a.topics_more img {
	display:none;
}

#side .banner_area ul li iframe {
    width: 440px !important;
}

#main #search_banner {
    width: 100%;
}

#main #search_banner a{
	display:block;
	font-size:0;
	line-height:0;
	padding:0 0 20px 0;
}

#side .banner_area ul li {
    margin: 0 0 20px;
}




#book ul li.book_space {
    margin: 15px 2% 0 4%;
}


#footer .ft_wrap ul {
    margin: 0 0 15px;
}


#footer .ft_wrap ul li{
    margin: 0 5px 15px;
	background-position:0 3px;
	padding: 0 0 0 15px;
}


#japan_ebooks img {
    height: auto;
    width: 280px;
	max-width:70%;
}

.box_open{
	display:none;
}

.titleBox .box_open{
	display:block;
	text-align:right;
	padding:0 10px 0 0;
}


.titleBox .box_open{
	display:block;
	text-align:right;
	padding:0 10px 0 0;
}






}



@media screen and (max-width: 375px) {

#side .banner_area ul li iframe {
    width: 342px !important;
}

#book.single_book ul li.book_space {
    margin: 0 10px;
	width:130px!important;
}

#main #pagenavi {
    padding: 0;
}
}


@media screen and (max-width: 360px) {

#book ul li .book_wrap {
    padding: 10px 5px;
}

#book ul li.book_space {
	margin: 15px 1% 0 5%;
}


#side .banner_area ul li iframe {
    width: 330px !important;
}

#instructions .notice {
	font-size:84%;
}
}

@media screen and (max-width: 320px) {


#side .banner_area ul li iframe {
    width: 292px !important;
}

#book ul li .book_wrap {
	padding:0;
	font-size:80%;
	line-height:100%;
}

#book ul li.book_space {
	height:220px;
}

.fukidashi {
	top:210px;
	left:-7px;
}



#book.single_book h2 img{
	width:250px;
	height:auto;
	top: 11px;

}

#book.single_book ul li.book_space {
    margin: 0 5px;
    width: 115px !important;
}
}




/* :::::::::: アプリ変更の案内文 :::::::::: */

a.noApp{
	margin-top:20px;
	padding:1% 0 0 2%;
	background:#ffffe1;
	border:1px dotted #939393;
	display:block;
	text-decoration:none;
	font-weight:bold;
	line-height:140%;
}

a.noApp img{
	width:50px;
	height:auto;
	padding: 0 15px 0 0;
}

a.noApp .noApp_left{
	float:left;
	width:12%;
	padding:0 0 0 0;
	line-height:normal;
}

a.noApp .noApp_right{
	float:left;
	width:87%;
	padding:2.2% 0 2% 0;
	color:#555555;
}


@media screen and (max-width: 780px) {

a.noApp .noApp_left{
	width:15%;
}

a.noApp .noApp_right{
	width:80%;
}

}


@media screen and (max-width: 667px) {

a.noApp img{
	width:80%;
}

a.noApp .noApp_left{
	width:12%;
}

a.noApp .noApp_right{
	width:87%;
}


}


@media screen and (max-width: 480px) {

a.noApp .noApp_left{
	padding: 2.2% 0 2%;
	width:18%;
}

a.noApp .noApp_right{
	width:80%;
}

}



/* :::::::::: サイトメンテナンスのお知らせ :::::::::: */

a.noApp.notice .noApp_left{
	width:10%;
}


a.noApp.notice img{
	width:40px;
	height:auto;
	padding: 7px 12px 0 7px;
}

a.noApp.notice .noApp_right{
	float:left;
	width:87%;
	padding:1% 0 2% 0;
	color:#555555;
}

#content a.noApp.notice .noApp_right .txt{
	font-weight:normal;
	font-size:12px;
	padding:3px 0 0 10px;
}


@media screen and (max-width: 768px) {
a.noApp.notice .noApp_left{
	width:15%;
}

a.noApp.notice .noApp_right{
	width:82%;
}

}


@media screen and (max-width: 667px) {

a.noApp.notice .noApp_left{
	width:10%;
}

a.noApp.notice .noApp_right{
	width:87%;
}

}



@media screen and (max-width: 550px) {

a.noApp.notice .noApp_left{
	padding-top: 7px;
	width:15%;
	text-align:center;
}

a.noApp.notice .noApp_right{
	width:82%;
}

a.noApp.notice .noApp_right span{
	display:none;
}

a.noApp.notice img{
	width:80%;
	padding: 0 0;
	margin:auto;
}

#content a.noApp.notice .noApp_right .txt{
	padding:3px 0 0 0;
}


}



@media screen and (max-width: 400px) {

a.noApp.notice .noApp_left{
	width:17%;
}

a.noApp.notice .noApp_right{
	width:80%;
}

a.noApp.notice img{
	width:60%;

}



}


/*===============================================
　 重要なお知らせ
===============================================*/
.notice{
	background: #fff;
	border: #e5e5e5 1px solid;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	margin-top: 100px !important;
	margin-bottom: 200px !important;
	padding: 1% 2%;
}
.notice p{
	line-height: 200% !important;
	color: #FF0000;
	font-weight: bold;
}