@charset "UTF-8";


#contents-substance{
	width:650px;
	padding:0 0 30px 10px;
}

#substance-profile{
	margin:0 0 20px;
}

#substance-profile li{
	border-bottom:#666 dashed 1px;
	padding:10px 0; 
}

#substance-profile li span{
	font-weight:bold;
}

#substance-profile li dl{
	width:645px;
}

/* clear fix */
#substance-profile li dl{
	zoom:1;/*for IE 5.5-7*/
}

#substance-profile li dl:after{/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	line-height:0; 
	visibility:hidden;
}


#substance-profile dt,
#substance-profile dd,
#substance-profile a{
	font-size:x-small;
	_font-size:xx-small;
}

#substance-profile li dl dt{
	clear:both;
	width:40px;
	float:left;
	padding:0 5px 0 0;
}

#substance-profile li dl dd{
	width:600px;
	float:right	;
}


/* page title setting   ===================================================== */
#substance-title h1{
	background:url("contents-substance/h1.gif") no-repeat;
}


#eventContents{
	width:650px;		
}

#eventContents p{
	padding:0 0 1em;
}

#eventContents ul{
	width:650px;
	display:inline-table;/*for MacIE*/
}

#eventContents ul:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

#eventContents ul li{
	float:left;
	display:block;
	width:216px;
	padding:0 0 1em;
}

#eventContents ul li span{
	display:block;
	width:215px;
	font-size:x-small;
	_font-size:xx-small;
}

.titles{
	clear:both;
	width:645px;
	margin:10px 0 0 0;
}

#contents-substance h2 {
    border-bottom: 1px dashed #666666;
    clear: both;
    font-weight: bold;
    margin-bottom: 0.5em;
    padding: 15px 0 0.5em;
}

p.picRight {
	display:block;
	width:215px;
	margin:0 0 0 15px;
	clear:both;
	float:right;
	font-size:x-small;
}

p.picRight2 {
	display:block;
	width:161px;
	margin:0 0 0 15px;
	clear:both;
	float:right;
	font-size:x-small;
}

p.picLeft {
	display:block;
	width:215px;
	margin:0 15px 0 0;
	clear:both;
	float:left;
}

p.largeImg {
	width:300px;
}

p.picRight2 {
	display:block;
	width:161px;
	margin:0 0 0 15px;
	clear:both;
	float:right;
}

p.picLeft3 {
	display:block;
	width:431px;
	margin:0 10px 0 0;
	clear:both;
	float:left;
}

p.picRight3 {
	display:block;
	width:431px;
	margin:0 0 0 10px;
	padding:0;
	clear:both;
	float:right;
}

.picNotSpace img{
	padding-right:1px;
}

img.leftPad {
    padding:0 0 0 1px;
}

.clearFloat,
.clearFloatAfter:after {
    clear:both;
}

.hrBottom {
	margin-bottom:20px;
	border-bottom: 1px dashed #666666;
	padding-bottom:10px;
}

.hrTop {
	margin-top:20px;
	border-top: 1px dashed #666666;
	padding-top:20px;
}

p#lastP {
	border-top: 1px dashed #666666;
	padding-top:2em;