@charset "EUC-JP";

@import "/r_css/imports.css";
@import "/r_css/parts/cmslist.css";
@import "/common/css/special_recommend2.css";
@import "/etc/animation/css/recommend_mini.css";

/* contents
========================================== */
div#contents div#zero-tsukaima4 {
	width: 715px;
	background: #fff;
	margin: 0 auto;
}
div#contents .clearfix:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:"";
}

div#contents div#zero-tsukaima4 h3 {
	clear: both;
	margin: 20px 0 10px;
}

/* 1.header
========================================== */
div#contents div#zero-tsukaima4 div#header {
	width: 715px;
	height:481px;
}
div#contents div#zero-tsukaima4 div#header .main{
	float: left;
}
div#contents div#zero-tsukaima4 div#header .right {
	float: right;
}
div#contents div#zero-tsukaima4 div#header .right h1 {
	background: url(../img/logo.gif) no-repeat top left;
	display: block;
	height: 0 !important;
	height /**/	: 145px;
	overflow: hidden;
	padding: 145px 0 0 0;
	width: 375px;
}
div#contents div#zero-tsukaima4 div#header .right h2 {
	background: url(../img/intro.gif) no-repeat top left;
	display: block;
	height: 0 !important;
	height /**/	: 336px;
	overflow: hidden;
	padding: 336px 0 0 0;
	width: 375px;
}

/* 2.broadcast
========================================== */
div#contents div#zero-tsukaima4 div#broadcast {
	padding:0 15px;
}

/* 3.watch
========================================== */
div#contents div#zero-tsukaima4 div#watch {
	padding: 0 15px;
	width: 685px;
}
div#contents div#zero-tsukaima4 div#watch .subttl {
	clear: both;
	margin: 10px 0;
}
div#contents div#zero-tsukaima4 div#watch .icon {
	margin: 0 0 5px 0;
}
div#contents div#zero-tsukaima4 div#watch div.image{
	float: left;
	width: 162px;
	margin: 0 15px 15px 0;
}
div#contents div#zero-tsukaima4 div#watch div.image img {
	border: #d9006c 1px solid;
	margin: 0 0 5px 0;	
}
div#contents div#zero-tsukaima4 div#watch div.main {
	float: left;
	width: 505px;
}
div#contents div#zero-tsukaima4 div#watch div.main .b_txt {
	clear: both;
	color: #d9006c;
	font-weight: bold;
	padding: 5px 0 0 0;
	text-align: right;
}
div#contents div#zero-tsukaima4 div#watch div.main .pv_txt {
	clear: both;
	color: #d9006c;
	font-weight: bold;
	padding: 10px 0 0 0;
}
div#contents div#zero-tsukaima4 div#watch div.main .ttl {
	color: #002f8c;
	font-size: 14px;
	font-weight: bold;
}
div#contents div#zero-tsukaima4 div#watch div.main .txt {
	color: #4d4d4d;
	font-size: 12px;
	line-height: 1.4em;
}
div#contents div#zero-tsukaima4 div#watch div.main ul {
	text-align: right;
	margin: 10px 0 0 0;
}
div#contents div#zero-tsukaima4 div#watch div.main li {
	display: inline;
	margin: 0 2px 0 0;
}
div#contents div#zero-tsukaima4 div#watch div.main .btn {
	margin: -15px 0 0 10px;
}

/* 4.series
========================================== */
div#contents div#zero-tsukaima4 div#series {
	margin: 0 10px;
}
div#contents div#zero-tsukaima4 div#series:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:"";
}
div#contents div#zero-tsukaima4 div#series ul {
	margin: 0 0 5px 0;
}
div#contents div#zero-tsukaima4 div#series li {
	display: inline;
	margin: 0 2px 0 0;
}

/* 4.charactor
========================================== */
div#contents div#zero-tsukaima4 div#chara {
	padding: 0 5px;
	width: 705px;
}
div#contents div#zero-tsukaima4 div#chara:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
div#contents div#zero-tsukaima4 div#chara li {
	display: inline;
	float: left;
	font-size: 0;
	margin: 0 10px;
}

/* 5.data
========================================== */
div#contents div#zero-tsukaima4 div#data {
	margin: 0 5px;
	padding: 10px;
	width: 685px;
}
div#contents div#zero-tsukaima4 div#data:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
div#contents div#zero-tsukaima4 div#data ul {
	float: left;
	margin:0 0 0 40px;
}
div#contents div#zero-tsukaima4 div#data li {
	color: #4d4d4d;
	font-size: 12px;
	line-height: 1.5em;
}

/* 6.footer
========================================== */
div#contents div#zero-tsukaima4 div#copyright {
	color: #4d4d4d;
	font-size: 10px;
	padding: 5px 0 10px 5px;
}
	
/* 7.link
========================================== */
div#contents div#zero-tsukaima4 div#officiallink {
	clear: both;
	padding: 0 15px 0 0;
	text-align: right;
}
/* 8.cmsList
========================================== */
div#contents div#zero-tsukaima4 div#cmsList h3 {
	margin: 0;
}
div#contents div#zero-tsukaima4 #cmsList div.listBox {
	width: 681px;
}
div#contents div#zero-tsukaima4 #cmsList div.listBox div.lower div.txtBox {
	width: 591px;
}