/* 侍戦隊シンケンジャー */

body,div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td
{
 margin: 0;
 padding: 0;
}

fieldset, img{
 border: 0;
}

abbr, acronym{
 border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var{
 font-style: normal;
 font-weight: normal;
}

h1, h2, h3, h4, h5, h6{
 font-size: 62.5%;
 font-weight: normal;
}

.clear{
 clear: both;
}

.bold{
 font-weight: bold;
}

/* clearfix hack */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
	line-height:0; 
    visibility: hidden;
}

.clearfix {
	display: inline-table;
	min-height: 1%;
}
/*
.clearfix {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	min-height: 1%;
}
*/
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

body{
 font-size: 62.5%;
 text-align: center;
 background: url(images/bg.gif) repeat-x top;
}

body.special{
 background:none;
 background-color:#333333;
}

#wrapper{
 width: 1243px;
 margin: 0 auto;
 padding: 0;
}

#header{
 width: inherit;
 margin: 0 auto;
 padding: 0;
}

#header ul{
 margin: 0;
 padding: 0;
}

#header li{
 float: left;
 margin: 0;
 padding: 0;
 list-style-type: none;
}

#header a:link, #header a:visited{
 text-decoration: none;
}

#contents{
 margin: 0 auto;
 padding: 0;
 width: inherit;
}

#contents-left{
 float: left;
 margin: 0;
 padding: 0;
}

#contents-right{
 float: right;
 margin: 0;
 padding: 0;
}

#news{
 background: url(images/news.jpg) no-repeat center;
 margin: 0;
 padding: 0;
 width: 635px;
 height: 141px;
 position: relative;
}

#text{
 position: absolute;
 top: 37px;
 left: 203px;
 border-top: dotted #999999;
 border-top-width: 1px;
 width: 405px;
}

#text-line{
	font-size: 1.3em;
	color: #333333;
	border-bottom: dotted #999999;
	border-bottom-width: 1px;
	width: inherit;
	text-align: left;
	padding: 4px 0 2px 0;
}

#live{
 background: url(images/liveshow.jpg) no-repeat center;
 margin: 0;
 padding: 0;
 width: 608px;
 height: 401px;
 position: relative;
}

.live_p{
 width:80px;
 display:block;
 float:left;
}

#live-text1{
 position: absolute;
 top: 172px;
 left: 76px;
 font-size: 1.3em;
 text-align: left;
 color: #4D2D02;
 font-weight: 600;
 line-height: 20px;
}

#live-text2{
 position: absolute;
 top: 264px;
 left: 52px;
 font-size: 1.1em;
 text-align: left;
 color: #4D2D02;
 line-height: 16px;
}

h1{
	position: absolute;
	top: 360px;
	left: 52px;
	font-size: 1.1em;
	color: #CC0000;
	text-align: left;
}

#main{
 background: url(images/main_bg.jpg) no-repeat center; 
 width: 1243px;
 height: 544px;
 margin: 0 auto;
 padding: 0;
 position: relative;
}

#carender1{
 position: absolute;
 top: 16px;
 left: 519px;
 width: 263px;
 height: 230px;
 margin: 0;
 padding: 0;
}

#carender2{
 position: absolute;
 top: 16px;
 left: 799px;
 width: 263px;
 height: 230px;
 margin: 0;
 padding: 0;
}

#carender3{
 position: absolute;
 top: 258px;
 left: 519px;
 width: 263px;
 height: 230px;
 margin: 0;
 padding: 0;
}

#carender4{
 position: absolute;
 top: 258px;
 left: 799px;
 width: 263px;
 height: 230px;
 margin: 0;
 padding: 0;
 background: url(images/carender4.jpg) no-repeat center;
}

#carender4 p{
 text-align: left;
 margin: 0 0 3px 20px;
 font-size: 1.3em;
 color: #000000;
 font-weight: 600;
}

#carender4 a:link, #carender4 a:visited{
 text-decoration: none;
 color: #FF0000;
}

#carender4 a:hover, #carender4 a:active{
 text-decoration: underline;
 color: #FF0000;
}

.red{
 color: #FF0000;
}

.blue{
 color: #0000FF;
}


/******************************** special ***************************************************/

#wrapper.special{
 width:100%;
 background-color:#EAC420;
 margin:0;
 padding:0;
}

#main_body{
 width:869px;
 margin:0 auto;
 padding:0;
}

#attention.first{
 width:869px;
 background:url(images/special/attention_1.gif) no-repeat;
 height:364px;
 margin:0 auto;
 padding:0;
 text-align:left;
 font-size:12px;
}

#attention.second{
 width:869px;
 background:url(images/special/attention_2.gif) no-repeat;
 height:281px;
 margin:0 auto;
 padding:0;
 text-align:left;
 font-size:12px;
}

#attention.third{
 width:869px;
 background:url(images/special/attention_3.gif) no-repeat;
 height:122px;
 margin:0 auto;
 padding:0;
 text-align:left;
 font-size:12px;
}

#attention ul.first{
 list-style:disc;
 color:#EAC420;
 margin:0 0 0 60px;
 list-style-position:outside;
 padding:130px 0 0 0;
}

#attention ul.second{
 list-style:disc;
 color:#EAC420;
 margin:0 0 0 60px;
 list-style-position:outside;
 padding:100px 0 0 0;
}

#attention ul li{
 margin:0 0 10px 20px;
 padding:0;
 line-height:160%;
}

.red{
 color: #FF0000;
}

.black{
 color:#000000;
}

#attention ul.third{
 list-style: decimal;
 color: #333333;
 margin:0 0 0 30px;
 list-style-position:outside;
 padding:50px 0 0 0;
}

#attention ul.third li{
 margin:0 0 0 20px;
 padding:0;
}

#special_footer{
 width:869px;
 margin:0 auto;
 padding:0 0 10px 0;
 font-size:12px;
 text-align:left;
 z-index:90;
 position:relative;
}

#special_footer img.movie{
 position:absolute;
 top:-110px;
 right:20px;
}

#special_footer ul{
 margin:20px 0 40px 30px;
 list-style: square;
 list-style-position: outside;
 color:#FFFFFF;
 padding:0;
}

#special_footer ul li{
 line-height:160%;
 margin:0 0 0 15px;
}

#special_footer p{
 color: #FFFFFF;
 padding-bottom:10px;
 text-align:center;
}

#member{
 width:869px;
 margin:0 auto;
 padding:0;
 background:url(images/special/member.jpg) no-repeat;
 height:261px;
}
