@charset "UTF-8";

/*----------------------------------------------------------------リセットCSS*/
@import "reset.css";
/*-------------------------------------------------------------------基本設定*/
/*-----------------------------------------------------------------------<h->*/

/*ロゴ*/
h1 {
	position: absolute;
}
/*ページタイトル*/
h2 {
}
/*ページタイトル:レベル2*/
h3 {
}
/*ページタイトル:レベル3*/
h4 {
}
/*ページタイトル:レベル4*/
h5 {
}
/*--------------------------------------------------------------基本設定:BODY*/
/*---------------------------------------------------------------------------*/
body {
	background: url(../_image/_top/bg.jpg);
	color: #333333;
}

/*----------------------------------------------------------基本設定:フッター*/
/*---------------------------------------------------------------------------*/
/*フッター*/
#footer {
	margin: 0 auto;
	padding: 12px 0;
	font-size: 77%;
	line-height: 1.4;
	text-align: center;
}
/*----------------------------------------------------------基本設定:コンテンツ*/
/*---------------------------------------------------------------------------*/
/*コンテンツ*/
#contents {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	zoom: 1;
}
/*コンテンツ：回り込みクリア*/
#contents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}
/*DW*/
#contents + * {
	clear: both;
}
/*----------------------------------------------------基本設定:上段左ブロック*/
/*---------------------------------------------------------------------------*/
#leftBlock {
	width: 730px;
	margin: 10px 0 0 0;
	padding: 0;
	float: left;
}
/*----------------------------------------------------基本設定:上段左ブロック*/
/*----------------------------------------------------トップページスライド設定*/
#leftBlock .main {
	width: 498px;
	margin: 0;
	padding: 0 0 20px;
	font-size: 0;
	float: right;
}
/*----------------------------------------------------基本設定:上段左ブロック*/
/*--------------------------------------------------------------基本設定:表紙*/
/*雑誌表紙*/
#leftBlock .hyoushi {
	width: 222px;
	background: #e7e7e7;
	padding: 4px 0 2px 0;
	text-align: center;
	-moz-box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);
	-o-box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);
	float: left;
}
#leftBlock .hyoushi img {
	margin: 0 0 2px;
}
/*----------------------------------------------------基本設定:上段右ブロック*/
/*-----------------------------------------------------------------ツイッター*/
#twitterBlock {
	width: 220px;
	margin: 10px 0 0 0;
	padding: 0;
	float: right;
	-moz-box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);
	-o-box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);
}
/*---------------------------------------------------------------------------*/
/*連載陣*/
.rensai {
	width: 960px;
	background: url(../_image/_top/rensai_bg.gif) no-repeat bottom;
	margin: 0 auto;
	padding: 0 0 23px;
	-moz-box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);
	-o-box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);
	zoom: 1;
}
/*コンテンツ：回り込みクリア*/
.rensai:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}
/*DW*/
.rensai + * {
	clear: both;
}
/*雑誌選択*/
.select {
	position: relative;
	height: 46px;
}
.select ul.zasshi {
	position: absolute;
	width: 710px;
	height: 29px;
	font-size: 0;
	top: 0;
	left: 130px;
	z-index: 10;
}
.select ul.zasshi li {
	display: inline;
	float: left;
}
.rensai ul.webrensai {
	width: 915px;
	margin: 0 auto;
}
.rensai ul.list {
	width: 920px;
	margin: 0 auto;
}
.rensai ul.webrensai li, .rensai ul.list li , .rensai ul.list li p img {
	font-size: 0;
	text-align: center;
	float: left;
}
.rensai ul.webrensai li{
	width:173px;
	margin: 0 5px 5px;
	-moz-box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);
	-o-box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);
}
.rensai ul.list li{
	margin: 0 2px 4px;
}
/*---------------------------------------------------------------------------*/
/*コミックス情報*/
.comics {
	position: relative;
	width: 960px;
	background: url(../_image/_top/comics_bg.gif) no-repeat bottom;
	margin: 12px auto 0;
	padding: 0 0 10px 0;
	-moz-box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);
	-o-box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 0 3px 3px rgba(0,0,0,0.1);
	zoom: 1;
}
/*コンテンツ：回り込みクリア*/
.comics:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}
/*DW*/
.comics + * {
	clear: both;
}
.comics ul {
	width: 944px;
	margin: 0 auto;
}
.comics ul li {
	width: 118px;
	font-size: 0;
	text-align: center;
	float: left;
}
/*新作コミックス一覧はこちら*/
.comics .txt {
	position: absolute;
	top: 2px;
	right: 2px;
}
/*---------------------------------------------------------------------------*/
/*下段コンテンツ*/
#leftBlock2 {
	width: 646px;
	margin: 0;
	padding: 0;
	float: left;
}
/*---------------------------------------------------------------------------*/
/*最新ニュース*/
.news {
	position: relative;
	width: 646px;
	background: url(../_image/_top/news_bg.gif) no-repeat center bottom;
	margin: 10px auto 0px;
	zoom: 1;
}
/*コンテンツ：回り込みクリア*/
.news:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}
/*DW*/
.news + * {
	clear: both;
}
/*新作コミックス一覧はこちら*/
.news .txt {
	position: absolute;
	top: 2px;
	right: 2px;
}
/*---------------------------------------------------------------------------*/
/*バナーエリア*/
.banner {
	width: 300px;
	margin: 12px auto 0;
	padding: 0 0 2px 0;
	zoom: 1;
}
/*コンテンツ：回り込みクリア*/
.banner:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}
/*DW*/
.banner + * {
	clear: both;
}
.banner ul {
	width: 300px;
	margin: 0 auto;
}
.banner ul li {
	padding: 0 0 8px 0;
	font-size: 0;
	text-align: center;
	float: left;
}
.banner ul li img {
	margin: 0 2px;
}
/*----------------------------------------------------------基本設定:右ブロック*/
/*---------------------------------------------------------------------------*/
#rightBlock2 {
	width: 300px;
	margin: 0;
	padding: 0;
	float: right;
}
/*-------------------------------------------------------------------基本設定*/
/*-------------------------------------------------------------ページ内リンク*/

