@charset "utf-8";

@import "reset.css";
@import "base.css";

/* ===================================================================

 file name  : tsudoi.css

 style info : common

=================================================================== */

/* tags
--------------------------------------------------------------------*/

body{
background:url(../img/bg_header.gif) top left #1b1b1b repeat-x;
}

h1{
width:825px;
margin:4px auto 0 auto;
line-height:31px;
background:url(../img/tel.gif) 100% 3px no-repeat;
}

/* header
--------------------------------------------------------------------*/

#header{
position:relative;
width:825px;
height:128px;
margin:0 auto 3px auto;
background-color:#fff;
overflow:hidden;
}

/*--- logo ---*/

#header h2{
width:322px;
height:34px;
}
#header h2 a{
display:block;
width:322px;
height:34px;
position:relative;
}
#header h2 a img{
position:absolute;
left:0;
top:0;
}

/*--- menu ---*/

#menu{
position:absolute;
top:48px;
}
#menu li{
float:left;
background:url(../img/menu_separate.gif) top right no-repeat;
padding-right:2px;
}

/*--- navi ---*/

#header .navi{
position:absolute;
top:4px;
right:0;
}
#header .navi li{
float:left;
}

/*--- pan ---*/

#header .pan{
clear:both;
margin-top:61px;
}
#header .pan li{
display:inline;
font-size:80%;
line-height:34px;
}
#header .pan li a{
background:url(../img/icon_pan.gif) right center no-repeat;
padding-right:15px;
margin-right:10px;
font-size:inherit;
}

/* container
--------------------------------------------------------------------*/

#container{
clear:both;
width:825px;
margin:0 auto;
}

/* main
--------------------------------------------------------------------*/

#main{
width:580px;
float:left;
background-color:#fff;
position:relative;
top:-2px;
z-index:1;
}

.toHead{
margin:30px 1px 0 1px;
height:25px;
background-color:#505050;
text-align:right;
}
.toHead a{
height:25px;
display:block;
}
.toHead img{
margin-top:7px;
margin-right:11px;
}

/* sideMenu
--------------------------------------------------------------------*/

#sideMenu{
width:230px;
float:right;
background-color:#1b1b1b;
}

/*--- submenu ---*/

#sideMenu ul.submenu{
margin-bottom:40px;
}

#sideMenu ul.submenu li{
background:url(../img/submenu_separate.gif) bottom left repeat-x;
min-height:40px;
_height:40px;
}
#sideMenu ul.submenu li a{
display:block;
background:url(../img/icon_submenu.gif) 8px center no-repeat;
padding-left:30px;
color:#fff;
text-decoration:none;
line-height:39px;
}
#sideMenu ul.submenu li a:hover,
#sideMenu ul.submenu li.active a{
background:url(../img/icon_submenu_on.gif) 8px center no-repeat;
background-color:#599d0c;
}

/*--- contents ---*/

#sideMenu ul.contents{
margin-top:12px;
margin-bottom:10px;
}
#sideMenu ul.contents li{
margin-bottom:5px;
}

/*--- office ---*/

#sideMenu ul.office{
margin-bottom:40px;
}
#sideMenu ul.office li{
margin-bottom:5px;
}


/* footer
--------------------------------------------------------------------*/

/*--- footer01 ---*/

#footer01{
clear:both;
height:81px;
border-bottom:2px solid #d2d2d2;
position:relative;
top:-15px;
}

#footer01 .navi{
width:825px;
height:81px;
margin-top:30px;
margin:0 auto;
background:url(../img/bg_footer.gif) right bottom no-repeat;
}

#footer01 ul{
width:440px;
}
#footer01 ul.navi01{
padding-top:28px;
}
#footer01 li{
display:inline;
background:url(../img/bg_footer_separate.gif) right center no-repeat;
padding-right:10px;
margin-right:10px;
}
#footer01 li a{
color:#fff;
font-size:80%;
line-height:2em;
}

/*--- footer02 ---*/

#footer02{
width:825px;
margin:-5px auto 0 auto;
padding-bottom:20px;
}
#footer02 *{
color:#fff;
font-size:80%;
line-height:1.4em;
}