@charset "utf-8";
/*
Theme Name: Comic Meteor
*/

/*-
*レイアウト、コンテンツ用
*/

/*--------------------------------------
	ベース
--------------------------------------*/
#wrapper{
	width:100%;
	overflow:hidden;
}

#content{
	margin:0 auto 10px auto;
	width:970px;
	text-align:left;
	overflow:hidden;
}

/*--------------------------------------
	共通
--------------------------------------*/
.mb10{ margin-bottom: 10px !important;}
.mb5{ margin-bottom: 5px !important;}

.ml10{ margin-left: 0 !important;}

.mt15{ margin-top: 15px;}
.mt5{ margin-top: 5px;}

.mr10{ margin-right: 10px;}
.mr20{ margin-right: 20px;}

.fs12{ font-size: 12px;}

.btnAmazon,
.btnRakuten,
.btn7net{
	color: #444 !important;
	text-decoration: none;
	font-size: 95%;
	display: block;
	text-shadow: 0 0 1px #F7F7F7;
	line-height: 2.5;
}

.btnAmazon:hover,
.btnRakuten:hover,
.btn7net:hover{
	outline: 0;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	text-decoration: none;
}

.comics_news .storebtn ul{
	background: #FFF;
	padding: 10px;
}

.comics_news .storebtn ul li{
	background: -moz-linear-gradient(top, #F5F5F5, #ECECEC) !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#ECECEC)) !important;
	background: #ECECEC;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 1px solid #D1D1D1;
	box-shadow: 0 0px 4px 0px #E0E0E0;
	font-weight: bold;
	display: block;
	margin-top: 10px;
}

.comics_news .storebtn ul li:first-child{ margin-top: 0;}

.btnAmazon{
	padding-left: 45px;
	background: url(./img/bg_amazon.png) no-repeat 10px center;
}
.btnRakuten{
	padding-left: 45px;
	background: url(./img/bg_rakuten.png) no-repeat 10px center;
}
.btn7net{
	padding-left: 45px;
	background: url(./img/bg_7net.png) no-repeat 10px center;
}


/*--------------------------------------
	タイトル
--------------------------------------*/
h2.h2Title{
	font-size: 19px;
	padding: 9px 15px 6px;
	margin-bottom: 15px;
	border: 1px solid #000;
	line-height: 1;
	color: #fff;
	background-image: -moz-linear-gradient(bottom, #202020 0%, #000 100%);
	background-image: -webkit-linear-gradient(bottom, #202020 0%, #000 100%);
	background-image: linear-gradient(to bottom, #202020 0%, #000 100%);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#202020', endColorstr='#000'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#202020', endColorstr='#000')"; /* IE8 */
	letter-spacing: 0.05em;
}

h2.h2Title span{
	padding-left: 0.4em;
	font-size: 0.8em;
	color: #FFF;
}

#leftContent h3.tit_01{
	margin-bottom: 5px;
	font-size: 14px;
	color: #fff;
	background-color: #000;
	overflow: hidden;
	padding: 4px 10px;
}

#leftContent h4.tit_04{
	font-size:105%;
	font-weight:bold;
	color:#000000;
	border-bottom:1px dotted #000000;
}

.tit_02{
	padding: 7px 10px;
	margin-bottom:10px;
	border-bottom: 2px solid #000;
	border-left: 5px solid #000;
	font-size: 16px;
	font-weight: bold;
	color: #000;
}

.tit_02 a{
	color: #073190;
	text-decoration: none;
}

.tit_02 a:hover{ text-decoration: underline;}


/*--------------------------------------
	ヘッダー
--------------------------------------*/
#header{
	background: #CCC;
	padding-top: 18px;
	position: relative;
}

#header h1{
	position: absolute;
	top: 2px;
	color: #fff;
	font-size: 90%;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	font-weight: normal;
}

#headerInner{
	overflow: hidden;
	height: 116px;
	background: #FFF;
}

#headerInner2{
	height: 134px;
	width: 970px;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -485px;
	overflow: hidden;
}

#headerInner #logoArea{
	background:url('./img/logo_bg.png') no-repeat right top;
	height: 134px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

#headerInner #logoArea a {
	display: block;
	position: absolute;
	top: 39px;
	left: 0;
	width: 296px;
	height: 78px;
	background:url('./img/css_sprite_pc_common.png') no-repeat left top;
	background-position: -650px 0;
}

#headerInner #logoArea a:hover{ text-decoration: none;}

#headerInner #logoArea .upDatedDate{
	text-align: left !important; 
	color: #FFF; 
	position: relative; 
	top: 38px; 
	left: 9px; 
	display: block; 
	font-weight: bold; 
	font-size: 112%;
}

#headerInner #logoArea .color{ color: #ff7e29;}

#headerInner #headerSns{
	position: absolute;
	right: 20px;
	bottom: 15px;
}

#headerInner #headerSns li{ 
	display: inline-block;
	max-width: 118px;
	text-align: left;
}

#headerInner .sub_navi{
	position: absolute;
	top: 0;
	right: 0;
	display: table-cell;
}

#headerInner .sub_navi a{
	color:#ffffff;
	display: block;
	padding: 5px 13px 4px 13px;
}

#headerInner .sub_navi a:hover{ text-decoration: none;}

#headerInner .sub_navi ul li{
	font-size: 95%;
	display: inline-block;
	border-left: 1px solid #363636;
	border-right: 1px solid #363636;
	border-bottom: 1px solid #363636;
	background: #000;
	border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	-ms-transition: 0.4s;
	transition: 0.4s;
}

#headerInner .sub_navi ul li:hover{
	background: #00b4ff;
	border-left: 1px solid #00b4ff;
	border-right: 1px solid #00b4ff;
	border-bottom: 1px solid #00b4ff;
}

#headerInner .sub_navi ul li span{
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}

#headerInner .sub_navi ul li.comicMeteor a span{
	background: url('./img/css_sprite_pc_common.png') no-repeat 13px center;
	background-position: -137px 0; width: 19px; height: 19px;
}
#headerInner .sub_navi ul li.howto a span{
	background: url('./img/css_sprite_pc_common.png') no-repeat 13px center;
	background-position: -396px 0; width: 13px; height: 19px;
}
#headerInner .sub_navi ul li.qaList a span{
	background: url('./img/css_sprite_pc_common.png') no-repeat 13px center;
	background-position: -327px 0; width: 19px; height: 19px;
}

#header #charaSerif{
	position: absolute; 
	top: 45px; 
	left: 610px; 
	text-align: left; 
	line-height: 1.4; 
	font-size: 110%; 
	font-weight: bold; 
	-moz-transform: rotate(-1deg); 
	-webkit-transform: rotate(-1deg); 
	-o-transform: rotate(-1deg); 
	transform: rotate(-1deg); 
	text-shadow:0px 0px 1px rgba(150,150,150,.6);
}

#header #charaSerif span{ 
	font-size: 140%; 
	color: #00b4ff; 
	text-shadow: 0px 0px 1px #A0E3FF;
}


/*--------------------------------------
	ナビゲーション
--------------------------------------*/
#navi {
	width: 100%;
	margin-bottom: 10px;
	z-index: 2000;
	font-size: 125%;
	background: #000;
	border-bottom: 2px solid #FF7E29;
}

#navi ul{
	width:970px;
	margin: 0 auto;
}

#navi li {
	list-style: none;
	width: 193px;
	display: inline-block;
	border-right: 1px solid #202020;
}

#navi li:first-child{
	width: 192px;
	border-left: 1px solid #202020;
}

#navi li a{
	padding: 13px 0;
	display: block;
	background: #000;
	color: #FFF;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	-ms-transition: 0.4s;
	transition: 0.4s;
	text-shadow: 1px 1px 8px #fff;
}

#navi li a:hover{
	background: #FF7E29;
	text-decoration: none;
}

.fixed {
	position: fixed;
	top: 0;
	left: 0;
	box-shadow: 0 3px 3px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.25);
}


/*--------------------------------------
	パンくず
--------------------------------------*/
#topics{
	margin-bottom: 10px;
	color: #000;
	font-size: 12px;
	background-color: #F5F5F5;
	padding: 8px 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #E7E7E7;
}

#topics ol{
	line-height: 1;
	padding-top: 2px;
	padding-bottom: 1px;
}

#topics ol li{
	display: inline;
}

