@charset "Shift_JIS";

/*	Base Style Sheet
*	Last Update 2012.05.19
*
*	1-1.General
*	1-2.Hypertext Module
*	1-3.Structure Module
*	1-4.Editorial Module
*	1-5.Footer Module
*	1-6.Hack Module
*	1-7.Margin Module
*	1-8.Justification
*	1-9.Float
*
*	1-10.Index Setting
*	1-11.Concept Setting
*	1-12.Design Setting
*	1-13.Modelroom Setting
*	1-14.Plan Setting
*	1-15.Equipment Setting
*	1-16.Ecology Setting
*	1-17.Security Setting
*	1-18.Structure Setting
*	1-19.Location Setting
*	1-20.Access Setting
*	1-21.Brand Setting
*/

/*======================================

	1-1.General

=======================================*/
body {
background-color:#fff;
color:#111;
font-family: 'ƒqƒ‰ƒMƒmŠpƒS Pro W3', 'Hiragino Kaku Gothic Pro', '‚l‚r ‚oƒSƒVƒbƒN', sans-serif;
text-align:center;
}
body {
font-size:13px;
*font-size:small;
*font:x-small;
line-height:1.6;
_line-height:1.4;
}

/* for ie7  */ 
*:first-child+html body,table {
font-size:13px;
line-height:1.4;
}

/* for ie8 */  
html>/**/body body,table {
font-size/*\**/:13px\9;
line-height/*\**/:1.4\9;
}

table {
font-size:inherit;
font:100%;
}

body,
h1,h2,h3,h4,h5,h6,div,ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
p,pre,blockquote {
margin:0;
padding:0;
}


fieldset,img {border:0;}
ul,ol {list-style:none;}
table {
border-collapse:collapse;
border-spacing:0;
}
table th,
table td {vertical-align:top;}

iframe {border:none;}




/*======================================

	1-2.Hypertext Module

=======================================*/

/* <Default> */
a {color:#06c;}
a:link {text-decoration:underline;}
a:visited {text-decoration:none;}
a:active {text-decoration:none;}
a:hover {text-decoration:none;}

a.Arrow-Def {
padding-left:10px;
background:url(../img/arrow_def.gif) no-repeat 0 0;
}


/*======================================

	1-3.Structure Module

=======================================*/
#Wrap {font-size:93%;}
#BodyContainer {
width:960px;
margin:0 auto;
}
#Contents {
width:920px;
margin:30px auto 0;
text-align:left;
}

#LeftColumn {
float:left;
}
#RightColumn {
float:right;
}

/*======================================

	1-4.Editorial Module

=======================================*/

/* == HEADER == */
#Header {margin:25px 20px 20px;}
#Header h1 {
float:left;
width:296px;
}
#Header h1 a {
display:block;
width:296px;
height:60px;
background:url(../img/logo.gif) no-repeat;
text-indent:-9999em;
overflow:hidden;
}
#Header p {
float:right;
margin-bottom:15px;
font-size:93%;
}
#uNavi {float:right;}
#uNavi li {
margin-right:10px;
float:left;
}
#uNavi li.li-Last {margin-right:0;}

/* == gNavi == */
#gNavi {
width:920px;
height:61px;
margin:0 0 20px 20px;
/*margin:0 0 200px 20px;*/
background:url(../img/bg_gnavi.gif) no-repeat;
}
#gNavi li {
float:left;
height:29px;
padding-left:1px;
}
#gNavi li a {
height:29px;
}

#gNavi li.gnavi01,
#gNavi li.gnavi02,
#gNavi li.gnavi03,
#gNavi li.gnavi04,
#gNavi li.gnavi05,
#gNavi li.gnavi06 {margin:1px 0;}

#gNavi li.gnavi07,
#gNavi li.gnavi08,
#gNavi li.gnavi09,
#gNavi li.gnavi10,
#gNavi li.gnavi11,
#gNavi li.gnavi12 {
margin:0;
_margin-top:-3px;
}


/* *********Alpha Setting 
#gNavi li.gnavi07 img,
#gNavi li.gnavi08 img{
opacity: 0.40;
filter: alpha(opacity=40);
-moz-opacity: 0.40;
-ms-filter: "alpha(opacity=40)";
}*/

/* == fNavi == */
#CommonBox {
clear:both;
padding-top:20px;
padding-bottom:1px;
background:url(../img/line_dot.gif) repeat-x 0 100%;
}