/*パンくずリスト*/
.pageLink {
	zoom: 1;
}
.pageLink:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}
/*このページのトップへ*/
.pagetop {
	text-align: right;
	zoom: 1;
}
.pagetop:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}
/*ソーシャルエリア*/
.socialArea {
	display: inline;
	float: left;
}
.socialArea ul li {
	float: left;
}
/*twitterボタン*/
.socialArea ul li.twitterTag {
	width: 124px;
}
/*-------------------------------------------------------------------基本設定*/
/*---------------------------------------------------------------ニュース部分*/
.news1 {
	margin: 12px;
	padding-bottom: 8px;
}
.news1 img {
	float: left;
}
.newsPictMg {
	margin: 0px 7px 7px 0px;
}
.newsTitle {
	font-size: 14px;
	line-height: 18px;
	color: #1499d1;
	margin-bottom: 5px;
}
.newsDay {
	font-size: 12px;
	color: #964920;
	margin-bottom: 5px;
	font-weight: bold;
}
.newsSummary {
	font-size: 12px;
	line-height: 18px;
}
.newsPictTop {
	width: 188px;
	float: left;
	margin-right: 10px;
}
.newsPictTop img {
	margin: 0px 0px 15px 0px;
}
/*-------------------------------------------------------------------基本設定*/
/*---------------------------------------------------------------リンク色設定*/

/*文字色*/
a:link {
	color: #1499d1;
	text-decoration: underline;
}
a:visited {
	color: #1499d1;
	text-decoration: underline;
}
a:hover {
	color: #145069;
	text-decoration: none;
}
a:active {
	color: #145069;
	text-decoration: none;
}
.minheight {
	min-height: 100px;
	height: auto !important;
	height: 100px;
}
/*画像マウスオーバー*/
.alpha a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background: #fff;
}

.middleBanner{
margin-bottom:20px;
}
.middleBanner .r10{
margin-right:10px;
}

