@charset "UTF-8";
/*-----------------------------
index
------------------------------*/
/*---case-section---*/
body#example .case-section {
	margin: 0 10px 15px 10px;
	width: 740px;
}
body#example .case-section .lead-box {
	margin: 0 0 25px 0;
}

/*txt*/
body#example .case-section .number-txt {
	padding: 4px 6px 2px 6px;
	margin: 0 11px 0 0;
	background-color: #00aac1;
	color: #ffffff;
	font-weight: normal;
}

body#example .case-section span.new-txt {
	color: #ff0000;
}
body#example .case-section span.name-txt {
	font-size: 140%;
}
body#example .case-section .position {
	color: #7e2b02;
}
/*---cousultant---*/
body#example .case-section .cousultant {
	width: 718px;
	margin: 0 0 10px 10px;
	border: #dddddd solid 1px;
	background: url(../../../images/index_cousultant_bg01.gif) no-repeat 0 100%;
}

/*new-box*/
body#example .case-section .cousultant .new-box {
	width: 688px;
	margin: 16px 0 20px 20px;
	background: url(../../../images/index_new-box_bg01.gif) no-repeat 0 0;
}
body#example .case-section .cousultant .new-box .new-box-inner {
	min-height: 120px;
	padding: 9px 11px 11px 9px;
	background: url(../../../images/index_new-box_bg02.gif) no-repeat 0 100%;
}
*html body#example .case-section .cousultant .new-box .new-box-inner {
	height: 140px;
}
body#example .case-section .cousultant .new-box .new-box-inner .left-box {
	float: left;
	width: 120px;
	padding: 15px 0 0 15px;
}
body#example .case-section .cousultant .new-box .new-box-inner .right-box {
	float: left;
	width: 510px;
	padding: 15px 0 0 15px;
}
/*new-box h3*/
body#example .case-section .new-box h3 {
	display: block;
	width: 510px;
	margin: 0 0 8px 0;
	font-weight: bold;
	font-size: 120%;
	line-height: 1.2;
}
*:first-child+html body#example .case-section .new-box h3 {
	line-height: 1.6;
}
html:\66irst-child body#example .case-section .new-box h3 {
	line-height: 1.6;
}
body#example .case-section .new-box .name {
	margin-bottom: 5px;
	padding-bottom: 3px;
	background: url(../../../common/images/common_ex01.gif) repeat-x 0 100%;
	font-weight: bold;
}
body#example .case-section .cousultant .backnumber-box {
	width: 688px;
	margin: 0 0 0 23px;
}
/*column2-box*/
body#example .case-section .cousultant .column2-box {
	width: 333px;
	float: left;
	padding: 0 10px 20px 0;
}
body#example .case-section .cousultant .column2-box .left-box {
	float: left;
}
body#example .case-section .cousultant .column2-box .right-box {
	padding: 0 0 0 70px;
}
*html body#example .case-section .cousultant .column2-box .right-box dd {
	padding: 0 0 0 5px;
}
*:first-child+html body#example .case-section .cousultant .column2-box .right-box dl dt {
	line-height: 1.7;
}

body#example .design2 {
	margin-bottom: 10px;
}
/*---scheme---*/
body#example .case-section .scheme {
	width: 660px;
	margin: 0 0 20px 10px;
	padding: 21px 30px 0 28px;
	border: #dddddd solid 1px;
	background: url(../../../images/column2-box._bg01.gif) no-repeat 0 100%;
}
*html body#example .case-section .scheme {
	margin: 0 0 0 10px;
}
body#example .case-section .scheme dl dt {
	height: 23px;
	padding: 4px 0 0 30px;
	background: url(../../../images/common_ic01.gif) no-repeat 0 0;
	font-weight: bold;
}
body#example .case-section .scheme dl dd{
	margin: 0 0 12px 0;
	padding: 8px 0 15px 55px;
	background: url(../../../images/index_scheme_bg01.gif) no-repeat 0 100%;
}
body#example .case-section .scheme dl dd.last{
	margin: 0 0 0 40px;
	padding: 3px 0 15px 14px;
	background: url(../../images/common_ic02.gif) no-repeat 0 0.4em;
}

/*-----------------------------
contents
------------------------------*/
body#example .case-section .heading {
	width: 740px;
	margin: 0 0 10px 0;
	background: url(../../../images/heading_bg01.gif) no-repeat 0 0;
}
body#example .case-section .heading-inner {
	padding: 15px 0 18px 15px;
	background: url(../../../images/heading_bg02.gif) no-repeat 0 100%;
}

body#example .reference {
	font-size:80%;
	padding:5px 5px 5px 5px;
	text-align:right;
}
body#example .number {
	width: 685px;
}
body#example .number p {
	display: block;
	float: left;
	padding: 8px 21px 8px 21px;
