@charset "utf-8";


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

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

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


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




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

#main .article h3{
	font-size:1.0rem;
	position:relative;
	margin:0 20px 20px 20px;
	padding:5px 5px 5px 10px;
	background: #7ec31c;
	-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); */
}

#main .article p{
	margin:0 40px 30px 40px;
}

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

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

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

#main .article dl dt{
	margin:0 0px 20px 0px;
	padding:5px 5px 5px 10px;
	color: #FFF;
	font-weight:bold;
	background: #ef6363;
	-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); */
}

#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/common/mrk.gif) 0 5px no-repeat;
	padding-left:15px;
	margin:0 0 10px 0;
}



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




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





/*==-----------------------------------------------
message
-------------------------------------------------*/
#main .article#message {
	padding:20px;
	width:675px;
	background: #FFFFCC;
	color:#e44047;
	font-weight: bold;

}

#main .article#message p{
	margin: 0;
}