@charset "UTF-8";

/*--- common ---*/
@import url(../../cmn/css/common.css);


/*============================================================================
style_about style
============================================================================*/
#about #container {
padding-bottom:0px;
}

#about #footer {
position:relative;
}

#about .contentbox{
height:auto;
padding-right:10px;
width:900px;
}

#about #main-content{
width:670px;
}

/*intro*/
#about #intro{
background:url(../img/bg_intro.jpg) 0 100% no-repeat;
height:auto;
_height:90px;
min-height:90px;
padding-bottom:15px;
width:670px;
}

#about #intro h1{
height:46px;
margin-bottom:15px;
width:670px;
}

#about #intro p{
line-height:2;
margin-bottom:30px;
padding-left:10px;
width:660px;
}

/*concept*/
#about #concept{
background:url(../img/bg_concept.jpg) 0 0 no-repeat;
height:auto;
_height:605px;
margin-bottom:20px;
min-height:605px;
width:670px;
}

#about #concept h2{
height:90px;
margin-bottom:40px;
padding-top:65px;
padding-left:20px;
width:368px;
}

#about #concept p{
line-height:2.2;
margin-bottom:25px;
padding-left:20px;
width:650px;
}

/*inner*/
#about .inner{
height:auto;
margin-bottom:26px;
width:670px;
}

#about .inner h2{
height:124px;
width:670px;
}

#about .inner .d-section{
height:auto;
width:670px;
}

#about .inner .d-section .box{
height:auto;
padding-top:25px;
padding-bottom:14px;
}

#about .inner .d-section dl{
border:#E0DDDB solid 1px;
height:auto;
padding:15px;
width:638px;
}

#about .inner .d-section dl dt{
color:#C40053;
height:auto;
font-weight:bold;
}

#about .inner .d-section dl dd{
height:auto;
font-size:83%;/*12→10*/
}

#about .inner .show-detail{
display:none;
text-align:right;
}

#about .inner .show-detail a{
display:inline-block;
}

#about .inner .hide-detail{
text-align:right;
}

#about .inner .hide-detail a{
display:inline-block;
}


/*koyama*/
#about #koyama{
background:url(../img/dot.gif) 0 0 no-repeat;
padding-top:28px;
}

#about #koyama .d-section .box{
background:url(../img/bg_koyama.gif) 416px 40px no-repeat;
height:auto;
_height:395px;
min-height:395px;
}

#about #koyama p{
line-height:2.2;
margin-bottom:30px;
}

/*morimoto*/
#about #morimoto p{
height:530px;
line-height:1;
margin-bottom:32px;
}

/*maff*/
#about #maff p{
line-height:2;
margin-bottom:30px;
}

#about #maff p#step1{
background:url(../img/bg_maff1.gif) 100% 0 no-repeat;
height:auto;
_height:145px;
min-height:145px;
padding-right:310px;
width:360px;
}

#about #maff p#step2{
background:url(../img/bg_maff2.gif) 0 40% no-repeat;
height:auto;
_height:140px;
min-height:140px;
padding-left:310px;
width:360px;
}

#about #maff p#step3{
background:url(../img/bg_maff3.gif) 100% 0 no-repeat;
height:auto;
_height:112px;
min-height:112px;
padding-right:310px;
width:360px;
}

/*di-link*/
#about #di-link{
height:82px;
margin-bottom:17px;
width:670px;
}

/*area-link*/
#about #area-link{
height:146px;
float:left;
width:325px;
}

/*pamphlet*/
#about #pamphlet{
height:146px;
float:right;
width:325px;
}