@charset "utf-8";


/*==-----------------------------------------------
CSS Information

 File name:      contents.css
 Author:         Crea.,Inc.
 Style Info:     コンテンツのスタイル

-------------------------------------------------*/


/*==-----------------------------------------------
home
-------------------------------------------------*/


#home #screen{
	width:960px;
	position:relative;
	margin:0 auto 15px auto;
}

#home #screen p.headline,
#home #screen div#saka,
#home #screen div#ume,
#home #screen p.suzu,
#home #screen p.hope{
	position:absolute;
}


#home #screen p.headline{
	right:0;
	bottom:0;
}
#home #screen p.suzu{
	left:20px;
	bottom:10px;
}


#home #screen div#saka{
	right:0;
	width:106px;
	height: 164px;
	top:0;
}
#home #screen div#ume{
	width:106px;
	height: 164px;
	right:106px;
	top:0;
}

#home #screen div#saka a,
#home #screen div#ume a{
	display:block;
	width:106px;
	height: 164px;
}
#home #screen div#saka img,
#home #screen div#ume img{
	display: none;
}

#home #screen div#ume a{background: url(../../img/pc/home/otodaman/ume.png);}
#home #screen div#saka a{background: url(../../img/pc/home/otodaman/saka.png);}

#home #screen div#saka span,
#home #screen div#ume span{
	display:none;
}

#home #screen p.hope{
	right:0;
	top:5px;
	color: #FFF;
	font-size: 0.75rem;
}
#home #screen p.hope a{
	color: #FFF;
}

#home #closeup{
	margin:0 0 15px 0px;
	height:137px;
	float:left;
	width:585px;
	height:137px;
}
#home #closeup a{margin-bottom:15px;}
#home #closeup a.reserve{float:left;}
#home #closeup a.teru{float:left;}
#home #closeup a.jtb{float:right;}

#home #closeup #last{
}

#home #main dd.date{
	line-height: 1.7rem;
}
#home #main dd.date strong.sat{
	color: #174daf;
}
#home #main dd.date strong.sun{
	color: #cc000;
}
#home #main dd span{
	background :#333;
	color: #FFF;
	margin:0 5px;
	vertical-align: middle;
	font-size: 0.85rem;
	padding:1px 3px;
}
#home #main dd span.new{
	background :#F90;
}

#home #main ul#artistlist li img.new{
	position:absolute;
	left:3px;
	bottom:32px;
}


#home #main ul#artistlist li.more img{
	position:absolute;
	bottom:0;
	left:0;
}


#home #main #artist .section{
width:900px;
padding:15px 0 7px 0;
}

#main ul#artistlist{
	margin: 0 0 0 7px;
}
#main ul#artistlist li{
	position:relative;
	background:none;
	padding:0;
	margin:0 0 10px 10px;
	float:left;
	height:180px;
	width:165px;
	background: #FFF;

}


#home #main ul#artistlist li#date120506.more{
	height:180px;
}
#home #main ul#artistlist li#date120512.more{
	height:30px;
	margin-left:700px;
}
#home #main ul#artistlist li#date120523.more{
	height:30px;
	margin-left:0px;
	background: none;
}
#home #main #artist dl ul li#date120526.more{
	height:57px;
	margin-left:0px;
	background: none;
	position:relative;
}
#home #main #artist dl ul li#date120526.more img{
	position:absolute;
	bottom:0;
}


#home #main #artist .section{
width:900px;
padding:15px 0 7px 0;
background:#05397f url(../../img/pc/home/screen2.jpg) no-repeat 0 -80px;
}

#home #main #artist .section p{
	color:#FFF;
	text-align: center;
	font-weight: bold;
	margin: 0 0 5px 17px;
	font-size: 1.0rem;
}
#home #main #artist .section p span{
	font-size: 0.875rem;
}
#home #main #artist dl{
	margin:0 0 0 17px;
	border: none;
}
#home #main #artist dt{
	width:165px;
	height:57px;
	margin: 0;
	padding: 0;
	background: none;
	border: none;
}
#home #main #artist dd{
	padding:0 0 0 165px;
	margin:-57px 0 20px 0;
	clear:both;
	border: none;
}
#home #main #artist dl ul{
	margin: 0 0 0 0;

}
#home #main #artist dl ul#new{
	height:54px;
}
#home #main #artist dl ul#past{
	height:191px;
}
#home #main #artist dl ul li{
	position:relative;
	background:none;
	padding:0;
	margin:0 0 10px 10px;
	float:left;
	height:57px;
	width:165px;
	background: #FFF;
}


