@charset "Shift_JIS";

/* CSS Document */

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


/**
 *  01.mainflame
 */

.wrapper1 {
	width:740px;
	}

.container1 {
	width:740px;
	}


#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;
	}
	

/* .mainboxred */

#mainflame .mainboxred {
	width:738px;
	border:#B22509 1px solid;
	padding:0;
	}

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

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

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

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


	
/* .mainboxgreen */

#mainflame .mainboxgreen {
	width:738px;
	border:#78C007 1px solid;
	padding:0;
	}

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

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

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

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


/* .mainboxblue */

#mainflame .mainboxblue {
	width:738px;
	border:#02A5F1 1px solid;
	padding:0;
	}

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

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

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

#mainflame .mainboxblue 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;
	}	


/* #popup */


#popup th.red {
	background:#B2220E;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	border-spacing: 4px;
	border:#FFF solid 1px;
	}
	
#popup th.green {
	background:#78C007;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	border-spacing: 4px;
	border:#FFF solid 1px;
	}
	
#popup th.blue {
	background:#02A5F1;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	border-spacing: 4px;
	border:#FFF solid 1px;
	}

#popup td {
	vertical-align:top;
	padding:4px;
	border-collapse: collapse;
    border-spacing: 4px;
	}

#popup td ul {
	padding:0 0 0 16px;
	}

#popup td ul li {
	list-style-type:disc	;
	padding:0 0 0 0;
	}

#popup td.namered {
	background:#FFFFCC;
	width:20%;
	font-weight:bold;
	color:#B22509;
	}
	
#popup td.namegreen {
	background:#FFFFCC;
	width:20%;
	font-weight:bold;
	color:#99C81E;
	}
	
#popup td.nameblue {
	background:#FFFFCC;
	width:20%;
	font-weight:bold;
	color:#78C007;
	}
	
#popup td.txtred {
	width: 40%;
	border: 1px solid #B22509;
	}


#popup td.namegreen {
	background: #FFFFCC;
	width: 20%;
	font-weight: bold;
	color: #78C007;
	border: 1px solid #78c007;
	}

#popup td.txtgreen {
	width:40%;
	border:#78C007 solid 1px;
	}

#popup td.nameblue {
	background:#FFFFCC;
	width:20%;
	font-weight:bold;
	color:#02A5F1;
	}

#popup td.txtblue {
	width:40%;
	border:#02A5F1 solid 1px;
	}

#popup td.namered {
	background:#FFFFCC;
	width:20%;
	font-weight:bold;
	color:#B22509;
	border: 1px solid #B22509;
	}