/* CSS Document */

@import "toping.css";
@import "contents.css";
@import "style.css";




/* -----------------------------------------------------------------------------------------
基本情報 
----------------------------------------------------------------------------------------- */

html {background:#FFF url(../img/bg_wrap.jpg) bottom repeat-x;}

body {
margin:0;
padding:0;
background:url(../img/bg.jpg) repeat-x top;
text-align:left;
color:#444;
font-size:12px;
line-height:1.5;
}

* {margin:0; padding:0;}

img {border-style:none; border-width:0px; text-decoration:none; vertical-align:bottom;}

a {overflow:hidden;}

a img {border-style:none; border-width:0px; text-decoration:none;}
a:link {color:#444; text-decoration:underline;}
a:visited {color:#444; text-decoration:underline;}
a:hover {color:#090; text-decoration:underline;}


h1,h2,h3 {text-indent:-9999px;}

ul,ol,li {list-style:none;}




/* -----------------------------------------------------------------------------------------
　ヘッダー 
----------------------------------------------------------------------------------------- */

#header {margin:0 auto; width:830px; height:134px; position:relative;}
#header h1 {margin-left:15px; background:url(../img/logo.gif) 0 18px no-repeat;}
#header h1 a {width:385px; height:84px; display:block;}

#head_snavi {height:18px; position:absolute; left:447px; top:60px;}
#head_snavi li {float:left; text-indent:-9999px;}
#head_snavi li.navi1 {background:url(../img/head_snavi.gif) 0 0 no-repeat; width:85px;}
#head_snavi li.navi2 {background:url(../img/head_snavi.gif) -85px 0 no-repeat;width:128px;}
#head_snavi li.navi3 {background:url(../img/head_snavi.gif) -213px 0 no-repeat;width:153px;}

#head_snavi li a {height:18px; display:block;}
#head_snavi li.navi1 a {width:85px;}
#head_snavi li.navi2 a {width:128px;}
#head_snavi li.navi3 a {width:153px;}

#head_snavi li.navi1 a:hover {background:url(../img/head_snavi.gif) 0 -18px no-repeat;}
#head_snavi li.navi2 a:hover {background:url(../img/head_snavi.gif) -85px -18px no-repeat;}
#head_snavi li.navi3 a:hover {background:url(../img/head_snavi.gif) -213px -18px  no-repeat;}


#header a#btn_contact {
background:url(../img/head_contact.jpg) no-repeat;
width:366px;
height:44px;
display:block;
text-indent:-9999px;
position:absolute;
top:10px;
left:449px;
}

#header a#btn_contact:hover {background:url(../img/head_contact.jpg) bottom no-repeat;}

#header h2 {font-size:1px; height:1px; clear:both;}


/* グローバルナビ */

#mainnavi {margin:0 auto; background:url(../img/navi.jpg) no-repeat; width:800px; height:50px;}
#mainnavi li {float:left; text-indent:-9999px;}
#mainnavi li.navi1 {width:197px;}
#mainnavi li.navi2 {width:122px;}
#mainnavi li.navi3 {width:117px;}
#mainnavi li.navi4 {width:151px;}
#mainnavi li.navi5 {width:93px;}
#mainnavi li.navi6 {width:120px;}

#mainnavi li a {height:50px; display:block;}
#mainnavi li.navi1 a {width:197px;}
#mainnavi li.navi2 a {width:122px;}
#mainnavi li.navi3 a {width:117px;}
#mainnavi li.navi4 a {width:151px;}
#mainnavi li.navi5 a {width:93px;}
#mainnavi li.navi6 a {width:120px;}

#mainnavi li.navi1 a:hover {background:url(../img/navi.jpg) 0 -50px no-repeat;}
#mainnavi li.navi2 a:hover {background:url(../img/navi.jpg) -197px -50px no-repeat;}
#mainnavi li.navi3 a:hover {background:url(../img/navi.jpg) -319px -50px no-repeat;}
#mainnavi li.navi4 a:hover {background:url(../img/navi.jpg) -436px -50px no-repeat;}
#mainnavi li.navi5 a:hover {background:url(../img/navi.jpg) -587px -50px no-repeat;}
#mainnavi li.navi6 a:hover {background:url(../img/navi.jpg) -680px -50px no-repeat;}






/* -----------------------------------------------------------------------------------------
　コンテンツ 
----------------------------------------------------------------------------------------- */


#wrap {margin:0 auto; width:800px;}

#left_box {padding-top:30px; width:160px; float:left;}
#right_box {padding-top:10px; width:610px; float:right;}




/* 左側 */

#service_box {margin-bottom:15px; background:url(../img/service_box.jpg) no-repeat; height:220px;}
#company_box {margin-bottom:15px; background:url(../img/company_box.jpg) no-repeat; height:171px;}
#service_box dt,#company_box dt {height:52px; text-indent:-9999px;}
#service_box dd,#company_box dd {padding:0 6px;}
#service_box dd li,#company_box dd li {margin-bottom:5px;}

#useful_box {margin-bottom:15px; background:url(../img/useful_box.jpg) no-repeat; height:182px;}
#useful_box dt {text-indent:-9999px; height:52px;} 
#useful_box dd {padding-left:6px; font-size:11px;}
#useful_box dd p {padding:0 5px 3px 1px; font-size:10px;}



/* 右側 */

#pankuzu {font-size:10px; height:20px;}
#pankuzu li {margin-left:5px; float:right;}
#pankuzu li a {padding-right:12px; background:url(../img/ico_arrow.gif) right 3px no-repeat;}

#contact_box {
padding:61px 0 0 341px;
background:url(../img/contact_box.gif) no-repeat;
width:269px;
height:55px;
text-indent:-9999px;
}

#contact_box a {background:url(../img/contact_btn.jpg) no-repeat; width:246px; height:37px; display:block;}
#contact_box a:hover {background:url(../img/contact_btn.jpg) bottom no-repeat;}


.pagetit {margin-bottom:25px; height:50px; clear:both;}
.midashi {margin-bottom:5px; height:40px; clear:both;}

h4 {
padding:2px 0 0 25px;
background:url(../img/ico_neji.gif) no-repeat;
height:19px;
font-size:14px;
color:#69B51E;
}






/* -----------------------------------------------------------------------------------------
　フッター 
----------------------------------------------------------------------------------------- */


#footer {padding-top:25px; clear:both;}
#footer #f_navi {margin-bottom:23px; text-align:center;}

#footer #f_info {padding-top:13px; height:46px;}
#footer #f_info p {font-size:10px; float:left;}
#footer #f_info a {
background:url(../img/serch_btn.jpg) no-repeat;
width:188px;
height:34px;
display:block;
float:right;
text-indent:-9999px;
}
#footer #f_info a:hover {background:url(../img/serch_btn.jpg) right no-repeat;}

#footer address {background:url(../img/copy.jpg) center bottom no-repeat; height:79px; text-indent:-9999px; clear:both;}