@charset "EUC-JP";
@import"common.css";
@import'/common/css/special_recommend.css';
@import'/etc/animation/css/recommend_mini.css';

/* Base 
------------------------------------------ */
div#MainContents {
	width: 575px;
	background: url(../img/bg_repeat.gif) repeat-y;
}
div#MainContents .BgBtm {
	background: url(../img/bg_btm.jpg) no-repeat bottom;
}
/* ヘッダー 
------------------------------------------ */
div#MainContents #Header {
	clear: both;
	background: url(../img/bg_header.jpg) no-repeat;
	height: 312px;
	padding: 0 10px;
}
div#MainContents #Header h2 {
	background: url(../img/logo.gif) no-repeat;
	width: 309px;
	height: 158px;
	text-indent: -9999px;
}
div#MainContents #Header h3 {
	background: url(../img/catch.gif) no-repeat bottom;
	width: 309px;
	height: 70px;
	text-indent: -9999px;
}
div#MainContents #Header h4 {
	background: url(../img/read.gif) no-repeat;
	width: 309px;
	height: 71px;
	text-indent: -9999px;
}
/* ストーリー 
------------------------------------------ */
div#MainContents #Story {
	clear: both;
	background: url(../img/bg_common_repeat.gif) repeat-y;
	margin: 0 10px;	
}
div#MainContents #Story h3 {
	background: url(../img/ttl_story.gif) no-repeat;
	width: 555px;
	height: 36px;
	text-indent: -9999px;
}
div#MainContents #Story ul {
	margin: 20px 0 0 5px;
	text-align: center;
}
div#MainContents #Story li {
	display: inline;
	margin-left: -5px;
	padding: 0 10px;
}
div#MainContents #Story p {
	margin: 10px 20px 0;
	color: #fff;
	font-size: 12px;
	line-height: 1.8em;
}
/* 士郎正宗とは 
------------------------------------------ */
#MainContents #Whats {
	clear: both;
	padding: 10px 0 0;
	background: url(../img/bg_btm.jpg) no-repeat bottom #0f275c;
}
#MainContents #Whats .BgShiro {
	background: url(../img/bg_whats-shiro.gif) no-repeat;
	width: 271px;
}
#MainContents #Whats .BgIG {
	background: url(../img/bg_whats-ig.gif) no-repeat;
	width: 271px;
}
#MainContents #Whats .Txt {
	text-align: left;
	font-size: 12px;
	color: #fff;
	line-height: 1.7em;
	padding: 0 20px 15px;
}
#MainContents #Whats .Ttl {
	padding: 20px 0 9px 13px;
}
#MainContents #Whats .BgShiro {
	background: url(../img/bg_whats-shiro.gif) no-repeat;
	width: 271px;
}
#MainContents #Whats .BgStaffCast {
	background: url(../img/bg_staffcast.gif) no-repeat;
	border-bottom: solid 1px #000;
}
#MainContents #Whats .TtlStaffCast {
	padding: 15px 0 9px 13px;
}

/* リンク 
------------------------------------------ */
#MainContents #Link {
	clear: both;
	text-align: right;
	padding: 15px 10px;
	font-size: 12px;
}
#MainContents #Link a:link {
	color:#fff;
}
#MainContents #Link a:visited {
	color:#fff;
}
#MainContents #Link a:hover {
	color:#fff;
}
#MainContents #Link a:active {
	color:#fff;
}
/* コピーライト 
------------------------------------------ */
div#MainContents #Copyright {
	clear: both;
	font-size: 12px;
}