@charset "euc-jp";

/* INDEX
----------------------------------------
	1.Base Element
---------------------------------------- */

/* 1.Base Element
---------------------------------------- */

body {
	margin:0px;
	font-size:13px;
}

#wrapper {
	width: 950px;
	margin: 0 auto 15px auto;
	text-align: left;
}

p {
	margin:0px;
	padding:0px;
}

#topimg {
	clear: both;
	width: 950px;
	height: 315px;
	margin-top:6px;
	background: url(images/topimg.jpg) no-repeat;
}

#topimg p {
	display: none;
}

#site { float: left; }

#site h2 {
	position: absolute;
		left: -9999px;
}

#site_top { margin-top:15px;}
#site_middle { margin-top:20px;}
#site_bottom { margin-top:20px;}

#site01 { padding-left:25px; }
#site02 { padding-left:233px; }
#site03 { padding-left:25px; }
#site04 { padding-left:233px; }


#regist {
	float: right;
	margin-top:178px;
	text-align:right;
	padding-right:110px;
}

table { border:0px }

img { border:0px }
.img{ border: 1px #999999 solid; }

.red { color:#FF0000; }

.nodisp { text-indent: -9999px; }

/* 2.Count
---------------------------------------- */

#count {
	background-color : #181818;
	color:#ffffff;
	padding-right:50px;
	text-align:right;
	padding-top:8px;
	padding-bottom:8px;
}


/* 3.Header
---------------------------------------- */

#header {
	position: relative;
	min-height: 84px;
	border-top: solid 5px #87C2E2;
}

	/* 3-1.
	----------------------------------- */
	#header p {
		padding-top:12px;
		padding-bottom:12px;
		padding-right:50px;
		text-align:right;
		background: url(images/h03.jpg) repeat-x;
	}

	/* 3-2.Site Logo
	---------------------------------- */
	h1 {
		margin:0px;
		width: 950px;
		height: 130px;
		text-indent: -9999px;
	}
	
	h1 a {
		display: block;
		width: 950px;
		height: 130px;
		background: url(images/logo.jpg) no-repeat;
	}
	
	
	
/* 4.Glovalnavi
---------------------------------------- */

#glovalnavi h2 {
	position: absolute;
		left: -9999px;
	width: 10px;
}

#glovalnavi ul {
	margin:0px;
	padding:0px;
}

#glovalnavi li {
	float: left;
	list-style-type:none;
}



#glovalnavi li.menu01 a {
	display: block;
	height: 32px;
	width: 136px;
	background: url(images/m01.jpg) repeat-x;
	text-indent: -9999px;
}

#glovalnavi li.menu01_index a {
	display: block;
	height: 32px;
	width: 136px;
	background: url(images/m01_b.jpg) repeat-x;
	text-indent: -9999px;
}

#glovalnavi li.menu02 a {
	display: block;
	height: 32px;
	width: 102px;
	background: url(images/m02.jpg) repeat-x;
	text-indent: -9999px;
}

#glovalnavi li.menu02_index a {
	display: block;
	height: 32px;
	width: 102px;
	background: url(images/m02_b.jpg) repeat-x;
	text-indent: -9999px;
}

#glovalnavi li.menu03 a {
	display: block;
	height: 32px;
	width: 152px;
	background: url(images/m03.jpg) repeat-x;
	text-indent: -9999px;
}

#glovalnavi li.menu03_index a {
	display: block;
	height: 32px;
	width: 152px;
	background: url(images/m03_b.jpg) repeat-x;
	text-indent: -9999px;
}

#glovalnavi li.menu04 a {
	display: block;
	height: 32px;
	width: 147px;
	background: url(images/m04.jpg) repeat-x;
	text-indent: -9999px;
}

#glovalnavi li.menu04_index a {
	display: block;
	height: 32px;
	width: 147px;
	background: url(images/m04_b.jpg) repeat-x;
	text-indent: -9999px;
}

#glovalnavi li.menu05 a {
	display: block;
	height: 32px;
	width: 100px;
	background: url(images/m05.jpg) repeat-x;
	text-indent: -9999px;
}

