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

/*--------------------
 LIFE
--------------------*/

nav {
	height: 175px;
	background-image: url(../../about/img/mainimage.jpg);
	background-repeat: no-repeat;
	background-position: center 25px;
}
#main h2 {
	margin-bottom:25px;
}
#main p.readtxt {
	margin-bottom:40px;
}
#main h3 { margin-bottom:20px;}
p img { vertical-align:bottom;}

/*--------------------
 INDEX
--------------------*/
body#aboutindex #aboutnavi {
	height: 71px;
	margin-bottom:40px;
}
body#aboutindex #aboutnavi li {
	float:left;
	margin-right:4px;
}
body#aboutindex #aboutnavi li:last-child { /* Add160412 */
	margin-right:0px;
}
body#aboutindex #geeting h3{
	margin-bottom: 15px;
}
body#aboutindex #geeting p{
	margin-bottom: 1.2em;
	line-height:1.8;
}


/*--------------------
 POINT
--------------------*/
body#aboutpoint #point-header dl {
	background: url(../../about/img/point/img02.jpg) no-repeat right top;
	padding: 30px 0px 20px 20px;
	margin-bottom:50px;
	zoom: 1;
}
body#aboutpoint #point-header dl dt {
	margin-bottom:20px;
}
body#aboutpoint #point-header dl dd {
	line-height: 1.8;
	font-size:110%;
}
body#aboutpoint #gimon {
	margin-bottom:50px;
}
body#aboutpoint #gimon p.floatL {
	width:400px;
}
body#aboutpoint #gimon p.floatR {
	width:290px;
}
body#aboutpoint #fuan {
	margin-bottom:50px;
}
body#aboutpoint #fuan .floatL {
	width:400px;
}
body#aboutpoint #fuan p.floatR {
	width:290px;
}
body#aboutpoint #chikara {
	-moz-border-radius: 20px;    /* Firefox */
	-webkit-border-radius: 20px; /* Safari,Chrome */
	border-radius: 20px;         /* CSS3 */
	background-color:#FAF5E4;
	padding: 25px 15px;
	clear: both;
	margin-bottom:50px;
	behavior: url("../common/PIE.htc");
}
body#aboutpoint #chikara p{
	text-align:center;
	line-height:1.8;
	font-size:105%;
}


/*--------------------
 FLOW
--------------------*/
body#aboutflow dl.flow {
	background: url(../../about/img/flow/step_bg.gif) repeat-y left top;
	margin-bottom:10px;
}
	body#aboutflow dl.flow dt{
		float:left;
		width:116px;
	}
	body#aboutflow dl.flow dd{
		float:right;
		width:575px;
	}
	body#aboutflow dl.flow dd.flow-tit{
		font-size:150%;
		font-weight:bold;
		margin-bottom:5px;
		line-height:1.7;
	}
	body#aboutflow dl.flow dd.flow-detail{
		line-height:1.6;
		padding-bottom:20px;
	}
	body#aboutflow dl#flow06{
		background-image: none;
	}
	body#aboutflow dl#flow06 dd.flow-detail{
		line-height:3;
	}


/*--------------------
 WHAT
--------------------*/
body#aboutwhat h2 {
	margin-bottom:0px;
}
body#aboutwhat h2 img{
	vertical-align:bottom;
}
body#aboutwhat #what-table { 
	width:100%;
	border-collapse: collapse;
	border-right: solid 4px #EE801C;
	margin-bottom:8px;
}
body#aboutwhat #what-table tr:first-child th,
body#aboutwhat #what-table tr:first-child td{ 
	border-top: solid 3px #DDD;
	font-weight: bold;
}
body#aboutwhat #what-table tr th,body#aboutwhat #what-table tr td{ 
	border-left: solid 3px #DDD;
	border-bottom: solid 3px #DDD;
	padding: 12px 0px;
	vertical-align:middle;
	text-align:center;
}
body#aboutwhat #what-table tr th{
	background-color:#EEE;
	font-size:140%;
	width:110px;
	line-height:1.1;
}
body#aboutwhat #what-table tr td{
	font-size:120%;
	line-height:1.2;
	text-shadow:#FFF 1px 1px 1px, #FFF -1px 1px 1px,#FFF 1px -1px 1px, #FFF -1px -1px 1px;
	-moz-box-shadow: #FFF 1px 1px 1px, #FFF -1px 1px 1px,#FFF 1px -1px 1px, #FFF -1px -1px 1px;　/* Firefox用 */  
    -webkit-box-shadow: #FFF 1px 1px 1px, #FFF -1px 1px 1px,#FFF 1px -1px 1px, #FFF -1px -1px 1px;　/* Safari,Google Chrome用 */   
}
body#aboutwhat #what-table tr td:last-child{ 
	border-left: solid 4px #EE801C;
}
body#aboutwhat #what-table tr td.orange-table{
	padding:15px 0px;
	font-size:140%;
	color:#ED7F1B;
	border-top: solid 4px #EE801C;
}
body#aboutwhat #what-table tr:last-child td:last-child{
	border-bottom: solid 4px #EE801C;
}
body#aboutwhat #what-table tr td.maru{
	background:url(../../about/img/what/maru.gif) no-repeat center center;
}
body#aboutwhat #what-table tr td.batu{
	background:url(../../about/img/what/batu.gif) no-repeat center center;
}
div#what-text {
	overflow:hidden;
	zoom:1;
	margin-top:20px;
	margin-bottom:60px;
}
div#what-text .floatL{
	width:480px;
	font-size:120%;
	line-height:1.75;
}
div#what-text .floatL strong{
	color:#C00;
}
body#aboutwhat .point3dl{
	margin-bottom:10px;
}
body#aboutwhat .point3dl dt{
	margin-bottom:10px;
}
body#aboutwhat .point3dl dd.pointtxt{
	line-height: 1.75;
	float:left;
	margin-left:37px;
}
body#aboutwhat .point3dl dd.pointimg{
	float:right;
	margin-bottom:10px;
}
body#aboutwhat .point3dl dd.more{
	clear:both;
	text-align:right;
}
body#aboutwhat #point01 dd.pointtxt { width:425px;}
body#aboutwhat #point01 dd.pointimg { width:225px;}
body#aboutwhat #point02 dd.pointtxt { width:345px;}
body#aboutwhat #point02 dd.pointimg { width:315px;}
body#aboutwhat #point03 dd.pointtxt { width:425px;}
body#aboutwhat #point03 dd.pointimg { width:225px;}