@charset "UTF-8";
/* CSS Document */

#styledesign  {

}

#styledesign p.readtxt {
 font-size:1.6em;
 line-height:1.75;
 color:#6F3025;
 background:url(../images/cases/cases_read_table_hd.png) no-repeat 0 0;
 padding:78px 20px 0 52px;
}

#styledesign p.readtxt strong {
 color:#A1171B;
 font-weight:700;
}

#contents #styledesign ul {
 padding:18px 50px 12px 68px;
 background:url(../images/cases/cases_table_bd.png) repeat-y 0 0;
}

#styledesign li {
 float:left;
 padding:0 12px 12px 0;
}

#styledesign li span {
 font-size:1.1em;
 line-height:1.6;
 display:block;
 width:110px;
 text-align:center;
}
#styledesign li span p {
    line-height: 1.6;
}

#styledesign li img {

}

#styledesign li a {
 color:#3C9FB5;
}

#styledesign li a:hover {
 color:#b8e0e9;
}

#contents h3 {
 font-size:1.6em;
 line-height:1.25;
 color:#6F3025;
 padding:0 0 28px 60px;
 background:url(../images/cases/box_separator_bt.png) no-repeat 0 8px;
}


#cBoxes {
 background:url(../images/cases/box_separator.png) no-repeat 0 0;
 padding-top:32px;
}

.casesBox {
 padding:14px 50px 20px 40px;
 background:url(../images/cases/cases_table_bd.png) repeat-y 0 0;
}

p.styles {
 font-size:1.2em;
 line-height:1.25;
 color:#421E11;
 padding:0 0 16px 18px;
}

.casesBox h4 {
 font-size:1.5em;
 color:#502f07;
 line-height:1.5;
 font-weight:700;
 margin-bottom:4px;
}

.casesBox dl {
 padding-bottom:36px;
 background:url(../images/cases/casesLine.png) no-repeat 50% bottom;
}

.casesBox dt {
 float:left;
 padding:4px;
 border:1px solid #cccccc;
 background:#fff;
}

.casesBox dd {
 margin-left:148px;
 font-size:1.4em;
 line-height:1.5;
 color:#444;
 position:relative;
 min-height:83px;
}

.casesBox .linknavi {
 position:absolute;
 bottom:2px;
 right:4px;
}

.casesBox .linknavi a {
 color:#e25b12;
}

#cBoxes p.readtxt {
 font-size:1.5em;
 font-weight:700;
 color:#669933;
 line-height:1.5;
 text-align:center;
 padding:0 0 30px 0;
 background:url(../images/cases/cases_table_bt.png) no-repeat 0 bottom;
}




/* ---- Clear fix setting ---*/

.casesBox,
.casesBox dl,
#styledesign,
#styledesign ul {
 display:inline-block;
 zoom:1;
}

.casesBox:after,
.casesBox dl:after,
#styledesign:after,
#styledesign ul:after {
 content:'';
 display:block;
 clear:both;
 height:0px;
 overflow:hidden;
}

.casesBox,
.casesBox dl,
#styledesign,
#styledesign ul {
 display:block;
}

* html .casesBox,
* html .casesBox dl,
* html #styledesign
* html #styledesign {
 height:1px;
}