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

html, body{
	margin: 0;	/* 余白の削除 */
	padding: 0;	/* 余白の削除 */
background-image:url(../img/bg01ss.jpg);
background-repeat:no-repeat;
background-position:center top;
background-attachment: scroll;
font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

a:link {
	color: #04447c;
	text-decoration: none;
}
a:visited {
	color: #04447c;
	text-decoration: none;
}
a:hover {
	color: #c9151e;
	text-decoration: none;
}
a:active {
	color: #04447c;
	text-decoration: none;
}


.op {
opacity:0;
}

.style1 {
	font-size: 16px;
	font-weight: bold;
	color: #CC0000;
}

.style2 {
	color: #666666;
	font-size: 10px;
}

#container {
position: relative;
height:755px;
}

#chara {
background-image:url(../img/bg_chara.png);
background-repeat:no-repeat;
background-position:center top;
background-attachment:fixed;
}

#title {
position: absolute;
top:400px;
left:25px;
width:1050px;
}

#footer {
text-align:center;
width:100%;
}

.space{
width:100px;
height:8px;
}

#social {
float:right;
width:150px;
line-height:1;
margin: 12px 0px;
}


#navi_top {
  height: 46px;
  z-index: 999;
  background-color:#c9151e;
  width:100%;
  padding:0;
  margin:0;
}


#navi {
  height: 46px;
  position: fixed;
  z-index: 999;
  background-color:#c9151e;
  width:100%;
  padding:0;
  margin:0;
}

#topics {
width:500px;
height:100px;
background-image:url(../img/bg_topics.png);
float:right;
margin-top:15px;
margin-right:10px;
padding:10px;
font-size:12px;
line-height:1.6em;
position: relative;
}

#topics2 {
width:500px;
height:142px;
background-image:url(../img/bg_topics.png);
float:right;
margin-top:15px;
margin-right:10px;
padding:10px;
font-size:12px;
line-height:1.6em;
position: relative;
}

#pt{
position: absolute;
right: 10px;
bottom: 5px;
}

.ct_cast {
width:838px;
height:50px;
background-image:url(../img/ct_cast.png);
background-repeat:no-repeat;
}

.ct_info {
width:838px;
height:50px;
background-image:url(../img/ct_info.png);
background-repeat:no-repeat;
}

#contents {
width:838px;
margin:0 auto;
padding-top:70px;
}

#contents02 {
background-image:url(../img/bg_contents01.png);
background-position:top 50px;
padding:20px 0px 15px 25px;
font-size:14px;
}

#g_navi {
	width: 731px;
	height:46px;
	margin:0;
	text-align:left;
}

#g_navi ul {
	padding:0;
	margin:0;
}

#g_navi li {
	display:inline;
	list-style-type:none;
}

#g_navi li a {
	height:46px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}

/*------off*/
#g_navi li.g_navi01 a {
	background:url(../img/menu_navi5.png) no-repeat 0px 0px;
	width:109px;
}
#g_navi li.g_navi02 a {
	background:url(../img/menu_navi5.png) no-repeat -109px 0px;
	width:141px;
}
#g_navi li.g_navi03 a {
	background:url(../img/menu_navi5.png) no-repeat -250px 0px;
	width:73px;
}
#g_navi li.g_navi04 a {
	background:url(../img/menu_navi5.png) no-repeat -323px 0px;
	width:61px;
}

#g_navi li.g_navi05 a {
	background:url(../img/menu_navi5.png) no-repeat -384px 0px;
	width:67px;
}

#g_navi li.g_navi06 a {
	background:url(../img/menu_navi5.png) no-repeat -451px 0px;
	width:84px;
}

#g_navi li.g_navi07 a {
	background:url(../img/menu_navi5.png) no-repeat -535px 0px;
	width:86px;
}

#g_navi li.g_navi08 a {
	background:url(../img/menu_navi5.png) no-repeat -621px 0px;
	width:58px;
}



/*------hover*/
#g_navi li.g_navi01 a:hover {
	background:url(../img/menu_navi5.png) no-repeat 0px -46px;
}
#g_navi li.g_navi02 a:hover {
	background:url(../img/menu_navi5.png) no-repeat -109px -46px;
}
#g_navi li.g_navi03 a:hover {
	background:url(../img/menu_navi5.png) no-repeat -250px -46px;
}
#g_navi li.g_navi04 a:hover {
	background:url(../img/menu_navi5.png) no-repeat -323px -46px;
}
#g_navi li.g_navi05 a:hover {
	background:url(../img/menu_navi5.png) no-repeat -384px -46px;
}
#g_navi li.g_navi06 a:hover {
	background:url(../img/menu_navi5.png) no-repeat -451px -46px;
}
#g_navi li.g_navi07 a:hover {
	background:url(../img/menu_navi5.png) no-repeat -535px -46px;
}
#g_navi li.g_navi08 a:hover {
	background:url(../img/menu_navi5.png) no-repeat -621px -46px;
}



#g_navi li.g_navi01s a {
	background:url(../img/menu_navi5.png) no-repeat 0px -46px;
	width:115px;
}
#g_navi li.g_navi02s a {
	background:url(../img/menu_navi5.png) no-repeat -115px -46px;
	width:159px;
}
#g_navi li.g_navi03s a {
	background:url(../img/menu_navi5.png) no-repeat -274px -46px;
	width:86px;
}
#g_navi li.g_navi04s a {
	background:url(../img/menu_navi5.png no-repeat -360px -46px;
	width:78px;
}
#g_navi li.g_navi05s a {
	background:url(../img/menu_navi5.png no-repeat -438px -46px;
	width:82px;
}
#g_navi li.g_navi06s a {
	background:url(../img/menu_navi5.png no-repeat -520px -46px;
	width:145px;
}