@charset "UTF-8";
@import "reset.css";

.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}

/* ===== base ===== */
body {
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
border-top: 2px solid #000;
background-color: #fff;
color: #000;
text-align: center;
}

a {
color: #128100;
text-decoration: underline;
}

a:focus {
outline: none;
}

h1 {
background: url(../cmn_images/header_logo.gif) left top repeat-x;
margin: 9px auto 12px;
width: 220px;
height: 51px;
text-indent: -9999px;
float: left;
}

h2 {
background-position: 2px top;
background-repeat: no-repeat;
margin: 0 0 6px 10px;
text-align: left;
text-indent: -9999px;
width: 590px;
height: 81px;
float: right;
}

* html h2 {
background-position: 8px top;
width: 596px;
float: none;
}

h3 {
background-position: left top;
background-repeat: no-repeat;
margin: 0 auto 15px;
text-indent: -9999px;
display: block;
clear: both;
}

h4 {
background-position: left top;
background-repeat: no-repeat;
margin: 0 auto 10px;
text-indent: -9999px;
display: block;
}

/* ===== margin ===== */
.mt5 { margin-top: 5px; }

.mt10 { margin-top: 10px; }

.mt15 { margin-top: 15px; }

.mt50 { margin-top: 50px; }

.ml5 { margin-left: 5px; }

.ml10 { margin-left: 10px; }

.ml15 { margin-left: 15px; }

.mr5 { margin-right: 5px; }

.mr10 { margin-right: 10px; }

.mr15 { margin-right: 15px; }

.mb5 { margin-bottom: 5px; }

.mb10 { margin-bottom: 10px; }

.mb15 { margin-bottom: 15px; }

.mb20 { margin-bottom: 20px; }

.mb25 { margin-bottom: 25px; }

.mb30 { margin-bottom: 20px; }

.mb40 { margin-bottom: 40px; }

.mb50 { margin-bottom: 50px; }

.p5 { padding: 5px; }

.pt5 { padding-top: 5px; }

.pb5 { padding-bottom: 5px; }

.pr10 { padding-right: 10px; }

.pr20 { padding-right: 20px; }

/* ===== float ===== */
.fLeft { float: left; }

.fRight { float: right; }

.clear { clear: both; }

/* ===== txet ===== */
.txtAL { text-align: left; }

.txtAC { text-align: center; }

.txtAR { text-align: right; }



/* ===== header ===== */
#header {
margin: 0 auto;
width: 800px;
text-align: left;
}

#header h1 a {
width: 220px;
height: 51px;
text-indent: -9999px;
display: block;
}

#header .copy {
background: url(../cmn_images/header_copy.gif) left bottom repeat-x;
margin: 32px auto 28px;
width: 336px;
height: 12px;
text-indent: -9999px;
float: right;
}



/* ===== footer ===== */
#footer {
margin: 0 auto;
padding: 7px 0 30px;
width: 800px;
font-size: 83%;
text-align: left;
clear: both;
}

#footer a {
color: #000;
text-decoration: none;
}

#footer a:hover {
color: #ff7200;
text-decoration: none;
}

#footer .copyright {
float: left;
}

#footer .copyright img {
margin-right: 10px;
vertical-align: text-bottom;
}

#footer .links {
float: right;
}

#footer .links a {
background: url(../cmn_images/footer_icon.gif) left center no-repeat;
margin-left: 15px;
padding-left: 12px;
}



/* ===== body ===== */
#body {
border-top: #e9e9e9 2px solid;
border-bottom: #000 2px solid;
background-color: #eee;
margin: 0;
padding: 0;
clear: both;
}

#body .wrapper {
margin: 0 auto;
padding: 13px 0 23px;
width: 800px;
overflow: hidden;
}

#body .wrapper:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

/*\*/
* html #body .wrapper {
height: 1em;
overflow: visible;
}
/**/



/* ===== navigation ===== */
div.navi {
font-size: 10px;
width: 199px;
text-align: left;
float: left;
}

