@charset "utf-8";

#headerAreaInner {
position: relative;
width: 800px;
margin: 0 auto;
text-align: center;
}

#warp {
text-align:center;
}


.headerBox {
padding-top: 7px;
}


h2{
width: 800px;
margin: 0 auto;
background: none !important;
}

#keyimgArea{
position: relative;
height: 350px;
width: 800px;
margin: 0 auto;
}


#keyimgAreaWarp {
background: url(../img/index_h2_002.jpg) no-repeat center top;
text-align: center;
margin: 0 auto;
}


#keyimgArea ul {
margin: 0 auto;
text-align: center;
}

#keyimgArea li {
float: left;
text-indent: -9999px;
}

#keyimgArea li a {
display: block;
width: 245px;
height: 86px;
}
 
#keyimgArea li.btn01 {
position: absolute;
bottom: 6px;
left: 27px;
background: url(../img/index_btn_001.jpg) no-repeat left top;
}

#keyimgArea li.btn02 {
position: absolute;
bottom: 6px;
left: 277px;
background: url(../img/index_btn_002.jpg) no-repeat left top;
}

#keyimgArea li.btn03 {
position: absolute;
bottom: 6px;
right: 28px;
background: url(../img/index_btn_003.jpg) no-repeat left top;
}

#keyimgArea li.btn01 a:hover { background: url(../img/index_btn_001ov.jpg) no-repeat left top;}

#keyimgArea li.btn02 a:hover { background: url(../img/index_btn_002ov.jpg) no-repeat left top;}

#keyimgArea li.btn03 a:hover { background: url(../img/index_btn_003ov.jpg) no-repeat left top;}


.topBox01 {
zoom :1;
line-height: 1.6;
background: url(../img/top_img_002.gif) repeat-y left top;
}

.topBox02 {
background: url(../img/top_img_001.gif) no-repeat left top;
}

.topBox03 {
padding: 20px 10px 60px 13px;
background: url(../img/top_img_003.gif) no-repeat left bottom;
}

.toplist { margin-bottom: 10px;}

.toplist li {
padding-left: 18px;
color: #412d14;
font-weight: bold;
background: url(../img/top_img_004.gif) no-repeat left 0.35em;
}

.topBox04 {
width: 508px;
height: 406px;
margin-bottom: 20px;
background: url(../img/top_img_009.gif) no-repeat left top;
}

.topBox04 ul {
padding: 5px 0 0 8px;
}

.topBox04 ul li {
float: left;
margin: 0 0 2px 2px;
display: inline;
text-indent: -9999px;
}

.topBox04 ul li a {
display: block;
width: 242px;
height: 191px;
}

.topBox04 ul li.btn01 {
background: url(../img/top_img_010.jpg) no-repeat left top;
}

.topBox04 ul li.btn02 {
background: url(../img/top_img_011.jpg) no-repeat left top;
}

.topBox04 ul li.btn03 {
background: url(../img/top_img_012.jpg) no-repeat left top;
}

.topBox04 ul li.btn04 {
background: url(../img/top_img_013.jpg) no-repeat left top;
}

.topBox04 ul li.btn01 a:hover {
background: url(../img/top_img_010ov.jpg) no-repeat left top;
}

.topBox04 ul li.btn02 a:hover {
background: url(../img/top_img_011ov.jpg) no-repeat left top;
}

.topBox04 ul li.btn03 a:hover {
background: url(../img/top_img_012ov.jpg) no-repeat left top;
}

.topBox04 ul li.btn04 a:hover {
background: url(../img/top_img_013ov.jpg) no-repeat left top;
}

#footerArea01 {
font-size: 1.4em;
background: #f9f2e9 url(../com_img/footer_bg_001.jpg) repeat-x left bottom;
padding: 5px 0 20px;
}

#footerArea01 ul {
width: 1156px;
margin: 0 auto;
padding: 10px 0;
text-align: center;
}

#footerArea01 li{
float: left;
padding: 0 10px;
line-height: 1.4;
}

#footerArea01 li.br {
padding-left: 180px;
border-right: 1px solid #412d14;
}

*html #footerArea01 li.br {
padding-left: 160px;
border-right: 1px solid #412d14;
}

#footerArea02{
clear: both;
padding-bottom: 15px;
background: url(../com_img/footer_bg_002.jpg) repeat left top;
font-size: 93%;
}

#footerArea02 p{
width: 800px;
margin: 0 auto;
text-align: left;
}

#footerArea02 address{
font-size: 1.3em;
width: 800px;
margin: 0 auto;
text-align: left;
line-height: 1.2;
color:#333;
}

#footerArea02 #footerArea02Inner {
width: 800px;
margin: 0 auto;
}