@charset "utf-8";

@import url("./common.css");
@import url("http://www.capcom-fc.com/shun/thickbox.css");

/* ==================================================

  Index Style Sheet
  トップページのスタイルシートです。

================================================== */

body {
	background: url("../images/bg.gif") 0 0 repeat-x #073562;
	font-size: 84%;
	text-align: center;
}

a {
	/*\*/
	overflow: hidden;
	/**/
}

hr { display: none; }
ul li { list-style-type: none; }

.clear { clear: both; }

.textCenter { text-align: center !important; }
.textRight { text-align: right !important; }
.textLeft { text-align: left !important; }

/* ================================================== */
div#header h1 {
	display: none;
}

div#header #vi {
	text-align: center;
}

/* ================================================== */

div#whole {
	width: 770px;
	margin: 0 auto;
	background: #09233a; /* whole_01 */
	/*\*//*/
	font-size: 90%;
	/**/
	text-align: left;
}

/* ================================================== */

div#content {
	display: inline;
	float: right;
	width: 546px;
	margin: 0px 8px 54px 0;
}

div#content p.pagenate {
	margin-bottom: 5px;
	color: #fff; /* content_01 */
	font-size: 90%;
	text-align: center;
}

div#content p.pagenate a {
	color: #fff; /* content_02 */
}

div#content div.section {
	background: url("../images/content_bg.gif") 0 0 repeat; #fff; /* content_03 */
	color: #0c2946; /* content_04 */
}

div#content div.section h2 {
	margin-bottom: 15px;
	padding: 3px 0 10px 10px;
	background: url("../images/prt_content_01.gif") 0 0 no-repeat;
	color: #fff; /* content_05 */
	font-weight: bold;
}

div#content div.section h3 {
	margin: 0 0 15px 15px;
	color: #fb6603; /* content_06 */
	font-size: 110%;
	font-weight: bold;
}

div#content div.section div.article {
	width: 500px;
	margin: 0 0 25px 25px;
	line-height: 140%;
}

div#content div.section div.article p {
	margin-bottom: 1em;
}

div#content div.section div.article strong {
	font-weight: bold;
}

div#content div.section div.article a {
	color: #1080d7; /* content_07 */
}

div#content div.section p.info {
	padding: 6px 10px 10px 0;
	background: url("../images/prt_content_02.gif") 0 100% no-repeat;
	color: #000; /* content_08 */
	text-align: right;
	height:37px
}

div#content div.section p.info a {
	color: #1080d7; /* content_09 */
}

div#content div.section p.more {
	margin: 0 25px 25px 0;
	text-align: right;
}

div#content div.section p.more a {
	padding: 4px 0 4px 22px;
	background: url("../images/ico_content_more.gif") 0 3px no-repeat;
	color: #1080d7; /* content_10 */
}
div#content div#comment {
	margin-bottom: 10px;
	padding-bottom: 30px;
	background: url("../images/content_bg.gif") 0 100% repeat #FFF; /* content_11 */
	color: #0c2946; /* content_12 */
}

div#content div#comment h2 {
	margin-bottom: 15px;
	padding: 3px 0 10px 10px;
	background: url("../images/prt_content_01.gif") 0 0 no-repeat;
	color: #fff; /* content_13 */
	font-weight: bold;
}

div#content div#comment div.postdata {
	margin: 0 10px 10px 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #666; /* content_14 */
}

div#content div#comment div.postdata h3 {
	margin: 0 0 15px 15px;
	color: #fb6603;
	font-weight: bold;
}

div#content div#comment div.postdata p {
	margin: 0 20px 10px 20px;
	line-height: 140%;
}

div#content div#comment div.postdata p a {
	color: #1080d7;
}

div#content div#comment div.postdata p.info {
	margin-bottom: 0;
	color: #000; /* content_15 */
	text-align: right;
}

div#content div#comment p.announce {
	margin: 0 30px 10px 30px;
	padding-top: 10px;
}

div#content div#comment form {
	margin: 0 30px 10px 30px;
}

div#content div#comment form dl {
	padding-top: 10px;
}

div#content div#comment form dl dt {
	margin-bottom: 2px;
	color: #0c2946; /* content_16 */
}

div#content div#comment form dl dd {
	margin-bottom: 10px;
}

div#content div#comment form dl dd input#commentFormName {
	width: 35em;
}

div#content div#comment form dl dd textarea#commentFormComment {
	width: 35em;
	height: 10em;
}

#bottom {
	background: url("../images/img_bottom_01.gif") 0 0 no-repeat;
	height: 31px;
}

/* ================================================== */
div#side {
	display: inline;
	float: left;
	width: 200px;
	margin: 0 0 54px 8px;
	color: #fff; /* side_01 */
}

div#side a {
	color: #fff; /* side_02 */
}

div#side div.section {
	margin-bottom: 0px;
	padding-bottom: 10px;
	background: url("../images/side_bg.gif") repeat;#205583; /* side_03 */
}

div#side div.section ul {
	padding-left: 15px;
}

div#side div.section ul li {
	margin-bottom: 5px;
	padding: 2px 0 2px 22px;
	background: url("../images/ico_side_01.gif") 0 2px no-repeat;
}

div#side div.section h2 {
	width: 200px;
	height: 47px;
	margin-bottom: 10px;
	text-indent: -9999px;
}

div#side div.profile h2 {
	background: url("../images/tit_side_01.gif") 0 0 no-repeat;
}

div#side div.profile div {
	margin-bottom: 5px;
}

div#side div.profile p {
	margin: 0 10px 0 25px;
	font-size: 90%;
}

div#side div.calendar h2 {
	margin-bottom: 10px;
	background: url("../images/tit_side_00.gif") 0 0 no-repeat;
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-indent: 0;
	padding-top: 5px;
	line-height: 30px;
}

div#side div.calendar table {
	width: 180px;
	margin-left: 10px;
	color: #fff;
}

div#side div.calendar table a {
	color: #fb6603;
}

div#side div.calendar table th,
div#side div.calendar table td {
	text-align: center;
}

div#side div.category h2 {
	background: url("../images/tit_side_02.gif") 0 0 no-repeat;
}

div#side div.backNumber h2 {
	background: url("../images/tit_side_03.gif") 0 0 no-repeat;
}

div#side div.recentEntry h2 {
	background: url("../images/tit_side_04.gif") 0 0 no-repeat;
}

div#side div.banner {
	margin-bottom: 20px;
}

div#side div.banner ul li {
	margin-bottom: 5px;
}
div#side div.rss {
	text-align: center;
}

#sidetop {
	background: url("../images/side_top.gif") 0 0 no-repeat;
	height: 8px;
}

/* ================================================== */

div#footer {
	clear: both;
	background: #073562;
	padding-bottom: 5px;
	text-align: center;
}

div#footer ul {
	margin-bottom: 15px;
	padding-top: 12px;
}

div#footer ul li {
	display: inline;
	margin-left: 15px;
}

div#footer address {
	margin-right: 10px;
}