/* CSS Document 
html,body{
height: 100%;
background: #fff url(../images/bg_main.gif) repeat-x top left;
font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
font-size: 12px;
color: #444;
margin: 0;
padding: 0;
}
div#base{
width: 850px;
min-height: 100%;
margin: 0 auto -85px;
height: auto !important;
height: 100%;
}
div.clear{
width: 100%;
height: 1px;
line-height: 1;
clear: both;
}
div#header{
width: 850px;
height: 80px;
}
div#footer_space{
height: 85px;
clear: both;
}
div#footer{
width: 850px;
height: 85px;
margin: 20px auto 0;
padding: 15px 0 5px;
border-top: 1px solid #c2c2c2;
clear: both;
}
div#content{
background: #fff url(../images/bg_content.gif) repeat-x top left;
margin: 13px 0 0 0;
padding: 11px 10px 0 10px; 
}*/
html,body{
height: 100%;
background: #fff url(../images/bg_main.gif) repeat-x top left;
font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
font-size: 12px;
color: #444;
margin: 0;
padding: 0;
}
div#base{
width: 850px;;
min-height: 100%;
margin: 0 auto -85px auto;
height: auto !important;
height: 100%;
}
div#header{
width: 100%;
height: 65px;
}
div#content{
background: #fff url(../images/bg_content.gif) repeat-x top left;
margin: 13px 0 0 0;
padding: 11px 10px 0 10px; 
}
*html div#content{
padding: 11px 5px 0 5px; 
}
div#footer_space{
height: 85px;
clear: both;
}
div#footer{
width: 880px;
height: 59px;
padding: 15px 0 0 0;
margin: 0 auto;
border-top: 1px solid #c2c2c2;
}
div.clear{
width: 100%;
height: 1px;
line-height: 1;
clear: both;
}


img{
border: none;
}
a{
color: #405EB6;
}
a:visited{
color: #724477;
}
a:hover{
color: #969BE0;
}

/*pdf*/
a[href$=".pdf"]{
margin: 15px 0 5px 0;
display: inline;
height: 18px;
padding: 5px 0 3px 22px;
background: url(../images/icon_pdf.gif) no-repeat center left;
line-height: 2;d
}
*html a.pdf{
margin: 15px 0 5px 0;
display: inline;
height: 18px;
padding: 5px 0 8px 22px;
background: url(../images/icon_pdf.gif) no-repeat center left;
}
/*•ÊƒEƒBƒ“ƒhƒE*/
a.win{
display:;
padding: 0 20px 0 3px;
background: url(../images/icon_win.gif) no-repeat center right;
text-decoration: underline;
}


/*header*/

h1{
width: 340px;
height: 69px;
margin: 0;
padding:0;
background: url(../images/title.gif) no-repeat top center;
text-indent: -999em;
overflow: hidden;
float: left;
}
h1 a{
display: block;
width: 340px;
height: 69px;
margin: 0;
padding:0;
text-indent: -999em;
overflow: hidden;
float: left;
}
div#header ul{
width: 443px;
height: 69px;
margin: 0;
padding: 0;
list-style: none;
float: right;
}
div#header ul li{
height: 69px;
margin: 0;
padding: 0;
list-style: none;
float: right;
}

div#header ul li a{
display: block;
height: 69px;
text-indent: -999em;
overflow: hidden;
}
/*
div#header ul li a:active{
background-position: 0 -138px;
}
*/
div#header ul li a:hover{
background-position: 0 -69px;
}

div#header ul li#active a{
background-position: 0 -138px;
}

a.menu_pub{
width: 147px;
background: url(../images/menu_pub.gif) no-repeat top left;
}
a.menu_dir{
width: 146px;
background: url(../images/menu_dir.gif) no-repeat top left;
}
a.menu_out{
width: 150px;
background: url(../images/menu_out.gif) no-repeat top left;
}



/*content*/
div#sub_header{
height: 44px;
border-bottom: 1px solid #E3E3DD;
}

