@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	border: none;
}

body{
	font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
	font-size: 12px;
	background:#fff url(../img/bg.jpg) fixed no-repeat top center;
	color:#000;
	line-height:1.5;
	text-align:center
}

#container{
	position:relative;
	width:1000px;
	margin:16px auto 0 auto;
	text-align:left;
	background-color:#fff;
}

#header {
	position:relative;
	margin:0 auto;
	width:1000px;
	height:159px;
	background:#fff url(../img/head_bg.jpg) repeat-x;
}

#header h1 a{
	position:absolute;
	top:10px;
	left:5px;
	display:block;
	width:307px;
	height:60px;
	background:url(../img/logo.gif) no-repeat;
}

#header h1 span{
	display:none;
}

#header #mailmagagine_btn{
	position:absolute;
	top:10px;
	left:760px;
}

#menu{
	position:absolute;
	top:78px;
	left:0px;
	z-index:1;
}

/* Basic code - don't modify */
#nav {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
}
#nav li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
}
#nav a {
	display: block;
	color:#fff;
	text-decoration:none;
}
#nav ul {
	display: none;
	position: absolute;
	left: 0;
	margin: 0;
	padding: 0;
}
* html #nav ul {
	line-height: 0;
} /* IE6 "fix" */
#nav ul a {
	zoom: 1;
} /* IE6/7 fix */
#nav ul li {
	float: none;
}
#nav ul ul {
	top: 0;
}

/* Essentials - configure this */
#nav ul {
	width: 125px;
}
#nav ul ul {
	left: 125px;
}

/* Everything else is theming */

#nav {
	height: 48px;
}
#nav span{
	font-size:10px;
	padding:10px 5px;
	_padding:15px 5px;
	display: block;
}

#nav *:hover {
	background-color: none;
}
#nav li.hover a {
	background-color:#131F2D;
}
#nav ul {
	top: 48px;
}
#nav ul li a {
	background-color: #131F2D;
}
#nav ul a.hover {
	background-color: #1F7EAC;
}
#nav ul a {
	border-bottom: 1px solid #000;
	border-right: none;
	opacity: 0.9;
	filter: alpha(opacity=90);
}
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */


#topic_path{
	position:absolute;
	top:135px;
	left:10px;
	font-size: 11px;
	color:#fff;
}
#topic_path a{
	text-decoration: none;
	color:#148DC7;
}

#foot_link{
	clear: both;
	width:100%;
	height:30px;
	line-height:30px;
	background-color: #e3e5ec;
	color:#ccc;
	font-size: 11px;
}
#foot_link ul {
	text-align: center;
}

#foot_link li {
	list-style:none;
	display:inline;
	padding:0 2px;
}
#foot_link a {
	color:#333;
	text-decoration: none;
}


#footer{
	background-color:#1F2D52;
}

#copy{
	width:1000px;
	height:25px;
    margin: 0 auto;
	background-color:#38466b;
	color:#1F2D52;
	font-weight:bold;
	line-height:25px;
	font-family:Arial, Helvetica, sans-serif;
	text-align: center;
}

.page_top{
	margin:20px 0 50px 0;
	text-align: right;
}

.clear{
	clear: both;
}

.absmiddle{
	vertical-align:middle;
}

.hr{
	background-image:url(../img/dot.gif);
	background-repeat:repeat-x;
	height:1px;
	margin-top:6px;
	margin-bottom:6px;
}

.color1{
	color:#ff0000;
}

.color2{
	color:#336699;
}

.color3{
	color:#009933;
}

.size11{
	font-size:11px;
}

.b{
	font-weight: bold;
}

.textCenter{
	text-align: center;
}

.textRight{
	text-align: right;
}

.textLeft{
	text-align: left;
}

@media screen {
	div#preloader { 
		position: absolute; 
		left: -9999px; 
		top: -9999px; 
	} 
	div#preloader img { 
		display: block; 
	}
}
@media print { 
	div#preloader, 
	div#preloader img { 
		visibility: hidden; 
		display: none; 
	}
}