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

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

   layout setting 

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

body{
background:#fff;
font-size:12px;
line-height:2;
letter-spacing:0.04em;
font-family:"¥á¥¤¥ê¥ª", Meiryo,"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
color:#000;
}

a{
text-decoration:none;
color:#000;
}

a:hover{
text-decoration:underline;
}

.clearfix:after {
content: ".";  
display: block; 
clear: both;
height: 0;
visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}

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

  wrapper

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

#wrapper{
width:984px;
margin:0 auto;
position:relative;
}

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

   header

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

#header{
height:102px;
border-bottom:1px #7c8186 solid;
position:relative;
}

#header #headerLogo{
position:absolute;
top:24px;
left:25px;
}

#header ul#gNavi{
position:absolute;
top:74px;
right:23px;
}

#header ul#gNavi li{
width:114px;
float:left;
}

#header ul#gNavi li a{
width:114px;
height:23px;
display:block;
}

#header ul#gNavi li a:hover{
/*border-bottom:5px #00834d solid;*/
}

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

   leftNavi

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

#leftNavi{
padding-left:10px;
position:fixed;
top:138px;
}

#leftNavi h1{
padding:0 0 35px 15px;
}

#leftNavi ul{
border-top:1px #7d7d7d dotted;
}

#leftNavi li{
width:235px;
padding:12px 0 12px 15px;
border-bottom:1px #7d7d7d dotted;
letter-spacing:0.2em;
line-height:1;
}

#leftNavi li a:hover,
#leftNavi li a.on{
color:#7d7d7d;
}

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

   footer

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

#footer{
border-top:1px #008d6f dotted;
padding:12px 0 32px 0;
text-align:center;
}