@charset "UTF-8";
/* CSS Document */

/* ===共通設定（リセットスタイル）

：各htmlのタグには、デフォルトで設定されているスタイル
（下線が付いていたり、文字が太くなっていたり）があるので、
初めに、そのような初期の設定を無くしておく為の設定を以下に記述しておく。
デザインデータに合わせた指定は、改めてそれそれの該当箇所に個別に指定する。

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

* {
	margin:0px;
	padding:0px;
}

img {
	border:0px;
}

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

.clrfix:after {/*疑似クラスafterは該当の要素の後に疑似的にボックスを追加する命令*/
	content:".";/*要素の前後に文字や画像を追加*/
	display:block;
	height:0px;
	visibility:hidden;
	clear:both;
}

	
.clrfix {
	display:inline-block;
	min-height:1px;
	/* for IE 7 */
}



/* ===フォントの共通設定==================*/

body, div, a, ul, ol, dl, dt, dd, li, p, table, tr, td,address,h1, h2, h3, h4 {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	line-height:1.5em;
	text-decoration:none;
	padding:0px;
	margin:0px;
}

a.text_link {
	color:#3fc;
	text-decoration:underline;
}

/* ===基本構造==================*/

#wrapper {
}

#container {
	height:800px;
	background:url(../images/toppage/background_01.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#main {
	margin:auto;
	width:980px;
}

#top {
	width:980px;
	height:140px;
	padding-top:20px;
}

#contents {
	height:310px;
	margin-bottom:20px;
}

#header {
	clear:both;
	height:240px;
}

#navigation {
	clear:both;
	border-top:#966 1px solid;
}

#global-navi {
	margin:auto;
	width:980px;
}

#footer {
	background:#000;
}

/* ===topのレイアウト==================*/

#top h1 {
	width:980px;
	height:120px;
	background:url(../images/toppage/award.png) 0px center no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

/* ===contentsのレイアウト==================*/

#contents p {
	width:980px;
	height:310px;
	background:url(../images/toppage/copy.png) 840px center no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

/* ===headerのレイアウト==================*/

#head-left {
	float:left;
	width:180px;
	padding:80px 0 0 20px;
}

#head-left a:hover {
	opacity:0.75;	
	-moz-opacity:0.75;
	filter:alpha(opacity=75);
}

#head-right {
	float:right;
	width:570px;
}

/* ===gnavのレイアウト==================*/

#global-navi ul {
}

#global-navi ul li {
	float:left;
}

#global-navi ul li a {
	display:block;
	width:160px;
	height:50px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#global-navi ul li a#globalnavi_01 {
	background-image:url(../images/globalnavi/globalnavi_01.png);
	margin-right:4px;
}

#global-navi ul li a#globalnavi_02 {
	background-image:url(../images/globalnavi/globalnavi_02.png);
	margin-right:4px;
}

#global-navi ul li a#globalnavi_03 {
	background-image:url(../images/globalnavi/globalnavi_03.png);
	margin-right:4px;
}

#global-navi ul li a#globalnavi_04 {
	background-image:url(../images/globalnavi/globalnavi_04.png);
	margin-right:4px;
}

#global-navi ul li a#globalnavi_05 {
	background-image:url(../images/globalnavi/globalnavi_05.png);
	margin-right:4px;
}

#global-navi ul li a#globalnavi_06 {
	background-image:url(../images/globalnavi/globalnavi_06.png);
}

#global-navi ul li a:hover {
	background-position:0px -50px;
}

/* ===footerのレイアウト==================*/

.foot-contents {
	width:980px;
	height:210px;
	margin:auto;
	background:url(../images/toppage/cast_staff.png) 0px 10px no-repeat;
}

.foot-contents ul {
	padding:90px 0 0 670px;
}

.foot-contents ul li {
	float:left;
}

.foot-contents ul li.comment img {
	margin-right:8px;
}

.foot-contents ul li.interview img {
}

.foot-contents img {
}

.foot-banner {
	width:980px;
	margin:auto;
	padding-top:24px;
}

.foot-banner ul li {
	float:left;
	margin-right:8px;
}

.copyright {
	clear:both;
	margin:auto;
	width:980px;
	height:24px;
	padding-top:10px;
}

.copyright h3 {
	color:#FFF;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:10px;
	width:980px;
	text-align:center;
}