@charset "UTF-8";
@import "base.css";

/*---------- Container -----------*/

body { background: #fff; color:#000; margin: 0; padding:0; text-align:center;  }
input, textarea { background:#d9e1d1; border:none; padding:1px 4px;}

div, p,ul,li,dt,dl,img,span,tr,td,a{  }

.container { background:#cfcfcf; padding:1px; margin:5px auto; text-align:center; width:1036px;}

#wrapper {
	width:1036px;
	margin:0;
	background:#fff;
}
#header { padding:30px 92px 0 40px; height:73px; margin: 0 0 29px 0;}

#header ul { list-style:none; float:right; width:313px; display:inline}
#header ul li{ float:left; display:inline; }

.logo { float:left; display:inline; width:437px; padding:0px 0 0 0}


#main {
	margin:0 auto 15px auto;
	clear:both;
	text-align:left;
}
#content {
	margin:0 198px 30px 198px;
	float:left; clear:both;
	width:640px;
	font-size:120%;
	line-height:1.5em;
}

h2 { line-height:1%; display:block; padding:60px 0 29px 190px}
p.slogan { line-height:1%;  margin:0px 0 50px 190px; float:left; clear:both;}


#footer { width:1036px; height:92px; padding:0; clear:both; text-align:left;}
#footer ul { list-style:none; float:left; margin:0; padding:0; }
#footer ul li{ float:left; display:inline; }


#footer address { float:right; width:360px; display:inline; text-align:right;padding:6px 37px 0 0;}


/*---------- Contents -----------*/


p img { display:block; line-height:1%;  }

.center { text-align: center; margin:0 auto; }


#content a { }

a {
	outline: none; border:none;
	}

.img_l { float:left; margin:0; display:inline}
.img_r { float: right; margin:0; display:inline}
.image_l  {
	float: left;
	margin: 0 15px 0px 0;
	}

.image_r {
	float: right;
	margin: 0 40px 0 0px;
	}


#content table {
	border-collapse:collapse;
	border-spacing: 0px;
	width:100%;
	line-height:1.8em;

	}

#content table td {
	border:none;
	font-size:100%;
	text-align:left;
	padding:1px 2px 1px 8px;
	color:#231916;
	vertical-align:top;
	}

#content table td.center { text-align:center;}

#content table td.td01 { text-align:right; width:10%;}
#content table td.td0 { padding:0;}

.center { text-align:center; margin:0 auto;}

.alpha { float:left; display:inline;}
.beta { float:right; display:inline;}

/*---------- 07  Index --------------*/
.main_img { margin:0 0 0 104px; text-align:center; display:block; width:831px; height:371px; background:url(../images/index_01.jpg)}

ul.menu01 { list-style:none;padding:149px 0 0 43px;}
ul.menu01 li{ list-style:none; float:left; margin:0 25px 0 0; }
ul.menu01 li.li01{ list-style:none; float:left; margin:0 27px 0 0; }
ul.menu01 li.li02{ list-style:none; float:left; margin:0 28px 0 0; }
ul.menu01 li.li03{ list-style:none; float:left; margin:0 29px 0 0; }

/*---------- company_identity --------------*/
.company_identity_bg { background:url(../images/company_identity_bg.jpg) no-repeat}
.title01 {  font-size:160%; margin:0 0 40px 0; color:#000;}
.title02 {  font-size:160%; margin:0 0 10px 0; color:#000;}
.title03 {  font-size:100%; margin:0 ; color:#000;}
.block01 { padding:10px 110px 0 112px; color:#595757; text-align:justify; font-size:100%;}

/*---------- philosophy_ --------------*/
.philosophy_bg { background:url(../images/philosophy_bg.jpg) no-repeat}
.block02 { padding:10px 0px 0 0px; color:#231815; text-align:center;font-size:160%; line-height:2em; margin:0 0 30px 0; color:#000;}


/*---------- business_compass --------------*/
.business_compass_bg { background:url(../images/business_compass_bg.jpg) no-repeat}

/*---------- business_scope --------------*/
.business_scope_bg { background:url(../images/business_scope_bg.jpg) no-repeat}

/*---------- who_is_kuno --------------*/
.who_is_kuno_bg { background:url(../images/who_is_kuno_bg.jpg) no-repeat}
.img01 { padding:0 0 3px 248px;}

/*---------- company_outline --------------*/
.company_outline_bg { background:url(../images/company_outline_bg.jpg) no-repeat}
.block03 { padding:10px 0px 0 0px; color:#231815; text-align:center;font-size:100%; line-height:2em; margin:0 0 0px 0; color:#000;}

/*---------- idea_standard --------------*/
.idea_standard_bg { background:url(../images/idea_standard_bg.jpg) no-repeat}
.idea_standard_bg02 { background:url(../images/idea_standard_bg02.jpg) 0px 4px no-repeat; width:740px; margin:100px 0 0 -50px; padding:0 0 0 149px;}



/*---------- Margin, padding, width --------------*/
.mar_b0 { margin-bottom:0px;}
.mar_b5 { margin-bottom:5px;}
.mar_b10 { margin-bottom:10px;}
.mar_b15 { margin-bottom:15px;}
.mar_b20 { margin-bottom:20px;}
.mar_b30 { margin-bottom:30px;}


.w100p { width:100%;}
.w10p { width:10%;}
.w15p { width:15%;}