#fNavi {
width:920px;
background:url(../img/bg_fnavi.gif) repeat-x 0 0;
}
#fNavi li {
float:left;
margin:1px 10px 1px 0;
height:29px;
text-indent:-9999em;
overflow:hidden;
}
#fNavi li.fnavi13,
#fNavi li.fnavi14,
#fNavi li.fnavi15,
#fNavi li.fnavi16 {margin-top:0;}
#fNavi li a {
display:block;
height:29px;
}

#fNavi li.fnavi01 a {
width:53px;
background:url(../img/fnavi01.gif) no-repeat;
}
#fNavi li.fnavi02 a {
width:75px;
background:url(../img/fnavi02.gif) no-repeat;
}
#fNavi li.fnavi03 a {
width:64px;
background:url(../img/fnavi03.gif) no-repeat;
}
#fNavi li.fnavi04 a {
width:84px;
background:url(../img/fnavi04.gif) no-repeat;
}
#fNavi li.fnavi05 a {
width:53px;
background:url(../img/fnavi05.gif) no-repeat;
}
#fNavi li.fnavi06 a {
width:75px;
background:url(../img/fnavi06.gif) no-repeat;
}
#fNavi li.fnavi07 a {
width:74px;
background:url(../img/fnavi07.gif) no-repeat;
}
#fNavi li.fnavi08 a {
width:82px;
background:url(../img/fnavi08.gif) no-repeat;
}
#fNavi li.fnavi09 a {
width:46px;
background:url(../img/fnavi09.gif) no-repeat;
}
#fNavi li.fnavi10 a {
width:66px;
background:url(../img/fnavi10.gif) no-repeat;
}
#fNavi li.fnavi11 a {
width:62px;
background:url(../img/fnavi11.gif) no-repeat;
}
#fNavi li.fnavi12 a {
width:63px;
margin-right:0;
background:url(../img/fnavi12.gif) no-repeat;
}
#fNavi li.fnavi13 {padding-left:311px;}
#fNavi li.fnavi13 a {
width:75px;
background:url(../img/fnavi13.gif) no-repeat;
}
#fNavi li.fnavi14 a {
width:64px;
background:url(../img/fnavi14.gif) no-repeat;
}
#fNavi li.fnavi15 a {
width:64px;
background:url(../img/fnavi15.gif) no-repeat;
}
#fNavi li.fnavi16 a {
width:64px;
background:url(../img/fnavi16.gif) no-repeat;
}


/* *********Alpha Setting 
#fNavi li.fnavi07,
#fNavi li.fnavi08 {
opacity: 0.40;
filter: alpha(opacity=40);
-moz-opacity: 0.40;
-ms-filter: "alpha(opacity=40)";
}*/

#fNavi li a:hover {
background-position:0 -29px;
}

#pAnchor {margin:0 0 10px 810px;}
#pAnchor a {
display:block;
width:110px;
height:24px;
background:url(../img/btn_panchor.gif) no-repeat;
text-indent:-9999em;
overflow:hidden;
}
#pAnchor a:hover {
background-position:0 -24px;
}

/* == TITLE == */
.h2-ttl {
margin-bottom:40px;
background:url(../img/line_dot.gif) repeat-x 0 100%;
}
.h3-ttl {margin-bottom:30px;}


/* == FONT == */
.fontLL {font-size:123.1%;}
.fontL {font-size:108%}
.fontM {font-size:93%;}
.fontMM {font-size:92%;}
.fontS{font-size:85%;}
.fontSS {font-size:77%;}

/*======================================

	1-5.Footer Module

=======================================*/
#Footer {
margin-top:40px;
padding-bottom:30px;
background:#fff url(../img/bg_footer.gif) repeat-x;
}
#InnerFooter {
width:920px;
margin:0 auto;
text-align:left;
}
#InnerFooter h3 {float:left;}
#InnerFooter ul {float:right;}
#InnerFooter li {
margin-bottom:10px;
text-align:right;
line-height:1;
}
#InnerFooter li a {color:#333;}
#InnerFooter li span {
padding-left:8px;
background:url(../img/arrow_def.png) no-repeat 0 50%;
}
#InnerFooter li.li-Copy {margin:15px 0 0;}

#InnerFooter li a {font-size:10px;}

#InnerFooter li span {
font-size:10px;
color:#333;
}

