@charset "utf-8";

/*=========================================
SETTING
===========================================*/

body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin: 0;
padding: 0;
font-size: 100%;
list-style: none;
}

html {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}

body {
color: #999999;
font-size: 75%;
font-family: "メイリオ","meiryo",Verdana,"Hiragino Kaku Gothic Pro W3","MS UI Gothic";
text-align:center;
background-color: #000000;
height: auto;
}

img {
border: none;}

a   {
color:#999999;
text-decoration: none;
border-style : none ;
}

a:hover {
color: #ffffff;
text-decoration: underline;
border-style : none ;
}

em,address {}

strong {font-weight: bold;}

.clear {clear: both;}

table {
color:#999999;
font-family: "メイリオ","meiryo",Verdana,"Hiragino Kaku Gothic Pro W3","MS UI Gothic";
font-size:12px;
line-height:130%;
}

td{
font-family: "メイリオ","meiryo",Verdana,"Hiragino Kaku Gothic Pro W3","MS UI Gothic";
font-size:12px;
line-height:130%;
}

th{
font-family: "メイリオ","meiryo",Verdana,"Hiragino Kaku Gothic Pro W3","MS UI Gothic";
font-size:12px;
line-height:130%;
font-weight:bold;
text-align:center;
}

.tbl table {
border-collapse:collapse;
margin:30px 0 20px 0;
width:100%;
}

.tbl td {
border:1px solid #222;
padding:10px;
}

.tbl th {
background-color:#111111;
border: 1px solid #222;
padding:10px;
}

.float{
float:right;
margin:0 0 20px 20px;
}


/*=========================================
	LEFT FIXED
===========================================*/

#fix {
	height: 1200px;
	width: 50px;
	margin: 0;
	position: fixed;
	left: 50%;
	top: 0px;
	z-index: 10px;
}

#fix2 {
	height: 50px;
	width: 50px;
	margin: 0;
	position: relative;
}

/*=========================================
	guidance
===========================================*/

#guidance {
	height: 1000px;
	width: 380px;
	margin-left: 100px;
	text-align: left;
	float: left;
}

*html #guidance {
	height: 1000px;
	width: 380px;
	margin-left: 50px;
	text-align: left;
	float: left;
}


#logo{
	height: 60px;
	width: 206px;
	margin-top: 36px;
}

#h01{
	height: 1000px;
	width: 60px;
	float: right;
}


/*=========================================
	FOOTER
===========================================*/

#fix3 {
	height: 50px;
	width: 50px;
	margin: 0;
	position: fixed;
	left: 50%;
	bottom: 0px;
	z-index: 50px;
}

#fix4 {
	height: 50px;
	width: 50px;
	margin: 0;
	position: relative;
}

#vusido {
	height: 108px;
	width: 28px;
	position: absolute;
	left: -480px;
	bottom: 50px;
	z-index: 200;
}

*html #vusido {
	height: 108px;
	width: 28px;
	position: absolute;
	left: -480px;
	bottom: 100px;
}

#copyright {
	height: 233px;
	width: 12px;
	position: absolute;
	left: -440px;
	bottom: 50px;
}

*html #copyright {
	height: 233px;
	width: 12px;
	position: absolute;
	left: -440px;
	bottom: 100px;
}

/*=========================================
	NAVI
===========================================*/

#navi{
	width: 130px;
	margin-left: 35px ;
	margin-top: 30px;
}


#navi li {
margin: 0;
}


#navi li a {
display: block;
text-indent: -9999px;
cursor: pointer;
}

#navi a:link img{
visibility : visible ;
border-style : none ;
}

#navi a:visited img{
visibility : hidden ;
border-style : none ;
}

#navi a:hover img{
visibility : hidden ;
border-style : none ;
}

#navi a:active img{
visibility : hidden ;
border-style : none ;
}

/* navi01
---------------------------------------------*/
.navi01 {
width : 130px ;
height : 30px ;
}

.navi01 a{
display : block ;
width : 130px ;
height : 30px ;
background-repeat : no-repeat ;
background-position : top left ;
}

.navi01 a:link {
	background-image : url(../images_sec/n01-trans.png);
	background-repeat: no-repeat;
}

.navi01 a:visited{
	background-image : url(../images_sec/n01-trans.png);
	background-repeat: no-repeat;
}

.navi01 a:hover{
	background-image : url(../images_sec/n01_on-trans.png);
	background-repeat: no-repeat;
}

.navi01 a:active{
	background-image : url(../images_sec/n01_on-trans.png);
	background-repeat: no-repeat;
}


/* navi02
---------------------------------------------*/
.navi02 {
width : 130px ;
height : 30px ;
}

.navi02 a{
display : block ;
width : 130px ;
height : 30px ;
background-repeat : no-repeat ;
background-position : top left ;
}

.navi02 a:link {
	background-image : url(../images_sec/n02-trans.png);
	background-repeat: no-repeat;
}

.navi02 a:visited{
	background-image : url(../images_sec/n02-trans.png);
	background-repeat: no-repeat;
}

.navi02 a:hover{
	background-image : url(../images_sec/n02_on-trans.png);
	background-repeat: no-repeat;
}