div.navi ul li {
text-indent: -9999px;
}

.title {
background-position: left top;
background-repeat: no-repeat;
text-indent: -9999px;
display: block;
}


/* ===== recruit ===== */
div.navi .recruit {
background-color: #000;
margin: 0 0 11px;
padding: 11px 8px 1px;
color: #fff;
}

div.navi .recruit .title {
background-image: url(../cmn_images/navi_recruit_title.gif);
margin-bottom: 10px;
width:183px;
height:30px;
}

div.navi .recruit ul li {
margin: 0 auto 7px;
}

div.navi .recruit ul li a {
background-position: left top;
background-repeat: no-repeat;
width: 183px;
height: 59px;
display: block;
}

div.navi .recruit ul li a:hover {
background-position: left -59px;
margin: 0 auto 7px;
}

/* entry bg img
----------------------------------------------- */
div.navi .recruit ul li.entry a {
background-image: url(../cmn_images/navi_recruit_entry.gif);
}

div.navi .recruit ul li.entry a.on {
background-position: left -59px;
}

/* job bg img
----------------------------------------------- */
div.navi .recruit ul li.job a {
background-image: url(../cmn_images/navi_recruit_job.gif);
}

div.navi .recruit ul li.job a.on {
background-position: left -59px;
}

/* career bg img
----------------------------------------------- */
div.navi .recruit ul li.career a {
background-image: url(../cmn_images/navi_recruit_career.gif);
}

div.navi .recruit ul li.career a.on {
background-position: left -59px;
}


/* ===== menu ===== */
div.navi .menu {
background: url(../cmn_images/navi_menu_bg.gif) left top no-repeat;
margin: 0;
padding: 10px 8px 1px;
height: 225px;
color: #fff;
}

div.navi .menu .title {
background-image: url(../cmn_images/navi_menu_title.gif);
width:183px;
height:37px;
}

div.navi .menu ul li {
margin: 0 6px 0 5px;
}

div.navi .menu ul li.works, div.navi .menu ul li.education, div.navi .menu ul li.process, div.navi .menu ul li.faq {
background: url(../cmn_images/navi_menu_dotline.gif) left bottom repeat-x;
padding: 8px 0 9px;
}

div.navi .menu ul li.message {
padding: 8px 0 0;
}

div.navi .menu ul li a {
background-position: left top;
background-repeat: no-repeat;
width: 172px;
height: 18px;
display: block;
}

div.navi .menu ul li a:hover {
background-position: left -18px;
}

/* works bg img
----------------------------------------------- */
div.navi .menu ul li.works a {
background-image: url(../cmn_images/navi_menu_works.gif);
}

div.navi .menu ul li.works a.on {
background-position: left -18px;
}

/* education bg img
----------------------------------------------- */
div.navi .menu ul li.education a {
background-image: url(../cmn_images/navi_menu_education.gif);
}

div.navi .menu ul li.education a.on {
background-position: left -18px;
}

/* process bg img
----------------------------------------------- */
div.navi .menu ul li.process a {
background-image: url(../cmn_images/navi_menu_process.gif);
}

div.navi .menu ul li.process a.on {
background-position: left -18px;
}

/* faq bg img
----------------------------------------------- */
div.navi .menu ul li.faq a {
background-image: url(../cmn_images/navi_menu_faq.gif);
}

div.navi .menu ul li.faq a.on {
background-position: left -18px;
}

/* message bg img
----------------------------------------------- */
div.navi .menu ul li.message a {
background-image: url(../cmn_images/navi_menu_message.gif);
}

div.navi .menu ul li.message a.on {
background-position: left -18px;
}



/* ===== content ===== */
.content {
background: url(../cmn_images/content_bg_b.gif) left bottom no-repeat;
width: 590px;
font-size: 100%;
line-height: 1.7;
text-align: left;
float: right;
clear: right;
}

