/*.........................................common....*/

body{
color: #333;
margin: 0;
padding: 0;
/*font-family: 'ヒラギノ丸ゴ Pro W4', 'Hiragino Maru Gothic Pro', sans-serif;*/
font-size: 12px;
line-height: 1.8;
}

img{
border: 0;
margin: 0;
}

a{
color: #333;
border: 0;
text-decoration: none;
}
a:hover{
color: none;
text-decoration: underline;
}

h1, h2, h3, h4, h5{
margin: 0;
padding: 0;
}

ul, li{
margin: 0;
padding: 0;
list-style: none;
}

p, div{
margin: 0;
padding: 0;
}
.clear{
clear: both;
}

/*...........................................box....*/
#wrap{
width: 850px;
margin: 0 auto;
padding: 0 5px;
background: url(../image/shadow.gif) repeat-y;
}

#head{
width: 850px;
height: 55px;
background: url(../image/head.gif) no-repeat;
}
#head a{
display: block;
width: 270px;
height: 55px;
margin: 0;
padding: 0;
}

#movie{
width: 850px;
height: 237px;
overflow: hidden;
}

/*.......................................navi_1........*/
#navi{
width: 850px;
height: 60px;
overflow: hidden;
background: url(../image/navi_bg.gif) repeat-x;
}
#navi ul{
padding: 0 15px;
}
#navi li{
float: left;
}
.n_search a{
display: block;
width: 273px;
height: 60px;
background: url(../image/navi.gif) no-repeat 0px 0px;
}
.n_searchA a{
display: block;
width: 273px;
height: 60px;
background: url(../image/navi.gif) no-repeat 0px -60px;
}
.n_search a:hover{
background: url(../image/navi.gif) no-repeat 0px -60px;
}
.n_company a{
display: block;
width: 273px;
height: 60px;
background: url(../image/navi.gif) no-repeat -273px 0px;
}
.n_companyA a{
display: block;
width: 273px;
height: 60px;
background: url(../image/navi.gif) no-repeat -273px -60px;
}
.n_company a:hover{
background: url(../image/navi.gif) no-repeat -273px -60px;
}
.n_outline a{
display: block;
width: 274px;
height: 60px;
background: url(../image/navi.gif) no-repeat -546px 0px;
}
.n_outlineA a{
display: block;
width: 274px;
height: 60px;
background: url(../image/navi.gif) no-repeat -546px -60px;
}
.n_outline a:hover{
background: url(../image/navi.gif) no-repeat -546px -60px;
}
/*.......................................................news....*/
#top_news{
display: inline;
width: 376px;
margin: 18px 0 0 41px;
background: url(../image/home_waku1_bg.gif) repeat-y;
float: left;
position: relative;
}
#top_news .newsH{
width: 60px;
padding: 15px 0 5px 20px;
line-height: 20px;
float: left;
font-weight: bold;
}
#top_news ul{
margin: 9px 15px 5px 0;
padding: 7px 0 2px 0;
}
#top_news li{
clear: left;
margin: 0 5px 0 15px;
padding: 3px 0 4px 5px;
background: url(../image/dot_x.gif) repeat-x left bottom;
font-size: 11px;
line-height: 20px;
}
#top_news li.top{
clear: none;
margin: 0 0 0 15px;
padding: 0 0 0 5px;
background: none;
font-size: 11px;
font-weight: bold;
line-height: 20px;
}
#top_news li.top a{
color: #000090;
padding: 0 0 0 12px;
background: url(../image/home_news_navi.gif) no-repeat left 1px;
}
/*.......................................................adm.....*/
#top_adm{
width: 376px;
margin: 18px 0 0 434px;
padding-top: 7px;
background: url(../image/home_waku1_bg.gif) repeat-y;
position: relative;
}
#top_adm a.ttl{
display: block;
width: 327px;
height: 35px;
margin: 10px 0 0 26px;
background: url(../image/navi_2.gif) no-repeat;
}
#top_adm a.ttl:hover{
background: url(../image/navi_2.gif) no-repeat 0px -35px;
}
#top_adm a{
color: #8F4192;
}
#top_adm p{
color: #8F4192;
padding: 20px 15px 12px 26px;
line-height: 20px;
}
/*.......................................................banners.....*/
#banners{
display: inline;
width: 492px;
margin: 9px 0 0 41px;
padding-top: 7px;
background: url(../image/home_waku2_bg.gif) repeat-y;
float: left;
position: relative;
}
#banners h3{
background: url(../image/home_waku2_ttl.gif) no-repeat;
margin: 5px 0 0 20px;
font-size: 12px;
line-height:35px;
text-indent: 20px;
}
#banners h3.sec{
display: inline;
width: 225px;
background: url(../image/home_waku2_ttl.gif) no-repeat;
margin: 15px 0 0 20px;
font-size: 10px;
line-height:35px;
text-indent: 20px;
float: left;
}
#banners h3.sec2{
display: inline;
width: 225px;
background: url(../image/home_waku2_ttl.gif) no-repeat;
margin: 15px 0 0 10px;
font-size: 10px;
line-height:35px;
text-indent: 20px;
float: left;
}
#banners ul{
margin: 0 0 0 20px;
}
#banners ul.sec{
display: inline;
clear: both;
width: 225px;
margin: 0 10px 0 20px;
float: left;
}
#banners ul.sec2{
display: inline;
width: 225px;
margin: 0 0 0 0;
}
#banners ul img{
display: block;
margin: 0 0 4px 0;
padding: 0;
}
#banners li{
width: 148px;
margin: 9px 4px 10px 0;
float: left;
font-size: 9px;
line-height: 1.4;
}
#banners p.ban_search{/*..企業検索ボタン..*/
padding: 5px 30px 0 0;
float: right;
}
#banners a{
color: #00A0E9;
}
/*.......................................................navi_3.....*/
#navi_3{
width: 213px;
margin: 18px 0 0 564px;
}
.whats a{
display: block;
width: 213px;
height: 37px;
margin: 0 0 13px 0;
background: url(../image/navi_3.gif) no-repeat 0px 0px;
}
.whats a:hover{
background: url(../image/navi_3.gif) no-repeat -213px 0px;
}
.total a{
display: block;
width: 213px;
height: 37px;
margin: 0 0 13px 0;
background: url(../image/navi_3.gif) no-repeat 0px -52px;
}
.total a:hover{
background: url(../image/navi_3.gif) no-repeat -213px -52px;
}
.cal a{
display: block;
width: 213px;
height: 37px;
margin: 0 0 13px 0;
background: url(../image/navi_3.gif) no-repeat 0px -104px;
}
.cal a:hover{
background: url(../image/navi_3.gif) no-repeat -213px -104px;
}
.glo a{
display: block;
width: 213px;
height: 37px;
margin: 0 0 13px 0;
background: url(../image/navi_3.gif) no-repeat 0px -156px;
}
.glo a:hover{
background: url(../image/navi_3.gif) no-repeat -213px -156px;
}

/*.......................................foot........*/
#footer{
clear: both;
width: 850px;
padding: 30px 0 15px 0;
text-align: center;
font-size: 10px;
color: #4D4D4D;
}
#footnavi{
width: 543px;
height: 27px;
margin: 0 auto 10px auto;
background: url(../image/foot_top.gif) no-repeat;
}
#footnavi ul{
font-size: 11px;
line-height: 27px;
margin: 0 auto;
}
#footnavi li{
margin: 0 8px;
background: url(../image/foot_list.gif) no-repeat left center;
padding-left: 10px;
display: inline;
}
/*.........................................fonts....*/
.f_main{
color: #333;
font-size: 12px;
font-weight: normal;
}
.f_mainB{
color: #333;
font-size: 12px;
line-height: 1.5;
font-weight: bold;
}
.f_black14{
color: #333;
font-size: 14px;
}
.f_black16{
color: #333;
font-size: 16px;
}
.f_mini{
color: #333;
font-size: 10px;
font-weight: normal;
}
.f_red{
color: #E13937;
font-size: 12px;
}