@charset "UTF-8";


/* -------------------------------------------------------------- layout container */

#container{
text-align:center;
background:#f2f2f2 url(../common/f_logo_luk.png) no-repeat right bottom
}
::selection{
color:#000;
background:#AC0;
}
::-moz-selection{
color:#000;
background:#AC0;
}

/* -------------------------------------------------------------- layout header */

#header{
width:100%;
height:230px;
background:#ac0000 url(../common/h_bg.gif) bottom repeat-x
}

#header_in{
width:970px;
height:230px;
margin:0 auto
}

#logo{
display:block;
width:230px;
height:230px;
float:left;
background:url(../common/h_logo.gif) repeat-y bottom left;
position:relative
}

#h_home{
width:60px;
height:25px;
position:absolute;
top:170px;
left:89px
}

#h_home a{
display:block;
background:url(../common/h_logo_home.png) no-repeat top left;
background-repeat:no-repeat;
width:60px;
height:25px
}

#h_home span{
position:absolute;
width:0;
height:0;
overflow:hidden
}

#h_home a:link{
background-position:0 0
}

#h_home a:hover{
background-position:0 -20px
}

#keyVisual{
position:relative;
text-align:right;
width:740px;
height:230px;
float:right;
background-color:#C00;
background:url(../common/h_key_town.png) no-repeat top left
}

#keyVisual h1{
width:578px;
height:26px;
line-height:2.2;
color:#fefefe;
float:left
}

.inq{
width:132px;
height:26px;
margin-right:20px;
float:right
}

.inq a{
display:block;
background-image: url(../common/h_key_inq.gif);
background-repeat:no-repeat;
width:132px;
height:26px
}

.inq span{
position:absolute;
width:0;
height:0;
overflow:hidden
}

.inq a:link{
background-position:0 0
}

.inq a:hover{
background-position:0 -26px
}


/* -------------------------------------------------------------- layout contents */

#contents{
width:100%;
clear:both
}

#contents_in{
position:relative;
width:970px;
margin:0 auto;
background-image:url(../common/c_bg.gif);
overflow:hidden
}

#navi{
width:230px;
float:left;
padding-bottom:900px;
margin-bottom:-900px
}

#navi ul{
margin-bottom:30px
}

#navi ul li{
color:#b00;
background:url(../common/c_navi_dot.gif) no-repeat center bottom;
padding:2px 5px 3px 5px;
font-weight:bold
}

#navi ul li.cate{
color:#aaa;
font-size:90%;
padding:19px 9px 6px 9px;
background:url(../common/c_navi_line.gif) no-repeat center bottom
}

#navi ul li a{
display:block;
width:207px;
border-left: solid 3px #ac0000;
padding:7px 0 7px 11px
}

#navi ul li.end{
background:url(../common/c_navi_line.gif) no-repeat center bottom
}

#navi ul li.corp a{
padding:2px 0 2px 11px
}

#main{
width:740px;
float:right;
line-height:1.7;
padding-bottom:900px;
margin-bottom:-900px
}

#main h2{
display:block;
width:700px;
height:75px;
margin:38px 20px 8px 20px;
clear:both
}

#main h2 span{
position:absolute;
width:0;
height:0;
overflow:hidden
}

#main h3{
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
font-size:140%;
font-weight:bold;
width:700px;
margin:0 20px 12px 20px;
padding:0;
background:url(../common/c_main_line.gif) no-repeat left bottom;
border-bottom:1px #444 solid;
clear:both
}

#main p{
text-align:justify;
width:685px;
margin:0 20px 12px 35px
}

#main p.point span,#main p.point2 span{
display:block;
font-size:100%;
padding:14px 20px;
background-color:#fff;
border:1px solid #e6e6e6;
clear:both
}

#main p.point,#main p.point2{
background:url(../common/c_main_shadow.png) no-repeat bottom center;
padding-bottom:10px
}

#main p.point strong.notice,#main p.point2 strong.notice{
background:url(../common/c_main_point.png) no-repeat left;
padding-left:18px
}

#main p.point2{
margin-bottom:32px
}

#main p.start{
display:block;
text-align:justify;
width:600px;
margin:0 0 32px 20px;
float:left
}

#main div.start_font{
width:100px;
text-align:right;
float:left
}

#main div.start_font input.submit{
color:#333;
background-color:#fff;
border:1px solid #e6e6e6;
line-height:1.3;
cursor:pointer
}

#main div.start_font input.submit:hover,
#main div.start_font input.submitHover{
background-color:#fff;
border:1px solid #999;
line-height:1.3;
cursor:pointer
}

#main p.end{
margin-bottom:32px
}

.blank{
display:inline;
background:url(../common/c_main_blank.gif) no-repeat right center;
padding-right:16px
}

.arrow{
display:inline;
background:url(../common/c_main_arrow.gif) no-repeat left center;
padding-left:14px
}

#main img.right{
float:right;
margin:20px;
margin-top:5px
}

#main img.left{
float:left;
margin:20px;
margin-top:5px
}

.clear{
clear:both
}