.content_container {
background: url(../cmn_images/content_bg.gif) left top no-repeat;
padding: 30px 40px 30px 35px;
}

.btn_pagetop {
margin-top: 30px;
font-size: 83%;
color: #128100;
text-align: right;
clear: both;
}

.btn_pagetop a {
width: 80px;
height: 16px;
text-decoration: none;
}

.btn_pagetop a:hover {
text-decoration: underline;
}



/* ===== top ===== */
#top .content {
background: none;
}

#top .top_fla {
margin: -2px auto 8px;
background: url(../images/top_flash_bg.jpg) left top no-repeat;
font-size:92%;
line-height: 1.8;
text-align: center;
width: 590px;
height: 252px;
}

#top .top_fla .alternate_txt {
margin: 0 auto;
padding: 80px 0 0;
}

#top .top_fla .alternate_txt .plugin {
color: #ff0000;
}

#top .top_fla .alternate_txt img {
margin-top: 15px;
}

#top .top_container {
background: url(../images/top_news_bg_b.gif) left bottom no-repeat;
margin: 0;
padding: 0;
overflow: hidden;
}

#top .top_container:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

/*\*/
* html #top .top_container {
height: 1em;
overflow: visible;
}
/**/

#top .top_news {
background: url(../images/top_news_bg.gif) left top no-repeat;
padding: 15px 10px;
width: 365px;
float: left;
}

#top .top_news .title {
background-image: url(../images/top_news_title.gif);
margin-bottom: 10px;
width:355px;
height:37px;
}

#top .top_news .news {
background: url(../images/top_news_dotline.gif) left bottom repeat-x;
margin: 0 7px 12px 12px;
padding-bottom: 12px;
}

#top .top_news .news_end {
margin: 0 7px 12px 12px;
}

#top .top_news .news .date, #top .top_news .news_end .date {
margin-bottom: 5px;
font-size: 100%;
line-height: 1.0;
color: #ff8500;
}

#top .top_banner {
width: 199px;
float: right;
}



/* ===== privacy ===== */
#privacy h2 {
background-image: url(../privacy/images/privacy_h2.jpg);
}

#privacy h3.t01 {
background-image: url(../privacy/images/privacy_h3_01.gif);
height: 18px;
}

#privacy h3.t02 {
background-image: url(../privacy/images/privacy_h3_02.gif);
height: 18px;
}

#privacy h3.t03 {
background-image: url(../privacy/images/privacy_h3_03.gif);
height: 18px;
}

#privacy h3.t04 {
background-image: url(../privacy/images/privacy_h3_04.gif);
height: 18px;
}

#privacy h3.t05 {
background-image: url(../privacy/images/privacy_h3_05.gif);
height: 18px;
}

#privacy h3.t06 {
background-image: url(../privacy/images/privacy_h3_06.gif);
height: 18px;
}

#privacy h3.t07 {
background-image: url(../privacy/images/privacy_h3_07.gif);
height: 18px;
}

#privacy ol {
margin-left: 7px;
padding-left: 20px;
list-style: decimal;
}

#privacy .line {
background: url(../cmn_images/dotline.gif) left bottom repeat-x;
margin-bottom: 30px;
padding-bottom: 27px;
}

#privacy .content li {
margin-bottom: 5px;
}

#privacy .content li span {
display:block;
}

#privacy .content li.mgn {
margin-left: 1.5em;
text-indent: -1.65em;
list-style-type: none;
}

#privacy ol.bold {
font-weight: bold;
}

#privacy dl {
font-weight: normal;
}

#privacy dd {
margin-left: 1.65em;
}

#privacy ul.inner li {
margin-left: 1.65em;
}



/* ===== career ===== */
#career h2 {
background-image: url(../career/images/career_h2.jpg);
}

#career h3.merit {
background-image: url(../career/images/career_h3.gif);
height: 18px;
}

#career .btn {
font-size: 83%;
color: #329222;
text-align: center;
margin: 25px auto 50px;
}