/*======================================

	1-6.Hack Module

=======================================*/

#Header:after,
#gNavi:after,
#Contents:after,
/*#fNavi:after,*/
#Footer:after {
content:".";
display:block;
height:0;
clear:both;
line-height:0;
visibility:hidden;
overflow:hidden;
font-size:0.1em;
}

#Header,
#gNavi,
#Contents,
/*#fNavi,*/
#Footer {display:inline-block;}
/* Hides from IE5-mac \*/

*html #Header,
*html #gNavi,
*html #Contents,
/**html #fNavi,*/
*html #Footer {height:1%;}

#Header,
#gNavi,
#Contents,
/*#fNavi,*/
#Footer {display:block;}
/* End hide from IE5-mac */

html>/**/body #Header,
html>/**/body #Contents,
html>/**/body #fNavi,
html>/**/body #Footer { display /*�E¼**/: block�E¼9 }


.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
line-height:0;
visibility:hidden;
overflow:hidden;
font-size:0.1em;
}
.clearfix {display:inline-block;}
/* Hides from IE5-mac \*/
*html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE5-mac */

html>/**/body .clearfix { display /*\**/: block\9 }


/*======================================

	1-7.Margin Module

=======================================*/

/* <Left Margin> */
.marL0 {margin-left:0px;}
.marL5 {margin-left:5px;}
.marL10 {margin-left:10px;}
.marL15 {margin-left:15px;}
.marL20 {margin-left:20px;}
.marL25 {margin-left:25px;}
.marL30 {margin-left:30px;}
.marL35 {margin-left:35px;}
.marL40 {margin-left:40px;}

/* <Right Margin> */
.marR0 {margin-right:0px;}
.marR5 {margin-right:5px;}
.marR10 {margin-right:10px;}
.marR15 {margin-right:15px;}
.marR20 {margin-right:20px;}
.marR25 {margin-right:25px;}
.marR30 {margin-right:30px;}
.marR35 {margin-right:35px;}
.marR40 {margin-right:40px;}

/* <Top Margin> */
.marT0 {margin-top:0px;}
.marT5 {margin-top:5px;}
.marT10 {margin-top:10px;}
.marT15 {margin-top:15px;}
.marT20 {margin-top:20px;}
.marT25 {margin-top:25px;}
.marT30 {margin-top:30px;}
.marT35 {margin-top:35px;}
.marT40 {margin-top:40px;}
.marT50 {margin-top:50px;}
.marT60 {margin-top:60px;}

/* <Bottom Margin> */
.marB0 {margin-bottom:0px;}
.marB5 {margin-bottom:5px;}
.marB10 {margin-bottom:10px;}
.marB15 {margin-bottom:15px;}
.marB20 {margin-bottom:20px;}
.marB25 {margin-bottom:25px;}
.marB30 {margin-bottom:30px;}
.marB35 {margin-bottom:35px;}
.marB40 {margin-bottom:40px;}
.marB50 {margin-bottom:50px;}
.marB60 {margin-bottom:60px;}


/*======================================

	1-2.Padding Module

=======================================*/

/* <Left Padding> */
.padL0 {padding-left:0px;}
.padL5 {padding-left:5px;}
.padL10 {padding-left:10px;}
.padL15 {padding-left:15px;}
.padL20 {padding-left:20px;}
.padL25 {padding-left:25px;}
.padL30 {padding-left:30px;}
.padL35 {padding-left:35px;}
.padL40 {padding-left:40px;}

/* <Right Padding> */
.padR0 {padding-right:0px;}
.padR5 {padding-right:5px;}
.padR10 {padding-right:10px;}
.padR15 {padding-right:15px;}
.padR20 {padding-right:20px;}
.padR25 {padding-right:25px;}
.padR30 {padding-right:30px;}
.padR35 {padding-right:35px;}
.padR40 {padding-right:40px;}

/* <Top Padding> */
.padT0 {padding-top:0px;}
.padT5 {padding-top:5px;}
.padT10 {padding-top:10px;}
.padT15 {padding-top:15px;}
.padT20 {padding-top:20px;}
.padT25 {padding-top:25px;}
.padT30 {padding-top:30px;}
.padT35 {padding-top:35px;}
.padT40 {padding-top:40px;}

