@charset "utf-8";
/* CSS Document */

/*-----------.clearfix-----------*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;min-height: 1%;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-Mac */

/*----------------------------
	about
----------------------------*/
#about {
	padding:90px 29px 0 29px;
	background:url(../../images/about/img/about/bg.jpg) no-repeat 355px 38px;
}
#about h2 { padding:0 0 89px 21px;}

#about ul li.aboutbox {
	background:url(../../images/about/img/about/bg_bottom.jpg) no-repeat left bottom;
	width:366px;
	padding:0 0 13px 0;
	margin:0 0 10px 0;
	position:relative;
	float:left;
	min-height:140px;
	height:auto !important;
	height:140px;
}
#about ul li.saga,
#about ul li.counter,
#about ul li.engagement {float:left;}
#about ul li.labo,
#about ul li.join {float:right;}

#about ul li.aboutbox h3 {
	background:url(../../images/about/img/about/bg_top.jpg) no-repeat left top;
	width:347px;
	padding:12px 0 0 19px;
	margin:0 0 15px 0;
}
#about ul li.aboutbox p {
	padding:0 0 0 19px;
	margin:0 0 13px 0;
}
#about ul li.aboutbox .aboutlist {
	padding:0 19px 0 19px;
	height:1%;
	overflow:hidden;
	min-height:50px;
	height:auto !important;
	height:50px;
}

#about .aboutlist li {float:left;width:160px;}
#about .aboutlist li.site {width:170px;}
#about .aboutlist li.law {width:200px;}
#about .aboutlist li.privacy {width:150px;}

#about .aboutlist li a {display:block; background:url(../../images/about/img/about/icon_link.jpg) no-repeat left center; padding:0 0 0 15px; color:#474747;}

.more-link { position:absolute;right:19px;bottom:13px;}
.more-link a {display:block;width:65px;height:12px;}
.more-link a:hover {
	opacity:0.70;
	-ms-filter:"alpha( opacity=70)";
	filter:alpha(opacity=70);
}

/*----------------------------
	labo
----------------------------*/
#labo { line-height:1.7; margin:0 0 0 0;}
#labo h2 { padding:0;}
#labo h3 { padding:0 0 20px 0; clear:both;}

#labo .labobox { width:660px; margin:40px 0 0 70px;}

#labo .labobox p { width:460px; padding:0 0 30px 10px;}
#labo .labobox p.japan { float:left;}
#labo .labobox p.ksp { float:right;}

#labo .ph_japan { float:left; padding:0 0 0 15px;}
#labo .ph_ksp { padding:0 0 0 10px;}


/*----------------------------
	join
----------------------------*/
#join { line-height:1.7; margin:0 0 45px 0;}
#join h2 { padding:16px 0 0 0;}
#join h3 { padding:30px 0 0 20px;}
#join p { width:760px; padding:15px 0 0 20px;}

#join p.intro {
	padding:45px 0 0 20px;
}
#join p.end {
	padding:50px 0 0 20px;
}

/*----------------------------
	law
----------------------------*/
#law { line-height:1.7; margin:0 0 45px 0;}
#law h2 { padding:16px 0 0 0;}
#law h3 { padding:35px 0 0 20px;}
#law p { width:760px; padding:15px 0 0 20px;}

#law p.intro {
	padding:45px 0 0 20px;
}
#law dl {
	padding:15px 0 0 20px;
}
#law dl dt {
	float:left;
	padding:10px 0;
}
#law dl dd {
	padding:10px 0 10px 165px;
	background:url(../../images/about/img/law/dot.jpg) repeat-x left bottom;
}
#law dl dd.last {
	background:none;
}

/*----------------------------
	engagements
----------------------------*/
#engagements { line-height:1.7; margin:0 0 45px 0;}
#engagements h2 { padding:16px 0 0 0;}
#engagements h3 { padding:45px 0 0 20px;}
#engagements p { width:760px; padding:15px 0 0 20px;}

#engagements ul {
	width:760px;
	padding:0 0 0 20px;
}
#engagements ul.first-list {
	padding:15px 0 0 20px;
}
#engagements ul li {
	padding:15px 0 0 0;
	text-indent:-20px;
	margin:0 0 0 15px;
}

/* Safari3用 only \*/ 
body:first-of-type #engagements ul li {
	text-indent:-17px;
	margin:0 0 0 20px;
}
/* Safari2用 only \*/ 
html:\66irst-child #engagements ul li {
	text-indent:-17px;
	margin:0 0 0 20px;
} 


#engagements ul li ul {
	padding:0 !important;
}
#engagements ul li ul li {
	padding:0 !important;
}

/*.print*/
.print {
	margin:50px 0 0 20px;
	padding:0 0 0 20px;
	background:url(../../images/about/img/engagements/printer.jpg) no-repeat left center;
}
.print a {
	display:block;
	width:121px;
	height:16px;
}
.print a:hover {
	opacity:0.70;
	-ms-filter:"alpha( opacity=70)";
	filter:alpha(opacity=70);
}


/*----------------------------
	privacy
----------------------------*/
#privacy { line-height:1.7; margin:0 0 45px 0;}
#privacy h2 { padding:16px 0 0 0;}
#privacy h3 { padding:45px 0 0 20px;}
#privacy p { width:760px; padding:15px 0 0 20px;}

#privacy p.intro {
	padding:45px 0 0 20px;
}
#privacy ul {
	width:760px;
	padding:0 0 0 20px;
}
#privacy ul li {
	padding:15px 0 0 0;
	text-indent:-20px;
	margin:0 0 0 20px;
}

/* Safari3用 only \*/ 
body:first-of-type #privacy ul li {
	text-indent:-17px;
	margin:0 0 0 20px;
}
/* Safari2用 only \*/ 
html:\66irst-child #privacy ul li {
	text-indent:-17px;
	margin:0 0 0 20px;
} 

#privacy ul li ul {
	padding:0 !important;
}
#privacy ul li ul li {
	padding:0 !important;
}