#career .btn a.off {
background: url(../career/images/career_btn_entry_off.gif) left top no-repeat;
margin: 0 auto 2px;
width: 193px;
height: 42px;
text-indent: -9999px;
display: block;
}

#career .btn a {
background: url(../career/images/career_btn_entry.gif) left top no-repeat;
margin: auto;
width: 193px;
height: 42px;
text-indent: -9999px;
display: block;
}

#career .btn a:hover {
background-position: left -42px;
}

#career h4 {
margin: 0 auto 5px;
font-weight: bold;
color: #128100;
text-indent: 0;
}

#career h4 .star {
color: #f1b01c;
}

#career .line {
border-bottom: 1px solid #ccc;
margin-bottom: 25px;
padding-bottom: 26px;
}

#career .content ul {
padding-left: 20px;
list-style: square;
}

#career .content li {
color: #128100;
}

#career .content li span {
font-size: 83%;
color: #000;
}

#career .inquiry {
border: 2px solid #59a74c;
margin-top: 30px;
padding: 11px 13px;
color: #128100;
text-align: center;
}

#career .inquiry .ttl {
font-size: 117%;
font-weight: bold;
}



/* ===== works ===== */
/* index
----------------------------------------------- */
#works h2 {
background-image: url(../works/images/works_h2.jpg);
}

#works h2.ms {
background-image: url(../works/images/works_h2_ms.jpg);
}

#works h3.index {
background-image: url(../works/images/works_h3_01.gif);
height: 18px;
}

#works h4.flow {
background-image: url(../works/images/works_h4_01.gif);
height: 18px;
}

#works h4.interview {
background-image: url(../works/images/works_h4_02.gif);
height: 18px;
clear: both;
}

#works h5 {
background-color: #999;
background-position: 15px 5px;
background-repeat: no-repeat;
height: 24px;
text-indent: -9999px;
display: block;
}

#works h5.sp {
background-image: url(../works/images/works_h5_01.gif);
}

#works h5.ms {
background-image: url(../works/images/works_h5_02.gif);
}

#works ul.lead_txt {
padding-left: 20px;
}

#works ul.lead_txt li {
list-style-image: url(../works/images/works_list_img.gif);
list-style-type: disc;
}

/* 1日の流れ */
#works div.flow {
background-color: #f0f0f0;
padding: 1px;
clear: both;
height:120px;
}
#works div.flow p.flow_ph a {
border: 4px solid #f0f0f0;
margin-right: 25px;
float:left;
}
#works div.flow p.flow_ph a:hover {
border: 4px solid #c5c5c5;
}
#works div.flow div.wrap {
padding: 20px 0 10px 5px;
}
#works div.flow .flow_btn {
float:right;
margin: 0 9px 0 0;
}

/* 調整end */

#works div.flow .flow_btn a.sp {
background: url(../works/images/works_btn_sp.gif) left top no-repeat;
width: 154px;
height: 34px;
text-align: left;
text-indent: -9999px;
display: block;
}

#works div.flow .flow_btn a.ms {
background: url(../works/images/works_btn_ms.gif) left top no-repeat;
width: 154px;
height: 34px;
text-align: left;
text-indent: -9999px;
display: block;
}

html:not(:only-child:only-child) #works div.flow .flow_btn a.sp, html:not(:only-child:only-child) #works div.flow .flow_btn a.ms {
float: right;
}

html:not([lang*=""]) #works div.flow .flow_btn a.sp, html:not([lang*=""]) #works div.flow .flow_btn a.ms {
float: right;
}

#works div.flow .flow_btn a:hover {
background-position: left -34px;
}

#works div.interview {
background-color: #f0f0f0;
padding: 15px 0 13px 12px;
}

#works div.interview .staff {
margin-right: 4px;
margin-bottom: 10px;
font-size: 83%;
line-height: 1.2;
width: 120px;
float: left;
}

#works div.interview .end {
margin-right: 0;
}

