@charset "Shift_JIS";
/* CSS Document */
/*===========import=============*/
@import url("reset.css");
@import url("clearfix.css");
/*===========import=============*/
body{
    margin: 0px;text-align:center;
    font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	line-height:1.8em;
	letter-spacing:0.1em;
	color:#FFFFFF;
	background-image:url(../img/bg-tile.png);
	background-position:center;
	background-repeat: repeat-y;
	background-color:#000000;
	}

img{ margin:0; border:0px;}
a:hover img{filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
a:hover img.none{filter: alpha(opacity=100); -moz-opacity:1; opacity:1;}

a:link,a:visited,a:active
{
	color:#FFFFFF;
	text-decoration: underline;
	}
a:hover
	{
	color:#CCCCCC;
	text-decoration:none;
	}
#container { background-image:url(../img/bg-main.jpg); background-position:center 0px; background-repeat: no-repeat; 
}
#wrapper{
 width:990px;
 margin-left:auto;
 margin-right:auto;
 text-align:left;
}
#columnL {
 width:733px;
 float:left;
}

#columnR {
 width:237px;
 float:left;
 margin-left:20px;
}

#footer {
 width:100%;
 clear:left;
}
#navi{ padding-top:7px; background-color: #000000; 
}
#navi li{
display:block;
float:left;
height:35px;
position:relative;
}
#navi li .newicon{ position:absolute; top:-4px; left:15px; 
}
#navi li#navi1{
width:78px;
}
#navi li#navi2{ width:104px; 
}
#navi li#navi3{ width:86px; 
}
#navi li#navi4{ width:88px; 
}
#navi li#navi5{ width:74px; 
}
#navi li#navi6{ width:130px; 
}
#navi li#navi7{ width:107px; 
}
#navi li#navi8{ width:66px; 
}

#mainImg{ clear:left;
}
#display{ height: 534px; }
#bnr { padding-top: 10px; }
#bnr img{ margin-bottom: 5px; }

#twitter{}

#blog{ background-image:url(../img/img-sideblogEnd.png); background-position:bottom; background-repeat:no-repeat; padding-bottom:3px; 
}
#mobile { padding-top: 20px; }


#footer{
background-image:url(../img/img-copyright.png);
background-repeat:no-repeat;
background-position:center;
padding:20px 0;
text-align:right;
}
#footer img{
margin-left:7px;
}


/*Second*/
h1{
height:63px;
overflow:hidden;
}
h1 a{
padding-top:126px;
background-image:url(../img/main-common.jpg);
background-repeat:no-repeat;
display:block;
width:733px;
height:63px;
}
h2{
height:59px;
overflow:hidden;
clear:both;
}
h2 span{
padding-top:118px;
background-repeat:no-repeat;
display:block;
width:733px;
height:59px;
}
#mainContens { position:relative; padding: 25px 0px 10px 25px; ; }
#mainContensB { position:relative; padding: 25px 0px 10px 15px; ; }
.backnumber { height: 22px; width: 222px; position: absolute; display:block; left: 511px; top: -32px; }

h3{ margin-bottom:25px; }
h3 .title{ color:#d56b30; font-size:18px; line-height:1.2em; font-weight:bold; display:block; width:55%; float:left; }
h3 .date{ font-size:16px; line-height:1.2em; font-weight: normal; display:block; width:45%; float: right; text-align:right; }
p#staff{ background-color:#333333; padding:10px;}
p.hidden { display: none; }

.scenario{ width:395px; float:left; }
.scenarioPhoto{width:300px; float: right; text-align:right;}
.scenarioPhoto img{ display:block; margin-bottom:5px; border:1px solid #333333;}
.scenarioPhoto img.btn{border: none;}


.bnblocklink{ display:block;}
.bnblock{margin-bottom:15px; padding-bottom:15px; border-bottom:1px dotted #333333;}
.bnPhoto{display:block; width:298px; float:left; margin-right:10px;margin-bottom:5px; border:1px solid #333333;}
.bnPhoto img{display:block;}
.bnblock .date{ font-size:12px; display:block; padding-top:70px;}
.bnblock .title{ font-size:20px; display:block; }



.mainContentsL{ width:350px; float:left;}
.mainContentsR{ width:350px; float:right;}
.wpbtn { text-align: center; margin-top: 10px; margin-bottom: 10px; margin-left: 0px; }
.wpbtn img{ margin:0 5px 5px 0;}
strong.headline{ color:#d56b30;}
div.headline{ font-weight:bold; padding:3px 3px 3px 10px; margin-bottom:20px; line-height:1.2em; border-bottom:1px #990000 solid; text-shadow: 0px 0px 5px #999; 
}

ul.itemList{}
ul.itemList li{ width:230px; text-align:center; margin:0 0 20px 0; line-height:1.2em; vertical-align:top; display: -moz-inline-box; /*for Firefox 2*/ display: inline-block; /*for modern*/ /display: inline; /*for ie5～7*/ /zoom: 1; /*for ie5～7*/}
ul.itemList li .extxt{ font-size:12px;}
ul.itemList li img{ margin-bottom:3px;}

ol, ul {
    list-style: none outside none;
}