@charset "Shift_JIS";

/* CSS Document */

/**
 *  main.css
 *
 *  01.GENERAL PARAMS
 *  02.LAYOUT
 *  03.HEADER
 *  04.FOOTER
 *  05.MAIN CONTENT
 *  06.UTILITIES
 */


/**
 *  01.mainflame
 */

#mainflame {
	padding:5px 20px;
    _padding:5px 10px;
	display: block;
	clear:both;
	width: 740px;
	}


#mainflame .mainbox {
	width:738px;
	border:#006DB1 1px solid;
	padding:0;
	}

#mainflame .mainbox h2 {
	width:730px;
	height:24px;
	background:url(../img/boxtitle-bk.jpg) 0 0 repeat-x;
	color:#FFFFFF;
	font-weight:bold;
	padding:2px 0 0 8px;
	}

#mainflame .mainbox h3 {
	color:#006DB1;
	font-weight:bold;
	padding:0 0 10px 0;
	}

#mainflame .mainbox a {
	background:url(../img/icon-blc.jpg) 0 0 no-repeat;
	text-decoration:underline;
	color:#333;
	height:20px;
	padding:2px 0 2px 20px;
	}

#mainflame .mainbox a:hover {
	text-decoration:none;
	color:#003399;
	}	


/*  mainbox2:width360px */

#mainflame .mainbox2 {
	width:358px;
	border:#006DB1 1px solid;
	padding:0;
	float:left;
	}

#mainflame .mainbox2 h2 {
	width:350px;
	height:24px;
	background:url(../img/boxtitle-bk.jpg) 0 0 repeat-x;
	color:#FFFFFF;
	font-weight:bold;
	padding:2px 0 0 8px;
	}

#mainflame .mainbox2 table td {
	padding:0 0 5px 0;
	vertical-align:top;
	}

#mainflame .mainbox2	ul {
    padding:0 0 0 0;
	text-align:right;
	}

#mainflame .mainbox2 li {
    height:20px;
	background:url(../img/icon-blc.jpg) 230px 0 no-repeat;
	padding:0 0 2px 0px;
	}
	
#mainflame .mainbox2 a {
	text-decoration:underline;
	color:#333;
	}

#mainflame .mainbox2 a:hover {
	text-decoration:none;
	color:#003399;
	}	




#mainflame .underP {
	width:740px;
	border-bottom:#006DB1 2px solid;
	padding:5px 0 0 0;
	margin:0 0 10px 0;
	}

#mainflame .underP h2 {
	border-left:#036EB2 solid 4px;
	color:#036EB2;
	padding:0 0 0 6px;
	margin:0 0 2px 0;
	font-weight:bold;
	}

#mainflame .underflame {
	padding:5px 10px;
	display: block;
	clear:both;
	width: 720px;
	}

#mainflame .underflame h3 {
	width:715px;
	height:24px;
	background:url(../img/boxtitle-bk.jpg) 0 0 repeat-x;
	color:#FFFFFF;
	font-weight:bold;
	padding:3px 0 0 5px;
	}


#mainflame .bluebox {
	border:#006DB1 2px solid;
	}

#mainflame .bluebox620 {
	width:620px;
	border:#006DB1 2px solid;
	padding:10px;
	}

#mainflame .bluebox600 {
	width:578px;
	border:#006DB1 1px solid;
	padding:10px;
	}

#mainflame .bluebox520 {
	width:520px;
	border:#006DB1 2px solid;
	padding:10px;
	}

#mainflame  table.bluebox {
	border:#006DB1 2px solid;
	padding:10px;
	}


#mainflame .box600 {
	width:600px;
	margin:0 auto;
	padding:0;
	}



#subflame {
	padding:5px 20px;
	display: block;
	clear:both;
	width: 700px;
	}

#subflame .subcontents {
	float:left;
	width:345px;
	}


#subflame h4 {
	color:#666;
	padding:1px 0 1px 6px;
	margin:0 0 2px 0;
	border-left:#ccc solid 2px;
	}

#subflame .subbox {
	width:343px;
	border:#ccc 1px solid;
	padding:0;
	vertical-align:top;
	}
	
#subflame .subbox td {
	vertical-align:top;
	}

#subflame .subbox ul {
	width:210px;
	padding:0 0 0 10px;
	}	

#subflame .subbox ul li {
	background:url(../img/icon-grs.jpg) 0 2px no-repeat;
	padding:0 0 4px 18px;
	height:22px;
	}	
	
#subflame .subbox ul li.bottom {
	padding:4px 0 10px 0;
	}		
	
#subflame .subbox ul li a {
	padding:0 0 2px 0;
	color:#333;
	text-decoration:underline;
	}		
	
#subflame .subbox li a:hover {
	text-decoration:none;
	color:#003399;
	}