#works div.interview .staff a {
margin-bottom: 3px;
padding: 4px;
display: block;
}

#works div.interview .staff a:hover {
background-color: #c5c5c5;
}

#works div.interview .staff p {
padding-left: 4px;
}

#works div.interview .btn_interview {
text-align: center;
clear: both;
}

#works div.interview .btn_interview a.sp, #works .btn a.sp {
background: url(../works/images/works_btn_sp_interview.gif) left top no-repeat;
margin: 0 auto;
width: 156px;
height: 36px;
text-indent: -9999px;
display: block;
}

#works div.interview .btn_interview a.ms, #works .btn a.ms {
background: url(../works/images/works_btn_ms_interview.gif) left top no-repeat;
margin: 0 auto;
width: 156px;
height: 36px;
text-indent: -9999px;
display: block;
}

#works div.interview .btn_interview a:hover, #works .btn a:hover {
background-position: left -36px;
}

#works .btn_job, #works .btn_career {
margin-left: 40px;
width: 193px;
float: left;
}

*html #works .btn_job {
margin-left: 20px;
}

#works .btn_job p, #works .btn_career p {
padding: 5px 15px 30px;
font-size: 83%;
line-height: 1.4;
}

#works .btn_job a {
background: url(../works/images/works_btn_job.gif) left top no-repeat;
margin: 0 auto;
width: 193px;
height: 42px;
text-indent: -9999px;
display: block;
}

#works .btn_career a {
background: url(../works/images/works_btn_career.gif) left top no-repeat;
margin: 0 auto;
width: 193px;
height: 42px;
text-indent: -9999px;
display: block;
}

#works .btn_job a:hover, #works .btn_career a:hover {
background-position: left -42px;
}

/* sp, ms
----------------------------------------------- */
#works h3.sp {
background-image: url(../works/images/sp_h3.gif);
height: 18px;
}

#works h3.ms {
background-image: url(../works/images/ms_h3.gif);
height: 18px;
}

#works table {
margin-left: -7px;
width: 100%;
}

#works th, #works td {
border: none;
text-align: left;
vertical-align: top;
}

#works th {
background: url(../works/images/works_th_bg.gif) left top repeat-y;
padding: 7px 0;
font-size: 100%;
font-weight: bold;
width: 62px;
}

#works th .time {
margin: 0 7px 0 14px;
}

#works td {
padding: 7px;
font-size: 92%;
line-height: 1.7;
}

#works td.ph {
padding-right: 0;
}

#works td.interlude {
background: url(../works/images/works_interlude_bg.gif) left top no-repeat;
padding: 0;
font-size: 100%;
}

#works td.interlude div {
background: url(../works/images/works_interlude_bg_b.gif) left bottom no-repeat;
margin-bottom: -1px;
padding: 25px 40px 25px 120px;
font-size: 108%;
line-height: 1.5;
}

#works td.interlude div p {
text-align: center;
}

#works .upper th, #works .upper td {
padding-bottom: 10px;
}

#works .lower th, #works .lower td {
padding-top: 20px;
}

#works .btn {
background: url(../works/images/works_btn_bg.gif) left top no-repeat;
margin-bottom: 22px;
padding: 0;
width: 513px;
}

#works .btn .btn_b {
background: url(../works/images/works_btn_bg_b.gif) left bottom no-repeat;
padding: 18px;
font-size: 92%;
line-height: 1.3;
text-align: center;
}

#works .btn a.sp, #works .btn a.ms {
margin-top: 10px;
}

#works .btns {
border: 1px solid #e6e6e6;
background-color: #f2f2f2;
padding: 15px 0;
width: 511px;
}

#works .btns:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

/*\*/
* html #works .btns {
height: 1em;
overflow: visible;
}
/**/

#works .btns .btn_job {
margin-left: 44px;
}

*html #works .btns .btn_job {
margin-left: 22px;
}

#works .btns .btn_career {
margin-left: 34px;
}

