@charset "EUC-JP";
/* CSS Document */
body{
	color:#54453a;
}
#shinsyo{
	background: url('/comix/images/common/bgContents.png') repeat-y;
	color:#666;
	padding:15px 0;
	font-size:12px;
}
/*それぞれのコンテンツエリア
************************/
.contentSectionInner{
	padding:10px 35px;
	margin-bottom:5px;
	font-size:12px;
}

/* ソーシャルボタン　*/
ul.icon li.icon01 {
width: 120px;
}
ul.icon li {
float: left;
width:120px;
padding-left: 4px;
}

ul.icon li.icon02 a {
background: url(/images/common/icon02.gif) no-repeat;
}
ul.icon li.icon03 a {
background: url(/images/common/icon05.gif) no-repeat;
}
.contentSectionInnerWhite #main{
	margin:10px 0;
}
#mainResult select{
	width:200px;
}
#mainOuter {

/*background: #ffcbd7;*/
margin: 0px 17px 17px 0px;
/*width: 955px;*/
}
html[data-useragent*='MSIE 10.0'] #mainOuter {
 /* min-height:4121px;*/
}
 #main p{
	text-align: justify;
	text-justify: inter-ideograph;
}
/*ボックススライダ
**********************/
.bx-wrapper .bx-pager{
	display:none;
}
#main-img div.bx-wrapper{
	margin:0 auto 12px;
}

/*グローバルナビ
**********************/
#navOuter {
	width: 955px;
	height: 120px;
	margin-left:17px;
	background: url('/comix/images/common/line.png') left top repeat-x;
}
#navInner{
	float: left;
	font-size: 16px;
	width: 955px;
	padding: 25px 0 20px 0;
	color: #d65335 ;
}
#navInner ul li {
	font-family: Georgia, 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho ProN', 'MS P 明朝', 'MS PMincho', serif;
	float: left;
	text-decoration: none;
	padding:22px 4px;
	font-weight: bold;
	background: url('/comix/images/common/menuOff.png') no-repeat;
	height:31px;
	width:143px;
	text-align: center;
}
#navInner ul li#menuNews,
#navInner ul li#menuPublication,
#navInner ul li#menuPublished{
	padding-top:30px;
	height:21px;
}
#navInner ul li:hover{
	background: url('/comix/images/common/menuOn.png') no-repeat;
	opacity:0.8;
	filter: alpha( opacity=50 );
	-ms-filter: "alpha( opacity=50 )";
	/*color:#64432c ;*/
	color:#ec4fa0;
	-ms-text-shadow:  0 0 5px #fff;
	-moz-text-shadow:  0 0 5px #fff;
	-webkit-text-shadow: 0 0 5px #fff;
	-o-text-shadow: 0 0 5px #fff;
	text-shadow: 0 0 5px #fff;
}
.navR{
	margin-right:9px;
}

#navInner a:link,
#navInner a:visited{
	color: #fa99b9;
	text-decoration: none;
	-moz-text-shadow:2px 2px 2px #ccc;
	-ms-text-shadow:2px 2px 2px #ccc;
	-o-text-shadow:2px 2px 2px #ccc;
	-webkit-text-shadow:2px 2px 2px #ccc;
	text-shadow:1px 1px 2px #ccc;
}

/*見出し
************************/
#content03 #shinsyo #main h2.ttl-cat {
	background:none;
	line-height:32px;
	font-size:20px;
	height:45px;
	width:565px;
	padding:0 0 15px 70px;
	margin-bottom:5px;
	color: #fa99b9 ;
	background:url('/comix/images/common/title.png') no-repeat;
	font-family: Georgia, 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho ProN', 'MS P 明朝', 'MS PMincho', serif;
	text-decoration: none;
	-moz-text-shadow:2px 2px 2px #ccc;
	-ms-text-shadow:2px 2px 2px #ccc;
	-o-text-shadow:2px 2px 2px #ccc;
	-webkit-text-shadow:2px 2px 2px #ccc;
	text-shadow:1px 1px 2px #ccc;
}
.mTop30{
	margin-top:30px;
}

/*ニュース
************************/
ul#newsList li{
	margin:7px 0;
	line-height: 1.4em;
}
ul#newsList li a:link,
ul#newsList li a:visited,
.mailMag p a{
	color:#666;
	text-decoration:none;
}