/* <Bottom Padding> */
.padB0 {padding-bottom:0px;}
.padB5 {padding-bottom:5px;}
.padB10 {padding-bottom:10px;}
.padB15 {padding-bottom:15px;}
.padB20 {padding-bottom:20px;}
.padB25 {padding-bottom:25px;}
.padB30 {padding-bottom:30px;}
.padB35 {padding-bottom:35px;}
.padB40 {padding-bottom:40px;}

/* <All Padding> */
.pad0 {padding:0px;}
.pad5 {padding:5px;}
.pad10 {padding:10px;}
.pad15 {padding:15px;}
.pad20 {padding:20px;}
.pad25 {padding:25px;}
.pad30 {padding:30px;}
.pad35 {padding:35px;}
.pad40 {padding:40px;}


/*======================================

	1-8.Justification

=======================================*/

.alignL {text-align:left;}
.alignR {text-align:right;}
.alignC {text-align:center;}
.alignT {vertical-align:top;}
.alignM {vertical-align:middle;}
.alignB {vertical-align:bottom}


/*======================================

	1-9.Float

=======================================*/

.Left {
float:left;
display:inline;
}
.Right {
float:right;
display:inline;
}

.clear {clear:both;}
.clearL {clear:left;}
.clearR {clear:right;}
br.clear {font-size:1px;}
div.hidden {
height:1px;
font-size:1px;
line-height:1px;
}

.nowrap {white-space:nowrap;}


/*======================================

	1-10.Index Setting

=======================================*/
#NewsColumn {
float:left;
width:550px;
width:570px;
}
#newsFrame {
border:0;
width:570px;
/*height:120px;*/
}
#ContactColumn {
float:right;
width:307px;
}
#ContactColumn h3 {margin-bottom:1px;}

#ul-Contact li {
margin-top:1px;
height:82px;
background:url(../img/line_dot.gif) repeat-x 0 100%;
}
#ul-Contact li.no-Sepa {
margin:10px 0 15px;
height:84px;
background:none;
margin:10px 0 0px;
}

#ul-Contact li.Idx-map {
height:32px;
}

/*======================================

	1-11.Concept Setting

=======================================*/

/* Hack */
/* For modern browsers */
#ul-Cnp:before,
#ul-Cnp:after {
content:"";
display:table;
}
  
#ul-Cnp:after {clear:both;}
  
/* For IE 6/7 (trigger hasLayout) */
#ul-Cnp {zoom:1;}
/*==========*/


#ul-Cnp {margin-bottom:10px;}
#ul-Cnp li {float:left;}
#ul-Cnp li a {display:block;}

body#Concept-id.cnp02 .Left,
body#Concept-id.cnp02 .Right {width:430px;}

/*======================================

	1-12.Design Setting

=======================================*/

/* Hack */
/* For modern browsers */
#dl-Design01:before,
#dl-Design01:after {
content:"";
display:table;
}
  
#dl-Design01:after {clear:both;}
  
/* For IE 6/7 (trigger hasLayout) */
#dl-Design01 {zoom:1;}
/*==========*/

#dl-Design01 {margin-bottom:30px;}
#dl-Design01 dt {
float:left;
width:600px;
margin-right:55px;
}
#dl-Design01 dd {
float:left;
width:120px;
margin-right:25px;
text-align:center;
}
#dl-Design01 dd.dd-Last { margin-right:0;}
#dl-Design01 dd img {margin-bottom:2px;}
#dl-Design01 dd span {font-size:85%;}

.ul-Note {
margin:20px 0 0 1em;
}
.ul-Note li {
font-size:93%;
text-indent:-1em;
}
.fontGray{ color:#444444; font-size:11px; line-height:130%; }


body#Design-id .section.Type01 {margin-bottom:40px;}
body#Design-id .section.Type02 {margin-bottom:30px;}
body#Design-id .section.Type01 .Left,
body#Design-id .section.Type02 .Right {width:540px;}
body#Design-id .section.Type02 .Left,
body#Design-id .section.Type01 .Right {width:350px;}
body#Design-id .section h4,
body#Design-id .section p {
width:350px;
margin-bottom:10px;
}

#ul-Entrance {margin-top:30px;}
#ul-Entrance li {
float:left;
width:100px;
margin-right:25px;
text-align:center;
}
#ul-Entrance li.li-Last {margin-right:0;}
#ul-Entrance li span {font-size:85%;}


