@charset "utf-8";



/* default
-----------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{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}ol,ul{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{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}



/* setting
-----------------------------------*/
a{
color			:#323232;
text-decoration		:underline;
}
a:hover{
color			:#a0a0a0;
text-decoration		:none;
}
a:focus{
-moz-outline-style	:none;
}
strong{
font-weight		:bold;
}
ul li{
list-style-type		:disc;
}
ol li{
list-style-type		:decimal;
}



/* clear
-----------------------------------*/
.clear{
clear			:both;
}



/* clearfix
-----------------------------------*/
.clearfix:after{
display			:block;
clear			:both;
height			:0;
visibility		:hidden;
content			:".";
line-height		:0;
}
.clearfix{
display			:inline-table;
min-height		:1%;
}

/* for macIE \*/
* html .clearfix{
height			:1%;
}
.clearfix{
display			:block;
}
/* end of for macIE */



/* html
-----------------------------------*/
html{
overflow		:auto;
}
*html{
overflow-y		:scroll;
}



/* body
-----------------------------------*/
body{
color			:#323232;
font-family		:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
line-height		:1.54;
-webkit-text-size-adjust:100%;
background		:#ffffff;
text-align		:left;
overflow-x		:hidden;
min-width		:980px;
padding-top		:350px;
padding-bottom		:50px;
position		:relative;
}



/* header
-----------------------------------*/
#header{
width			:2940px;
height			:350px;
margin-left		:-1470px;
position		:absolute;
left			:50%;
top			:0;
z-index			:1;
}
#header h1{
color			:#818181;
font-size		:85%;
width			:762px;
position		:absolute;
left			:1198px;
top			:12px;
z-index			:10;
}
#header div.mark{
position		:absolute;
left			:983px;
top			:10px;
z-index			:10;
}
#header p.logo{
position		:absolute;
left			:989px;
top			:179px;
z-index			:10;
}
#header h2.page_title{
font-size		:77%;
width			:195px;
position		:absolute;
left			:990px;
top			:261px;
z-index			:10;
}
#header h2.page_title span{
color			:#003980;
font-size		:200%;
line-height		:1.25;
}
#header ul.nav{
width			:205px;
position		:absolute;
left			:985px;
top			:367px;
z-index			:10;
}
#header ul.nav li{
list-style		:none;
margin-bottom		:6px;
}
#header ul.nav li.last{
margin-bottom		:0;
}
#header ul.nav li img{
border			:none;
vertical-align		:top;
}
#header p.copy{
position		:absolute;
left			:1027px;
top			:633px;
z-index			:10;
}
#header div.about{
width			:195px;
border-top		:1px solid #969696;
margin-bottom		:10px;
padding-top		:9px;
position		:absolute;
left			:980px;
top			:1148px;
z-index			:10;
}
#header div.about h3{
font-size		:116%;
font-weight		:bold;
margin-bottom		:4px;
}
#header ul.nav_other{
width			:765px;
position		:absolute;
left			:1195px;
top			:39px;
z-index			:10;
}
#header ul.nav_other li{
list-style		:none;
float			:left;
}
#header ul.nav_other li img{
border			:none;
vertical-align		:top;
}
#header div.image{
width			:2000px;
position		:absolute;
left			:470px;
top			:0;
z-index			:1;
}



/* breadcrumbs
-----------------------------------*/
#breadcrumbs{
width			:765px;
text-align		:right;
margin-left		:-275px;
padding-top		:9px;
position		:relative;
left			:50%;
top			:0;
}
#breadcrumbs li{
color			:#818181;
font-size		:85%;
line-height		:1.3;
list-style		:none;
display			:inline;
}
#breadcrumbs li a{
color			:#818181;
text-decoration		:none;
}
#breadcrumbs li a:hover{
text-decoration		:underline;
}