/*ie6,7
***********************/
ul#newsList li a:link,
ul#newsList li a:visited,
.mailMag p a{
	*border-bottom:1px dotted #fa99b9;
}
/*ie8
***********************/
/*
ul#newsList li a:link,
ul#newsList li a:visited,
.mailMag p a{
	border-bottom:1px dotted #fa99b9\0/;
}

/*ie9
***********************/
ul#newsList li a:link:not(:target),
ul#newsList li a:visited:not(:target),
.mailMag p a:not(:target){
	border-bottom:1px dotted #fa99b9\9;
}
ul#newsList li a:hover{
    color: #2c2c2c;
    -ms-text-shadow:
    3px 3px 0px #d5d5d5,
    5px 5px 0px rgba(0, 0, 0, 0.2);
    text-shadow:
      3px 3px 0px #d5d5d5,
      5px 5px 0px rgba(0, 0, 0, 0.2);
}
.pTop0{
	padding-top:0;
}

/*PHPComixとは
*******************/
.aboutPhpComix{
/*	height:355px;*/
	position: relative;
	}
.aboutPhpComix p{
	margin-bottom:20px;
}
#forPresent{
	height:179px;
	width:228px;
	position: absolute;
	bottom:10px;
	right:35px;
}
#forPresent p a{
	background: url(/comix/images/index/bgAboutPhpComixOff.png) no-repeat;
	width:228px;
	height:179px;
	display: block;
}
#forPresent p a:hover{
	background: url(/comix/images/index/bgAboutPhpComixOn.png) no-repeat;
	width:228px;
	height:179px;
	display: block;
}

/*新刊案内
*********************/
.book{
	float:left;
	margin:20px;
	min-height:315px;
	width:130px;
}
.book a:hover{
	opacity: 0.6;
	filter: alpha( opacity=60 );
	-ms-filter: "alpha( opacity=60 )";
}
.bookAreaOuter{
	width: 510px;
	padding: 0 60px;
	height: 710px ;
}
.publication{
/*height:684px;*/
	width:631px;
	padding:0;
}
.clear{
	clear:both;
}
div.frameTopPublication{
background:url('/comix/images/index/frameTopPublication.png') no-repeat left bottom;
width:631px;
height:57px;
}

div.frameMiddlePublication{
background:url('/comix/images/index/frameMiddlePublication.png') repeat-y;
width:631px;
}
div.frameBottomPublication{
background:url('/comix/images/index/frameBottomPublication.png') no-repeat left top;
width:631px;
height:57px;
margin-bottom:20px;
clear:both;
}
#presentInfo{
    padding:0 50px 10px 55px;
    width:525px;
    height:100%;
}
.bookImg{
	margin-bottom:15px;
	-ms-box-shadow:0px 0px 3px #000;
	-o-box-shadow:0px 0px 3px #000;
	-moz-box-shadow:0px 0px 3px #000;
	-webkit-box-shadow:0px 0px 3px #000;
	box-shadow:0px 0px 3px #000;
}

.specialSiteOuter{
	box-shadow: 0 0 5px #ccc;
	border-radius: 7px;
	text-align: center
}
.specialSiteTop{
	background:url(/comix/images/index/frameTopSpecialSite.png) no-repeat left bottom;
	width:130px;
	height:7px;
}
.specialSiteMiddle{
	background:url(/comix/images/index/frameMiddleSpecialSite.png) repeat-y;
	padding: 0 4px;
	width: 122px;
}
.specialSiteBottom{
	background:url(/comix/images/index/frameBottomSpecialSite.png) no-repeat left top;
	width:130px;
	height:7px;
}
.specialSiteMiddle a{
	text-decoration: none;
	color: #e71f8b ;
}
.specialSiteMiddle a:hover{
	color:#ec4fa0;
	-ms-text-shadow:  0 0 5px #fff;
	-moz-text-shadow:  0 0 5px #fff;
	-webkit-text-shadow: 0 0 5px #fff;
	-o-text-shadow: 0 0 5px #fff;
	text-shadow: 0 0 5px #fff;
}
.bookTitle{
	margin-bottom:10px;
	width:130px;
	font-weight:bold;
	color:#d8000e;
}
.bookTitle .subtitle,
.bookTitle .headcopy{
	font-weight: normal;
}