/*======================================

	1-13.Modelroom Setting

=======================================*/


/*======================================

	1-14.Plan Setting

=======================================*/

#ul-Plan {margin-bottom:40px;}
#ul-Plan li {
float:left;
width:290px;
text-align:center;
}
#ul-Plan li div {
border:1px dotted #ccc;
padding:2px;
}
#ul-Plan li dt {margin-bottom:28px;}
#ul-Plan li span a,
#ul-Plan li span {
display:block;
margin-top:10px;
}

.noteBox {font-size:93%;}
.noteBox span {
float:left;
width:145px;
}
.noteBox p {padding:5px 0 0 150px;}

/*======================================

	1-15.Equipment Setting

=======================================*/

/* Hack */
/* For modern browsers */
#ul-Eqp:before,
#ul-Eqp:after,
#EqpGallery:before,
#EqpGallery:after {
content:"";
display:table;
}
  
#ul-Eqp:after,
#EqpGallery:after {clear:both;}
  
/* For IE 6/7 (trigger hasLayout) */
#ul-Eqp,
#EqpGallery {zoom:1;}
/*==========*/


#ul-Eqp {margin-bottom:20px;}
#ul-Eqp li {float:left;}
#ul-Eqp li a {display:block;}

#EqpGallery {
margin:20px 0;
padding:20px 0 20px 20px;
color:#fff;
background:url(../../equipment/img/bg_section.gif);
}
#EqpGallery li {float:left;}
#EqpGallery li img {
border:1px solid #272727;
padding:4px;
}
#EqpGallery dt {
margin:5px 0 3px;
padding-left:15px;
background:url(../../equipment/img/ic_dt-ttl.gif) no-repeat 0 0.5em;
font-weight:bold;
}
#EqpGallery dt span,
#EqpGallery dd span {font-size:93%;}
#EqpGallery.Type01 li {
width:280px;
margin-right:20px;
}
#EqpGallery.Type02 li {
width:214px;
margin-right:8px;
}


/*======================================

	1-16.Ecology Setting

=======================================*/


/* Hack */
/* For modern browsers */
#ul-Ecl:before,
#ul-Ecl:after,
#ul-Spec:before,
#ul-Spec:after,
#ul-Spec li dl:before,
#ul-Spec li dl:after {
content:"";
display:table;
}
  
#ul-Ecl:after,
#ul-Spec:after,
#ul-Spec li dl:after {clear:both;}
  
/* For IE 6/7 (trigger hasLayout) */
#ul-Ecl,
#ul-Spec,
#ul-Spec li dl {zoom:1;}
/*==========*/


#ul-Ecl {margin-bottom:20px;}
#ul-Ecl li {float:left;}
#ul-Ecl li a {display:block;}

#Ecology01 {
width:760px;
margin:0 80px;
}

#Ecology01 h3 {
border-bottom:1px solid #d9e14a;
margin-bottom:20px;
padding-bottom:7px;
}

/*
#Ecology01 dl {margin-top:20px;}
#Ecology01 dd {
margin-top:5px;
font-size:93%;
}*/

/**/
#Ecology01 dl {margin-top:50px; overflow:hidden; zoom:1;}
#Ecology01 dt {float:left; margin-right:59px;}
#Ecology01 dd{float:right;}
#Ecology01 dd p{ margin-bottom:20px;}

#Ecology01 .One1 {margin-top:30px; clear:both;}
#Ecology01 .One2 {
margin-top:5px;
font-size:93%;
}





/**/

#ul-Spec li {
float:left;
width:440px;
margin:0 40px 30px 0;
padding-top:10px;
background:url(../../ecology/img/bg_section.jpg) no-repeat 0 0;
}
#ul-Spec li.li-noMar {margin-right:0;}

#ul-Spec li h3,
#ul-Spec li p,
#ul-Spec li dl,
#ul-Spec li div {
margin-left:10px;
margin-right:10px;
}
#ul-Spec li .cntImage {text-align:center;}

#ul-Spec li h3 {
margin-bottom:20px;
padding-left:20px;
background:url(../../ecology/img/ic_circle.gif) no-repeat 0 3px;
}
#ul-Spec li p {margin-bottom:20px;}

#ul-Spec li dl {
width:420px;
margin:0 auto;
}
#ul-Spec li dt {float:left;}
#ul-Spec li dd {float:right;}
#ul-Spec li dd .caption {
line-height:2;
font-size:85%;
}

