<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* ====================================================
	
	common.css

======================================================= */
.clearfix:after {
	content: ".";  
	display: block;  
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/* ----------------------------
	link
-------------------------------*/
a{
	color:#003366;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
	opacity: 0.7; /*追記*/
}

a img.trans:hover,
a img.bookcover:hover,
#sideBanner a:hover img,
#globalFooter #globalFooterBanner a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

a .entryThum:hover{
	border:#690 solid 1px;
}

#hotWord li a{
	color:#F0F0F0;
}

#sideCM a{
	color:#FFFFFF;
}

.globalFooterNav li a{
	color:#333333;
}

.tag a{
	color:#666666;
}

.copy a{
	color:#F16C45;
}

.copy a:hover{
	color:#F16C45;
	text-decoration:underline;
}

.searchResultBook .onlinestore a{
	color:#669900;
}
/* ----------------------------
	body
-------------------------------*/
body{
	background:url(../images/main_bg.jpg) repeat-x left top;
	color:#333333;
	line-height:1.4;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/* ----------------------------
	layout
-------------------------------*/
#wrapper{
	width:1058px;
	margin:0 auto;
}

#contents{
	width:998px;
	margin:6px auto 0;
	padding:20px 30px 30px;
	background:url(../images/mainbox_bg.png) no-repeat center top;
}
/* ----------------------------
	header
-------------------------------*/
#globalHeader {
	background: #f9f7f4;
	border-bottom: 1px solid #ccc;
	padding: 0 0 5px;
}

#globalHeader .inner {
	margin:0 auto;
	width:1030px;
}

/* subNav */
#subNav {
	height:38px;
	margin:0 auto;
	width:1030px;
}

#subNav ul{
	margin:0 auto;
	background:url(../images/subnav_bg.gif) no-repeat left top;
	width:315px;
	height:27px;
	float:right;
}

#subNav ul li{
	line-height:0;
	font-size:0;
	float:left;
	padding:0 0 0 25px;
	margin: 7px 0 0 0;
}

#headerLogo{
	padding:7px 0 0 5px;
	width:230px;
	float:left;
}

/* mainNav */
#mainNav{
	width:660px;
	float:left;
}

#mainNav li{
	line-height:0;
	font-size:0;
	float:left;
	width:130px;
	height:64px;
	padding-left:1px;
	border-left: 1px dotted #333;
}

#mainNavSecond{
	float:left;
	width:131px;
	height:50px;
	padding-top:16px;
	padding-left:1px;
	background:url(../images/vline_dotted_black.gif) no-repeat left top;
}

#mainNavSecond li{
	line-height:0;
	font-size:0;
	margin:0 0 7px 10px;
}

/* wordSearch */
#wordSearch{
	margin-top:7px;
	background:url(../images/hotword_body.jpg) no-repeat left top;
}

#wordSearchWrap{
	background:url(../images/hotword_btm.jpg) no-repeat left bottom;
	padding:10px 0 10px 23px;
}

#hotWord{
	padding:7px 0 0 0;
	width:640px;
	float:left;
}

#hotWord dt{
	float:left;
	width:80px;
	padding-top:1px;
}

#hotWord dt img{
	vertical-align: baseline;
}

#hotWord dd{
	float:left;
	width:540px;
}

#hotWord li{
	display:inline-block;
	margin-left:10px;
	padding-left:10px;
	background:url(../images/arrow_gray.gif) no-repeat left center;
	color:#CCCCCC;
	/display: inline;
	/zoom: 1;
}

/* searchBox */
#searchBox{
	width:330px;
	float:right;
}

#searchBox .searchBoxTxt{
	width:160px;
	height:24px;
	border:0;
	background:url(../images/searchbox_bg.gif) #FFF no-repeat left center;
	padding:3px 5px 3px 27px;
	/height:19px;/* IE6.7 */
	/padding-top:8px;/* IE6.7 */
	height:19px\9;/* IE8 */
	padding-top:8px\9;/* IE8 */
}

#searchBox .searchBoxBtn{
	margin-left:5px;
}

#searchBox .searchBoxMore{
	vertical-align:middle;
	margin-left:10px;
}

/* importantInfo */
#importantInfo{
	width:1010px;
	margin:10px auto 0;
	border:#FF3300 solid 1px;
	padding:10px;
	background-color:#FFF;
}

#importantInfo #importantInfoHeader{
	width:120px;
	padding-top:2px;
	float:left;
}