#topics .homeicon{
	background: url(./img/css_sprite_pc_common.png) no-repeat left center;
	background-position: 0 0; width: 18px; height: 16px;
	display: inline-block;
	margin-right: 5px;
	vertical-align: text-top;
}

#topics .arrowicon{
	background: url(./img/css_sprite_pc_common.png) no-repeat left center;
	background-position: -206px 0; width: 5px; height: 10px;
	display: inline-block;
	margin: 0 10px;
}


/*--------------------------------------
	右コンテンツ
--------------------------------------*/
#rightContent{
	width:240px;
	float:right;
	display:inline;
	overflow:hidden;
}

#tweetArea{
	background: #000;
	margin-bottom: 30px;
}

#tweetArea iframe{ width: 100% !important;height: 200px !important;}

#rightContent .topSideMainImg li:last-child{ margin-bottom: 10px;}
#rightContent .sideMainImg{ margin-bottom: 5px;}

#rightContent .topSideMainImg img,
#rightContent .sideMainImg img{ border: 1px solid #777;}

#rightContent .topSideMainImg a{ margin-bottom: 5px;}

#rightContent .naviImg{
	margin-bottom: 14px;
	padding: 9px 0 5px 0;
	background: #ececec;
}
#rightContent .naviImg li{ 
	margin: 0 10px 5px 10px;
}
#rightContent .naviImg li a{ display: block;}
#rightContent .naviImg img{ border: 1px solid #777;}

#rightContent .infomation{
	margin-bottom: 15px;
	background: #fff5f6;
	border: 1px solid #000;
}

#rightContent .infomation h3,
#rightContent h3.naviImgTitle,
#tweetArea h3{
	padding:0 0 0 5px;
	line-height:25px;
	text-indent:5px;
	font-size:120%;
	color:#fff;
	border: 1px solid #000;
	overflow:hidden;
	background-image: -moz-linear-gradient(bottom, #202020 0%, #000 100%);
	background-image: -webkit-linear-gradient(bottom, #202020 0%, #000 100%);
	background-image: linear-gradient(to bottom, #202020 0%, #000 100%);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#202020', endColorstr='#000'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#202020', endColorstr='#000')"; /* IE8 */
}

#rightContent .infomation h3,
#tweetArea h3{ margin-bottom: 1px;}

#tweetArea h3{ font-weight: normal;}

#tweetArea h3 span{ 
	background: url(./img/bg_twitter_side.png) no-repeat 0 center;
	padding-left: 25px;
}

#rightContent h3.naviImgTitle{
	margin-top: 20px;
	font-weight: normal;
}

#rightContent .infomation h3 a,
#tweetArea h3 a{
	text-decoration: none;
	color:#fff;
}

#rightContent .infomation .icon{
	margin: 0 0 0 10px;
	padding: 5px 0 0px 0;
	width: 200px;
	background: #fff5f6;
	overflow: hidden;
}

#rightContent li{ list-style:none;}

#rightContent a:hover img{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background:none!important;
}

/*--------------------------------------
	左コンテンツ
--------------------------------------*/
#leftContent{
	width:712px;
	line-height:150%;
	color:#313131;
	font-size:115%;
	float:left;
	display:inline;
	overflow:hidden;
}


/*--------------------------------------
	ワンカラム
--------------------------------------*/
#onecolumn{
	line-height:150%;
	color:#313131;
	font-size:115%;
}

#onecolumn h3{ font-size: 100%;}


/*--------------------------------------
	ワンカラム　夏のメテオフェア
--------------------------------------*/
.summer_fair_visual{
	margin-bottom: 30px;
	font-size: 18px;
	line-height: 1.5;
}

.summer_fair_visual .notes{ font-size: 12px;}

.summer_fair_visual img{ margin-bottom: 10px;}

.summer_fair_list{
	margin-bottom: 25px;
	padding: 10px;
	border: 1px solid rgb(184, 184, 184);
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
	width: 450px;
	display: inline-block;
	vertical-align: top;
}

.summer_fair_list:nth-child(2n){ margin-left: 20px;}

.summer_fair_title{
	line-height: 1.3;
	padding: 5px 0 10px;
	margin-bottom: 20px;
	font-size: 23px;
	border-bottom: solid 2px #ff6600;
	font-weight: bold;
}

.summer_fair_title span{ color: #eb5f24;}

.summer_fair_title2{
	line-height: 1.3;
	margin-bottom: 10px;
	font-size: 18px;
}

.summer_fair_img_omote{
	display: inline-block;
	margin-right: 10px;
}

.summer_fair_img_ura{
	display: inline-block;
}

.summer_fair_img_ura img{ margin-top: 5px;}

.books_shop{
	background: #eee;
	padding: 15px;
	margin-bottom: 20px;
}

/*--------------------------------------
	ワンカラム　FCアニバーサリー
--------------------------------------*/
.fc_ani_list{
display: inline-block;
vertical-align: top;
background-position: center top;
line-height: 1.3em;
text-align: center;
border: solid 1px #CACACA;
margin-left: 5px;
margin-bottom: 10px;
width: 182px;
}

.fc_ani_comic{
	line-height: 1.3;
	padding: 5px 10px 0;
	margin-bottom: 10px;
	min-height: 105px;
}

.fc_ani_title span{ color: #eb5f24;}

.fc_ani_title{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}

.fc_ani_list img{
	margin: 10px;
	border: solid 1px #808080;
}

.books_shop{
	background: #eee;
	padding: 15px;
	margin-bottom: 20px;
}

.twitter_fc {
display: inline-block; 
vertical-align:top;
width:54%!important;
 font-size:100%!important;
}

.img_fc{
display: inline-block;
}

.present_fc {
display: inline-block; 
vertical-align:top;
width:50%!important;
 font-size:100%!important;
}

.audition_1st{
	line-height: 1.3;
	padding: 5px 10px 0;
	margin-bottom: 10px;
	min-height: 105px;
	display: inline-block;
    vertical-align: top;
    margin-top: 10px;
	width: 65%;
}

.audition_1st p{
	line-height: 1.5;
}

.audition_link{
	color: #fff;
    text-align: center;
    display: block;
    margin: 0 10px 10px;
	padding: 20px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	background: #fd4579;
    font-size: 130%;
	text-decoration: none;
	width: 38%;
}

/*--------------------------------------
	FCアニバーサリー　折り畳み
--------------------------------------*/

.shop_list {
	margin: 10px 0px 10px 10px;
	padding: 0px;
	width: 48%;
	display: inline-block;
	vertical-align: top;
}

.shop_list table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;

}

.shop_list tr:nth-child(odd){ background-color:#ffd0B2; }

.shop_list tr:nth-child(even)    { background-color:#ffffff; }

.shop_list td{
	vertical-align:middle;
	padding:7px;
	font-size:12px;
	color:#000000;
}

.shop_list td:first-child{ width:20%; }

input[type="checkbox"].ExpandCheckBox {
  display: none;
}
input[type="checkbox"].ExpandCheckBox + .toggle {
  display: none;
}
input[type="checkbox"].ExpandCheckBox:checked + .toggle {
  display: block;
}

.toggle {
margin-top: 10px;
}
span.toggle_trigger {
color: #fd4579;
}

/*--------------------------------------
	ワンカラム　採用情報
--------------------------------------*/
.recruit{
border: solid 1px #CACACA;
margin-bottom: 20px;
}

.recruit_tit {
font-size: 18px;
padding: 4px 10px;
line-height: 1.3;
margin-bottom: 10px;
color: #31373D;
background: #FFF;
border-bottom: 1px dotted #000;
font-weight: bold!important;
}

.recruit p{
margin-bottom: 20px;
padding-left: 10px;
}

/*--------------------------------------
	トップページ
--------------------------------------*/
#newsList{ margin: 0 0 5px 2px;}

#newsList li{
	background:url(./img/icon_arrowGray.png) no-repeat left center;
	padding-left: 20px;
}

#top_visual{
	margin: 0 0 30px 2px;
}

.comicListBtn{
	text-align: right;
	font-size: 100%;
}

.comicListBtn a{
	background: url(./img/icon_arrowGray.png) no-repeat left center;
	padding-left: 15px;
}

#leftContent .viewer {
	margin: 0 auto;
	height: 250px;
	text-align: left;
	overflow: hidden;
	position: relative;
}
#leftContent .viewer img {
	width: 706px!important;
}
#leftContent .viewer-cap img {
	width: 706px!important;
}

