@charset "shift_jis";
/* CSS Document */



/* MARGIN
--------------------------------------------------------- */

.ma_t5 { margin-top: 5px; }
.ma_t8 { margin-top: 8px; }
.ma_t10 { margin-top: 10px; }
.ma_t15 { margin-top: 15px; }
.ma_t20 { margin-top: 20px; }
.ma_t25 { margin-top: 25px; }
.ma_t30 { margin-top: 30px; }
.ma_t35 { margin-top: 35px; }
.ma_t40 { margin-top: 40px; }
.ma_b5 { margin-bottom: 5px; }
.ma_b10 { margin-bottom: 10px; }
.ma_b15 { margin-bottom: 15px; }
.ma_b20 { margin-bottom: 20px; }
.ma_b21 { margin-bottom: 21px; }
.ma_b25 { margin-bottom: 25px; }
.ma_b30 { margin-bottom: 30px; }
.ma_b40 { margin-bottom: 40px; }
.ma_b45 { margin-bottom: 45px; }
.ma_b50 { margin-bottom: 50px; }
.ma_b80 { margin-bottom: 80px; }
.ma_b100 { margin-bottom: 100px; }
.ma_l2 { margin-left: 2px; }
.ma_l5 { margin-left: 5px; }
.ma_l10 { margin-left: 10px; }
.ma_l15 { margin-left: 15px; }
.ma_l20 { margin-left: 20px; }
.ma_l25 { margin-left: 25px; }
.ma_r2 { margin-right: 2px; }
.ma_r3 { margin-right: 3px; }
.ma_r5 { margin-right: 5px; }
.ma_r10 { margin-right: 10px; }
.ma_r15 { margin-right: 15px; }
.ma_r30 { margin-right: 30px; }
.ma_r40 { margin-right: 40px; }
/* PADDING
--------------------------------------------------------- */

.pd_b5 { padding-bottom: 5px; }
.pd_b10 { padding-bottom: 10px; }
.pd_b15 { padding-bottom: 15px; }
.pd_b20 { padding-bottom: 20px; }
.pd_b25 { padding-bottom: 25px; }
.pd_t2 { padding-top: 2px; }
.pd_t5 { padding-top: 5px; }
.pd_t7 { padding-top: 7px; }
.pd_t10 { padding-top: 10px; }
.pd_l5 { padding-left: 5px; }
.pd_l10 { padding-left: 10px; }
.pd_l15 { padding-left: 15px; }
.pd_l20 { padding-left: 20px; }
.pd_l25 { padding-left: 25px; }
.pd_l30 { padding-left: 30px; }
.pd_l35 { padding-left: 35px; }
.pd_l50 { padding-left: 50px; }
.pd_r10 { padding-right: 10px; }
.pd_r13 { padding-right: 13px; }
.pd_r15 { padding-right: 15px; }
.pd_r20 { padding-right: 20px; }
.pd_r25 { padding-right: 25px; }
/* FLOAT
--------------------------------------------------------- */

