@charset "UTF-8";
*{ font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "Verdana", "Helvetica", "Arial", "ＭＳ Ｐゴシック", "sans-serif"; }

body { text-align: center; margin: 0 auto; padding: 0; background:url(../img/bg.jpg) repeat-x #000; }

h1, h2, h3, h4, h5 { margin: 0; padding: 0; font-size: 100%; line-height: 120%; font-weight: normal; }

img { border: 0;}




a:link {color:#fff;}
a:visited {color:#fff;}
a:hover {color:#fff;}
a:active {color:#fff;}

ul {list-style-type:none;text-align:left;margin:0;padding:0;}
#contents ul{font-size:13px;line-height:180%;margin-bottom:30px;}

/*ヘッダー*/
#box {width:980px;margin:0 auto;}
#box #header {width:980px;height:601px;background:url(../img/header.png); text-align:left;}
#box #header .logo {width:114px;padding-top:10px; text-align:left;}
#box #header .logo h1{background:url(../img/logo.png);width:114px;height:39px;text-indent:-99999pt;}
#box #header .logo h1 a{background:url(../img/logo.png);width:114px;height:39px;text-indent:-99999pt;display: block;overflow:hidden;}
#box #header .right_box {width:450px;float:right;margin-top:323px;}
#box #header .right_box h2{width:450px;height:49px;background:url(../img/homepage.jpg) no-repeat;text-indent:-99999pt;margin-bottom:13px;}
#box #header .right_box h3{width:450px;height:130px;background:url(../img/can_button.png);text-indent:-99999pt;}
#box #header .right_box h3 a{width:450px;height:130px;background:url(../img/can_button.png);text-indent:-99999pt;display: block;overflow:hidden;}
#box #header .right_box p.link{text-align:right;font-size:15px; font-weight:bold;}
#box #header .right_box p.link img{margin-right:5px;}
#box #header .left_box {width:530px;float:left;margin-top:378px;}
#box #header .left_box p{text-align:left;color:#fff;font-size:14px;line-height:180%;}
#box #header .header_text_box {margin-top: 378px;}
#box #header .header_text_box p {color: #FFF;font-size: 80%; line-height: 170%;}
#box #header .header_text_box p b {display: block;font-size: 142%; margin: 0 0 10px; text-align: center;}
#box #header .header_text_box .btn_right {width:450px; float:right;}
#box #header .header_text_box .btn_right h2{width:450px;height:49px;background:url(../img/homepage.jpg) no-repeat;text-indent:-99999pt;margin-bottom:13px;}
#box #header .header_text_box .btn_right p.link{text-align:right;font-size:15px; font-weight:bold;}
#box #header .header_text_box .btn_right p.link img{margin-right:5px;}
.right { text-align: right;}
.mb20 { margin-bottom: 20px;}

/*メインメニュー*/
#box #main {width:980px;background:#fff;margin-top:13px;clear:both;}
#box #main ul.navi {width:980px;}
#box #main ul.navi li{list-style-type:none;float:left;text-indent:-99999pt;}
#box #main ul.navi li.navi_1 a{width:245px;height:100px;background:url(../img/navi_1.png) bottom;display: block;overflow:hidden;}
#box #main ul.navi li.navi_1 a:hover{width:245px;height:100px;background:url(../img/navi_1.png);display: block;overflow:hidden;}
#box #main ul.navi li.navi_2 a{width:245px;height:100px;background:url(../img/navi_2.png);display: block;overflow:hidden;}
#box #main ul.navi li.navi_2 a:hover{width:245px;height:100px;background:url(../img/navi_2.png) bottom;display: block;overflow:hidden;}
#box #main ul.navi li.navi_3 a{width:245px;height:100px;background:url(../img/navi_3.png);display: block;overflow:hidden;}
#box #main ul.navi li.navi_3 a:hover{width:245px;height:100px;background:url(../img/navi_3.png) bottom;display: block;overflow:hidden;}
#box #main ul.navi li.navi_4 a{width:245px;height:100px;background:url(../img/navi_4.png);display: block;overflow:hidden;}
#box #main ul.navi li.navi_4 a:hover{width:245px;height:100px;background:url(../img/navi_4.png) bottom;display: block;overflow:hidden;}


/*コンテンツ*/

#box #contents {width:880px;margin:0 auto; padding-top:140px;text-align:left;}
#box #contents .contents{margin-top:48px;margin-left:50px;overflow:hidden;text-align:left;}
#contents p{font-size:80%; line-height:170%; }
#contents p.graph{ text-align:center; margin-bottom:50px;}
#box #contents a:link {color:#0000FF;}
#box #contents a:visited {color:#000080;}
#box #contents a:hover {color:#FF0000;}
#box #contents a:active {color:#FF8000;}
.hoverwhite a:hover img {opacity: 0.8; filter: alpha(opacity=80); -ms-filter: “alpha(opacity=80)”;}


/*フッターメニュー*/
#footer {width:881px;height:28px;margin:0 auto;}
#footer {margin-top:68px;padding-bottom:45px;overflow:hidden;}
#footer ul.footer_navi {width:881px;padding:0px;}
#footer ul.footer_navi li{list-style-type:none;float:left;text-indent:-99999pt;}
#footer ul.footer_navi li.footer_navi_1 a.now{width:232px;height:28px;background:url(../img/footer_navi1.png) bottom;display: block;}
#footer ul.footer_navi li.footer_navi_1 a{width:232px;height:28px;background:url(../img/footer_navi1.png) ;display: block;}
#footer ul.footer_navi li.footer_navi_1 a:hover{width:232px;height:28px;background:url(../img/footer_navi1.png) bottom;display: block;}

#footer ul.footer_navi li.footer_navi_2 a.now{width:203px;height:28px;background:url(../img/footer_navi2.png) bottom;display: block;}
#footer ul.footer_navi li.footer_navi_2 a{width:203px;height:28px;background:url(../img/footer_navi2.png) ;display: block;}
#footer ul.footer_navi li.footer_navi_2 a:hover{width:203px;height:28px;background:url(../img/footer_navi2.png) bottom;display: block;}

#footer ul.footer_navi li.footer_navi_3 a.now{width:219px;height:28px;background:url(../img/footer_navi3.png) bottom;display: block;}
#footer ul.footer_navi li.footer_navi_3 a{width:219px;height:28px;background:url(../img/footer_navi3.png) ;display: block;}
#footer ul.footer_navi li.footer_navi_3 a:hover{width:219px;height:28px;background:url(../img/footer_navi3.png) bottom;display: block;}

#footer ul.footer_navi li.footer_navi_4 a.now{width:227px;height:28px;background:url(../img/footer_navi4.png) bottom;display: block;}
#footer ul.footer_navi li.footer_navi_4 a{width:227px;height:28px;background:url(../img/footer_navi4.png) ;display: block;}
#footer ul.footer_navi li.footer_navi_4 a:hover{width:227px;height:28px;background:url(../img/footer_navi4.png) bottom;display: block;}



#place #footer ul.footer_navi li.footer_navi_2 {width:203px;height:28px;background:url(../img/footer_navi2.png) bottom;display: block;}


/*コピーライト*/
#box #copy {width:980px;margin:0 auto;}
#box #copy p{font-size:12px;color:#fff;text-align:center;margin:33px 0 100px 0;}


/*clearfix*/
.clearfix { zoom:1;/*for IE 5.5-7*/ }
.clearfix:after{/*for modern browser*/ content:"."; display: block; height:0; clear: both; visibility: hidden; }