/*既刊案内
*********************/
.publishedOuter{
	position: relative;
	min-height: 820px;
	margin-bottom: 35px;
}
.published{
	height:645px;
	width:560px;
	padding:0;
}
#phpComixList{
	width:210px;
	height:74px;
	position: absolute;
	bottom:-15px;
	right:35px;
}
#phpComixList p a{
	background: url(/comix/images/index/phpComixLsitOff.png) no-repeat;
	width:210px;
	height:73px;
	display: block;
}
#phpComixList p a:hover{
	background: url(/comix/images/index/phpComixLsitOn.png) no-repeat;
	width:210px;
	height:73px;
	display: block;
}
/*今月のプレゼント
********************/
div.frameTop{
background:url('/comix/images/index/frameTop.png') no-repeat left bottom;
width:635px;
height:154px;
margin-top:20px;
position: relative;
}
h4#monthlyPresent{
    position: absolute;
    right:240px;
    bottom:69px;
    font-size:1.5em;
    color:#e35097;
    font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;;
}
/* ie9,10 */
h4#monthlyPresent:not(:target) {
	bottom:70px\9;
}
/* ie7 */
h4#monthlyPresent{
	*bottom:70px;
}

div.frameMiddle{
background:url('/comix/images/index/frameMiddle.png') repeat-y;
width:635px;
}
div.frameBottom{
background:url('/comix/images/index/frameBottom.png') no-repeat left top;
width:635px;
height:38px;
margin-bottom:20px;
clear:both;
}
#presentInfo{
    padding:10px 50px 10px 55px;
    width:525px;
    height:100%;
}

/*メルマガ登録
**********************/
.mailMag{
	margin-bottom:70px;
}
#mailMagRegister{
	width: 465px;
	height: 90px;
	margin:20px auto 0 auto;
}
#mailMagRegister a{
	margin:0 20px;
	float:left;
}

/* ----------side----------------- */


#content03 #shinsyo #sidebar {
width: 300px;
padding-right:15px;
padding-left:0px;
}

#socialButton {
background: url('/comix/images/common/bgSns.png') no-repeat;
width: 265px;
min-height: 62px;
padding: 19px 20px 0px 15px;
margin-bottom:25px;
}
#movieArea{
	margin-bottom:25px;
	width:300px;
	height:315px;
}
#niconicoArea{
	width: 300px;
	height: 79px;
	margin: 0 auto 25px auto;
}
#twitterArea{
	width:300px;
	height:600px;
	margin-bottom:25px;
}
.bannerArea{
	margin-bottom:25px;
}
.banner_area_inner{
	margin-bottom:10px;
}
#movieArea,
#twitterArea,
.banner_area_inner,
#niconicoArea,
#socialButton,
.bannerArea img{
	box-shadow: 0 0 8px #fff;
}
/*フッター
************************/
#section_sub_menu{
	text-align: center;
}


/* ----------main----------------- */

#content03 #shinsyo #main {
width: 635px;
float: left;
font-size: 14px;
/*line-height: 1.5em;*/
padding: 0;
margin-left:10px;
}
.clear{
	clear:both;
}
#content03 #shinsyo #main .social {
	padding-left: 10px;
	line-height: 1em;
	clear: both;
	position: relative;
	font-size: 1.1em;
	padding-top: 0px;
	width:595px;
	padding-right:20px;
}


/* ----------totop----------------- */


#content03 #shinsyo div.totop {
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 10px;
	border-top: solid 1px #C6C6B1;
	clear: both;
}

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


#content03 #shinsyo #main h2 ul.icon,
#content03 #shinsyo #main h3 ul.icon
 {
	position: absolute;
	right:1px;
}

#content03 #shinsyo #main h2 ul.icon li,
#content03 #shinsyo #main h3 ul.icon li
 {
	float: left;
	text-indent: -9999px;
	padding-left: 4px;
}

#content03 #shinsyo #main h2 ul.icon li a,
#content03 #shinsyo #main h3 ul.icon li a {
	display: block;
	width: 16px;
	height: 16px;
}

#content03 #shinsyo #main h2 ul.icon li.icon01 a,
#content03 #shinsyo #main h3 ul.icon li.icon01 a {
	background: url(/images/common/icon01.gif) no-repeat;
}

#content03 #shinsyo #main h2 ul.icon li.icon02 a,
#content03 #shinsyo #main h3 ul.icon li.icon02 a {
	background: url(/images/common/icon02.gif) no-repeat;
}

#content03 #shinsyo #main h2 ul.icon li.icon03 a,
#content03 #shinsyo #main h3 ul.icon li.icon03 a {
	background: url(/images/common/icon03.gif) no-repeat;
}

#content03 #shinsyo #main h2 ul.icon li.icon04 a,
#content03 #shinsyo #main h3 ul.icon li.icon04 a {
	background: url(/images/common/icon04.gif) no-repeat;
}

#content03 #shinsyo #main h2 ul.icon li.icon05 a,
#content03 #shinsyo #main h3 ul.icon li.icon05 a {
	background: url(/images/common/icon05.gif) no-repeat;
}

