@charset "utf-8";
/* CSS Document */

body , html {
	height: 100%;
}
#wrapper {
	margin: 0px auto;
	padding: 0px;
	width: 900px;
	height: auto;
}
body {
	margin: 0px;
	padding: 0px;
	background-image:url(../img/other_bg.png);
	background-repeat:repeat-x;
}


#container {
	width: 100%;
	position: relative;
	height: auto !important;
	height: 100%;	
	min-height: 100%;
}

#wrap {
	padding-bottom: 135px;
}

#pagebody {
	width:900px;
	margin:0px auto;
	margin-top:3px;
}
#header {
	width:900px;
	position:relative;
	height:90px;
}

#header h1 {
	margin-top:10px;
}

#header-left {
	width:320px;
	float:left;
}

#header-left p {
	color:#333333;
	font-size:12px;
	padding-top:10px;
}

#header_title {
	width:400px;
	position:absolute;
	left:290px;
	top:55px;
}

#header_title p {
	color:#333333;
	font-size:12px;
}

#header-right {
	width:302px;
	float:right;
}

#main {
	width:900px;
	margin-top: 89px !important;
	margin-top: -6px; /* for only IE6 style */
	position:relative;
}


#content {
	width:870px;
	padding:160px 5px 80px 15px;
	z-index:500;
}

/* IE7のみ適用 */  
*+html body #content {
	width:875px;
	padding:70px 0px 80px 15px;
	z-index:500;
}

#left {
	width:580px;
	float:left;
}

#left h2 {
	background-image:url(../img/midashi_bg.png);
	font-size:14px;
	color:#333333;
	margin-bottom:15px;
	width:548px;
	padding:21px 0px 0px 32px;
	height:30px;
	*height:26px;
	*padding:25px 0px 0px 32px;
}

#right {
	width:270px;
	float:right;
	padding-top:10px;
}

.section {
	width:870px;
}

#right ul {
	width:270px;
	padding:0px;
	margin:0px 0px 20px 0px;
	}

#right ul li {
	width:270px;
	height:44px;
	line-height:0;
	}
	
#right ul li a {
	line-height:normal;
	}

#right ul li.n_first {
	font-size:14px;
	color:#333333;
	background-image:url(../img/sub_navi_bg.png);
	background-repeat:no-repeat;
	list-style-type:none;
	margin:0px;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	vertical-align:top;
	}

/* IE7のみ適用 */  
*+html body #right ul li.n_first {
	font-size:14px;
	color:#333333;
	background-image:url(../img/sub_navi_bg.png);
	background-repeat:no-repeat;
	list-style-type:none;
	display:block;
	margin:0px;
	border-bottom:1px solid #CCCCCC;
	vertical-align:bottom;
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	}

	
#right ul li.n_first a {
	display:block;
	padding:13px 0px 0px 28px;
	_padding:14px 0px 0px 29px;
	height:31px;
	_height:29px;
	}

/* IE7のみ適用 */  
*+html body #right ul li.n_first a {
	display:block;
	padding:15px 0px 0px 28px;
	height:29px;
	}


#right ul li a:link {
	color: #333333;
	text-decoration: underline;
}
#right ul li a:visited {
	text-decoration: underline;
	color: #333333;
}
#right ul li a:hover {
	text-decoration: underline;
	color: #0066FF;
}
#right ul li a:active {
	text-decoration: underline;
	color: #333333;
}
	
p.dirpath {
	font-size:14px;
	color:#333333;
	padding:0px 10px 15px 0px;
}

p.dirpath a:link {
	color: #333333;
	text-decoration: underline;
}
p.dirpath a:visited {
	text-decoration: underline;
	color: #333333;
}
p.dirpath a:hover {
	text-decoration: underline;
	color: #0066FF;
}
p.dirpath a:active {
	text-decoration: underline;
	color: #333333;
}


/* footer */
#footer {
	background-color:#0066cc;
	position: absolute;
	bottom: 0;   
	width: 100%;
	height: 135px;
}

#footer_wrapper {
	margin: 0px auto;
	position:relative;
	width:900px;
}

#footer_bg {
	background-image:url(../img/footer_bg.png);
	width:911px;
	height:164px;
	background-repeat:no-repeat;
	position:absolute;
	left:-5px;
	top:-95px;
	behavior:url(iepngfix.htc);
	z-index:0;
}

#footer_copy {
	width:870px;
	position:absolute;
	left:-5px;
	top:80px;
	z-index:500;
	text-align:center;
}

#footer_comment  {
	width:870px;
	position:absolute;
	left:-5px;
	top:-85px;
	z-index:500;
}

#footer_comment p.footer_explain {
	color:#0066FF;
	font-size:14px;
	text-align:center;
	margin:40px 0px 0px 20px;
	width:870px;
}

#footer_comment p.footer_link {
	color:#333333;
	font-size:12px;
	margin:10px 0px 0px 20px;
	width:870px;
	text-align:center;
}

#footer_comment p.footer_link a:link {
	color: #333333;
	text-decoration: underline;
}

#footer_comment p.footer_link a:visited {
	text-decoration: underline;
	color: #333333;
}

#footer_comment p.footer_link a:hover {
	text-decoration: underline;
	color: #0066FF;
}

#footer_comment p.footer_link a:active {
	text-decoration: underline;
	color: #333333;
}