@charset "utf-8";
/* CSS Document */



#header_bg {
background: url(../img/bg.gif) repeat-x left bottom;
height: 465px;
vertical-align: bottom;
width: 100%;
}

.header {
vertical-align: bottom;
width: 1030px;
}


.keitai_merumaga_info {
padding: 39px 0px 0px 8px;
width: 880px;
}

.keitai {
float: left;
padding: 4px 0px 0px 0px;
width: 163px;
}

.keitai p a {
background: url(../img/header/keitai_btn.gif) no-repeat left top;
display: block;
height: 30px;
width: 163px;
}

.keitai p a:hover {
background: url(../img/header/keitai_btn_.gif) no-repeat left top;
display: block;
height: 30px;
width: 163px;
}


.merumaga {
float: left;
padding: 4px 0px 0px 16px;
width: 163px;
}

.merumaga p a {
background: url(../img/header/merumaga_btn.gif) no-repeat left top;
display: block;
height: 30px;
width: 163px;
}

.merumaga p a:hover {
background: url(../img/header/merumaga_btn_.gif) no-repeat left top;
display: block;
height: 30px;
width: 163px;
}


.info {
float: right;
padding: 0px 0px 0px 31px;
width: 501px;
}

.info address {
background: url(../img/header/info.gif) no-repeat left top;
height: 34px;
width: 501px;
}



.logo {
padding: 7px 0px 0px 0px;
width: 901px;
}

.logo h1 {
background: url(../img/header/logo.gif) no-repeat left top;
height: 89px;
width: 901px;
}

.logo h1 a {
display: block;
height: 69px;
padding: 9px 0px 0px 0px;
width: 240px;
}


.main_img {
height: 294px;
width: 1030px;
}