@charset "utf-8";
/* CSS Document */

#top_img{
	background:url(../img/top_img.jpg) left top no-repeat;
	width:900px;
	height:0;
	padding-top:99px;
	overflow:hidden;
	display:block;
}

#content03 h3{
	width:653px;
	height:0;
	padding-top:50px;
	background:url(../img/title01.gif) left top no-repeat;
	display:block;
	overflow:hidden;
}

#content03_right h4{
	width:199px;
	height:0;
	padding-top:63px;
	background:url(../img/r_navi.gif) left top no-repeat;
	overflow:hidden;
	display:block;
}

#btn_list li{float:left; padding:0 13px 15px 0; font-size:80%;}
#btn_list a{text-decoration:none;}
#btn_list img{display:block; padding-bottom:2px;}
#btn_list span{
	display:block;
	background:url(../../common/img/icon01.gif) 1px 0.4em no-repeat;
	padding: 0 0 0 17px;
}
.btn_list_right{padding:0 0 15px 0 !important;}

.at {
	margin: 0;
	padding: 26px 0 30px 0;
	display: block;
}

/*-------------------- philosophy --------------------*/

#title02{
	width:653px;
	height:0;
	padding-top:50px;
	background:url(../img/title02.gif) left top no-repeat !important;
	display:block;
	overflow:hidden;
}

#img01{
	width:629px;
	height:0;
	padding-top:225px;
	overflow:hidden;
	display:block;
	background:url(../img/img01.jpg) left top no-repeat;
}

#s_title01{
	width:46px;
	height:0;
	padding-top:22px;
	overflow:hidden;
	display:block;
	background:url(../img/s_title01.gif) left top no-repeat;
}

#s_title02{
	width:47px;
	height:0;
	padding-top:22px;
	overflow:hidden;
	display:block;
	background:url(../img/s_title02.gif) left top no-repeat;
}

#s_title03{
	width:46px;
	height:0;
	padding-top:22px;
	overflow:hidden;
	display:block;
	background:url(../img/s_title03.gif) left top no-repeat;
}

/*-------------------- offset --------------------*/

#offset02{
	width:653px;
	height:0;
	padding-top:50px;
	background:url(../img/offset_01.gif) left top no-repeat !important;
	display:block;
	overflow:hidden;
}
#offsetdd00 {
	margin: 0;
	padding: 0;
	display: block;
}
#s_offset01{
	width:142px;
	height:0;
	padding-top:22px;
	overflow:hidden;
	display:block;
	background:url(../img/offset_02.gif) left top no-repeat;
	margin: 0;
}
.offsetdiv {
	margin: 0;
	padding: 0;
	display: block;
	width: 380px;
	float: left;
}
#tokudd {
	border: solid 1px #dfdfdf;
	margin: 0;
	padding: 0;
	display: block;
	width: 378px;
}
#toku{
	width:358px;
	height:0;
	padding-top:20px;
	overflow:hidden;
	display:block;
	background:url(../img/offset_img01.gif) left top no-repeat;
	margin: 10px auto 13px auto;
}
#s_offsetdd01 {
	margin: 0 auto;
	padding: 0 0 0px 0;
	display: block;
	width:358px;
}
.s_offsetdd03 {
	margin: 0 0 0 10px;
	padding: 0 0 11px 10px;
	display: block;
	background: url(../img/offset_dod.gif) no-repeat 0px 5px;
}
#offset_img02 {
	float: right;
	margin: 90px 0 0 0;
	padding: 0;
	display: block;
}
.offsetfont {
	font-size: 90%;
}
.clear {
	clear: both;
	margin: 0;
	padding: 0;
	display: blcok;
}

#s_offset02{
	width:76px;
	height:0;
	padding-top:22px;
	overflow:hidden;
	display:block;
	background:url(../img/offset_03.gif) left top no-repeat;
	margin: 0;
}
#offset_img11 {
	margin: 20px auto;
	padding: 0;
	display: block;
	width: 568px;
}
#s_offset03{
	width:98px;
	height:0;
	padding-top:22px;
	overflow:hidden;
	display:block;
	background:url(../img/offset_04.gif) left top no-repeat;
}

#s_offset04{
	width:125px;
	height:0;
	padding-top:22px;
	overflow:hidden;
	display:block;
	background:url(../img/offset_05.gif) left top no-repeat;
}

/*-------------------- DTP --------------------*/

