@charset "utf-8";


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

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

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


/*==-----------------------------------------------
headding
-------------------------------------------------*/
h1,h2,h3,h4,h5,h6{
	font-weight:bold;
	margin-bottom: 10px;

}

h1{
font-size:2.0em;
}

#contents .section h2{
	font-size:1.5em;
}
#contents .section h3{
	font-size:1.1em;
}
#contents .section h4{
	font-size:1.25em;
}
#contents .section h5{
	font-size:1.125em;
}
#contents .section h6{
	font-size:1.0em;
}

/*==-----------------------------------------------
paragraph
-------------------------------------------------*/
#contents .section p{
	margin:0 10px 20px 10px;
}

/*==-----------------------------------------------
tt
-------------------------------------------------*/
#contents .section#tt{
	text-align: center;
	margin-bottom:10px;
}
/*==-----------------------------------------------
artist
-------------------------------------------------*/
#contents .section#artist ul{
	width:720px;
	overflow: hidden;
}
#contents .section#artist ul li{
	float:left;
	width:200px;
	height: 155px;
	margin: 0 20px 20px 0;
	border: solid 5px #f6ffc7;
	padding: 5px;
	background: #FFFFFF;
	-moz-border-radius: 10px;   /* Firefox用 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	border-radius: 10px;        /* CSS3草案 */
	-webkit-box-shadow: #CCC 0px 3px 5px;
	-moz-box-shadow: #CCC 0px 3px 5px;
	box-shadow: #CCC 0px 3px 5px;
	behavior: url(../css/PIE.htc);
}
* html #contents .section#artist ul li{
	display: inline;
}

/*==-----------------------------------------------
detail
-------------------------------------------------*/

#main .section#detail{
	background: #fffbcf;
	-moz-border-radius: 10px;   /* Firefox用 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	border-radius: 10px;        /* CSS3草案 */
	-webkit-box-shadow: #CCC 0px 3px 5px;
	-moz-box-shadow: #CCC 0px 3px 5px;
	box-shadow: #CCC 0px 3px 5px;
	behavior: url(../css/PIE.htc);
}
#contents .section#detail div{
	width:320px;
	float:left;
	margin: 0 0 20px 20px;
}
* html #contents .section#detail div{
display: inline;
}

#contents .section#detail div h3{
	padding: 3px 8px;
	background: #1c90d2;
	-moz-border-radius: 5px;   /* Firefox用 */
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
	border-radius: 5px;        /* CSS3草案 */
	behavior: url(../css/PIE.htc);
	color: #FFF;
}

#contents .article .section#detail ul{
	margin: 0 10px 0 10px;
}
#contents .article .section#detail ul li{
	background: url(../../img/pc/mrk.gif) no-repeat 0 50%;
	padding:0 0 0 20px;
	margin:0 0 10px 0;
}


#contents .article .section#detail dl{
	margin: 0 10px 10px 10px;
}
#contents .article .section#detail dt{
	font-weight: bold;
	padding: 3px 8px;
	background: #653c13;
	-moz-border-radius: 2px;   /* Firefox用 */
	-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */
	border-radius: 2px;        /* CSS3草案 */
	behavior: url(../css/PIE.htc);
	color: #FFF;
	width:9em;
}
#contents .article .section#detail dd{
	margin: 0 0 10px 0;
}



#contents .aside .section#banner ul{
	padding: 10px 10px 0 10px;

}
#contents .aside .section#banner ul li{
text-align: center;
margin: 0 10px 10px 10px;
}