@charset "Shift_JIS";

/*-------------------------------------------------------------------
 *
 * File Name   : benpi.css

-------------------------------------------------------------------*/

#about.benpi { background:url(../../common/images/bg_01.gif) repeat-x left top; }
#about.benpi #wrapper { position:relative; width:100%; min-width:940px; margin:0 auto; padding:0; text-align:left; }

#about.benpi #contents { position:relative; width:940px; height:auto !important; margin:0 auto; padding:0; background:none; }
#about.benpi #wrapper #contents a:hover img { opacity:0.8; filter:alpha(opacity=80); }

#about.benpi .sns { width:906px; height:23px; margin-top:30px; padding-right:4px; overflow:hidden; }
#about.benpi .sns li { float:right; padding-right:5px; line-height:1; }
#about.benpi .sns li.facebook { padding-right:0; }

#about.benpi #contents .head { margin-top:15px; text-align:center; }
#about.benpi #contents .head .ttl { background:url(../images/benpi_head_bg_01.gif) no-repeat center bottom; }

#about.benpi #contents .frame { width:850px; margin:20px auto 0 auto; }

#about.benpi #contents .frame .intro { }
#about.benpi #contents .frame .intro .ttl { font-size:24px; color:#001a6c; font-weight:bold; }
#about.benpi #contents .frame .intro .block { margin-top:15px; padding:25px; border:1px solid #d6d6d6; border-radius:4px; background-color:#fdfdfd; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
#about.benpi #contents .frame .intro .block ul { }
#about.benpi #contents .frame .intro .block ul li.txt { float:left; width:400px; text-align:left; }
#about.benpi #contents .frame .intro .block ul li.img { float:right; width:380px; text-align:right; }

#about.benpi #contents .frame .intro .block ul li.txt { }
#about.benpi #contents .frame .intro .block ul li.txt dl.data { }
#about.benpi #contents .frame .intro .block ul li.txt dt.ttl { font-size:14px; font-weight:normal; color:#4a4a4a; }
#about.benpi #contents .frame .intro .block ul li.txt dd.list { margin-top:15px; text-align:center; }
#about.benpi #contents .frame .intro .block ul li.txt dd.list ul { display:inline-block; text-align:left; letter-spacing:1px; }
#about.benpi #contents .frame .intro .block ul li.txt dd.list ul span { display:table-cell; vertical-align:top; }
#about.benpi #contents .frame .intro .block ul li.txt dd.list ul span.icon { padding-right:15px; }
#about.benpi #contents .frame .intro .block ul li.txt dd.last { margin-top:15px; padding-top:35px; background:url(../images/benpi_icon_01.gif) no-repeat center top; font-size:16px; font-weight:bold; color:#001a6c; text-align:center; letter-spacing:1px; }

#about.benpi #contents .frame .body { margin-top:50px; }
#about.benpi #contents .frame .body .ttl { padding-bottom:10px; background:url(../images/benpi_line_01.gif) no-repeat left bottom; font-size:24px; font-weight:bold; color:#001a6c; }

#about.benpi #contents .frame .body .img  { margin-top:30px; text-align:center; }
#about.benpi #contents .frame .body .txt01 { margin-top:20px; }
#about.benpi #contents .frame .body ul.list li { padding-left:1em; text-indent:-1em; }

#about.benpi #contents .frame .body .note01 { margin-top:5px; font-size:12px; }
#about.benpi #contents .frame .body .note01 dt { display:table-cell; vertical-align:top; padding-right:20px; white-space:nowrap; }
#about.benpi #contents .frame .body .note01 dd { display:table-cell; vertical-align:top; }

#about.benpi #contents .frame .point { margin-top:30px; padding:0 25px 25px 25px; border-radius:4px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
#about.benpi #contents .frame .point h2.ttl { height:50px; padding:12px 0 8px 0; font-size:20px; color:#fff; font-weight:bold; }
#about.benpi #contents .frame .point h2.ttl span { display:table-cell; vertical-align:middle; }
#about.benpi #contents .frame .point .inner { margin-top:15px; }
#about.benpi #contents .frame .point .inner ul { }
#about.benpi #contents .frame .point .inner ul li { margin-top:30px; }
#about.benpi #contents .frame .point .inner ul li:first-child { margin-top:0; }
#about.benpi #contents .frame .point .inner .txt01 { margin-top:5px; }

#about.benpi #contents .frame .point.case01 { border:1px solid #e6c9f6; background:#f7f0fb url(../images/benpi_point_bg_01.gif) no-repeat left top; }
#about.benpi #contents .frame .point.case01 h3.ttl { font-size:16px; color:#6c288f; font-weight:bold; }

#about.benpi #contents .frame .point.case02 { border:1px solid #c6d1f3; background:#eff3ff url(../images/benpi_point_bg_02.gif) no-repeat left top; }
#about.benpi #contents .frame .point.case02 h3.ttl { font-size:16px; color:#001a6c; font-weight:bold; }

#about.benpi #contents .frame .summary { }
#about.benpi #contents .frame .summary .txt01 { margin-top:30px; }

#about.benpi #contents .frame .bnr { margin-top:30px; text-align:center; }

/* END */