@charset "UTF-8";


/* ------------------------------------------------------------- layout */
#header{
 width:100%;
 background:url(../img/h_bg.png) repeat-x bottom
}
#header_inner{
 width:860px;
 height:130px;
 position:relative;
 text-align:left;
 margin:0 auto
}
#main{
 width:100%;
 height:178px;
 background:url(../img/h_main_bg.png)
}
#main_inner{
 width:876px;
 height:178px;
 background:url(../img/h_main.png) no-repeat;
 margin:0 auto
}
#sub{
 width:100%;
 height:88px;
 background:url(../img/h_sub_bg.png)
}
#contents{
 width:860px;
 text-align:left;
 margin:0 auto
}
#footer{
 background:#F5F5F5 url(../img/f_bg.gif) repeat-x top;
 width:100%;
 clear:both
}
#footer_inner{
 position:relative;
 width:860px;
 text-align:left;
 margin:0 auto
}

/* ------------------------------------------------------------- header */
#header_inner .logo{
 position:absolute;
 left:0;
 bottom:68px
}
#header_inner .catch{
 position:absolute;
 right:0;
 bottom:50px
}
#header_inner ul{
 background:url(../img/h_nav.png) no-repeat;
 width:860px;
 position:absolute;
 left:0;
 bottom:0
}
#header_inner ul li{
 float:left
}
#header_inner ul li a{
 display:block;
 width:143px;
 height:50px;
 background-image:url(../img/h_nav.png);
 background-repeat:no-repeat
}
#header_inner ul li.nav1 a{ background-position:0 0;width:144px }
#header_inner ul li.nav2 a{ background-position:-144px 0 }
#header_inner ul li.nav3 a{ background-position:-287px 0 }
#header_inner ul li.nav4 a{ background-position:-430px 0 }
#header_inner ul li.nav5 a{ background-position:-573px 0 }
#header_inner ul li.nav6 a{ background-position:-716px 0;width:144px }
#header_inner ul li.nav1 a:hover{ background-position:0 -50px }
#header_inner ul li.nav2 a:hover{ background-position:-144px -50px }
#header_inner ul li.nav3 a:hover{ background-position:-287px -50px }
#header_inner ul li.nav4 a:hover{ background-position:-430px -50px }
#header_inner ul li.nav5 a:hover{ background-position:-573px -50px }
#header_inner ul li.nav6 a:hover{ background-position:-716px -50px }
#header_inner ul li a span{
 width:0;
 height:0;
 display:block;
 overflow:hidden
}

/* ------------------------------------------------------------- contents */
.contents_inner{
 width:100%;
 overflow:hidden;
 padding-top:20px
}
#contents #lnav{
 background:#EEE;
 border:#CCC 1px solid;
 margin:20px 0 20px 0;
 padding-bottom:200px;
 width:200px;
 float:right
}
#contents #lnav div{
 margin:4px 4px 0 4px
}
#contents #lnav .line{
 border-top:#CCC 1px dotted;
 margin-top:8px;
 padding-top:8px
}
#contents .end{
 padding-bottom:20px
}
#contents h2{
 font-weight:600;
 padding:8px;
 padding-top:6px;
 border:#EEE 1px solid;
 background:url(../img/c_h2_line.gif) repeat-x bottom
}
#contents h3{
 font-weight:600;
 font-size:120%;
 margin-top:10px
}
#contents p{
 margin-top:3px
}
#contents .right{
 border:#CCC 1px dotted;
 padding:5px;
 margin:10px 0 0 20px;
 float:right
}
#contents .right:hover{
 cursor:pointer;
 border:#000 1px dotted
}

/* ------------------------------------------------------------- footer */
#footer_inner ul.nav{
 font-size:90%;
 padding-top:10px
}
#footer_inner ul.nav li{
 background:url(../img/f_nav_line.gif) no-repeat right center;
 padding-right:15px;
 float:left
}
#footer_inner ul.nav li.end{
 padding-right:0;
 padding-left:15px;
 background:none
}
#footer_inner .pagetop{
 position:absolute;
 top:13px;
 right:0
}
#footer_inner h2{
 clear:both
}
#footer_inner #zip{
 color:#464646;
 margin-top:40px;
 margin-bottom:20px
}
#footer_inner #zip h2{
 font-size:80%
}
#footer_inner #zip strong{
 font-size:120%
}
#footer_inner #copyright{
 color:#464646;
 background:url(../img/f_line.gif) repeat-x top;
 padding-top:10px;
 overflow:hidden;
 width:100%;
 padding-bottom:40px
}
#footer_inner #copyright p{
 font-size:90%;
 float:left
}
#footer_inner #copyright img{
 float:right
}

/* ------------------------------------------------------------- css link */
#footer_inner ul.nav a:link   { color:#FFF;text-decoration:none }
#footer_inner ul.nav a:visited{ color:#FFF;text-decoration:none }
#footer_inner ul.nav a:hover  { color:#EEE;text-decoration:none;border-bottom:#EEE 1px dotted }
#footer_inner ul.nav a:active { color:#CCC;text-decoration:none;border-bottom:#CCC 1px dotted }

#news a:link   ,#lec a:link   { text-decoration:none;color:#000;border-bottom:#000 1px dotted }
#news a:visited,#lec a:visited{ text-decoration:none;color:#333;border-bottom:#333 1px dotted }
#news a:hover  ,#lec a:hover  { text-decoration:none;color:#666;border-bottom:none }
#news a:active ,#lec a:active { text-decoration:none;color:#999;border-bottom:none }

a:link   { color:#000;text-decoration:underline }
a:visited{ color:#333;text-decoration:underline }
a:hover  { color:#666;text-decoration:none }
a:active { color:#999;text-decoration:none }

/* ------------------------------------------------------------- css hack */
#sub_inner h1,
#sub_inner p{
 _line-height:1px
}