@charset "UTF-8";


/* Reset
------------------------------------------------------------*/
.pbPage,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote{ margin: 0; padding: 0;}
address,em { font-style: normal;}
strong,th { font-weight: normal;}
th { text-align: left;}
hr,legend { display: none;}
h1,h2,h3,h4,h5,h6 { font-size: 100%;}
img,fieldset { border: 0;}
li { list-style-type: none;}
a { outline:none; text-decoration: none;}
a:link { color: #000;}
a:visited { color: #000;}
a:hover　{ color: #666;}


/* Fonts
------------------------------------------------------------*/
.pbPage {
font-size: 93.7%; /* IE */
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height: 1.6em;
}
html>/**/.pbPage { font-size: 15px; } /* Except IE */


/* clearfix
------------------------------------------------------------*/
.clearfix:after { content: ''; display: block; clear: both; height:0;}
.clearfix { /zoom: 1;}
.fl_l{ float:left;}
.fl_r{ float:right;}
html { background: url(../images/bg_head.png) repeat-x;}
#headerInner, .nav, .section, #link, .footerInner { width: 980px; margin: 0 auto;}
p { margin-bottom: 50px;}
h2 { background: #006AB9; padding: 38px 0; text-align: center; clear: both;}
h3 { font-size: 166.6%; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; margin: 0 0 30px; line-height:1.3;}


/* content
------------------------------------------------------------*/
#header {
	background: url(../images/bg_sakura.png) no-repeat right 0;
}
#header .logo { text-align: right; padding-top: 30px ; margin: 0 0 25px;}
.nav { width:783px !important; margin-bottom: 25px; zoom: 1;}
.nav:after { content: ''; display: block; clear: both; height:0;}
.nav li { float: left;}
.content { background: url(../images/bg_gray.gif);}
.section { padding: 50px 0 40px;}
#sec2 .txtL { width: 600px; float: left;}
#sec2 .phoR { float: right; margin-bottom:30px;}
#sec2 dl { width: 416px; padding: 25px 30px; background: url(../images/bg_2.png) no-repeat; float: left; min-height: 242px; font-size: 93.3%; font-weight: bold;}
#sec2 dl.marginR { margin-right: 28px;}
#sec2 dt { margin: 0 0 10px -5px;}
#sec3 .pho { margin: -20px 0 30px;}
#sec4 { background: url(../images/bg_yellow.gif);}
#sec4 p { margin-bottom: 20px;}
#sec4 h2 { background: #B20000;}
#sec4 h3 { text-align: center; margin-bottom: 40px;}
#sec4 h4 { margin-bottom: 30px;}
#sec4 .column { width: 460px; float: left; padding-bottom: 40px; *padding-bottom: 17px;}
#sec4 .section { padding-bottom: 0; zoom: 1;}
#sec4 .section:after { content: ''; display: block; clear: both; height:0;}
#sec4 .marginR { margin-right: 57px;}
#sec4 .txtL { width: 250px; float: left;}
#sec4 .phoR { float: right;}
#sec4 dl { clear: both; zoom: 1;}
#sec4 dt { font-weight: bold; border-bottom: 1px dotted #000; margin-bottom: 15px;}
#sec4 dd { font-size: 116%; letter-spacing: -1px; font-weight: bold; background: url(../images/icon_check.png) no-repeat left center; padding-left: 35px; margin-bottom: 10px; min-height: 27px;}
#sec4 .check { position: relative; margin-bottom: 0;}
#sec4 .check p { position: absolute;}
#sec4 .check .txt2 { top: 70px; left: 110px;}
#sec4 .check .txt3 { top: 98px; left: 111px;}
#sec4 .check .pho1 { top: 151px;}
#link h3 { margin: 50px 0; clear: both;}
#link dl { width: 245px; float: left; margin-bottom: 60px;}
#link dt { font-weight: bold; margin-bottom: 10px;}
#link dd { font-size: 93.3%; background: url(../images/icon_arrow.png) no-repeat left 3px; padding: 0 0 3px 20px; margin-left: 10px;}
#link dd a:hover { text-decoration: underline; color: #006AB9;}
#footer { background: #EEE; clear: both; padding: 40px 0 100px;}
#footer p{ margin-bottom: 0; font-size: 80%;}
#footer #pagetop { position: fixed; right: 20px; bottom: 20px;}
.footerInner a:hover { text-decoration: underline;}
#footer .copyright { text-align: right; margin-top: -1.6em;}
.graph_wrap{ width:980px; padding:25px 0;}
.graph{ width:465px;}