/* hbc_footer
-----------------------------------*/
#hbc_footer{
width			:1800px;
background		:url("../img/bg_hbc_footer_01.gif") no-repeat center 0;
margin-left		:-900px;
margin-bottom		:20px;
padding-top		:41px;
position		:relative;
left			:50%;
}
#hbc_footer h2{
margin-left		:662px;
margin-bottom		:22px;
}
#hbc_footer p{
width			:980px;
text-align		:center;
margin-left		:410px;
}
#hbc_footer div.slider{
width			:1800px;
height			:199px;
border-top		:1px solid #d6d6d6;
border-bottom		:1px solid #d6d6d6;
position		:relative;
margin-top		:26px;
margin-bottom		:44px;
}
#hbc_footer div.slider div.bx-viewport{
width			:980px !important;
position		:absolute;
left			:410px;
top			:30px;
}
#hbc_footer div.slider ul{
width			:980px;
height			:140px;
overflow		:hidden;
}
#hbc_footer div.slider .bx-prev, 
#hbc_footer div.slider .bx-next{
text-indent		:-9999px;
outline			:none;
width			:43px;
height			:53px;
background-image	:url("../img/btn_slider_01.png");
background-repeat	:no-repeat;
display			:block;
position		:absolute;
top			:74px;
}
#hbc_footer div.slider .bx-prev{
background-position	:0 -20px;
left			:362px;
}
#hbc_footer div.slider .bx-prev:hover{
background-position	:-43px -20px;
}
#hbc_footer div.slider .bx-next{
background-position	:0 -73px;
right			:362px;
}
#hbc_footer div.slider .bx-next:hover{
background-position	:-43px -73px;
}
#hbc_footer div.slider .disabled{
display			:none;
}
#hbc_footer div.logo{
margin-top		:49px;
margin-left		:798px;
}



/* footer
-----------------------------------*/
#footer{
width			:1100px;
background		:#a0a0a0;
-webkit-border-radius	:15px;
-moz-border-radius	:15px;
-o-border-radius	:15px;
-ms-border-radius	:15px;
border-radius		:15px;
margin-left		:-550px;
padding-top		:26px;
padding-bottom		:22px;
position		:relative;
left			:50%;
}


#footer div.nav{
width			:605px;
float			:right;
margin-top		:5px;
}
#footer div.nav ul{
margin-bottom		:16px;
}
#footer div.nav ul li{
list-style		:none;
display			:inline;
margin-right		:47px;
}
#footer div.nav ul li.last{
margin-right		:0;
}
#footer div.nav ul li a{
color			:#ffffff;
text-decoration		:none;
background		:url("../img/ico_footer_01.gif") no-repeat 0 center;
padding-left		:17px;
}
#footer div.nav ul li a:hover{
color			:#afd7f5;
text-decoration		:underline;
background-position	:1px center;
}
#footer div.nav p{
margin-left		:2px;
}


#footer div.comment{
width			:495px;
float			:left;
}
#footer div.comment p.comment{
color			:#ffffff;
width			:331px;
border			:1px solid #e7e7e7;
margin-left		:60px;
margin-bottom		:16px;
padding			:11px 14px 18px 14px;
}
#footer div.comment p.copyright{
color			:#ffffff;
margin-left		:60px;
}


#footer p.pagetop{
position		:absolute;
left			:870px;
bottom			:0;
}



/* form
-----------------------------------*/
.form_unit p.intro{
width			:765px;
margin-bottom		:24px;
}
.form_unit div.form{
width			:765px;
border-top		:1px solid #e3e3e3;
}
.form_unit div.form table{
line-height		:1.5;
width			:100%;
}
.form_unit div.form table th{
width			:185px;
border-bottom		:1px solid #e3e3e3;
padding			:15px 0 14px 0;
}
.form_unit div.form table th img{
float			:left;
}
.form_unit div.form table th span.text{
width			:120px;
display			:block;
float			:right;
margin-top		:2px;
}
.form_unit div.form table td{
border-bottom		:1px solid #e3e3e3;
padding			:15px 0 14px 0;
}
.form_unit div.form table tr.vtop th, 
.form_unit div.form table tr.vtop td{
vertical-align		:top;
}
.form_unit div.form table tr.vtop th span.text{
margin-top		:4px;
}
.form_unit div.form div.btn{
margin-top		:29px;
margin-left		:193px;
}


.form_unit div.confirm{
margin-top		:44px;
}
.form_unit div.confirm table th{
width			:193px;
vertical-align		:top;
padding-bottom		:15px;
}
.form_unit div.confirm table th span.text{
width			:128px;
margin-top		:4px;
}
.form_unit div.confirm table td{
vertical-align		:top;
padding-top		:19px;
padding-bottom		:15px;
}
.form_unit div.confirm div.btn{
width			:690px;
margin-top		:109px;
margin-left		:39px;
}
.form_unit div.confirm div.btn .submit{
float			:right;
}


.form_unit div.thanks{
width			:765px;
}
.form_unit div.thanks p.btn{
margin-top		:178px;
margin-left		:193px;
}


.textinput70{
width			:70px;
padding			:4px;
}
.textinput85{
width			:85px;
padding			:4px;
}
.textinput105{
width			:105px;
padding			:4px;
}
.textinput400{
width			:400px;
padding			:4px;
}
.textinput550{
width			:550px;
padding			:4px;
}
.textareainput550_115{
width			:550px;
height			:115px;
padding			:4px;
}
.selectinput{
padding			:4px;
}
.radioinput, 
.checkboxinput{
vertical-align		:middle;
}