@charset "utf-8";
/*======================================
Font-size Adjustment
77% = 10px	|	122% = 16px	|	167% = 22px
85% = 11px	|	129% = 17px	|	174% = 23px
92% = 12px	|	136% = 18px	|	182% = 24px
100% = 13px	|	144% = 19px	|	189% = 25px
107% = 14px	|	152% = 20px	|	197% = 26px
114% = 15px	|	159% = 21px	|
=======================================*/
/**************************************************************************************************
Initialization
**************************************************************************************************/
body,div,
ul,ol,
dl,dt,dd,
h1,h2,h3,h4,h5,h6,
table,td,th,
pre,code,
form,fieldset,legend,input,textarea,
p,blockquote {
	margin			: 0;
	padding			: 0;
}
table {
	border-collapse	: collapse;
	border-spacing	: 0;
    font-size:inherit;
    font:100%;
}
fieldset,img {
	border			: 0;
}
address,caption,cite,code,dfn,th,var {
	font-style		: normal;
	font-weight		: normal;
}
caption,th {
	text-align		: left;
}
input, textarea, select {
	font-family		: inherit;
	font-weight		: inherit;
	font-size		: 90%;
}
.size30 {
	width:300px;
	
}
.size50 {
	width:500px;
	
}
.size40 {
	width:400px;
	
}
.size38 {
	width:380px;
	
}
.size46 {
	width:460px;
	
}
.size10 {
	width:100px;
	
}
h1,h2,h3,h4,h5,h6 { 
	font-size		: 100%;
	font-weight:normal;
}
img {
	vertical-align	: top;
}
li {
	list-style	: none;
}

/**************************************************************************************************
CLEARFIX CLASS
**************************************************************************************************/
/* new clearfix */  
.clearfix:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
    }  
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */ 
.clearfix {overflow:hidden;}

/**************************************************************************************************
TABLEFIX CLASS
**************************************************************************************************/
.tablefix {
	display			: table;
}
.tablefix .cell {
	display			: table-cell;
}
* html .tablefix .cell {
	display			: inline;
	zoom			: 1;
}
*:first-child+html .tablefix .cell {
	display			: inline;
	zoom			: 1;
}
/*\*//*/
* html .tablefix .cell {
	display			: inline-block;
}
/**/

/* link
-------------------------------------------------------------------------------------------------*/
a:link,
a:active,
a:visited {
	color		: #13499F;
	text-decoration	: underline;
}
a:hover,
a:focus {
	color			: #888;
	text-decoration	: underline;
}

