@charset "utf-8";
/* base */
body {
	background: #aaa;
	margin: 0px;
	font-family: "メイリオ", Osaka, "ヒラギノ角ゴ Pro W3";
}
h1,h2,h3,h4,p,ul,ol,li,table,th,td{
	margin:0px;
	padding:0px;
	list-style: none;
	font-size: 80%;
	line-height: 120%;
}
img{
   border:none;
   vertical-align:bottom;
}
#preload {
	height: 0px;
	width: 0px;
	display: inline;
	background-image: url(../image/arrow_on.gif);
	background-image: url(../../image/project_01_on.gif);
}
#wrap {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
	background: url(../image/bg-wrap.jpg) repeat-y;
}
#top_container {
	background: url(../image/bg_container.jpg) repeat-x;
	width: 950px;
	height: 440px;
}
#container {
	background: url(../image/bg_container.jpg) repeat-x;
	width: 950px;
}
/* left side menu */
#nav {
	width: 177px;
	float: left;
	padding-top: 38px;
	padding-left: 18px;
}
#nav p {
	padding-left: 12px;
}

#nav ol {
	background: url(../image/bg_nav.gif) no-repeat 10px 10px;
	padding-top: 10px;
	margin-top: 0px;
}

#nav li {
	background: url(../image/bg_nav.gif) no-repeat bottom;
	padding-bottom: 10px;
	padding-top: 10px;
}
#nav li a {
	color: #FFFFFF;
	text-decoration: none;
	width: 160px;
	margin-left: 11px;
	display: block;
/*
	background: url(../image/arrow_list.jpg) no-repeat 0px 0px;
	margin-left: -11px;
	padding-left: 11px;
*/

}
#nav li a:hover {
	color:#FF0000;
}
#nav li span {
	color:#FF0000;
	background: url(../image/arrow_list.jpg) no-repeat left 0.3em;
	padding-left: 11px;
	font-size: 100%;
}
/* main top page */
#main {
	float: left;
	width: 705px;
	position: relative;
	padding-left: 20px;
}
#main .theme {
	position: absolute;
	top: -10px;
}
#main ol {
	margin-top: 64px;
}
#main ol li {
	margin-bottom: 58px;
}

#main .gototop {
	float: right;
	margin-top: -32px;
	margin-bottom: 60px;
}
#main .gototop a {
	width: 6em;
	background: url(../image/arrow_up.jpg) no-repeat left center;
	padding-left: 12px;
	color: #F5F5F5;
	text-align: right;
	text-decoration: none;
}
/* main bottom page */
#main_2 {
	float: left;
	width: 704px;
	padding-left: 20px;
}
#main_2 h1 {
	background: #F5F5F5;
	margin-left: 14px;
	padding-bottom: 10px;
}
#main_2 h2#p2 {
	padding-top: 59px;
	background: #F5F5F5;
	margin-left: 11px;
}
#main_2 h2#p2 img {
	margin-left: -11px;
}
#main_2 p {
	background: #F5F5F5;
	margin-left: 14px;
	width: 590px;
	padding: 10px 50px 50px;
	line-height: 170%;
	font-size: 76%;
}
#main_2 .note {
	display: block;
	background: #E4E4E4;
	padding: 10px;
	font-size: 85%;
	line-height: 120%;
}
#main_2  p img {
	float:right;
	padding:0px 0px 10px 10px;
	display: inline;
	margin-right: -50px;
}
#main_2  p img.rev {
	float:left;
	padding:0px 10px 60px 0px;
	display: inline;
	margin-right: 0px;
	margin-left: -50px;
}
#main_2  p img.fin {
	float:none;
	padding:0px 0px 10px 10px;
}
#main_2 ul {
	margin-left: 14px;
	background: #F5F5F5;
}
#main_2 ul li {
	float: left;
}
#main_2 ul#nextpage {
	height: 24px;
	padding-top: 30px;
	padding-bottom: 32px;
	padding-left: 405px;
}
#main_2 ul#nextpage2 {
	height: 24px;
	padding-top: 30px;
	padding-bottom: 32px;
	padding-left: 356px;
}
#main_2 ul#prevpage {
	height: 24px;
	padding-top: 30px;
	padding-bottom: 32px;
}
#main_2  .padd {
	padding-right: 2px;
}
#main_2  #bnav {
	height: 60px;
	margin-bottom: 122px;
	width: 690px;
	background: #F5F5F5 url(../image/bg_bnav.jpg) repeat-x;
	clear: both;
	margin-left: 14px;
}
#main_2 #bnav #relate {
	height: 60px;
	float: left;
	width: 360px;
	padding-left: 30px;
	background: url(../image/bg_bnav.jpg) repeat-x;
}
#main_2 #bnav #relate .contact {
	float: right;
	padding-right: 60px;
}

#main_2 #bnav #move {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 285px;
}
#main_2 #bnav #move li {
	height: 60px;
	background: #F5F5F5;
}

#main_2 #bnav #move .index {
	margin-right: 3px;
}
#main_2 #bnav_l {
	height: 88px;
	margin-bottom: 122px;
	width: 645px;
	background: #F5F5F5 url(../image/bg_bottom_nav.jpg) no-repeat;
	clear: both;
	margin-left: 14px;
	padding-left: 45px;
}
#main_2 #bnav_l table {
	float: left;
	margin-top: 9px;
	margin-bottom: 7px;
}

#main_2 #bnav_l #move {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 285px;
}
#main_2 #bnav_l #move li {
	height: 60px;
	background: #F5F5F5;
}

#main_2 #bnav_l #move .index {
	margin-right: 3px;
}

/* footer */
#footer {
	background: url(../image/bg-foot.jpg) repeat-x;
	height: 199px;
	clear: both;
	padding-left: 34px;
	padding-top: 32px;
}
#footer_inner ul {
	margin-top: 23px;
}
#footer_inner li {
	width: 220px;
	float: left;
	margin-bottom: 15px;
	font-size: 75%;
}
#footer_inner li:first-child { width: 100%;}
/*
#footer_inner li.middle {
	width: 210px;
}
#footer_inner li.ms {
	width: 153px;
}
#footer_inner li.short {
	width: 168px;
}
#footer_inner li.end {
	width: 136px;
}
*/
#footer_inner li a {
	color: #8F8F8F;
	text-decoration: none;
	background: url(../image/arrow.gif) no-repeat left center;
	padding-left: 11px;
}
#footer_inner li a:hover {
	color: #8F8F8F;
	text-decoration: none;
	background: url(../image/arrow_on.gif) no-repeat left center;
	padding-left: 11px;
}
#footer .copyright {
	clear: both;
	color: #8F8F8F;
	margin-top: 10px;
}