@charset "euc-jp";
/* CSS Document */

body {
	background: #f8f0d9;
	margin: 0px;
	padding: 0px;
	font: 0.9em/1.6em "¥Ò¥é¥®¥ÎÌÀÄ« Pro W3", "Hiragino Mincho Pro","£Í£Ó £ÐÌÀÄ«", "MS PMincho" , serif;
}

a:link,
a:visited,
a:active,
a:hover {
	color: #c7000b;
}

/*header*/

#header {
	height: 138px;
	width: 100%;
	background: #c7000b;
}

#header h1 {
	margin: 0px auto;
	width: 960px;
	position:relative;
	display: block;
}

#header h1 img {
	margin-top: 16px;
}

#header ul {
	margin: 0px auto;
	height: 55px;
	width: 960px;
	position:relative;
	display: block;
}

#header ul li{
	margin: 12px 8px 0px 0px;
	float: left;
}

#header-content {
	height: 41px;
	width: 100%;
	background: url(../images/header_bg.gif) repeat-x;
	position: absolute;
	top: 138px;
	z-index:1;
}

#header-content h2 {
	margin: 0px auto;
	width: 960px;
	position:relative;
	display: block;
}

#header-content h2 img {
	margin-top: 7px;
}

#social {
	position: absolute;
	right: 0px;
	top: 8px;
}

iframe.twitter-share-button {
	width: 105px!important;
}

/*content*/

#main-wrapper {
	width: 100%;
	clear: both;
}

#wall-wrapper {
	background: url(../images/index_wall.gif) repeat-x center top;
	height: 45px;
	width: 100%;
	clear: both;	
}

#content-main {
	margin: 0px auto;
	width: 960px;
	min-height:800px;
	position:relative;
	padding: 80px 0px 40px 0px;
}

/*news*/

#right-menu {
	float: right;
	width: 280px;	
}

#right-menu h3{
	margin-top: 1.5em;
	margin-bottom: 0.5em;
	font-weight: bold;
}

#right-menu ul li {
	list-style: circle outside;
}

#right-menu ul li a {
	text-decoration: none;
	
}

#right-menu ul li a:hover {
	text-decoration: underline;
}

#right-menu div#rss a {
	display:block;
	text-decoration: none;
	height: 30px;
	color: #FFF;
	width: 110px;
	text-align: center;
	line-height: 30px;
	margin-top: 2em;
	background: #000;
}

#right-menu div#rss a:hover {
	background: #830808;
	
}

#articles-wrapper {
	float: left;
	width: 630px;
	margin-top:-2em;
}

#articles-wrapper h2#page-name {
	font-size: 1.8em;
	display: block;
	width: 100%;
	font-weight: bold;
	padding-bottom: 0.4em;
	line-height: 1.2em;
	margin-bottom: 0.2em;
	margin-top: 0.8em;
}

#articles-wrapper h3 {
	font-size: 1.8em;
	background: url(../images/dotline.gif) repeat-x left bottom;
	display: block;
	width: 100%;
	font-weight: bold;
	padding-bottom: 0.4em;
	line-height: 1.2em;
	margin-bottom: 0.2em;
	margin-top: 2em;
	border-bottom: 1px solid #000;
}

#articles-wrapper h3 a {
	text-decoration: none;
}

#articles-wrapper h3 a:hover {
	color: #830808;
}

#articles-wrapper div.date {
	display: block;
	width: 100%;
	text-align: right;
	margin-bottom: -1em;
}

#articles-wrapper div.article {
	line-height: 1.6em;
	margin-bottom:1.6em;
}

#articles-wrapper div.article p {
	margin-top:1.2em;
}

#articles-wrapper div.category {
	display: block;
	width: 100%;
	margin-bottom: 0.4em;
	text-align: right;
}

#articles-wrapper div.category a:hover {
	color: #830808;
}

#articles-wrapper div.article-plugin {
	margin-top:-2em;
}

#articles-wrapper div#navi {
	display: block;
	width: 100%;
	margin-top: 2em;
	margin-bottom: 4em;
}

#articles-wrapper div#navi div#back a,
#articles-wrapper div#navi div#next a{
	display:block;
	text-decoration: none;
	height: 30px;
	color: #FFF;
	width: 130px;
	text-align: center;
	line-height: 30px;
	border: 1px solid #be9937;
}

#articles-wrapper div#navi div#back a {
	background: #000 url(../images/back_off.png) no-repeat 10px center;
	padding-left: 10px;
}

#articles-wrapper div#navi div#next a {
	background: #000 url(../images/next_off.png) no-repeat 115px center;
	padding-right: 10px;
}

#articles-wrapper div#navi div#back  a:hover {
	background: #c7000b url(../images/back_on.png) no-repeat 10px center;
	color: #FFF;
}

#articles-wrapper div#navi div#next a:hover {
	background: #c7000b url(../images/next_on.png) no-repeat 115px center;
	color: #FFF;
}

#articles-wrapper div#navi div#back a {
	float: left;	
}

#articles-wrapper div#navi div#next a {
	float: right;	
}

/*intro*/

.section {
	overflow:hidden;
	margin-bottom:40px;
}

.section img.pic-left {
	float: left;
	margin-right: 50px;	
}

.section img.pic-right {
	float: right;
	margin-left: 50px;	
}

.section p {
	margin-top: 0.5em;
	overflow:hidden;
   zoom:1;
}

/*story*/

.caption {
	font-size: 0.8em;
	text-align: right;	
}

/*cs*/

.cs div.section  {
	margin-bottom: 30px;	
}

.cs div.section img.pic-left {
	margin-right: 30px;	
}

.cs div.section h3 {
	display: block;
	margin-bottom: 15px;
	padding-top: 5px;
	padding-bottom: 10px;
	border-bottom: 1px solid #000;	
}

/*trailer*/

.trailer div.section  {
	text-align: center;		
}

/*comments*/

.comments div.section  {
	padding-top: 1em;
	margin-bottom: 1em;
}

.comments div.section h3  {
	font-size: 2em;
	font-weight: bold;
}

.comments div.section h3 span  {
	font-size: 0.6em;		
}

/*theater*/

.theater div.section h3  {
	margin-left: 2em;
	margin-bottom: 2em;
}

.theater div.section table  {
	width:800px;
	font-size: 0.9em;
	margin-top: 30px;
}

.theater div.section table tr  {
	background: url(../images/dot.gif) repeat-x left bottom;	
}

.theater div.section table tr td  {
	margin: 0px;
	padding: 8px 13px;	
}

.theater div.section table tr.header td  {
	background: #222222;
	color: #FFF;
	margin: 0px;
	padding: 4px 13px;
}

/*link*/

#content-main ul li {
	list-style: disc inside;
	margin-bottom: 0.5em;
}