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

html, body{
	margin: 0;	/* 余白の削除 */
	padding: 0;	/* 余白の削除 */
	width:100%;
	height:100%;
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;
line-height:1.2em;
}

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;
}

a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

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

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

.style4 {
	font-size: 14px;
	line-height:1.6em;
}

#container {
position: relative;
min-height: 100%;
}

#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:850px;
}

#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;
}

#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;
}

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

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

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

.ct_goods {
width:838px;
height:50px;
background-image:url(../img/ct_goods.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;
}

#contents03 {
background-color:#FFFFFF;
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;
}




.dl-list-01 {  
  width: 700px;  
  margin: 0 0;  
}  
  
.dl-list-01 dt {  
  width: 190px; /* 幅調節 */  
  height: 130px; /* 高さ調節 */  
  float: left;  
  clear: left;  
}  
  
.dl-list-01 dd {  
  width: 500px; /* 幅調節 */  
  height: 130px; /* 高さ調節 */  
  float: left;  
}  

.dl-list-02 {  
  width: 750px;  
  margin: 0 0;  
}  
  
.dl-list-02 dt {  
  width: 130px; /* 幅調節 */  
  height: 157px; /* 高さ調節 */  
  float: left;  
  clear: left;  
}  
  
.dl-list-02 dd {  
  width: 560px; /* 幅調節 */  
  height: 157px; /* 高さ調節 */  
  float: left;  
}  

.cr{
	width:700px; /* 横幅 */
	padding:18px; /* 内側余白 */
	border:solid 1px #000000; /* 罫線 */
	border-radius:10px; /* 角丸 */
	margin-bottom:25px;
}

.waku{
	width:92%; /* 横幅 */
	padding:18px; /* 内側余白 */
	border:solid 2px #04447c; /* 罫線 */
	border-radius:10px; /* 角丸 */
	margin-bottom:25px;
	line-height:1.8em;
	background-color:#FFFFFF;
}

.waku2{
	width:92%; /* 横幅 */
	padding:18px; /* 内側余白 */
	border:solid 2px #c9151e; /* 罫線 */
	border-radius:10px; /* 角丸 */
	line-height:1.8em;
	background-color:#FFFFFF;
}

.tk {
	width:92%; /* 横幅 */
	padding:18px; /* 内側余白 */
	margin-bottom:25px;
	line-height:1.6em;
}

.dl-list-03 {  
  width: 700px;  
  margin: 0 0;  
}  
  
.dl-list-03 dt {  
  width: 240px; /* 幅調節 */  
  height: 140px; /* 高さ調節 */  
  float: left;  
  clear: left;  
}  
  
.dl-list-03 dd {  
  width: 510px; /* 幅調節 */  
  height: 140px; /* 高さ調節 */  
  float: left;  
}  

.dl-list-04 {  
  width: 720px;  
  margin: 0 0;  
}  
  
.dl-list-04 dt {  
  width: 190px; /* 幅調節 */  
  height: 260px; /* 高さ調節 */  
  float: left; 
  clear: left;
  padding-right:10px;
}  
  
.dl-list-04 dd {  
  width: 520px; /* 幅調節 */  
  height: 260px; /* 高さ調節 */  
  float: left;
}  

.dl-list-05 {  
  width: 700px;  
  margin: 0 0;  
}  

.dl-list-05 dt {  
  width: 160px; /* 幅調節 */  
  height: 157px; /* 高さ調節 */  
  float: left;  
  clear: left;  
}  
  
.dl-list-05 dd {  
  width: 560px; /* 幅調節 */  
  height: 157px; /* 高さ調節 */  
  float: left;  
}  


p.line2 {
   border-bottom: 1px solid #ccc;
   margin:10px 0 10px;
}

p.line3 {
   border-bottom: none;
   margin:10px 0 10px;
}

p.line4 {
   border-bottom: 1px solid #ccc;
   margin:10px 0 10px;
   width:96%;
}

.goodslist {
   -moz-border-radius: 20px;    /* 古いFirefox */
   -webkit-border-radius: 20px; /* 古いSafari,Chrome */
   border-radius: 20px; /* CSS3 */
   border: 3px #666666 solid;/* 枠線の装飾 */
   background-color: #ccffcc;/* 背景色 */
}

.tab_area{
	overflow:hidden;
	display:table;
	margin:5px 0 0 0;
	padding:0;
	width:560px;
	}
	
.tab_area li{
	/*Tabの装飾*/
	width:139px; 
	height:49px; 
	text-align:center; 
	border-right: solid 1px #909090; 
	cursor: pointer; 
	vertical-align:middle; 
	display:table-cell;  
	color:#fff;
	font-size:14px;
	font-weight:bold;
	background-color: #0d467b;
	}
	
.all_area { 
	overflow: hidden;
	}
	
.all_area div.content_area{
	/*Tabの内容を表示するエリアの装飾*/
	padding:10px 10px 10px 2px;  
	}

.tab_area li.select{
	/*アクティブタブの装飾*/
	background-color:#c50d24; 
	background-image:none; 
	color:#fff;
	font-size:14px;
	font-weight:bold;
	border-top:5px solid #0d467b;
	}

.hide{display:none;}