#works .btns .btn_job a {
background: url(../works/images/works_btns_job.gif) left top no-repeat;
}

#works .btns .btn_career a {
background: url(../works/images/works_btns_career.gif) left top no-repeat;
}

#works .btns .btn_job a:hover, #works .btns .btn_career a:hover {
background-position: left -42px;
}

#works .btns .btn_job p, #works .btns .btn_career p {
padding: 5px 15px 0;
}

/* message01, message02
----------------------------------------------- */
#works h3.message01 {
background-image: url(../works/images/message01_h3.gif);
height: 18px;
}

#works h3.message02 {
background-image: url(../works/images/message02_h3.gif);
height: 18px;
}

#works .content ul.pnavi {
background-color: #797979;
margin-bottom: 26px;
height: 21px;
}

#works .content ul.pnavi li {
height: 21px;
float: left;
}

#works .content ul.pnavi li a {
background-position: left top;
background-repeat: no-repeat;
height: 21px;
text-indent: -9999px;
display: block;
}

*html #works .content ul.pnavi li a {
background-position: left 1px;
}

#works .content ul.pnavi li a.tanaka {
background-image: url(../works/images/message01_btn_tanaka.gif);
width: 70px;
}

#works .content ul.pnavi li a.yasuhira {
background-image: url(../works/images/message01_btn_yasuhira.gif);
width: 66px;
}

#works .content ul.pnavi li a.nakata {
background-image: url(../works/images/message01_btn_nakata.gif);
width: 70px;
}

#works .content ul.pnavi li a.ono {
background-image: url(../works/images/message01_btn_ono.gif);
width: 68px;
}

#works .content ul.pnavi li a.oishi {
background-image: url(../works/images/message02_btn_oishi.gif);
width: 73px;
}

#works .content ul.pnavi li a.turu {
background-image: url(../works/images/message02_btn_turu.gif);
width: 63px;
}

#works .content ul.pnavi li a.ibuka {
background-image: url(../works/images/message02_btn_ibuka.gif);
width: 70px;
}

#works .content ul.pnavi li a:hover {
background-position: left -21px;
}

*html #works .content ul.pnavi li a:hover {
background-position: left -20px;
}

#works .content .message {
border-bottom: 1px solid #ccc;
margin-bottom: 30px;
padding-bottom: 7px;
}

#works .content .last {
border: none;
margin-bottom: 15px;
}

#works .content .message .message_ph {
margin-bottom: 25px;
width: 210px;
float: left;
}

#works .content .message .message_ph p {
padding: 5px;
font-size: 83%;
line-height: 1.6;
}

#works dt {
margin-bottom: 5px;
margin-left: 1.5em;
color: #128100;
font-weight: bold;
text-indent: -1.5em;
}

html:not(:only-child:only-child) #works dt {
margin-left: 2.0em;
text-indent: -2.0em;
}

#works dt.ph {
width: 270px;
float: right;
}

* html #works dt.ph {
margin-left: 0;
padding-left: 1.5em;
}

html:not(:only-child:only-child) #works dt.ph {
width: 265px;
}

#works dd.ph {
width: 290px;
float: right;
}

#works dd {
margin-bottom: 25px;
}

#works .btn_others {
font-size: 83%;
color: #128100;
text-align: right;
clear: both;
}

#works .btn_others a {
width: 100px;
height: 16px;
text-decoration: none;
}

#works .btn_others a:hover {
text-decoration: underline;
}



/* ===== education ===== */
#education h2 {
background-image: url(../education/images/education_h2.jpg);
}

#education h3.education {
background-image: url(../education/images/education_h3_01.gif);
height: 18px;
}

#education h3.training {
background-image: url(../education/images/education_h3_02.gif);
width: 280px;
height: 18px;
float: left;
clear: none;
}

#education h3.test {
background-image: url(../education/images/education_h3_03.gif);
height: 18px;
}

#education h3.contest {
background-image: url(../education/images/education_h3_04.gif);
width: 280px;
height: 18px;
float: left;
clear: none;
}

