/* ============================== pagenavi ============================== */
/* pagenavi */
.pagenavi1 {
    border:1px solid #cccccc;
    background-color:#ffffff;
    margin:0px 0px 0px;
}
.pagenavi1_no {
    float:left;
    padding-left:10px;
    width:230px;
    height:30px;
    line-height:30px;
}
.pagenavi1_no .pageno {
    vertical-align:middle;
}
/* for Ie6 */
* html body .pagenavi1_no {
    padding-top:5px;
}
.pagenavi1_no2 {
    float:left;
    padding-left:10px;
    width:230px;
    height:25px;
    line-height:25px;
}
.pagenavi1_text {
    float:left;
    text-align:center;
    line-height:30px;
    width:230px;
    height:30px;
}
.pagenavi1 ul {
    float:right;
}
.pagenavi1 ul li {
    float:left;
}
.pagenavi1_back .linkbtn {
    background:url(../images/icon_arrow02.gif) no-repeat 10px 50%;
    padding:0px 10px 0px 25px;
    line-height:30px;
    float:left;
    border-top:0px;
    border-bottom:0px;
}
.pagenavi1_next .linkbtn {
    background:url(../images/icon_next.gif) no-repeat 100% 50%;
    padding:0px 25px 0px 10px;
    line-height:30px;
    float:left;
    border:0px;
}
.pagenavi2 {
    float:left;
    border:1px solid #cccccc;
    background-color:#ffffff;
    margin:10px 0px 0px;
}
.pagenavi2_sort {
    float:left;
    line-height:30px;
    padding:0px 10px;
}
.pagenavi2 ul {
    float:left;
}
.pagenavi2 ul li {
    width:80px;
    line-height:30px;
    float:left;
}
.pagenavi2 .linkbtn {
    background:url(../images/icon_down02.gif) no-repeat 10px 50%;
    padding:0px 10px 0px 25px;
    line-height:30px;
    border-top:0px;
    border-right:0px;
    border-bottom:0px;
}
.pagenavi2_icon {
    float:right;
    margin:10px 0px 0px;
}
.pagenavi2_icon p {
    line-height:30px;
}
.pagenavi2_icon .linkbtn {
    background:url(../images/icon_arrow.gif) no-repeat 10px 50%;
    padding:0px 10px 0px 25px;
    line-height:30px;
    float:left;
}
.pagenavi3 {
    border:1px solid #cccccc;
    background-color:#ffffff;
    margin:0px 0px 0px;
}
.pagenavi3_text {
    float:left;
    text-align:right;
    line-height:30px;
    width:420px;
    height:30px;
}
.pagenavi3_next {
    float:right;
}
.pagenavi3_next .linkbtn {
    background:url(../images/icon_next.gif) no-repeat 10px 50%;
    padding:0px 10px 0px 25px;
    line-height:30px;
    float:left;
    border-top:0px;
    border-right:0px;
    border-bottom:0px;
}
.mypage_btn03 {
    float:right;
}



/* ============================== job ============================== */

/* ===== basicSearch ===== */

/* title */
.jobtitle {
    padding:10px 0px 5px;
}
.job_b1_ttl01 {
    float:left;
}
.job_clear {
    float:right;
}

