/*---------------------------------
メインカラムに関する設定
---------------------------------*/

/*main*/
div#main {
	text-align:left;
	padding-bottom:198px;
}

div#main h2 {
	margin:0;
	padding:0 0 13px 0;
}

/* mainBox */
div#mainBox {
	width:627px;
	margin:0;
	padding:0 0 0 18px;
}

div#mainBox img {
	font-size:0;
	line-height:0;
	vertical-align:bottom;
}

div#mainBox div#mainBoxL {
	width:314px;
	float:left;
}

div#mainBox div#mainBoxR {
	width:313px;
	float:left;
	padding:54px 0 0 0;
}

div#mainBox div#mainBoxL dl,
div#mainBox div#mainBoxR dl{
	margin:0;
	padding:42px 0 0 0;
}

div#mainBox div#mainBoxL dl.dl_first,
div#mainBox div#mainBoxR dl.dl_first{
	margin:0;
	padding:0;
}

div#mainBox div#mainBoxL dl dt,
div#mainBox div#mainBoxR dl dt {
	background:url(img/icon_box.png) no-repeat left top;
	padding:0 0 0 20px;
	font-size:1.4em;
	font-weight:bold;
	line-height:1;
	display:block;
}

div#mainBox div#mainBoxL dl dd,
div#mainBox div#mainBoxR dl dd {
	padding:0 0 0 36px;
}

div#mainBox div#mainBoxL dl dd ul,
div#mainBox div#mainBoxR dl dd ul {
	padding:22px 0 0 0;
}

div#mainBox div#mainBoxL dl dd ul li,
div#mainBox div#mainBoxR dl dd ul li {
	background:url(img/icon_arrow.png) no-repeat 0 8px;
	padding:0 0 0 10px;
	font-size:1.2em;
	line-height:2;
}

div#mainBox div#mainBoxL dl dt a,
div#mainBox div#mainBoxR dl dt a,
div#mainBox div#mainBoxL dl dd a,
div#mainBox div#mainBoxR dl dd a {
	color:#3366ff;
	text-decoration:none;
}

div#mainBox div#mainBoxL dl dt a:hover,
div#mainBox div#mainBoxR dl dt a:hover,
div#mainBox div#mainBoxL dl dd a:hover,
div#mainBox div#mainBoxR dl dd a:hover {
	color:#3366ff;
	text-decoration:underline;
}