#education p {
clear: both;
}

#education ol {
margin-left: 15px;
padding-left: 20px;
list-style: decimal;
}

#education ol li {
font-weight: bold;
color: #128100;
list-style: decimal;
}

#education ol li p {
font-weight: normal;
color: #000;
}

#education p.txt_ph {
width: 280px;
float: left;
clear: left;
}

#education p.ph {
margin-bottom: 30px;
width: 212px;
float: right;
}



/* ===== process ===== */
#process h2 {
background-image: url(../process/images/process_h2.jpg);
}

#process .lead {
line-height: 1.9;
}

#process table {
width: 100%;
}

#process td {
line-height: 1.9;
}

#process td.ph {
padding-right: 15px;
}

#process td.arrow {
padding: 10px 15px 10px 0;
text-align: center;
}

#process td .notes {
margin-top: 2px;
margin-left: 1em;
text-indent: -1em;
font-size: 83%;
line-height: 2.0;
color: #128100;
}

/* ===== faq ===== */
#faq h2 {
background-image: url(../faq/images/faq_h2.jpg);
}

#faq h3.entry {
background-image: url(../faq/images/faq_h3_01.gif);
height: 18px;
}

#faq h3.job {
background-image: url(../faq/images/faq_h3_02.gif);
height: 18px;
}

#faq h3.contract {
background-image: url(../faq/images/faq_h3_03.gif);
height: 18px;
}

#faq h3.others {
background-image: url(../faq/images/faq_h3_04.gif);
height: 18px;
}

#faq dl.line {
background: url(../cmn_images/dotline.gif) left bottom repeat-x;
margin-bottom: 26px;
padding-bottom: 5px;
}

#faq dt {
background: url(../faq/images/faq_icon_q.gif) left 3px no-repeat;
margin-bottom: 6px;
padding-left: 22px;
color: #128100;
}

#faq dd {
background: url(../faq/images/faq_icon_a.gif) left 3px no-repeat;
margin-bottom: 20px;
padding-left: 22px;
}

#faq dd li {
margin-top: 5px;
font-weight: bold;
list-style: decimal;
list-style-position: inside;
}

#faq dd li .faq_txt {
font-weight: normal;
}

.icon_txt {
color: #128100;
}

#faq dd table.inquiry {
border: 1px solid #128100;
margin-top: 25px;
}

#faq dd table.inquiry td {
padding: 11px 13px;
font-size: 108%;
color: #128100;
}



/* ===== message ===== */
#message h2 {
background-image: url(../message/images/message_h2.jpg);
}

#message h3.principles {
background-image: url(../message/images/message_h3_01.gif);
height: 18px;
}

#message h3.greeting {
background-image: url(../message/images/message_h3_02.gif);
height: 18px;
}

#message h3.information {
background-image: url(../message/images/message_h3_03.gif);
height: 18px;
}

#message h3.description {
background-image: url(../message/images/message_h3_04.gif);
height: 18px;
}

#message h3.office {
background-image: url(../message/images/message_h3_05.gif);
height: 18px;
}

#message .principles_text {
border: 2px solid #128100;
padding: 11px 13px;
color: #128100;
}

#message .message_ph {
margin-left: 30px;
width: 168px;
float: right;
}

#message table {
width: 100%;
}

#message th, #message td {
border: 1px solid #b2b2b2;
font-size: 100%;
line-height: 1.4;
text-align: left;
vertical-align: top;
}

#message th {
background-color: #f7f7f7;
padding: 7px 15px;
color: #128100;
white-space: nowrap;
}

#message td {
background-color: #fff;
padding: 7px 20px;
}

#message ol.description {
padding-left: 20px;
list-style: decimal;
}

#message ol.description li {
color: #128100;
list-style: decimal;
}

#message ol.description li p {
color: #000;
}

#message dt {
color: #128100;
}

#message dd {
margin-bottom: 15px;
}