#dtp02{
	width:653px;
	height:0;
	padding-top:50px;
	background:url(../img/dtp_01.gif) left top no-repeat !important;
	display:block;
	overflow:hidden;
}
#s_dtp01{
	width:203px;
	height:0;
	padding-top:22px;
	overflow:hidden;
	display:block;
	background:url(../img/dtp_02.gif) left top no-repeat;
	margin: 0;
}
#content04_left04 {width:629px;padding:0 12px 0 12px;}
#content04_left04 dl{
	background: url(../img/dtp_img01.gif) no-repeat 100% 0;
	margin: 0; 
	padding: 0;
	display: block;
}
.dtpli {
	margin: 0 0 0 15px;
	padding: 0 0 0 10px;
	display: block;
	background: url(../img/offset_dod.gif) no-repeat 0px 6px;
}
#dtpdiv02 {
	margin: 0;
	padding: 0 0 0 15px;
	display: block;
	
}
#dtpp {
	margin: 26px 0 0 15px;
	padding: 0;
	display: block;
}
.dtpdiv {
	margin: 0 0 0 30px;
	width: 590px;
	padding: 0;
	display: block;
}

/*-------------------- ohban --------------------*/

#ohban02{
	width:653px;
	height:0;
	padding-top:50px;
	background:url(../img/ohban_01.gif) left top no-repeat !important;
	display:block;
	overflow:hidden;
}

#ohban_box{ padding:0 50px 0 50px;}

#s_ohban01{
	width:62px;
	height:0;
	padding-top:22px;
	overflow:hidden;
	display:block;
	background:url(../img/ohban_02.gif) left top no-repeat;
	margin: 0;
}

#content03_left02 table{background:#dedede;}

#content03_left02 td{
	width:263px;
	background:#ffffff;
	padding:5px 0;
	text-align:center;
}
#content03_left02 th{
	width:263px;
	background:#f6f6f6;
	text-align:center;
}

.table_top{
	background:#cecece !important;
	font-weight:normal !important;
	border-bottom:1px solid #dedede;
}

#ohban_box span{font-weight:normal !important;}

/*-------------------- kaleido --------------------*/

#kaleido02{
	width:653px;
	height:0;
	padding-top:50px;
	background:url(../img/Kaledo_01.gif) left top no-repeat !important;
	display:block;
	overflow:hidden;
}

#s_kaleido03{
	width:206px;
	height:0;
	padding-top:25px;
	overflow:hidden;
	display:block;
	background:url(../img/Kaledo_02.gif) left top no-repeat;
}



#kaleidoimg {
	margin: 0;
	padding: 0;
	display: block;
	width: 624px;
}
.kaleidoimg_01 {
background:url(../img/Kaledo_03.jpg) left top no-repeat;
width: 305px;
height: 0;
float: left;
margin: 0;
padding: 205px 0 0 0;
display: block;
overflow: hidden;
}
.kaleidoimg_02 {
background:url(../img/Kaledo_04.jpg) left top no-repeat;
width: 305px;
height: 0;
float: right;
margin: 0;
padding: 205px 0 0 0;
display: block;
overflow: hidden;
}

/*-------------------- kaleido --------------------*/
#s_kosai03{
	width:206px;
	height:0;
	padding-top:25px;
	overflow:hidden;
	display:block;
	background:url(../img/Kaledo_03.gif) left top no-repeat;
}
#kosai02{
	width:653px;
	height:0;
	padding-top:50px;
	background:url(../img/kosai_01.gif) left top no-repeat !important;
	display:block;
	overflow:hidden;
}
.kosaiimg_01 {
background:url(../img/kosai_03.jpg) left top no-repeat;
width: 305px;
height: 0;
float: left;
margin: 0;
padding: 205px 0 0 0;
display: block;
overflow: hidden;
}
.kosaiimg_02 {
background:url(../img/kosai_04.jpg) left top no-repeat;
width: 305px;
height: 0;
float: right;
margin: 0;
padding: 205px 0 0 0;
display: block;
overflow: hidden;
}
.kosaiimg_03 {
background:url(../img/kosai_05.jpg) left top no-repeat;
width: 623px;
height: 0;
float: left;
margin: 0;
padding: 205px 0px 0 0;
display: block;
overflow: hidden;
}

/*-------------------- machine --------------------*/

.machine{width:528px;margin:0 50px;}

#machine02{
	width:653px;
	height:0;
	padding-top:25px;
	background:url(../img/machine_01.gif) left top no-repeat !important;
	display:block;
	overflow:hidden;
}

.machine h5{
	background:url(../../common/img/dot_line.gif) left bottom repeat-x;
	font-size:100%;
	margin-top:25px;
	width:528px;
}

h5 span{
	background:url(../../common/img/icon02.gif) 0 4px no-repeat;
	padding: 3px 0 3px 21px;
	display:block;
	color:#000000;
}

.mr{margin-right:46px;}

.machine ul{padding:8px 22px 5px 22px; width:428px;}
.machine li{
	float:left;
	padding:0 20px 0 0;
}