@charset "utf-8";
/*-----------------------------------------
 =RESET
-----------------------------------------*/
html{background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
body {
width:100%;
*font-size:small;*font:x-small;
font-family: "Arial", "ヒラギノ角ゴ Pro W3", "ＭＳ Pゴシック","Osaka‐等幅";
}
*html body{
text-align:center;
}

table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
hr{display:none;}
img{vertical-align:bottom;}
a{outline:0;}
a:hover{
text-decoration:none;
}

p{
font-size:12px;
color:#333300;
line-height:150%;
}

/*========header============================================================*/

#header{
width:100%;
background:url(images/top_line.jpg) repeat-x left top;
}

#h_level1{
width:960px;
height:21px;
margin:0 auto;
overflow:hidden;
font-size:10px;
}

#h_level1 ul{
float:right;
width:510px;
height:20px;
line-height:20px;
}

#h_level1 li{
margin:0;
padding:0;
float:right;
font-size:10px;
color:#FFFFFF;
}

#h_level1 li a{
margin:0;
font-size:10px;
color:#FFFFFF;
}

#h_lefvel1 li a:hover{
font-size:10px;
}

#h_level2{
width:960px;
height:80px;
margin:0 auto;
background-image:url(images/head_back.jpg)
}

#h_left{
float:left;
margin-top:5px;
}

#h_right{
float:right;
width:360px;
}

#h_right ul{
margin-top:38px;
}

@-moz-document url-prefix(){
#h_right ul{
margin-top:35px;
}
}

body:nth-of-type(1) #h_right ul{
margin-top:35px;
}


#h_right li{
float:left;
background:url(images/top_icon.jpg) no-repeat left;
padding-left:15px;
margin-right:10px;
}

#h_right li+li+li+li{
background:url(images/top_icon2.jpg) no-repeat left;
}

/*========menu============================================================*/

#menu{
width:100%;
height:41px;
background:url(images/top_menu_back.jpg) repeat-x left top;
overflow:hidden;
}

#menu ul{
width:960px;
height:40px;
margin:0px auto;
margin-top:1px;
}

* + html #menu ul{
width:962px;
height:40px;
margin:0px auto;
margin-top:1px;
}


#menu li{
width:160px;
height:40px;
float:left;
text-align:center;
}

#menu li a{
display:block;
height:40px;
}

#menu li a:hover{
text-indent:-9999px;
}

#menu li a.m1:hover{
background:url(images/top_menu1_over.jpg) no-repeat left top;
}

#menu li a.m2:hover{
background:url(images/top_menu2_over.jpg) no-repeat left top;
}
#menu li a.m3:hover{
background:url(images/top_menu3_over.jpg) no-repeat left top;
}
#menu li a.m4:hover{
background:url(images/top_menu4_over.jpg) no-repeat left top;
}

#menu li.end a{
display:block;
width:150px;
height:33px;
float:right;
text-indent:0px;
margin-top:3px;
}

#menu li.end a:hover{
text-indent:0px;
filter: alpha(opacity=80); 
opacity: 0.8; 
background-color: #fff;
}


/*========contents============================================================*/

#contents{
width:960px;
margin:0 auto;
margin-top:1px;
}

#top_img{
width:960px;
height:400px;
background:url(images/index/top_img.jpg) no-repeat left top;
}

#top_img h2{
float:left;
margin:22px 0 0 390px;
}

* html #top_img h2{
float:left;
margin:22px 0 0 195px;
}

#main_layout{
margin:20px 0;
}

#left{
float:left;
width:200px;
}

#left li{
margin-bottom:10px;
}

#left li.li_a a{
display:block;
}

* html #left li.li_a a{
display:block;
width:200px;
height:60px;
}

#left li.li_a a:hover{
filter: alpha(opacity=80); 
opacity: 0.8; 
background-color: #fff;
}

/*========main============================================================*/

#main{
float:left;
width:485px;
margin:0 20px;
}

* html #main{
float:left;
width:485px;
margin-left:19px;
text-align:left;
}

#pickup{
float:left;
margin-bottom:20px;
}

#pickup dl{
width:480px;
margin:10px 0 0 5px;
background:url(images/index/news_line.jpg) no-repeat left bottom;
padding-bottom:10px;
overflow:hidden;
}

#pickup dt{
float:left;
width:390px;
}

#pickup dt a,
#pickup dt span{
float:left;
font-size:14px;
font-weight:bold;
color:#154873;
margin-bottom:10px;
}

#pickup dt p{
float:left;
width:380px;
}


#pickup dd{
float:right;
width:80px;
height:80px;
border:1px solid #164974;
}

#pickup dd td{
width:80px;
height:80px;
vertical-align:middle;
text-align:center;
}