#leftContent .viewer-cap{
	border-left: 5px solid #000;
	border-right: 5px solid #000;
	width: 686px;
	padding: 5px 5px 2px;
	text-align: center;
	color: #FFF;
	background: #ff3704;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 2px;
	text-shadow: 0px 0px 4px #F8CFC4;
}

#leftContent .viewer-child{
	border: 5px solid #000;
	width: 696px;
}

#leftContent .viewer-child a{
	display: block;
	width: 136px;
	height: 288px;
	border-right: 4px solid #000;
	display: inline-block;
	position: relative;
}

#leftContent .viewer-child .date-orange{
	position: absolute;
	top: 245px;
	left: 13px;
	width: 100px;
	font-weight: bold;
	font-size: 130%;
	letter-spacing: -0.2em;
	color: #fd4c0b;
	background: -webkit-linear-gradient(#fc6614, #ff3102);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

#leftContent .viewer-child .date-blue{
	position: absolute;
	top: 245px;
	left: 13px;
	width: 100px;
	font-weight: bold;
	font-size: 130%;
	letter-spacing: -0.2em;
	color: #30b2f0;
	background: -webkit-linear-gradient(#3dccf5, #2397eb);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

#leftContent .viewer-child a.lastImg{ border-right: none;}

#leftContent a:hover img{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background:none!important;
}


/*--------------------------------------
	更新予定、トップページ
--------------------------------------*/
#leftContent .news_01{
	margin-bottom: 30px;
	overflow:hidden;
}

#leftContent .news_01 ul{
	overflow:hidden;
}

#leftContent .news_01 ul li{
	float: left;
	display: block;
	margin-bottom: 6px;
	width: 233px;
	padding: 0 2px;
}

#leftContent .comic_thumbnails li {
	position: relative;
	width: 230px;
}

#leftContent .comic_thumbnails img {
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border: 1px solid #666;
	-moz-box-shadow: 1px 1px 6px 0px #bebcb8;
	box-shadow: 1px 1px 3px 0px #bebcb8;
}

#leftContent .comic_thumbnails li span {
	position: absolute;
	width: 230px;
	line-height: 25px;
	color: #fff;
	font-weight: bold;
	bottom: 1px;
	left: 3px;
}

#leftContent .comic_thumbnails li span, x:-moz-any-link { bottom: 7px; }

#leftContent .comic_thumbnails li span.outer {
	background-color: #444;
	z-index: 10;
	opacity: 0.7;
}

#leftContent .comic_thumbnails li span.inner {
	padding: 0 10px;
	z-index: 20;
}


/*--------------------------------------
	更新予定
--------------------------------------*/
#leftContent .note_01{
	font-size:115%;
	font-weight:bold;
	text-align:center;
	color:#fe4479;
}


/*--------------------------------------
	サイトマップ
--------------------------------------*/
.sitemap ul li ul { margin-bottom: 30px;}

.sitemap ul li ul li{
	padding: 5px 0;
	margin-right: 20px;
	width: 46%;
	display: inline-block;
}


/*--------------------------------------
	漫画を読む
--------------------------------------*/
#leftContent .comic_wrap .text,
#leftContent .comic_thumbnails .text{
	text-align: center;
	margin-bottom: 20px;
}

#leftContent .comic_wrap .main .list_01{
	margin-bottom: 24px;
	overflow:hidden;
}

#leftContent .comic_wrap .main .list_01 ul li{
	float: left;
	display: block;
	margin-bottom: 7px;
	width: 233px;
	padding: 0 2px;
}

#leftContent .comic_wrap .sub{
	width:220px;
	float:left;
	overflow:hidden;
}

#rightContent .sub{
	overflow:hidden;
}

#leftContent .comic_wrap .sub .menu_01{
	margin:0 0 15px 0;
	width:220px;
	overflow:hidden;
}

#rightContent .sub .menu_01{
	margin:0 0 15px 0;
	width:220px;
	overflow:hidden;
}

#leftContent .comic_wrap .sub .menu_01 li{
	width:220px;
	float:left;
}

#rightContent .sub .menu_01 li{
	width:220px;
	float:left;
}

#leftContent .comic_wrap .sub .menu_01 li img{
	display:block;
}

#rightContent .sub .menu_01 li img{
	display:block;
}

#leftContent .comic_wrap .sub .menu_02{
	margin:0 0 15px 0;
	width:220px;
	color:#ffffff;
	font-size:110%;
	overflow:hidden;
}

#rightContent .sub .menu_02{
	margin:0 0 15px 0;
	color:#ffffff;
	font-size:110%;
	overflow:hidden;
}

#leftContent .comic_wrap .sub .menu_02 a{
	color:#ffffff;
	text-decoration:none;
}

#rightContent .sub .menu_02 a{
	color: #ffffff;
	text-decoration: none;
	display: block;
}

#leftContent .comic_wrap .sub .menu_02 a:hover{
	color:#ffffff;
	text-decoration:underline;
}

#rightContent .sub .menu_02 a:hover{
	color:#ffffff;
	background:#757575;
	text-decoration: none;
}

#leftContent .comic_wrap .sub .menu_02 h4{
	width:220px;
	height:36px;
	line-height:36px;
	text-indent:26px;
	background:#000000;
	display:block;
}

#rightContent .sub .menu_02 h4{
	height:36px;
	line-height:36px;
	text-indent:26px;
	background:#000000;
	display:block;
}

#leftContent .comic_wrap .sub .menu_02 ul{
	width:220px;
	overflow:hidden;
}

#rightContent .sub .menu_02 ul{
	overflow:hidden;
}

#leftContent .comic_wrap .sub .menu_02 ul li{
	width:220px;
	height:30px;
	line-height:30px;
	text-indent:26px;
	background:#444444;
	border-bottom:1px solid #ffffff;
	overflow:hidden;
}

#rightContent .sub .menu_02 ul li{
	height: 40px;
	line-height: 40px;
	text-indent: 26px;
	background: #444444;
	border-bottom: 1px solid #ffffff;
	overflow: hidden;
}


/*--------------------------------------
	単行本情報
--------------------------------------*/
.comics_news {
	overflow: hidden; /* heightを戻す */
	border-bottom: 2px solid #000;
	padding: 0 0 15px;
	margin-bottom: 15px;
}

.comics_news div.thum {
	width: 170px;
	display: inline-block;
	vertical-align: top;
}
.comics_news div.thum img.imgComic {
	width: 163px;
	height: auto;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.25);
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
}

.comics_news div.info {
	width: 300px;
	display: inline-block;
	margin-right: 5px;
}
.comics_news div.info .text {
	width: 300px;
	margin-bottom: 10px;
	line-height: 150%;
	font-size: 14px;
}

.comics_news div.info .text .isbn{ margin-top: 7px;}

.comics_news div.info .text .isbn,
.comics_news div.info .text .size,
.comics_news div.info .text .price,
.comics_news div.info .text .release{
	font-size: 12px !important;
	line-height: 1.5 !important;
	margin-left: -5px;
}

.comics_news .comicNotice{
	margin-left: 175px;
	background-color: #F6F6F6;
	font-size: 12px;
	padding: 10px;
	margin-top: 10px;
}

.comics_news div.info .text p.px12 {
	font-size: 12px;
}
.comics_news div.info .text p.px18 {
	font-size: 18px;
	font-weight:bold;
}

.comics_news .link{ margin-bottom: 7px;}
.comics_news .link img{ margin-right: 5px;}

.comics_news div.info .story{
	background-color: #F6F6F6;
	font-size: 12px;
	padding: 10px;
}
.comics_news .storebtn{
	width: 205px;
	padding: 10px;
	border: 1px solid #6daee1;
	background-color: #C8DFFF;
	display: inline-block;
	vertical-align: top;
}

.comics_news .storebtn p.txt{
	background: url(./img/img_online_bookstore.gif) no-repeat left top #C8DFFF;
	font-size: 100%;
	font-weight: bold;
	padding: 3px 0 7px 35px;
	line-height: 1;
	margin-bottom: 5px;
}

#leftContent #comics_news_more{
	background-color: #F6F6F6;
	padding: 15px;
	margin: 20px 0;
}

#leftContent #comics_news_more h3{
	background-color: #F6F6F6;
	padding: 10px;
}

#leftContent #comics_news_more ul li{
	display: inline-block;
	font-size: 14px;
	margin-right: 10px;
}

#rightContent .comics_news_archive{
	margin-bottom:14px;
	border:1px solid #000;
	overflow:hidden;
}