#importantInfo #importantInfoHeader img{
	vertical-align:baseline;
	font-size:0;
	line-height:0;
}

#importantInfo .importantBtnClose{
	cursor:pointer;
}

#importantInfo #importantInfoHeader h2{
	display:inline;
	margin-left:5px;
}

#importantInfo #importantInfoBody{
	width:880px;
	float:right;
	color:#FF6600;
}


#subNav ul {
	background: #333;
	border-radius: 2px;
}


/* ----------------------------
	mainContents
-------------------------------*/
#mainContents{
	width:760px;
	float:left;
}
/* ----------------------------
	sideContents
-------------------------------*/
#sideContents{
	width:200px;
	float:right;
	padding:9px;
	background-color:#F5F4EF;
	border:#EDEBE2 solid 1px;
}

#sideContents .sideBox{
	border:#CCCCCC solid 1px;
	background-color:#FFFFFF;
	margin-bottom:7px;
}

#sideContents .sideBox .sideBoxHeader{
	padding:7px 5px;
	background:url(../images/side_title_bg.jpg) no-repeat left top;
}

#sideContents .sideBox h3{
	padding:7px 0 7px 10px;
	border-left:#690 solid 4px;
}

#sideContents .sideBoxBody{
	border-top:#CCC dotted 1px;
	padding:10px;
}

#sideContents .sideBoxFooter{
	padding:0 10px 10px 10px;
}

/* sideRanking */
#sideRanking dl{
	background:url(../images/line_dotted_gray.gif) repeat-x left bottom;
	margin-bottom:7px;
	padding-bottom:7px;
	overflow:hidden;
	clear:both;
}

#sideRanking .sideBoxBody{
	padding:10px 0 0 0;
}

#sideRanking dl{
	padding:0 7px 7px 7px;
}

#sideRanking dt{
	float:left;
	width:22px;
}

#sideRanking dd{
	float:right;
	width:155px;
}

#sideRanking .sideBoxFooter{
	text-align:right;
	font-size:93%;
	color:#F16C45;
}

/* sidePickup */
#sidePickup .sidePickupThum{
	text-align:center;
	margin-bottom:5px;
}

#sidePickup .sidePickupThum img{
	width:120px;
}

#sidePickup .sidePickupTime{
	background:url(../images/arrow_circle_black.gif) no-repeat left center;
	font-size:93%;
	padding-left:15px;
	margin-bottom:3px;
	display:block;
}

#sidePickup h4{
	text-align:left;
	margin-bottom:5px;
}

#sidePickup p{
	color:#666666;
}

/* sideLong  */
#sideLong h4{
	margin-bottom:5px;
}

#sideLong dt{
	float:left;
	width:75px;
}

#sideLong dd{
	float:right;
	width:100px;
}

#sideLong .sideLongThum{
}

#sideLong .sideLongThum img{
	width:70px;
}

/* sideCM */
#sideCM .sideBoxBody{
	border-top:#CCC dotted 1px;
	padding:9px;
}

#sideCM .sideCMBody{
	background:url(../images/side_cm_body.jpg) no-repeat left top;
}

#sideCM .sideCMBtm{
	background:url(../images/side_cm_btm.gif) no-repeat left bottom;
	padding:30px 10px 25px;
}

#sideCM .sideCMThum{
	text-align:center;
	margin-bottom:5px;
}

#sideCM .sideCMThum img{
	width:150px;
}

#sideCM .sideCMBody h4{
	font-weight:normal;
	margin-bottom:7px;
}

#sideCM .sideCMList{
	text-align:center;
}

/* sideBanner */
#sideBanner li{
	margin-top:5px;
}

#sideBanner li img{
	width:200px;
}
/* ----------------------------
	footer
-------------------------------*/
#globalFooter{
	border-top: 1px dotted #333;
}

#globalFooter #globalFooterBanner{
	width:1000px;
	margin:0 auto 0;
}

#globalFooter #globalFooterBanner li{
	display:inline;
	margin:0 10px 7px 0;
}

#globalFooter #globalFooterWrap{
	background:url(../images/line_dotted_black.gif) repeat-x center top;
}

#globalFooter .globalFooterPagetop{
	line-height:0;
	font-size:0;
	width:1000px;
	text-align:right;
	margin:-2px auto 0;
}

#globalFooter .globalFooterNav{
	width:1000px;
	margin:0 auto;
}

#globalFooter .globalFooterNav li{
	display:inline;
	margin-right:7px;
	padding-right:7px;
	border-right:#333 solid 1px;
	font-size:93%;
}

