@charset "UTF-8";

/*--------------------------------------*/
/*special (environment + designconcept)*/
/*--------------------------------------*/
div.special {
width: 585px;
margin-top:20px;
}
/*--------------------------------------*/
/*head*/
div.special .head {
height: 60px;
position: relative;
}
/*navi*/
div.special .head .navi {
background: url(../special/image/navi.gif) no-repeat left top;
position: absolute;
top: -5px;
left: 347px;
width: 238px;
height: 25px;
z-index: 2;
}
div.special .head .navi li {
float: left;
}
div.special .head .navi li a:hover img,
div.environment .head .navi li.environment a img,
div.designconcept .head .navi li.designconcept a img {
filter: alpha(opacity=0);
opacity: 0;
-moz-opacity: 0;
}
div.special .head h2 {
position: absolute;
top: -30px;
z-index: 1;
}
/*--------------------------------------*/
/*foot-navi*/
div.special ul.foot-navi {
clear: both;
padding: 0px 0px 40px 0px;
vertical-align: bottom;
font-size: 0;
line-height: 0;
}
div.special ul.foot-navi li {
text-align: right;
}
div.special ul.foot-navi li a:hover img {
filter: alpha(opacity=0);
opacity: 0;
-moz-opacity: 0;
}


/*--------------------------------------*/
/*environment*/
/*--------------------------------------*/
/*box*/
div.environment .box {
padding: 17px 20px 40px 20px;
clear: both;
}
div.environment .n01 {
background: url(../special/environment/image/box01_bg.gif) repeat-x top left;
}
div.environment .n02 {
background: url(../special/environment/image/box02_bg.gif) repeat-x top left;
}
div.environment .n03 {
background: url(../special/environment/image/box03_bg.gif) repeat-x top left;
}
div.environment .n04 {
background: url(../special/environment/image/box04_bg.gif) repeat-x top left;
}
/*img*/
div.environment .box .img {
position: relative;
}
div.environment .n01 .img,
div.environment .n02 .img {
height: 290px;
}
div.environment .n03 .img,
div.environment .n04 .img {
height: 220px;
}
div.environment .box .img img {
position: absolute;
left: -5px;
}
/*h3*/
div.environment .box h3 {
float: left;
width: 150px;
padding: 15px 0px 0px 0px;
}
/*text*/
div.environment .box .text {
float: right;
width: 390px;
padding: 5px 0px 0px 0px;
}
div.environment .box .text h4 {
padding: 10px 0px 3px 0px;
}
div.environment .box .text ul {
text-align:justify;
text-justify:inter-ideograph; 
line-break: strict;
line-height:1.5;
font-size:0.75em;
padding: 5px 0px 0px 0px;
}
div.environment .box .text ul li {
padding: 5px 0px 0px 1em;
background: url(../special/environment/image/box03_point.gif) no-repeat 4px 12px;
}
div.environment .box .text span {
font-size: 0.83em;
}
/*--------------------------------------*/
/*foot-navi*/
div.environment ul.foot-navi li {
background: url(../special/environment/image/foot-navi_b_bg.gif) no-repeat right top;
}


/*--------------------------------------*/
/*designconcept*/
/*--------------------------------------*/
/*lead*/
div.designconcept p.lead {
padding:0px;
position: relative;
height: 370px;
}
div.designconcept p.lead span.img {
position: absolute;
display: block;
left: -5px;
height: 340px;
width: 595px;
background: url(../special/designconcept/image/lead_bg.gif) no-repeat left top;
}
div.designconcept p.lead span.img img {
position: absolute;
top: 5px;
left: 10px;
}
/*--------------------------------------*/
/*box*/
div.designconcept .box {
clear: both;
position: relative;
padding: 0px 0px 40px 0px;
}
div.designconcept .box h3 {
}
div.designconcept .box .photo {
position: absolute;
left: -5px;
padding: 15px 0px 0px 0px;
}
div.designconcept .box .text {
float: right;
width: 440px;
padding: 15px 0px 0px 0px;
}
div.designconcept .box .text p {
padding: 10px 0px 0px 0px;
}
div.designconcept .box .text div.profile {
border: 1px solid #E8E7E5;
padding: 14px 19px;
background: #FCFCFA;
font-size: 0.7em;
line-height:1.4;
margin: 15px 0px 0px 0px;
}

.profile_table{
width: 400px;
font-size:1.1em;
margin-bottom:1.2em;
}
.profile_table th{
width: 35px;
padding:1px;
vertical-align:text-top;
}
.profile_table td{
padding:1px;
width:310px;
}

.profile_table td.profile_table_cap{
width:360px;
padding-top:0.2em;
}



/*--------------------------------------*/
/*foot-navi*/
div.designconcept ul.foot-navi li {
background: url(../special/designconcept/image/foot-navi_b_bg.gif) no-repeat right top;
}


/*--------------------------------------*/
/*ｐｃインフォ*/

.pc_info{
	background: url(../image/cmn/back_main.gif) repeat left top;
	font-size:0.8em;
	margin:20px;
	width:500px;
}


.pc_info ol{
padding-bottom:10px;
	margin-bottom:20px;
	margin-top:10px;
	border-bottom:#40776b 1px solid;
}

.pc_info address{
margin-right:auto;
margin-left:auto;
width:280px;
}


.pc_info_link{
	background:url(../image/cmn/foot_li.gif) no-repeat left 0.45em;
	padding-left:8px;
}




.box01_back{
	background:url(../special/designconcept/image/box01.jpg) no-repeat left top;
}