@charset "utf-8";
/* CSS Document */

#main2nd .left { float: left;}
#main2nd .right { float: right;}
#main2nd h3 { margin: 0 0 10px;}

#main2nd #contents_head { margin: 0 0 25px; padding: 15px 15px 30px; background: url(/img/conset/bg_head.gif) left bottom repeat-x #f1eedd;}
#contents_head .left { width: 475px; padding: 145px 0 0; font-weight: bold; background: url(../img/img_main.jpg) no-repeat;}
#contents_head .right { width: 220px;}
#contents_head h2 { margin: 0 0 15px;}
#contents_head p { color: #4c3925;}
#contents_head .btn_entry li { margin: 0 0 8px;}

#box_table { margin: 0 0 30px;}
#box_table table { width: 100%; margin: 10px 0 5px; border-collapse: collapse; table-layout: fixed;}
#box_table th,
#box_table td { padding: 10px 0; text-align: center;}
#box_table th { border-bottom: 4px solid #fff;}
#box_table td { border: 2px solid #fff; vertical-align: top;}
#box_table th.before { background: url(../sp/bg_table_before.gif) right no-repeat #DFF3AB;}
#box_table th.after { background: url(../sp/bg_table_after.gif) right no-repeat #C4F8F6;}
#box_table td.before { background: #eef9d5;}
#box_table td.after { background: #e1fbfa;}
#box_table .notice { font-size: 12px; text-align: right;}

.boxes { position: relative; width: 670px; padding: 0 0 0 70px;}
.boxes h4 { width: 1em; position: absolute; left: 23px; top: 50%; margin: -1.5em 0 0;}
.boxes h5 { height: 16px; margin: 0 0 10px; padding: 20px 10px 20px 50px; background: url(../img/icon_check.png) 10px center no-repeat;}
.boxes .inner { padding: 0 0 0 20px; background: #fff;}
.boxes .inner dl { margin: 20px 0 0; background: right top no-repeat;}
.boxes .inner dt { padding: 0 0 5px; border-bottom: 2px dashed #FFAE00;}
.boxes .inner dd { margin: 10px 0 0;}
.boxes .inner dd a { padding: 0 0 0 14px; background: url(/img/i_arrowr.gif) left center no-repeat;}
.boxes .inner .caution { color: #f00;}
.boxes .inner #sub01,
.boxes .inner #sub03,
.boxes .inner #sub04,
.boxes .inner #sub06,
.boxes .inner #sub08 { min-height: 90px; padding: 0 140px 0 0;}
.boxes .inner #sub01 { background-image: url(../sp/img_01.jpg);}
.boxes .inner #sub03 { background-image: url(../sp/img_03.jpg);}
.boxes .inner #sub04 { background-image: url(../sp/img_04.jpg);}
.boxes .inner #sub06 { background-image: url(../sp/img_06.jpg);}
.boxes .inner #sub08 { background-image: url(../sp/img_08.jpg);}

#box01 { background: url(../sp/bg_box01.gif) bottom left no-repeat #DFF3AB;}
#box01 h4 { margin: -32px 0 0;}
#box01 h5 { background-color: #DFF3AB;}
#box01 .inner { padding: 0 0 25px 20px;}

#box02 { margin: 0 0 40px; background: url(../sp/bg_box02.gif) bottom left no-repeat #C4F8F6;}
#box02 h4 { margin: -81px 0 0;}
#box02 h5 { background-color: #C4F8F6;}

#box03 { margin: 0 0 30px; padding: 0 0 16px; background: url(../sp/bg_price.gif) bottom no-repeat;}
#box03 .counselor { margin: 10px 0 20px; border: 1px solid #ecd6a0; padding: 10px; background: #fdf4e7;
box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff;
-webkit-box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff;
-moz-box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff;
-o-box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff;
-ms-box-shadow: inset 1px 1px 0 #fff, inset -1px -1px 0 #fff;}
#box03 .counselor h4 { color: #864B18;}
#box03 .counselor img { float: left; margin: 0 10px 0 0;}
#box03 .price { padding: 20px 20px 4px; border-left: 2px solid #BD8C61; border-right: 2px solid #BD8C61;}
#box03 .price h5 { padding: 0 0 10px; text-align: center;}
#box03 .price dt { margin: 1em 0 0; padding: 0 0 0 30px; line-height: 22px; font-size: 14px; font-weight: bold; color: #864B18;
background: url(../sp/icon_check.gif) left center no-repeat;}
#box03 .price dd { margin: 0 0 0 30px;}
#box03 .price li strong { font-weight: normal; color: #f00;}
#box03 .price p { margin: 1em 0 0; padding: 0 0 0 30px; font-size: 14px; font-weight: bold; color: #864B18;}

.back { padding: 0 0 40px;}
.back a { padding: 0 0 0 15px; background:url(/img/footer/icon01.jpg) no-repeat left center;}

#bottom_navi { margin: 0 10px 30px;}
#bottom_navi li { float: left; width: 220px; padding: 0 10px;}
#bottom_navi li a { display: table-cell; /display: block; width: 190px; height: 60px; padding: 0 0 0 30px;
vertical-align: middle; text-decoration: none; font-size: 13px; font-weight: bold; line-height: 1.25; letter-spacing: 0; color: #ff3366;
background: url(/img/conset/btn_foot_3p.png) left top no-repeat;}
#bottom_navi li a:visited { color:#C64B68;}
#bottom_navi li a:hover { color: #ff3366; background-position: left bottom;}
