@charset "utf-8";
/* CSS Document */

#navibox {
	margin		:0 auto;
	/*background	:url(../images/second_bg02.jpg) repeat-y center top;*/
	padding		: 0px;
	height		: auto;
	width		: 766px;
	text-align	:left;
}

#navibox #base { 
	width		:747px ; 
	height		:auto; 
	margin		:7px 0 0 9px;
	background	:url(../images/second_bg05.jpg) repeat-y center top;
	overflow: auto;
	}

#navibox a:link		{ color: #333; }
#navibox a:visited  { color: #333; }
#navibox a:hover 	{ color: #3699FF;text-decoration: none; }

#navibox h2{padding: 10px 0 0 14px;}

#covers.sps {
	background	: url(../images/090601_bg01.jpg) no-repeat;
	height		: 180px;
	width		: 760px;
	position	: relative;
	top			: 0px;
	left		: 3px;
	text-indent	:-9999px;
	}

#covers h1 { position:absolute; text-indent: -9999px;}

#covers ul {
	position	: relative;
	height		: auto;
	width		: 760px;
		}

#covers ul li a,
.sps #main-content p a{
	position	: absolute;
	display		: block;
	}

#covers ul li.two a {
	width		: 165px;
	height		: 59px	;
	top			: 115px;
	left		: 540px;
    }

#covers ul li.three a {
	width		: 248px;
	height		: 78px;
	top			: 61px;
	left		: 47px;
    }
#covers ul li.two a:hover { background: url(../images/090131_bt04.jpg) no-repeat;}
#covers ul li.three a:hover { background: url(../images/090601_bt01.gif) no-repeat;}	

.margin-t20 { margin-top: 20px;}
.margin-t10 { margin-top: 10px;}
.margin-t5 { margin-top: 5px;}

.sps #main-content h3 {
	padding: 10px 0px 10px 0px ;
	}

.sps #main-content ul.nav  {
	width: 530px;
	height: 30px;
	background:url(../images/090601_bg033.gif)  ;
	margin-top:15px;
	}

.sps #main-content ul.nav li {
	float:left;
	font-size: 97%;
	background:url(../images/090601_ex01.gif) no-repeat;
	padding-left: 14px;
	margin: 6px 0 0 5px;
	}
.sps #main-content ul.nav li a{
	letter-spacing:normal;
	color:#0066FF;
	text-decoration:underline;
}
.sps #main-content h4 {
	margin: 0 0 0 20px ;
	padding-top: 20px
	}
	
	.box01 {
	width:497px;
	height:auto;
	border:1px solid #3f9ad3;
	margin : 0 0 0 20px;
	}

.box01#blue2 { border:1px solid #30a4bd;}
.box01#blue3 { border:1px solid #30869f;}

.box01 h5 {
	margin : 15px 15px 0 15px;
	font-size: 120%;
	color:#cc3333;
	background:url(../images/090601_ex02.gif) no-repeat left;
	padding-left: 10px;
	font-weight:bold;
}

.box01 ul {
	margin : 7px 15px 15px 25px;
	padding-bottom: 10px;
	background: url(../images/090601_ex03.gif) repeat-x left bottom;
	font-size: 110%;
	}

.box01 ul.end {background: none;}

.box01 h5.quick {background:url(../images/090601_ex04.gif) no-repeat left;}

.box01 h5 span.small {font-size: 80%;}

.box01 ul li.lismall { margin-top: 5px; font-size: 80%;}

.box02 {
	width: 512px;
	height:auto;
	background:#e1f5ff;
	margin-left: 10px;
	position:relative;}
	
.box02 h5 { margin:0; padding:0;}

.box02 h6 { 
	margin: 10px 20px 0 20px;
	font-size: 120%;
	font-weight:bold;
	color::#993333;
}

.box02 p { margin:5px 20px 0 20px;}

.box02 p.small {
	text-align:right;
	font-size: 80%;
	}

.orange { color:#FF6600;}

.box02 dl {
	margin           : 10px 5px 15px 35px;
	line-height      : 140%;
	padding-bottom:20px;
    }

.box02 dl dt {
	margin           : 10px 0 0.6em 0;
	line-height      : 140%;
    }
	
.box02 dl dd   { margin: -2em 0 0 13.7em; }

.box03 {
	width: 512px;
	height:124px;
	top: 0;
	left: 10px;
	position:relative;
	background:url(../images/090601_bt06_off.jpg) no-repeat;
	margin-top:15px;
	margin-bottom:15px;
	}

.box03 p { text-indent: -9999px;	}

.box03 p a {
	display: block;
	text-decoration:none;
	position: absolute;
	width:155px;
	height:59px;
	top: 6px;
	left: 186px;}

.box03 p a:hover {background:url(../images/090601_bt06_on.jpg) no-repeat;}