@charset "utf-8";

/*----------------------------------------------------------------------
 #wrapper
----------------------------------------------------------------------*/

#wrapper {
	margin: 0 auto;
	width: 100%;
	text-align: center;
}

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

html>/**/body #wrapper:after {
	content /*\**/: "";  /*for Win IE8*/
}

/*----------------------------------------------------------------------
 #header
----------------------------------------------------------------------*/

#header {
	background:url(../img/logo.jpg) no-repeat left top;
	height:100px;
	width:800px;
	margin-right: auto;
	margin-left: auto;
}

/* #logo
----------------------------------------------------------------------*/

/*#header #top { display:inline; float:left; margin-left:13px; width:586px; }*/

/* #navi_top
----------------------------------------------------------------------*/

#header #navi_top {
	float:left;
	margin:53px 0 0 113px;
	width:40px;
}

* html #header #navi_top {
	margin-top:48px;
} /* for Win:IE6 */

*:first-child+html #header #navi_top {
	margin-top:48px;
} /* for Win:IE7 */

/*----------------------------------------------------------------------
 #contents
----------------------------------------------------------------------*/

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

html>/**/body #contents:after {
	content /*\**/: "";  /*for Win IE8*/
}

#contents {
	clear:both;
	min-height:1%;
}

#contents {
	width:800px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-bottom: 10px;
}

/* #snavi
----------------------------------------------------------------------*/

#contents ul#snavi {
	background:#FFF;
	float:left;
	line-height:0;
	margin-right:20px;
	width:160px;
	margin-top: 13px;
}

* html #contents ul#snavi {
	margin-right:5px;
} /* for Win:IE6 */

#snavi #m1, #snavi #m2, #snavi #m3 {
	line-height:1.4;
}

#snavi #m1, #snavi #m2, #snavi #m3 {
	position: relative;
	z-index: 2;
}

#snavi #m1 #menu1 {
	border: 1px solid #CCCCCC;
	left: 160px;
	margin-top: 0;
	position: absolute;
	top: -200px;
	visibility: hidden;
	width: 210px;
	font-size:95%;
	padding: 1px;
	background: #f1f6fa;
}

#snavi #m2 #menu2 {
	border: 1px solid #CCCCCC;
	left: 160px;
	margin-top: 0;
	position: absolute;
	top: -6px;
	visibility: hidden;
	width: 210px;
	font-size:95%;
	padding: 1px;
	background: #f1f6fa;
}

#snavi #m3 #menu3 {
	border: 1px solid #CCCCCC;
	left: 160px;
	margin-top: 0;
	position: absolute;
	top: -70px;
	visibility: hidden;
	width: 210px;
	font-size:95%;
	padding: 1px;
	background: #f1f6fa;
}

#snavi #m1 #menu1 li a, #snavi #m2 #menu2 li a, #snavi #m3 #menu3 li a {
	text-decoration:none;
	color:#444;
	background: #f1f6fa url(../img/arrow02.gif) no-repeat 2px center;
	display: block;
	padding: 3px 2px 3px 10px;
}

#snavi #m1 #menu1 li a.on, #snavi #m2 #menu2 li a.on, #snavi #m3 #menu3 li a.on {
	text-decoration:none;
	color:#c1d8ea !important;
}

#snavi #m1 #menu1 li a:visited, #snavi #m2 #menu2 li a:visited, #snavi #m3 #menu3 li a:visited {
	text-decoration:none;
	color:#444;
}

#snavi #m1 #menu1 li a:hover, #snavi #m2 #menu2 li a:hover, #snavi #m3 #menu3 li a:hover {
	background-color: #c1d8ea;
	color:#444;
}

/* #main
----------------------------------------------------------------------*/

#contents #main {
	display:inline;
	float:left;
	margin-left:13px;
	width:590px;
	padding-top: 8px;
	padding-bottom: 0;
}

/*#main h1, #main h2 {
	margin-bottom: 13px;
}*/

/* totop */

.totop {
	padding-top:10px;
	margin-bottom:15px;
	text-align: right;
}

.totop a {
	-moz-opacity: 0.70;
	opacity: 0.70;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	filter:alpha(opacity=70);
}

.totop a:hover {
	-moz-opacity: 1;
	opacity: 11;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	filter:alpha(opacity=100);
}

/* to_pre */

.to_pre {
	text-align:center;
}

.to_pre a {
	padding-left:10px;
	margin-bottom:15px;
	background:url(../img/arrow04.gif) no-repeat 0 6px;
}


/*----------------------------------------------------------------------
 #footer
----------------------------------------------------------------------*/

#footerwrap {
	width: 100%;
}

#footer {
	clear:both;
	height:30px;
	width:780px;
	border-top: 1px solid #B7B7B7;
	margin-right: auto;
	margin-left: auto;
	background: url(../img/bg.gif);
	text-align: right;
	font-size: 90%;
	padding-top: 15px;
	padding-right: 20px;
}