@charset "utf-8";

html {
	height: 100%;
}
body {
	background: url("../images2/left_bg.png") repeat-y 12px top  #102010;
	font-family: "メイリオ",Meiryo,"MS PGothic","Hiragino Kaku Gothic Pro";
	line-height: 1.4em;
	font-size: 80%;
	margin: 0;
	padding: 0;
	height: 100%;
}

h1,h2.h3,h4,h5,h6,h7 {
	margin: 0;
	padding: 0;
}

h1 {
	width: 220px;
	height: 145px;
}

p {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

ul,li,dl,dt,dd,ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

#wrapper {
	height: 100%;
	position: relative;
}

#left-column {
	width: 220px;
	height: 100%;
	min-height: 100%;
	padding: 0 8px;
	margin: 0;
	background: url("../images2/left_bg.png") repeat-y left top;
	position: absolute;
	left: 12px;
	top: 0px;
}

#copy {
	position: absolute;
	left: 260px;
	top: 3px;
	width: 705px;
	text-align: right;
}

#copy p {
	font-size: 9px;
	line-height: 10px;
	color: #f4f4f4;
}

#right-column {
	position: absolute;
	width: 734px;
	padding: 0;
	margin: 0;
	left: 253px;
	top: 55px;
}

#contents {
	width: 720px;
	padding: 0 7px 12px 7px;
	margin: 0;
	background: url("../images2/contents_bg.png") repeat-y left bottom;
	position: relative;
}

#contents_header {
	width: 720px;
	position: relative;
}

#contents_header h2 {
	width: 710px;
	font-size: 0.1em;
	line-height: 0.1em;
	height: 22px;
	padding: 10px 0 5px 10px;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #ccc;
}

#contents_header div#elv {
	width: 169px;
	height: 23px;
	font-size: 0.1em;
	line-height: 0.1em;
	vertical-align: bottom;
	position: absolute;
	top: 40px;
	margin-left:540px;
}

#contents_header ul {
	margin: 0 0 10px 10px ;
	padding: 10px 0 0 0;
}

#contents_header li {
	font-size: 0.8em;
	line-height: 1.3em;
	display: inline;
	color: #999;
}

#contents_header li a {
	color: #999;
}

#footer {
	width: 720px;
	padding: 0 7px 12px 7px;
	position: relative;
}

#footer #pager {
	width: 720px;
	text-align: right;
	margin: 0 0 10px 0;
}
#footer #pager li {
	display: inline;
	margin: 0 5px 0 0;
}

#footer #pager li a {
	color: #fff;
	border-right: 1px solid #fff;
	padding: 0 5px 0 0;
	font-size: 80%;
	margin: 0 0 15px 0;
}

#footer #pager li#end a {
	padding-left: 5px;
	border-left: 1px solid #fff;
}

#footer #copyright {
	width: 720px;
	margin: 0 0 10px 0;
}

#footer #copyright li {
	display: inline;
	margin-right: 15px;
	height: 18px;
}

#navi {
	width: 220px;
	height: 337px;
	position: absolute;
	left: 20px;
	top: 145px;
	background: url("../images2/navibg.png") no-repeat left bottom;
}
#navi ul {
	margin: 0;
	padding: 0;
	width: 220px;
}
#navi li {
	width: 220px;
	height: 42px;
	padding: 0;
	margin: 0;
	line-height: 0;
	font-size: 1px;
}

#navi li a {
	background: url("../images2/navi.png") no-repeat left top;
	display: block;
	width: 220px;
	height: 42px;
	padding: 0;
	margin: 0;
	line-height: 0;
	font-size: 1px;
}

#navi li#n1 a:link,
#navi li#n1 a:visited {
	background-position: left top;
}
#navi li#n2 a:link,
#navi li#n2 a:visited {
	background-position: left -42px;
}
#navi li#n3 a:link,
#navi li#n3 a:visited {
	background-position: left -84px;
}
#navi li#n4 a:link,
#navi li#n4 a:visited {
	background-position: left -126px;
}
#navi li#n5 a:link,
#navi li#n5 a:visited {
	background-position: left -168px;
}
#navi li#n6 a:link,
#navi li#n6 a:visited {
	background-position: left -210px;
}
#navi li#n7 a:link,
#navi li#n7 a:visited {
	background-position: left -252px;
}
#navi li#n8 a:link,
#navi li#n8 a:visited {
	background-position: left -294px;
}

#navi li#n1 a:hover,
#navi li#n1 a:active {
	background-position: -220px top;
}
#navi li#n2 a:hover,
#navi li#n2 a:active {
	background-position: -220px -42px;
}
#navi li#n3 a:hover,
#navi li#n3 a:active {
	background-position: -220px -84px;
}
#navi li#n4 a:hover,
#navi li#n4 a:active {
	background-position: -220px -126px;
}
#navi li#n5 a:hover,
#navi li#n5 a:active {
	background-position: -220px -168px;
}
#navi li#n6 a:hover,
#navi li#n6 a:active {
	background-position: -220px -210px;
}
#navi li#n7 a:hover,
#navi li#n7 a:active {
	background-position: -220px -252px;
}
#navi li#n8 a:hover,
#navi li#n8 a:active {
	background-position: -220px -294px;
}

#navi li a span {
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
}

#subnavi {
	width: 720px;
	height: 35px;
	padding: 0 7px;
	margin: 0 0 0 253px;
	background: url("../images2/subnbg.png") repeat-y left bottom;
	position: absolute;
	top: 20px;
}

#subnavi ul {
	width: 315px;
	height: 30px;
	margin: 0 0 0 400px;
}

#subnavi li {
	width: 98px;
	height: 30px;
	margin: 0 0 0 5px;
	float: left;
}

#subnavi li a {
	width: 98px;
	height: 30px;
	display: block;
}

#subnavi li#sub1 a:link,
#subnavi li#sub1 a:visited {
	background: url("../images2/sub1.png") no-repeat left top;
}

#subnavi li#sub2 a:link,
#subnavi li#sub2 a:visited {
	background: url("../images2/sub2.png") no-repeat left top;
}

#subnavi li#sub3 a:link,
#subnavi li#sub3 a:visited {
	background: url("../images2/sub3.png") no-repeat left top;
}

#subnavi li#sub1 a:hover,
#subnavi li#sub1 a:active {
	background: url("../images2/sub1.png") no-repeat left -30px;
}

#subnavi li#sub2 a:hover,
#subnavi li#sub2 a:active {
	background: url("../images2/sub2.png") no-repeat left -30px;
}

#subnavi li#sub3 a:hover,
#subnavi li#sub3 a:active {
	background: url("../images2/sub3.png") no-repeat left -30px;
}

#subnavi li a span {
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
}

#old {
	width: 192px;
	height: 100px;
	font-size: 0.1em;
	line-height: 0.1em;
	vertical-align: bottom;
	position: absolute;
	left: 34px;
	top: 505px;
	
}

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

.clearfix { display: inline-block; }