#home #main #artist ul.final,
#home #main #artist ul.extra{
	margin:0 0 0 7px;
	clear:both;
}
#home #main #artist ul.final{
	margin:0 0 0 7px;
}
#home #main #artist ul.final li{
	position:relative;
	background:none;
	padding:0;
	margin:0 0 10px 10px;
	float:left;
	height:57px;
	width:165px;
	background: #FFF;
}

#home #main #artist ul.extra li{
	position:relative;
	background:none;
	padding:0;
	margin:0 0 10px 10px;
	float:left;
}

#home #main #artist ul.extra li.enkai{width:340px;}
#home #main #artist ul.extra li.stf{width:515px;}



#home #main #artist a.schedulebtn{
	clear:both;
	display:block;
	text-align: center;
	padding: 0 10px 0 10px;
	margin:-15px 0 15px 0;
}

#home #main p.notice{
	clear:both;
	margin: 0px 30px 20px 30px;
}



/*==-----------------------------------------------
detail
-------------------------------------------------*/
#detail #main .article .section table.kind{
	width:100%;

}

#detail #main .article .section a.btn{
	width:6.5rem;
}

/*==-----------------------------------------------
artist
-------------------------------------------------*/

#artist #anchor li a{
	background-image: url(../../img/pc/artist/anchor.gif);
}


#artist #main .section{
width:900px;
padding:15px 0 7px 0;
}

#artist #main ul#artistlist{
	margin: 0 0 0 7px;
}
#artist #main ul#artistlist li{
	position:relative;
	background:none;
	padding:0;
	margin:0 0 10px 10px;
	float:left;
	height:180px;
	width:165px;
	background: #FFF;

}
#artist #main a#rg{
	display:block;
	height:180px;
	width:165px;
	background: #FFF;
	margin:0 auto 10px;

}

#artist #main ul#artistlist li img.new{
	position:absolute;
	left:3px;
	bottom:32px;
}

#artist #main ul#artistlist li img.new2{
	position:absolute;
	left:3px;
	bottom:44px;
}

#artist #main ul#artistlist li.more{
	background: none;
}
#artist #main ul#artistlist li.more img{
	position: absolute;
	bottom:0;
}

#artist #main ul#artistlist li#date120506.more{
	height:180px;
}
#artist #main ul#artistlist li#date120512.more{
	height:30px;
	margin-left:700px;
}
#artist #main ul#artistlist li#date120523.more{
	height:30px;
	margin-left:0px;
	background: none;
}

#artist #main ul#artistlist{
	height:30px;
	margin-left:180px;
	background: none;
}

#artist #main p.notice{
	clear:both;
	margin: 0 30px 20px 30px;
}
#artist #main .section p.notice{
	color: #FFF;
	font-size: 1.0rem;
	font-weight: bold;
}



#artist #main #syf .inner{
	width:253px;
	margin-right:20px;
	padding:10px 0px 10px 10px ;
	float:left;
}

#artist #main #syf .inner#syfboth{
margin-right:0;
}


#artist #main #syf li{
	font-size:0.875rem;
	margin:0px 20px 10px 0;
	background-position: 0 50%;
	font-weight: bold;
}

#artist #main #syf p{
color:#FFF;
}

#artist #main #syf{
width:860px;
padding:15px 20px 0 20px;
}

#artist #main #title03,
#artist #main #title04{
	clear:both;
}


#artist #main #jungle08{
	width:520px;
	float:left;
	padding: 10px;
	margin-left:20px;
}

#artist #main #jungle09{
	width:260px;
	float:left;
	padding: 10px;
	margin-left:20px;
}



#artist #main #ring08 .section,
#artist #main #ring09 .section{
width:405px;
margin:0 0 0 0;
padding:15px 15px 0 15px ;
}
#artist #main #ring08 .section .inner{
padding:10px;
}
#artist #main #ring08 .section .inner ul{
	margin: 0;
	padding: 0;
}
#artist #main #ring08 .section li{
	padding:0;
	float:left;
	background: none;
	margin:0 5px 0 0;
}