#content03 #shinsyo #main h2 ul.icon li.icon06 a,
#content03 #shinsyo #main h3 ul.icon li.icon06 a {
	background: url(/images/common/icon06.gif) no-repeat;
}

#content03 #shinsyo #main h2 ul.icon li.icon07 a,
#content03 #shinsyo #main h3 ul.icon li.icon07 a {
	background: url(/images/common/icon07.gif) no-repeat;
	width: 52px;
}
/* --------------------------- */


#content03 #scraplist {
	margin-left: 20px;
	margin-right: 20px;
}



#content03 #main .main-content h3 {
	border-top: solid 2px #36890B;
	/*background-color: #E2E2D8;*/
	font-size: 1.2em;
	line-height: 2.4em;
	padding-left: 10px;
	position: relative;
	height: 30px;
}


#content03 #main .main-content h4.ttl_3 {
	border-left: solid 2px #36890B;
	/*background-color: #76B1EB;*/
	height: 25px;
	line-height: 2.2em;
	padding-left: 8px;
	position: relative;
	font-size: 1em;
	clear: both;
}

#content03 #main .ttl02 {
	background: url(../images/common/ttl_bg_small.gif) repeat-x;
	height: 34px;
	padding-left: 10px;
	line-height: 2.8em;
	clear: both;
	position: relative;
	font-size: 1.1em;
	padding-top: 0px;
}

#content03 {
	margin: 0 auto;
	width: 990px;
	padding: 15px 5px;
	background: url(/images/common/main_bg02.jpg) repeat-y;
}

/*PWページ
******************/
#pwArea,
#pwArea p{
	text-align: center;
}
#pwArea p{
	margin-bottom:10px;
}

/*DLページ
******************/
table#dlContents{
width: auto;
border-spacing: 0;
font-size: 14px;
margin: 20px 0 20px 15px;
width: 95%;
}
table#dlContents tr:nth-child(2n+1) {
background: #f0f9fc;
}
table#dlContents th:first-child{
-moz-border-radius: 5px 0 0 0;
-webkit-border-radius: 5px 0 0 0;
-o-border-radius: 5px 0 0 0;
-ms-border-radius: 5px 0 0 0;
border-radius: 5px 0 0 0;
}
table#dlContents th {
border-left: 1px solid #84b2e0;
border-top: 1px solid #84b2e0;
border-bottom: 1px solid #84b2e0;
}
table#dlContents th{
padding: 8px 15px;
color: #fff;
font-weight: bold;
line-height: 120%;
text-align: center;
text-shadow: 0 -1px 0 rgba(34,85,136,0.9);
-moz-box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
-o-box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
-ms-box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
-webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
}
table#dlContents th {
background: #c1fce8;
background: -moz-linear-gradient(top, #eaf7fb 0%, #96ceef 50%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaf7fb), color-stop(50%,#96ceef));
background: -webkit-linear-gradient(top, #eaf7fb 0%,#96ceef 50%);
background: -o-linear-gradient(top, #eaf7fb 0%,#96ceef 50%);
background: -ms-linear-gradient(top, #eaf7fb 0%,#96ceef 50%);
background: linear-gradient(to bottom, #eaf7fb 0%,#96ceef 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaf7fb', endColorstr='#96ceef',GradientType=0 );
}
table#dlContents tr td:last-child {
border-right: 1px solid #84b2e0;
}
table#dlContents tr td {
padding: 8px 15px;
border-bottom: 1px solid #84b2e0;
border-left: 1px solid #84b2e0;
text-align: center;
}
table tr td.last {
border-right: 1px solid #84b2e0;
-o-box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
-ms-box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
-moz-box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
table tr td:last-child {
-o-box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
-ms-box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
-moz-box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
-webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
img.shadow {
box-shadow: 1px 1px 1px #ccc;
}
table#dlContents th:last-child{
-ms-border-radius: 0 5px 0 0;
border-radius: 0 5px 0 0;
-o-box-shadow: 2px 2px 1px rgba(0,0,0,0.1),0px 1px 1px rgba(255,255,255,0.3) inset;
-ms-box-shadow: 2px 2px 1px rgba(0,0,0,0.1),0px 1px 1px rgba(255,255,255,0.3) inset;
-moz-box-shadow: 2px 2px 1px rgba(0,0,0,0.1),0px 1px 1px rgba(255,255,255,0.3) inset;
-webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.1),0px 1px 1px rgba(255,255,255,0.3) inset;
box-shadow: 2px 2px 1px rgba(0,0,0,0.1),0px 1px 1px rgba(255,255,255,0.3) inset;
}
table#dlContents th:last-child {
border-right: 1px solid #84b2e0;
}