/* tab */
.jobmenu_tab {
}
.jobmenu_tab li {
    text-align:center;
    float:left;
}
.jobmenu_tab li a {
    width:96px;
    height:30px;
    display:block;
    background:url(../../job/job_images/job_b1_tab01.gif) no-repeat 0% 100%;
    text-align:center;
    line-height:35px;
    font-size:14px;
    color:#5c8556;
    font-weight:bold;
    float:left;
    margin-right:2px;
}
/* for Ie6 */
* html body .jobmenu_tab li a {
    width:96px !important;
    margin:0px 1px 0px 0px;
}
/* for Ie6 */
* html body .jobmenu_tab li a span {
    position:relative;
    top:5px;
}
.jobmenu_tab li.tab7 a {margin:0px;}
.jobmenu_tab li a:link {color:#5c8556; text-decoration:none;}
.jobmenu_tab li a:visited {color:#5c8556; text-decoration:none;}
.jobmenu_tab li a:hover {color:#5c8556; text-decoration:underline;}
.jobmenu_tab li a:active {color:#5c8556; text-decoration:underline;}
.jobmenu_tab li a.tabon {
    background:url(../../job/job_images/job_b1_tab01on.gif) no-repeat 0% 100%;
    color:#ffffff !important;
}
.jobmenu_tab li a.tabon:hover {color:#ffffff; text-decoration:none;}

/* checkbox */
.job_form {
    padding:1px;
    border:5px solid #d92318;
}
.job_form h4 {
    font-size:12px;
    background-color:#fbe9e7;
    border-bottom:1px solid #f5c8c5;
    padding:7px 10px;
}
.job_form_list1 {
    position:relative;
    background:url(../../job/job_images/job_form_area.gif) no-repeat 50% 10px;
    height:320px;
}
.job_form_list1 ul {
    min-width:3em;
}
/* for Ie6 */
* html body .job_form_list1 ul {
    width:3em;
}
.job_form_list1 li {
    font-size:10px;
    height:20px;
    white-space:nowrap;
}
.area1 {position:absolute; top:28px; left:515px;}
.area2 {position:absolute; top:75px; left:496px;}
.area3 {position:absolute; top:170px; left:450px;}
.area4 {position:absolute; top:133px; left:353px;}
.area4_ex {position:absolute; top:133px; left:435px;}
.area5 {position:absolute; top:206px; left:353px;}
.area6 {position:absolute; top:133px; left:289px;}
.area7 {position:absolute; top:140px; left:158px;}
.area8 {position:absolute; top:208px; left:189px;}
.area9 {position:absolute; top:184px; left:85px;}
.area10 {position:absolute; top:273px; left:85px;}
.area2a {float:left; padding-right:5px;}
.area2b {float:left; padding-top:20px;}
.area3a {float:left;}
.area3b {float:left; padding-right:5px;}
.area3c {float:left;}
.area3d {padding-top:40px;}
.area3e {padding-top:20px;}
.area4a,.area4b,.area4c {float:left;}
.area5a,.area5b {float:left;}
.area7a,.area7b,.area7c {float:left;}
.area8a {float:left; padding-right:5px;}
.area8b {float:left;}
.area9a {float:left; padding-right:5px;}
.area9b {float:left;}
.area9c {clear:left;}
.job_form_list2 {
    padding:5px 0px 5px 0px;
}
.job_form_list2 li {
    float:left;
    width:160px;
    font-size:10px;
    line-height:20px;
    white-space:nowrap;
}
.job_form_list3 {
    padding:5px;
}
.job_form_list3 li {
    float:left;
    width:13em;
    font-size:10px;
    line-height:20px;
    white-space:nowrap;
}
.job_form_list4 {
    width:160px;
    margin:5px 0px 5px 6px;
    padding-top:5px;
    float:left;
}
.job_form_list4 h5 {
    padding:0px 0px 7px 0px;
}
.job_form_list4 li {
    padding:0px 0px 7px 0px;
    font-size:10px;
}

/* freeword */
.job_freeword {
    border:1px solid #e5e5e5;
    background-color:#ffffff;
    padding:5px;
    margin:10px 0px 5px;
}
.job_freeword h4 {
    float:left;
    padding-right:10px;
}
.job_freeword input {
    float:left;
    width:240px;
    margin-right:10px;
}
.job_freeword_ex {
    font-size:10px;
    line-height:12px;
}
.job_freeword_text {
    font-size:10px;
    clear:both;
}
.job_search_text {
    float:left;
    font-size:10px;
    line-height:30px;
    padding-left:5px;
}
.job_search_viewicon {
    border-top:1px solid #cccccc;
    border-right:1px solid #cccccc;
    border-bottom:2px solid #cccccc;
    border-left:2px solid #cccccc;
    background-color:#ffffff;
    float:right;
    padding:5px;
}

/* result */
.result_no {
    border-right:1px solid #cccccc;
    float:left;
    padding:10px 10px;
}
.result_no dt {
    padding-bottom:10px;
}
.result_no strong {
    font-size:18px;
    padding:0px 5px;
}
.result_text {
    float:left;
    padding:10px;
    line-height:180%;
}

/* iconbox */
.job_iconbox_container {
    z-index:2;
    position:absolute;
    right:28px;
    display:none;
}
.job_iconbox {
    width:544px;
    padding:5px;
    border:1px solid #b2cc80;
    background-color:#ffffff;
    position:relative;
    top:-8px;
}
/* for Ie6 */
* html body .job_iconbox {
    width:554px;
}
.job_iconbox h3 {
    float:left;
}
.job_iconbox p {
    float:left;
}
.job_iconbox h4 {
    padding-top:10px;
    clear:both;
}
.job_iconbox li {
    padding-top:5px;
    float:left;
}

/* jobdata */
.jobdata_ttl {
    background-color:#669900;
    padding:4px;
    margin-bottom:5px;
}
.jobdata_ttl .jobdata_ttl_ct {
    float:left;
    width:150px;
    padding-top:1px;
}
.jobdata_ttl h3 {
    color:#ffffff;
    font-size:12px;
    line-height:22px;
    width:370px;
    float:left;
    margin-left:5px;
}
.jobdata_ttl .jobdata_ttl_no {
    border:1px solid #ffffff;
    color:#ffffff;
    font-size:12px;
    line-height:22px;
    font-weight:bold;
    padding:0px 5px;
    float:right;
    white-space:nowrap;
}
.jobdata_ttl p span {
    font-size:14px;
}
.jobdata_list {
    margin-bottom:5px;
}
.jobdata_list li {
    display:inline;
    padding-right:3px;
}
.job_data_photo {
    width:105px;
    height:106px;
    float:left;
}
.job_data_photo p {
    margin-bottom:10px;
}
.job_data_detail {
    width:566px;
    min-height:106px;
    float:left;
}
/* for Ie6 */
* html body .job_data_detail {
    height:106px;
}
.job_data_navi {
    width:566px;
    min-height:37px;
}
/* for Ie6 */
* html body .job_data_navi {
    height:37px;
}
.job_data_navi h4 {
    float:left;
    font-size:14px;
    color:#d92318;
    width:390px;
    margin-top:10px;
}
.job_data_navi ul {
    float:right;
    width:176px;
    margin-top:3px;
}
.job_data_navi li {
    float:left;
    padding-left:5px;
}
.job_data_table {
    width:566px;
}
.job_data_table th {
    background-color:#e5e5e5;
    font-size:10px;
    font-weight:normal;
    height:22px;
    padding:0px 10px;
}
.job_data_table td {
    background-color:#f5f5f5;
    font-size:10px;
    font-weight:normal;
    height:22px;
    padding:0px 15px 0px 5px;
}
.line2 td {
    background-color:#ffffff;
}

/* ===== search ===== */
.search_detail {
    width:660px;
    margin:0px 5px;
}
.jobdata_list40 {
    margin:0px 5px 10px;
}
.jobdata_list40 li {
    float:left;
    padding-right:6px;
}
.search_b1_photo {
    float:left;
    width:240px;
}
.search_b1_photo img {
    margin-bottom:5px;
}
.search_b1_text {
    float:right;
    width:410px;
}
.search_b1_text h3 {
    height:48px;
    color:#e72b04;
    font-size:16px;
    position:relative;
    top:10px;
}
.search_b1_tel {
    float:left;
    width:280px;
}
.search_b1_btn {
    float:right;
    width:130px;
}

.search_b1_pr {
    float:left;
    line-height:22px;
    width:410px;
    background-color:#669900;
}
.search_banner {
    margin:10px 0px 0px;
}
.search_b2 table {
    width:660px;
    border-top:1px solid #ccd9cc;
}
.search_b2 th {
    border-left:3px solid #336633;
    border-bottom:1px solid #ccd9cc;
    background-color:#e6ebe6;
    width:97px;
    text-align:left;
    font-weight:normal;
}
.search_b2 td {
    border-left:1px solid #ccd9cc;
    border-right:1px solid #ccd9cc;
    border-bottom:1px solid #ccd9cc;
    background-color:#ffffff;
    text-align:left;
}
.search_b2 td img {
    margin-right:10px;
}
.search_b2 td p {
    margin-top:1em;
}
.search_b2 em {
    font-size:14px;
}
.search_b3 {
    border:1px solid #d92318;
    margin-top:10px;
    padding:10px;
    background-color:#fef8f8;
}
.search_b3 h3 {
    color:#e72b04;
}
.search_b3 p {
    text-indent:-2em;
    margin-left:2em;
    margin-top:1em;
}
.search_b3 p span.marker {
    padding-right:1em;
}
.search_b4_text {
    padding-top:10px;
}
.search_b4_tel,.search_b4_num,.search_b4_btn {
    float:left;
}

.search_b4_pr {
    float:right;
    width:130px;
}

.search_b4_num {
    width:250px;
    height:132px;
    background:url(../../job/job_images/search_b1_txt03.gif) no-repeat 0px 0px;
    text-align:center;
}
.search_b4_number {
    font-size:23px;
    line-height:23px;
    color:#ffffff;
    font-weight:bold;
    font-family:Arial Black;
    position:relative;
    top:65px;
    left:-5px;

}
.search_b5 li {
    float:left;
    padding:10px 10px 10px 0px;
}
.search_otherjob .linkbox {
    margin:6px 0px;
}
.other_jobbox {
    width:330px;
    height:170px;
    float:left;
    margin:0px 6px;
}
/* for Ie6 */
* html body .other_jobbox {
    margin:0px 4px;
}
.other_jobphoto {
    display:block;
    float:left;
    padding:0px 10px 0px 5px;
    border-left:5px solid #669900;
    width:72px;
    min-height:130px;
}
/* for Ie6 */
* html body .other_jobphoto {
    width:72px;
    height:130px;
}
.other_jobphoto img {
    border:2px solid #b2cc7f;
    margin-bottom:5px;
}
.other_jobdetail {
    display:block;
    float:left;
    width:220px;
}
.other_jobdetail strong {
    display:block;
    padding-bottom:10px;
}
.search_btn01 {
    width:675px;
    margin:10px 0px;
    padding:10px;
    border:1px solid #e5e5e5;
    background-color:#f5f5f5;
    text-align:center;
}
/* for Ie6 */
* html body .search_btn01 {
    width:675px;
}


/* ============================== contents ============================== */
/* riyou */
.riyou {
    width:697px;
}
.riyou p {
    margin-top:10px;
    padding:0px 20px 0px 5px;
}
p.mailto {
    padding:0px;
}
p.mailto2 {
    margin-top:5px;
}
p.riyoudate {
    text-align:right;
}
.riyou h3 {
    background:url(../images/ttl_green_bg01.gif) no-repeat 0px 0px;
    width:697px;
    height:31px;
    line-height:31px;
    font-size:14px;
    margin:20px 0px 10px;
    font-weight:normal;
}

.riyou h3 span {
    position:relative;
    display:block;
    left:10px;

}

.riyou h4 {
    margin-top:20px;
    border:1px solid #e5e5e5;
    border-left:5px solid #b2cc7f;
    background-color:#f5f5f5;
    color:#336633;
    height:25px;
    line-height:25px;
    font-size:12px;
}
.riyou h4 span {
    position:relative;
    display:block;
    margin-left:5px;
}
.riyou .numlist li {
    margin-top:1em;
    padding-right:20px;
}
.riyou .allist {
    margin-top:1em;
}
.riyou .allist li {
    margin-left:3em;
    padding-right:20px;
}
div.flow_rybtn {padding:10px 5px 5px;left:auto;}

/*==================================================================*/
/* disclaimer */
.disclaimer {
    width:697px;
}
.disclaimer p {
    margin-top:10px;
    padding:0px 20px 0px 5px;
}
p.mailto {
    padding:0px;
}
p.mailto2 {
    margin-top:5px;
}
p.riyoudate {
    text-align:right;
}
.disclaimer h3 {
    background:url(../images/ttl_green_bg01.gif) no-repeat 0px 0px;
    width:697px;
    height:31px;
    line-height:31px;
    font-size:14px;
    margin:20px 0px 10px;
    font-weight:normal;
}

.disclaimer h3 span {
    position:relative;
    display:block;
    left:10px;
}
.disclaimer h4 {
    margin-top:20px;
    border:1px solid #e5e5e5;
    border-left:5px solid #b2cc7f;
    background-color:#f5f5f5;
    color:#336633;
    height:25px;
    line-height:25px;
    font-size:12px;
}
.disclaimer h4 span {
    position:relative;
    display:block;
    margin-left:5px;
}
.disclaimer .numlist li {
    margin-top:1em;
    padding-right:20px;
}

.disclaimer .abclist li {
    margin-top:1em;
    padding-right:20px;
}

.disclaimer .allist {
    margin-top:1em;
}
.disclaimer .allist li {
    margin-left:3em;
    padding-right:20px;
}



/* ============================== officelist ============================== */
/* officelist */
div.officelist {
    padding:1px;
    border:5px solid #d92318;
    background-color:#ffffff;
}
div.officelist_read {
    font-size:12px;
    background-color:#fbe9e7;
    border-bottom:1px solid #f5c8c5;
    padding:7px 10px;
}
dl.officelist_read dt {
    padding-right:10px;
    float:left;
}
dl.officelist_read dd {
    float:left;
}
div.officelist_menu {
    margin:20px 0px 0px 10px;
}
div.officelist_menu li {
    float:left;
    margin-right:5px;
}
div.officelist_menu li a {
    width:75px;
    border:1px solid #ccc;
    border-bottom:0px;
    background-color:#ffffff;
    display:block;
    float:left;
    text-align:center;
    padding:6px 0px;
}
div.officelist_menu li a.tabon {
    border:1px solid #8cb340;
    border-bottom:0px;
    background-color:#8cb340;
    color:#ffffff;
    font-weight:bold;
}
div.officelist_menu li a.tabon:hover {
    text-decoration:none;
}
/* for Ie6 */
* html body .jobmenu_tab li a {
    width:89px;
}
* html div.officelist_menu li a {
    width:75px;
}
div.officelist_data {
    margin:0px 10px 10px;
    padding:1px;
    border:5px solid #8cb340;
    background-color:#ffffff;
}
.officelist_data_li {
    text-align:center;
    margin-bottom:15px;
    padding:5px;
    background-color:#eff5e5;
    font-weight:bold;
}
table.officetable {
    width:620px;
    margin:0px 0px 15px 10px;
    border-left:1px solid #cccccc;
    border-top:1px solid #cccccc;
}
table.officetable th {
    border-right:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    background-color:#eaefea;
    vertical-align:middle;
}
table.officetable td {
    border-right:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    background-color:#ffffff;
    vertical-align:middle;
}
table.officetable td.ic {
    width:64px;
    text-align:center;
}
table.officetable th.d2 {width:100px;}
table.officetable th.d3 {width:100px;}
table.officetable h3 {
    font-size:12px;
    font-weight:normal;
    color:#336633;
}


/* ============================== bbs ============================== */
div.bbsbox {
    padding:1px;
    border:5px solid #d92318;
    background-color:#ffffff;
    width:670px;
}
div.bbs_read {
    font-size:12px;
    background-color:#fbe9e7;
    border-bottom:1px solid #f5c8c5;
    padding:7px 10px;
}
div.bbs_detail {
    margin:10px;
}
div.bbsbox h3 {
    background:url(../images/ttl_green_bg02.gif) no-repeat 0px 0px;
    width:654px;
    height:31px;
    margin:20px 0px 0px 10px;
    color:#ffffff;
    font-weight:bold;
    font-size:14px;
    line-height:31px;
}
div.bbsbox h3 span {
    position:relative;
    left:10px;
}
table.bbsform {
    width:653px;
}
table.bbsform th {
    border-left:5px solid #336633;
    background-color:#eaefea;
    width:100px;
    text-align:left;
    padding:5px 0 5px 10px;
}
table.bbsform td {
    background-color:#f5f5f5;
    padding:5px 0 5px 10px;
}
.formbtn {
    text-align:center;
    margin:10px 0px;
}
div.bbsbox .pagenavi1 {
    width:652px;
    margin:10px 0px 10px 10px;
}
div.bbsbox .pagenavi1 .pagenavi1_no,div.bbsbox .pagenavi1 .pagenavi1_no2 {
    width:210px;
}
div.bbsbox .pagenavi1 .pagenavi1_text {
    width:240px;
}
table.bbstopics {
    width:653px;
}
table.bbstopics th {
    border-top:5px solid #336633;
    background-color:#eaefea;
    text-align:center;
}
table.bbstopics td {
    background-color:#f5f5f5;
}
table.bbstopics td.dt1 {padding:5px;}
table.bbstopics td.dt2 {width:110px; text-align:center;padding:5px;}
table.bbstopics td.dt3 {width:50px; text-align:center;padding:5px;}
table.bbstopics td.dt4 {width:50px; text-align:center;padding:5px;}
table.bbstopics td.dt5 {width:70px; text-align:center;padding:5px;}
div.bbscaution {
    border:1px solid #d92318;
    background-color:#ffffff;
    padding:10px;
}

.bbs_parent_box
{
    clear:both;
    width:670px;
    margin-left:10px;
}

.bbs_parent_title
{
    width:648px;
    border-top:5px solid #336633;
    border-left:1px solid #336633;
    border-right:1px solid #336633;
    background-color:#eaefea;
    padding:10px 0;
    color:#336633;
}
.bbs_parent_title .left
{
    padding-left:10px;
    font-size:1.2em;
    display:block;
    float:left;
    width:490px;
}
.bbs_parent_title .right
{
    font-size:1.2em;
    display:block;
    float:right;
    padding-right:10px;

}

.bbs_parent_body
{
    clear:both;
    width:628px;
    border-left:1px solid #336633;
    border-right:1px solid #336633;
    border-bottom:1px solid #336633;
    background-color:#ffffff;
    padding:10px 10px;
}

.bbs_child_box
{
    clear:both;
    width:630px;
    background:#f5f5f5;
    padding:10px;
    margin-left:10px;
}

.bbs_child_title
{
    width:628px;
    border-top:1px solid #cccccc;
    border-left:1px solid #cccccc;
    border-right:1px solid #cccccc;
    background-color:#f5f5f5;
    padding:10px 0;
    color:#336633;
}
.bbs_child_title .left
{
    padding-left:10px;
    display:block;
    float:left;
    width:470px;
}
.bbs_child_title .right
{
    display:block;
    float:right;
    padding-right:10px;

}

.bbs_child_body
{
    clear:both;
    width:608px;
    border-left:1px solid #cccccc;
    border-right:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    background-color:#ffffff;
    padding:10px 10px;
}



/* ============================== flow ============================== */
/* flow */
div.flowbox {
    padding:1px;
    border:5px solid #d92318;
    background-color:#ffffff;
}
div.flowbox2 {
    padding:1px;
    border:5px solid #d92318;
    border-top:0px;
    background-color:#ffffff;
}
div.flowbox2_tab {
    background-color:#d92318;
    padding:5px 0px 0px 5px;
}
div.flowbox2_tab li {
    float:left;
}
div.flowbox2_tab li a {
    width:126px;
    height:24px;
    line-height:24px;
    float:left;
    background:url(../../beginner/flow_images/flow_subtab.gif) no-repeat 0% 0%;
    color:#d92318;
    text-align:center;
    display:block;
    margin-right:5px;
}
div.flowbox2_tab li a.tabon {
    width:126px;
    height:24px;
    line-height:24px;
    float:left;
    background:url(../../beginner/flow_images/flow_subtabon.gif) no-repeat 0% 0%;
    color:#ffffff;
    text-align:center;
    display:block;
}
div.flowbox_detail {
    margin:5px;
}
.flowlist {
    padding:5px 0px 0px 7px;
    border:1px solid #e5e5e5;
    border-bottom:0px;
}
.flowlist li {
    width:98px;
    float:left;
    background:url(../../beginner/flow_images/flow_arrow01.gif) no-repeat 83px 50%;
}
.flowlist li.flow7 {
    width:80px;
    float:left;
    background-image:none;
}
.flowlist li a {
    width:80px;
    height:39px;
    color:#336633;
    font-size:14px;
    line-height:37px;
    text-align:center;
    display:block;
    float:left;
}
.flowlist li a:hover {
    color:#336633;
}
.flowlist li.flow1 a {background:url(../../beginner/flow_images/flow_flow01.gif) no-repeat 0px 0px;}
.flowlist li.flow2 a {background:url(../../beginner/flow_images/flow_flow02.gif) no-repeat 0px 0px;}
.flowlist li.flow3 a {background:url(../../beginner/flow_images/flow_flow03.gif) no-repeat 0px 0px;}
.flowlist li.flow4 a {background:url(../../beginner/flow_images/flow_flow04.gif) no-repeat 0px 0px;}
.flowlist li.flow5 a {background:url(../../beginner/flow_images/flow_flow05.gif) no-repeat 0px 0px;}
.flowlist li.flow6 a {background:url(../../beginner/flow_images/flow_flow06.gif) no-repeat 0px 0px;}
.flowlist li.flow7 a {background:url(../../beginner/flow_images/flow_flow07.gif) no-repeat 0px 0px;}
.flowlist li.flow1 a:hover {background:url(../../beginner/flow_images/flow_flow01on.gif) no-repeat 0px 0px; text-decoration:none;}
.flowlist li.flow2 a:hover {background:url(../../beginner/flow_images/flow_flow02on.gif) no-repeat 0px 0px; text-decoration:none;}
.flowlist li.flow3 a:hover {background:url(../../beginner/flow_images/flow_flow03on.gif) no-repeat 0px 0px; text-decoration:none;}
.flowlist li.flow4 a:hover {background:url(../../beginner/flow_images/flow_flow04on.gif) no-repeat 0px 0px; text-decoration:none;}
.flowlist li.flow5 a:hover {background:url(../../beginner/flow_images/flow_flow05on.gif) no-repeat 0px 0px; text-decoration:none;}
.flowlist li.flow6 a:hover {background:url(../../beginner/flow_images/flow_flow06on.gif) no-repeat 0px 0px; text-decoration:none;}
.flowlist li.flow7 a:hover {background:url(../../beginner/flow_images/flow_flow07on.gif) no-repeat 0px 0px; text-decoration:none;}
.flowlist li.flow1 a.tabcr {background:url(../../beginner/flow_images/flow_flow01cr.gif) no-repeat 0px 0px; color:#ffffff;}
.flowlist li.flow2 a.tabcr {background:url(../../beginner/flow_images/flow_flow02cr.gif) no-repeat 0px 0px; color:#ffffff;}
.flowlist li.flow3 a.tabcr {background:url(../../beginner/flow_images/flow_flow03cr.gif) no-repeat 0px 0px; color:#ffffff;}
.flowlist li.flow4 a.tabcr {background:url(../../beginner/flow_images/flow_flow04cr.gif) no-repeat 0px 0px; color:#ffffff;}
.flowlist li.flow5 a.tabcr {background:url(../../beginner/flow_images/flow_flow05cr.gif) no-repeat 0px 0px; color:#ffffff;}
.flowlist li.flow6 a.tabcr {background:url(../../beginner/flow_images/flow_flow06cr.gif) no-repeat 0px 0px; color:#ffffff;}
.flowlist li.flow7 a.tabcr {background:url(../../beginner/flow_images/flow_flow07cr.gif) no-repeat 0px 0px; color:#ffffff;}


.flowbox_detail ol {margin:10px 0px 0px 10px;}
.flowbox_detail ul {padding-bottom:10px;}
.flowbox_detail .flow1 {float:left; width:220px;}
.flowbox_detail .flow2 {float:left; width:220px;}
.flowbox_detail .flow3 {float:left; width:200px;}
.flowbox_detail .flow4 {float:left; width:220px;}
.flowbox_detail .flow5 {float:left; width:220px;}
.flowbox_detail .flow6 {float:left; width:200px;}
.flowbox_detail .flow7 {float:left;}
.flowbox_detail li.flow1 span {background:url(../../beginner/flow_images/flow_num01.gif) no-repeat 0px 0px;}
.flowbox_detail li.flow2 span {background:url(../../beginner/flow_images/flow_num02.gif) no-repeat 0px 0px;}
.flowbox_detail li.flow3 span {background:url(../../beginner/flow_images/flow_num03.gif) no-repeat 0px 0px;}
.flowbox_detail li.flow4 span {background:url(../../beginner/flow_images/flow_num04.gif) no-repeat 0px 0px;}
.flowbox_detail li.flow5 span {background:url(../../beginner/flow_images/flow_num05.gif) no-repeat 0px 0px;}
.flowbox_detail li.flow6 span {background:url(../../beginner/flow_images/flow_num06.gif) no-repeat 0px 0px;}
.flowbox_detail li.flow7 span {background:url(../../beginner/flow_images/flow_num07.gif) no-repeat 0px 0px;}
.flowbox_mainmenu li span {
    width:200px;
    height:31px;
    line-height:31px;
    text-indent:25px;
    display:block;
    padding-bottom:10px;
}
.flowbox_mainmenu li.flow7 span {
    width:643px;
}
.flowbox_mainmenu li a {
    width:200px;
    height:50px;
    display:block;
    line-height:50px;
    text-indent:60px;
    padding-bottom:10px;
}
.flow7 li {
    float:left;
    width:220px;
}
.flow7 li.flow7_3 {
    float:left;
    width:200px;
}
.flowbox_detail li a {color:#333333; text-decoration:none;}
.flowbox_detail li.flow1_1 a {background:url(../../beginner/flow_images/flow_li01_01.gif) no-repeat 0px 0px;}
.flowbox_detail li.flow1_2 a {background:url(../../beginner/flow_images/flow_li01_02.gif) no-repeat 0px 0px;}
.flowbox_detail li.flow2_1 a {background:url(../../beginner/flow_images/flow_li02_01.gif) no-repeat 0px 0px;}
.flowbox_detail li.flow3_1 a {background:url(../../beginner/flow_images/flow_li03_01.gif) no-repeat 0px 0px;}
.flowbox_detail li.flow3_2 a {background:url(../../beginner/flow_images/flow_li03_02.gif) no-repeat 0px 0px;}
.flowbox_detail li.flow4_1 a {background:url(../../beginner/flow_images/flow_li04_01.gif) no-repeat 0px 0px;}
.flowbox_detail li.flow4_2 a {background:url(../../beginner/flow_images/flow_li04_02.gif) no-repeat 0px 0px;}
.flowbox_detail li.flow5_1 a {background:url(../../beginner/flow_images/flow_li05_01.gif) no-repeat 0px 0px;}
.flowbox_detail li.flow5_2 a {background:url(../../beginner/flow_images/flow_li05_02.gif) no-repeat 0px 0px;}
.flowbox_detail li.flow5_3 a {background:url(../../beginner/flow_images/flow_li05_03.gif) no-repeat 0px 0px;}
.flowbox_detail li.flow6_1 a {background:url(../../beginner/flow_images/flow_li06_01.gif) no-repeat 0px 0px;}
.flowbox_detail li.flow6_2 a {background:url(../../beginner/flow_images/flow_li06_02.gif) no-repeat 0px 0px;}
.flowbox_detail li.flow7_1 a {background:url(../../beginner/flow_images/flow_li07_01.gif) no-repeat 0px 0px;}
.flowbox_detail li.flow7_2 a {background:url(../../beginner/flow_images/flow_li07_02.gif) no-repeat 0px 0px;}
.flowbox_detail li.flow7_3 a {background:url(../../beginner/flow_images/flow_li07_03.gif) no-repeat 0px 0px;}
.flowbox_detail li.flow7_4 a {background:url(../../beginner/flow_images/flow_li07_04.gif) no-repeat 0px 0px;}
.flowbox_detail li.flow7_5 a {background:url(../../beginner/flow_images/flow_li07_05.gif) no-repeat 0px 0px;}

.flowbox_detail li a:hover {color:#333333; text-decoration:none;}
.flowbox_detail li.flow1_1 a:hover {background:url(../../beginner/flow_images/flow_li01_01on.gif) no-repeat 0px 0px;}
.flowbox_detail li.flow1_2 a:hover {background:url(../../beginner/flow_images/flow_li01_02on.gif) no-repeat 0px 0px;}
.flowbox_detail li.flow2_1 a:hover {background:url(../../beginner/flow_images/flow_li02_01on.gif) no-repeat 0px 0px;}
.flowbox_detail li.flow3_1 a:hover {background:url(../../beginner/flow_images/flow_li03_01on.gif) no-repeat 0px 0px;}
.flowbox_detail li.flow3_2 a:hover {background:url(../../beginner/flow_images/flow_li03_02on.gif) no-repeat 0px 0px;}
.flowbox_detail li.flow4_1 a:hover {background:url(../../beginner/flow_images/flow_li04_01on.gif) no-repeat 0px 0px;}
.flowbox_detail li.flow4_2 a:hover {background:url(../../beginner/flow_images/flow_li04_02on.gif) no-repeat 0px 0px;}
.flowbox_detail li.flow5_1 a:hover {background:url(../../beginner/flow_images/flow_li05_01on.gif) no-repeat 0px 0px;}
.flowbox_detail li.flow5_2 a:hover {background:url(../../beginner/flow_images/flow_li05_02on.gif) no-repeat 0px 0px;}
.flowbox_detail li.flow5_3 a:hover {background:url(../../beginner/flow_images/flow_li05_03on.gif) no-repeat 0px 0px;}
.flowbox_detail li.flow6_1 a:hover {background:url(../../beginner/flow_images/flow_li06_01on.gif) no-repeat 0px 0px;}
.flowbox_detail li.flow6_2 a:hover {background:url(../../beginner/flow_images/flow_li06_02on.gif) no-repeat 0px 0px;}
.flowbox_detail li.flow7_1 a:hover {background:url(../../beginner/flow_images/flow_li07_01on.gif) no-repeat 0px 0px;}
.flowbox_detail li.flow7_2 a:hover {background:url(../../beginner/flow_images/flow_li07_02on.gif) no-repeat 0px 0px;}
.flowbox_detail li.flow7_3 a:hover {background:url(../../beginner/flow_images/flow_li07_03on.gif) no-repeat 0px 0px;}
.flowbox_detail li.flow7_4 a:hover {background:url(../../beginner/flow_images/flow_li07_04on.gif) no-repeat 0px 0px;}
.flowbox_detail li.flow7_5 a:hover {background:url(../../beginner/flow_images/flow_li07_05on.gif) no-repeat 0px 0px;}

.flow_image {
    float:left;
    width:240px;
    margin:10px 10px 10px 0px;
    text-align:center;
}
.flow_text {
    float:left;
    margin:10px 0px;
    width:400px;
}
.flow_text h3 {
    font-size:14px;
    color:#d92318;
    background-color:#fdf4f3;
    border:1px solid #fbe9e7;
    padding:8px;
}
.flow_text p {
    margin:1em 0em;
    font-weight:bold;
}
div.flow_otmenu {
    width:653px;
    height:55px;
    margin:50px 0px 0px 5px;
    background:url(../../beginner/flow_images/flow_otmenu_bg01.gif) no-repeat 0% 0%;
}
div.flow_otmenu ul {
    position:relative;
    top:10px;
    right:0px;
    float:right;
}
ul.flow_otmenu li {
    float:left;
    width:147px;
    height:31px;
    text-align:left;
    vertical-align:middle;
    margin-right:10px;
}
ul.flow_otmenu li a {
    float:left;
    width:147px;
    height:31px;
    line-height:31px;
    display:block;
}
ul.flow_otmenu li a span {
    position:relative;
    left:25px;
}
ul.flow_otmenu li a {background:url(../../beginner/flow_images/flow_otmenu_btn01.gif) no-repeat 0px 0px;}
ul.flow_otmenu li a:hover {background:url(../../beginner/flow_images/flow_otmenu_btn01on.gif) no-repeat 0px 0px;}
div.flow_otbtn {padding:10px 5px 5px;}



/* ============================== dic ============================== */
/* dic */
h2.dicttl {margin-bottom:10px;}
h4.dicmenu {
    background:url(../images/ttl_green_w675_bg01.gif) no-repeat 0px 0px;
    height:31px;
    line-height:31px;
    font-size:14px;
    font-weight:normal;
    margin:10px 0px 10px 0px;
}
h4.dicmenu span {
    position:relative;
    display:block;
    left:10px;
}
.dicmenu1,.dicmenu2 {
}
.dicmenu1 li {
    float:left;
}
.dicmenu1 li a {
    background:url(../../dic/dic_images/dic_menu_bg01.gif) no-repeat 0px 0px;
    width:56px;
    height:31px;
    line-height:31px;
    float:left;
    margin-right:10px;
    display:block;
}
.dicmenu1 li.tab8 a {
    background:url(../../dic/dic_images/dic_menu_bg02.gif) no-repeat 0px 0px;
    width:87px;
    margin-right:9px;
}
.dicmenu1 li.tab9 a {
    background:url(../../dic/dic_images/dic_menu_bg03.gif) no-repeat 0px 0px;
    width:116px;
    margin-right:0px;
}
/* for Ie6 */
* html body .dicmenu1 li a {
    margin-right:5px;
}
/* for Ie6 */
* html body .dicmenu1 li.tab8 a {
    margin-right:4px;
}
.dicmenu1 span {
    position:relative;
    left:22px;
}
.dicmenu1 li a:link {color:#333333; text-decoration:none; background-image:url(../../dic/dic_images/dic_menu_bg01.gif);}
.dicmenu1 li a:visited {color:#333333; text-decoration:none;}
.dicmenu1 li a:hover {color:#333333; text-decoration:none; background-image:url(../../dic/dic_images/dic_menu_bg01on.gif);}
.dicmenu1 li a:active {color:#333333; text-decoration:none;}
.dicmenu1 li.tab8 a:link {color:#333333; text-decoration:none; background-image:url(../../dic/dic_images/dic_menu_bg02.gif);}
.dicmenu1 li.tab8 a:hover {color:#333333; text-decoration:none; background-image:url(../../dic/dic_images/dic_menu_bg02on.gif);}
.dicmenu1 li.tab9 a:link {color:#333333; text-decoration:none; background-image:url(../../dic/dic_images/dic_menu_bg03.gif);}
.dicmenu1 li.tab9 a:hover {color:#333333; text-decoration:none; background-image:url(../../dic/dic_images/dic_menu_bg03on.gif);}
.dicmenu2 li {
    float:left;
}
.dicmenu2 li a {
    background:url(../../dic/dic_images/dic_menu_bg04.gif) no-repeat 0px 0px;
    width:127px;
    height:31px;
    line-height:31px;
    float:left;
    margin-right:10px;
    margin-bottom:10px;
    display:block;
}
/* for Ie6 */
* html body .dicmenu2 li a {
    margin-right:5px;
}
.dicmenu2 li.tab5 a {
    margin-right:0px;
}
.dicmenu2 span {
    position:relative;
    left:22px;
}
.dicmenu2 li a:link {color:#333333; text-decoration:none; background-image:url(../../dic/dic_images/dic_menu_bg04.gif);}
.dicmenu2 li a:visited {color:#333333; text-decoration:none;}
.dicmenu2 li a:hover {color:#333333; text-decoration:none; background-image:url(../../dic/dic_images/dic_menu_bg04on.gif);}
.dicmenu2 li a:active {color:#333333; text-decoration:none;}
.dic_search dt {
    float:left;
    width:126px;
    text-align:center;
    padding:10px 0px;
    border-right:1px solid #cccccc;
}
.dic_search dd {
    float:left;
    width:530px;
    padding:10px;
    font-size:14px;
    font-weight:bold;
}
.dic_result {
    border-top:1px solid #e5e5e5;
    border-right:1px solid #e5e5e5;
    border-bottom:2px solid #cccccc;
    border-left:2px solid #cccccc;
    background-color:#ffffff;
    margin-top:10px;
    padding:5px;
}
.dic_result dt {
    border:1px solid #d9e5bf;
    background-color:#f6f9f0;
    color:#336633;
    padding:5px;
}
.dic_result dd {
    padding:5px;
}
.dicsearch {
    float:right;
}
.dicsearch dt {
    float:left;
    width:155px;
}
.dicsearch dd {
    float:left;
}
.dicsearch dd img {
    margin-left:5px;
}



/* ============================== mypage ============================== */
/* mypage */
h3.mypagettl {padding:15px 0px 0px;}
.mypage_head {
    width:697px;
    padding:15px 0px;
}
.mypage_txt,.mypage_txt2 {
    float:left;
}
.mypage_txt strong {
    font-size:14px;
    color:#ff6600;
}
.mypage_btn {float:right;}
div.mypage_menu01 {
    text-align:center;
    margin-bottom:10px;
    padding:3px 0px;
    background:url(../../user/user_images/mypage_menu01_bg01.gif) no-repeat 0px 50%;
}
ul.mypage_menu01 li {
    background:url(../images/icon_down04.gif) no-repeat 0px 50%;
    border-right:1px solid #cccccc;
    line-height:31px;
    margin-right:15px;
    padding:0px 15px 0px 12px;
    display:inline;
}
ul.mypage_menu01 li.tab4 {
    border-right:0px;
    padding:0px 0px 0px 12px;
}
.mypage_menu02 li {
    width:109px;
    text-align:center;
    font-size:10px;
    float:left;
    background:url(../images/icon_arrow03.gif) no-repeat 118px 10px;
    padding-right:32px;
}
.mypage_menu02 li.tab5 {
    background-image:none;
    padding-right:0px;
}
.mypage_menu02 a {
    width:109px;
    height:35px;
    line-height:35px;
    text-align:center;
    display:block;
    font-size:14px;
    background:url(../../user/user_images/mypage_btn_bg01.gif) no-repeat 0px 50%;
    float:left;
}
.mypage_menu02 span {
    width:109px;
    text-align:center;
    display:block;
}
.mypage_menu02 a:link {color:#336633; text-decoration:none; background-image:url(../../user/user_images/mypage_btn_bg01.gif);}
.mypage_menu02 a:visited {color:#336633; text-decoration:none;}
.mypage_menu02 a:hover {color:#336633; text-decoration:none; background-image:url(../../user/user_images/mypage_btn_bg01on.gif);}
.mypage_menu02 a:active {color:#336633; text-decoration:none;}
.mypage_menu03 {
    width:677px;
    height:77px;
    margin-top:10px;
    background:url(../../user/user_images/mypage_menu03_bg01.gif) no-repeat 0px 50%;
}
/* for Ie6 */
* html body .mypage_menu03 {
    padding:5px 0px;
}
.mypage_menu03 p,.mypage_menu03 ul {
    padding:10px 10px 0px;
}
.mypage_menu03 ul li {
    padding-right:10px;
    float:left;
}
.bookmark_btn01,.bookmark_btn02 {
    text-align:center;
    width:673px;
}
.bookmark_btn01 {
    background:url(../../user/user_images/bookmark_bg01.gif) no-repeat 0% 0%;
    margin:10px 0px 20px;
}
.bookmark_btn02 {
    background:url(../../user/user_images/bookmark_bg02.gif) no-repeat 0% 0%;
    margin:20px 0px 5px;
}
.mypage_result {padding:5px 0px 0px;}
.mypage_result dt {
    float:left;
    width:110px;
    text-align:center;
    padding:10px 5px 10px 0px;
    border-right:1px solid #cccccc;
}
.mypage_result dd {
    float:left;
    width:390px;
    padding:0px 5px;
    font-size:12px;
    line-height:180%;
}
.bbsttl {
    background-color:#f5f5f5;
    margin:0px 3px 5px 1px;
    padding:5px 10px;
}
.bbsttl em {
    color:#336633;
}
table.mypagebbs {
    width:673px;
}
table.mypagebbs th {
    border-top:5px solid #336633;
    background-color:#eaefea;
    text-align:center;
}
table.mypagebbs td {
    background-color:#f5f5f5;
}
table.mypagebbs tr.line2 td {
    background-color:#fafafa;
}
table.mypagebbs td.dt1 {width:110px;}
table.mypagebbs td.dt2 {}
table.mypagebbs td.dt3 {width:50px; text-align:center;}
table.mypagebbs td.dt4 {width:50px; text-align:center;}
.rirekittl {color:#336633;}



/* ============================== add ============================== */
/* add */
.add_image {margin:15px 0px 5px;}
.add_lbox {width:693px;}
.add_lbox a.linkbox:link {background-color:#f3f6f3;}
.add_lbox a.linkbox:hover {background-color:#fff2bf;}
.add_t1 {
    padding-left:40px;
    height:40px;
    line-height:40px;
    font-size:14px;
    color:#336633;
    float:left;
    display:block;
    background:url(../../user/user_images/add_icon01.gif) no-repeat 0% 50%;
}
.add_t1_1 {
    padding-left:20px;
    height:40px;
    line-height:40px;
    font-size:14px;
    color:#336633;
    float:left;
    display:block;
}
.add_t2 {
    float:right;
    height:40px;
    line-height:40px;
    background:url(../images/icon_arrow.gif) no-repeat 0% 50%;
    padding:0px 10px 0px 15px;
}
.add_flow {
    background-color:#f5f5f5;
    margin:10px 0px;
    padding:10px;
}
.add_flow li {
    float:left;
    height:25px;
    line-height:25px;
    padding-right:22px;
    background:url(../images/icon_arrow03.gif) no-repeat 155px 50%;
}
.add_flow li.flow3 {
    background-image:none;
}
.add_flow li.flow4 {
    padding-right:0px;
    background-image:none;
}
.addform_ttl1 {
    border-left:3px solid #d92318;
    margin:0px 0px 10px 1px;
    padding-left:5px;
    font-size:12px;
    font-weight:normal;
}
.addform_ttl1 strong {
    font-size:14px;
    padding-right:1em;
}
.addform_table1 {
    width:697px;
}
.addform_table1 th {
    border-left:3px solid #d92318;
    background-color:#fbe9e7;
    text-align:left;
    width:12em;
    font-weight:normal;
    padding-left:10px;
    padding-top:5px;
    padding-bottom:5px;
}
.addform_table1 td,.addform_table2 td {
    background-color:#f5f5f5;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;
}
.addform_ttl2 {
    border-left:3px solid #336633;
    margin:20px 0px 10px 1px;
    padding-left:5px;
    font-size:14px;
    color:#336633;
}
.addform_txt {padding-bottom:10px;}
.addform_table2 {
    width:697px;
}
.addform_table2 th {
    border-left:3px solid #336633;
    background-color:#eaefea;
    text-align:left;
    width:12em;
    font-weight:normal;
     padding-left:10px;
    padding-top:5px;
    padding-bottom:5px;
}
.formbtn {text-align:center; margin:10px 0px;}
.errorbox {
    margin-bottom:20px;
    padding:10px;
    background-color:#fbe9e7;
}
.errorbox h3 {
    color:#d92318;
    font-size:14px;
    margin-bottom:10px;
}
.errorbox li {
    background:url(../images/icon_ex01.gif) no-repeat 0% 50%;
    padding:3px 0px 3px 20px;
    color:#d92318;
}
.addform_table1 th.error {
    background-color:#ec918b;
}
.addform_table1 em.error {
    line-height:15px;
    padding-left:20px;
    margin-bottom:5px;
    display:block;
    background:url(../images/icon_ex01.gif) no-repeat 0% 50%;
}
h3.addform_ttl3 {
    font-size:12px;
    color:#ff6600 !important;
}
p.addform_ttl3 {
    padding:10px 0px;
}
.addform_table3_ttl {
    background-color:#8cb340;
    color:#ffffff;
    width:697px;
    height:45px;
    font-size:14px;
    line-height:45px;
    margin:20px 0px;
}
.addform_table3_ttl span {
    position:relative;
    left:15px;
}
.addform_table3_txt {
    padding-bottom:10px;
}
.addform_table3 {
    width:697px;
}
.addform_table3 th {
    text-align:left;
    vertical-align:top;
    background-color:#eff5e5;
    width:18em;
    font-weight:normal;
    padding-left:10px;
    padding-top:5px;
    padding-bottom:5px;
}
.addform_table3 td {
    text-align:left;
    vertical-align:top;
    background-color:#f5f5f5;
    padding-left:10px;
    padding-top:5px;
    padding-bottom:5px;
}
.addform_table3 td h4 {
    margin-top:10px;
    font-size:12px;
}
.addform_ttl3_end {
    border:1px solid #ffe5bf;
    background-color:#fffaf2;
    width:697px;
    height:50px;
    line-height:50px;
    margin-top:10px;
}
.addform_ttl3_end span {
    position:relative;
    left:15px;
}
div.end_box {
    width:697px;
    height:120px;
    margin-top:20px;
    border:1px solid #e5e5e5;
    background-color:#fbfbfb;
    text-align:center;
    vertical-align:middle;
}
.end_box_detail {
    margin:17px auto 0px;
    width:300px;
}
.mytext {
    display:block;
    float:left;
    line-height:36px;
    color:#336633;
    padding-right:5px;
}
.myimage {
    display:block;
    float:left;
    text-align:center;
}



/* ============================== box_2column_div ============================== */
/* box_2column_div */
div.box_2column_div {
    padding-right:0px;
}
div.box_2column {
    width:330px;
    height:160px;
    margin-top:10px;
    margin-right:10px;
    overflow:hidden;
    float:left;
}
/* for Ie6 */
* html body div.box_2column {
    margin-right:5px;
    margin-top:5px;
    width:330px;
    height:160px;
    overflow:hidden;
}
div.box_2column .ttl_oubo {
    height:23px;
    background-color:#e35a52;
    text-align:center;
}
div.box_2column .ttl_end {
    height:23px;
    background-color:#999999;
    text-align:center;
}
div.box_2column .ttl_oubo img {
    vertical-align:middle;
}
div.box_2column .ttl_end img {
    vertical-align:middle;
}
.box_2column_detail {
    border-top:1px solid #e5e5e5;
    border-right:1px solid #e5e5e5;
    border-bottom:2px solid #cccccc;
    border-left:2px solid #cccccc;
    padding:5px;
    width:330px;
    height:150px;
    overflow:hidden;
    display:block;
}
.box_2column_detail .photo_box {
    float:left;
    display:block;
}
.box_2column_detail .photo_box .photo {
    padding:0px 5px;
    display:block;
    border-left:5px solid #669900;
}
.box_2column_detail .photo_box .photo img {
    border:3px solid #b2cc7f;
}
.box_2column_detail .photo_box .textdata {
    padding:5px 0px 0px;
    display:block;
}
.box_2column_detail .job_no {
    border:1px solid #b2cc7f;
    color:#336633;
    float:left;
    padding:0px 4px;
    font-size:12px;
    display:block;
    background-color:#ffffff;
}
.box_2column_detail .brbox {
    float:right;
    display:block;
}
.readtext {
    padding:5px 5px 0px;
    clear:right;
    display:block;
}
.readtext strong {
    padding:5px 0px;
    display:block;
}
.readtext .infodata {
    padding:5px 0px 0px;
    display:block;
}
a.box_2column {display:block;}
a.box_2column:link {color:#333333; text-decoration:none; background-color:#ffffff !important;}
a.box_2column:visited {color:#333333; text-decoration:none; background-color:#ffffff !important;}
a.box_2column:hover {color:#333333; text-decoration:none; background-color:#fff2bf !important;}
a.box_2column:active {color:#333333; text-decoration:none; background-color:#fff2bf !important;}


/* ============================== kind ============================== */
/* kind */
div.kindbox {
    padding:1px;
    border:1px solid #E5E5E5;
    background-color:#ffffff;
}
div.kind_detail {
    margin:10px;
}

#kindtable{
width:671px;
}

#kindtable td{
padding-bottom:7px;
}

.td_c{
text-align:center;
}

.td_r{
text-align:right;
}
.td_bk
{
    background:url(../../beginner/advantage_images/advantage_bg.gif) no-repeat;
    width:194px;
    height:113px;
    vertical-align:top;
    text-align:center;
    padding:10px;
    color:#FFFFFF;

}

.add_t3 {
    padding-left:5px;
    height:40px;
    line-height:40px;
    font-size:14px;
    color:#336633;
    float:left;
    display:block;
}

/* ============================== advantage ============================== */
/* advantage */

.ad {
    width:697px;
}
.ad p {
    margin-top:10px;

}

#ad1box {
margin-top:10px;
background:url(../../beginner/advantage_images/advantage_img01.jpg) no-repeat;
width:679px;
height:204px;
padding:45px 0 0 18px;
}

/* for Ie6 */
* html #ad1box {
width:697px;
height:204px;
padding:45px 0 0 18px;
}

#ad_lbox {
float:left;
width:311px;
height:204px;
margin-right:30px;
}

/* for Ie6 */
* html #ad_lbox {
margin-right:25px;
}

#ad_rbox {
float:left;
width:311px;
}

.ad_midashi{
font-size:14px;
margin-top:5px;
padding:0px 0px 0px 5px;
line-height:1.5;
}

.ad_txt{
margin-top:5px;
padding:0px 0px 5px 5px;
line-height:1.5;
}

.ad_red{
color:#D92318;
}

.boxbtn2 {
text-align:right;
padding:0px 0px 15px 10px;
}
.boxbtn2 a {
    padding:5px 5px 5px 20px;
    border-top:1px solid #cccccc;
    border-right:1px solid #cccccc;
    border-bottom:2px solid #cccccc;
    border-left:2px solid #cccccc;
    background:url(../images/icon_arrow.gif) no-repeat 5px 50%;
}
.boxbtn2 a:link {background-color:#ffffff; color:#333333; text-decoration:none;}
.boxbtn2 a:hover {background-color:#fff2bf; color:#333333; text-decoration:none;}

/* ad2box */
.ad2box {
    width:697px;
    background:url(../../top_images/index_b4_bg01.gif) repeat-y 50% 50%;
}
.ad2box_bg {
    width:697px;
    background:url(../../top_images/index_b4_bg02.gif) no-repeat 50% 100%;
}
.ad2box_detail {
    padding:10px 0px 0px 10px;
}

#ad_merit{
width:677px;
height:276px;
background:url(../../beginner/advantage_images/advantage_img11.gif) no-repeat;
margin-bottom:10px;
padding-bottom:10px;
}

#ad_merit_detail{
margin:10px auto;
width:655px;
}

/* for Ie6 */
* html #ad_merit_detail{
margin:10px 10px;
width:655px;
}

/* ============================== faq ============================== */

.faq_result {
    border-top:1px solid #e5e5e5;
    border-right:1px solid #e5e5e5;
    border-bottom:2px solid #cccccc;
    border-left:2px solid #cccccc;
    background-color:#ffffff;
    margin-top:10px;
    padding:5px;
}

.faq_result dt {
    border:1px solid #d9e5bf;
    background:url(../../contents/faq_images/faq_img_01.gif) 3px 3px no-repeat #f6f9f0;
    color:#336633;
    padding:5px 0 5px 30px;
}
.faq_result dd {
    background:url(../../contents/faq_images/faq_img_02.gif) 3px 3px no-repeat;
    padding:5px 0 5px 30px;
}
.faq_result dd a:link{color: blue; text-decoration: none; }
.faq_result dd a:visited{ color: #cd5c5c; text-decoration: none; }



/* =============================== rss ============================= */
.rss_left {
    width:342px;
    float:left;
    background:url(../images/rss_b1_bg01.gif) repeat-y 50% 50%;
}

.rss_right {
    width:342px;
    float:left;
    margin-left:10px;
    background:url(../images/rss_b1_bg01.gif) repeat-y 50% 50%;
}

.rss_bg {
    width:342px;
    background:url(../images/rss_b1_bg02.gif) no-repeat 50% 100%;
}
.rss_detail {
    padding:5px 7px 0px 3px;
}

.rss_text {
    height:120px;
}

/*============================== message ========================== */
.message_lbox {width:697px;}

.message_flow {
    background-color:#f5f5f5;
    margin:10px 0px;
    padding:10px;
}
.message_flow li {
    float:left;
    height:25px;
    line-height:25px;
    padding-right:22px;
    background:url(../images/icon_arrow03.gif) no-repeat 155px 50%;
}
.message_flow li.flow3 {
    background-image:none;
}
.message_flow li.flow4 {
    padding-right:0px;
    background-image:none;
}
.messageform_ttl1 {
    border-left:3px solid #d92318;
    margin:0px 0px 10px 1px;
    padding-left:5px;
    font-size:12px;
    font-weight:normal;
}
.messageform_ttl1 strong {
    font-size:14px;
    padding-right:1em;
}
.messageform_table1 {
    width:697px;
}
.messageform_table1 th {
    border-left:3px solid #d92318;
    background-color:#fbe9e7;
    text-align:left;
    width:12em;
    font-weight:normal;
    padding-left:10px;
    padding-top:5px;
    padding-bottom:5px;
}
.messageform_table1 td,.messageform_table2 td,.messageform_table4 td {
    background-color:#f5f5f5;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;
}
.messageform_ttl2 {
    border-left:3px solid #336633;
    margin:20px 0px 10px 1px;
    padding-left:5px;
    font-size:14px;
    color:#336633;
}
.messageform_txt {padding-bottom:10px;}
.messageform_table2 {
    width:697px;
}
.messageform_table2 th {
    border-left:3px solid #336633;
    background-color:#eaefea;
    text-align:left;
    width:12em;
    font-weight:normal;
    padding-left:10px;
    padding-top:5px;
    padding-bottom:5px;
}
.messageform_table4 {
    width:697px;
}
.messageform_table4 th {
    border-left:3px solid #FF9900;
    background-color:#ffecbd;
    text-align:left;
    width:12em;
    font-weight:normal;
    padding-left:10px;
    padding-top:5px;
    padding-bottom:5px;
}

.formbtn {text-align:center; margin:10px 0px;}
.errorbox {
    margin-bottom:20px;
    padding:10px;
    background-color:#fbe9e7;
}
.errorbox h3 {
    color:#d92318;
    font-size:14px;
    margin-bottom:10px;
}
.errorbox li {
    background:url(../images/icon_ex01.gif) no-repeat 0% 50%;
    padding:3px 0px 3px 20px;
    color:#d92318;
}
.messageform_table1 th.error {
    background-color:#ec918b;
}
.messageform_table1 em.error {
    line-height:15px;
    padding-left:20px;
    margin-bottom:5px;
    display:block;
    background:url(../images/icon_ex01.gif) no-repeat 0% 50%;
}
h3.messageform_ttl3 {
    font-size:12px;
    color:#ff6600 !important;
}
p.messageform_ttl3 {
    padding:10px 0px;
}
.messageform_table3_ttl {
    background-color:#8cb340;
    color:#ffffff;
    width:697px;
    height:45px;
    font-size:14px;
    line-height:45px;
    margin:20px 0px;
}
.messageform_table3_ttl span {
    position:relative;
    left:15px;
}
.messageform_table3_txt {
    padding-bottom:10px;
}
.messageform_table3 {
    width:697px;
}
.messageform_table3 th {
    text-align:left;
    vertical-align:top;
    background-color:#eff5e5;
    width:18em;
    font-weight:normal;
}
.messageform_table3 td {
    text-align:left;
    vertical-align:top;
    background-color:#f5f5f5;
}
.messageform_table3 td h4 {
    margin-top:10px;
    font-size:12px;
}
.messageform_ttl3_end {
    border:1px solid #ffe5bf;
    background-color:#fffaf2;
    width:697px;
    height:50px;
    line-height:50px;
    margin-top:10px;
}
.messageform_ttl3_end span {
    position:relative;
    left:15px;
}

.message {
    width:697px;
}
.message p {
    margin-top:10px;
    padding:0px 20px 0px 5px;
}
p.mailto {
    padding:0px;
}
p.mailto2 {
    margin-top:5px;
}
.message_over_box
{
    border:solid 1px #F4AA80;
    background:#F9F2DF;
    width:637px;
    padding:15px 30px;
}

/*=====================  interview =========================*/
.interview
{
    width:664;
    margin:10px;
    border-top:1px solid #CCCCCC;
    border-bottom:2px solid #CCCCCC;
    border-left:2px solid #CCCCCC;
    border-right:1px solid #CCCCCC;
    text-align:left;
    padding:5px;
}

.interview_box
{
    width:652px;
}

.interview_circle
{
    background:#7F9A1E;
    color:#FFF;
    padding:15px;
}
.interview_circle .left
{
    float:left;
}
.interview_circle .right
{
    float:right;
    margin-top:20px;
}

.interview_inter
{
    background:#fefeef;
    padding:15px;
    border:1px solid #FFE161;
}
.interview_inter b
{
    font-size:1.2em;
    color:#006600;
}


.cleanboth
{
    clear:both;
}

.interview h3 {
    background:url(../images/ttl_green_bg03.gif) no-repeat 0px 0px;
    height:31px;
    width:652px;
    line-height:31px;
    font-size:14px;
    margin:20px 0px 10px;
    font-weight:normal;
}

.interview h3 span {
    position:relative;
    display:block;
    left:10px;
}

.interview_color_box h4 {
    background-color:#FF0000;
    height:31px;
    width:632px;
    line-height:31px;
    font-size:14px;
    font-weight:normal;
}
.interview_color_box h4 span {
    position:relative;
    display:block;
    left:10px;
    color:#ffffff;
}

.interview_color_box
{
    width:632px;
    background:#e0e0e0;
    padding:10px;
}

/* ================= Update ====================== */

.update_box
{
    background:#fefeef;
    padding:15px;
    border:1px solid #FFE161;
    width:665px;
    margin:10px 0;
}

/* ================== tofriend =================== */
.tofriend_table {
    width:696px;
}
.tofriend_table .boxleft {
    float:left;
    display:block;
}
.tofriend_table .jobphoto {
    padding-left:5px;
    border-left:5px solid #669900;
    display:block;
}
.tofriend_table .jobphoto img {
    border:3px solid #b2cc7f;
}
.tofriend_table .jobdetail{
    float:left;
    padding-left:10px;
    display:block

}


/*==================================================================*/
/* disclaimer */
.medialist {
    width:697px;
}
.medialist p {
    margin-top:10px;
    padding:0px 20px 0px 5px;
}
p.mailto {
    padding:0px;
}
p.mailto2 {
    margin-top:5px;
}
p.riyoudate {
    text-align:right;
}
.medialist h3 {
    background:url(../images/ttl_green_bg01.gif) no-repeat 0px 0px;
    width:697px;
    height:31px;
    line-height:31px;
    font-size:14px;
    margin:20px 0px 10px;
    font-weight:normal;
}

.medialist h3 span {
    position:relative;
    display:block;
    left:10px;
}
.medialist h4 {
    margin-top:20px;
    border:1px solid #e5e5e5;
    border-left:5px solid #b2cc7f;
    background-color:#f5f5f5;
    color:#336633;
    height:25px;
    line-height:25px;
    font-size:12px;
}
.medialist h4 span {
    position:relative;
    display:block;
    margin-left:5px;
}
.medialist .numlist li {
    margin-top:1em;
    padding-right:20px;
}

.medialist .abclist li {
    margin-top:1em;
    padding-right:20px;
}

.medialist .allist {
    margin-top:1em;
}
.medialist .allist li {
    margin-left:3em;
    padding-right:20px;
}
div.medialistbox {
    display:block;
    width:697px;
    position:relative;
    left:10px
}
div.medialistitems {
    width:172px;
    float:left;
}

/* ============================== login ============================== */
/* login */
.login_image {margin:15px 0px 5px;}
.login_lbox {width:697px;}
.login_lbox a.linkbox:link {background-color:#f3f6f3;}
.login_lbox a.linkbox:hover {background-color:#fff2bf;}
.login_t1 {
    padding-left:40px;
    height:40px;
    line-height:40px;
    font-size:14px;
    color:#336633;
    float:left;
    display:block;
    background:url(../../user/user_images/login_icon01.gif) no-repeat 0% 50%;
}
.login_t2 {
    float:right;
    height:40px;
    line-height:40px;
    background:url(../images/icon_arrow.gif) no-repeat 0% 50%;
    padding:0px 10px 0px 15px;
}
.login_flow {
    background-color:#f5f5f5;
    margin:10px 0px;
    padding:10px;
}
.login_flow li {
    float:left;
    height:25px;
    line-height:25px;
    padding-right:22px;
    background:url(../images/icon_arrow03.gif) no-repeat 155px 50%;
}
.login_flow li.flow3 {
    background-image:none;
}
.login_flow li.flow4 {
    padding-right:0px;
    background-image:none;
}
.loginform_ttl1 {
    border-left:3px solid #d92318;
    margin:0px 0px 10px 1px;
    padding-left:5px;
    font-size:12px;
    font-weight:normal;
}
.loginform_ttl1 strong {
    font-size:14px;
    padding-right:1em;
}
.loginform_table1 {
    width:697px;
}
.loginform_table1 th {
    border-left:3px solid #d92318;
    background-color:#fbe9e7;
    text-align:center;
    width:12em;
    font-weight:normal;
}
.loginform_table1 tr {
    margin:3px 3px 3px 3px;
    padding-left:1em;
}
.loginform_table1 tr.second {
    margin:3px 3px 3px 3px;
    padding-left:1em;
}
.loginform_table1 tr.third {
    margin:3px 3px 3px 3px;
    padding-left:1em;
}
.loginform_table1 td,.loginform_table2 td {
    background-color:#f5f5f5;
    padding-left:1em;
}
.loginform_ttl2 {
    border-left:3px solid #336633;
    margin:20px 0px 10px 1px;
    padding-left:5px;
    font-size:14px;
    color:#336633;
}
.loginform_txt {padding-bottom:10px;}
.loginform_table2 {
    width:697px;
}
.loginform_table2 th {
    border-left:3px solid #336633;
    background-color:#eaefea;
    text-align:left;
    width:12em;
    font-weight:normal;
}
.formbtn {text-align:center; margin:10px 0px;}
.errorbox {
    margin-bottom:20px;
    padding:10px;
    background-color:#fbe9e7;
}
.errorbox h3 {
    color:#d92318;
    font-size:14px;
    margin-bottom:10px;
}
.errorbox li {
    background:url(../images/icon_ex01.gif) no-repeat 0% 50%;
    padding:3px 0px 3px 20px;
    color:#d92318;
}
.loginform_table1 th.error {
    background-color:#ec918b;
}
.loginform_table1 em.error {
    line-height:15px;
    padding-left:20px;
    margin-bottom:5px;
    display:block;
    background:url(../images/icon_ex01.gif) no-repeat 0% 50%;
}
h3.loginform_ttl3 {
    font-size:12px;
    color:#ff6600 !important;
}
p.loginform_ttl3 {
    padding:10px 0px;
}
.loginform_table3_ttl {
    background-color:#8cb340;
    color:#ffffff;
    width:697px;
    height:45px;
    font-size:14px;
    line-height:45px;
    margin:20px 0px;
}
.loginform_table3_ttl span {
    position:relative;
    left:15px;
}
.loginform_table3_txt {
    padding-bottom:10px;
}
.loginform_table3 {
    width:697px;
}
.loginform_table3 th {
    text-align:left;
    vertical-align:top;
    background-color:#eff5e5;
    width:18em;
    font-weight:normal;
}
.loginform_table3 td {
    text-align:left;
    vertical-align:top;
    background-color:#f5f5f5;
}
.loginform_table3 td h4 {
    margin-top:10px;
    font-size:12px;
}
.loginform_ttl3_end {
    border:1px solid #ffe5bf;
    background-color:#fffaf2;
    width:697px;
    height:50px;
    line-height:50px;
    margin-top:10px;
}
.loginform_ttl3_end span {
    position:relative;
    left:15px;
}
div.end_box {
    width:697px;
    height:120px;
    margin-top:20px;
    border:1px solid #e5e5e5;
    background-color:#fbfbfb;
    text-align:center;
    vertical-align:middle;
}
.end_box_detail {
    margin:17px auto 0px;
    width:300px;
}
.mytext {
    display:block;
    line-height:36px;
    color:#336633;
    padding-right:5px;
    width:100%;
    text-align:center;
}
.myimage {
    display:block;
    width:100%;
    text-align:center;
}
.loginform_inter
{
    width:670px;
    height:40px;
    background:#fefeef;
    padding:15px;
    border:1px solid #FFE161;
}