#ul-Spec li .dl-Type01 dt {width:230px;}
#ul-Spec li .dl-Type02 dt {width:200px;}
#ul-Spec li .dl-Type03 dt {width:420px;}

#ul-Spec li .dl-Type01 dd {
width:180px;
text-align:right;
}
#ul-Spec li .dl-Type02 dd {
width:210px;
text-align:right;
}
#ul-Spec li .dl-Type03 dd {width:420px;}

#Performance {
border:1px solid #999;
padding:19px 15px;
background-color:#f9f7f7;

margin-top:20px;

}
#Performance dl {margin-top:20px;}
#Performance dd {
margin-top:10px;
font-size:85%;
}


/*======================================

	1-17.Security Setting

=======================================*/

#Security01 {
width:740px;
margin:0 90px;
}
#Security01 h4 {margin:30px 0 20px;}
#Security01 dt {margin-bottom:30px;}

body#Securith-id #ul-Spec li .dl-Type01 dt {width:240px;}
body#Securith-id #ul-Spec li .dl-Type01 dd {width:170px;}

#ul-Spec li .dl-Type04 dt {
width:150px;
font-size:85%;
}
#ul-Spec li .dl-Type04 dd {
width:260px;
text-align:right;
}

#ul-Spec li.li-Model {
border:1px solid #999;
margin-right:38px;
padding:10px 0;
background:#f7efef none;
}
#ul-Spec li.li-Model h3 {
margin-bottom:10px;
padding-bottom:10px;
background:url(../../security/img/bg_line.gif) repeat-x 0 100%;
text-align:center;
}
#ul-Spec li.li-Model p {margin-bottom:0;}

/*======================================

	1-18.Structure Setting

=======================================*/

/* Hack */
/* For modern browsers */
#ul-Str:before,
#ul-Str:after,
#ul-Structure:before,
#ul-Structure:after {
content:"";
display:table;
}
  
#ul-Str:after,
#ul-Structure:after {clear:both;}
  
/* For IE 6/7 (trigger hasLayout) */
#ul-Str,
ul-Structure {zoom:1;}
/*==========*/


#ul-Str {margin-bottom:20px;}
#ul-Str li {float:left;}
#ul-Str li a {display:block;}


#dl-StrCheck {margin:28px 0 40px;}
#dl-StrFlow {margin-bottom:30px;}

#dl-StrCheck,
#dl-StrFlow {text-align:center;}
#dl-StrCheck dt,
#dl-StrFlow dt {margin-bottom:20px;}

#dl-StrCheck dd {
border:1px solid #dedede;
padding:19px;
}

#NormBox h4 {margin-bottom:20px;}
#NormBox .normMark {
border:1px solid #999;
margin-top:10px;
padding:13px 0;
text-align:center;
}

#ul-Structure li {
float:left;
width:440px;
margin:0 40px 30px 0;
padding-top:10px;
background:url(../../structure/img/bg_section.gif) no-repeat 0 0;
}
#ul-Structure li.li-noMar {margin-right:0;}

#ul-Structure li h3 {
margin:0 10px 20px;
padding-left:20px;
background:url(../../structure/img/ic_str.gif) no-repeat 0 0.3em;
font-size:108%;
}
#ul-Structure .cntSection {margin:0 10px;}
#ul-Structure .cntImage {
float:right;
margin-left:15px;
}

/*======================================

	1-19.Location Setting

=======================================*/

#LocationSwf {margin:30px 60px 5px;}

.h3-life {
margin-bottom:20px;
padding:10px;
background-color:#333;
text-align:center;
}

#LifeInfo .section {
float:left;
width:440px;
}
#LifeInfo h4 {
border:1px solid #999;
margin-bottom:10px;
padding:5px 0 5px 1.5em;
font-weight:normal;
}
#LifeInfo .LifeTB {
width:440px;
margin-bottom:20px;
font-size:93%;
}
#LifeInfo .LifeTB th,
#LifeInfo .LifeTB td {padding:5px 0;}
#LifeInfo .LifeTB th {
width:70%;
font-weight:normal;
text-align:left;
}
#LifeInfo .LifeTB td {width:15%;}
#LifeInfo .LifeTB .distance {text-align:right;}

#LifeInfo .LifeTB th span {
padding-right:0.5em;
/*color:#333;*/
}