/* font
-------------------------------------------------------------------------------------------------*/
.fc_red{ color:#CB243D;	}
.fc_pink{ color:#DF3685;}
.fc_gray{ color:#333333;}
.fc_oran{ color:#E96E00	;}
.fb{ font-weight:bold; }
.fn{ font-weight: normal}
.fs10 { font-size:10px; }
.fs11 { font-size:11px; }
.fs12 { font-size:12px; }
.fs13 { font-size:13px; }
.fs14 { font-size:14px; }
.fs15 { font-size:15px; }
.fs16 { font-size:16px; }
.fs17 { font-size:17px; }
.fs18 { font-size:18px; }
.fs19 { font-size:19px; }
.fs20 { font-size:20px; }
.fs21 { font-size:21px; }
.fs22 { font-size:22px; }
.fs23 { font-size:23px; }
.fs24 { font-size:24px; line-height:130%;}
.fs25 { font-size:25px; }
.fs26 { font-size:26px; }
.fs30 { font-size:30px; }
.fs32 { font-size:32px;}
.fs36 { font-size:36px; line-height:110%;}

/* position
-------------------------------------------------------------------------------------------------*/
/* float */
.fl {	float:left;}
.fr {	float:right;}

/* margin-top */
.mt_ss {	margin-top:5px;}
.mt_s {	margin-top:10px;}
.mt_m {	margin-top:20px;}
.mt_l {	margin-top:30px;}
.mt_ll {	margin-top:100px;}

/* margin-right */
.mr_s {	margin-right:10px;}
.mr_m {	margin-right:20px;}
.mr_l {	margin-right:30px;}

/* margin-bottom */
.mb_s {	margin-bottom:10px;}
.mb_m {	margin-bottom:20px;}
.mb_l {	margin-bottom:30px;}

/* margin-left */
.ml_s {	margin-left:10px;}
.ml_m {	margin-left:20px;}
.ml_l {	margin-left:30px;}

/* align */
.ac {	text-align:center;}
.al {	text-align:left;}
.ar {	text-align:right;}
 
 hr{
	border:none;
    border-top:2px solid #CDCECE;
    height:1px;
    color:#FFFFFF;
	margin:20px auto;
	}
.link_p{
	background	: url(../images/arrow_p.png) 0px 50% no-repeat ;
	padding:0px 5px 0px 15px;
}
.ind01 {
	text-indent: -1em !important;;
	padding-left: 1em !important;;
}
.ind02 {
	text-indent: -2em !important;;
	padding-left: 2em !important;;
}

.btn a:link,
.btn a:active,
.btn a:visited {
	text-decoration	: underline;
	background	: url(../images/arrow_w.png) 10px 50% no-repeat #13499F;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    color: #fff;
    padding: 5px 10px 5px 20px;
	text-decoration	: none;
}
.btn a:hover,
.btn a:focus {
	background	: url(../images/arrow_w.png) 10px 50% no-repeat #888;
}
.box_p{ 
    color		: #FFFFFF;
	background	: #DF3685;
	padding:4px;
	margin:0 4px;
}
.box_w{ 
	background	: #ffffff;
}


/* outline
-------------------------------------------------------------------------------------------------*/
body {
	margin		: 0;
	color: #000;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,'メイリオ',Meiryo,"ＭＳ Ｐゴシック","MS PGothic",verdana,Sans-Serif;
	background	: url(../images/bg_contents.gif) top center repeat-x  #FFE100;
	font-size:90%;
	line-height:160%;
  -webkit-text-size-adjust: 100%;
  }
body.top {
	background	: url(../images/bg.gif) top center no-repeat  #FFE100;
}

/* wrapper */
#wrapper {
	width: 1000px;
	margin:0  auto;
	position: relative;
	z-index: 10;
}


/* header
-------------------------------------------------------------------------------------------------*/
#header {
	width:1000px;
	margin:0 auto;
	z-index: 12;
	position: relative;
}
#header ul {
	height:37px;
	text-align:right;
}
#header ul li {
	float:right;
	padding:4px;
}
#header .logo {
	background	: url(../images/head_bg.gif) no-repeat;
	text-align:center;
}


/* nav
-------------------------------------------------------------------------------------------------*/
#global-nav {
	width:1000px;
	margin:0 auto;
	z-index: 12;
	position: relative;
	background: url(../images/nav.png) no-repeat;
}
#global-nav ul li {
	float: left;
	margin: 0;
}
#global-nav ul li:last-child {
	margin: 0;
}
#global-nav ul li a {
	display: block;
	height: 60px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/nav.png) no-repeat;
}
#global-nav ul li.home a { width: 56px; background-position: 0 0; }
#global-nav ul li.ticket a { width: 85px; background-position: -56px 0; }
#global-nav ul li.beer a { width: 89px; background-position: -141px 0; }
#global-nav ul li.food a { width: 110px; background-position: -230px 0; }
#global-nav ul li.character a { width: 130px; background-position: -340px 0; }
#global-nav ul li.blog a { width: 70px; background-position: -470px 0; }
#global-nav ul li.archive a { width: 105px; background-position: -540px 0; }
#global-nav ul li.qa a { width: 58px; background-position: -645px 0; }
#global-nav ul li.thanks a { width: 106px; background-position: -703px 0; }
#global-nav ul li.access a { width: 100px; background-position: -809px 0; }
#global-nav ul li.notice a { width: 90px; background-position: -909px 0; }

