@charset "utf-8";

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

          General Setting

*****************************************/
body {
	color: #000;
	font-size: 14px;
	*font-size: 85%;
	line-height: 1.6em;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	background-image: url(../img/headerbg.png);
	background-repeat: repeat-x;
	background-position: top;
	}


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

		no_script
		regacy
 
*****************************************/
#no_script,
#regacy {
	display:block;
	background-color:#FFCCCC;
	color:#CC0000;
	font-weight:bold;
	clear:both;
	text-align:center;
	line-height:130%;
	padding:10px 0;
}


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

          Typography

*****************************************/
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	}


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

          List

*****************************************/
ol {
	margin: 0 0 0 1.8em;
	padding: 0;
	}


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

          Link

*****************************************/
a {outline: none;}


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

          Utility

*****************************************/
.clearfix {zoom:1;}
	.clearfix:after {
		content: ""; 
		display: block; 
		clear: both;}
		* html .clearfix { height: 1%; }
.clear {clear: both;}


.mb40 {margin-bottom: 40px;}
.mb50 {margin-bottom: 50px;}
.mb60 {margin-bottom: 60px;}
.mb70 {margin-bottom: 70px;}



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

          Layout

*****************************************/
#page {
	background-image: url(../img/topimg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
	
#contents,
.wrap {
	margin: 0 auto;
	width: 963px;
	}

/*
Page Top
*/
.pageTop {
	position: fixed;
	bottom: 80px;
	right: 20px;
	}


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

          Header

*****************************************/
header {
	margin: 0 auto;
	width: 963px;
	height: 90px;
	}
	header h1 {
		width: 480px;
		float: left;
		}
nav {
	text-align: right;
	float: right;
	width: 410px;
	}
	nav ul li {float: left;}
	nav li a:hover {
		opacity: 0.5;
		filter: alpha(opacity=50);
		}
	
.fixed {
	position: fixed;
	top: 0;
	background-image: url(../img/headerbg.png);
	background-repeat: repeat-x;
	background-position: top;
	}


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

          Footer

*****************************************/
footer {
	clear: both;
	padding: 25px 0;
	background-color: #000;
	background-image: url(../img/footerbg.png);
	background-repeat: no-repeat;
	background-position: center top;
	}
.copyright {
	text-align: center;
	font-size: 12px;
	color: #FFF;
	}

/*
topimg
*/
#topimg {
	text-indent: -9000px;
	height: 793px;
	}

/*
lead
*/
#lead {
	background-image: url(../img/btmshadow.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: center;
	padding-bottom: 80px;
	margin-bottom: 80px;
	}

/*
soudan
*/
#soudan {
	width: 750px;
	margin: 0 auto;
	margin-bottom: 80px;
	}
#soudan h2 {text-align: center;}
#soudan table {width: 750px;}
	#soudan table + table {margin-top: 20px;}
#soudan thead {
	background-color: #F3F3F3;
	text-align: center;
	font-weight: bold;
	}
#soudan th,
#soudan td {
	padding: 10px;
	border: solid 1px #999999;
	}
#soudan th {
	text-align: left;
	vertical-align: middle;
	}
#soudan tr:hover { background-color: #F5F5F5; }

/*
contact
*/
#contact {
	text-align: center;
	margin-bottom: 80px;
	}

#lead, #soudan, #contact {padding-top: 10px;}