.fl { float: left; }
.fr { float:right; }
.tl { text-align: left; }
.tr { text-align: right; }
.tc { text-align: center; }
.text01 { margin-bottom: 10px; padding-left: 3px; }
.text02 { margin-bottom: 30px; padding-left: 3px; }
.green_b { font-weight: bold; color: #090; }
.red { color: #F00; }
.red_12b { font-size: 12px; font-weight: bold; color: #F00; }
.bule { color: #069; }
.bule13_b { font-size: 13px; font-weight: bold; color: #06C; }
.bule14_b { font-size: 14px; font-weight: bold; color: #1A3880; }
.blue_12b { font-size: 12px; font-weight: bold; color: #06C; }
.orange { color: #F60; }
.smaller { font-size: 11px; text-align: right; padding-top: 5px; padding-bottom: 5px; }
.smaller2 { font-size: 11px; text-align: left; padding-top: 5px; padding-bottom: 5px; }
.company_ta { width: 100%; border: #CCC solid 1px; border-collapse: collapse; }
.company_ta tr th { width: 23%; font-weight: normal; background-color: #EFF3F5; text-align: left; vertical-align: top; padding-top: 6px; padding-right: 10px; padding-bottom: 6px; padding-left: 10px; border: #CCC solid 1px; }
.company_ta tr td { padding-left: 10px; vertical-align: top; padding-top: 8px; padding-right: 10px; padding-bottom: 8px; border: #CCC solid 1px }
.company_ta tr .underline { border-bottom-width: 1px; border-top-style: none; border-bottom-style: dotted; border-bottom-color: #CCC; }
.company_ta tr .underline2 { padding-top:4px; padding-bottom:4px; border-bottom-width: 1px; border-left-style: none; border-top-style: none; border-bottom-style: dotted; border-bottom-color: #999; border-right: #999 dotted 1px; }
.company_ta tr .underline3 { padding-top:4px; padding-bottom:4px; border-bottom-width: 1px; border-left-style: none; border-top-style: none; border-bottom-style: solid; border-bottom-color: #CCC; border-right: #999 dotted 1px; }
.company_ta .arrow { background-image: url(../img/common/arrow_company.gif); background-repeat: no-repeat; background-position: left 3px; padding-left: 16px; }
.company_ta .arrow2 { float: left; width: 130px; }
.map_navi { width: 628px; }
.map_navi li { background-image: url(../img/company/map_bg.jpg); background-repeat: no-repeat; background-position: left top; float: left; height: 29px; width: 175px; padding-right: 9px; margin-bottom: 9px; font-weight: bold; padding-top: 11px; padding-left: 25px; }
.map_navi li a { color: #333; text-decoration: none; }
.map_navi li a:hover { color: #069; text-decoration: underline; }
.csr_bg { background-image: url(../img/company/csr_bg.jpg); height: 409px; position: relative; margin-bottom: 35px; }
.csr_bg .bt01 { position: absolute; left: 220px; }
.csr_bg .bt02 { position: absolute; left: 50px; top: 220px; }
.csr_bg .bt03 { position: absolute; left: 388px; top: 220px; }
.company_ta .yakuin_name { float: left; width: 200px; }
.testugaku_box { border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #CCC; border-bottom-color: #CCC; border-left-color: #CCC; padding-right: 1px; padding-bottom: 1px; padding-left: 1px; }
.testugaku_box .testugaku_inner { border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #E3E3E3; border-bottom-color: #E3E3E3; border-left-color: #E3E3E3; }
.testugaku_box .testugku_inner { border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #E3E3E3; border-bottom-color: #E3E3E3; border-left-color: #E3E3E3; padding: 7px; }
.testugku_inner .testugaku_st { margin-bottom: 11px; }
.testugaku_box .testugku_inner p { margin-bottom: 25px; }
.net_text { float: left; width: 400px; }
.net_img { float: right; }
.feature { position: relative; }
.feature .bt01 { position: absolute; left: 58px; top: 33px; }
.feature .bt02 { position: absolute; left: 392px; top: 33px; }
.feature .bt03 { position: absolute; left: 225px; top: 207px; }
.map_list { border: 1px solid #CCC; width: 100%; }
.map_list tr th { font-size: 12px; font-weight: normal; background-color: #F0F9FF; text-align: left; vertical-align: top; width: 25%; padding-top: 6px; padding-right: 10px; padding-bottom: 6px; padding-left: 10px; border: 1px solid #CCC; }
.map_list tr td { font-size: 12px; font-weight: normal; text-align: left; vertical-align: top; padding-top: 6px; padding-bottom: 6px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: none; border-top-color: #CCC; border-right-color: #CCC; border-bottom-color: #CCC; border-left-color: #CCC; }
.map_list tr .zip { font-size: 12px; font-weight: normal; text-align: left; vertical-align: top; width: 13%; padding-top: 6px; padding-bottom: 6px; padding-left: 10px; border-bottom-width: 1px; border-top-style: none; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-bottom-color: #CCC; }
.map_list tr .st { background-color: #FFFDE6; text-align: center; }
.kyoten_img { margin-bottom: 15px; }
.kyoten_img2 { margin-bottom: 30px; }
.kyoten_img ul li,
.kyoten_img2 ul li { float: left; padding-right: 15px; }
.map_arrow { background-image: url(../img/common/arrow_blue.gif); background-position: left 6px; padding-left: 12px; background-repeat: no-repeat; }
.environ_st { font-size: 14px; font-weight: bold; color: #00236A; background-image: url(../img/common/arrow_blue.gif); background-repeat: no-repeat; background-position: left 8px; padding-left: 10px; margin-bottom: 5px; }
.greeting { width: 100%; border: 1px solid #CCC; }
.greeting tr th { background-color: #EFF3F5; padding-top: 8px; padding-bottom: 8px; font-weight: normal; text-align: left; padding-right: 12px; padding-left: 12px; }
.greeting tr td { padding-top: 8px; padding-bottom: 8px; font-weight: normal; text-align: left; padding-right: 12px; padding-left: 12px; }
.company_ta tr .th2 { background-color: #FCF9E4; }
.w628 { width: 628px; }
.box_blue { border: 1px solid #CCC; background-color: #ECF7FF; }
div .box_blue p { padding: 9px; }
.news_area { margin-bottom: 27px; padding-bottom: 11px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999; }
.news_area .date { float: left; width: 130px; }
.news_area .date p { background-image: url(../img/etc/news_arrow.jpg); background-repeat: no-repeat; background-position: left 6px; padding-left: 18px; font-size: 15px; font-weight: bold; color: #004993; }
.news_area .news { float: left; width: 485px; }
.news_area .news .st { font-size: 15px; font-weight: bold; color: #004993; margin-bottom: 7px; }
.size10 { font-size: 10px; }
.size13 { font-size: 13px; }
.greeting_st { font-size: 15px; font-weight: bold; color: #0070CA; padding-bottom: 3px; padding-left: 3px; }
.recruit_height { height: 400px; }
.justify { text-align:justify; text-justify: inter-ideograph; }
/* RECRUIT
--------------------------------------------------------- */
.photo_area { margin: 10px 10px 10px 0; float: left; width: 250px; }
.txt_area { margin: 10px 0 10px 10px; float:right; width: 350px; }
.list01 li { background: url(../img/recruit/list01.gif) no-repeat top left; padding:0 3px 0 15px; background-position: 3px 8px; }
.charm_ttl { background: url(../img/recruit/bg_charm_ttl.gif) top left no-repeat; padding: 3px 0 3px 45px; color:#003366 !important; border-bottom: 1px dashed #ccc; margin: 17px 0; height: auto !important }
.emp_ttl { background: url(../img/recruit/bg_emp_ttl.gif) top left no-repeat; padding: 8px 0 7px 45px; color:#003366 !important; border-bottom: 1px dashed #ccc; margin: 17px 0; height: auto !important }
.letter_ttl { background: url(../img/recruit/bg_letter_ttl.gif) top left no-repeat; padding: 4px 0 4px 45px; color:#003366 !important; border-bottom: 1px dashed #ccc; margin: 17px 0; height: auto !important }
.emp_photo_area { margin: 10px 10px 10px 0; float: left; width: 160px}
.emp_photo_area img {border: 1px solid #e8e8e8; margin-bottom: 5px }
.emp_txt_area { margin: 10px 0 10px 10px; float:right; width: 440px; }
.list_q { margin: 10px 0 30px 0 }
.list_q li { background: url(../img/recruit/icon_q.gif) no-repeat top left; padding:3px 3px 3px 25px; background-position: 3px 3px; border-bottom: 1px dashed #ccc; }
.recruit_ta { width: 95%; border: #CCC solid 1px; border-collapse: collapse; }
.recruit_ta tr th {font-weight: normal; background-color: #EFF3F5; vertical-align: top; padding: 3px; border: #CCC solid 1px; }
.recruit_ta tr td { padding: 3px; vertical-align: top; border: #CCC solid 1px }
.dot_hr {border-bottom: 1px dotted #ccc; background:#fff; height: 1px; border-top: none; border-left:none; border-right: none}