/*	margin: 0 18px 0 0;*/
	margin: 0 10px 0 0;
	background: url(../../../images/heading_bg03.gif) no-repeat 0 0;
	font-weight: bold;
	color: #FFFFFF;
}
body#example .number .designh2 {
	float: left;
/*	width: 584px;*/
	width: 580px;
	padding: 4px 0 0 0;
	font-weight: bold;
}
/*column2-box*/
body#example .case-section .heading-inner .column2-box {
	width: 690px;
	float: left;
	padding: 16px 10px 20px 0;
}
body#example .case-section .heading-inner .column2-box .left-box {
	float: left;
}
body#example .case-section .heading-inner .column2-box .right-box {
	padding: 0 0 0 160px;
}
body#example .case-section .heading-inner .column2-box .right-box dl {
	font-weight: bold;
}
body#example .case-section .heading-inner .column2-box .right-box dl dd{
	margin: 0 0 11px 0;
}
body#example .case-section .design3 {
	margin: 0 0 10px 0;
	padding: 11px 20px 0 45px;
	background: url(../../../images/h3_bg01.gif) no-repeat 0 0;
	font-weight: bold;
}
body#example .case-section .detail {
	margin: 0 0 30px 0;
}
body#example .case-section .detail p {
	padding :0 20px 0 45px;
}
body#example .case-section .detail-last {
	margin: 0 0 10px 0;
}
body#example .case-section .detail-last p {
	padding :0 20px 0 45px;
}
body#example .case-section .img-box01 {
	padding: 0 0 10px 0;
}
*html body#example .case-section .img-box01 {
	text-align: center;
}
body#example .case-section .img-box01 p {
	margin: 0 auto;
	width: 326px;
	text-align: right;
}
/*inquiry*/
body#example .case-section .inquiry {
	width: 710px;
	margin: 0 15px 0 15px;
	background: url(../../../images/inquiry_bg01.gif) no-repeat 0 0;
}
body#example .case-section .inquiry .inquiry-inner {
	width: 660px;
	padding: 23px 23px 13px 23px;
	background: url(../../../images/inquiry_bg02.gif) no-repeat 0 100%;
}
body#example .case-section .inquiry .inquiry-inner .left-box {
	float: left;
	width: 490px;
}
body#example .case-section .inquiry .inquiry-inner .left-box p{
	width: 490px;
}
body#example .case-section .inquiry .inquiry-inner .left-box ul.inquiry-note {
	display: block;
	width: 490px;
}
body#example .case-section .inquiry .inquiry-inner .left-box ul.inquiry-note li {
	float: left;
	margin-right: 10px;
}
body#example .case-section .inquiry .inquiry-inner .left-box ul.inquiry-note li img {
	margin-right: 3px;
	vertical-align:middle;
}
*:first-child+html body#example .case-section .inquiry .inquiry-inner .left-box ul.inquiry-note li img {
	vertical-align:middle;
}
html:\66irst-child body#example .case-section .inquiry .inquiry-inner .left-box ul.inquiry-note li img {
	margin-bottom: 4px;
}
body#example .case-section .inquiry .inquiry-inner .right-box {
	float: right;
	width: 166px;
	padding: 30px 0 0 0;
}
body#example .column-top {
	text-align: center;
}
/*-----------------------------
other
------------------------------*/

/* Clearfix */
.cousultant .new-box .new-box-inner:after,
.left-box ul.inquiry-note:after,
.column2-box:after,
.inquiry-inner .left-box:after,
.inquiry:after, 
.inquiry-inner:after,
.heading:after,
.heading-inner:after,
.number:after,
.backnumber-box:after,
.cousultant:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.cousultant .new-box .new-box-inner,
.left-box ul.inquiry-note,
.column2-box,
.inquiry-inner .left-box,
.inquiry,
.inquiry-inner,
.heading,
.heading-inner,
.number,
.backnumber-box,
.cousultant {
	display: inline-block;
	min-height: 1px;  /* for IE 7*/
}
/* Hides from IE-mac \*/
* html .cousultant .new-box .new-box-inner,
* html .left-box ul.inquiry-note,
* html .column2-box,
* html .inquiry-inner .left-box,
* html .inquiry,
* html .inquiry-inner,
* html .heading,
* html .heading-inner,
* html .number,
* html .backnumber-box,
* html .cousultant {
	height: 1px;
}
.cousultant .new-box .new-box-inner,
.left-box ul.inquiry-note
.column2-box,
.inquiry ,
.inquiry-inner .left-box,
.inquiry-inner,
.heading,
.heading-inner,
.number,
.backnumber-box,
.cousultant {
	display: block;
}
/* End hide from IE-mac */