/*======================================

	1-20.Access Setting

=======================================*/

body#Access-id #LeftColumn {width:360px;}
body#Access-id #RightColumn {
width:540px;
padding-top:15px;
}

#ul-Access {
clear:both;
padding-top:50px;
}
#ul-Access li {
float:left;
width:290px;
}
#ul-Access li dt {
border:1px solid #ccc;
padding:2px;
}
#ul-Access li dd {
margin-top:4px;
padding-left:15px;
background:url(../img/ic_caption.gif) no-repeat 0 50%;
}

/*======================================

	1-21.Brand Setting

=======================================*/

#CheckEyes {margin:50px 0 40px;}
#CheckEyes .ul-Brand.type02 {
margin-top:20px;
padding-left:157px;
}
#CheckEyes .ul-Brand li {
float:left;
width:290px;
margin-right:25px;
}
#CheckEyes .ul-Brand li.no-Mar {
margin-right:0;
}
#CheckEyes .ul-Brand dt {
margin-bottom:5px;
padding-bottom:5px;
text-align:center;
}
#CheckEyes .ul-Brand .dt-type01 dt {border-bottom:1px solid #0069a0;}
#CheckEyes .ul-Brand .dt-type02 dt {border-bottom:1px solid #76a32d;}
#CheckEyes .ul-Brand .dt-type03 dt {border-bottom:1px solid #00498a;}
#CheckEyes .ul-Brand .dt-type04 dt {border-bottom:1px solid #d0850a;}
#CheckEyes .ul-Brand .dt-type05 dt {border-bottom:1px solid #b94645;}
#CheckEyes .ul-Brand dd {text-align:center;}
/*#CheckEyes .ul-Brand dd p {
font-size:123.1%;
font-weight:bold;
text-align:center;
}
#CheckEyes .ul-Brand dd span {
display:block;
font-size:93%;
}
#CheckEyes .ul-Brand .dt-type01 dd p {color:#0069a0;}
#CheckEyes .ul-Brand .dt-type02 dd p {color:#76a32d;}
#CheckEyes .ul-Brand .dt-type03 dd p {color:#00498a;}
#CheckEyes .ul-Brand .dt-type04 dd p {color:#d0850a;}
#CheckEyes .ul-Brand .dt-type05 dd p {color:#b94645;}*/

#Works {
padding:10px 20px;
border:1px solid #999;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}
#Works h3 {margin-bottom:15px;}
#Works p {
float:left;
width:470px;
width:365px;
}
#Works table {
float:right;
width:385px;
}
#Works td {
font-size:85%;
text-align:right;
}
#Works td.emptyCell {
width:5px;
font-size:1px;
}

#Works p span {
font-size:85%;
}

/*======================================

	1-00.MIYA add

=======================================*/

/*body#Idx-id {background:url(../img/bg.jpg) repeat-x;}*/
body#Idx-id {background:url(../img/bg6.jpg) repeat-x;}
body#Idx-id {background:url(../img/bg8.jpg) repeat-x;}
body#Idx-id {background:url(../img/bg10.jpg) repeat-x;}

body#Idx-id #gNavi{ margin:0 0 19px 0px;}

/* for ie6  */ 
* html #gNavi{ margin:0 0 20px 0px;}
* html body#Idx-id #gNavi{ margin:0 0 22px 0px;}

/* for ie7  */ 
*:first-child+html #gNavi{ margin:0 0 20px 0px;}
*:first-child+html body#Idx-id #gNavi{ margin:0 0 24px 0px;}

/* for ie8  */ 
html>/**/body #gNavi{ margin/*\**/:0 0 20px 20px\9;}
html>/**/body#Idx-id #gNavi{ margin/*\**/:0 0 25px 25px\9;}

.marL45 {margin-left:45px;}
.marL50 {margin-left:50px;}
.marL55 {margin-left:55px;}
.marL60 {margin-left:60px;}

/*#LocationSwf {margin:30px 60px 5px;}  ƒ_ƒu‚è‚Ì‚½‚ß�í�œ*/

.Lo-noteBox{
width:800px;
margin:0 0 30px 60px;
font-size:93%;
}
.Lo-noteBox2{
width:920px;
background-color:#CCCCCC;
padding:20px 20px;
margin:20px 0 30px 0px;
font-size:93%;
}