div#sub_header h2{
width: 440px;
height: 43px;
margin: 0;
padding: 0;
text-indent: -999em;
overflow: hidden;
float: left;
}

h2#head_pub{
background: url(../images/head_pub.gif) no-repeat top left;
}
h2#head_dir{
background: url(../images/head_dir.gif) no-repeat top left;
}
h2#head_out{
background: url(../images/head_out.gif) no-repeat top left;
}
h2#head_corp{
background: url(../images/head_corp.gif) no-repeat top left;
}
h2#head_rec{
background: url(../images/head_rec.gif) no-repeat top left;
}
h2#head_cont{
background: url(../images/head_cont.gif) no-repeat top left;
}
h2#head_rule{
background: url(../images/head_rule.gif) no-repeat top left;
}
h2#head_info{
background: url(../images/head_info.gif) no-repeat top left;
}
h2#head_kojin{
background: url(../images/head_kojin.gif) no-repeat top left;
}
h2#head_law{
background: url(../images/head_law.gif) no-repeat top left;
}
h2#head_priv{
background: url(../images/head_privacy.gif) no-repeat top left;
}
h2#head_release{
background: url(../images/head_release.gif) no-repeat top left;
}
div#sub_header ul{
width: 390px;
height: 13px;
margin: 0;
padding: 25px 0 0 0;
float: right;
list-style: none;
}
div#sub_header ul li{
padding-right: 15px;
background: url(../images/list_topic.gif) no-repeat center right;
float: right;
}
div#sub_header ul li#hear{
padding: 0;
background: none;
}


div#col_left{
display: inline;
width: 600px;
float: left;
padding-left: 5px;
line-height: 1.8;
margin-bottom: 30px;
}
div#col_right{
display: inline;
width: 200px;
float: right;
padding-right: 5px; 
}
div#col_left h3{
font-size: 18px;
margin: 20px 0 10px 0;
padding: 15px 10px;
line-height: 1;
background: #f0f0f0;
}
div#col_left h3#jigyou{
letter-spacing: 8px;
}
div#col_left h4{
width: 560px;
height: 22px;
margin: 20px 0 25px 0;
padding: 8px 20px 0 20px;
font-size: 14px;
line-height: 1;
background: url(../images/bg_head03.gif) no-repeat top left;
}
div#col_left h5{
width: 550px;
margin: 15px 0 15px 10px;
padding: 10px 0 0 0;
line-height: 1;
color: #0E8CE9;
font-size: 12px;
}
div#col_left p{
width: 560px;
margin: 0 0 0 10px;
padding: 0;
}
v#col_left ul{
list-style: none;
margin: 5px 0 20px 25px;
padding: 0;
line-height: 1.8;
}
div#col_left ul li{
margin: 0 0 3px 0;
padding: 0 0 0 15px;
background: url(../images/arrow_blue.gif) no-repeat top left;
}
div#ol_container{
width: 550px;
margin: 40px auto 0 0;
}


div#col_right h3{
width: 200px;
text-indent: -999em;
overflow: hidden;
}
div#col_right h4#side_menu{
width: 200px;
height: 43px;
margin: 20px auto 1px auto;
}
div#col_right ul{
width: 190px;
margin: 0;
padding: 5px 5px 10px 5px;
list-style: none;
background: #F0F0F0;
}
div#col_right ul li a{
display: block;
width: 190px;
text-indent: -999em;
overflow: hidden;
}
a.book{
height: 45px;
background: url(../images/side_book.gif) no-repeat top left;
}
a.customer{
height: 44px;
background: url(../images/side_customer.gif) no-repeat top left;
}
a.corpo{
height: 44px;
background: url(../images/side_corpo.gif) no-repeat top left;
}
a.recruit{
height: 44px;
background: url(../images/side_recruit.gif) no-repeat top left;
}
a:hover.book{
background-position: 0 -45px;
}
a:hover.customer,a:hover.recruit,a:hover.corpo{
background-position: 0 -44px;
}
a.denchu{
display: block;
width: 190px;
height: 59px;
margin: 0 auto;
background: url(../images/side_denchu.gif) no-repeat top left;
text-indent: -999em;
overflow: hidden;
}
a.saiyou{
display: block;
width: 190px;
height: 59px;
margin: 10px auto;
background: url(../images/side_saiyou.gif) no-repeat top left;
text-indent: -999em;
overflow: hidden;
}
a:hover.denchu,a:hover.saiyou{
background-position: 0 -59px;
}