#global-nav ul li.home a:hover { background-position: 0 -60px; }
#global-nav ul li.ticket a:hover { background-position: -56px -60px; }
#global-nav ul li.beer a:hover { background-position: -141px -60px; }
#global-nav ul li.food a:hover { background-position: -230px -60px; }
#global-nav ul li.character a:hover { background-position: -340px -60px; }
#global-nav ul li.blog a:hover { background-position: -470px -60px; }
#global-nav ul li.archive a:hover { background-position: -540px -60px; }
#global-nav ul li.qa a:hover { background-position: -645px -60px; }
#global-nav ul li.thanks a:hover { background-position: -703px -60px; }
#global-nav ul li.access a:hover { background-position: -809px -60px; }
#global-nav ul li.notice a:hover { background-position: -909px -60px; }

/* grobalnavi
-------------------------------------------------------------------------------------------------
#global-nav{
	margin:0 auto;
	width: 1000px;
	height:55px;
}
#global-nav ul li{
	float:left;
}*/

/* contents
-------------------------------------------------------------------------------------------------*/
#contents {
	clear:both;
	width:1000px;
	margin:20px auto;
	z-index: 11;
	position: relative;
}

/*top*/
#contents .top01 {
	margin:0px auto 10px;
	background	: url(../images/top_img01.png) top right no-repeat;
	font-size:16px;
	line-height:160%;
	font-weight:bold;
	padding-right:105px;
	height:160px;
	width:850px;
}
#contents .top01 span {
	font-size:23px;
	font-weight:bold;
	color:#E96E00;
	letter-spacing:-1px;
	line-height:160%;
}

#contents .top02 {
	margin:0px auto 10px;
	height:810px;
	z-index:0;
	position:relative;
}
#contents .top02 .top02_1 {
	z-index:1;
	position:absolute;
}
#contents .top02 .top02_2 {
	z-index:2;
	position:absolute;
	margin-top:700px;
	margin-left:664px;
}

#contents .top03 {
	margin:20px 0px;
	width:980px;
	float:right;
	background	: url(../images/top02_img01.png) 590px 10px no-repeat;
	font-size:13px;
}
#contents .top03 p {
	margin:5px 0px;
}
#contents .top03 .top03_1 {
	width:560px;
	float:left;
}
#contents .top03 .top03_2 {
	width:350px;
	float:right;
	padding-top:220px;
}

#contents .news {
	margin:0px auto 30px;
	font-size:14px;
	padding:10px 0 30px 0px;
	min-height:125px;
	width:940px;
}
#contents .news ul{
	margin:15px 0 20px;
background:#fff;
	width:770px;
	float:right;
}
#contents .news li{
	padding:7px 20px;
}
#contents .news li span{
	font-size:13px;
	font-weight:bold;
	padding-right:20px;
}
#contents .news li:nth-child(even){
	background	: #FFE100;
}

#contents .sns_btn  {
	height:37px;
	width:950px;
	margin:0px auto 30px;
}
#contents .sns_btn ul li {
	float:left;
	padding:4px;
}


#contents .sns_new {
	margin:0px auto 20px;
	width:940px;
}


/*other page*/
#contents .title {
	width:70px;
	float:left;
	margin:10px 0;
}
#contents .page {
	background	: url(../images/page_line.gif) 12px repeat-y;
	width:915px;
	float:right;
	margin:10px 0 100px;
}
#contents .page .page_l {
	width:30px;
	float:left;
	z-index:11;
}
#contents .page .page_r {
	width:850px;
	float:right;
	z-index:12;
	overflow:visible;
}
dl.accordion {
	width:850px;
	margin:20px 0;
	border-bottom:1px dashed #000;
}
.accordion .accordion_head {cursor:pointer;}
dl.accordion .accordion_head{
	width:850px;
	font-size:18px;
	font-weight:bold;
	border-top:1px dashed #000;
	padding:10px 20px;
}
dl.accordion .accordion_head span{
	font-size:30px;
	padding-left:40px;
	line-height:36px;
	letter-spacing:2px;
}
dl.accordion .accordion_body {
	background:#fff;
	padding:20px;
}
dl.accordion .accordion_body img {
	border-right:1px solid #000;
	margin-right:20px;
}
dl.accordion .accordion_body p {
	margin:5px 0;
}
dl.accordion .accordion_head:hover {
	color:#E96E00
}


