@charset "UTF-8";

/*CSSDocument*/

/* main_layout.css
--------------------------------------------------------------

:: CSS Index

 1 : html body base
        
 2 : body base
        
 3 : header
     ・menu

 4 : footer
       
 5 : TOP Page
 
 6 : Contents Page
       


-------------------------------------------------------------- */



/* html body base
===============================================================*/

/*
html ----------------------------------------------------------*/

html{
font-size: 16px;
/*\*/
_font-size: 100%;
/**/
}

*{ margin: 0px; padding: 0px;}

body{
color:#000;
margin:0;
background:#fff;
font-family:"メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
padding:0px;
text-align:center;
line-height:20px;
font-size:12px;

}



a:link{ color:#0f5c37;text-decoration:none;}
a:visited{ color:#0f5c37;text-decoration:none;}
a:hover{ color:#8b4242;text-decoration:underline;}
a:active{ color:#8b4242;text-decoration:underline;}


.link_arrow{ background: url(../images/link_arrow.gif) no-repeat left 8px; padding:2px 0 2px 7px;}
.link_arrow_square{ background:url(../images/rink_arrow_square.gif) no-repeat left 6px; padding:4px 0 4px 16px;}


img {
border:none;
vertical-align:top;
}


input, select, textarea {
font-size: 12px;
}

ul, ol {
list-style: none;
}


/*
html ----------------------------------------------------------*/


/*
Module --------------------------------------------------------*/

 
.clear{
clear:both;
height:1px;
margin:-1px 0 0 0;
font-size:1px;
display: inline-block;
}

.access_log{ height:1px; margin:-1px 0 0 0; font-size:1px; clear:both;}


.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


span.caution{  line-height:16px;}

.iepngfix{behavior: expression(IEPNGFIX.fix(this));}

/*
Module --------------------------------------------------------*/



/* html body base
===============================================================*/

/*
body base -----------------------------------------------------*/


#container{ width:1100px; margin:0 auto; text-align:center; padding:0;}
#container:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}




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

#container{ width:100%;}

}




/* header
===============================================================*/

/* header
-------------------------------------------------------------- */

#header{ height:91px;}
.header_logo{ float:left; display:inline; width:181px; margin:30px 0 0 0;}

.header_right{ margin:24px 0 0 0; width:335px; float:right; display:inline;}

.header_right ul{ margin:0 0 0 48px; height:12px; padding:0 0 14px 0;}
.header_right li{ margin:0; float:left; display:inline;}

.header_search{ clear:both; height:23px; vertical-align:middle; text-align:right;}
.header_search img{ vertical-align:middle;}

.header_search select{  border:1px solid #bfbfbf; vertical-align:middle; height:20px;}
.header_search input{ background:url(../images/form_back.gif) no-repeat top left; border:1px solid #bfbfbf; padding:2px; vertical-align:middle;}
.header_search input.h_search_bt{ border:none; margin:0 0 0 3px; height:20px; vertical-align:middle; padding:0;}




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

#header{ 
height:auto;
padding:5% 2%;}

.header_logo{ float:left; display:inline; width:70%; margin:0 0 0 0;}
.header_logo img{ width:100%;height:auto;}


.header_right{ 
display:none;
}


}



/* menu
-------------------------------------------------------------- */

#menu{ clear:both; height:25px; margin:0 0 10px 0;}
#menu:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}

#menu ul{ margin:0;}
#menu li{ float:left; display:inline; height:25px;width:110px; margin-right:2px; }
#menu li.menu_last{margin:0 0 0 0; width:106px; }
#menu li:last-child{ width:108px;margin:0 0 0 0; }

#menu li img{
width:100%;
height:auto;
}

#menu_all{ clear:both; height:25px; width:1100px; background:url(../images/n_menu_back.gif) repeat-x top left; margin:0 0 10px 0;}
#menu_all:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}

#menu_all ul{ margin:0;}
#menu_all li{ float:left; display:inline; height:25px; }
#menu_all li.menu_last{margin:0 0 0 3px; }




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

#menu{ display:none;}

#nav-toggle,
#nav-toggle.close {
	position:absolute;
    display: block;
    right:3%;
    top: 15px;
    width: 22px;
    height: 22px;
    cursor: pointer;
    z-index: 9999;
   
    
}

#nav-toggle div,
#nav-toggle.close div {
    position: relative;
	display:block;
}
#nav-toggle a,
#nav-toggle.close a{
	display:block;
    width: 22px;
    height: 22px;
	}

#nav-toggle span,
#nav-toggle.close span {
    display: block;
    position: absolute;
    height: 1px;
    width: 100%;
    background: #008033;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1),
#nav-toggle.close  span:nth-child(1){
    top: 0;
}
#nav-toggle span:nth-child(2),
#nav-toggle.close  span:nth-child(2){
    top: 8px;
}
#nav-toggle span:nth-child(3),
#nav-toggle.close  span:nth-child(3){
    top: 16px;
}
#nav-toggle.open{
    right: 270px;
    top: 10px;
    position:fixed;
}
	
#nav-toggle.open  span:nth-child(1) {
	top: 8px;
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	transform: rotate(315deg);
}
#nav-toggle.open  span:nth-child(2) {
	width: 0;
	left: 50%;
}
#nav-toggle.open  span:nth-child(3) {
	top: 8px;
	-webkit-transform: rotate(-315deg);
	-moz-transform: rotate(-315deg);
	transform: rotate(-315deg);
}




}

/* header
===============================================================*/



/* footer
===============================================================*/

/* footer
-------------------------------------------------------------- */


#footer_link{ clear:both; border-top:1px solid #dfdfdf; height:28px;}
#footer_link:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}

