@charset "utf-8";

/*----------------------------------------------------*/ 
/* structure
------------------------------------------------------*/ 

#container {
	background:none;
	margin:0 auto;
	width:700px;
}

#contents {
	width:auto;
	float:none;
}

#header {
	margin-bottom:20px;
}

#header .inner {
	height:90px;
	width:700px;
}

#header .logo {
	left:20px;
	top:15px;
}

#footer_sub .inner {
	width:700px;
	overflow:hidden;
	padding:10px 0 16px;
}

#footer_sub .logo {
	float:none;
	margin-left:20px;
}



/*----------------------------------------------------*/ 
/* about
------------------------------------------------------*/ 
#contents .aboutbox {
	background:url(/lib/img/about/index_bg_01.gif) left top repeat;
	margin:0 20px 10px 20px;
	padding:50px 0 40px;
	width:660px;
}

#contents .aboutbox h1 {
	font-size:0;
	line-height:1;
	margin-bottom:56px;
	text-align:center;
}

#contents > .aboutbox > ul {
	margin:0 70px;
	overflow:hidden;
	width:520px;
}

#contents > .aboutbox > ul > li {
	background:url(/lib/img/about/index_bg_02.gif) left bottom repeat-x;
	font-size:93%;
	margin-bottom:-1px;
	padding:18px 0;
}

#contents > .aboutbox > ul > li > dl {
	overflow:hidden;
	width:520px;
}

#contents > .aboutbox > ul > li > dl > dt {
	background:url(/lib/img/common/icon_dot_02.png) 5px .4em no-repeat;
	float:left;
	padding-left:15px;
	width:110px;
}

#contents > .aboutbox > ul > li > dl > dd {
	float:right;
	width:391px;
}

#contents > .aboutbox > ul > li > dl > dd > ul > li {
	margin-top:5px;
	padding:0 0 0 2em;
	position:relative;
}

#contents > .aboutbox > ul > li > dl > dd > ul > li > span {
	left:0;
	position:absolute;
	top:0;
	z-index:5;
}
