@charset "shift_jis";

/* Standard Elements -------------------- */
* {
margin:0;
padding:0;
}

/* \*/
html {
overflow-y:scroll;
}
/* */

body {
background:#FFF url(../images/bg_water.jpg) no-repeat center top;
font-family: Verdana, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
text-align:center;
margin:0;
padding:0;
}

img {
border:0;
}

address {
font-style:normal;
}

/* Standard Layout -------------------- */
#wrapper {
width:720px;
text-align:left;
margin:0 auto;
}

#header {
width:720px;
margin:35px 0;
padding:0;
}

#navi {
width:720px;
height:34px;
margin:0;
padding:0;
}

#content {
width:668px;
background-color:#FFFFFF;
filter:alpha(opacity=90);/*---------- IE*/
-moz-opacity:0.9;/*---------- Mozilla*/
opacity:0.9;/*---------- modern*/
border-color:#999999;
border-style:none solid solid;
border-width:0 1px 1px;
margin:0;
padding:0 25px 25px 25px;
}

#footer {
width:720px;
text-align:right;
margin-bottom:35px;
padding:0;
}


/* Link Color -------------------- */
a:link { color: #999999; } 
a:visited { color: #999999; }
a:hover { color: #FFCC00; }
a:active { color: #66CCFF; }
a { text-decoration: none; }


/* List -------------------- */
ul, li {
margin:0;
padding:0;
}


/* Navigation -------------------- */
#navi ul {
margin:0;
padding:0;
}

#navi li {
display:inline;
list-style-type:none;
margin:0;
padding:0;
}

#navi li a {
display:block;
position:relative;
float:left;
width:120px;
height:34px;
font-size:12px;
line-heigth:1;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
/*\*//*/
 overflow:auto;
/**/
}

#navi li.home a {
background:url(../images/navi.gif) no-repeat 0 0;
}

#navi li.works a {
background:url(../images/navi.gif) no-repeat -120px 0;
}

#navi li.staff a {
background:url(../images/navi.gif) no-repeat -240px 0;
}

#navi li.company a {
background:url(../images/navi.gif) no-repeat -360px 0;
}

#navi li.blog a {
background:url(../images/navi.gif) no-repeat -480px 0;
}

#navi li.link a {
background:url(../images/navi.gif) no-repeat -600px 0;
}


/* Navigation / hover -------------------- */
#navi li.home a:hover {
background:url(../images/navi.gif) no-repeat 0 -34px;
}

#navi li.works a:hover {
background:url(../images/navi.gif) no-repeat -120px -34px;
}

#navi li.staff a:hover {
background:url(../images/navi.gif) no-repeat -240px -34px;
}

#navi li.company a:hover {
background:url(../images/navi.gif) no-repeat -360px -34px;
}

#navi li.blog a:hover {
background:url(../images/navi.gif) no-repeat -480px -34px;
}

#navi li.link a:hover {
background:url(../images/navi.gif) no-repeat -600px -34px;
}


/* Navigation / active -------------------- */
#navi li.home_on a {
background:url(../images/navi.gif) no-repeat 0 -34px;
}

#navi li.works_on a {
background:url(../images/navi.gif) no-repeat -120px -34px;
}

#navi li.staff_on a {
background:url(../images/navi.gif) no-repeat -240px -34px;
}

#navi li.company_on a {
background:url(../images/navi.gif) no-repeat -360px -34px;
}

#navi li.blog_on a {
background:url(../images/navi.gif) no-repeat -480px -34px;
}

#navi li.link_on a {
background:url(../images/navi.gif) no-repeat -600px -34px;
}


/* Sub Navigation -------------------- */
#subNavi {
float:right;
width:80px;
margin-left:15px;
padding-top:25px;
background-color:transparent;
text-align:right;
}

#subNavi ul, li {
list-style-type:none;
height:80px;
}

#subNavi a {
display:block;
text-decoration:none;
}


/*  Table Lyout -------------------- */
#tableWrapper {
float:left;
width:573px;
margin:0;
padding:0;
}

h2 {
margin:0;
padding-top:25px;
font-family: Verdana, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
font-size:16px;
font-weight:normal;
color:#666666;
text-align:left;
}

h3 {
font-family: Verdana, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
font-size:14px;
font-weight:normal;
color:#666666;
text-align:left;
text-indent:35px;
}

div#tableWrapper div#uc {
width:571px;
margin-top:10px;
padding:0;
border:1px dotted #999999;
}

div#tableWrapper div#frame {
width:571px;
margin-top:10px;
padding:0;
border:1px solid #999999;
}


/* Bottom Navigation -------------------- */
#bottomNavi {
clear:both;
margin:0;
padding:25px 0 25px;
}

#bottomNavi ul {
margin:0;
padding:0;
}

#bottomNavi li {
display:inline;
list-style-type:none;
}

#bottomNavi li a {
display:block;
float:left;
height:24px;
border:none;
font-size:10px;
line-height:1;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
/*\*//*/
 overflow:auto;
/**/
}

#bottomNavi li.home a {
width:71px;
background:url(../images/navi_bottom.gif) no-repeat 0 0;
}

#bottomNavi li.works a {
width:80px;
background:url(../images/navi_bottom.gif) no-repeat -71px 0;
}

#bottomNavi li.staff a {
width:72px;
background:url(../images/navi_bottom.gif) no-repeat -151px 0;
}

#bottomNavi li.company a {
width:174px;
background:url(../images/navi_bottom.gif) no-repeat -223px 0;
}

#bottomNavi li.blog a {
width:67px;
background:url(../images/navi_bottom.gif) no-repeat -397px 0;
}

#bottomNavi li.link a {
width:94px;
background:url(../images/navi_bottom.gif) no-repeat -464px 0;
}

#bottomNavi li.return a {
width:110px;
background:url(../images/navi_bottom.gif) no-repeat -558px 0;
}


/* Bottom Navigation / hover -------------------- */
#bottomNavi li.home a:hover {
background:url(../images/navi_bottom.gif) no-repeat 0 -24px;
}

#bottomNavi li.works a:hover {
background:url(../images/navi_bottom.gif) no-repeat -71px -24px;
}

#bottomNavi li.staff a:hover {
background:url(../images/navi_bottom.gif) no-repeat -151px -24px;
}

#bottomNavi li.company a:hover {
background:url(../images/navi_bottom.gif) no-repeat -223px -24px;
}

#bottomNavi li.blog a:hover {
background:url(../images/navi_bottom.gif) no-repeat -397px -24px;
}

#bottomNavi li.link a:hover {
background:url(../images/navi_bottom.gif) no-repeat -464px -24px;
}

#bottomNavi li.return a:hover {
background:url(../images/navi_bottom.gif) no-repeat -558px -24px;
}