@charset "UTF-8";

/* ################################################################################ */
/*                                                                                  */
/* 表題: トップページ用CSS                                             　　　　　　 */
/* 作成日: 2012-07-13                                                               */
/* 最終更新日: 2012-07-13       　                                                  */
/*                                                                                  */
/* ################################################################################ */

#mainarea #mainleft .topbox {
	width:660px;
	overflow:hidden;
	margin:0 0 20px 0;
}

#mainarea #mainleft .topbox p.topleft {
	width:320px;
	float:left;
}

#mainarea #mainleft .topbox p.topright {
	width:320px;
	float:right;
}

#mainarea #mainleft dl.newslist {
	width:640px;
	height:180px;
	overflow:auto;
	margin:0 0 20px 0;
	padding:10px;
	background:#FFFFFF;
	border-bottom:3px solid #0893AA;
}

#mainarea #mainleft dl.newslist dt {
	font-size:0.7em;
	margin:0 0 5px 0;
}

#mainarea #mainleft dl.newslist dd {
	font-size:0.8em;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px dotted #CCCCCC;
}

#mainarea #mainleft dl.newslist dd a {
	color:#333333;
	line-height:1.4;
}

#mainarea #mainleft .reasonarea {
	width:660px;
	height:340px;
	background:url(../../images/back-point.jpg) top left no-repeat;
	position:relative;
	margin:0 0 13px 0;
}

#mainarea #mainleft .reasonarea h2 {
	padding:19px 0 1px 13px;
}

#mainarea #mainleft .reasonarea p.godetail {
	width:110px;
	position:absolute;
	top:30px;
	right:10px;
}

#mainarea #mainleft .reasonarea ul {
	width:654px;
	margin:0 auto;
	overflow:hidden;
}

#mainarea #mainleft .reasonarea ul li.reason01 {
	width:219px;
	float:left;
}

#mainarea #mainleft .reasonarea ul li.reason02 {
	width:215px;
	float:left;
}

#mainarea #mainleft .reasonarea ul li.reason03 {
	width:220px;
	float:left;
}

#mainarea #mainleft .flowarea {
	width:660px;
	height:230px;
	margin:0 0 20px 0;
	background:url(../../images/back-flow.jpg) top left no-repeat;
	position:relative;
}

#mainarea #mainleft .flowarea h2 {
	padding:18px 0 11px 30px;
}

#mainarea #mainleft .flowarea p.godetail {
	width:107px;
	position:absolute;
	top:34px;
	right:10px;
}

#mainarea #mainleft .flowarea ul {
	width:640px;
	margin:0 auto;
	overflow:hidden;
}

#mainarea #mainleft .flowarea ul li {
	width:160px;
	float:left;
}