.navi02 a:active{
	background-image : url(../images_sec/n02_on-trans.png);
	background-repeat: no-repeat;
}


/* navi03
---------------------------------------------*/
.navi03 {
width : 130px ;
height : 30px ;
}

.navi03 a{
display : block ;
width : 130px ;
height : 30px ;
background-repeat : no-repeat ;
background-position : top left ;
}

.navi03 a:link {
	background-image : url(../images_sec/n03-trans.png);
	background-repeat: no-repeat;
}

.navi03 a:visited{
	background-image : url(../images_sec/n03-trans.png);
	background-repeat: no-repeat;
}

.navi03 a:hover{
	background-image : url(../images_sec/n03_on-trans.png);
	background-repeat: no-repeat;
}

.navi03 a:active{
	background-image : url(../images_sec/n03_on-trans.png);
	background-repeat: no-repeat;
}

/* navi04
---------------------------------------------*/
.navi04 {
width : 130px ;
height : 30px ;
}

.navi04 a{
display : block ;
width : 130px ;
height : 30px ;
background-repeat : no-repeat ;
background-position : top left ;
}

.navi04 a:link {
	background-image : url(../images_sec/n04-trans.png);
	background-repeat: no-repeat;
}

.navi04 a:visited{
	background-image : url(../images_sec/n04-trans.png);
	background-repeat: no-repeat;
}

.navi04 a:hover{
	background-image : url(../images_sec/n04_on-trans.png);
	background-repeat: no-repeat;
}

.navi04 a:active{
	background-image : url(../images_sec/n04_on-trans.png);
	background-repeat: no-repeat;
}

/* navi05
---------------------------------------------*/
.navi05 {
width : 130px ;
height : 30px ;
}

.navi05 a{
display : block ;
width : 130px ;
height : 30px ;
background-repeat : no-repeat ;
background-position : top left ;
}

.navi05 a:link {
	background-image : url(../images_sec/n05-trans.png);
	background-repeat: no-repeat;
}

.navi05 a:visited{
	background-image : url(../images_sec/n05-trans.png);
	background-repeat: no-repeat;
}

.navi05 a:hover{
	background-image : url(../images_sec/n05_on-trans.png);
	background-repeat: no-repeat;
}

.navi05 a:active{
	background-image : url(../images_sec/n05_on-trans.png);
	background-repeat: no-repeat;
}

/* navi06
---------------------------------------------*/
.navi06 {
width : 130px ;
height : 30px ;
}

.navi06 a{
display : block ;
width : 130px ;
height : 30px ;
background-repeat : no-repeat ;
background-position : top left ;
}

.navi06 a:link {
	background-image : url(../images_sec/n06-trans.png);
	background-repeat: no-repeat;
}

.navi06 a:visited{
	background-image : url(../images_sec/n06-trans.png);
	background-repeat: no-repeat;
}

.navi06 a:hover{
	background-image : url(../images_sec/n06_on-trans.png);
	background-repeat: no-repeat;
}

.navi06 a:active{
	background-image : url(../images_sec/n06_on-trans.png);
	background-repeat: no-repeat;
}


/*-------------------------------------------------------
fn
-------------------------------------------------------*/
#fn{
	width: 54px;
	margin-left: 35px;
	margin-top: 30px;
}

#fn li {
margin-bottom: 5px;
}

*html #fn li {
margin-bottom: 3px;
}


#fn li a {
display: block;
text-indent: -9999px;
cursor: pointer;
width : 54px ;
height : 16px ;
background-repeat : no-repeat ;
background-position : top left ;
}

#fn a:link img{
visibility : visible ;
border-style : none ;
}

#fn a:visited img{
visibility : hidden ;
border-style : none ;
}

#fn a:hover img{
visibility : hidden ;
border-style : none ;
}

#fn a:active img{
visibility : hidden ;
border-style : none ;
}

/* fn01
---------------------------------------------*/
.fn01 {
width : 54px ;
height : 16px ;
}

.fn01 a:link {
	background-image : url(../images_sec/fn01-trans.png);
}

.fn01 a:visited{
	background-image : url(../images_sec/fn01-trans.png);
}

.fn01 a:hover{
	background-image : url(../images_sec/fn01_ov-trans.png);
}

.fn01 a:active{
	background-image : url(../images_sec/fn01_ov-trans.png);
}

/* fn02
---------------------------------------------*/
.fn02 {
width : 54px ;
height : 16px ;
}

.fn02 a:link {
	background-image : url(../images_sec/fn02-trans.png);
}

.fn02 a:visited{
	background-image : url(../images_sec/fn02-trans.png);
}

.fn02 a:hover{
	background-image : url(../images_sec/fn02_ov-trans.png);
}

.fn02 a:active{
	background-image : url(../images_sec/fn02_ov-trans.png);
}

/* fn03
---------------------------------------------*/
.fn03 {
width : 54px ;
height : 16px ;
}

.fn03 a:link {
	background-image : url(../images_sec/fn03-trans.png);
}

.fn03 a:visited{
	background-image : url(../images_sec/fn03-trans.png);
}

.fn03 a:hover{
	background-image : url(../images_sec/fn03_ov-trans.png);
}

.fn03 a:active{
	background-image : url(../images_sec/fn03_ov-trans.png);
}