#rightContent .comics_news_archive h3{
	margin-top: 0 !important;
	padding: 5px 10px 4px;
	font-size: 120%;
	color: #fff;
	background-color: #000;
	border-bottom: 2px solid #FF7E29;
	font-weight: normal;
}

#rightContent .comics_news_archive h3 a{
	text-decoration: none;
	color:#fff;
}

#rightContent .comics_news_archive img{ margin:0 0 0 2px;}

#rightContent .comics_news_archive .icon{
	margin:0 0 5px 8px;
	padding:5px 0 0px 0;
	width:200px;
	background:#fff5f6;
	border-bottom:1px dotted #dddddd;
	overflow:hidden;
}

#rightContent .comics_news_archive .icon .fr{
	margin:0 0 0 2px;
	display:inline;
}

#rightContent .comics_news_archive .wrap{
font-size: 125%;
padding: 7px;
}

#rightContent .comics_news_archive .wrap dl{ margin-bottom: 8px;}

#rightContent .comics_news_archive .wrap dl dd{ padding: 12px 0 0 0;}


/*--------------------------------------
	漫画の読み方
--------------------------------------*/
h4.h4-ebook-operation{
	clear: left;
	margin: 0 0 10px;
	border-bottom: dotted 1px #000;
}

.ebook-operation {
	list-style-type: none;
	margin: 0 0 30px 0;
	overflow: hidden;
}

.ebook-operation li{
	width: 310px;
	float: left;
	padding: 0 20px;
}

.ebook-operation h3{
	width:300px;
	float:left;
	margin:0 0 20px 0;
}

.ebook-operation dt{
	width:145px;
	float:left;
	text-align:center;
}

.ebook-operation dd{
	width: 140px;
	float: right;
	margin: 0 10px 0 0;
}

.ebook-operation dd span{ font-size:85%;}

#leftContent .hardware_tb{
	margin-bottom:15px;
	width: 100%;
	font-size:85%;
	border-top:1px solid #000000;
	border-right:1px solid #000000;
}

#leftContent .hardware_tb th{
	padding:10px;
	width:100px;
	text-align:left;
	font-weight:normal;
	border-left:1px solid #000000;
	border-bottom:1px solid #000000;
}

#leftContent .hardware_tb td{
	padding:10px;
	border-left:1px solid #000000;
	border-bottom:1px solid #000000;
}

#leftContent .view-list li {
	padding: 0 0 0 25px;
	float: left;
}


/*--------------------------------------
	作品ページ
--------------------------------------*/
#story_visual{
	margin: 0 auto 20px;
	text-align: center;
}

#comicAllData{
	overflow: hidden;
}

#pickUpData{
	padding: 5px 0 10px;
	float: left;
	width: 310px;
}

#totalArea{
	padding: 0 0 10px 10px;
	float: right;
	width: 385px;
}

#totalArea .totalinfo,
#totalArea .totalinfo2{
	border-bottom: dotted 1px #828282;
	position: relative;
}

#totalArea .totalinfo2{
	padding: 7px 0;
	font-size: 80%;
}

#totalArea .totalinfo{ padding: 12px 0;}

#totalArea .eachStoryText{ width: 240px;}

#totalArea .eachStoryBtn{
	width: 110px;
	position: absolute;
	top: 7px;
	right: 0;
}

#totalArea .eachStoryBtn a{
	padding: 5px;
	display: block;
	width: 100px;
	background: #fd4579;
	color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align: center;
	font-size: 110%;
}

#totalArea .deliveryReriod{
	overflow: hidden;
	font-size: 85%;
}

#totalArea .deliveryReriod dt{
	float: left;
	margin-right: 10px;
}

#totalArea .deliveryReriod dd{ float: left;}

#totalArea .eachStoryBtn a:hover,
#pickUpData .latestStory:hover,
#pickUpData .episode1:hover,
.twitterShare:hover,
.fecebookShare:hover{ 
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	text-decoration: none;
	color: #fff;
}

#totalArea .totalinfo_in{ font-size: 85%;}

#lastupDateInfo{ margin-bottom: 10px;}

#lastupDateInfo dl{
	overflow: hidden;
	line-height: 1.5;
}

#lastupDateInfo dl#deliveryPeriod{ font-size: 90% !important;}

#lastupDateInfo dl#nextUpData{ font-size: 80%;}

#lastupDateInfo dt{
	float: left;
	margin-right: 10px;
	width: 60px;
}

#lastupDateInfo dl#deliveryPeriod dd{
	float: left;
	width: 190px;
}

#lastupDateInfo dl#nextUpData dd{
	float: left;
	width: 220px;
}

#lastupDateInfo .synopsis{
	font-size: 90%;
	margin: 5px 10px 10px 10px;
	line-height: 1.5;
	background: #F5F5F5;
	padding: 5px;
}

#lastupDateInfo .synopsis img{ display: none;}

#lastupDateInfo .synopsis h4{
	font-size: 115%;
	margin-bottom: 5px;
}

#pickUpData .latestStory,
#pickUpData .episode1{ 
	background: #fd4579;
	font-size: 130%;
}

#pickUpData .latestStory{ padding: 20px 10px;}
#pickUpData .episode1{ padding: 15px 10px;}

#pickUpData .latestStory,
#pickUpData .episode1,
#shareButtonArea .twitterShare,
#shareButtonArea .fecebookShare{
	color: #fff;
	text-align: center;
	display: block;
	margin: 0 10px 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#shareButtonArea{
	margin-top: 10px;
	padding-top: 10px;
	border-top: dotted 1px #828282;
}

#shareButtonArea .twitterShare{
	padding: 10px 10px;
	font-size: 100%;
	background: url("./img/bg_twitter.png") no-repeat 15px center #057ed0;
}

#shareButtonArea .fecebookShare{
	padding: 10px 0;
	background: url("./img/bg_fecebook.png") no-repeat 12px center #3b579d;
}

.textShare{
	font-size: 90%;
	margin: 0 0 5px 10px;
	text-align: center;
}

#titEp{ position: relative;}

#flashPlayer{
	top: 5px;
	right: 0;
	position: absolute;
	font-size: 85%;
}

.comment_form .comment_form_btn{
	font-size: 85%;
	margin-bottom: 10px;
	text-align: right;
	margin-top: -50px;
	margin-left: 600px;
}

#leftContent .entry_01 p{
	margin-left:15px;
	margin-right:15px;
}

#leftContent .comment_form{
	margin:0 0 30px 0;
	overflow:hidden;
}

#leftContent .comment_form .textarea{
    width: 570px;
	height:50px;
	margin: 5px 0 20px;  
	background:#ffffff;
	padding:10px;
	font-size:1.3em;
	font-family:Arial, sans-serif;
	color:#aaa;
	border:solid 1px #ccc;  
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;    
    -moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
	box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
}

#leftContent .comment_form .postbutton{
width: 107px;
padding: 5px;
display: block;
background: #F1F1F1;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
text-align: center;
font-size: 110%;
border: solid 1px #ccc;
font-weight: bold;
color: #333;
}

#leftContent .comment_form .postbutton:hover {
	opacity:0.4;
	filter: alpha(opacity=40);
	-ms-filter: "alpha( opacity=40 )";
	text-decoration: none;
}


#leftContent .author_wrap{
	margin: 0 0 20px 0;
	line-height: 140%;
	font-size: 85%;
	overflow: hidden;
}

#leftContent .author_wrap .wrap{
	margin: -10px 0 9px 0;
	padding: 10px 0 10px 0;
	border-bottom: 1px dotted #000000;
	overflow: hidden;
}

#leftContent .author_wrap .wrap .fr{
	width: 598px;
	overflow:hidden;
}

#leftContent .author_wrap .wrap .fl img{
	border: 1px solid #000 ;
}

#leftContent .author_wrap .wrap .fr .icon{
	margin-top:5px;
	margin-bottom:5px;
}

#leftContent .author_wrap .wrap .fr .icon li{
	padding:0 0 0 0;
	display:inline;
}

#leftContent .comic_list{
	margin:0 0 20px 0;
	width:726px;
	overflow:hidden;
}

#leftContent .comic_list .article{
	margin: 0 4px 20px;
	width: 169px;
	float: left;
	display: inline;
}

#leftContent .comic_list .article .articleInner{
	text-align: center;
	margin-bottom: 5px;
}

#leftContent .comic_list .article .title{
	font-size:85%;
	line-height: 1.4;
}

