@charset "utf-8";
/* CSS Document */
a {overflow:hidden;}
a:link,a:visited {color:#1d3994;text-decoration:none;}
a:hover,a:active {color:#ff3399;text-decoration:none;}

/* Reset */
h1,h2,h3,h4,h5,h6,p,ul,li {margin:0px; padding:0px; font-size:100%; font-weight:normal; }
hr {display:none;}
img {border:none}
.skip {display:none;}
* {margin:0px;padding:0px;}

/* Adjust */
h3 { font-size: 14px;font-weight:bold; }
p { padding-top:7px;}
small {float:right; }
span {font-size:0.8em;}
hr {display:block; clear:both; border:none; border-top:solid 1px #FFFFFF; height:1px; }
td { padding: 8px; border-bottom: solid 1px #FFFFFF; }

.imageleft { float:left; padding-right:7px; }
.imageright { float:right; padding-left:7px; }

.clearfix { overflow:hidden; }
*html .clearfix { zoom: 1; }


/*　共通　*/
body {
line-height:1.7em;
font-size: 12px; /* modern browser */
*font-size: x-small; /* IE7 */
letter-spacing: 0.05em;
*font: small; /* underIE6 */
font-family:  Arial,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3, HiraKakuPro-W3, sans-serif"; 
color: #333333;
background-color:#ffffff;
}

div#container {
margin:0 auto;
width:800px;
}



#header {
width:800px;
height:70px;
}

#header h1 a {
text-indent:-9999px;
float:left;
display:block;
width:171px;
height:52px;
background:url(../images/logo.jpg) no-repeat;
margin:10px 0 0px 18px;
}

/* ヘッダメニュー　*/
#header #headmenu {
float:right;
margin:55px 2px 0px 0px;
}

ul#headmenu, ul#headmenu li, ul#headmenu li a {
display:block;
height:10px;
margin:0px;
padding:0px;
}

ul#headmenu {
width:400px;
}

ul#headmenu li {
float:right;

}

ul#headmenu li a {
text-indent:-9999px;
}

ul#headmenu li#home { background:url(../images/headmenu-home.gif); width:50px; }
ul#headmenu li#contact { background:url(../images/headmenu-contact.gif); width:81px; }
ul#headmenu li#sitemap { background:url(../images/headmenu-sitemap.gif); width:70px; }

/* メニュー　*/
ul#menubox, ul#menubox li, ul#menubox li a {
display:block;
height:20px;
margin:0px;
padding:0px;
}

ul#menubox {
width:800px;
background:url(../images/menu-bg.gif) repeat-x;
}

ul#menubox li {
float:left;
width:100px;

}

ul#menubox li a {
text-indent:-9999px;
}

ul#menubox li#news { background:url(../images/menu-news.gif); }
ul#menubox li#company { background:url(../images/menu-company.gif); }
ul#menubox li#service { background:url(../images/menu-service.gif); }
ul#menubox li#management { background:url(../images/menu-management.gif); }
ul#menubox li#recruit { background:url(../images/menu-recruit.gif); }


/* コンテンツ　*/
#main {
width:800px;
margin:12px 0 0 0;
}

#main #topimage {
width:804px;
margin-left: -2px;
}

#main #topcontents {
width:800px;
}

#main #topcontents h2#title {
width:804px;
height:42px;
text-indent: -9999px;
margin-left: -2px;
}

#main  h2, #main  h3 {
display:block;
}

#main #topcontents h2 a{
display:block;
text-indent: -9999px;
height:24px;
margin:20px 0 0 0;
}


#main #topcontents h3,#main #service h3 {
display:block;
width:auto;
height:auto;
height:25px;
text-indent: 12px;
margin: 20px 0 0 0px;
background:url(../images/h3-titlebg.gif);
}

#main #topcontents .contentbox {
background:#F4F4F4;
margin: 3px 0 0 0;
padding: 10px 14px;
}

#main #topcontents .contentbox li{
display:block;
list-style: none;
padding: 5px;
}

#main #topcontents .contentbox .onecontent {
padding: 10px 0 0 0;
}

#main #topcontents .contentbox .onecontent strong{
border-left:#EE9B26 solid 2px;
padding-left:7px;
font-size:1.1em;
font-weight:bold;
}


/* News */
#main #topcontents #topnews {
float:left;
width:379px;
}

#main #topcontents #topnews h2 a {
background:url(../images/title-s-news.gif) no-repeat;
}

/* Management */
#main #topcontents #topmanagement {
width:400px;
float:right;
}

#main #topcontents #topmanagement h2 a{
background:url(../images/title-s-management.gif) no-repeat;
}

/* Service */
div#service {
clear:both;
width:800px;
}

#service p {
display:block;
margin-top:3px;
}

#service strong a, #service a#pakila, #service a#koushiki {
display:block;
text-indent:-9999px;
margin-top:10px;
}

#service strong a{
background:url(../images/title-s-service.gif) no-repeat;
height:25px;
}

#service .contentbox-l{
float:left;
width:370px;
background:#F4F4F4;
height:180px;
margin: 3px 0;
padding: 3px 15px 15px;
}

#service .contentbox-l a#pakila  {
background:url(../images/service-pakila.gif) no-repeat;
height:25px;
}

#service .contentbox-r{
float:right;
width:370px;
background:#F4F4F4;
height:180px;
margin: 3px 0;
padding: 3px 15px 15px;
}

#service .contentbox-r a#koushiki {
background:url(../images/service-koushiki.gif) no-repeat;
height:25px;
}

/* nav */
#main #nav {
width:770px;
margin:20px 15px;
}

/* Footer */
#footer {
clear:both;
width:800px;
padding:10px 0;
}

#footer #footerimage {
text-indent:-9999px;
display:block;
height:20px;
width:800px;
background:url(../images/footer.gif) no-repeat ;
}