#LifeInfo #SHOP th span {
color:#E7589A;
}
#LifeInfo #EDU th span {
color:#FF9900;
}
#LifeInfo #MEDI th span {
color:#00B0EE;
}
#LifeInfo #BANK th span {
color:#7076C2;
}
#LifeInfo #PUB th span {
color:#666666;
}
#LifeInfo #PARK th span {
color:#339900;
}

#LifeInfo .LifeTB th,
#LifeInfo .LifeTB td {
border-bottom:1px solid #ededed;
}

#Performance {
margin-top:20px;
background:#f7efef none;
}

#Performance  h3 {
margin-bottom:15px;
padding-bottom:15px;
background:url(../../security/img/bg_line.gif) repeat-x 0 100%;
text-align:left;
}
#Performance dl {margin-top:10px;}

#Canpaign {overflow:hidden;}
#Canpaign-BT{position:relative; top:-29px; left:386px;}
#Canpaign-BT li{ float:left; margin-right:10px;}

/* for ie6  */ 
* html #Canpaign-BT{position:static; margin-top:-29px; margin-left:386px;}
* html #Canpaign { height:110px;}

/*20130404’ljÁ
* html #Canpaign { height:230px;}
20130404’ljÁ*/



* html #NewsColumn {
margin-top:30px;
}
* html #ContactColumn {
margin-top:30px;
}

* html #ul-Plan li div {
border:1px solid #ccc;
padding:2px;
}

#ul-Spec li {
/*background:url(../../ecology/img/bg_section01.jpg) repeat-y 0px 0px;*/
background:url(../../ecology/img/bg_section02.jpg) no-repeat 0px 20px;
}

#ul-Spec li img {
vertical-align: bottom;
}

#ul-Spec li h3 {
padding-left:30px;
background:url(../../ecology/img/ic_circle2.gif) no-repeat 0 3px;
}

.BOX-W{
float:left;
width:440px;
}

.BOX01{
/*background-color:#FFFFCC;*/
background:url(../../ecology/img/bg_section02.jpg) no-repeat 0px 10px;
/*width:440px;
float:left; */
padding:0px;
overflow:hidden;
}

.BOX02{
width:440px;
margin-top:20px;
margin-left:0px;
overflow:hidden;
clear:both;
}

.BOX01 h3 {
background-color:#FFFFFF;
margin:10px 10px; 
margin:0 10px;
padding:0 10px 10px;
padding-left:30px;
background:url(../../ecology/img/ic_circle2.gif) no-repeat 0 3px;
/*font-size:96%;*/
}

.BOX01 p {
width:420px;
margin:0 auto;
}


.BOX01 dl {
width:420px;
margin:0 auto;
}
.BOX01 dt {float:left;}
.BOX01 dd {float:right;}
.BOX01 dd .caption {
line-height:2;
font-size:85%;
}

.BOX01 .dl-Type01 dt {width:230px;}
.BOX01 .dl-Type02 dt {width:200px;}
.BOX01 .dl-Type03 dt {width:420px;}
.BOX01 .dl-Type04 dt {width:150px; font-size:85%;}

.BOX01 .dl-Type01 dd {
width:180px;
text-align:right;
}

.BOX01 .dl-Type04 dd {
width:260px;
text-align:right;
}

.BOX-space {
clear:both;
padding-top:10px;
_padding-top:0px;
}

/* for ie7  */ 
*:first-child+html .BOX-space{padding-top:0px;}

/* for ie8  */ 
html>/**/body .BOX-spac{ padding-top/*\**/:0px\9;}


#ul-Spec li.li-Model {
border:1px solid #999;
margin-right:38px;
padding:10px 0;
background:#f7efef none;
}
#ul-Spec li.li-Model h3 {
margin-bottom:10px;
padding-bottom:10px;
background:url(../../security/img/bg_line.gif) repeat-x 0 100%;
text-align:center;
}
#ul-Spec li.li-Model p {margin-bottom:0;}

.li-Model {
border:1px solid #999;
padding:10px 10px;
background:#f7efef none;
width:418px;
}
.li-Model h3 {
margin-bottom:10px;
padding-bottom:10px;
background:url(../../security/img/bg_line.gif) repeat-x 0 100%;
text-align:center;
}
.li-Model p {margin-bottom:0;}

.BOX01 .cntSection {margin:0 10px;}
.BOX01 .cntImage {
float:right;
margin-left:15px;
}