@charset "utf-8";

/* CSS Information =====================
	File name: contents.css;
	Description: layout;
	Editors: Go Shimura(INO);
	Last Editor: Go Shimura(INO);
	Date: 2010.01.06;
======================================*/

div#content-wrapper em {
	background: #DAF0F4;
	font-weight: normal;
}

div#content-header_nav {
	float: right;
	margin-top: -1.5em;
	_zoom: 1;
}

div#content-header_nav ul li {
	display: inline;
}

div#content-header_nav ul li img {
	vertical-align: bottom;
}

div#lead {
	padding-top: 10px;
	clear: both;
}

div#lead h1,
div#lead div {
	width: auto;
	float: left;
}

div#why {
	margin-top: 30px;
	padding-bottom: 20px;
	background: #FFF6EF url(../img/bg_why_bottom.gif) no-repeat left bottom;
}

div#why p.h_sentence {
	margin: 20px 20px 40px;
}

div#why div#fig01 {
	margin: 0 20px;
}

div#why div#fig01 div.photoframe {
	width: 350px;
	float: left;
}

div#why div#fig01 div#figA {
	width: 439px;
	float: right;
}

div#why div.box_wrapper {
	padding-top: 40px;
	clear: both;
	_zoom: 1;
}

div#why div.box_wrapper div.box {
	width: 188px;
	margin-left: 19px;
	float: left;
	display: inline;
	_zoom:1;
}

div#why div.box_wrapper div.box div.answer_wrapper {
	margin-top: 4px;
	background: url(../img/bg_answerBox_top.gif) no-repeat right top;
}

div#why div.box_wrapper div.box p.answer {
	padding: 20px;
	background: url(../img/bg_answerBox_bottom.gif) no-repeat right bottom;
}

div#feature_area_in {
	clear: both;
	margin: 30px auto 0;
}

div#feature_area_in div.featureBox_in {
	float:left;
	width: 411px;
}

div#feature_area_in div.featureBox_in.taiken {
	border: solid 2px #47B4C7;
	margin-right: 20px;
	background: url(../img/img_taiken01.gif) no-repeat 94% 86px;
}

div#feature_area_in div.featureBox_in.shiryo {
	border: solid 2px #745F47;
	background: url(../img/img_shiryo01.gif) no-repeat 90% 80px;
}

div#feature_area_in div.featureBox_in p {
	margin-left: 10px;
	margin-bottom: 10px;
}

div#feature_area_in div.featureBox_in p.lead {
	margin-top: 0;
	margin-left: 0;
}

div#feature_area_in div.featureBox_in div.heightLine-feature02 {
	zoom: 1;
}

div#feature_area_in div.featureBox_in .adj {
	position: relative;
	z-index:-1;
	zoom: 1;
}

div#feature_area_in div.featureBox_in .note {
	font-size: 83.4%;
	color: #735e46;
	margin: 10px;
}

div#feature_area_in div.featureBox_in .txt {
	width: 148px;
	margin-top: 8px;
}

div#feature_area_in div.featureBox_in .img {
	float: right;
	padding-right: 5px;
	margin-top: -16px;
	zoom: 1;
	margin-bottom: 10px;
	z-index: 99;
}

div#feature_area_in div.featureBox_in .btn {
	text-align: center;
	padding-top: 10px;
	margin-left: 0;
}

div#point {
	clear: both;
	margin-top: 50px;
	padding-bottom: 20px;
	background: #F3EFEB url(../img/bg_point_bottom.gif) no-repeat left bottom;
	_zoom: 1;
}

div#point div.box_wrapper {
	margin-top:13px;
}

div#point div.box {
	width: 258px;
	margin-left: 20px;
	float: left;
	background: url(../img/bg_pointBox_top.gif) no-repeat left top;
	display: inline;
	_zoom: 1;
}

div#point div.box h4 {
	margin-bottom: 10px;
}

div#point div.box p {
	margin-top: 8px;
}

div#point div.box_inner {
	margin-top: 7px;
	padding: 4px 11px 11px;
	background: url(../img/bg_pointBox_bottom.gif) no-repeat left bottom;
}

div#point div.box div.photoframe {
	width: 230px;
}

p.toPagetop {
	float: right;
	width: auto;
	clear: both;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-left: 12px;
	background: url(../../../shared/img/ico_upperArrow.gif) no-repeat left center;
	display: block;
	white-space: nowrap;
}