@charset "UTF-8";
/* ============================================================

 * http://www.fwinc.co.jp/7d
 
============================================================ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, figure {
	margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: normal;
    font-style: normal;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
	}
header, footer, nav, section, article, figure, aside {
    display:block;
	}
img {
	vertical-align: bottom;
	border: none;
	}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display:block;
	}
table { margin : 0; empty-cells: show;}
li { list-style: none; padding: 0; margin: 0;}
hr { display: none; }

/****************************************

          1.Layout

*****************************************/
* {
	margin: 0;
	padding: 0;
	}
html {
	height: 100%;
	}
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	line-height: 1.6;
	color:#FFF;
	overflow-x: hidden;
	background:#050405 url(../images/background/bg.jpg) no-repeat fixed center top;
	}

a:link { color: #3097dc; }
a:visited { color: #3097dc; text-decoration: underline; }
a:hover { color: #50b4c3; }
a:active { text-decoration: none; }



/****************************************

          1.header

*****************************************/
#header { 
	width: 100%;
	background-color: #050405;
	border-bottom: solid 1px #4b4b4c;
	position: relative; 
	z-index: 10;
	}
#header #headerArea { 
	position: relative; 
	width: 1000px; 
	height: 80px;
	margin: auto;
	}
#headerArea h1 { 
	position: absolute; 
	left: 0; 
	top: 21px; 
	}
#headerArea h2 { 
	position: absolute; 
	left: 165px; 
	top: 18px; 
	}
#headerArea #title { 
	position: absolute; 
	left: 366px; 
	top: 23px; 
	}
#headerArea #topinfo { 
	position: absolute; 
	right: 0; 
	top: 23px; 
	}

/****************************************

          3. Navi

*****************************************/
#nav { 
	width: 100%;
	border-top: solid 1px #4b4b4c;
	position: relative; 
	z-index: 10;
	background:#050405;
	}
#navArea { 
	width: 711px; 
	height: 61px;
	margin: auto; 
	}
#navArea ul {
	padding: 0 ;
	overflow : hidden;
	_zoom:1;
	}
#navArea li {
	float: left;
	}
#navArea li a,
#navArea li span {
	overflow : hidden;
	display: block;
	height: 61px;
	padding-top: 61px;
	height: 0 !important;
	background: url(../images/nav/nav.png) no-repeat;
	}
#navArea li a:hover,
#navArea li .active{
	background: url(../images/nav/nav-on.png) no-repeat;
	}
#navArea li#lnav01 a { background-position: 0 0; width:196px; } 
#navArea li#lnav02 a { background-position: -196px 0; width:158px; } 
#navArea li#lnav03 a { background-position: -354px 0; width:232px; } 
#navArea li#lnav04 a { background-position: -586px 0; width:125px; } 

#navArea li#lnav01 a:hover,
#navArea li#lnav01 .active { background-position: 0 0; } 
#navArea li#lnav02 a:hover,
#navArea li#lnav02 .active { background-position: -196px 0; } 
#navArea li#lnav03 a:hover,
#navArea li#lnav03 .active { background-position: -354px 0; } 
#navArea li#lnav04 a:hover,
#navArea li#lnav04 .active { background-position: -586px 0; } 

/****************************************

          5.footer

*****************************************/
#footer {
	position: relative;
	border-top: solid 1px #4b4b4c;
	width: 100%;
	}
#footerArea { 
	width: 1000px; 
	margin: 40px auto 0; 
	position: relative;
	}
#footerArea #copyright { 
	position: absolute;
	bottom: 5px;
	left: 481px;
	}