@charset "UTF-8";

/*/////////////////////////////
 common
 /////////////////////////////*/

/* block
 * --------------------------*/
.container {
	width: 970px;
	margin: auto;
	position: relative;
}

/*/////////////////////////////
 header
 /////////////////////////////*/

.header {
	height:120px;
	background: #fff;		
/*	background: url(../img/common/bg_head_gray.png) repeat left top; */
	border-top: 5px solid #013a83;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.header {	height:119px;	}
}
/* --(books)-- */
	.books .header {
		height:120px;
		background: #fff;		
/*		background: url(../img/common/bg_head_gray_book.png) repeat-x left top; */
		border-top: 5px solid #013a83;
	}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.books .header {	height:119px;	}
}
/* --(books end)-- */

/* header_head
 * --------------------------*/
.header_top {
	width: 100%;
	padding-top:5px;
	margin-bottom: 5px;
	position: absolute;
	right: 0;
	top: 0;
/*	display: table; */
}
/* --(books)-- */
	.books .header_top {
		display: block;
	}
/* --(books/end)-- */

/* header_text */
.header h1{
	color: #8c8c8c;
}
.header_text01 {
	display: table-cell;
	vertical-align: middle;
	width: 247px;
	padding-right: 10px;
	line-height: 1.5em;
	font-weight: normal;
	color: #8c8c8c;
	font-size: 11px;
}
/* --(books)-- */
	.books .header_text01 {
		float:left;
		width:auto;
		display: block;
		color: #6e6e6e;
		padding-top: 5px;
		line-height: 1em;
	}
/* --(books/end)-- */

.header_text02 {
/*	display: table-cell; */
	vertical-align: middle;
	font-weight: normal;
	color: #6e6e6e;
	font-size: 11px;
	text-align: right;
}
/* --(books)-- */
	.books .header_text02 {
		display: block;
		color: #000;
	}
/* --(books/end)-- */

