@charset "EUC-JP";

/* --------------------------------------------------------------------------
	
	default style
	
-------------------------------------------------------------------------- */

.container h1,
.container h2,
.container h3,
.container h4,
.container h5,
.container h6,
.container p,
.container ul,
.container ol,
.container li,
.container dl,
.container dt,
.container dd {
	margin: 0;
	padding: 0;
	font-family:"¥á¥¤¥ê¥ª",Meiryo,"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"£Í£Ó £Ð¥´¥·¥Ã¥¯","MS P G othic",Verdana,Arial,Helvetica,sans-serif;
}

.container ul,
.container ol,
.container li,
.container dl,
.container dt,
.container dd {
	list-style-type:none;
}

.container img {
	border: 0;
}

.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.clearfix {
	display: inline-block;
}

/* --------------------------------------------------------------------------
	
	common layout style
	
	#head
	#content
	#main
	#sub
	
-------------------------------------------------------------------------- */


.container {
	width: 830px;
	background:#F5F4F5 url("../images/head_bg.jpg") 0 0 no-repeat;
	margin: 0 auto;
	text-align:left;
}


/* head
-------------------------------------------------------------------------- */

.container #head {
}

#head h1 {
	float:left;
	padding: 26px 0 0 44px;
}

#head p.button {
	float:right;
	padding:15px 53px 0 0;
	text-align:right;
}

#head p.lead {
	float:left;
	width:204px;
	padding: 18px 18px 12px 18px;
	color: #666666;
}

* html #head p.lead,
*+html #head p.lead {
	width:240px;
}

#head dl#menu {
	float:left;
	padding-top:2px;

}

#head dl#menu dd {
	float: left;
	width:188px;
	height:72px;
}

#head dl#menu dd a{
	display: block;
	width:188px;
	height:72px;
}

		
				

/* content
-------------------------------------------------------------------------- */

.container #content {
	padding-bottom: 110px;
	background: url("../images/parts_bg_foot.jpg") 0 100% no-repeat;
}

/*	main
-------------------------------------------------------------------------- */

#content #main {
	float: right;
	display: inline;
	width: 535px;
	margin-right: 25px;
}


/*	sub
-------------------------------------------------------------------------- */

#content #sub {
	float: left;
	display: inline;
	width: 230px;
	margin-left: 25px;
}

#sub h2.tab {
	height: 36px;
	padding-top: 7px;
	background: url("../images/sub_parts_bg_1.gif") 0 31px no-repeat;
}

* html #sub h2.tab {
	height: 43px;
}

*:first-child+html #sub h2.tab {
	height: 43px;
}

/*	project
-------------------------------------------------------------------------- */

#sub .project {
	padding: 15px 10px;
	background: #FFFFFF url("../images/sub_parts_line_dot.gif") 50% 100% no-repeat;
}

#sub .project h3 {
	padding: 0 0 15px 0;
}

#sub .project p.lead {
	color: #666666;
}

#sub .project dl {
	padding: 15px 0 0 0;
}

#sub .project dl dt {
	padding: 0 0 4px 0;
}

#sub .project dl dd {
	padding: 4px 0 0 0;
}

#sub .project dl dd img{
	vertical-align: bottom;
}

#sub .listend {
	padding-bottom: 10px;
	background: #FFFFFF url("../images/sub_parts_bg_2.gif") 0 100% no-repeat;
}

*:first-child+html #sub h2.tab {
	zoom: 1;
}