#globalFooter .globalFooterNav li:last-child{
	border-right:none;
}

#globalFooter .globalFooterCopyright{
	width:1000px;
	margin:0 auto;
	display:block;
	padding:10px 0 20px;
}
/* ----------------------------
	breadcrumb
-------------------------------*/
.breadcrumb{
	/*height:21px;*/
}

.breadcrumb li{
	display:inline-block;
	margin-left:5px;
	padding-left:15px;
	background:url(../images/hr_angle.gif) no-repeat left center;
	/display:inline;
}

.breadcrumb li.home{
	background-image:none;
	margin:0;
	padding:0;
}

.breadcrumb li.home img{
	vertical-align:top;
}

/* bookdetail &amp; columndetail &amp; authordetail */
#mainContentsPath .breadcrumb{
	width:510px;
	float:left;
}

#mainContentsPath .snsBtn{
	width:240px;
	float:right;
}

/* snsBtn */
#mainContentsPath .snsTweet{
    float:right;
    width:90px;
	height:20px;
	width:100px\9;
}

#mainContentsPath .snsLike{
    float:right;
    width:90px;
	height:20px;
}

.snsLike iframe{
	width:120px;
	border:none;
	overflow:hidden;
	height:21px;
}
/* ----------------------------
	pageHeader
-------------------------------*/
#pageHeader{
}

#pageHeader h1{
	margin-top:20px;
	font-size:108%;
	color:#FFFFFF;
	padding:10px 10px 0 35px;
	height:30px;
	background:url(../images/title_green.jpg) no-repeat left top;
}
/* ----------------------------
	pageBody
-------------------------------*/
#pageBody{
	margin-top:20px;
}

/* ----------------------------
	bodyPagetop
-------------------------------*/
.bodyPagetop{
	text-align:right;
}

.bodyPagetop a{
	background:url(../images/arrow_pagetop.gif) no-repeat left center;
	padding-left:15px;
	font-size:93%;
}

/* ----------------------------
	pager
-------------------------------*/
.pagerCount{
	padding-left:10px;
	width:210px;
	float:left;
}

.pagerNum{
	padding-right:10px;
	float:right;
}

.pagerNum li{
	float: left;
	padding: 2px 7px;
	margin-left: 2px;
	border: solid #333333 1px;
	background-color: #FFFFFF;
}

.pagerNum .current{
	border: solid #333333 1px;
	background-color: #333333;
	color: #FFF;
}

.pagerNum pagerPrev {
	margin-right: 10px;
	margin-left: 0px;
}

.pagerNum pagerNext {
	margin-left: 10px;
}
/* ----------------------------
	element
-------------------------------*/
.trans{
}

.bookcover{
}

.entryThum{
	border:#CCCCCC solid 1px;
}

.copy {
	color:#F16C45;
}

.eventStatus {
	margin-left:10px;
}

.iconNew{
	margin-left:10px;
	vertical-align:middle;
}

.slashList li{
	background:url(../images/hr_slash.gif) no-repeat left center;
	padding-left:10px;
	display:inline;
}

.slashList li:first-child{
	background-image:none;
	padding-left:0;
}

.titleBgGreen{
	margin:20px 0;
	font-size:108%;
	color:#FFFFFF;
	padding:10px 10px 0 35px;
	height:30px;
	background:url(../images/title_green.jpg) no-repeat left top;
}

.titleBgGreenBoxtop{
	font-size:108%;
	color:#FFFFFF;
	padding:10px 10px 0 35px;
	height:30px;
	background:url(../images/title_green_boxtop.jpg) no-repeat left top;
}

.titleBgGreenCircle{
	font-size:122%;
	background:url(../images/title_green_circle.gif) no-repeat left top;
	height:50px;
	padding-left:40px;
	line-height:50px;
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box &gt; #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
/* ----------------------------
	archivelist
-------------------------------*/
.archivelist{
	margin-top:20px;
}

.archivelist dt{
	margin-top:20px;
	background:#F5F4EF;
	padding-left:30px;
	line-height:30px;
	font-weight:bold;	
}

.archivelist dd{
	padding: 10px 0 0 30px;
}

.archivelist dd li{
	display:inline;
	background:url(../images/arrow_gray.gif) no-repeat left center;
	padding:0 20px 0 10px;
}
/* ----------------------------
	resultlist
-------------------------------*/
/* searchResultList */
#searchResultList{
	background:url(../images/line_dotted_black2.gif) left top no-repeat;
	margin:20px 0;
}