.header_text02 p {
	display: inline-block;
	padding: 0 10px;
	line-height: 1em;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
/* --(books)-- */
	.books .header_text02 p {
		border-left: 1px solid #000;
		border-right: 1px solid #000;
	}
/* --(books/end)-- */

/* header_body
 * --------------------------*/
.header_bottom {
	width: 100%;
	margin: 0;
	position: absolute;
	left: 0;
	top: 12px;
}
/* header_buttons */
.header_buttons{
	text-align:right;
	padding: 28px 0 4px;
}
/* --(books)-- */
	.books .header_buttons{
		padding:28px 0 4px;
	}
/* --(books/end)-- */

.header_buttons li {
	display: inline-block;
	vertical-align: top;
}
.header_buttons .buttons a {
	position:relative;
	vertical-align:top;
	display: inline-block;
	width:70px;
	height:30px;
	padding: 9px 0px 8px;
	line-height:1em;
	text-align:left;
	box-sizing: border-box;
	color:#333;
	letter-spacing:1px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background:#fff; 
	font-weight: bold;
}
.header_buttons .buttons a:hover{
	text-decoration:none;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
}
/*
.header_buttons .buttons a:before{
	display:inline-block;
	vertical-align:top;
	width:12px;
	height:12px;
	content: "";
	margin-right:7px;
}
*/
.header_buttons .buttons a.to_sp_btn {
	width:160px;
	text-align:center;
	background:#B90000;
}

.books .header_buttons .buttons a.to_sp_btn {
	background:#07AF9B;
}


/*
.header_buttons .buttons .signup:before{
	background:url(../img/common/icon_head_touroku.png) no-repeat left top;
}
.header_buttons .buttons .login:before{
	background:url(../img/common/icon_head_login.png) no-repeat left top;
}
*/
/* header_logo*/
.header_logo {
	padding-top:2px;
	float: left;
}
/* hnav */
.hnav {
	text-align:right;
}
.hnav li {
	display:inline-block;
}
.hnav li a {
	display:inline-block;
	width:283px;
	height:0px;
	padding-top:42px;
	overflow:hidden;
	vertical-align:top;
}
.hnav li.item01 a {
	background: url(../img/common/tab_head_sprite.png?v=2) no-repeat left top;
}
.hnav li.item02 a {
	background: url(../img/common/tab_head_sprite.png?v=2) no-repeat -286px top;
}
.hnav li.item01 a:hover,
.index .hnav li.item01 a{
	padding-top:42px;
	background-position:left -48px; 
}
.hnav li.item02 a:hover,
.books .hnav li.item02 a{
	background-position:-286px -48px; 
}

/*/////////////////////////////
 gnav
 /////////////////////////////*/

/* gnav
 * ------------------------- */

/* index */
.gnav {
/*	padding-top:10px; */
/*	background: url(../img/common/bg_head_deepred.png) repeat-x left top; */
	border-top: 2px solid #013a83;
}
.gnav .inner{
	height:40px;
/*	background: url(../img/common/bg_head_red.png) repeat-x left top; */
	border-top: 9px solid #e1ff60;
	background: #fff;
}
/* --(books)-- */
	.books .gnav {
/*		background: url(../img/common/bg_head_deepgreen.png) repeat-x left top; */
	}
	.books .gnav .inner{
/*		background: url(../img/common/bg_head_green.png) repeat-x left top;*/
		border-top: 9px solid #ffc1ff;
		background: #fff;
	}
/* --(books/end)-- */

/* gnav li
 * ------------------------- */
.gnav ul{
	padding:13px 0 0;
}
.gnav ul li {
	float: left;
}
.gnav ul li a {
	display: block;
	margin-right:30px;
	line-height:1em;
	font-size:14px;
	color:#333;
}
/* --(books)-- */
	.books .gnav ul li a {
		margin-right:18px;
	}
/* --(books/end)-- */

/* gnav item
 * ------------------------- */
.gnav .item01 a:before {
	display:inline-block;
	vertical-align:middle;
	width:17px;
	height:15px;
	content: "";
	margin-right:7px;
}
.gnav .item01 a:before {
	background: url(../img/common/icon_check_sprite2.png) no-repeat left top;
}
/* --(books)-- */
	.books .gnav .item01 a:before {
		background: url(../img/common/icon_check_sprite2.png) no-repeat left top;
	}
/* --(books/end)-- */
/* item hover */
.gnav .item01 a:hover:before {
	background-position: left -20px;
}
/* item active */
.gnav .item01 a.active{
	font-weight:bold;
}
.gnav .item01 a.active:before {
	background-position: left -20px;
}

/*/////////////////////////////
 wrap
 /////////////////////////////*/

/* wrap
 * ------------------------- */
.wrap {
	width: 100%;
	position: relative;
	background: #f6f2e9;
}
/* --(books)-- */
	.books .wrap {
/*		background: #fff; */
	}
/* --(books/end)-- */


/*/////////////////////////////
 main
 /////////////////////////////*/

/* main
 * ------------------------- */
.main {
	position: relative;
	width: 970px;
	margin: auto;
	padding: 10px 0 30px;
	min-height:300px;
}

/* main_banner
 * ------------------------- */
.main_banner{
	padding:10px 0 0;
	text-align:center;
}

/* breadcrumb
 * ------------------------- */
.breadcrumb {
	padding:15px 0;
	font-size:12px;
}
.breadcrumb ul{
	box-sizing: border-box;
}
.breadcrumb ul li {
	display: inline-block;
	margin-right: 5px;
}
.breadcrumb ul li a {
	color: #000;
}
.breadcrumb ul li span {
	color: #0957bc;
}
/* --(books)-- */
	.books .breadcrumb ul li span {
		color: #0957bc;
	}
/* --(books/end)-- */

/*/////////////////////////////
 article
 /////////////////////////////*/

/* block
 * ------------------------- */
.article {
	float: left;
	width: 640px;
}

/*/////////////////////////////
 sidebar
 /////////////////////////////*/

/* sidebar
 * ------------------------- */
.sidebar {
	float: right;
	width: 300px;
	margin-bottom:30px;
}

/* sidesearch
 * ------------------------- */
.sidesearch{
	margin-bottom:24px;
}
.sidesearch input{
	float:left;
	height:45px;
	box-sizing:border-box;
	vertical-align:middle;
	margin:0;
}
.sidesearch input[type="text"]{
	position:relative;
	width:85%;
	padding:12px 15px;
	border:1px solid #fff;
	font-size:13px;
	line-height:1em;
	border-radius:8px 0 0 8px;
	-webkit-border-radius:8px 0 0 8px;
	-moz-border-radius:8px 0 0 8px;
/*	box-shadow:rgba(0, 0, 0, 0.0470588) 4px 0px 4px 4px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.0470588) 4px 0px 4px 4px;
	-moz-box-shadow:rgba(0, 0, 0, 0.0470588) 4px 0px 4px 4px; */
}
/* --(books)-- */
	.books .sidesearch input[type="text"]{
		background:#fff;
	}
/* --(books/end)-- */
.sidesearch input[type="submit"]{
	position:relative;
	width:15%;
	text-indent:-9999px;
	border:0;
	border-radius:0 5px 5px 0;
	-webkit-border-radius:0 5px 5px 0;
	-moz-border-radius:0 5px 5px 0;
	background:url(../img/common/icon_search.png) no-repeat center center #013a83;
	cursor:pointer;
}

/* sidebanner
 * ------------------------- */
.sidebanner{
	display:inline-block;
}
.sidebanner img{
	vertical-align: bottom;
}
.sidebanner img:hover{
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
}

/* snav
 * ------------------------- */
.snav_link{
	position:relative;
	display:block;
	color:#fff;
	font-weight:bold;
	padding:15px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background:url(../img/common/title_leftside_bg.png) repeat left top;
}
/* snav_head */
.snav_head {
	position:relative;
	display:block;
	color:#fff;
	padding:13px 15px;
	border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
/*	background:url(../img/common/title_leftside_bg.png) repeat left top; */
	background: #013a83;
	cursor: pointer
}
/* snav_body */
.snav_body{
	position:relative;
	padding:15px 20px 1px;
	box-sizing:border-box;
	border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	background:#fff;
}
/* snav_body_img */
.snav_body_img{
}
.snav_body_img img{
	position:relative;
	vertical-align: bottom;
	border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
}
/* snav_body ul,li */
.snav_body ul li{
	margin-bottom:14px;
}
.snav_body .normal li{
/*	padding-left:18px;
	background:url(../img/common/icon_dot_gray.png) no-repeat left 3px; */
}
.snav_body ul li a{
	display:block;
}
/* ranking */
.snav_body .ranking li.first{
	padding-left:28px;
	background:url(../img/common/icon_rank1.png) no-repeat left 3px;
}
.snav_body .ranking li.first span{
	font-weight:bold;
	color:#ffaf00;
}
.snav_body .ranking li.second{
	padding-left:28px;
	background:url(../img/common/icon_rank2.png) no-repeat left 3px;
}
.snav_body .ranking li.second span{
	font-weight:bold;
	color:#333;
}
.snav_body .ranking li.third{
	padding-left:28px;
	background:url(../img/common/icon_rank3.png) no-repeat left 3px;
}
.snav_body .ranking li.third span{
	font-weight:bold;
	color:#c3553f;
}
.snav_body .ranking li.other{
	padding-left:28px;
	background:url(../img/common/icon_rank4.png) no-repeat left 3px;
}
.snav_body .ranking li.other span{
	font-weight:normal;
}
/* snav_body figure,h,p */
.snav_body p{
	margin-bottom:14px;
}
/* hover 設定 */
.snav_link:hover,
.snav_head:hover,
.snav_body_img img:hover{
	text-decoration:none;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
}

/* snav_bg
 * ------------------------- */
.snav_bg ul li{
	margin-bottom:2px;
}
.snav_bg ul li a{
	position:relative;
	display:block;
	padding:12px 15px 12px 30px;
	background:url(../img/common/icon_arrow_red.png) no-repeat 15px 15px #f2f2f2;
}
.snav_bg ul li a.first{
	border-radius:5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0px 0px;
}
.snav_bg ul li a.last{
	border-radius:0px 0px 5px 5px;
	-webkit-border-radius:0px 0px 5px 5px;
	-moz-border-radius:0px 0px 5px 5px;
}
/*.snav_bg ul li a:hover{
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	opacity: 0.8;
}*/

/* --(books)-- */
	.books .snav_bg ul li a{
		font-weight:bold;
		background:url(../img/common/icon_arrow_green.png) no-repeat 15px 16px #fff;
	}
	.books .snav_bg ul li a.active,
	.books .snav_bg ul li a:hover{
		background:url(../img/common/icon_arrow_white.png) no-repeat 15px 16px #ffc1ff;
		color:#333;
		text-decoration: none;
	}
/* --(books/end)-- */

/* book_ranking
 * ------------------------- */
/* title */
.side_ranking > .title a{
	position:relative;
	display:block;
	padding:12px 15px 12px 31px;
	background:url(../img/common/icon_rank5.png) no-repeat 10px 13px #2cbfcb;
	color:#fff;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.side_ranking > .title a:hover{
	text-decoration:none;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}
/* ul,li */
.side_ranking ul li{
	padding: 12px 0;
	background:url(../img/common/line_leftside_gray.png) no-repeat left bottom;
}
/* pickup */
.side_pickup {
	display: block;
	margin: 0 0 20px 0;
}
.side_pickup :hover {
	text-decoration: underline;
}
.side_pickup h4 {
/*	font-size: 15px; */
	font-weight: bold;
	color: #0957bc;
}
.side_pickup h5 {
	margin: 0 0 4px 0;
	color: #555;
}
.side_pickup ul li {
	display: inline-block;
	margin: 0 4px 4px 0;
	padding:  4px 10px 3px;
	font-size: 12px;
	color:#fff;
	background-color: #555;
	line-height: 1em;
	border-radius: 1em;
}
.side_pickup ul li:hover {
	text-decoration: none;
}

/* ranking */
.side_ranking ul li.first figure{
	float:left;
}
.side_ranking ul li.first figure img{
	width:100px;
}
.side_ranking ul li.first .text{
	float:right;
	width:181px;
}
.side_ranking ul li.first .text .title{
	color:#bd8101;
	margin-bottom:5px;
}
.side_ranking ul li.first .text .title:before{
	display:inline-block;
	width:21px;
	height:17px;
	vertical-align:top;
	content:"";
	margin-right:6px;
	background:url(../img/common/icon_rank1.png) no-repeat left -1px;
}
.side_ranking ul li .second{
	padding-left:28px;
	background:url(../img/common/icon_rank2.png) no-repeat left -1px;
}
.side_ranking ul li .second span{
	font-weight:bold;
	color:#333;
}
.side_ranking ul li .third{
	padding-left:28px;
	background:url(../img/common/icon_rank3.png) no-repeat left -1px;
}
.side_ranking ul li .third span{
	font-weight:bold;
	color:#c3553f;
}
.side_ranking ul li .other{
	padding-left:28px;
	background:url(../img/common/icon_rank4.png) no-repeat left -1px;
}
.side_ranking ul li .other span{
	font-weight:normal;
}

/* other
 * ------------------------- */
.sidebar .mgb5{
	margin-bottom:5px;
}
.sidebar .mgb10{
	margin-bottom:10px;
}
.sidebar .mgb30{
	margin-bottom:30px;
}
.sidebar .caption01{
	color:#999;
	font-size:11px;
}
.sidebar .sidesns {
	background:#fff;
}
.sidebar .sidesns .fb_box div.fb_iframe_widget,
.sidebar .sidesns .fb_box div.fb_iframe_widget iframe[style],
.sidebar .sidesns .fb_box div.fb_iframe_widget span {
    width: 100% !important;
    max-width: 960px;
}

/*/////////////////////////////
 footer
 /////////////////////////////*/

/* footer
 * -----------------------------*/
.footer {
	padding: 0;
	background: #bfbfbf;
}
/* --(books)-- */
	.books .footer {
		padding: 0;
	}
/* --(books/end)-- */

/* footer_top
 * -----------------------------*/
.footer_top{
	background:#fff;
	padding:4px 0 0;
	border-top: 2px solid #0d4388;
}
/* --(books)-- */
	.books .footer_top{
		background:#fff;
	}
/* --(books/end)-- */

.fnav{
	display:inline-block;
	width:770px;
	padding:20px 100px 0;
	vertical-align: top;
}
.fnav ul {
	text-align:center;
    width: 700px;
    margin: auto;
    font-size: 94%;
}
.fnav ul li{
	display:inline-block;
	border-right:1px solid #000;
	line-height:1.2em;
	padding:0px 10px;
}
.fnav ul li.border_left{
	border-left:1px solid #000;
}
.footer_top .flogo1,
.books .footer_top .flogo1{
	position: absolute;
	top: 18px;
	}
.footer_top .flogo2,
.books .footer_top .flogo2{
	position: absolute;
	top: 8px;
	right: 0;
	}
	
/* footer_bottom
 * -----------------------------*/
.footer_bottom{
	background:#fff;
	padding:12px 0 6px;
	color:#6e6e6e;
	font-size:11px;
}
/* copy */
.footer_bottom .copyright{
	float:left;
	width:50%;
}
/* sitename */
.footer_bottom .sitename{
	float:right;
/*	padding:10px 0 9px; */
	width:48%;
	text-align:right;
}

.to_sp_banner {
	text-align:center;
	background:#373737;
}

body.books .to_sp_banner {
	background:#F3F3F3;
}

/* スクロール後のヘッダー
 * -----------------------------*/
nav.fixed,
.books nav.fixed {
	border-top: 3px solid #013a83;
}
nav.fixed .inner,
.books nav.fixed .inner  {
  display: block;
  background-color: #013a83;
  border: none;
}
nav.fixed .inner a {
	color: #fff;
}
nav.fixed .inner .item01 a:before {
	background: url(../img/common/icon_check_sprite3.png) no-repeat left top;
}
/* item hover */
nav.fixed .inner .item01 a:hover:before {
	background-position: left -20px;
}
/* item active */
nav.fixed .inner .item01 a.active{
	font-weight:bold;
}
nav.fixed .inner .item01 a.active:before {
	background-position: left -20px;
}


nav .head_short_unit {
  	display: none;
  }
	
nav.fixed .head_short_unit {
  	display: block;
  	padding: 2px 0; 
	background-color: #fff;
}
nav.fixed .head_short_unit_inner {
	width: 970px;
	margin: 0 auto;
}
nav.fixed .nav_logo {
	width: 134px;
	float: left;
  	padding: 4px 0 0; 
}
nav.fixed .head_short_btn {
	width: 500px;
	float:right;
	text-align: right;
}
nav.fixed .head_short_btn p {
	font-size: 11px;
	font-weight: bold;
	color: #8c8c8c;
}
nav.fixed .head_short_btn .header_buttons {
	text-align: right;
	padding: 0;
}
nav.fixed .head_short_btn ul li {
	float: none;
}

nav.fixed .head_short_btn ul li a {
	margin: 0;
}
nav.fixed .head_short_btn ul li.sns_buttons a {
	display: inline;
}

nav.fixed .head_short_unit_inner:after {
	clear: both;
	content: "";
	display: block;
}