.news_title{
float:left;
background:url(images/index/news_title_back.jpg) no-repeat left top;
width:485px;
height:28px;
padding-top:7px;
margin:5px 0;
}

.news_title img{
float:left;
margin-left:10px;
}

.news_title a img{
float:right;
margin-right:50px;
}

ul.news1{
float:left;
margin-bottom:20px;
}

ul.news1 li{
width:480px;
margin:10px 0 0 5px;
background:url(images/index/news_line.jpg) no-repeat left bottom;
padding-bottom:10px;
overflow:hidden;
line-height:150%;
}

ul.news1 span{
float:left;
width:80px;
color:#333300;
font-size:14px;
}

ul.news1 a{
font-size:14px;
font-weight:bold;
color:#154873;
}

.news1_right{
float:right;
width:390px;
}

dl.news2{
float:left;
width:480px;
margin:5px 0 10px 5px;
padding-bottom:10px;
background:url(images/index/news_line.jpg) no-repeat left bottom;
}

dl.news2 dt{
float:left;
width:80px;
}

dl.news2 dt span{
width:80px;
color:#333300;
font-size:14px;
}

dl.news2 dt img{
float:left;
margin-top:10px;
}

dl.news2 dd{
float:right;
width:390px;
}

dl.news2 dd a{
font-size:14px;
font-weight:bold;
color:#154873;
}

dl.news2 dd p{
float:left;
width:390px;
font-size:12px;
margin-top:10px;
}

/*========right============================================================*/

#right{
float:right;
width:230px;
margin:0;
}

#right ul{
margin:0;
}

#right li{
margin:0;
width:230px;
}

#right li a{
display:block;
width:230px;
height:65px;
}

#right li a:hover{
width:229px;
text-indent:-9999px;
}

#right li a.r1:hover{
background:url(images/index/right_bn1.jpg) no-repeat right top;
}

#right li a.r2:hover{
background:url(images/index/right_bn2.jpg) no-repeat right top;
}

#right li a.r3:hover{
background:url(images/index/right_bn3.jpg) no-repeat right top;
}

#right li a.r4:hover{
background:url(images/index/right_bn4.jpg) no-repeat right top;
}

#right li a.r5:hover{
background:url(images/index/right_bn5.jpg) no-repeat right top;
}

#right li a.r6:hover{
background:url(images/index/right_bn6.jpg) no-repeat right top;
}

#right li a.r7:hover{
background:url(images/index/right_bn7.jpg) no-repeat right top;
}

#right li a.r8:hover{
background:url(images/index/right_bn8.jpg) no-repeat right top;
}

#right li a.r9:hover{
background:url(images/index/right_bn9.jpg) no-repeat right top;
}

#right li.r_bn_title{
height:42px;
}

/*========footer============================================================*/

#gotop{
margin:0 auto;
width:960px;
overflow:hidden;
margin-bottom:-2px;
}

#gotop a{
float:right;
width:102px;
height:16px;
background:url(images/go_top_back.jpg) no-repeat left top;
padding:20px 0 0 20px;
}

#gotop a:hover{
background:url(images/go_top_back.jpg) no-repeat left bottom;
}

#footer{
width:100%;
height:156px;
background:url(images/f_back.jpg) repeat-x left top;
padding-top:10px;
overflow:hidden;
}

* html #footer{
float:left;
width:100%;
height:156px;
background:url(images/f_back.jpg) repeat-x left top;
overflow:hidden;
}

#f_main{
width:960px;
margin:0 auto;
text-align:left;
}

#f_left{
float:left;
width:445px;
}

a.flogo{
margin-left:40px;
}


#cnt{
margin-top:10px;
background:url(images/cnt_back.jpg) no-repeat left top;
width:432px;
height:40px;
padding:7px 10px 0 0; 
}

* + html #cnt img{
float:left;
}

* + html #cnt a img{
float:right;
margin:0;
}


#cnt a{
float:right;
margin:0;
}

#f_left ul{
margin-top:25px;
}

#f_left li{
float:left;
font-size:10px;
color:#FFFFFF;
}

#f_left li a{
font-size:10px;
color:#FFFFFF;
text-decoration:none;
}

#f_right{
float:right;
width:350px;
height:196px;
}

#f_right ul{
float:right;
width:290px;
}

#f_right li{
float:left;
width:18px;
text-align:center;
margin-right:10px;
}

#f_right li a{
display:block;
height:117px;
padding-top:20px;
}

* html #f_right li a{
display:block;
height:135px;
padding-top:20px;
}

#f_right li a:hover{
background:url(images/f_menu_over_back.jpg) no-repeat left top;
}

#f_right span{
clear:both;
float:right;
text-align:right;
font-size:9px;
color:#FFFFFF;
}