@charaset "UTF-8";


/********************************************/
/* Area of body                             */
/********************************************/
body {
background: #e9e9e9;
margin: 0px;
font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
line-height:1.25em;
font-size: 75%;
color: #666;
text-align: center;
}

a:link,
a:visited {
color: #555;
text-decoration: underline;
}
a:hover {
color: #FF0000;
text-decoration: underline;
}

#wrapper {
background: url('../images/common/bg_header.gif') repeat-x #fff;
width: 100%;
padding: 0 0 30px 0;
}
#wrapper_body {
text-align: left;
margin: 0 auto 0 auto;
width: 600px;
}



/********************************************/
/* Area of header                           */
/********************************************/
#header {
width: 600px;
height:110px;
padding: 0;
}
#header #logo {
float: left;
width: 220px;
}
#header #logo h1 {
margin: 30px 0 0 0;
height: 66px;
width: 220px;
text-indent: -9999px;
overflow: hidden;
background: url('../images/common/logo.jpg') no-repeat #fff;
}
#header #logo h1 a {
height: 66px;
width: 220px;
display: block;
}

#header #contact {
float: right;
height: 41px;
width: 136px;
margin: 55px 0 0 0;
text-indent: -9999px;
overflow: hidden;
background: url('../images/common/contact.gif') no-repeat #fff;
}


/********************************************/
/* Area of navigation                       */
/********************************************/
#navigation {
background:url('../images/common/bg_navigation.gif') no-repeat right top;
width: 600px;
height: 50px;
}
#navigation ul {
list-style: none;
margin: 0px;
padding: 0px;
}
#navigation li {
height: 33px;
float: left;
font-size: 1px;
text-indent: -9999px;
overflow: hidden;
}
#navigation  li a {
text-decoration: none;
display: block;
height: 33px;
}

#navigation li.home {
width: 78px;
background:url('../images/common/btn_navigation_off.gif') no-repeat 0px 0px;
}
#navigation li.about {
width: 95px;
background:url('../images/common/btn_navigation_off.gif') no-repeat -78px 0px;
}
#navigation li.service {
width: 96px;
background:url('../images/common/btn_navigation_off.gif') no-repeat -173px 0px;
}
#navigation li.contact {
width: 126px;
background:url('../images/common/btn_navigation_off.gif') no-repeat -269px 0px;
}
#navigation li.greeting {
width: 98px;
background:url('../images/common/btn_navigation_off.gif') no-repeat -394px 0px;
}

#navigation li.home a:hover {
background:url('../images/common/btn_navigation_on.gif') no-repeat 0px 0px;
}
#navigation li.about a:hover {
background:url('../images/common/btn_navigation_on.gif') no-repeat -78px 0px;
}
#navigation li.service a:hover {
background:url('../images/common/btn_navigation_on.gif') no-repeat -173px 0px;
}
#navigation li.contact a:hover {
background:url('../images/common/btn_navigation_on.gif') no-repeat -269px 0px;
}
#navigation li.greeting a:hover {
background:url('../images/common/btn_navigation_on.gif') no-repeat -394px 0px;
}



/********************************************/
/* Area of contents                         */
/********************************************/
#contents {
clear: both;
font-size: 12px;
line-height: 18px;
width: 600px;
}
#contents h2 {
width: 600px;
height: 35px;
margin: 30px 0 0 0;
font-size: 1px;
text-indent: -9999px;
overflow: hidden;
}
#contents h3 {
width: 600px;
height: 28px;
margin: 25px 0 0 0;
font-size: 1px;
text-indent: -9999px;
overflow: hidden;
}

#contents .annotate {
font-size: 10px;
letter-spacing: 1px;
margin: 1em 0 0 0;
}
#contents .alert {
font-size: 10px;
letter-spacing: 1px;
margin: 1em 0 0 0;
color: #FF0000;
}

#contents p.page_top {
margin: 15px 0 0 0;
float: right;
font-size: 12px;
text-indent: 20px;
background:url('../images/common/icon_page_top.gif') no-repeat left top;
}



/********************************************/
/* Area of footer                           */
/********************************************/
#footer {
clear: both;
width: 100%;
background: url('../images/common/bg_footer.gif') repeat-x #e9e9e9;
}

#footer_body {
clear: both;
font-size: 12px;
line-height: 18px;
font-family: 'ＭＳ Ｐゴシック',sans-serif,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
margin: 0 auto 0 auto;
padding: 15px 0 40px 0;
width: 600px;
}

#footer_body address {
width: 240px;
float: left;
font-style: normal;
text-align: left;
}
#footer_body ul {
float: left;
list-style: none;
text-align: left;
}
#footer_body li {
text-indent: 12px;
background: url('../images/common/icon_footer.gif') no-repeat 0px 4px;
}

#footer_body .copyright {
text-align: right;
clear: both;
}