@charset "utf-8";

@import "reset.css";
@import "fonts.css";

/* Basic XHTML */

body{
	color: #333;
	text-align: center;
	background-image: url("../img/bg.jpg");
	background-repeat: repeat-x;
	background-color: #758baa;
}

a:link{ color: red; text-decoration:underline;}
a:hover, a:visited:hover{ color: red; text-decoration:underline;}
a:active{ color: red; }
a:visited{ color: red; text-decoration:underline;}

p{line-height: 140%}

strong{font-weight: bold;font-size: 110%;}

/* container */

#container{
margin: 0 auto;
padding:0;
width: 980px;
text-align: center;
height: 100%;
}

/* header */

#header{
width: 980px;
height: 32px;
margin-top: 20px;
}


/* navi */

ul#navigation {
    width:980px;
    margin:5px 0 0 0;
    overflow:hidden;　/*float解除*/
    zoom:100%;　/*float解除*/
}
ul#navigation li {
    float:left; /*次の要素を右側へ回り込ませる*/
    list-style:none; /*リストの●を消す*/
}
ul#navigation li a {
    display:block; /*インラインからブロック要素へ変更*/
    height:40px; /*高さ*/
    width:980px; /*横幅*/
    text-align:center; /*テキストの位置*/
    font-weight:bold; /*テキストの太さ*/
    letter-spacing:1px; /*文字間隔*/
    text-indent:-9898px; /*テキストを横に飛ばして見えなくする*/
    background-image:url(../img/menu.jpg); /*メニュー画像 先行販売終わったら menu_26.jpg にリネーム　一般販売開始したら menu.jpg　にリネーム*/
    background-repeat:no-repeat; /*画像の繰り返しをオフに*/
}

ul#navigation a.topics {background-position:0px 0px;width:222px;}
ul#navigation li a.topics:hover {background-position:0 -40px;}
 
ul#navigation a.policy {background-position:-222px 0px; width: 246px;}
/*ul#navigation li a.policy:hover {background-position:-222px -40px;}*/
 
ul#navigation li a.outline {background-position:-468px 0px; width: 246px;}
/*ul#navigation li a.outline:hover {background-position:-468px -40px;}*/
 
ul#navigation li a.activities {background-position:-714px 0px; width: 266px;}


/* ClearFix */

ul.globalNavi {
	_height: 1px;
	min-height: 1px;
	/*¥*//*/
	height: 1px;
	overflow: hidden;
	/**/
}

ul.globalNavi:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/* contents */

.topimg{
width: 980px;
height: 260px;
margin-top: 20px;
}

#con_box_top{width: 980px; height: 4px; margin-top: 20px;}

#con_box_middle{
width: 980px;
background-color: #fff;
background-image: url("../img/bmiddle.gif");
background-repeat: repeat-y;
}

#con_box_bottom{width: 980px; height: 4px;}


/* leftblock */

#leftblock{
	float:left;
	text-align:left;
	width: 465px;
	padding: 10px 5px 10px 10px;
}

.lt0{margin:10px 0 10px 0;}


/* rightblock */

#rightblock{
	float: left;
	text-align:left;
	width: 465px;
	padding: 10px 10px 10px 5px;
}


/* footerblock */
#footer{
	width:980px;
	height: 100px;
	text-align: right;
}

#footer a:link{ color: #fff; text-decoration:underline;}
#footer a:visited{ color: #fff; text-decoration:underline;}
#footer a:hover,#footer a:visited:hover{ color: #fff; text-decoration:underline;}
#footer a:active{ color: #fff; }




#cast a:link{ color: #333; text-decoration:none;}
#cast a:hover, #cast a:visited:hover{ color: red; text-decoration:underline;}
#cast a:active{ color: #333; }
#cast a:visited{ color: #333; text-decoration:none;}