@charset "utf-8";

/* BODY
---------------------------------------------*/

html {
	background-color: #000;
	width: 100%;
	height: 100%;}

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%;
	font-weight: normal;
	list-style: none;}

body {
        text-align: center;
        font-family: Verdana,"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
	color: #fff;
	font-size: 12px;
	padding-bottom: 25px;}

input, select {padding: 1px;}

img {
	vertical-align: bottom;
	border: none;}

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

a:hover { color: #c66;}

em,address {font-style: normal;}

strong {font-weight: bold;}

p {line-height: 2em;}

.clear {clear: both;}

/* ALL
---------------------------------------------*/

#all {
	width: 916px;
        margin: 0 auto;
        text-align: left;
	letter-spacing: 0.05em;}

#sec {
	background: url(../img/bg_secbody.jpg) left top repeat-x;}

/* HEADER
---------------------------------------------*/

#sec #header {
	height: 373px; 
	background: url(../img/bg_secheader.jpg) right top no-repeat;}

#sec #header h1 { float: left; }

#logo {}

#snavi {
	margin-top: 12px;}

#snavi li {
	float: left;
	margin: 0 0 5px 17px;
	text-indent: -9999px;}

#snavi li a {
	display: block;
	overflow: hidden;
	height:0 !important;
	height /**/: 29px;
	padding-top: 29px;
	background-image: url(../img/navi.gif);}

.snavi01 a {width: 177px; background-position: 0 0;}
.snavi02 a {width: 166px; background-position: 0 -29px;}
.snavi03 a {width: 177px; background-position: 0 -58px;}
.snavi04 a {width: 166px; background-position: 0 -87px;}
.snavi05 a {width: 177px; background-position: 0 -116px;}
.snavi06 a {width: 166px; background-position: 0 -145px;}
.snavi07 a {width: 148px; background-position: 0 -174px;}
.snavi08 a {width: 188px; background-position: 0 -203px;}
.snavi09 a {width: 148px; background-position: 0 -232px;}
.snavi10 a {width: 188px; background-position: 0 -261px;}
.snavi11 a {width: 148px; background-position: 0 -290px;}

.snavi01 a:hover {background-position: -190px 0;}
.snavi02 a:hover {background-position: -190px -29px;}
.snavi03 a:hover {background-position: -190px -58px;}
.snavi04 a:hover {background-position: -190px -87px;}
.snavi05 a:hover {background-position: -190px -116px;}
.snavi06 a:hover {background-position: -190px -145px;}
.snavi07 a:hover {background-position: -190px -174px;}
.snavi08 a:hover {background-position: -190px -203px;}
.snavi09 a:hover {background-position: -190px -232px;}
.snavi10 a:hover {background-position: -190px -261px;}
.snavi11 a:hover {background-position: -190px -290px;}


/* CONTENTS
---------------------------------------------*/

#contents {
	clear: both;
	letter-spacing: 0.05em;}

/* MAIN
---------------------------------------------*/

#main {
	clear: both;}

/* FOOTER
---------------------------------------------*/
#footer {
	clear: both;
	margin-top: 30px;
	text-align: center;
	letter-spacing: 0.05em;}

.footadd {
	line-height: 3em;
	background-color: #333;}

.footnavi {
	padding: 1px 0 3px 0;
	background-color: #666;}


.footnavi ul li {
	display: inline;
	line-height: 1.4em;
	font-size: 10px;}

.footnavi ul li a {
	color: #e6e6e6;
	margin: 0 2px;}

.footnavi ul li a:hover {
	color: #fff;
	text-decoration: underline;}

#copy {
	font-size: 10px;
	color: #999;
	padding-top: 10px;}

#mdc {
	margin: -20px 0 0 700px;}


/* CLEARFIX
---------------------------------------------*/

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

.clearfix{ display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* INFO
---------------------------------------------*/

#glayLayer {
    display: none;
    position: fixed;
    left: 0;
    top: 373px;
    height: 100%;
    width: 100%;
    background: black;
	filter: alpha(opacity=90);
	-moz-opacity:0.90;
	opacity:0.90;
}

#overLayer {
    position: fixed;
    top: 50%;
    left: 50%;
	width: 440px;
	height: 150px;
    margin-top: -55px;
    margin-left: -220px;
    padding-top: 45px;
}

#overLayer img.infomsg {
	display: block;
	margin: 0 auto 25px auto;
		width: 440px;
		height: 106px;
}

#overLayer img.close {
	display: block;
	width: 163px;
	height: 15px;
	margin-left: auto;
	margin-right: auto;
    cursor: pointer;
}