@charset "utf-8";

/* base.css */
html {font-size:100%;}

a {
	text-decoration: none;
	border: 0;
	outline:none;
	}
a:link, a:visited {
	color:#333;
	text-decoration:none;
	}
a:hover {
	color:#999;
	text-decoration:underline;
	}

body {
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Verdana, Arial, sans-serif;
	color: #333333;
	line-height: 1.6;
	margin:0;
	padding:0;
	}
*html body {
	font-family:'ＭＳ Ｐゴシック',sans-serif;
	}



/**************************************************
 * header 
***************************************************/
#header_wrap {
	width: 100%;
	margin: 0 0 8px;
	padding:15px 0 5px;
	background:url(../img/header_bg.png) center bottom no-repeat;
	border-top:4px solid #014F9D;
	position:fixed!important;
	position:absolute;
	left:0;
	top:0;
	z-index:25;
	}

#top_header_wrap {
	width: 100%;
	margin: 0 0 8px;
	padding:15px 0 5px;
	background:url(../img/header_bg.png) center bottom no-repeat;
	border-top:4px solid #014F9D;
	z-index:25;
	}
	
#header {
	width: 980px;
	margin: 0 auto;
	padding:0 0 6px;
	position:relative;
	}
#header h1 {
	margin:0 0 10px 15px;
	padding:3px 0 0;
	}
#navi {
	position:absolute;
	right:0;
	top:8px;
	width:748px;
	}
#navi li{
	float:left;
	}

/**************************************************
 * main
***************************************************/
#container {
	width: 980px;
	margin:90px auto 0!important;
	}
#contents {
	width: 730px;
	margin: 0 0 20px;
	padding:0 0 0 22px;
	float: left;
	}
#contents a:link, #contents a:visited {
	color:#013E7A;
	text-decoration:underline;
}
#contents a:hover {
	color:#F60;
	text-decoration:underline;
}
#pagetop {
	text-align:right;
	margin:20px 0 0 0;
}
/**************************************************
 * side
***************************************************/
#side_wrap {
	width: 228px;
	margin: 0 0 20px;
	float: left;
	font-size:12px;
	}
*:first-child+html #side_wrap {
	margin-top:100px;
}
#side {
	width: 228px;
	background:url(../img/side_bg.jpg) repeat;
	padding: 28px 0 20px;
	font-size:12px;
	}
#side li a:link, #side li a:visited {
	padding:10px 0;
	}
#side h2 {
	margin:0 0 28px;
	text-align:center;
}
#side .menuwrap {
	width:210px;
	margin:0 auto;
	padding:23px 0 0 0;
	background:url(../img/sidemenu_up.png) left top no-repeat;
}
#side .menu_in {
	padding:0 0 25px;
	background:url(../img/sidemenu_btm.png) left bottom no-repeat;
}
#side .menu {
	width:170px;
	margin:0 auto;
	padding:0 15px;
	background:url(../img/sidemenu_bg.png) left top repeat-y;
}

#side .menu dl dd a {
	padding:5px 7px 5px 16px;
	display:block;
	border-bottom:1px solid #436587;
	border-top:1px solid #5C82BA;
}
#side .menu dl dd a:link, #side dl dd a:visited {
	color:#fff;
	background:url(../img/sidemenu_list.png) left top no-repeat;
}
#side .menu dl dd a:hover{
	color:#FBCD3F;
	text-decoration:none;
	background:url(../img/sidemenu_list.png) left -73px no-repeat;
}
#side .menu dl dd a.active{
	color:#FBCD3F;
	text-decoration:none;
	background:url(../img/sidemenu_list.png) left -73px no-repeat;
}

#side .menu dl dt {
	padding:10px 0 0 0;
}
#side .menu ul li {
	margin:10px 0 0;
}
#side .menu ul li.first {
	margin-top:0;
}
#side .menu ul li a {
	_zoom:1;
	_margin:0;
	_padding:0;
}
#side_wrap ul.side_bn li{
	margin:15px 0 0 0;
}
/**************************************************
 * footer
***************************************************/
#footer {
	width:980px;
	margin:0 auto;
	padding:5px 0;
	text-align:center;
	color:#fff;
}
.ft {
	padding:20px 0 10px;
	background:url(../img/ft_bg.png) left bottom no-repeat;
	font-size:86%;
}
.ft p.link {
	margin:0 0 20px;
}
.ft p.link a:link, .ft p.link a:visited {
	color:#fff;
	text-decoration:underline;
}
.ft p.link a:hover {
	color:#FBCD3F;
	text-decoration:underline;
}
.copy{
	width:980px;
	padding:5px 0;
	font-size:72%;
	color:#666;
}


#gotop {
	position: fixed;
	bottom: 40px;
	right: 20px;
	font-size: 77%;
	
}
#gotop a {
	background: #507AA4;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 10px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#gotop a:hover {
	text-decoration: none;
	background: #97B0C8;
	color:#014F9D;
}

/*.fixed {
	position:fixed!important;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:20;
	background:#fafafa;
	}*/
.fixed #navi {
	border:none;
	}
.fixed ul {
	margin:0 auto;
	}

.bread {
	margin:0 0 15px;
	font-size:86%;
}
*:first-child+html .bread {
	margin-top:100px;
}