@charset "utf-8";

/* ========== details.css ========== */
#about p,
#about dt,
#about dd{
line-height:1.5;
}

#about h1{
background:url(/img/ouchi/about/about_ttl.gif) no-repeat 0 0;
text-indent:-9999px;
width:828px;
height:32px;
margin:0 auto;
}

#about h2{
width:828px;
height:25px;
text-indent:-9999px;
margin:0 auto;
}

#about h2.joy{
background:url(/img/ouchi/about/ttil_about_joy.gif) no-repeat 0 0;
}
#about h2.joymethod{
background:url(/img/ouchi/about/ttl_about_joymethod.gif) no-repeat 0 0;
}

.about_joy{
padding:0 0 25px 0;
}

.ttl_about01{
background:url(/img/ouchi/about/ttl_about_inform.gif) no-repeat 0 0;
text-indent:-9999px;
width:145px;
height:31px;
}
.ttl_about02{
background:url(/img/ouchi/about/ttl_about_appli.gif) no-repeat 0 0;
text-indent:-9999px;
width:125px;
height:31px;
}
.ttl_about03{
background:url(/img/ouchi/about/ttl_about_cafekit.gif) no-repeat 0 0;
text-indent:-9999px;
width:200px;
height:32px;
}
.ttl_about04{
background:url(/img/ouchi/about/ttl_about_exp.gif) no-repeat 0 0;
text-indent:-9999px;
width:102px;
height:32px;
}
.ttl_about05{
background:url(/img/ouchi/about/ttl_about_open.gif) no-repeat 0 0;
text-indent:-9999px;
width:122px;
height:31px;
}
.ttl_about06{
background:url(/img/ouchi/about/ttl_about_report.gif) no-repeat 0 0;
text-indent:-9999px;
width:210px;
height:31px;
}
.ttl_about07{
background:url(/img/ouchi/about/ttl_about_anser.gif) no-repeat 0 0;
text-indent:-9999px;
width:134px;
height:31px;
}

p.joy_txt{
margin:25px 30px;
}

.about_joy{
margin:0 0 0 25px;
}

.about_box{
float:left;
}

.about_box dl{
width:275px;
float:left;
}

.about_box dt{
margin:25px 0 0 0;
}

.about_box dd{
margin:8px 0 0 0;
}

.about_box p{
float:left;
padding:25px 0 0 10px;
}

.joyknack{
width:780px;
margin:15px auto 0 auto;
}

.joyknack dt{
color:#BA0107;
font-weight:bold;
margin:10px 0 0 0;
}