@charset "utf-8";

/* CSS Document 
  by Duc Nguyen (ドク)
*/
.sg_main { padding: 0 2px 40px; }
.sec01 { margin-bottom: 15px; }
.sec01 h3 { margin-bottom: 10px; }
.tbl01 { width: 100%; }
.tbl01 th, .tbl01 td { padding: 5px; border: 1px solid #d5cfb6; }
.tbl01 th { background: #fefcf4; text-align: left; font-weight: normal; }
.tbl02 { width: 100%; }
.tbl02 th, .tbl02 td { padding: 5px; text-align: left; }
.tbl02 th { padding-top: 10px; }
.tbl02 td { border-bottom: 1px solid #ddd; padding-bottom: 10px; }
.bnr_contact { position: relative; }
.bnr_contact .text { position: absolute; top: 65px; width: 100%; left: 0; text-align: center; }
.bnr_contact .text p { margin-bottom: 10px; }
.list01 li { margin-left: 20px; text-indent: -20px; }
.list02 { background-color: #f5fbf2; padding: 8px; margin-bottom: 10px; }
.list02 li { margin-left: 30px; text-indent: -35px; }
.tt01 { background-color: #f9f6ea; border: solid 1px #c3bda4; font-size: 16px; padding: 3px 10px; position: relative; margin-bottom: 10px; }
.tt01:before { background: url(../common_img/bg_tt01.png); background-size: 6px auto; content: ""; width: 6px; position: absolute; top: 0; bottom: 0; left: 0; }
.tt01:after { content: ""; width: 0; height: 0; position: absolute; bottom: 0; right: 0; border-right: 10px solid #9de56d; border-top: 10px solid transparent; border-left: 10px solid transparent; }
.box01 { -webkit-border-radius: 5px/12px; -moz-border-radius: 5px/12px; border-radius: 5px/12px; background-color: #e1f7d3; -webkit-box-shadow: inset 0 0 0 3px rgba(252, 252, 252, .5); -moz-box-shadow: inset 0 0 0 3px rgba(252, 252, 252, .5); box-shadow: inset 0 0 0 3px rgba(252, 252, 252, .5); border: solid 1px #e1f7d3; padding: 10px; margin: 10px 0; }
.box01 h4 { color: #4e9a1c; font-size: 16px; border-bottom: 1px dotted #4e7236; margin-bottom: 5px; }
.ul_style2 { padding:5px 0 0 5px; }
.ul_style2 li { padding:5px 0px 0 2px; float:left;  position: relative;}
.ul_style2 li:nth-child(2n+1) { clear:both; }
.ul_style2 li .txt { display:block; padding:5px 0; width:147px; }
.al_index1 { background: url(../common_img/index1.jpg) top center no-repeat; background-size: 310px; color:#fff; margin:15px 5px 0 5px; padding:10px 5px 6px 20px; font-size:16px; font-weight:bold;}
.al_index1l { background: url(../common_img/index1l.jpg) top center no-repeat; background-size: 310px; color:#fff; margin:15px 5px 0 5px; padding:6px 5px 6px 20px; font-size:16px; font-weight:bold;}

/* contact */
.tt_contact { background: url(../contact/images/title.jpg) no-repeat; background-size: 320px ; text-align: center; padding:25px; color:#fff; font-size:18px; text-shadow:0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000; }
.contact_box01 { background: url(../contact/images/bg01.jpg) top center no-repeat; background-size: 318px auto; min-height: 386px; padding: 18px 5px; margin-bottom: 15px; }
.contact_box01 .box { -webkit-border-radius: 5px/12px; -moz-border-radius: 5px/12px; border-radius: 5px/12px; background-color: #9de56d; -webkit-box-shadow: inset 0 0 0 3px rgba(252, 252, 252, .5); -moz-box-shadow: inset 0 0 0 3px rgba(252, 252, 252, .5); box-shadow: inset 0 0 0 3px rgba(252, 252, 252, .5); border: solid 1px #9de56d; padding: 10px 10px 0; color: #fff; font-size: 12px; font-weight: bold; }
.contact_box01 .box h3 { font-size: 15px; text-align: center; border-bottom: 1px dotted #4e7236; padding-bottom: 5px; margin-bottom: 5px; }
.contact_box01 h4 { border-top: 1px solid #bbdd8c; border-bottom: 1px solid #bbdd8c; margin: 25px 0 10px; }
.contact_box01 .tel { text-align: center; margin-bottom: 10px; }
.contact_box01 .time { text-align: center; font-weight: bold; }
.contact_box01 .time span { background: #ededed; padding: 1px 2px; }
#pp ul { border: 1px solid #7eb8f4; padding: 10px 5px 0; margin-top: 15px; }
#pp ul li { position: relative; margin: 0 0 10px 15px; }
#pp ul li:before { content: ""; width: 7px; height: 7px; -webkit-border-radius: 8px 7px 7px 8px/8px 8px 7px 7px; -moz-border-radius: 8px 7px 7px 8px/8px 8px 7px 7px; border-radius: 8px 7px 7px 8px/8px 8px 7px 7px; background-color: #7bcfff; -webkit-box-shadow: 1px 1px #4889ae; -moz-box-shadow: 1px 1px #4889ae; box-shadow: 1px 1px #4889ae; position: absolute; left: -15px; top: 5px; }

#formBox {  }
#formBox dt { margin:10px 10px 0; padding:10px; border-top:1px solid #CCC; background:#f4f4f4;

}
.hissu,.ninni { font-size:12px; padding:0 5px; margin-right:5px;  margin-left:3px; color:#fff; text-shadow: 0 0 2px #ccc; border-radius:3px;}
.hissu {

background:#fe6a00;;

}

.ninni {

background: #0159a1;;

}
#formBox dd { padding:4px 10px 0; }

.form_end { text-align:center; margin:10px 0 0; }
.form_end input { font-weight:bold; color:#333; padding:7px 20px; border-radius:5px;
background:-moz-linear-gradient(top, #f6f6f6, #f6f6f6, #dddddd);
background:-webkit-gradient(linear, left top, left bottom, from(#f6f6f6), color-stop(0.5, #f6f6f6), to(#dddddd));
border:1px solid #CCC;
}

.pp_bg {background:#f4f4f4; margin:10px 5px; padding:5px; border:1px solid #CCC;}

/* point */
.tt_point { background: url(../point/images/title.jpg) no-repeat; background-size: 320px ; text-align: center; padding:25px; color:#fff; font-size:18px; text-shadow:0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000; }
.point_bg {background:#e8f0f6; margin:10px 5px; padding:5px;}
.point_f {color:#003163; font-size:16px; font-weight:bold;}
.point_fo {color:#ff6900; font-size:16px; font-weight:bold; text-decoration: underline; }

/* works */
.tt_works { background: url(../works/images/title.jpg) no-repeat; background-size: 320px ; text-align: center; padding:25px; color:#fff; font-size:18px; text-shadow:0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000; }

/* recruit */
.tt_recruit { background: url(../recruit/images/title.jpg) no-repeat; background-size: 320px ; text-align: center; padding:25px; color:#fff; font-size:18px; text-shadow:0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000; }

/* flow */
.tt_flow { background: url(../flow/images/title.jpg) no-repeat; background-size: 320px ; text-align: center; padding:25px; color:#fff; font-size:18px; text-shadow:0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000; }
.f_flow {color:#fff;}
.f_flow a {color:#fff; text-decoration: none;}

/* News */
.tt_news { background: url(../news/images/title.jpg) no-repeat; background-size: 320px ; text-align: center; padding:25px; color:#fff; font-size:18px; text-shadow:0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000; }
.news_sec { margin-bottom: 15px; }
.news_sec .date { color: #754c24; font-weight: bold; text-decoration: underline; margin: -5px 0 10px; display: inline-block; }
.news_cnt .lightbox { float: left; margin: 0 8px 5px 0; }
.news_box2 { width:298px; margin:10px auto 0; }
.news_box2 .day { padding:5px 10px 5px; color:#4a6329; font-weight:bold; text-align:right; }
.news_box2 h1 { padding:7px 10px 7px 40px; color:#404040; border-bottom:1px solid #d5d5d5; background: url(../common_img/icon_news.png) 5px top no-repeat; }
.news_box2 .news_head {}

.news_box2 .txt_wrap { word-break:break-all; padding:0 0 10px; }
.news_box2 .txt { padding:10px 10px 0; }
.news_box2 .open_txt { display:block; text-align:right; }
.news_box2 .close_txt { display:block; text-align:right; }
.news_box2 .photo { float:left; position: relative; margin:10px 10px 0 10px; }
.news_box2 .photo img { padding:1px; border:1px solid #ddd; }
.news_box2 .photo .lightbox_icon { position: absolute; right:0; bottom:0; }
.news_box2 .photo .lightbox_icon img { padding:0; border:none; }

.news_box { margin:10px auto 0; border:0px solid #d5d5d5; width:298px; }
.news_box .day { color:#fff; padding:5px 10px 0; font-weight:bold; }
.news_box h1 { border-bottom:3px double #d5d5d5; color:#333; padding:5px 10px 5px;}
.news_box .news_head { background:#fff; }

.news_box .txt_wrap { padding:0 0 10px; }
.news_box .txt { padding:10px 10px 0; word-wrap:break-word; }
.news_box .photo { float:left; padding:10px 10px 0 10px; position: relative; }
.news_box .photo img { border:1px solid #ddd; padding:1px; }
.news_box .photo .icon { position: absolute; right:10px; bottom:0; }
.news_box .photo .icon img { border:none; padding:0; }

.pagenation { padding:15px 0 0; margin:0 auto; width:300px; }
.pagenation li a { float:left; height:20px; width:120px; color:#431c09; display:block; text-decoration:none; }
.pagenation li.next a { float:right; text-align:right; }
.pagenation li.prev a { float:left; }
.pagenation li.back { clear:both; }
.pagenation li.back a { float:left; width:auto; }
.pagenation li span { display:block; font-size:9px; padding:3px; background:#0065ad; color:#fff; border-radius:25px; line-height:1; margin:2px 5px 0 ; }
.pagenation li.next span { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); display:block; float:right; }
.pagenation li.prev span { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); display:block; float:left; }
.pagenation li.back span { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); display:block; float:left; }

/* company */
.tt_company { background: url(../company/images/title.jpg) no-repeat; background-size: 320px ; text-align: center; padding:25px; color:#fff; font-size:18px; text-shadow:0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000; }
.r_bg {background:#5096c8; margin:10px 5px 0 5px; border-radius:10px; color:#fff; padding-bottom:10px; font-size:13px;}
.company_index1 { background: url(../company/images/index1.jpg) no-repeat; background-size: 310px ; margin:10px 5px 0 5px; padding:10px 5px 10px 5px; font-size:16px; font-weight:bold;}