.xhtml_check{
margin:0 0 16px 15px
}

.w3c_check{
margin:0 0 32px 15px
}


/* -------------------------------------------------------------- topicspath */

dl.topicspath{
width:700px;
margin:14px 20px;
line-height:1.1;
}

dl.topicspath dt{
width:400px;
float:left
}

dl.topicspath dd{
width:300px;
float:right;
text-align:right
}

dl.topicspath ol li{
display:inline
}

dl.topicspath ol li.home a{
display:block;
background:url(../common/c_main_home.gif) no-repeat left top;
width:54px;
height:15px;
float:left;
margin-right:5px
}

dl.topicspath ol li.home span{
position:absolute;
width:0;
height:0;
overflow:hidden
}

dl.topicspath ol li.home a:link{
background-position:0 0
}

dl.topicspath ol li.home a:hover{
background-position:0 -15px
}

dl.topicspath ol li.mid{
display:inline;
background:url(../common/c_main_tp.gif) no-repeat right center;
padding-right:5px
}

dl.topicspath ol li.mid a{
margin-right:10px
}

dl.topicspath ol li.end{
display:inline;
background:none;
padding-right:5px
}


/* -------------------------------------------------------------- pagetop */

.pt{
width:130px;
height:24px;
position:absolute;
bottom:0;
right:20px;
clear:both
}

.pt a{
display:block;
background-image: url(../common/f_pagetop.gif);
background-repeat:no-repeat;
width:130px;
height:24px
}

.pt span{
position:absolute;
width:0;
height:0;
overflow:hidden
}

.pt a:link{
background-position:0 0
}

.pt a:hover{
background-position:0 -24px
}


/* -------------------------------------------------------------- layout footer */

#footer{
width:100%;
clear:both;
background:#ac0000 url(../common/f_bg.png) no-repeat center top
}

#footer_bg{
width:100%;
background:url(../common/f_logo_luk.png) no-repeat right bottom
}

#footer_in{
width:970px;
margin:0 auto;
overflow:hidden
}

#f_navi_left{
width:429px;
float:left;
padding-bottom:300px;
margin-bottom:-300px
}

#f_navi_left h2{
width:151px;
height:36px;
background:url(../common/f_logo.png) no-repeat;
margin:29px 10px 4px 38px
}

#f_navi_left h2 a{
display:block;
width:205px;
height:36px;
background:url(../common/f_logo.png) no-repeat;
background-position:0 0
}

#f_navi_left h2 a:hover{
background-position:0 -36px
}

#f_navi_left h2 span{
position:absolute;
width:0;
height:0;
overflow:hidden
}

#f_navi_left h3{
color:#fefefe;
width:389px;
margin:22px 10px 13px 38px
}

#f_zip{
color:#fefefe;
width:389px;
margin:0 10px 10px 38px;
line-height:132%;
clear:both
}

#copyright{
color:#fefefe;
width:389px;
margin:0 10px 10px 38px;
line-height:132%;
clear:both
}

#f_navi_right{
width:541px;
width:auto;
float:right;
color:#fefefe;
line-height:182%;
padding-bottom:300px;
margin-bottom:-300px
}

#f_navi_right li.fs_top{
padding-bottom:4px
}

#f_sitemap_left,#f_sitemap_center{
float:left
}

#f_sitemap_right{
float:right
}

#f_sitemap_left,#f_sitemap_center,#f_sitemap_right{
background:url(../common/f_sitemap_line.gif) left repeat-y;
width:140px;
margin-top:48px;
margin-bottom:40px;
padding:0 20px
}


/* -------------------------------------------------------------- layout common */

#header_in,#logo,#contents_in,#navi,#main,#footer_in,#zip,#footnavi{
text-align:left
}


/* -------------------------------------------------------------- link */

#main a:link,#main a:visited,#main a:active{
color:#333;
text-decoration:none
}

#main a:link,#main a:visited{
border-bottom-width:1px;
border-bottom-style:dotted
}

#main a:hover{
border-bottom-width:1px;
border-bottom-style:none;
background-color:#99cc00
}

#main li.home a:link,#main li.home a:visited,#main li.home a:active,#main li.home a:hover{
text-decoration:none;
border-bottom-width:0;
border-bottom-style:none;
background-color:#f2f2f2
}

#navi ul li a:link,#navi ul li a:visited,#navi ul li a:active{
color:#b00;
text-decoration:none
}

#navi ul li a:hover{
color:#d00;
text-decoration:none
}

#navi ul li a:hover,#navi ul li a.on{
background:#f2f2f2 url(../common/c_navi_bg.png) repeat-y;
border-left:none;
padding-left:14px
}

#f_navi_right a:link,#f_navi_right a:visited,#f_navi_right a:active{
color:#fefefe;
text-decoration:none
}

#f_navi_right a:link,#f_navi_right a:visited{
border-bottom-width:1px;
border-bottom-style:dotted
}

#f_navi_right a:hover{
border-bottom-width:1px;
border-bottom-style:none
}

.new{
padding-left:1em;
color:#F00;
}