dl.food {
	width:850px;
	margin:20px 0;
	border-bottom:1px dashed #000;
}
.food .food_head {cursor:pointer;}
dl.food .food_head{
	width:850px;
	font-size:18px;
	font-weight:bold;
	border-top:1px dashed #000;
	padding:10px 20px;
}
dl.food .food_head span{
	font-size:30px;
	padding:0 40px;
	line-height:36px;
	letter-spacing:2px;
}

p.line_ticket{
	border-top:1px dashed #000;
	border-bottom:1px dashed #000;
	padding:8px 0px 8px;
	margin-top:10px;
}
p.line_access{
	border-bottom:1px dashed #000;
	padding:10px 0px 8px;
}

    table#test {
    width:850px;
    border: 1px solid #CEB000;
    border-collapse: collapse;
    background:#fff;
	margin:10px 0 40px 0px;
    }
 table#test td,th {
  padding:5px;
   /* border: 1px solid #CEB000;*/
  }
 table#test thead td {
  border-bottom: 1px solid #CEB000;
  background:#FFE100;
  font-weight:bold;
  /*background-color: #f2c833;*/
	background:#FEC830;
  }
 table#test thead tr.odd td {
  background-color: #FFE100;
  }
 table#test tbody td {
  /*border: 1px solid #FFE100;*/
  }
 table#test tbody th {
  /*border: 1px solid #FFE100;
  border-right: 1px dotted #000;*/
	background:#FEC830;
  vertical-align:top;
  }
 table#test tbody tr.odd td {
  background-color: #FFE100;
  }

h3{
	color:#DF3685;
	font-size:140%;
	font-weight:bold;
	letter-spacing:1.5px;
	border-bottom:2px dashed #DF3685;
    width:850px;
	margin:0px 0 0 0px;
	padding:5px 0
}
h4{
	margin:20px 0 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background:#E96E00;
	padding:5px 15px;
	color:#FFF;
	font-size:120%;
	font-weight:bold;
}
h5{
	color:#E96E00;
	font-size:120%;
	font-weight:bold;
}

ul.chara li{
	padding:0px;
	margin:10px 0 50px 0;
	float:left;
}
dl.chara dt{
	width:200px;
}
dl.chara dd{
	width:580px;
	background: url(../../character/images/bg01.png) top left no-repeat;
	padding:30px 35px;
	height:332px;
	line-height:150%;
}
dl.chara dd.h02{
	background: url(../../character/images/bg02.png) top left no-repeat;
	height:380px;
}
dl.chara dd p{
	border-bottom:1px dashed #000;
	padding:3px 0;
	margin-bottom:3px;
}
dl.chara dd ul{
	border-bottom:1px dashed #000;
	padding:3px 0;
	margin-bottom:3px;
}
div.chara06{
	z-index: 0;
	position: relative; 
}
div.chara06 .chara06_01{
	width:230px;
	position:relative; 
	z-index:2;
	position: absolute;
	left: 620px; 
}
div.chara06 .chara06_02{
	width:580px;
	background: url(../../character/images/bg02.png) top left no-repeat;
	padding:30px 35px;
	height:332px;
	line-height:150%;
	position:relative; 
	z-index:1;
}
div.chara06 .chara06_02 p{
	border-bottom:1px dashed #000;
	padding:3px 0;
	margin-bottom:3px;
}
div.chara06 .chara06_02 ul{
	border-bottom:1px dashed #000;
	padding:3px 0;
	margin-bottom:3px;
}