ul.footer_link{ margin:5px 0 0 8px; padding:0; float:left; display:inline; width:700px; height:20px;}
ul.footer_link li{ background:url(../images/link_arrow.gif) no-repeat left 50%; margin:0 10px 0 0; padding:2px 0 2px 21px; font-size:12px; line-height:14px; float:left; display:inline;}

.gototop{ float:right; display:inline; height:28px; width:100px;}

#footer{ clear:both; border-top:2px solid #71645e; padding:13px 0 40px 0;}
#footer ul{ margin:0;}
#footer li{ float:left; display:inline; margin:0 16px 0 0;}


.copyright{ float:right; display:inline; }



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


#footer{ clear:both; border-top:2px solid #71645e; padding:2% 2%; box-sizing:border-box;}

ul.footer_link{ margin:5px 0 0 0; padding:0 2%; float:none; display:block; width:100%; height:auto;}

.copyright{ float:none; clear:both;
 display:block;
padding: 2% 0; }



}


/* footer
-------------------------------------------------------------- */


/* Top Page
===============================================================*/


/* top base
--------------------------------------*/

#top_contents_left{ width:367px; float:left; margin:0 5px 0 0; padding:0 0 20px 0; text-align:left; display:inline;}
#top_contents_left:after{display :block;margin-top:-1px;height:1px;content:"";clear:both;}

#top_contents_right{ width:565px; float:left; margin:0; padding:0 0 20px 0; text-align:left; display:inline;}
#top_contents_right:after{display :block;margin-top:-1px;height:1px;content:"";clear:both;}

#top_contents_left h2,#top_contents_right h2{ margin:0;}


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

#top_contents_left,
#top_contents_right{ width:100%; float:none; margin:0 0 0 0; padding:0 0 20px 0; display:block}
}


/* top flash banner
--------------------------------------*/

#top_ad_area{ padding:15px 0 15px 0; height:250px; background:#f1f1f1;}
#top_ad_area:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}

#flashcontent{ width:632px; height:250px; float:left; display:inline; margin:0 5px 0 0;_margin:0 2px 0 0;}

.top_ad_banner{ width:300px; height:250px; float:left; display:inline; }
.top_ad_banner_u{ width:300px; height:125px; margin:0; }
.top_ad_banner_b{ width:300px; height:125px; margin:0;}
 

#top_new_ad{
	background:#f1f1f1;
	padding:0 0 10px 0;
	margin-bottom:30px;
	}
#top_new_ad img{
	background-size:cover;
	width:100%;
	height:auto;
	}



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


}


/* magazine
--------------------------------------*/

.top_magazine{ background:url(../images/top_magazine_back.gif) no-repeat bottom left; padding:10px 0 10px 0; margin:0 0 11px 0; height:100%;}
.top_magazine:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}

