@charset "UTF-8";


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

 style.css

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



/* main
================================================*/

/* 画像スライドショー */
.main_view {
	float: left;
	position: relative;
	margin-bottom: 10px;
}
/*--Window/Masking Styles--*/
.window {
	height:315px;	width: 940px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.slidepaging {
	position: absolute;
	bottom: 10px; right: 0;
	height:40px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: right;
	line-height: 40px;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.slidepaging a img{
	border: 2px solid #FFF;
	margin-right: 10px;
}
.slidepaging a.active img {
	border: 2px solid #309de0;
}
.slidepaging a:hover {font-weight: bold;}




/* バナースライドショー */
#bannernavi { margin-bottom: 10px;}

#ViewArea {
	width:916px;
	height: 75px;
	overflow:hidden;
	position:relative;
	float:left;
	z-index:1;
	background: url("../images/top_bn_sitebg.gif") repeat-x
}
#ScrollArea {
	width:auto;
	position:relative;
	padding-top: 10px;
	z-index:2;
}

#ScrollArea li {
	float:left;
	height: 54px;
	position:relative;	
	padding:0 5px;
	text-align:center;
	list-style:none;
}

#Leftbtn {
	width:12px;
	height:75px;
	overflow:hidden;
	float:left;
	z-index:1;
	background:url("../images/top_bn_siteleft.jpg") no-repeat;
}
#Leftbtn:hover {
	z-index:1;
}

#Rightbtn {
	width:12px;
	height:75px;
	overflow:hidden;
	float:right;
	z-index:1;
	background:url("../images/top_bn_siteright.jpg") no-repeat;					
}
#Rightbtn:hover {
	z-index:1;
}



/* トップページ */

h2.toptitle {
	position: relative;
	margin:0px 0px 12px 0px;
}

.rssBtn {
	position: absolute;
	top: 7px;
	right: 10px;
}


.pickupBox {
	width:324px;
	padding:0px 12px;
	float:left;
}

.pick_text {
	float:right;
	line-height:1.2em;
	width:170px;
}

.pick_text .ptitle {
	font-weight:bold;
}


.pick_text dd,.pick_text dt {
	margin:0px;
	padding:0px;
}


.pickupList dl {
	margin:15px 10px 0px 10px;
}

.pickupList dt {
	font-weight: bold;
	padding-top:7px;
}

.pickupList dd {
	border-bottom:1px dashed #999;
	padding-bottom:7px;
}

.charaSearch ul {
	list-style-type: none;
	margin:0px 0px 20px 0px;
}

.charaSearch li {
	float:left;
}

.newBookList {
	float:left;
	margin-left:12px;
}

*html .newBookList {
	float:left;
	margin-left:6px;
}

.newBookList dl {
	width:440px;
}

.newBookList dt {
	float:left;
	width:330px;
	background:url("../images/navi_right.gif") no-repeat center left;
	padding:3px 0 3px 15px;
	font-weight:normal;
	border-bottom:1px dashed #999;
}

.newBookList dd {
	float:left;
	width:86px;
	border-bottom:1px dashed #999;
	padding:3px 0 3px 0;
}

.newBookImg {
	width:140px;
	float:left;
	margin:15px 0 0 60px;
	text-align:center;
}


.topInfo dl, .topInfo dt, .topInfo dd { margin:0px;padding:0px;}

.topInfo dl {
	width: 680px;
	margin-left:10px;
}

.topInfo dt {
	width:6em;
	float:left;
	font-weight:normal;
	padding: 2px 0;
}

.topInfo dd { margin-left:7em;padding: 2px 0;}






/* pickup
================================================*/
div.pickupListCol3 {
	width: 940px;
	list-style-type: none;
	margin-bottom: 30px;
}

dl.pickupListBox {
	float:left;
	width: 295px;
	margin: 0 7px;
	padding-bottom: 15px;
	line-height: 1.3em;
	border-top: 3px solid #309de0;
}

dl.pickupListBox dt {
	float: left;
	width: 140px;
	padding-top: 5px;
}

dl.pickupListBox dd {
	margin-left: 150px;
	padding-top: 5px;
}

dl.pickupListBox h2 {
	padding-bottom: 5px;
	margin-bottom: 10px;
}




/* information
================================================*/
dl.informationList { width: 700px;}
dl.informationList dt {
	padding: 2px 5px;
	font-weight: bold;
	font-size: 83%;
}

dl.informationList dd { padding: 0 5px 30px 5px; }
dl.informationList h2 {
	padding: 5px;
	border-top: 3px solid #309de0;
	border-bottom: 1px dashed #999;
	background:url("../images/information_bg.gif");
	color: #CC0000;
}

dl.informationList p { 
	padding: 10px 5px;
}



/* 雑誌
================================================*/
/* カテゴリメニュー */
.sideCategoryMagazine .subcategory {
	font-weight: bold;
	margin: 10px 10px 0 5px;
	padding: 3px 0 3px 5px;
	border-left-style: solid;
	border-left-width: 3px;
}