#leftContent .comic_list .article .shoei{
	border: 1px solid #ccc;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.25);
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
	margin-bottom: 5px;
}

#leftContent .comic_list .article ul li{
	background: -moz-linear-gradient(top, #F5F5F5, #ECECEC) !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#ECECEC)) !important;
	background: #ECECEC;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 1px solid #D1D1D1;
	box-shadow: 0 0px 4px 0px #E0E0E0;
	font-weight: bold;
	display: block;
	margin: 0 2px;
}


/*--------------------------------------
	作品ページ　特集
--------------------------------------*/
/*.specialArea{ margin-bottom: 50px;}

.specialArea h4{
	font-size: 12px;
	border: 1px solid #FC6603;
	padding: 1px 10px 0;
	height: 20px;
	line-height: 20px;
	background: #FF7E29;
	color: #FFF;
	margin: 0 0 10px;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}*/

.yell01,
.yell02,
.yell03{
	margin: 0 0 30px 10px;
	font-size: 0;
	line-height: 1;
}

.yell01 li,
.yell03 li{
	display: inline-block;
	margin-left: 10px;
}
.yell02 li{
	display: inline-block;
	margin-top: 20px;
}

.yell02 li:first-child{ margin-top: 0;}

.yell01 li:first-child,
.yell03 li:first-child{ margin-left: 0;}

.yell01 li img,
.yell02 li img,
.yell03 li img{ margin-bottom: 10px;}

.wallpaperDl li {
	text-align: center;
	display: inline-block;
	padding: 0 8px;
	margin-bottom: 10px;
}


.twitterDl li {
	text-align: center;
	display: inline-block;
	padding: 0 10px;
	margin-bottom: 10px;
}

.dlBtn {
	color: #fff !important;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	text-decoration: none;
	background: -moz-linear-gradient(top, #9E9E9E, #8D8D8D) !important;
	background: -webkit-gradient(linear, left top, left bottom, from(#9E9E9E), to(#8D8D8D)) !important;
	background: #8D8D8D;
	display: block;
	margin: 7px 0;
	padding: 8px 5px;
	border: 1px solid #8D8D8D;
	box-shadow: 0 0px 4px 0px #B8B8B8;
	text-shadow: 0 0 1px #666;
	text-align: center;
}

.dlBtn:hover{
	text-decoration: none;
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

.common_content .imgShadow {
	box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
	-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.25);
	border: 1px solid #FFF;
	margin-bottom: 3px;
}

/*--------------------------------------
	ウィジェット
--------------------------------------*/
.relationArea{
	margin-bottom: 15px;
	border: 1px solid #000;
	position: relative;
}

.relationArea h3 {
	border-bottom: 2px solid #FF7E29;
	margin-bottom: 1px;
	font-weight: normal;
	padding: 0 0 0 5px;
	line-height: 25px;
	text-indent: 5px;
	font-size: 120%;
	color: #fff;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	overflow: hidden;
	background-image: -moz-linear-gradient(bottom, #202020 0%, #000 100%);
	background-image: -webkit-linear-gradient(bottom, #202020 0%, #000 100%);
	background-image: linear-gradient(to bottom, #202020 0%, #000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#202020', endColorstr='#000');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#202020', endColorstr='#000')";
}

.relationArea h3 span{
	padding-left: 19px;
	display: inline-block;
}
.relationArea h3.title_news span { background: url(./img/bg_news.png) no-repeat left center;}
.relationArea h3.title_special span { background: url(./img/bg_special.png) no-repeat left center;}

.relationArea h3 a {
	color: #FFF;
	background: url(./img/bg_arrow_side.png) no-repeat 190px center;
	display: block;
	width: 208px;
}

.relationArea ul { padding: 5px 7px;}
.relationArea ul li:first-child { border-top: none;}
.relationArea ul li {
	padding: 7px 0;
	border-top: 1px dotted #ddd;
}

.relationArea ul li span.day{
	margin: 0 0 5px;
	color: #fff;
	background: #000;
	font-weight: normal;
	padding: 0px 2px 0px 2px;
	display: inline-block;
	font-size: 90%;
}

.relationArea ul li span.arrow {
	font-size: 80%;
	color: #CACACA;
	margin-right: 5px;
}

.relationArea ul li a {
	text-indent: 0;
	display: inline-block;
	margin-left: 0px;
	width: 209px;
	vertical-align: text-top;
	font-weight: bold;
	font-size: 13px;
}


/*--------------------------------------
	作品ページ　ギャラリー
--------------------------------------*/
.gallery-content{
	margin-bottom: 30px;
	background:#FFFFFF;
	border: solid 1px #C0C0C0;
	box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
}

.gallery-content-detail{
	margin:5px;
	font-size: 85%;
}

.gallery-content-detail p{ padding: 0 5px;}

.gallery-content-detail h2.tit_01{
	color: #F36100;
	padding: 7px 0 7px 5px;
	font-size: 16px;
	font-weight: normal;
	border-bottom: 2px solid #FF7E29;
	margin: 10px 5px;
}

.gallery-content-detail img{
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
}

.gallery-content-detail hr {
	background: #333;
	margin: 10px;
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
	background-image: -moz-linear-gradient(left, #ccc, #333, #ccc);
	background-image: -ms-linear-gradient(left, #ccc, #333, #ccc);
	background-image: -o-linear-gradient(left, #ccc, #333, #ccc);
}

.gallery_twitter_inner .note{
	background-color: #ECECEC;
	padding: 10px;
	margin: 0 10px 10px;
}

.gallery_twitter_inner .deadline{
	color: #ff0000;
	font-size: 125%;
	display: inline-block;
	font-weight: bold;
}

.twitterShare{ display: inline-block; margin-left: 20px;}

.twitterShare .supportShare{
	padding: 10px 10px 10px 40px;
	font-size: 100%;
	background: url("./img/bg_twitter.png") no-repeat 15px center #057ed0;
	color: #fff;
	text-align: center;
	display: block;
	margin: 15px 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width: 270px;
}

.twitterShare .supportShare:hover{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	text-decoration: none;
	color: #fff;
}

.gallery_fair{ margin: 0 6px}
.gallery_fair_catch{
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 120%;
	padding-left: 0;
}

.gallery_fair .gallery_fair_inner,
.gallery_fair .gallery_fair_link{ 
	margin: 7px 0;
	border-top: dotted 1px #CCC;
}

.gallery_fair .gallery_fair_link{ padding: 10px 0;}

.gallery_fair .gallery_fair_inner h4{
	display: inline-block;
	font-size: 12px;
	border: 1px solid #FC6603;
	padding: 1px 10px 0;
	height: 20px;
	line-height: 20px;
	background: #FF7E29;
	color: #FFF;
	margin: 7px 0;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

.gallery_fair .gallery_fair_inner .note{ margin: 10px 0;}

.gallery-content .character{
	border-bottom: 1px dotted #ccc;
	margin-bottom: 10px;
	padding-bottom: 4px;
	width: 331px;
	display: inline-block;
	margin-right: 10px;
}

.gallery-content .character img{
	display: inline-block;
	width: 100px;
	height: 100px;
	margin: 0 10px;
	border: 5px solid #eee;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
}

.gallery-content .character .charaText{
	display: inline-block;
	width: 197px;
	vertical-align: top;
}

.gallery-content .character .charaText h4{
	font-size: 130%;
	line-height: 1.5;
	margin-bottom: 10px;
	padding: 3px 10px 0;
	display: inline-block;
	font-weight: normal;
	color: #FFF;
	text-shadow: 0px 0 5px rgba(255,255,255,0.4);
}

.gallery-content .character .charaText h4.man{
	border: 1px solid #07A5E7;
	background: #00b4ff;
}

.gallery-content .character .charaText h4.woman{
	border: 1px solid #F04A21;
	background: #F8562E;
}

.gallery-content .character .charaText h4.unisex{
	border: 1px solid #5A5A5A;
	background: #6D6D6D;
}

.gallery-content .character .charaText p{ padding: 0;}

/*--------------------------------------
	作品ページ　作品に関するお知らせ、最新情報
--------------------------------------*/
#leftContent .information_date {
	text-align: right;
	margin-bottom: 20px;
}

.rssLink {
text-align: right;
margin-bottom: 20px;
margin-top: -10px;
}

.rssLink a {
	display: inline-block;
	font-size: 12px;
	text-decoration: none;
	background: url(./img/icon_rss.png) no-repeat left center;
	padding-left: 23px;
}

.rssLink a:hover{ text-decoration: underline;}


/*--------------------------------------
	最新情報
--------------------------------------*/
#leftContent .infomation{
	margin-bottom:14px;
	overflow:hidden;
}

#leftContent .infomation .iconUpdate { background: #000;}
#leftContent .infomation .iconNotice { background: #ac3a5c;}

#leftContent .infomation .iconUpdate,
#leftContent .infomation .iconNotice {
	padding: 1px 6px 0;
	font-size: 80% !important;
	color: #fff;
	line-height: 1;
}

#leftContent .social {
	text-align: right;
	margin-bottom: 10px;
}

#leftContent .infomation #infomation_wrap{
	margin:0 0 0 7px;
	width:700px;
}

#leftContent .infomation #infomation_wrap dl {
	width:700px;
	overflow:hidden;
	line-height: 1.5;
}
#leftContent .infomation #infomation_wrap dl ,  x:-moz-any-link  { line-height: 1.5; }
#leftContent .infomation #infomation_wrap dl { line-height: 1.4/9; }

#leftContent .infomation #infomation_wrap dl dt{
	padding:0px 2px;
	display:inline;
}

#leftContent .infomation #infomation_wrap dl dt.cat_01{
	color:#ffffff;
	font-size: 90%;
	background:#a2445f;
}

#leftContent .infomation #infomation_wrap dl dt.cat_02{
	color:#ffffff;
	font-size: 90%;
	background:#000;
}

#leftContent .infomation #infomation_wrap dl dd{
	margin-bottom: 9px;
	padding: 2px 0 5px 0;
	display: block;
	width: 700px;
	border-bottom: 1px dotted #dddddd;
	height: 20px;
}

