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

#main2nd .left { float: left;}
#main2nd .right { float: right;}

#mainHead { margin: 0 0 25px; padding: 15px 15px 20px; background: url(/img/conset/bg_head.gif) left bottom repeat-x #f1eedd;}
#mainHead .left { width: 475px; padding: 265px 0 0; font-weight: bold; background: url(../img/index/img_main.jpg) no-repeat;}
#mainHead .right { width: 220px;}
#mainHead h1 { margin: 0 0 15px;}
#mainHead p { color: #4c3925;}
#mainHead .btn_entry li { margin: 0 0 8px;}
#head_point { background-image: url(/img/conset/bg_point.gif); background-repeat: repeat-y; background-position: right; background-color: #fff;}
#head_point ul { padding: 7px 16px 15px; background-image: url(/img/conset/img_point_bottom.gif); background-repeat: no-repeat; background-position: bottom;}
#head_point li { margin-bottom: 9px;}
#mainHead .banner { margin: 10px 0 0;}

#mainHead .btn { bottom: 0; left: 0; right: 0; margin: 5px -15px 0; padding: 5px;}
#mainHead .btn li { display: table-cell; width: 235px; padding: 10px 0; text-align: center; vertical-align: middle; background: url(../img/index/img_line.png) right center no-repeat;}
#mainHead .btn .last { background: none;}
#mainHead .btn li a { font-size: 13px; font-weight: bold; text-decoration: none;}

.boxes { margin: 0 0 30px; font-size: 14px;}
.boxes h2 { margin: 0 0 15px;}
.boxes .link { text-align: right;}
.boxes .link a { padding: 0 0 0 15px; background: url(/img/index/icon03.jpg) no-repeat left center;}

#box01 .left,
#box03 .left,
#box01 .right,
#box03 .right { width: 326px;}
#box01 .inner,
#box03 .inner { padding: 0 15px 10px; border: 2px solid #f2e6c4; border-radius: 6px;}
#box01 .inner h3,
#box03 .inner h3 { margin: 0 -15px 10px; padding: 5px 8px; text-align: center; font-size: 16px; font-weight: bold; color: #4C3B03; background: #f2e6c4;}

#box02 .inner { margin: 0 0 20px;}
#box02 h3 { width: 290px; height: 14px; margin: 0 0 10px; padding: 16px 10px 16px 70px; line-height: 1; background: url(../img/index/bg_q.png) no-repeat;}
#box02 .comment { position: relative; padding: 10px 10px 10px 47px; border: 3px solid #FFE27E; border-radius: 6px;}
#box02 .comment:after { position: absolute; content: " "; z-index: 2;}
#box02 .answer { margin: 0 21px 0 370px; background: url(../img/index/icon_a.png) 2px 2px no-repeat #FFF7E0;}
#box02 .answer:after { top: 15px; right: -21px; width: 21px; height: 16px; background: url(../img/index/img_comment_a.png) no-repeat;}
#box02 .report { border-color: #4B3283; background: url(../img/index/icon_report.png) 2px 2px no-repeat #F3EFFE;}

#box02 #box02_1 .answer:before { position: absolute; content: " "; top: 0; bottom: 0; left: -370px; width: 370px; background: url(../img/index/img_02_1.jpg) center center no-repeat;}
#box02 #box02_2 .report { margin: 128px 0 0 370px;}
#box02 #box02_2 .report:before { position: absolute; content: " "; top: -128px; left: 0; right: 0; height: 100px; background: url(../img/index/img_02_2.jpg) center left no-repeat;}
#box02 #box02_2 .report:after { top: -23px; left: 20px; width: 16px; height: 23px; background: url(../img/index/img_comment_r1.png) no-repeat;}
#box02 #box02_3 .answer { margin-bottom: 20px;}
#box02 #box02_3 .answer:before { position: absolute; content: " "; top: 0; bottom: -10px; left: -370px; width: 370px; background: url(../img/index/img_02_3.jpg) center top no-repeat;}
#box02 #box02_3 { margin-bottom: 60px;}
#box02 #box02_3 .report { margin-right: 151px;}
#box02 #box02_3 .report:before { position: absolute; content: " "; top: 0; bottom: 0; right: -151px; width: 151px; height: 164px; background: url(../img/index/img_02_4.jpg) center right no-repeat;}
#box02 #box02_3 .report:after { top: 15px; right: -23px; width: 23px; height: 16px; background: url(../img/index/img_comment_r2.png) no-repeat;}

#box03 .left,
#box03 .right { margin: 0 0 20px;}
#box03 .inner h3 { text-align: left;}
#box03 .inner h3 img { vertical-align: middle; margin: 0 8px 0 0;}
#box03 .inner .photo { float: right; margin: 0 0 0 10px;
box-shadow: 0 1px 3px rgba(0,0,0,0.25);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
-o-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
-ms-box-shadow: 0 1px 3px rgba(0,0,0,0.25);}

#box04 { margin-right: -10px;}
#box04 .inner { float: left; width: 240px; margin: 0 10px 0 0; padding: 10px 0 0; border-top: 3px solid #D23C3D;}
#box04 .inner h3 { position: relative; float: left; width: 67px; height: 16px; margin: -10px 10px 0 0; padding: 24px 0;
text-align: center; font-size: 16px; font-weight: bold; line-height: 1; color: #fff; background: #D23C3D;}
#box04 .inner h3:after { position: absolute; content: " "; top: 0; left: 3px; width: 59px; height: 59px; border: 1px solid #fff;}
#box04 .inner .photo { display: block; margin: 10px auto 0;
box-shadow: 0 1px 3px rgba(0,0,0,0.25);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
-o-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
-ms-box-shadow: 0 1px 3px rgba(0,0,0,0.25);}

#box04 #box04_2 { border-color: #78AE3E;}
#box04 #box04_2 h3 { background: #78AE3E;}
#box04 #box04_3 { border-color: #A162CA;}
#box04 #box04_3 h3 { background: #A162CA;}

#box05 h3 { margin: 0 0 10px;}
#box05 .lines { float: right; width: 300px; position: relative; margin: 0 138px 0 10px; padding: 15px; border-radius: 6px; background: #FFFAE2;
box-shadow: 0 1px 3px rgba(0,0,0,0.25);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
-o-box-shadow: 0 1px 3px rgba(0,0,0,0.25);
-ms-box-shadow: 0 1px 3px rgba(0,0,0,0.25);}
#box05 .lines:before { position: absolute; z-index: 2; top: -5px; bottom: -5px; right: -138px; width: 138px; content: " "; background: url(../img/index/img_05.jpg) left top no-repeat;}
#box05 .lines .t_right { text-align: right; font-size: 12px;}

#box_step { padding: 10px 15px 15px; background: url(../img/index/bg_step.png);}
#box_step h2 { margin: 0 -15px 15px;}
#box_step .left,
#box_step .right { width: 345px; margin: 0 0 20px;}
#box_step .photo { float: right; margin: 0 0 0 10px;}
#box_step h3 { margin: 0 0 5px;}

.btn_long { margin: 30px 0 10px; text-align: center;}
.btn_long a img { background: #ff6600;}
.btn_long a:hover img { background: #ff3000;}





#bottom_navi { margin: 30px 0; text-align: center;}
#bottom_navi li { display: inline-block; padding: 0 1px;}
#bottom_navi li a { display: table-cell; width: 209px; height: 60px; padding: 0 0 0 31px; text-align: left;
vertical-align: middle; font-weight: bold; color: #F36; text-decoration: none; line-height: 1.2; background: url(../img/index/btn_foot.png) center top no-repeat;}
#bottom_navi li a:hover { background-position: center bottom;}