#artist #main #ring08 h3,
#artist #main #ring09 h3{
	margin:0;
}

#artist #main #ring08{
	float:left;
	padding-left:30px;
	margin-bottom: 30px;
}

#artist #main #ring09{
	float:right;
	padding-right:30px;
	margin-bottom: 30px;
}




/*==-----------------------------------------------
map
-------------------------------------------------*/

#map #contents .inner{
	padding:10px;
}
/*==-----------------------------------------------
notice
-------------------------------------------------*/
#notice #anchor li a{
	background-image: url(../../img/pc/notice/anchor.gif);
}

/*==-----------------------------------------------
access
-------------------------------------------------*/
#access #anchor li a{
	background-image: url(../../img/pc/access/anchor.gif);
}


#access #title03 ul,
#access #title04 ul,
#access #title05 ul{
	padding: 0;
	background: none;
	float:left;
	margin:0 0 0px -20px;
	padding: 0;
	width:940px;
}
#access #title03 ul{
	height: 126px;
}
#access #title04 ul,
#access #title05 ul{
	height: 186px;
	margin:0 0 10px -20px;
}
#access #title06 ul{
	height: 186px;
	margin:0 0 0px -20px;
}
#access #title03 li,
#access #title04 li,
#access #title05 li,
#access #title06 li{
	padding: 0;
	background: none;
	float:left;
	margin: 0 0 0 20px;
}

#access #main .section#car,
#access #main .section#train,
#access #main .section#air,
#access #main .section#ship{
width:900px;
padding:15px 0 7px 0;
}

#access #main .article #train ul,
#access #main .article #air ul,
#access #main .article #ship ul{
	margin: 0 0 0 14px;
}

#access #main .article #train ul li,
#access #main .article #air ul li,
#access #main .article #ship ul li{
	background:none;
	padding:0;
	margin:0 0 16px 16px;
	float:left;
	height:180px;
	width:198px;
	background: none;

}

#access #main p.notice{
	clear:both;
	margin: -20px 30px 20px 30px;
	color: #FFF;
}


#access #main .article .section td.plan{
background:#555;
color: #FFF;
font-weight: bold;
text-align: center;
width:10rem;
}

#access #main .article .section a.btn.jtb{

width:20rem;
padding:10px 10px;

}

/*==-----------------------------------------------
goods
-------------------------------------------------*/
#goods #anchor li a{
	background-image: url(../../img/pc/goods/anchor.gif);
}

#goods #main .inner p{
	float: left;
}

#goods #main .inner p a img{
	border: solid 5px #F2F2F2;
	padding: 0px;
}

#goods #main .inner p a:hover img{
	border: solid 5px #3fabce;
}

#goods #main .inner dl{
	float: right;
	width: 340px;
	margin:10px 0 10px 0;
}


#goods #main .inner dl dt{
	font-weight: bold;
	color: #0d61b4;
	border: none;
	padding: 3px 0 3px 20px;
	margin: 5px 0;
}

#goods #main .inner dl dd{
	border-bottom: solid 1px #EEEEEE;
	padding: 0 0 10px 12px;
	margin: 5px 0;
	background: none;
}


/*==-----------------------------------------------
museum
-------------------------------------------------*/
#museum #anchor li a{
	background-image: url(../../img/pc/museum/anchor.gif);
}

#museum #main ul#archive{
	height:145px;
	margin: 0 0px 20px -20px;

}
#museum #main #archive li{
	width:180px;
	height:180px;
	float:left;
	margin-left:20px;
	padding: 0;
	background: none;
}
#museum .article  ul#message{
margin:0 0 0 -10px;
}
#museum .article  ul#message li{
	background:none;
	padding:0;
	width:148px;
	height:180px;
	float:left;
	margin-left:10px;
	overflow:hidden;
}
#museum .article  ul#message li a{}
#museum .article  ul#message li a:hover{}

#museum #main .article ul#photo2010{
	margin:0 0 0 -4px;

}
#museum #main .article #photo2010 li{
	margin:0 0 5px 5px;
	padding: 0;
	background: none;
	float:left;
	width:60px;
	height:60px;
}
#museum #main ul#photo2010{
	margin:0 0 0 15px;
}

#museum #bp textarea{
	width:400px;
	font-size:0.9em;
	height:30px;
	padding: 3px;
	margin:0 0 20px;
	border: solid 1px #CCC;
}