.top_magazine p{ line-height:17px; text-align:left;}
.top_magazine p.chuko_txt{ color:#171c60;}
.top_magazine p.fujin_txt{ color:#c23d58;}
.top_magazine_ot{ color:#666666;}

.top_chuko{ width:161px;_width:181px; float:left; display:inline; margin:0 5px 0 0; padding:0 10px 0 10px;text-align:center;}
.top_fujin{ width:161px;_width:181px; float:left; display:inline; margin:0; padding:0 10px 0 10px;text-align:center;}

.top_magazine_img{ margin:0 auto;}
.top_magazine_logo{ margin:0 auto 14px auto;}



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


.top_chuko,
.top_fujin{ width:50%;float:left; display:inline; margin:0 0 0 0; padding:0 10px 0 10px;text-align:center; box-sizing:border-box;}



}


/* book */

.top_book{ background:url(../images/top_book_back.gif) no-repeat bottom left; padding:7px 0 0 0;  height:100%;}
.top_book:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}

.top_book li{ width:95px;_width:109px; padding:0 7px 0 7px; margin:0 5px 0 0; text-align:center; float:left; display:inline;}
.top_book li.top_book_last{ width:95px; padding:0 7px 0 7px; margin:0;}

.top_book li h3{ margin:0 0 6px 0; line-height:1px; font-size:1px;}
.top_book li h4{ font-size:12px; line-height:16px; font-weight:bold; text-align:left;}
.top_book li p.top_book_tit{ font-size:12px; line-height:16px; font-weight:normal; text-align:left; margin:0;}
.top_book li p.top_book_auth{ font-size:12px; line-height:16px; font-weight:normal; color:#666666; text-align:left; margin:3px 0 10px 0;}

img.top_book_img{ border:1px solid #d8d8d8; margin:0 0 3px 0;}


.top_book_bt{ clear:both; height:21px; margin:0 0 13px 0; }
.top_book_bt li{ float:left; margin:0 5px 0 0;}
.top_book_bt li.top_book_bt_l{ float:left; margin:0;}


/* news */

ul.top_news{ margin:0; border-top:1px solid #c6c6c6; padding:5px 0 0 0;}
ul.top_news li{ margin:0 0 5px 0; border-bottom:1px solid #dfdfdf; padding:0 0 5px 8px; height:100%; line-height:18px;}
ul.top_news li:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}

ul.top_news li img{ vertical-align:middle; margin:0 0 0 10px;}

.top_news_date{ width:90px; float:left; display:inline; color:#666666;}
.top_news_txt{ width:460px; float:left; display:inline;}
.top_news_date_st{ width:90px; float:left; display:inline; font-weight:bold; color:#666666;}
.top_news_txt_st{ width:460px; float:left; display:inline; font-weight:bold;}


.top_bottom_banner{ clear:both; margin:0;}
.top_bottom_banner li{ margin:0 0 5px 5px; float:right; display:inline;}





/* ranking */

.top_ranking{ margin:0 5px 5px 0; width:142px; float:left; display:inline; }

.top_ranking h3{ margin:0; font-size:1px; line-height:1px; }
.top_ranking ul{ margin:0; }
.top_ranking li{ border:solid #6d2f2f; border-width:0 1px 1px 1px; padding:6px 3px 6px 2px; line-height:14px; }
.rank1{ background:url(../images/rank_01.gif) no-repeat left top; padding:1px 0 1px 22px; display:block;}
.rank2{ background:url(../images/rank_02.gif) no-repeat left top; padding:1px 0 1px 22px; display:block;}
.rank3{ background:url(../images/rank_03.gif) no-repeat left top; padding:1px 0 1px 22px; display:block;}
.rank4{ background:url(../images/rank_04.gif) no-repeat left top; padding:1px 0 1px 22px; display:block; font-size:10px;}
.rank5{ background:url(../images/rank_05.gif) no-repeat left top; padding:1px 0 1px 22px; display:block; font-size:10px;}


/* media */

.top_media{ border:solid #a17500; border-width:5px 2px 2px 2px; background:#fcf2d7; float:left; display:inline; width:206px;_width:220px; margin:0 0 5px 0; padding:8px 6px 6px 4px; height:100%; }
.top_media:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}

.top_media h3{ float:left; display:inline; width:118px; margin:0 0 16px 0;}
.top_media_bt{ float:left; display:inline; width:88px;}

.top_media ul{ margin:0 0 0 2px;}
.top_media li{ margin:0 0 10px 0; clear:both;}
.top_media li:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}
.top_media_book{ width:48px; float:left; display:inline;}
.top_media_txt{ width:150px; float:left; display:inline; font-size:12px; line-height:18px;}

.top_media_bt_bottom{ clear:both; text-align:right;}


/* banner */

.top_banner_bottom_area{ clear:both; }
.top_banner_l{ float:left; display:inline; margin:0 5px 5px 0;}
.top_banner_r{ float:left; display:inline; margin:0 0 5px 0;}
.top_banner_b{ clear:both; margin:0;}



.top_keraku_ban{ clear:both; margin:0 0 10px 0;}


/* Contents Page
===============================================================*/

/* body base */


#contents_left{ width:760px; float:left; margin:0 10px 0 0; padding:0 0 30px 0; text-align:left; display:inline;}
#contents_left:after{display :block;margin-top:-1px;height:1px;content:"";clear:both;}

#contents_right{ width:300px; float:left; margin:0; text-align:left; padding:0 0 30px 0; display:inline;}
#contents_right:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}

#contents_body{ width:760px;}
#contents_body:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}


#book_body:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}


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

#contents_left,
#contents_right{ width:100%; float:none; margin:0 0 0 0; padding:2%; text-align:left; display:inline; box-sizing:border-box;}
#contents_body{ width:100%;}
}


/* right menu
---------------------------------*/

#right_menu{ margin:0; width:300px;}

#right_menu h3{ clear:both; margin:0; font-size:1px; line-height:1px;}

dl.right_news{ padding:7px 0 0 0; margin:0 0 10px 0;}
dl.right_news dt{ color:#666666; line-height:18px; }
dl.right_news dd{ border-bottom:1px solid #dfdfdf; padding:0 0 10px 0; margin:0 0 10px 0; line-height:18px;}



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

#right_menu{ margin:0; width:100%;padding:2%; box-sizing:border-box;}

}


/* ranking
-----------------*/

/*
.r_ranking{ margin:0 0 10px 0; width:225px; }
.r_ranking ul{ margin:0; }
.r_ranking li{ border:solid #6d2f2f; border-width:0 1px 1px 1px; padding:3px; line-height:14px; }
*/

.r_ranking{ width:300px; float:left; display:inline; border:1px solid #045a49; border-top:none; margin-bottom:20px; box-sizing:border-box;}

.r_ranking ul{ margin:0 0 20px; font-size:14px; }
.r_ranking li{ border-top:1px dotted #ddd; padding:5px; line-height:1.5; }
.r_ranking li.rank_last{ background:none;}


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



.r_ranking{ width:100%; float:none; display:block; }

}




/* search
-----------------*/

#r_search{ border:1px solid #045a49;padding:11px 0 11px 0; margin:0 0 10px 0;}

.r_search_magazine{ padding:0 0 0 11px; height:100%;}
.r_search_m_in{ height:74px; z-index:1; position:relative;}
#right_menu .r_search_m_in h3{ margin:0 0 9px 0;}



.r_scope{ margin:-74px 0 0 0; height:74px; width:55px; float:right; z-index:2; position:relative;}

.r_search_txt{ clear:both;}

.r_search_book{ padding:5px 0 5px 11px;height:100%;}
#right_menu .r_search_book h3{ margin:0 0 9px 0;}

.r_search_book dl{ margin:0;}
.r_search_book dt{ margin:0 0 2px 0;}
.r_search_book dd{ margin:0 0 6px 0;}

#right_menu img{
	width:100%;
	height:auto;
	}
	
#right_menu #r_search img{ max-width:100%;width:auto;}


/* input */
.r_search_form{ width:270px; font-size:14px; padding:2px;background:url(../images/form_back.gif) no-repeat top left;border:1px solid #bfbfbf;}
.r_search_form2{ width:100px; font-size:14px; padding:2px;background:url(../images/form_back.gif) no-repeat top left;border:1px solid #bfbfbf;}
.r_search_form3{ width:50px; font-size:14px; padding:2px;background:url(../images/form_back.gif) no-repeat top left;border:1px solid #bfbfbf;}
.r_search_select{ width:220px; font-size:14px; padding:2px;border:1px solid #bfbfbf;}

.r_search_bt{ text-align:center; padding:5px 0 5px 0;}

.r_search_bottom{ padding:8px 0 0 11px; text-align:center;}


/* h */

#book_body h2{ width:760px; height:73px; position:relative; z-index:1; margin:0 0 5px 0;}
#contents_body h2{ width:760px; height:46px; margin:0 0 25px 0;}
#contents_body h2.book_news{ width:760px; height:73px; margin:0 0 17px 0;}

#book_body h2 img,
#contents_body h2 img{
	width:100%;
	height:auto;
}


#contents_body h3{ clear:both; background:#f4f4f4;display:block; color:#045a48; font-size:18px; line-height:1.5; padding:10px; margin:0 0 15px 15px;}
#contents_body h3.succession{ background:#f4f4f4;display:block; color:#045a48; font-size:18px; line-height:1.5; padding:10px; margin:0 0 0 15px;}
#contents_body h3.zenshu_list{ background:#f4f4f4 ;display:block; color:#045a48; font-size:18px; line-height:1.5; padding:10px; margin:25px 0 15px 0; clear:both;}
 

/* p */
#contents_body p{ font-size:16px; line-height:1.7; margin:0 0 24px 0;}
#contents_body p.bottom_min{ clear:both; font-size:14px; line-height:22px; margin:0 0 10px 0;}

.read_area{ margin:0 0 0 27px; width:90%;}

.read_right{ float:right; display:inline; margin:0 20px 0 0;}
.read_area_news{ margin:0 0 0 27px; width:90%;}
.read_area_news a{ color:#0044cc; }


/* list */

ol.number{ margin:0 0 25px 25px; list-style:outside decimal;}
ol.number li{ font-size:14px; line-height:22px;}
ul.read_list{ margin:0 0 25px 25px; list-style:outside disc;}
ul.read_list li{ font-size:14px; line-height:22px;}


.contents_bt_area{ text-align:right; width:400px; float:right; margin:-75px 0 0 0; height:67px; z-index:2; position:relative;}
.contents_month_mark{ height:29px; margin:-29px 0 0 64px; font-size:14px; line-height:15px; z-index:2; position:relative; font-weight:bold; }
.contents_month{ height:29px; margin:-29px 0 0 10px; font-size:14px; line-height:15px; z-index:2; position:relative; font-weight:bold; }

.contents_bt_area select{ height:23px; padding:1px;}



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

.contents_bt_area{ text-align:right; width:100%; float:none; margin:-5px 0 15px 0; height:auto; z-index:2; position:relative;}
.contents_month_mark{ height:auto; margin:10px 0; font-size:14px; line-height:15px; z-index:2; position:relative; font-weight:bold; clear:both }
.contents_month{ height:auto; margin:10px 0; font-size:14px; line-height:15px; z-index:2; position:relative; font-weight:bold; clear:both }

#book_body h2{ width:100%; height:auto; position:relative; z-index:1; margin:0 0 5px 0;}
#contents_body h2{ width:100%; height:auto; margin:0 0 15px 0;}
#contents_body h2.book_news{ width:100%; height:auto; margin:0 0 17px 0;}


#contents_body h3{ font-size:16px; line-height:1.5; padding:2%; margin:0 0 15px 0;}
#contents_body h3.succession{ background:#f4f4f4;display:block; color:#045a48; font-size:18px; line-height:1.5; padding:10px; margin:0 0 0 15px;}
#contents_body h3.zenshu_list{ background:#f4f4f4 ;display:block; color:#045a48; font-size:18px; line-height:1.5; padding:10px; margin:25px 0 15px 0; clear:both;}
 

/* p */
#contents_body p{ font-size:12px; line-height:1.5; margin:0 0 24px 0;}
#contents_body p.bottom_min{ clear:both; font-size:14px; line-height:22px; margin:0 0 10px 0;}

.read_area,
.read_area_news{ margin:0 auto 0 auto; width:90%;}

}


/* topic path */

#topic_path{ margin:15px 0 20px 0; clear:both; text-align:left;}
#topic_path p{ font-size:12px; line-height:13px;}



/* book list */

#book_list{ clear:both;}

#book_list ul{ clear:both;}
#book_list li{ width:31.3%; background:#f4f4f4; padding:10px; float:left; display:inline; margin:0 1% 2%; box-sizing:border-box;}
/* #book_list li.book_list_l{ margin:0 0 6px 0; } */


.book_img_in{ width:80px; height:99px;float:left; display:inline;}
.book_img{ width:80px; float:left; display:inline;}
.book_img img{ border:1px solid #d8d8d8; }

.book_txt{ width:135px; float:left; display:inline;}
.book_txt h3{ font-size:12px; line-height:20px; font-weight:bold; text-align:left;}
.book_txt h3.two-lined{ font-size:12px; line-height:18px; font-weight:normal; text-align:left;}

.book_txt p.book_tit{ font-size:11px; line-height:16px; font-weight:normal; text-align:left; margin:0;}
.book_txt p.book_auth{ font-size:11px; line-height:16px; font-weight:normal; color:#666666; text-align:left; margin:4px 0 7px 0;}
.book_txt p.book_desc{ font-size:10px; line-height:16px; font-weight:normal; color:#666666; text-align:left; margin:0;}

#book_list li.hovering { background:#e3f6e3; cursor:pointer; display:block; }
#book_list li.book_list_l.hovering { background:#e3f6e3; cursor:pointer; display:block; }

.none{text-indent:-9999px;height:0px;overflow:hidden;}

.magazine_txt{ width:100px; float:left; display:inline;}
.magazine_txt h3{ font-size:12px; line-height:20px; font-weight:bold; text-align:left;}

.magazine_img{ width:120px; float:left; display:inline;}
.magazine_img img{ border:1px solid #d8d8d8; }

#book_list li.magazine_area{ width:335px;_width:355px; background:#eae7d9; padding:10px; float:left; display:inline; margin:0 10px 0 0; }
#book_list li.magazine_area_l{ width:335px;_width:355px; background:#eae7d9; padding:10px; float:left; display:inline; margin:0; }
#book_list li.magazine_area.hovering { background:#e3f6e3; cursor:pointer; display:block; }
#book_list li.magazine_area_l.hovering { background:#e3f6e3; cursor:pointer; display:block; }

.magazine_area_txt{ width:120px; float:left; display:inline;}
.magazine_area_txt h3{ font-size:14px; line-height:20px; font-weight:bold; text-align:left;}
.magazine_area_txt2{ width:160px; float:left; display:inline;}
.magazine_area_txt2 h3{ font-size:14px; line-height:20px; font-weight:bold; text-align:left;}

.chuokoron_img{ width:170px; float:left; display:inline;}
.chuokoron_area_img img{ border:1px solid #d8d8d8; }
.fujinkoron_img{ width:210px; float:left; display:inline;}
.fujinkoron_area_img img{ border:1px solid #d8d8d8; }
 
p.p_next_txt{ text-align:center; margin:200px;}

/* search */

.book_junre{ background:#085c42; padding:3px; color:#fff; font-size:12px; font-weight:bold; display:block; line-height:13px; margin:0 5px 10px 0;}



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


#book_list li{ width:100%; background:#f4f4f4; padding:2%; clear:both; overflow:hidden; float:none; display:block; margin:0 0 1%; box-sizing:border-box;}

.book_img_in{ width:20%; height:99px;float:left; display:inline;}
.book_img{ width:100%; float:none; height:auto; display:inline;}
.book_txt{ width:76%; float:right; display:inline;}
}







/* book detail
---------------------------------*/

.book_detail_l{ width:60%; float:left; display:inline; margin:14px 0 0 0; padding:0 5% 40px 0; box-sizing:border-box;}
.book_detail_r{ width:40%; float:left; display:inline; margin:14px 0 0 0; text-align:center; padding:0 0 40px 0; box-sizing:border-box;}

.book_detail_r img{ border:1px solid #d8d8d8;}


.book_detail_l h3{ font-size:20px; line-height:24px;}
.book_detail_l h3.two-lined{ font-size:18px; line-height:1.6; font-weight:normal; text-align:left;}

.book_detail_l p.entry_book_tit{ font-size:17px; line-height:1.6;}
.book_detail_l p.entry_book_auth{ font-size:16px; line-height:1.6; font-weight:normal; text-align:left; margin:10px 0 25px 0;}
.book_detail_l p.entry_book_desc{ font-size:14px; line-height:1.6; font-weight:normal; text-align:left; margin:0 0 20px 0;}

.book_detail_l h4{ background:#f4f4f4 url(../images/entry_h3_back_01.gif) no-repeat left 50%; display:block; color:#045a48; font-size:15px; line-height:24px; padding:5px 0 5px 15px; margin-bottom:15px;}

.book_detail_l ul{ margin:0 0 15px 0; padding:3px 0 0 0;}
.book_detail_l li{ background:url(../images/entry_line.gif) no-repeat bottom left; padding:0 0 3px 5px; margin:0 0 3px 0;}
.book_detail_l li:after{display :block;margin-top:-1px;height:1px;content:"";clear:both;}
.detail_ele{ width:90px; float:left; display:inline;}
.detail_txt{ width:250px; float:left; display:inline;}

.book_detail_bt_area{ clear:both; margin:0; padding:0;}
.book_detail_bt_area li{ float:left; display:inline; margin:0 11px 0 0; background:none; padding:0;}
.book_detail_bt_area li.bt_last{ float:left; display:inline; margin:0;}

.shop_caution{ clear:both; font-size:11px; line-height:14px; padding:4px 0 0 0; color:#842525; }


.book_detail_bl{ width:760px; float:left; display:inline; margin:0 0 0 0; padding:0 0 10px 0;}
.book_detail_br{ width:200px; float:left; display:inline; margin:0; padding:0 0 10px 0;}

.book_detail_bl h4{ background:#f4f4f4 url(../images/entry_h3_back_02.gif) no-repeat top left; display:block; color:#045a48; font-size:12px; line-height:24px; padding:0 0 0 12px; margin:0 0 13px 0;}
.book_detail_bl h5{ margin:0 0 0 10px; font-size:12px; line-height:18px;}
.book_detail_bl h6{ font-size:10px; line-height:14px; font-weight:normal; margin:0 8px 0 8px; }

.book_detail_bl p{ margin:0 0 20px 10px; line-height:18px;}

.book_detail_bl a{
	margin:0 6px 6px 0;
	display:block;
	float:left;
}

.book_relate{ margin:0;}
.book_relate ul{ clear:both; }
.book_relate li{ float:left; display:inline; width:95px; height:140px; margin:0; text-align:center; }
.book_relate li img{ margin:0 auto 3px auto; }
.book_relate li p{ font-size:10px; line-height:14px; }



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



.book_detail_l{ width:100%; float:none; display:block; margin:14px 0 0 0; padding:2%; box-sizing:border-box;}
.book_detail_r{ width:100%; float:none; display:block; margin:14px auto 0; text-align:center; padding:2%; box-sizing:border-box;}
.book_detail_bl{ width:100%; float:none; display:block; margin:0 auto 0 auto; padding:2%; clear:both;box-sizing:border-box;}
.book_detail_br{ width:100%; float:none; display:block; margin:0; padding:0 0 10px 0;box-sizing:border-box;}

.book_detail_l h4,
.book_detail_bl h4{ background:#f4f4f4 url(../images/entry_h3_back_01.gif) no-repeat left 50%; display:block; color:#045a48; font-size:15px; line-height:24px; padding:5px 0 5px 15px; margin-bottom:15px;}

.book_detail_bl a{
width:31.3%;
margin:0 1% 2%;
}
.book_detail_bl a img{
width:100%;
height:auto;
}
.book_detail_bl br{
clear:both;
}

}




/* comment */

.book_entry_comment{ background:#f4f4f4; padding:10px; }
.book_entry_comment:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}


.book_entry_comment textarea{ background:url(../images/form_back.gif) no-repeat top left;border:1px solid #bfbfbf; width:180px; height:150px; margin:0 0 10px 0;}
.book_entry_comment input{ vertical-align:middle;}
.book_entry_comment_input{ background:url(../images/form_back.gif) no-repeat top left;border:1px solid #bfbfbf; width:175px; padding:2px;margin:0 0 10px 0; vertical-align:middle;}
.book_entry_comment_input2{ background:url(../images/form_back.gif) no-repeat top left;border:1px solid #bfbfbf; width:40px; padding:2px;margin:0 0 10px 0; vertical-align:middle;}
.book_entry_comment h5{ font-size:12px; line-height:18px; font-weight:normal; }

.book_entry_comment_l{ width:85px; float:left; display:inline;}
.book_entry_comment_r{ width:85px; float:left; display:inline;}

.book_entry_comment_clear{ clear:both; margin:0 0 5px 0;}
.book_entry_comment p{ margin:0 0 7px 0; font-size:10px; line-height:14px;}
.book_entry_comment_bt{ text-align:center;}


/* zenshu_list */

ul.zenshu_series{ margin:0 0 20px 20px; width:200px; float:left; display:inline; }
ul.zenshu_series li{ background: url(../images/link_arrow.gif) no-repeat left 50%; padding:2px 0 2px 18px; margin:0 0 3px 0; }


/* CLASSIC
=================================*/

#classic_body{ background:#e5d19f; color:#680f0f; padding15px; width:760px; height:100%; box-sizing:border-box;}
#classic_body:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}


#classic_body h2{ margin:0 0 20px 0;}
#classic_body h3{ margin:0 0 15px 0;}
#classic_body h4{ margin:0 0 11px 0; font-size:16px;}


#classic_body p{ line-height:20px; margin:0 0 20px 10px; font-size:14px;}
#classic_body p.greeting{ line-height:20px; margin:0 0 20px 0; text-indent:12px;}
#classic_body p.greeting_right{ font-family:serif; font-size:14px; font-weight:bold; text-align:right;}


.classic_head{ margin:0 0 5px 0;}
.classic_head img{ width:100%;height:auto;}
.classic_menu{ background:#473f1a; height:20px; display:block; margin:0 0 24px 0; }
.classic_menu li{ float:left; display:inline;  }

.classic_method{ margin:0 60px 30px 60px;}


.classic_method table{ margin:0 0 20px 0; width:100%; font-size:12px; color:#680f0f;}
.classic_method th{ width:90px; padding:5px; border-bottom:1px solid #711c1c; text-align:left;}
.classic_method td{ padding:5px; border-bottom:1px solid #711c1c; vertical-align:top;}

.classic_method td.book_date{ width:100px; vertical-align:middle;}
.classic_method td.book_name{ width:249px;}
.classic_method td.book_auth{ width:70px;}
.classic_method td.book_place{ width:140px;}




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


#classic_body{ width:100%; height:100%; box-sizing:border-box;}
.classic_method{ margin:0; padding:2%;}
.classic_menu{ background:#473f1a; height:auto;overflow:hidden; display:block; margin:0 0 24px 0; }
.classic_menu li{ float:left; display:inline;  }

.classic_method img{
max-width:100%;
height:auto;
}

.classic_method th{ box-sizing:border-box;padding:5px; border:none; vertical-align:top; display:inline-block;width:100%;}
.classic_method td{ box-sizing:border-box;padding:5px; border:none; vertical-align:top; display:inline-block;}

.classic_method td.book_date{ width:100%; vertical-align:middle; display:inline-block;}
.classic_method td.book_name{ width:auto;}
.classic_method td.book_auth{ width:auto;}
.classic_method td.book_place{ width:100%;border-bottom:1px solid #711c1c;}


}




/* map */

.map_area{ text-align:center; margin:0 0 15px 0;}



/* contact */

dl.contact_list{  font-size:14px; line-height:22px; padding:0 0 24px 0; height:100%; }
dl.contact_list:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}


dl.contact_list dt{ margin:0; width:120px; float:left; display:inline; margin:0; font-weight:bold; }
dl.contact_list dd{ margin:0; width:300px; float:left; display:inline; margin:0;}



/* news */

dl.news_list{ margin:0 0 20px 0;}

dl.news_list dt{ clear:both; background:#f4f4f4; display:block; color:#045a48; font-size:18px; line-height:26px; padding:10px; margin:0 0 15px 0; font-weight:bold;}
.news_date{ margin:0 20px 0 20px; font-weight:normal; float:right; display:inline;}
dl.news_list dd{ margin:0 30px 0 27px;}

dl.news_list dd.news_read_more{ clear:both; margin:0 30px 20px 0; text-align:right;}



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

dl.news_list dt{font-size:16px; line-height:1.5; padding:2%; margin:0 0 15px 0; font-weight:bold;}
.news_date{ margin:0 10px 0 10px; font-weight:normal; float:right; display:inline;}
dl.news_list dd{ margin:3%; padding:0; font-size:12px;}

dl.news_list dd.news_read_more{ clear:both; margin:0 0 20px 0; text-align:right;}
dl.news_list dd p{ margin:0;padding:0;}


}



/* search */

#search_body h2{ width:720px; height:50px; position:relative; z-index:1; margin:0 0 5px 0;}

#search_body h3.search_result{ clear:both; font-size:14px; line-height:26px; margin:0 0 15px 5px;}

/*
#search_body p{ margin:0 0 15px 5px;}
*/
#search_body p.search_h{ margin:0 0 15px 5px;}

.pagenate{ padding:20px 0 0 0; clear:both; text-align:center;}

.pagenate li{ display:inline; margin:0 5px 0 5px;}




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

#search_body h2{ width:100%; height:auto; position:relative; z-index:1; margin:0 0 5px 0;}
#search_body h2 img{
height:auto;
width:100%;
}


}




/* ebooks */

#ebooks{ height:100%;}
#ebooks a{ height:100%;}
#ebooks iframe{ height:2000px;}


.comment_finish{ text-align:center;padding:100px 0 200px 0;}
.comment_finish h3{ font-size:14px; margin:0 0 60px 0;}
.comment_finish p{ font-size:12px; margin:0 0 40px 0;}




/* Web Serial */

#web_serial{ margin:0 0 30px 0; width:760px; text-align:left; height:100%;}
#web_serial:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}

#web_serial h2{ width:760px; height:46px; margin:0 0 25px 0;}
#web_serial h2 img{ width:100%; height:auto;}

#web_serial p{ font-size:14px; line-height:22px; margin:0 0 24px 0;}



.web_serial_box{ clear:both;}
.web_serial_l{ width:350px; margin:0 20px 30px 0; float:left; display:inline;}
.web_serial_r{ width:326px; margin:0 0 30px 0; float:left; display:inline;}


#web_serial h3{ font-size:16px; line-height:24px;}

#web_serial li{ font-size:14px; line-height:24px;}



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


#web_serial{ margin:0 0 15px 0; width:100%; text-align:left; height:100%;}

#web_serial h2{ width:100%; height:auto; margin:0 0 15px 0;}
.web_serial_l{ width:98%; margin:0 auto 5px; float:none; display:block;}
.web_serial_r{ width:98%; margin:0 auto 15px; float:none; display:block;}
.web_serial_l img{
width:100%;
height:auto;
}


}





/* 2011.11.21.plus */

#contents_n_left{ float:left; display:inline; width:780px; margin-right:20px; text-align:left; padding-bottom:40px;}

#contents_n_right{ float:left; display:inline; width:300px; text-align:left;padding-bottom:40px;}

.top_con_left{ width:250px; float:left; display:inline; margin-right:20px; }
.top_con_right{ width:510px; float:right; display:inline; }


.top_pickup{ width:250px;}

.top_pickup_method{ background:#eae7d9; padding:7px; }

.top_magazine_r{ width:490px;  margin-bottom:10px;}

.top_magazine_method{ background:url(../images/top/top_magazine_back.gif) repeat-y top left; padding:7px 0 7px 7px;background-size:cover;}

.top_magazine_chuokoron{ width:50%; float:left; display:inline; }
.top_magazine_fujinkoron{ width:50%; float:left; display:inline; }

.top_magazine_method img.img_border{ border:1px solid #fff;}


.top_book_method{ background:url(../images/top/top_book_back.gif) repeat-y top left; margin-bottom:15px; background-size:cover;}
.top_book_method div{
width:20% !important;
box-sizing:border-box;
margin:0;
}


.top_contents_bottom{ clear:both;}

.top_ranking_n{ width:250px; float:left; display:inline; border:1px solid #045a49; box-sizing:border-box;}

.top_ranking_n ul{ margin:0; font-size:12px; }
.top_ranking_n li{ background:url(../images/top/top_ranking_line.gif) no-repeat center bottom; padding:6px 9px 6px 9px; line-height:12px; }
.top_ranking_n li.rank_last{ background:none;}

.top_ranking_n li:last-child{
background:none;
}


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

#contents_n_left{ float:none; display:inline; width:100%; margin-right:0; text-align:left; padding-bottom:20px; display:block;clear:both; box-sizing:border-box; padding: 2%;}

#contents_n_right{ clear:both; float:none; display:inline; width:100%; text-align:left;padding-bottom:20px; display:block; box-sizing:border-box; padding: 2%;}

.top_con_left{ width:100%; float:leftnone display:block; margin-right:0; }
.top_con_right{ width:100%; float:none; display:block; }

.top_magazine_img_n{
width:34%;
float:left;
}
.top_magazine_img_n img,
.top_magazine_txt_n img{
width:100%;
height:auto;
}
.top_magazine_txt_n{
width:60%;
float:left;
}


.top_pickup{ width:100%;}
.top_ranking_n{ width:100%; float:none; display:block; border:1px solid #045a49; box-sizing:border-box;}
.top_ranking_n h3{
background:#f4f4f4
}
.top_ranking_n h3 img{
width:60%;
height:auto;
}

.top_ranking_n li{ background:url(../images/top/top_ranking_line.gif) repeat-x center bottom; padding:6px 9px 6px 9px; line-height:12px; }
.top_book_method div img{
width:90% !important;
box-sizing:border-box;
margin:0;
height:auto;
}
.top_ranking_n li:last-child{
background:none;
}


}



/* 2017.01.27.plus */

ul.top_relate_banner li img{
width:100%;
height:auto;
box-sizing:border-box;
border:1px solid #045a49
}

ul.top_relate_banner li{
margin-bottom:1%;
}

ul.top_relate_banner li.h50{
float:left;
width:49.5%;
margin-right:1%;
}
ul.top_relate_banner li.h50:nth-of-type(odd){
width:49.5%;
margin:0;
}

/* news */

.top_news_method{ width:510px; float:left; display:inline; }

ul.top_news_n{ margin:0; border-top:1px solid #c6c6c6; padding:5px 0 0 0;font-size:13px;line-height:1.5;}
ul.top_news_n li{ margin:0 0 5px 0; border-bottom:1px solid #dfdfdf; padding:0 0 5px 8px;line-height:1.5;}

ul.top_news_n li img{ vertical-align:middle; margin:0 0 0 10px;}

.top_news_n_date{ width:100%; display:block; color:#666666;}
.top_news_n_txt{ width:100%;  display:block;}
.top_news_n_date_st{ width:100%;  display:block; font-weight:bold; color:#666666;}
.top_news_n_txt_st{ width:100%;  display:block; font-weight:bold;}


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

.top_news_method{ width:100%; float:none; display:block; margin-bottom:4%; }

}




/* r box */

.top_r_box{ border:1px solid #045a49;}




#contents_n_right h3{ position:relative; z-index:1; width:100%; background:#f4f4f4}
#contents_n_right .r_bt{ position:relative; z-index:2; height:17px; float:right; margin-top:-17px; margin-right:5px;}


ul.right_list{ padding:8px; }
ul.right_list li{ border-bottom:1px dotted #ccc; padding-bottom:5px; margin-bottom:5px; clear:both;}
ul.right_list li.r_last{ border:none; margin-bottom:0; padding-bottom:0;}


dl.r_web_list{ padding:8px;}
dl.r_web_list dt{ margin-bottom:3px;}
dl.r_web_list dt.r_web_tit{ background:#ddddcc; padding:3px;}
dl.r_web_list dd{ border-bottom:1px dotted #ccc; padding-bottom:5px; margin-bottom:5px;}
dl.r_web_list dd.rlist_last{ background:none; margin-bottom:0; padding-bottom:0;}

dl.r_web_list dd a.r_arrow{ background:url(../images/top/r_arrow.gif) no-repeat left 3px; padding-left:8px; color:#000;}

dl.r_web_list a { font-weight:bold;}


.r_twitter{ clear:both; margin-bottom:15px;}

#right_menu .r_twitter .twtr-hd h3{ clear:none;}
#right_menu .r_twitter .twtr-hd h4{ clear:none;}


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

#contents_n_right h3 img{ width:60%; height:auto;}


}





#menu li a.menu {
  display: block;
  text-align: center;
  color: #FFF;
  text-decoration: none;
}

#menu li a.menu:hover {
  background: #49A3FF;
}

#menu li .submenu {
  background: #77ab6a;
  visibility: hidden;
  position: absolute;
  z-index: 5000;
  width:120px;
}

#menu li .submenu a {
  display: block;
  text-align: left;
  text-decoration: none;
  padding: 10px;
  color: #fff;
  font-size:14px;
  border-bottom:1px solid #3c8529;
}

#menu li .submenu a:hover {
  background: #3c8629;
  color: #FFF;
}



#menu_all li a.menu {
  display: block;
  text-align: center;
  color: #FFF;
  text-decoration: none;
}

#menu_all li a.menu:hover {
  background: #49A3FF;
}

#menu_all li .submenu {
  background: #77ab6a;
  visibility: hidden;
  position: absolute;
  z-index: 5000;
  width:107px;
}

#menu_all li .submenu a {
  display: block;
  text-align: left;
  text-decoration: none;
  padding: 5px;
  color: #fff;
  border-bottom:1px solid #3c8529;
}

#menu_all li .submenu a:hover {
  background: #3c8629;
  color: #FFF;
}



/* audio */          

#audio_classics{ margin:0 0 30px 0; width:696px; text-align:left; height:100%;}
#audio_classics:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}

#audio_classics h2{ width:696px; height:46px; margin:0 0 25px 0;}

#audio_classics p{ font-size:14px; line-height:22px; margin:0 0 24px 0;}



#audio_classics h3{ font-size:16px; line-height:24px;}

#audio_classics li{ font-size:14px; line-height:24px;}



/* Special book */

#special_book{ margin:0 0 30px 0; width:760px; text-align:left; height:100%;}
#special_book:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}

#special_book h2{ width:760px; height:46px; margin:0 0 25px 0;}
#special_book h2 img{ width:100%; height:auto}

#special_book p{ font-size:14px; line-height:22px; margin:0 0 24px 0;}
#special_book h3.special_year{ background:url(../images/h3_back.gif) no-repeat top left;display:block; color:#045a48; font-size:14px; line-height:24px; padding:0 0 0 12px; margin-bottom:15px; border:none;}

.special_book_box{ clear:both;}
.special_book_l{ width:160px; margin:0 10px 30px 0; float:left; display:inline;}
.special_book_r{ width:200px; margin:0 10px 30px 0; float:left; display:inline;}


#special_book h3{ font-size:14px; line-height:24px; background:#ddddcc; padding:2px; border-bottom:1px solid #045a48; margin-bottom:3px;}
#special_book h3 small{ font-size:12px; padding-left:5px;}

#special_book li{ font-size:14px; line-height:24px;}

.special_select{ background:#f4f4f4; padding:5px; font-size:14px; width:280px; float:right;}
.special_select input{ font-size:14px;}
.special_select select{ font-size:14px;}