#leftContent #more_link{
	text-align: right;
	font-size: 90%;
}


/*--------------------------------------
	よくある質問
--------------------------------------*/
#leftContent .faq{
	background: url('img/faqBg_01.jpg') no-repeat 0 0;
	overflow: hidden;
	min-height: 118px;
	margin-bottom: 30px;
}

#leftContent .faq dl{ margin: 0 0 0 124px;}

#leftContent .faq dl dt {
	margin-bottom: 10px;
	padding: 0 0 0 26px;
	height: 31px;
	font-weight: bold;
	background: url('img/faqBg_02.jpg') no-repeat 0 0;
}

#leftContent .faq dl dd{
	padding: 0 0 0 26px;
	background: url('img/faqBg_03.jpg') no-repeat 0 0;
}


/*--------------------------------------
	特集
--------------------------------------*/
.ulList{ padding: 0 0 10px;}

.ulList li {
	padding: 10px 0;
	border-bottom: 1px dotted #ccc;
	position: relative;
}

.ulList img{ margin-right: 10px;vertical-align: middle; }

.ulList .comicTitle{ 
	position: absolute;
	top: 70px;
	left: 140px;
	font-size: 125%;
}

.ulList .catch{
	position: absolute;
	top: 47px;
	left: 140px;
	font-size: 85%;
}

.ulList li dl { overflow: hidden;}
.ulList li dl dt{ float: left;}


/*--------------------------------------
	フッター
--------------------------------------*/
#footer{ width:100%;}

#footer #footer_banner #groupSite {
	padding: 20px 0;
	border-top: 3px solid #ddd;
	text-align: center;
}

#footer #footer_banner #groupSite ul li{
	vertical-align: middle;
	display: inline-block;
	margin-right: 10px;
}

#footer #footer_banner #groupSite ul li:first-child{
	font-weight: bold;
	margin-right: 30px;
	padding-left: 30px;
	background: url("./img/icon_link.png") no-repeat left center;
}

#footer #footer_banner #genreArea{
	margin-top: 20px;
	border-top: 3px solid #ddd;
}

#footer #footer_banner #genreArea div{
	height: 104px;
	background: url("./img/bg_chara.png") no-repeat left center;
	width: 950px;
	margin: -20px auto 0;
}

#footer #footer_banner #genreArea ul{
	padding-top: 37px;
	margin-left: 190px;
}

#footer #footer_banner #genreArea ul li{
	display: inline-block;
	margin-right: 5px;
}

#footer #footer_navi {
	background: #b1b1b1;
	text-align: left;
	border-bottom: 1px solid #9a9a9a;
}

#footer .link{
	overflow: hidden;
	width: 970px;
	margin: 0 auto;
}

#footer .link li a{
	color: #FFF;
	padding: 8px 13px;
	display: block;
}

#footer .link li a:hover{ text-decoration: none;}

#footer .link span{
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}

#footer .link .sitemap a span{
	background: url('./img/css_sprite_pc_common.png') no-repeat 13px center;
	background-position: -526px 0;
	width: 10px;
	height: 17px;
}
#footer .link .privacy a span{ 
	background: url('./img/css_sprite_pc_common.png') no-repeat 13px center;
	background-position: -261px 0;
	width: 16px;
	height: 17px;
}
#footer .link .userpolicy a span{
	background: url('./img/css_sprite_pc_common.png') no-repeat 13px center;
	background-position: -586px 0;
	width: 14px;
	height: 17px;
}
#footer .link .shop a span{
	background: url('./img/css_sprite_pc_common.png') no-repeat 13px center;
	background-position: -459px 0;
	width: 17px;
	height: 17px;
}

#footer .link li{
	float: left;
	margin-left: 3px;
	font-size: 90%;
	line-height: 1;
	background: #9a9a9a;
	border-top: 1px solid #BDBDBD;
	border-left: 1px solid #BDBDBD;
	border-right: 1px solid #BDBDBD;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-o-transition: 0.4s;
	-ms-transition: 0.4s;
	transition: 0.4s;
}

#footer .link li:first-child{ margin-left: 0;}

#footer .link li:hover{
	background: #c5c5c5;
	border-top: 1px solid #BDBDBD;
	border-left: 1px solid #BDBDBD;
	border-right: 1px solid #BDBDBD;
}

#footer .link .shop{ float: right;}

#footer .info{
	color:#ffffff;
	background-color: #000;
	overflow:hidden;
}

#footer .info .infoInner{
	width: 970px;
	padding: 15px 0;
	margin: 0 auto;
	overflow: hidden;
}

#attribution{
	font-size: 85%;
	color: #999;
	float: left;
	text-align: left;
}

#footer #copyright{
	float: right;
	font-size: 85%;
}

#footer a:hover img{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background:none!important;
}

#footer #pageTop {
	position: fixed;
	right: 20px;
	bottom: 40px;
	z-index: 1500;
	background: #999;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	filter: alpha(opacity= 70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	font-size: 180%;
}

#footer #pageTop a,
#footer #pageTop a:visited,
#footer #pageTop a:focus,
#footer #pageTop a:hover,
#footer #pageTop a:active {
	display: block;
	font-weight: bold;
	color: #fff;
	padding: 6px 12px;
	text-decoration: none;
	line-height: 1.5;
}


/*--------------------------------------
	持ち込み・新人賞
--------------------------------------*/
.rookieReadBtn{
	margin: 0 auto;
	text-align: center;
}

.rookieReadBtn a{
	padding: 15px 40px;
	background: #fd4579;
	color: #FFF;
	font-size: 130%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	display: inline-block;
}

.summary_text{
	width: 270px;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
}

.summary_img{
	width: 400px;
	display: inline-block;
}

.awardLong{
	background: #000;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom: 10px;
	text-align: center;
	padding: 10px;
	color: #fff;
	font-size: 130%;
}

.no_work{
	text-align: center;
	color: red;
	margin-bottom: 30px;
}

.award_list_inner{
	border: 1px solid #D8D8D8;
	padding: 10px;
	margin: 0 10px 30px;
}

.award_list_inner h5{
	margin-bottom: 5px;
	font-size: 20px;
	line-height: 1;
	margin-top: 5px;
}

.award_list_inner .award_author {
	border-bottom: 1px dashed #7E7E7E;
	padding-bottom: 8px;
	font-size: 16px;
	margin-bottom: 15px;
	line-height: 1;
}

.awardShort{
	background: #000;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom: 10px;
	text-align: center;
	padding: 10px 13px;
	color: #fff; 
	font-size: 130%;
	width: 45%;
}

.rookieReadBtn:hover,
.awardLong:hover,
.awardShort:hover{
	text-decoration: none;
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	color: #fff;
}

.top2_award_img{
	width: 360px;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
}

.top2_award_img img{
	width: 100%;
	height: auto;
	border: 1px solid #000;
	margin-bottom: 10px;
}

