
body{
	font-size: 0.8em;
	line-height:1.4;
	background:#2b6294 url(../../img/pc/bg.gif) repeat-x center 0;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",Sans-Serif;
	color: #333333;
}

* + html body {
	font-family: "メイリオ","Meiryo";
}



p{
	padding: 0;
	margin: 0 10px 15px 10px;
}



strong{
	color: #FF0000;
	font-size: 1.25em;
}

strong a{
	font-size: 0.8em;
	text-decoration: none;
	padding: 3px 10px;
	margin-bottom: 10px;
	background: #FF3366;
	color: #FFF;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari and Chrome */

	border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */	/*behavior: url(css/PIE.htc); */
	position:relative;
}
strong a:hover{
	background: #FF9933;
}


dd.lined{
	border-top: dotted 1px #666666;
	padding: 10px 0 0 0;
}

#container{
	width:1080px;
	text-align: left;
	margin: 0 auto;
}

#header{
	width:1080px;
	margin: 0 auto;
	padding:0;
	height: 650px;
}
#contents{
	width:960px;
	margin: 0 auto;
}

#contents p.senko{
	margin:20px auto ;
	width:800px;
}



#main{
	width: 715px;
	float:left;
	margin: 0px;
	margin:20px 0;
	position:relative;
}


#main .article{
	position:relative;
	width:715px;
	margin: 0 10px 20px 0;
	padding-bottom:10px;
	clear: both;
	background: #FFFFFF;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */	/*behavior: url(css/PIE.htc); */
	position:relative;

}

#main .article h2{
	margin-bottom: 10px;
}

#main .article h3{
	margin:0 10px 10px 10px;
	width:695px;
	padding:5px 0 0 20px;
	height:30px;
	background:url(../../img/pc/h3.gif) 0 0 no-repeat;
	color:#FFFFFF
}

#main .article p{
	margin:0 20px 10px 20px;
}

#main .article .right{
	width:330px;
	height:100%;
	margin:0 15px 0 20px;
	float:left;
}

#main .article .left{
	width:330px;
	height:100%;
	margin:0 20px 0 0;
	float:left;
}

#main .article dl{
	margin-bottom:20px;
}

#main .article dl dt{
	margin:0;
	width:310px;
	padding:3px 0 0 20px;
	height:30px;
	background:url(../../img/pc/dt.gif) 0 0 no-repeat;
	color:#FFFFFF;
	font-weight:bold;
}

#main .article dl dd{
	width:310px;
	margin:0 10px;
}


#main #detail ul{
	margin:0 20px 10px 20px;
}

#main #detail ul li{
	background:url(../../img/pc/icon.gif) 0 5px no-repeat;
	padding-left:15px;
	margin:0 0 10px 0;
}



#main #artist ul{
	margin:10px 10px 10px 25px;
}

#main #artist ul li{
	float:left;
	height:135px;
	width:155px;
	margin-right:15px;
}

#main #photo2009,
#main #photo2010,
#main #photo2011{
	width:715px;
	margin: 0 10px 20px 0;
	clear: both;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari and Chrome */
	border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */	/*behavior: url(css/PIE.htc); */
	position:relative;

}
#main #photo2009 ul,
#main #photo2010 ul,
#main #photo2011 ul{
	width:686px;
	padding: 0;
	margin-left:18px;
}

#main #photo2009 li,
#main #photo2010 li,
#main #photo2011 li{
	width:88px;
	height:88px;
	float:left;
	border: solid 1px #EEE;
	margin: 0 8px 8px 0;
}

#main #photo2009 li a,
#main #photo2010 li a,
#main #photo2011 li a{
	display: block;
	width:100%;
	height:100%;
	margin: 0;
	text-align: center;
	background: #FFF;
}

#main #photo2009 li a img,
#main #photo2010 li a img,
#main #photo2011 li a img{
	margin:4px;
}
#main #photo2009 li a:hover,
#main #photo2010 li a:hover,
#main #photo2011 li a:hover{
	background: #c4e2f1;
}



#main #program ul{
	margin:10px 20px;
}





#side{
	width: 225px;
	float:right;
	overflow: hidden;
	margin: 20px 0 0 0;
	display: inline;
}

#side #twitter{
	margin-bottom:20px;
}

#side #banner{
	width:205px;
	margin: 0 0px 10px 0px;
	padding: 20px 10px 5px 10px;
	background: #FFFFFF;
	text-align: center;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */	/*behavior: url(css/PIE.htc); */
	position:relative;
}


#side #banner ul{
	margin: 0;
	padding: 0;
}

#side #banner li{
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

#side #mobile{
	width:225px;
	margin: 0 0px 0 0px;
	padding: 0px 0px 5px 0px;
	background: #FFFFFF;
	text-align: center;
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari and Chrome */
	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */	/*behavior: url(css/PIE.htc); */
}

#side #mobile p.img{
	margin:20px;
}
#side #mobile p.btn{
	width:180px;
	height:35px;
	margin:0 20px 20px 20px;
}

#side #mobile p.btn a{
	background:url(../../img/pc/btn_url.gif) 0 0 no-repeat;
	width:180px;
	height:35px;
	display:block;
	text-indent:-9999px;
}

#side #mobile p.btn a:hover{
	background-position:0 bottom;
}




#footer{
	clear:both;
}


#footer{
	width: 100%;
	text-align: center;
	color: #FFFFFF;
	background: #7ac8c5;
	font-weight: bold;
}

#footer p{
	padding:10px;
	margin: 0;
}
#footer a{
	color: #FFFFFF;
	margin: 0 10px;
	text-decoration: none;
}



/*clearfix*/
.clearfix { clear:both; }

.clearfix:after{content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix{display: inline-block;}









































#footer{
	clear:both;
}


#footer{
	width: 100%;
	text-align: center;
	color: #FFFFFF;
	background: #ff7f94;
	font-weight: bold;
}

#footer p{
	padding:10px;
	margin: 0;
}
#footer a{
	color: #FFFFFF;
	margin: 0 10px;
	text-decoration: none;
}



/*clearfix*/
.clearfix { clear:both; }

.clearfix:after{content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix{display: inline-block;}


