@charset "Shift_JIS";

/* top contents only */

/********************************************************************
 * contents layout
 * 
 *******************************************************************/

/* top message
----------------------------------------------- */
#main #message{
	margin-bottom:10px;
	height:240px;
	background: url(../topmessage01.jpg) no-repeat left top;
}


#main h2.top{
	padding-bottom:10px;
}

#main div.top_comment{
	width:100%;
	height:100%;
	overflow:auto;
	margin-bottom:20px;
}

#main div.top_comment p{
	float:left;
}

#main div.top_comment img.button{
	float:right;
	padding-top:40px;
}


/* information block  
----------------------------------------------- */
#infoblock{
	width:590px;
	padding-bottom:20px;
}


#infoblock div.pd{
	height:150px;
	background: url(../img/top/infromation_bg.jpg) no-repeat left bottom;
	padding:3px 10px 5px 10px;
}

#infoblock div.pd ul li{
	padding:5px 0 3px 0;
	list-style-type:none;
	border-bottom:1px solid #E7E7E7;
}

#infoblock div.pd ul li p{
	line-height:120%;
	vertical-align:middle;
}

#infoblock div.pd ul li p img.cat{
	margin-right:5px;
}


/* cmsd block  
----------------------------------------------- */
#cmsdblock{
	padding-bottom:20px;
}



/* whole block  
----------------------------------------------- */
#whole_block{
	padding-bottom:20px;
	height:100%;
	overflow:auto;
}


/* collum block  
----------------------------------------------- */
#collumblock{
	width:377px;
	float:left;
	border:1px solid #BCAB87;
	margin-right:10px;
}


#collumblock div.pd{
	height:158px;
	overflow:hidden;
	padding:10px;
}

#collumblock div.pd img.title{
	margin-bottom:5px;
}

#collumblock div.pd ul li{
	padding:3px 0 3px 0;
	list-style-type:none;
	border-bottom:1px solid #E7E7E7;
}

#collumblock div.pd ul li p{
	line-height:120%;
}


/* concept block  
----------------------------------------------- */
#conceptblock{
	width:200px;
	float:left;
	background:#FF6600;
}

#conceptblock div.pd{
	height:160px;
	overflow:hidden;
	padding:10px;
}

#conceptblock div.pd dl dt{
	padding-bottom:5px;
}

#conceptblock div.pd dl dd p{
	line-height:130%;
	color:#FFFFFF;
}

#conceptblock div.pd dl dd p.button{
	text-align:right;
}