span.mini{
font-size: 10px;
}


/*footer*/
img.icon_ipg{
display: block;
width: 50px;
height: 35px;
margin: 0 10px;
float: left;
}
*html img.icon_ipg{
display: inline;
}
div#footer_area{
display: inline;
width: 730px;
padding: 0 3px;
float: left;
border-left: 1px solid #C2C2C2;
font-size:10px
color: #666;
}
*html div#footer_area{
overflow: hidden;
}
a.gototop{
display: block;
width: 70px;
height: 25px;
margin: 0;
padding: 0;
background: url(../images/btn_top03.gif) no-repeat top left;
text-indent: -999em;
overflow: hidden;
float: right; 
}
a:hover.gototop{
background-position: 0 -25px;
}
div#footer_area ul#sub_menu{
margin: 4px 0 0 0;
padding: 0;
list-style: none;
}
div#footer_area ul#sub_menu li{
margin: 0;
padding: 0 6px;
border-right: 1px solid #666;
float: left;
font-size: 10px;
}
div#footer_area ul#sub_menu li#ftr_end{
border: none;
}
div#footer_area ul#sub_menu li a{
color: #666;
text-decoration: none;
}
div#footer_area ul#sub_menu li a:hover{
text-decoration: underline;
}
p.copy{
margin: 5px 0;
padding: 0 0 0 8px;
font-size: 10px;
}

/*contact_us*/
div#contact_us{
width: 550px;
margin: 20px auto;
padding: 10px;
}
div#contact_us p#our_name{
width: 250px;
height: 28px;
background: url(../images/icon_contact.gif) no-repeat top left;
padding: 0 0 0 35px;
font-weight: bold;
color: #666;
float: left;
line-height: 1.2;
}
div#contact_us p#ask_time{
width: 250px;
float: right;
line-height: 1.2;
margin: 0 0 15px 0;
}
div#contact_us span#head_time{
display: block;
width: 65px;
height: 30px;
margin-right: 10px;
background: #f0f0f0 url(../images/head_asktime.gif) no-repeat center left;
text-indent: -999em;
float: left;
}
table.cntt_tbl{
width: 540px;
border: 1px solid #E3E3E3;
/*margin: 0 0 1px 0;*/
margin-bottom:1px;
}
table.cntt_tbl td{
padding: 8px 10px;
}
table.cntt_tbl td.h01{
width: 70px;
color: #666;
font-weight: bold;
background: #f0f0f0;
text-align: right;
padding: 7px 10px;
}
table.cntt_tbl td.h02{
width: 130px;
color: #666;
font-weight: bold;
background: #f0f0f0;
text-align: right;
padding: 7px 10px;
font-size: 12px;
}
table.cntt_tbl td.h03{
width: 80px;
color: #666;
font-weight: bold;
text-align: right;
padding: 4px 10px;
font-size: 12px;
vertical-align: middle;
}
table.cntt_tbl td.h04{
width: 140px;
color: #666;
font-weight: bold;
background: #f0f0f0;
text-align: left;
padding: 7px 10px;
font-size: 12px;
}
table.cntt_tbl td.h05{
width: 80px;
color: #666;
font-weight: bold;
text-align: right;
padding: 4px 10px;
font-size: 12px;
}
span.time{
font-weight: normal;
font-size: 0.8em;
color: #666;
}