#searchResultList02{
	background:url(../images/line_dotted_black.gif) left top repeat-x;
	margin:20px 0;
}

/* searchResultBook */
.searchResultBook{
	background:url(../images/line_dotted_black2.gif) left bottom no-repeat;
	padding:15px 0;
}

.searchResultBookHeader{
	width:540px;
	float:left;
}

.searchResultBookBody{
	width:200px;
	float:right;
}

.searchResultBookThum{
	width:120px;
	float:left;
}

.searchResultBookThum img{
	width:120px;
}

.searchResultBookWrap{
	width:400px;
	float:right;
}

.searchResultBook .titleMae,
.searchResultBook .titleSub{
	font-weight:normal;
	display:block;
	font-size:93%;
}

.searchResultBook .titleTsuno{
	font-weight:normal;
	font-size:93%;
}

.searchResultBook .title{
	font-weight:bold;
	font-size:122%;
}

.searchResultBook .authorList{
	margin:7px 0;
}

.searchResultBook .copy{
	font-size:108%;
	margin-bottom:7px;
}

.searchResultBook .tagList{
	margin-top:7px;
	font-size:85%;
}

.searchResultBook .statusList,
.searchResultBook .onlinestore,
.searchResultBook .browsingList{
	margin-top:7px;
}

.searchResultBook .digitalAppList{
	margin-bottom:7px;
}

.searchResultBook .digitalAppList li {
    display: inline;
    margin-right: 3px;
}

/* searchResultColumn */
.searchResultColumn{
	background:url(../images/line_dotted_black.gif) left bottom repeat-x;
	padding:15px 0;
}

.searchResultColumnThum{
	width:120px;
	float:left;
}

.searchResultColumnThum img{
	width:120px;
}

.searchResultColumnWrap{
	width:620px;
	float:right;
}

.searchResultColumn h3{
	clear:both;
	padding:3px 0;
	font-size:122%;
}

.searchResultColumn .columnTimeWrap{
	float:left;
    width:210px;
}

.searchResultColumn .columnTime{
	background:url(../images/arrow_circle_black.gif) no-repeat left center;
	padding-left:15px;
}

.searchResultColumn .columnWriterWrap{
	float:right;
	text-align:right;
}

.searchResultColumn .columnWriter{
	background:url(../images/icon_pencil.gif) no-repeat left center;
	padding-left:20px;
}

.searchResultColumn .searchResultColumFooter{
	margin-top:5px;
	text-align:right;
}

/* searchResultNewsevent */
.searchResultNewsevent{
	background:url(../images/line_dotted_black.gif) left bottom repeat-x;
	padding:15px 0;
}

.searchResultNewsevent h3{
	clear:both;
	padding:3px 0;
	font-size:122%;
}

.searchResultNewsevent .columnTime{
	background:url(../images/arrow_circle_black.gif) no-repeat left center;
	padding-left:15px;
}

.searchResultNewsevent .eventTime{
	background:url(../images/arrow_orange.gif) no-repeat left center;
	padding-left:10px;
	font-weight:bold;
}

.searchResultNewsevent .pubdateTime{
	display:block;
	text-align:right;
	
}
/* ----------------------------
	series
-------------------------------*/
.seriesAnchor li{
	background:url(../images/vline_dotted_black.gif) no-repeat right center;
	display:inline;
	padding:0 15px 0 12px;
}

.seriesAnchor a{
	background:url(../images/arrow_b_orange.gif) no-repeat left center;
	padding-left:15px;
	font-weight:bold;
}

/* seriesBooks */
.seriesBooksNameListTitle{
	color:#FFFFFF;
	font-size:122%;
	background:url(../images/title_black.jpg) no-repeat left top;
	height:36px;
	line-height:36px;
	padding-left:15px;
	margin:20px 0;
}

.seriesBooksNameList{
	padding-left:5px;
}

.seriesBooksNameList li{
	width:164px;
	background:url(../images/arrow_gray.gif) no-repeat 0 5px;
	padding:0 10px 3px;
	float:left;
}

/* seriesComics */
.seriesComicsNameList{
	border-top:solid 1px #EDEBE2;
}

.seriesComicsNameList li{
	border-bottom:solid 1px #EDEBE2;
	background:url(../images/arrow_b_black.gif) no-repeat 15px center;
	padding:20px 15px 20px 30px;
	font-size:108%;
	font-weight:bold;
}</pre></body></html>