#glovalnavi li.menu05_index a {
	display: block;
	height: 32px;
	width: 100px;
	background: url(images/m05_b.jpg) repeat-x;
	text-indent: -9999px;
}

#glovalnavi li.menu06 a {
	display: block;
	height: 32px;
	width: 118px;
	background: url(images/m06.jpg) repeat-x;
	text-indent: -9999px;
}

#glovalnavi li.menu06_index a {
	display: block;
	height: 32px;
	width: 118px;
	background: url(images/m06_b.jpg) repeat-x;
	text-indent: -9999px;
}

#glovalnavi li.menu07 a {
	display: block;
	height: 32px;
	width: 195px;
	background: url(images/m07.jpg) repeat-x;
	text-indent: -9999px;
}

#glovalnavi li.menu07_index a {
	display: block;
	height: 32px;
	width: 195px;
	background: url(images/m07_b.jpg) repeat-x;
	text-indent: -9999px;
}



#glovalnavi li.menu01 a:hover {
	display: block;
	height: 32px;
	width: 136px;
	background: url(images/m01_b.jpg) repeat-x;
	text-indent: -9999px;
}

#glovalnavi li.menu01_index a:hover {
	display: block;
	height: 32px;
	width: 136px;
	background: url(images/m01_b.jpg) repeat-x;
	text-indent: -9999px;
}

#glovalnavi li.menu02 a:hover {
	display: block;
	height: 32px;
	width: 102px;
	background: url(images/m02_b.jpg) repeat-x;
	text-indent: -9999px;
}

#glovalnavi li.menu02_index a:hover {
	display: block;
	height: 32px;
	width: 102px;
	background: url(images/m02_b.jpg) repeat-x;
	text-indent: -9999px;
}

#glovalnavi li.menu03 a:hover {
	display: block;
	height: 32px;
	width: 152px;
	background: url(images/m03_b.jpg) repeat-x;
	text-indent: -9999px;
}

#glovalnavi li.menu03_index a:hover {
	display: block;
	height: 32px;
	width: 152px;
	background: url(images/m03_b.jpg) repeat-x;
	text-indent: -9999px;
}

#glovalnavi li.menu04 a:hover {
	display: block;
	height: 32px;
	width: 147px;
	background: url(images/m04_b.jpg) repeat-x;
	text-indent: -9999px;
}

#glovalnavi li.menu04_index a:hover {
	display: block;
	height: 32px;
	width: 147px;
	background: url(images/m04_b.jpg) repeat-x;
	text-indent: -9999px;
}

#glovalnavi li.menu05 a:hover {
	display: block;
	height: 32px;
	width: 100px;
	background: url(images/m05_b.jpg) repeat-x;
	text-indent: -9999px;
}

#glovalnavi li.menu05_index a:hover {
	display: block;
	height: 32px;
	width: 100px;
	background: url(images/m05_b.jpg) repeat-x;
	text-indent: -9999px;
}

#glovalnavi li.menu06 a:hover {
	display: block;
	height: 32px;
	width: 118px;
	background: url(images/m06_b.jpg) repeat-x;
	text-indent: -9999px;
}

#glovalnavi li.menu06_index a:hover {
	display: block;
	height: 32px;
	width: 118px;
	background: url(images/m06_b.jpg) repeat-x;
	text-indent: -9999px;
}

#glovalnavi li.menu07 a:hover {
	display: block;
	height: 32px;
	width: 195px;
	background: url(images/m07_b.jpg) repeat-x;
	text-indent: -9999px;
}

#glovalnavi li.menu07_index a:hover {
	display: block;
	height: 32px;
	width: 195px;
	background: url(images/m07_b.jpg) repeat-x;
	text-indent: -9999px;
}

/* 5.Content
---------------------------------------- */

#content {
	line-height: 160%;
}