dl.qa {
	width:850px;
	margin:20px 0;
	border-bottom:1px dashed #000;
}
dl.qa dt{
	width:760px;
	font-size:18px;
	font-weight:bold;
	border-top:1px dashed #000;
	padding:10px 10px 0px 90px;
	min-height:48px;
	color:#DF3685;
	background: url(../../qa/images/q.gif) 5px 5px no-repeat;
}
dl.qa dd{
	width:760px;
	font-size:14px;
	padding:0px 20px 20px 90px;
	background: url(../../qa/images/a.gif) 5px 5px no-repeat;
}
dl.qa dd img{
	padding:5px;
}
.ticket_y{
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background:#FEC830;
	padding:8px 15px;
	margin:20px 0 8px;
}
.ticket_w{
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background:#FFF;
	padding:8px 15px;
	margin:0px 0 8px;
}
.ticket_p{
	color:#DF3685;
	background:#DF3685;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color:#FFF;
	padding:4px 10px;
}
.ticket_w li{
	border-bottom:1px dashed #000;
	padding:5px 0;
}
.ticket_w dl{
	border-bottom:1px dashed #000;
}
.ticket_w dt{
	padding:8px 0;
	float:left;
	width:560px;
	background: url(../images/dot.png) 5px 15px repeat-x;
}
.ticket_w dd{
	padding:8px 0 8px 10px;;
	width:150px;
	float:left;
}

.ticket_w table th,td{
	border-bottom:1px dashed #000;
	line-height:120%;
	padding:5px;
}

.none{
	border:none;
}
.none{
	border:none;
}

.ticket_at li{
	text-indent: -1em !important;
	padding-left: 1em !important;
	padding:2px 0;
}


#map{ width:850px; height:600px;}

#contents .totop {
	margin:0px auto;
	text-align:right;
}


#footer {
	height: 80px;
	text-align: center;
	color: #333;
	position: relative;
	z-index: 10;
	width:100%;
	background:#fff;
}
#footer.foottop {
	height: 400px;
}
/* FOOTER
-------------------------------------------------------------------------------------------------*/
#Footer_bg {
	width		: 100%;
	background:#fff;
	position: relative;
	z-index: 10;
	text-align:center;
}
#Footer {
	margin		: 20px auto;
	width		: 1000px;
}

#Footer .Footer_Left{
	padding		: 10px 0 10px 0;
	float		: left;
	text-align	: center;
	width		: 500px
}
#Footer .Footer_Left p{
	padding		: 5px 0 5px 0;
	font-size	: 11px;
}
#Footer .Footer_Center{
	float		: left;
	margin		: 10px 0 0 30px;
	padding		: 5px 0 10px 20px;
	text-align	: left;
	width		: 210px;
}
#Footer .Footer_Center ul{
	float		: left;
	text-align	: left;
	font-size	: 13px;
}
#Footer .Footer_Center li{
	background	: url(../images/arrow_p.png) left no-repeat ;
	padding-left: 15px
}

#Footer .Footer_Right{
	float		: left;
	margin-top	: 10px;
	padding		: 5px 0 10px 20px;
	text-align	: left;
	width		: 170px;
}
#Footer .Footer_Right ul{
	float		: left;
	text-align	: left;
	font-size	: 13px;
}
#Footer .Footer_Right li{
	background	: url(../images/arrow_p.png) left no-repeat ;
	padding-left: 15px
}



#bg_kumo {
	background-image: url(../images/bg_awa.gif);
	height: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: 5;
}
#bg_mountain {
	background-image: url(../images/awa.gif);
	background-repeat: repeat-x;
	background-position: left 500px;
	position: fixed;
	height: 100%;
	width: 100%;
	z-index: 4;
	left: 0px;
	top: 0px;
}





/* clearfix
-------------------------------------------------------------------------------------------------*/

#header,
#global-nav,
#contents,
.title,
.page,
.page_l,
.page_r,
.news,
#footer{
    overflow:hidden;
    zoom:1;
}

#header:after,
#global-nav:after,
#contents:after,
.title:after,
.page:after,
.page_l:after,
.page_r:after,
.news:after,
#footer:after{
    content: "";
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
}

* html #header,
* html #global-nav,
* html #contents,
* html .title,
* html .page,
* html .page_l,
* html .page_r,
* html .news,
* html #footer{
    height: 1em;
    overflow: visible;
}