.magazineListCol3 {
	padding: 0 0 0 10px;
	margin-bottom: 10px;
}

.magazineListBox {
	float: left;
	width: 220px;
	margin-right: 10px;
}

.magazineListBox dl {
	border: 3px solid #EFEFEF;
}

.magazineListBox dl dt {
	float: left;
	width: 90px;
	padding: 10px;
}

.magazineListBox dl dd {
	padding: 10px 0;
	_height: 1%;
}

.magazineListBox dl p.date {
	margin: 10px 0;
}


h2.magazineId {
	font-weight: bold;
	font-size: 116%;
	padding: 4px 0 2px 10px;
	margin-bottom: 5px;
	background: url("../images/magazine_subtitle_bg.gif") repeat-x;
	border-left-style: solid;
	border-left-width: 5px;
	border-left-color: #309de0;
}

h2.magazineName {
	font-weight: bold;
	font-size: 123.1%;
	padding: 0 0 5px;
	margin: 0 0 10px;
	border-bottom: 1px dashed #333;
}


.magazineId001 { border-left-color: #3c9567;}
.magazineId002 { border-left-color: #9c4bc2;}
.magazineId003 { border-left-color: #ee2e2e;}
.magazineId004 { border-left-color: #ff6600;}
.magazineId005 { border-left-color: #3d5bdd;}
.magazineId006 { border-left-color: #ee5eaf;}
.magazineId007 { border-left-color: #ad80f8;}
.magazineId008 { border-left-color: #54b9f3;}
.magazineId009 { border-left-color: #99cc33;}

.magazineListBtn { text-align:center;margin: 5px 0;}
.magazineEcBtn { text-align:center;margin: 30px 0 10px;}
.magazineBuyBtn { text-align:center;margin: 10px 0 30px;}
.magazineListNico { text-align:center;margin: 30px 0;}

.magazineDetail { padding: 0 20px; }
.magazineDetailR { float:right;width: 430px;}
.magazineDetailL { float:light; width: 200px;}





/* 新刊、コミック
================================================*/
.comicList { padding: 10px 10px 0;}
.comicList dl dt { float: left; width: 160px;padding: 3px 0;}
.comicList dl dd { margin-left: 160px;padding-bottom: 15px;}
.comicList .comicListBox  { float: left; width: 400px;}
.comicList ul li { padding: 1px 0;}
.comicListBtn { float: right;margin-right: 5px;}
.comicListBtn p { margin-bottom: 5px;}
.comicList h2 { border-bottom: 1px dashed #333; padding: 7px 0; margin: 0 0 15px 0;}


h2.comicName {
	font-weight: bold;
	font-size: 123.1%;
	padding: 0 0 5px;
	margin: 0 0 10px;
	border-bottom: 1px dashed #333;
}


.comicDetail { padding: 0 20px; }
.comicDetailR { float:right;width: 430px;}
.comicDetailL { float:light; width: 200px;}

.comicListBtn { text-align:center;margin: 5px 0;}
.comicEcBtn { text-align:center;margin: 30px 0;}
.comicListNico { text-align:center;margin: 30px 0;padding: 30px 0;background: #CCC;}


.comicDetailRecommend { margin: 10px 0 10px;}
.comicDetailRecommend ul { margin: 0 0 0 25px;padding: 0;}
.comicDetailRecommend ul li {
	float:left;
	width: 65px;
	margin-right: 12px;
	text-align:center;
}

.comicDetailRecommend ul li img{ margin-bottom: 3px; }



.comicDetailRecommendBox {
	border: 3px solid #EFEFEF;
	margin-bottom: 30px;
	padding: 0 0 15px;
}

.comicDetailRecommendBox h4 {
	font-weight: bold;
	padding: 7px 0 4px 10px;
	margin-bottom: 10px;
	background: url("../images/magazine_subtitle_bg.gif") repeat-x;
}




/* 発売予定
================================================*/
/* リンク */
#releaseLinkBox {
	margin-top: 10px;
	padding: 10px;
}

.releaseLink a {
	float: left;
	display: block;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	border-left:3px solid #ff6000;
	background: url("../images/release_link_icon.gif") no-repeat center left;
	padding: 5px 15px;
	margin-right: 7px;
}

.releaseLink a:hover, .releaseLink a:active, {
	background-color: #ffdca0;
	text-decoration: none;
}


/* サブタイトル */
.releaseResult {
	position: relative;
	background: #EFEFEF;
	padding: 0.3em;
	text-align: center;
}

.releaseResult h2 {
	font-size: 131%;
	font-weight: bold;
}

.releaseNext {
	position: absolute;
	top: 10px;
	right: 15px;
	width: 9em;
	text-align:right;
	background:url("../images/navi_right.gif") no-repeat center right;
	padding:0.2em 1.2em;
}

.releasePre {
	position: absolute;
	top: 10px;
	left: 15px;
	width: 7em;
	text-align:left;
	background:url("../images/navi_left.gif") no-repeat center left;
	padding:0.2em 1.2em;
}

/* テーブル */
.releaseList { padding: 10px 10px 20px;}

.releaseList table {
	clear: both;
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	border: none;
	font-size: 100%;
	border-top:1px solid #666;
	border-left:3px solid #666;
	border-collapse: separate;
}

.releaseList table th {
	padding: 0.2em;
	border: none;
	background: #d13600 url("../images/release_table_bg.gif") no-repeat top right;
	color: #FFF;
	font-weight: normal;
	text-align: center;
	font-weight: bold;
	vertical-align: top;
	white-space: nowrap;
	border-right:1px solid #666;
  border-bottom:1px solid #666;
}
.releaseList table td {
	border: none;
	padding: 0.2em 0.5em;
	border-right:1px solid #666;
  border-bottom:1px solid #666;
}
.releaseList table th.date { width: 8em; }
.releaseList table td.date { background: url("../images/side_calender_bg.gif") ;}
.releaseList table th.cate { width: 14em; }
.releaseList table th.auth { width: 14em; }
.releaseList table th.price { width: 8em; }
.releaseList p { padding: 5px 0; }

.releaseList h3 {
	background: #666;
	color: #FFF;
	padding: 0.2em 0.5em 0.1em;
	font-weight: bold;
}



/* イベント情報
================================================*/
.eventListBox {
	border: 3px solid #309de0;
	padding: 20px;
	margin-bottom: 30px;
}

.eventListBox h2 {
	margin-bottom: 10px;
}

.eventListBox table {
	float:right;
	width: 480px;
}

.eventListBox table tr {}
.eventListBox table th {
	width: 6em;
	font-weight: bold;
	padding: 5px 10px;
	background: #EFEFEF;
	border-bottom: 1px solid #FFF;
}
.eventListBox table td {
	padding: 5px 0px 5px 10px;
}
.eventListPhoto {
	float:left;
	width: 144px;
	text-align: center;
}

.eventListImg { margin-bottom: 15px; }
.eventListBtn { margin: 5px 0;}
.eventListBoxInner { margin: 0;padding: 0;}
.eventListBoxCate { text-align: right;font-size: 85%; }




/* アダルト
================================================*/
.adultWarning {
	margin: 50px 0;
	text-align: center;
	font-size: 197%;
	font-weight: bold;
	color: red;
}



/* 会社概要
================================================*/
table.companyList {
	width: 600px;
	margin: 0 0 30px 25px;
}

table.companyList tr {}
table.companyList th {
	width: 6em;
	font-weight: bold;
	padding: 5px 10px;
	background: #EFEFEF;
	border-bottom: 1px solid #FFF;
}

table.companyList td {
	padding: 5px 0px 5px 10px;
}




/* 広告出稿について
================================================*/
.magazineAdBox {
	float: left;
	width: 220px;
	margin-right: 10px;
}

.magazineAdBox dl {
	height: 55px;
	padding: 10px;
	border: 3px solid #EFEFEF;
}

.magazineAdBox dl dt {
	text-align: center;
}

.magazineAdBox dl dd {
	text-align: center;
}


.magazineAdTable table {
	border-top: 1px  solid #999;
	border-right: 1px  solid #999;
}


.magazineAdTable table tr {}
.magazineAdTable table th {
	font-weight: bold;
	padding: 5px 10px;
	border-bottom: 1px solid #999;
	border-left: 1px  solid #999;
}
.magazineAdTable table td {
	padding: 5px 10px;
	border-bottom: 1px solid #999;
	border-left: 1px  solid #999;
}

.magazineAdTable table th.magazineAdTable01 {
	width: 5em;
	background: #EFEFEF;
}

.magazineAdTable table th.magazineAdTable02 {
	width: 5em;
	background: #FFFFCC;
}

.magazineAdTable table th.magazineAdTable03 {
	background: #DCFFCC;
}

/* 広告出稿について
================================================*/
.bookstore {
	float: left;
	width: 600px;
	margin-right: 10px;
}

.bookstore dl {
	height: 10px;
	padding: 10px;
	border: 3px solid #EFEFEF;
}

/* サイトマップ
================================================*/
.sitemapBox {
	border: 3px solid #309de0;
	padding: 20px;
	margin-bottom: 30px;
}

.sitemapBox .left {
  float:left;
  width:300px;
}
.sitemapBox .right {
  float:left;
  width:300px;
  text-align:left;
}

.sitemapBox h2 {
  padding:0;
  margin:0 0 10px;
}
.sitemapBox ul {
  padding:0;
  margin:0 0 20px 16px;
  list-style:none;
}
.sitemapBox li {
  padding:0;
  margin:0 0 5px;
}