.content {
	margin-left:91px;
	
}

	/* 5-1.Infomation
	----------------------------------- */
	
	.left {
		width: 356px;
		padding-top:28px;
		padding-right:27px;
		
		line-height: 160%;
	}
	
	#left {
		margin:20px;
	}
	
	#left p {
		margin-bottom:20px;
	}
	
	.right {
		width: 357px;
		padding-top:28px;
		padding-left:26px;
		padding-right:27px;
		line-height: 160%;
	}
	
	.center {
		width: 2px;
		background: url(images/main_line.jpg) repeat-y;
	}
	
	/* 5-2.Setting
	----------------------------------- */
	
	#Setting {
		padding-bottom: 30px;
	}
	
	#Setting ul {
		list-style-type:decimal;
	}
	
	#Setting li {
		margin-bottom: 10px;
	}
	
	#Setting h2 {
		position: absolute;
		text-indent: -9999px;
	}
	
	
	/* 5-3.Attention
	----------------------------------- */
	
	#Attention {
		margin-bottom: 50px;
	}
	
	#Attention li {
		margin-bottom: 10px;
	}
	
	#Attention h2 {
		position: absolute;
		text-indent: -9999px;
	}
	
	
	
	/* 5-4.form
	----------------------------------- */
	
	#form {
		text-align: left;
	}
	
	.th {
		width:100px
	}
	
	.td {
		width:350px
	}
	
	
	/* 5-5.site
	----------------------------------- */
	
	#site_page {
		width:797px;
		margin-left:91px;
		padding:20px;
	}
	
	.site_list {
		width:797px;
		margin-left:91px;
		padding:20px;
	}

	.site_images {
		float: left;
	}
	
	.site_data {
		padding-left:150px;	
	}
	
	.site_url {
		COLOR: #228b22; font-size:14px;
	}




	#infomation h2 {
		width: 356px;
		height: 23px;
		
		text-indent: -9999px;
	}
	
	
	
	/* 5-2.about
	----------------------------------- */
	#about {
		clear: both;
		width: 780px;
		margin-top:6px;
		margin-left:83px;
	}
	
	.menu_left {
		width: 200px;
		padding-top:28px;
		padding-right:27px;
		
		line-height: 200%;
	}
	
	.menu_right {
		width: 514px;
		padding-top:10px;
		padding-left:26px;
		line-height: 130%;
	}
	
	#menu_right {
		padding-top:20px;
		padding-bottom: 30px;
	}
	
	#menu_right p {
		margin-bottom:20px;
	}
	
	#menu_right ul {
		margin-top:0px;
		padding-top:0px;
	}
	
	#about_setting h2 {
		font-size:13px
	}
	
	
	#menu_left {
		margin-left:20px;
	}
	
	#menu_left p {
		margin-bottom:20px;
	}
	
	
	#menu_left ul {
		margin:0px;
		padding:0px;
		list-style-type:none;
	}
	
	#menu_left li {
		padding-bottom:20px;
		background: url(images/menu_left.jpg) no-repeat;
	}
	
	
	
	/* 5-2.bottom
	----------------------------------- */
	#bottom {
		clear: both;
		width: 950px;
		height: 21px;
		background: url(images/main_bottom.jpg) no-repeat;
	}
	
	
	
	

/* 6.Footer
---------------------------------------- */
#footer-navi {
	clear: both;
	padding-top: 5px;
	padding-bottom:15px;
	border-top: solid 1px #CFCFCF;
	background: url(images/f01.jpg) repeat;
	font-size: 13px;
	text-align: center;
	line-height: 160%;
}

#footer {
	clear: both;
	padding: 10px;
	padding-bottom:54px;
	background-color:#000;
	color: #fff;
	text-align: center;
	line-height: 160%;
}

#w3c {
	padding-top:10px;
}

#footer span.company {
	padding-left: 3em;
}
	
	/* 6-1.Link
	----------------------------------- */
	#footer a {
		color: #fff;
		text-decoration: none;
	}
	
	#footer a:hover {
		text-decoration: underline;
	}
	
	/* 6-2.Bottom
	----------------------------------- */
	





.toptitle {
	width : 950px;
	background-color : #F6F5F3;
	
	border-top : 1px solid #CFCFCF;
	border-left : 1px solid #CFCFCF;
	border-right : 0px;
	border-bottom : 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -1px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: -1px;
	padding-left: 0px;
}