.top2_award_text,
.top3_award_text{
	background: #ebedef;
	padding: 10px;
}

.top2_award_text{
	width: 275px;
	display: inline-block;
}


.top2_award_text h6,
.top3_award_text h6{
	font-size: 14px;
	line-height: 1;
	margin-bottom: 5px;
}

.top3_award{
	display: inline-block;
	vertical-align: top;
	margin: 0 0 20px 10px;
}

.top3_award .top3_award_inner{
	width: 314px;
	display: inline-block;
	margin: 0 8px 10px 0px;
	border: 1px solid #D8D8D8;
	padding: 10px;
	vertical-align: top;
}

.top3_award .top3_award_inner h5{
	font-size: 16px;
	line-height: 1;
	margin-bottom: 5px;
}

.top3_award .top3_award_inner img{
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	border: 1px solid #000;
}

.top3_award .top3_award_inner .award_author{
	border-bottom: 1px dashed #7E7E7E;
	padding-bottom: 8px;
	margin-bottom: 10px;
	line-height: 1;
}

.hope_list { margin: 0 10px 20px;}

.hope_list li{
	width: 136px;
	margin: 0 10px 10px 0;
	display: inline-block;
	border: 1px solid #D8D8D8;
	padding: 10px;
	vertical-align: top;
	font-size: 12px;
}

.hope_list li img{
	border: 1px solid #000;
	text-align: center;
	margin: 0 auto;
}

.hope_list li strong{
	display: block;
	margin: 5px 0;
}

.suiseiInner{
	padding: 10px;
}

.suiseiInner h3{
	text-indent: 0px !important;
	background: #FFF !important;
}

#greatArea{
	padding: 3px 0;
	margin-bottom: 10px;
	overflow: hidden;
	background: url(/wp-content/uploads/2015/10/bg_greatArea.png) no-repeat left top;
	width: 688px;
}

#greatArea h4{ 
	float: left;
	margin-right: 15px;
	width: 138px;
}

#greatArea ul{ float: left;}
#greatArea li{ padding-left: 55px;}

#greatArea .part1,
#greatArea .part2,
#greatArea .part3,
#greatArea .part4{ margin-bottom: 6px;}

#greatArea .part1{background: url(/wp-content/uploads/2013/10/icon_part1.png) no-repeat left center;}
#greatArea .part2{background: url(/wp-content/uploads/2013/10/icon_part2.png) no-repeat left center;}
#greatArea .part3{background: url(/wp-content/uploads/2013/10/icon_part3.png) no-repeat left center;}
#greatArea .part4{background: url(/wp-content/uploads/2013/10/icon_part4.png) no-repeat left center;}
#greatArea .part5{background: url(/wp-content/uploads/2015/10/icon_part5.png) no-repeat left center;}


#determined h5,
#determined h6{ font-size: 100%;}

#determined h5{
	margin-bottom: 5px;
	padding: 7px 15px 7px 36px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: url("./img/h5_icon.png") no-repeat 5px center #363947;
	color: #FFF;
}

#determined h6{
	margin-bottom: 5px;
	padding: 0 10px;
	border-left: 5px solid #363947;
}

.determinedInner{
	margin-bottom: 15px;
	padding: 0 15px;
}

.determinedInner dl{ overflow: hidden;}
.determinedInner dl dt{ 
	float: left;
	min-width: 7em;
}
.determinedInner dl  dd{ float: left;}

.mb5{ margin-bottom: 5px;}
.mb10{ margin-bottom: 10px;}
.mb15{ margin-bottom: 15px;}

.determinedInner .listStyle{ 
	margin: 0 15px 15px;
	font-weight: bold;
	
}
.determinedInner .listStyle li{ 
	padding-top: 5px;
	border-bottom: 1px #CCC dotted;
}

.awardArea li{ 
	padding: 15px;
	border-bottom: 4px solid #f27398;
	border-left: 4px solid #f27398;
	border-right: 4px solid #f27398;
	background: #fcefdf;
	overflow: hidden;
}

.awardArea li:first-child{ border-top: 4px solid #f27398;} 
.awardUnderArea{overflow: hidden;margin-bottom: 20px;}

.awardUnderArea div{
	float: left;
	width: 202px;
	padding: 10px;
	display: inline-block;
	border: 4px solid #CCC;
	
	text-align: center;
	font-size: 1.25em;
}
.awardUnderArea h4{ 
	padding-left: 40px;
	background: url(/wp-content/uploads/2013/10/icon_crown.png) no-repeat left center;
	display: inline;
	line-height: 2;
}

.awardUnderArea .none{ border-right: none;}
 
.awardArea li h4{ 
	float: left;
	min-width: 250px;
}

.awardArea .postArea{
	float: right;
	width: 240px;
	overflow: hidden;
	text-align: center;
}

.awardArea .post1,
.awardArea .post2{
	padding: 10px 20px 6px;
	color: #fff;
	font-size: 1.8em;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	display: block;
}

.awardArea .post1{ 
	margin-bottom: 10px;
	background: #f72d68;
}

.awardArea .post2{ 
	margin-top: 15px;
	background: #363947;
}


.awardArea .media{
	float: left;
	width: 90px;
	padding: 10px 10px 6px;
	color: #fff;
	font-size: 1.63em;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	display: block;
	background: #363947;
}

.awardArea .prize{
	padding-left: 10px;
	float: left;
	min-height: 64px;
	font-size: 100%;
	text-align: right;
	overflow: hidden;
	
}
.prize div{ 
	float: left;
	font-size: 150% !important;
	line-height: 3.5;
}

.prize .yen{ line-height: 2 !important;font-size: 250% !important;}

#debut{
	margin-bottom: 5px;
	padding-bottom: 20px;
	text-align: center;
	color: #f72d68;
	font-size: 1.25em;
	background: url(/wp-content/uploads/2013/10/bg_debut.png) no-repeat left bottom;
}

.btn_read{
	padding: 7px 40px 7px 18px;
	width: 112px;
	display: block;
	background: url(/wp-content/uploads/2013/10/icon_read.png) no-repeat 90% center #363947;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #fff;
}

#teacher{ 
	overflow: hidden;
	margin-bottom: 20px;
}

#teacher li{ float: left;}

.teacherIntroduction{ 
	padding: 0 9px 0 10px;
	border-right: 1px dotted #000;
}

.teacherIntroduction h5{
	font-size: 1.17em;
	text-align: center;
	padding: 5px 0;
}

#teacher .ddTitle{
	border: 1px solid #000;
	text-align: center;
}
#teacher .w224{ width: 207px;}
#teacher .w168{ width: 168px;}

#specialJuryArea{
	margin-bottom: 20px;
	padding: 1px;
	border: 2px solid #363947;
}

#specialJuryArea .inner{
	padding: 10px 15px 15px;
	border: 1px solid #363947;
	overflow: hidden;
}

#specialJuryName{
	margin: 28px 0 10px;
	padding: 37px 0 10px;
	width: 280px;
	border-top: 1px solid #363947;
	border-bottom: 1px solid #363947;
	text-align: center;
	position: relative;
}

#specialJuryName h4{
	padding-top: 6px;
	width: 56px;
	height: 50px;
	top: -30px;
	left: 112px;
	position: absolute;
	background: #363947;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	color: #fff;
}

#specialJuryName p{ 
	font-size: 1.13em;
	font-weight: bold;
}

.specialJuryText{ 
	margin: 0 3px 10px;
	padding: 10px;
	width: 254px;
	background: #eceef1;
}

.innerLeft{ float: left;}
.innerRight{ float: right;}

#andThe{
	padding: 12px 15px;
	margin-bottom: 50px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: url(/wp-content/uploads/2017/01/bg_chara.png) no-repeat center bottom #fdc44f;
}

.arrowBox{ 
	width: 342px;
	margin: 0 auto;
	background: url(/wp-content/uploads/2016/04/bg_arrowBox.png) no-repeat left center;
}

.arrowBox div{
	padding: 10px;
	width: 294px;
	margin: 0 auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 3px solid #f99623;
	background: #fff;
	text-align: center;
}

.congruence{ 
	margin-bottom: 15px;
	overflow: hidden;
	font-size: 0.84em;
	text-align: center;
	line-height: 1.2;
	line-height: 1.2;
	background: url(/wp-content/uploads/2013/10/bg_meteorPolaris.png) no-repeat center center;
}

