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

#main2nd { font-size: 14px;}

#mainHead { position: relative;}
#mainHead ul { position: absolute; top: 15px; right: 15px; z-index: 2;}
#mainHead .catch { margin: 15px 0; padding: 10px 20px; background: #ECF7C0; border-radius: 6px;
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);}

#mainContents { padding: 15px 15px 1px; background: url(../img/ws/bg_body.png);
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);}
#mainContents .t_right { text-align: right;}
#mainContents .t_center { text-align: center;}

#box_info { position: relative; margin: 10px 143px 30px 0; padding: 15px 15px 10px; border: 3px solid #FF9DAB; background: #fff; border-radius: 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);}
#box_info:after { position: absolute; z-index: 2; content: " "; width: 143px; top: -10px; bottom: -5px; right: -143px; background: url(../img/ws/img_info.png) right center no-repeat;}
#box_info h2 { margin: -33px 0 5px;}
#box_info .t_right { font-size: 12px;}

.boxes { margin: 0 0 30px;}
.boxes h2 { margin: 0 -15px 20px;}

#box01 { font-size: 12px;}
#box01 h3 { margin: 0 0 8px;}
#box01 .inner { margin: 0 0 15px;}

#box01_1 { position: relative; float: left; width: 252px; height: 163px; background: url(../img/ws/ttl_01_1.png)}
#box01_1 h3 { position: absolute;}
#box01_1 p { position: relative; z-index: 2; padding: 42px 35px 15px 15px;}

#box01_2 { float: right; width: 200px; height: 196px; padding: 0 0 0 240px; background: url(../img/ws/img_01_2.png) left top no-repeat;}
#box01_3 { float: left; width: 340px;}
#box01_3 .photo { margin: 10px 5px 0;}
#box01_4 { float: right; width: 350px;}
#box01_4 .photo { margin: 0 10px 10px;}
#box01_5 {}
#box01_5 .photo { float: right; margin: 0 0 0 10px;}
#box01_6 {}
#box01_6 .photo { float: left; margin: 0 10px 20px 0;}
#box01_6 .photo2 { float: right; margin: 0 0 0 10px;}
#box01_7 .photo { float: right; margin: 0 0 0 10px;}
#box01_8 .photo { float: left; margin: 0 10px 0 0;}
#box01_8 .photo2 { float: right; margin: 0 0 0 10px;}

#box02 { margin-right: -10px;}
#box02 .inner { float: left; width: 205px; margin: 0 10px 10px 0; padding: 10px; border: 2px solid #3659CA; background: #fff; border-radius: 6px;}
#box02 .inner h3 { margin: 0 0 10px; padding: 3px; text-align: center; font-size: 16px; font-weight: bold; color: #fff; background: #3659CA; border-radius: 6px;}
#box02 .inner .photo { float: left; margin: 0 10px 0 0;}

#box02 #box02_2 { border-color: #FB6A86;}
#box02 #box02_2 h3 { background: #FB6A86;}
#box02 #box02_3 { border-color: #F9CD30;}
#box02 #box02_3 h3 { background: #F9CD30;}
#box02 #box02_4 { border-color: #89C436;}
#box02 #box02_4 h3 { background: #89C436;}
#box02 #box02_5 { border-color: #A55AC8;}
#box02 #box02_5 h3 { background: #A55AC8;}
#box02 #box02_6 { border-color: #5ABED3;}
#box02 #box02_6 h3 { background: #5ABED3;}
#box02 .ob { position: relative; margin: 15px 10px 0 0; padding: 50px 25px 20px;}
#box02 .ob * { position: relative; z-index: 2;}
#box02 .ob h3 { position: absolute; z-index: 1; top: 0; left: 0;}
#box02 .ob .photo { float: right; margin: 0 0 0 10px;}

#box03 { margin: 0 0 15px;}
#box03 .inner { margin: 0 0 10px; padding: 0 30px 15px; border: 2px solid #F66071; text-align: center; background: #fff; border-radius: 6px;}
#box03 .inner h3 { margin: 0 -30px 15px; padding: 5px; background: #F66071;}
#box03 dl { margin: 15px 0 0; padding: 0 0 0 90px; text-align: left;}
#box03 dt { width: 5em; float: left;}
#box03 dd { margin: 0 0 5px 5em;}


#bottom_navi { margin: 30px 0; text-align: center;}
#bottom_navi li { display: inline-block; padding: 0 3px;}
#bottom_navi li a { display: table-cell; width: 189px; 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/conset/btn_foot_3p.png) center top no-repeat;}
#bottom_navi li a:hover { background-position: center bottom;}
#bottom_navi li span { font-size: 85%;}