@charset "Shift_JIS";

*{
margin:0;
padding:0;
}

img{
border:none;
}

table{
border-collapse:collapse;
}

body{
background:#A9D0E3 url(images/bg01.gif) repeat-x left top;
padding:30px 0 50px 0;
font-family:tahoma;
font-size:14px;
line-height:1.8em;
color:#2E2E2E;
}


#container{
width:920px;
margin:0 auto;
}

#header{
position:relative;
}

#header_l{
float:left;
width:660px;
height:440px;
background: transparent url(images/i01.png) no-repeat left top !important;
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/i01.png", sizingMethod="scale");
}

#nav{
padding:60px 0 0;
width:260px;
float:left;
}

#header_arrow_base{
clear:both;
width:920px;
height:28px;
position:relative;
}



.section_base{
clear:both;
width:920px;
background:url(images/sectionbase_bg.gif) repeat-y;
position:relative;
margin:30px 0 0;
}


.i09_base{
	clear:both;
	width:920px;
	height:175px;
	position:relative;
	margin:30px 0 0;
	background-image: url(images/i09.gif);
	background-repeat: no-repeat;
}

.i09_base p{
	position:absolute;
	left:348px;
	top:93px;
	width: 492px;
}


.bg_arrow{
width:91px;
height:198px;
position:absolute;
}

.arrow_l{
left:-91px;
background:url(images/bg_arrow03.gif) no-repeat;
}

.arrow_r{
	right:-92px;
	background:url(images/bg_arrow02.gif) no-repeat;
}

.section_base .inner{
margin:0 auto;
width:840px;
}

#i03{
width:840px;
margin-top:20px;
}

#i03 td{
width:270px;
height:230px;
padding:0 0 0 15px;
vertical-align:bottom;
}

#i03 td p{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 16px;
	margin-left: 30px;
}

#i03 #area01{
background:url(images/opro_landing_37.gif) no-repeat right top;
}

#i03 #area02{
background:url(images/opro_landing_40.gif) no-repeat right top;
}

#i03 #area03{
background:url(images/opro_landing_42.gif) no-repeat right top;
}



#area04_l{
float:left;
width:759px;
padding:0 0 0 40px;
font-size:14px;
line-height:1.5em;
}


#area04_l .ttl{
	font-weight:bold;
	font-size:16px;
	line-height:1.7em;
	margin-bottom:0.5em;
	}
	
#area04_l .ttl2{
	font-weight:bold;
	font-size:16px;
	line-height:1.5em;
	margin-bottom:0.5em;
	}

.read01{
margin:22px 0 30px 40px;
}



.bt_base{
width:710px;
padding:25px 65px 0;
margin:30px 0 0 0;
background:url(images/dotline.gif) repeat-x left top;
}

.bt_base a{
margin:0 0 0 10px;
}

#footer{
width:920px;
margin:29px 0 0;
padding:15px 0 0 0;
background:url(images/line01.gif) repeat-x;
}

#footer_nav_base{
margin-left:59px;
}

ul#footer_nav{
float:left;
list-style:none;
margin:8px 0 0 24px;
}

ul#footer_nav li{
float:left;
background:url(images/footer_nav_sep.gif) no-repeat right center;
padding:0 7px 0;
}

#footer_nav li a{
color:#2E2E2E;
text-decoration:underline;
}

#footer_nav li a:hover{
text-decoration:none;
}

.copyright{
clear:both;
font-size:10px;
color:#3F4142;
width:861px;
padding:28px 0 0 59px;
background:url(images/line01.gif) repeat-x 0 14px;
}
.infobox {
	background:#f5f5f5;
	border-bottom: solid 1px #ebebeb;
}
.infobox-5 {
	border:solid 1px #ccc;
	padding:30px 50px 10px 50px;
	margin-bottom:20px;
}

.table-10 {
	width:100%;
	margin-bottom:20px;
}
.table-10 th {
	white-space:nowrap;
	background:url(../images/bg-th.gif) 0 0 repeat-x #249ABE;
	padding:3px 0 3px 0;
	color:#fff;
	text-align:center;
	vertical-align:top;
}
.table-10 th .small {
	font-weight:normal;
}
.table-10 td {
	padding:7px 0 7px 0;
	border-bottom:solid 1px #ccc;
	vertical-align:top;
	text-align:center;
}