.congruence .meteor{
	height: 120px;
	padding: 5px 0;
	float: left;
}

.congruence .meteor img{margin: 15px 0;}

.congruence .polaris{ 
	padding: 5px 0;
	float: right;
}

.congruence .meteor,
.congruence .polaris{
	width: 290px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #fff;
}

.announcementArea{
	margin-bottom: 20px;
	text-align: right;
}

.announcement{ 
	overflow: hidden;
	display: inline-block;
}
.announcement dt{ 
	float: left;
	width: 4em;
}

.announcement dd{ margin-left: 4em;}

.clear{ clear:both;}

.suiseisyouQa{
	text-align: center;
	margin-bottom: 10px
}


/*--------------------------------------
	アンケートページ
--------------------------------------*/
.enqueteIframe {
	width: 707px !important;
	height: 600px !important;
	border: none !important;
}

table.form {
	width: 100%;
	letter-spacing: 4px;
	font-size: 125%;
	padding: 20px 10px;
}

table.form th,
table.form td {
	padding: 10px;
	border-top: 1px dotted #ccc;
}

table.form th {
	width: 250px;
}

table.form input[type=text],
table.form textarea,
table.form select {
border: 0;
padding: 8px;
color: #aaa;
border: solid 1px #ccc;
width: 300px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: blue;
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
}

.action {
text-align: center;
}

.action .button {
border: solid 1px #ccc;
padding: 15px 100px;
margin: 0 0 20px;
font-weight: bold;
color: #333;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
background: #F1F1F1;
font-size: 130%;
}

.action .button:hover {
	opacity:0.4;
	filter: alpha(opacity=40);
	-ms-filter: "alpha( opacity=40 )";
	text-decoration: none;
}

/*--------------------------------------
	404
--------------------------------------*/
#error{
	text-align: center;
	padding: 30px 0 20px 0;
	line-height: 1.5;
	font-family: 'Helvetica Neue', Helvetica, Arial, 'Droid Sans', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

#error h2{
	color: #999;
	font-size: 22px;
	padding: 20px;
	width: 660px;
	margin: 0 auto 30px;
	background: #F5F5F5;
}

#error div{
	text-align: left;
	width: 700px;
	margin: 0 auto;
	min-height: 236px;
	background: url(./img/bg_404.png) no-repeat left center;
	font-size: 14px;
}
#error div p{
	margin-left: 230px;
	line-height: 1.8;
}

#error .thx{
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 16px;
	color: #FF7E29;
}


/*--------------------------------------
	作品ページ　特集
--------------------------------------*/
.common_content {
	margin-bottom: 40px;
}

.common_content h4,
.fair_area h4{
	color: #F36100;
	padding: 5px;
	font-size: 14px;
	font-weight: normal;
	border-bottom: 2px solid #FF7E29;
	margin: 15px 10px;
}

.common_content .imgFig{
	margin-bottom: 30px;
	text-align: center;
}

.common_content .character{
	border-bottom: 1px dotted #ccc;
	padding-bottom: 4px;
	width: 338px;
	display: inline-block;
	margin: 0 0 10px 10px;
	font-size: 90%;
}

.common_content .character img{
	display: inline-block;
	width: 100px;
	height: 100px;
	margin: 0 10px 0 0;
	border: 5px solid #eee;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
}

.common_content .character .charaText{
	display: inline-block;
	width: 207px;
	vertical-align: top;
}

.common_content .character .charaText h5{
	font-size: 14px;
	line-height: 1.2;
	margin: 0 0 5px !important;
	padding: 3px 10px 0 10px;
	display: inline-block;
	font-weight: normal;
	color: #FFF;
	text-shadow: 0px 0 5px rgba(255,255,255,0.4);
}

.common_content .character .charaText h5.man{
	border: 1px solid #07A5E7;
	background: #00b4ff;
}

.common_content .character .charaText h5.woman{
	border: 1px solid #F04A21;
	background: #F8562E;
}

.common_content .character .charaText h5.unisex{
	border: 1px solid #5CB100;
	background: #62BD00;
}

.common_content .character .charaText h5 span{
	font-size: 8px;
	line-height: 1;
}

.common_content .character .charaText p{ padding: 0;}

.common_content .twitter_inner,
.fair_area{
	width: 685px;
	margin: 0 auto;
	font-size: 85%;
}

.common_content .twitter_inner .note{
	background-color: #ECECEC;
	padding: 10px;
	margin: 0 0 10px;
}

.common_content .twitter_inner .twitterImg{
	margin-bottom: 10px;
	text-align: center;
}

.common_content .twitter_inner .deadline{
	color: #ff0000;
	font-size: 125%;
	display: inline-block;
	font-weight: bold;
}

.common_content .youtube_play{
	margin: 20px 0 20px;
	text-align: center;
}

.common_content .youtube_play iframe{ margin-bottom: 5px;}

.fair_area .fair_inner{
	margin: 0 0 10px 0;
	padding: 0 0 10px;
}

.fair_area .fair_inner h5{
	font-size: 12px;
	color: #F36100;
	margin-bottom: 3px;
	margin-left: 10px;
}

.fair_area .fair_inner p{ margin-left: 10px;}


.fair_area .fair_inner .fair_link{ margin-top: 10px;}
.fair_area .fair_inner.fair_link p{ margin-left: 10px;}

.fair_catch {
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 120%;
	padding-left: 0;
}

.btnBuy{
	color: #fff !important;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	text-decoration: none;
	background: -moz-linear-gradient(top, #FC6928, #FF5003);
	background: -webkit-gradient(linear, left top, left bottom, from(#FC6928), to(#FF5003));
	background: #FF5003;
	display: block;
	margin: 10px auto;
	padding: 8px 5px;
	border: 1px solid #FF5003;
	box-shadow: 0 0px 4px 0px #B8B8B8;
	text-shadow: 0 0 1px #666;
	text-align: center;
	margin: 0 auto;
	font-size: 14px;
	width: 400px;
}

/*-------- あらすじ ----------------------*/
.comic_summary{ margin-bottom: 20px;}

.comic_summary .comic_summary_img{
	display: inline-block;
	margin-right: 10px;
}

.comic_summary .comic_summary_img img{ border: 1px solid #818181;}

.comic_summary .comic_summary_text{
	display: inline-block;
	width: 341px;
	vertical-align: top;
}

.comic_summary .comic_summary_text_inner h5{
	font-size: 14px;
	margin-bottom: 5px;
	line-height: 1;
}

.story_year{
	border-top: 1px solid #EBEBEB;
	line-height: 1.5;
	padding-top: 12px;
}

.story_year dd:last-child{ margin-bottom: 0;}

.story_year dt{
	clear: both;
	float: left;
	width: 100px;
	vertical-align: top;
}

.story_year dd{
	width: 583px;
	vertical-align: top;
	border-bottom: 1px solid #EBEBEB;
	padding: 0 0 12px 100px;
	margin-bottom: 12px;
}

.story_year  .story_year_character{
	padding: 10px;
	background: #EEE;
	border-radius: 5px;
	display: inline-block;
}

.story_year  .story_year_character .story_year_character_inner li{
	width: 133px;
	display: inline-block;
	margin-left: 6px;
	vertical-align: top;
}

.story_year  .story_year_character .story_year_character_inner .story_year_character_inner_name{ text-align: center;}

.story_year  .story_year_character .story_year_character_inner .story_year_character_inner_name span{/*font-weight: bold;*/
line-height: 1.2;
margin: 5px 0;
padding: 3px 5px;
border-radius: 5px;
display: inline-block;
font-weight: normal;
color: #FFF;
text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
background: #ffa522;
}

.story_year  .story_year_character .story_year_character_inner li:first-child{ margin-left: 0;}

.story_year  .story_year_character .story_year_character_title{
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: bold;
	line-height: 1.2;
	border-bottom: 1px dashed #7E7E7E;
	padding-bottom: 5px;
}

/*--------------------------------------
	特集イッキ読み
--------------------------------------*/

#OneVolume a {
	color: #fff;
	text-align: center;
	display: block;
	border-radius: 5px;
	font-size: 130%;
	background: #fd4579;
	padding: 20px 10px;
	width: 300px;
	margin: 30px auto 0;
}

#OneVolume a:hover{ 
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	text-decoration: none;
	color: #fff;
}

#countDownTime {
text-align: center;
margin: 15px 0 10px;
font-size: 120%;
}

#countDownTime span {
color: #F00;
font-size: 140%;
}