@charset "UTF-8";

/* =================================================================================

 for development STYLE 

================================================================================= */

ul#navi02_in{
	display:block;
}


/* //////////////////////////////////////////////////////////////// index */

div#contents.development h1{
	margin-bottom:30px;
}

div#contents.development h2{
	margin:39px 0 17px 9px;
}

div#contents.development p.paragraph{
	width:515px;
}

ul#indexList{
}

	ul#indexList li{
		background:url(../../common/css/img/dot_x.gif) repeat-x left bottom;
		padding-bottom:15px;
		margin-top:25px;
		width:344px;
		position:relative;
		min-height:110px;
		height:auto !important;
		height:110px;
		font-size:100%;
	}
	
	ul#indexList li.right{
		margin-left:31px;
	}
	
	ul#indexList li.right p{
		padding-right:5px;
	}
	ul#indexList li h3,
	ul#indexList li p{
		margin-left:168px;
	}
	
	ul#indexList li p.image{
		margin-left:0;
		position:absolute;
		left:0;
		top:0;
	}

/* //////////////////////////////////////////////////////////////// approach */

div#contents.approach h1{
	margin-bottom:62px;
}

div#contents.approach h2{
	margin-bottom:40px;
	margin-left:10px;
}

div#contents.approach h3{
	/*margin-top:40px;*/
}

div.boxApproach{
	position:relative;
	padding-right:249px;
	margin-top:40px;
}

	div#main div.boxApproach h3,
	div#main div.boxApproach p{
		margin-left:10px;
	}
	
	div#main div.boxApproach p{
		margin-top:16px;
	}
	
	div#main div.boxApproach p.intro{
		margin-bottom:40px;
	}
	div#main div.boxApproach .imgR{
		position:absolute;
		right:0;
		top:0;
		margin:0;
		padding:0;
	}

ul#approachList01{
	margin-top:16px;
}	
	ul#approachList01 li{
		text-align:center;
		margin-right:2px;
	}
		ul#approachList01 li img{
			margin-bottom:5px;
		}


/* //////////////////////////////////////////////////////////////// quality */

div#contents.quality h1{
	margin-bottom:61px;
}

div#contents.quality h2{
	margin-bottom:28px;
	margin-left:10px;
}

div.boxQuality{
	margin-top:40px;
}
	div.boxQuality div.fl{
		width:460px;
	}
	
	div.boxQuality p.fr{
		width:220px;
	}
	
	div.boxQuality h3{
		margin-bottom:15px;
	}

table#qualityTable th,
table#qualityTable td{
	font-size:77%;
}

th.emark{
	width:45px;
}

th.number{
	width:58px;
}

th.date{
	width:80px;
}
table.style02 td.bottom{
	border-bottom:none !important;
}

div#main div.boxQuality p.intro{
	margin-bottom:16px;
}




/* //////////////////////////////////////////////////////////////// structure */

div#contents.structure h1{
	margin-bottom:62px;
}

div#contents.structure h2{
	margin-bottom:28px;
	margin-left:10px;
	margin-top:60px;
}

div.boxStructure{
}
	div#main div.boxStructure p{
		margin-top:16px;
		margin-left:10px;
	}

	div.boxStructure div.fl{
		width:470px;
	}

	div.boxStructure ul.fr,
	div.boxStructure p.fr{
		width:220px;
	}
	div#main div.boxStructure p.fr{
		margin:0;
	}
	
		div#main div.boxStructure ul.fr li{
			margin-bottom:72px;
		}

		div#main div.boxStructure ul.fr li span{
			margin:10px 0 -33px 7px;
			display:block;
		}
	
ul.structureList01{
	margin-top:50px;
	margin-bottom:40px;
}	
	ul.structureList01 li{
		margin-right:2px;
	}


/* //////////////////////////////////////////////////////////////// story */

div#contents.story h1{
	margin-bottom:30px;
}

div#contents.story h2{
	margin-bottom:1px;
}

/* /////////////////////////////////////// index */

div#contents.story h1.storyIndex{
	margin-bottom:60px;
}
div#contents.story h2.storyIndex{
	margin-bottom:15px;
}
ul#storyIndex{
	margin-top:25px;
}

	ul#storyIndex li{
		background:url(../../common/css/img/dot_x.gif) repeat-x left bottom;
		padding-bottom:15px;
		min-height:110px;
		height:auto !important;
		height:110px;
		position:relative;
		margin-bottom:15px;
	}
	
	ul#storyIndex li h3{
		position:absolute;
		left:0;
		top:0;
	}
	
	ul#storyIndex li dl{
		margin-left:250px;
		margin-top:20px !important;
	}
	
		ul#storyIndex li dl dd{
			line-height:1.67;
			margin-top:5px;
		}
	
/* /////////////////////////////////////// second */

div#contents.story h3{
	/*margin-bottom:15px;*/
}

ul#storyNavi li.center{
	margin-left:1px;
	margin-right:1px;
}

div.boxStory{
	margin-left:10px;
	margin-top:40px;
}

	div.boxStory div.fl{
		width:446px;
	}

	div.boxStory .fr{
		width:220px;
	}
	
	div.boxStory ul.fr li{
		margin-bottom:10px;
	}
	
div#main div.boxStory p{
	margin-top:15px;
}
	
div#main div.boxStory p.intro{
	margin-bottom:27px;
	margin-top:0;
}

dl#profile{
	margin:8px 0 30px 7px;
}

	dl#profile dt{
		margin-bottom:12px;
	}

ul#pagingArea{
	background:url(../../common/css/img/bg_style01.gif) repeat left top;
	margin-top:37px;
}

	ul#pagingArea li.back{
		float:left;
	}
	
	ul#pagingArea li.next{
		float:right;
	}