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


/* 
-------------------------------------------------------------------------------------------------------------------------------
Typographic Elements
-------------------------------------------------------------------------------------------------------------------------------
*/

h1, h2, h3, h4, h5, h6 {
font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
margin:0;
padding:0;
}

p, dt, dd, a, th, td, li, ul, div {
font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
text-decoration:none;
margin:0;
padding:0;
}


/* 
-------------------------------------------------------------------------------------------------------------------------------
Links
-------------------------------------------------------------------------------------------------------------------------------
*/

a {
margin:0;
padding:0;
font-style:normal;
}
a:link,
a:active {
text-decoration:none;
font-style:normal;
}
a:visited {
color:#A0A0A0;
font-style:normal;
}
a:hover {
text-decoration:none;
}


/* 
-------------------------------------------------------------------------------------------------------------------------------
Elements
-------------------------------------------------------------------------------------------------------------------------------
*/

html, body {
height:100%;
margin:0;
padding:0;
font-size:11px;
line-height:19px;
background:#FFF;
}

img {
border:0;
}

div.clear {
margin:0;
clear:both;
}

div.blank1 {
width:100%;
height:1px;
display:block;
margin:0;
}

div.blank5 {
width:100%;
height:5px;
display:block;
margin:0;
}

div.blank10 {
width:100%;
height:10px;
display:block;
margin:0;
}

div.blank15 {
width:100%;
height:10px;
display:block;
margin:0;
}


span.pink {
color:#DA6480;
}





/* 
-------------------------------------------------------------------------------------------------------------------------------
Button
-------------------------------------------------------------------------------------------------------------------------------
*/

div.btn_s_01 {
margin-top:15px;
padding-left:575px;
}

div.btn_s_02 {
margin-top:10px;
}

div.btn_s_03 {
margin-top:8px;
padding-left:112px;
}

div.btn_l_01 {
margin:100px auto 0;
padding-left:545px;
}

div.btn_l_02 {
margin:3px auto 0;
float:left;
/*padding-left:545px;*/
}


div.btn_top {
clear:both;
margin:0;
padding-left:815px;
bottom:100px;
position:relative;
}



/* 一覧を見る */
a.looklist {
width:82px;
height:15px;
display:block;
overflow:hidden;
text-align:left;
text-indent:-9999px;
background:url(img/btn_list_01.jpg) top;
}
a:hover.looklist {
width:82px;
height:15px;
display:block;
overflow:hidden;
text-align:left;
text-indent:-9999px;
background:url(img/btn_list_01.jpg) 0 -15px;
}


/* 詳しく見る */

a.lookdetail {
width:82px;
height:15px;
display:block;
overflow:hidden;
text-align:left;
text-indent:-9999px;
background:url(img/btn_detail_01.jpg) top;
}
a:hover.lookdetail {
width:82px;
height:15px;
display:block;
overflow:hidden;
text-align:left;
text-indent:-9999px;
background:url(img/btn_detail_01.jpg) 0 -15px;
}

/* メールを送る */

a.mailtomobile {
margin:128px 0px 0px 20px;
width:135px;
height:15px;
display:block;
overflow:hidden;
text-align:left;
text-indent:-9999px;
background:url(img/btn_detail_mobile.jpg) top;
}
a:hover.mailtomobile {
margin:128px 0px 0px 20px;
width:135px;
height:15px;
display:block;
overflow:hidden;
text-align:left;
text-indent:-9999px;
background:url(img/btn_detail_mobile.jpg) 0 -15px;
}


/* トップへ戻る */

a.topbtn {
width:124px;
height:60px;
display:block;
overflow:hidden;
text-indent:-9999px;
background:url(img/btn_top_01.jpg) top;
}
a:hover.topbtn {
width:124px;
height:60px;
display:block;
overflow:hidden;
text-indent:-9999px;
background:url(img/btn_top_01.jpg) 0 -60px;
}



/* 
-------------------------------------------------------------------------------------------------------------------------------
All Box Styles
-------------------------------------------------------------------------------------------------------------------------------
*/

div#allbox {
width:100%;
height:100%;
margin:0;
padding:0;
}



/* 
-------------------------------------------------------------------------------------------------------------------------------
Head Styles
-------------------------------------------------------------------------------------------------------------------------------
*/

div#top {
width:100%;
height:172px;
background:url(img/bg_top.jpg) repeat-x top;
top:0;
}

div#header {
width:950px;
height:90px;
margin:0 auto;
display:block;
background:url(img/bg_head.jpg);
}

div#header h1 {
float:left;
width:340px;
}


a.logo {width:340px;height:90px;margin:0;display:block;overflow:hidden;text-indent:-9999px;background:url(img/head_logo.jpg);}

p.freedial {float:right;width:290px;height:90px;margin:0;display:block;overflow:hidden;text-indent:-9999px;background:url(img/head_freedial.gif);}

p.headbtn {
float:left;
width:123px;
height:24px;
margin:53px 0 0 200px;
}

a.commonalty {
width:123px;
height:24px;
display:block;
overflow:hidden;
text-indent:-9999px;
background:url(img/btn_head.jpg) 0 0;
}
a:hover.commonalty {
width:123px;
height:24px;
display:block;
overflow:hidden;
text-indent:-9999px;
background:url(img/btn_head.jpg) 0 -24px;
}

p.headbtn_01 {
float:left;
width:250px;
height:40px;
margin:38px 0 0 60px;
}

a.commonalty_01 {
width:250px;
height:40px;
display:block;
overflow:hidden;
text-indent:-9999px;
background:url(img/btn_head_01.gif) 0 0;
}
a:hover.commonalty_01 {
width:250px;
height:40px;
display:block;
overflow:hidden;
text-indent:-9999px;
background:url(img/btn_head_01_o.gif) 0 0;
}


p.headbtn_02 { /* Stepee */
float:left;
/*width:245px;*/
width:264px;
height:40px;
margin:35px 0 0 15px;
text-align:right;
background:url(img/face_btn_left.jpg) 0 0;
}




/* 
-------------------------------------------------------------------------------------------------------------------------------
Navigation Styles
-------------------------------------------------------------------------------------------------------------------------------
*/

div#navi_box {
clear:both;
width:960px;
height:50px;
margin:0 auto;
background:url(img/bg_navi.jpg) repeat-x;
}

div#navi_box ul {
margin:0;
list-style:none;
position:relative;
z-index:2;
}

div#navi_box li {
float:left;
height:48px;
margin-top:1px;
}

a.navi {height:48px;display:block;overflow:hidden;text-indent:-9999px;}

a.navi_01 {width:109px;background:url(img/navi.jpg) 0 0;}
a:hover.navi_01 {width:109px;background:url(img/navi.jpg) 0 -48px;}
a.navi_02 {width:150px;background:url(img/navi.jpg) -109px 0;}
a:hover.navi_02 {width:150px;background:url(img/navi.jpg) -109px -48px;}
a.navi_03 {width:150px;background:url(img/navi.jpg) -259px 0;}
a:hover.navi_03 {width:150px;background:url(img/navi.jpg) -259px -48px;}
a.navi_04 {width:213px;background:url(img/navi.jpg) -409px 0;}
a:hover.navi_04 {width:213px;background:url(img/navi.jpg) -409px -48px;}
a.navi_05 {width:183px;background:url(img/navi.jpg) -622px 0;}
a:hover.navi_05 {width:183px;background:url(img/navi.jpg) -622px -48px;}
a.navi_06 {width:155px;background:url(img/navi.jpg) -805px 0;}
a:hover.navi_06 {width:155px;background:url(img/navi.jpg) -805px -48px;}






/* 
-------------------------------------------------------------------------------------------------------------------------------
Headline News Styles, Sub Navigation Styles
-------------------------------------------------------------------------------------------------------------------------------
*/

div#top_ber {
clear:both;
width:960px;
height:32px;
margin:0 auto;
background:url(img/bg_snavi.jpg) repeat-x;
}



/*▽ Headline News
------------------------------------ */

div#hnews {
float:left;
width:640px;
height:30px;
display:block;
margin-top:1px;
background:url(img/bg_headline.jpg);
}

div#headline {
width:570px;
height:20px;
margin:5px 10px 0 59px;
padding:0;
font-size:90%;
text-align:left;
color:#4D4D4D;
}

div#headline_02 {
width:570px;
height:20px;
margin:5px 10px 0 59px;
padding:0;
text-align:left;
}
div:hover#headline_02 {
background:#DAE3F5;
}

div#headline_02 p {
width:560px;
height:16px;
display:block;
margin:2px auto 0;
font-size:90%;
line-height:20px;
color:#4D4D4D;
}

div#headline a,a:link,a:visited {text-decoration:none;color:#4D4D4D;}
div#headline a:hover {text-decoration:underline;color:#808080;}

div#headline_02 a,a:link,a:visited {text-decoration:none;color:#4D4D4D;}
div#headline_02 a:hover {text-decoration:underline;color:#808080;}



/*▽ Sub Navigation
------------------------------------ */

div#snavi_box {
float:right;
width:310px;
height:32px;
}

div#snavi_box ul {
margin:0;
list-style:none;
}

div#snavi_box li {
float:right;
height:30px;
margin:1px 0 0 0;
}

a.snavi {height:30px;display:block;overflow:hidden;text-indent:-9999px;}

a.snavi_01 {width:100px;background:url(img/snavi_04.jpg);}
a:hover.snavi_01 {width:100px;background:url(img/snavi_04.jpg) 0 -30px;}
a.snavi_02 {width:110px;background:url(img/snavi_03.jpg);}
a:hover.snavi_02 {width:110px;background:url(img/snavi_03.jpg) 0 -30px;}
a.snavi_03 {width:80px;background:url(img/snavi_02.jpg);}
a:hover.snavi_03 {width:80px;background:url(img/snavi_02.jpg) 0 -30px;}
a.snavi_04 {width:135px;background:url(img/snavi_01.jpg);}
a:hover.snavi_04 {width:135px;background:url(img/snavi_01.jpg) 0 -30px;}




/* 
-------------------------------------------------------------------------------------------------------------------------------
Main Box Styles
-------------------------------------------------------------------------------------------------------------------------------
*/


div#container {
clear:both;
width:100%;
margin:0 auto /*65px*/;
background:url(img/bg_container.jpg) repeat-x;
}


/* 
-------------------------------------------------------------------------------------------------------------------------------
Row Styles
-------------------------------------------------------------------------------------------------------------------------------
*/

div#row {
width:950px;
margin:0 auto;
}



/* 
-------------------------------------------------------------------------------------------------------------------------------
Visual Styles
-------------------------------------------------------------------------------------------------------------------------------
*/

div#visual {
float:left;
width:680px;
height:525px;
display:block;
background:url(img/bg_visual.jpg);
}

div#visual_sub {
width:950px;
height:105px;
display:block;
}

div#visual_pu {
width:950px;
}

div#sub_window {
width:950px;
height:164px;
display:block;
margin:0;
}


div#window {
width:660px;
margin:25px auto 0;
}

div#vnavi_box {
width:660px;
margin:1px auto 0;
}

div#vnavi_box ul {
margin:0;
list-style:none;
}

div#vnavi_box li {
float:left;
width:220px;
margin:0;
}

a.vnavi {width:220px;height:110px;margin:0;display:block;overflow:hidden;text-indent:-9999px;}

a.vnavi_01 {background:url(img/vnavi_01.jpg);}
a:hover.vnavi_01 {background:url(img/vnavi_01.jpg) 0 -110px;}
a.vnavi_02 {background:url(img/vnavi_02.jpg);}
a:hover.vnavi_02 {background:url(img/vnavi_02.jpg) 0 -110px;}
a.vnavi_03 {background:url(img/vnavi_03.jpg);}
a:hover.vnavi_03 {background:url(img/vnavi_03.jpg) 0 -110px;}
a.vnavi_04 {background:url(img/vnavi_04.jpg);}
a:hover.vnavi_04 {background:url(img/vnavi_04.jpg) 0 -110px;}
a.vnavi_05 {background:url(img/vnavi_05.jpg);}
a:hover.vnavi_05 {background:url(img/vnavi_05.jpg) 0 -110px;}
a.vnavi_06 {background:url(img/vnavi_06.jpg);}
a:hover.vnavi_06 {background:url(img/vnavi_06.jpg) 0 -110px;}



/* 
-------------------------------------------------------------------------------------------------------------------------------
Secondary Styles
-------------------------------------------------------------------------------------------------------------------------------
*/

div#secondary {
float:right;
width:250px;
height:525px;
display:block;
}

h3#btn_join_01 {
margin:0;
}

h3#btn_join_01 a {width:250px;height:85px;margin-bottom:5px;display:block;overflow:hidden;text-indent:-9999px;background:url(img/btn_join_01.jpg);}
h3#btn_join_01 a:hover {width:250px;height:85px;margin-bottom:5px;display:block;overflow:hidden;text-indent:-9999px;background:url(img/btn_join_01.jpg) 0 -85px;}

h3#btn_mspecial_01 {
margin:0;
}

h3#btn_mspecial_01 a {width:250px;height:85px;margin-bottom:20px;display:block;overflow:hidden;text-indent:-9999px;background:url(img/btn_mspecial_go.gif);}
h3#btn_mspecial_01 a:hover {width:250px;height:85px;margin-bottom:20px;display:block;overflow:hidden;text-indent:-9999px;background:url(img/btn_mspecial_go.gif) 0 -85px;}



/*▽ Right Colum
------------------------------------ */

div#right_colum {
width:250px;
height:335px;
margin:0;
display:block;
overflow:hidden;
background:url(img/bg_right_colum.jpg);
background-repeat:no-repeat;
}


div.rc_top {width:230px;height:40px;margin:10px auto 0;display:block;background:url(img/bg_rc_top.jpg) no-repeat;}
div.rc_middle {width:230px;margin:0 auto;display:block;background:url(img/bg_rc_middle.jpg) repeat-y;}
div.rc_bottom {width:230px;height:20px;margin:0 auto;display:block;background:url(img/bg_rc_bottom.jpg) no-repeat;}


h4.ttl_rc {width:220px;height:35px;margin:5px auto 0;display:block;overflow:hidden;text-indent:-9999px;}
h4.ttl_rc_01 {background:url(img/ttl_rc_01.jpg) no-repeat;}


div.rc_box {
width:200px;
margin:0 auto;
padding-top:8px;
overflow:hidden;
}

div.rc {
width:200px;
height:95px;
display:block;
overflow:hidden;
margin:0 0 10px;
}

a.rc_link {
width:200px;
height:60px;
margin:0;
display:block;
}

p.rc_txt {
width:190px;
display:block;
overflow:hidden;
margin:5px auto 0;
font-size:90%;
line-height:130%;
color:#4D4D4D;
}




/* 
-------------------------------------------------------------------------------------------------------------------------------
Wrapper Styles
-------------------------------------------------------------------------------------------------------------------------------
*/

div#wrapper {
clear:both;
width:950px;
height: 100%;
margin:0 auto;
}

div#wrapper_02 {
clear:both;
width:950px;
height: 100%;
margin:0 auto;
padding:0 20px;
background:url(img/bg_wrapper_03.jpg) center top no-repeat;
}


/* 
-------------------------------------------------------------------------------------------------------------------------------
Content Styles
-------------------------------------------------------------------------------------------------------------------------------
*/

div#content_01 {
float:right;
width:680px;
height: 100%;
margin:10px 0 20px;
}

div#content_02 {
float:right;
width:680px;
height: 100%;
margin:20px 0;
}



/* 
-------------------------------------------------------------------------------------------------------------------------------
Left Styles
-------------------------------------------------------------------------------------------------------------------------------
*/

div#left {
float:left;
width:250px;
margin:20px 0;
}

div#left_top {
width:250px;
height:10px;
display:block;
margin:0;
background:url(img/bg_left_top.jpg) no-repeat;
}
div#left_top_02 {
width:250px;
height:10px;
display:block;
margin:0;
background:url(img/bg_left_top_02.jpg) no-repeat;
}

div#left_content {
padding-top:5px;
background:url(img/bg_left_middle.jpg) repeat-y;
}

div#left_bottom {
width:250px;
height:10px;
display:block;
background:url(img/bg_left_bottom.jpg) no-repeat;
}

div.lc_top {
width:230px;
height:40px;
margin:0 auto;
display:block;
background:url(img/bg_lc_top.jpg);
}

div.lc_middle {
width:230px;
margin:0 auto;
display:block;
background:url(img/bg_lc_middle.jpg) repeat-y;
}

div.lc_bottom {
width:230px;
height:20px;
margin:0 auto;
display:block;
background:url(img/bg_lc_bottom.jpg);
}

div.lc {
width:210px;
margin:0 auto;
padding:0;
}
div.lc ul {
margin:0;
list-style:none;
}

h4.ttl_lc {width:220px;height:35px;margin:0 auto;display:block;overflow:hidden;text-indent:-9999px;}
h4.ttl_lc_01 {background:url(img/ttl_lc_01.jpg) no-repeat;} /* オリジナルコンテンツ */
h4.ttl_lc_02 {background:url(img/ttl_lc_02.jpg) no-repeat;} /* 会社情報 */
h4.ttl_lc_03 {background:url(img/ttl_lc_03.jpg) no-repeat;} /* 携帯サイト */



/*▽ Widget - Original Contents
------------------------------------ */

ul.originalcont a {
width:210px;
display:block;
overflow:hidden;
text-indent:-9999px;
}

li.border_oc {border-bottom:1px solid #DEDEDE; padding-bottom:5px; margin-bottom:5px;}

a.originalcont_01 {height:83px;background:url(img/btn_left_01.gif) no-repeat;}
a:hover.originalcont_01 {height:83px;background:url(img/btn_left_01.gif) no-repeat 0 -83px;}

a.originalcont_02 {height:83px;background:url(img/btn_left_02.gif) no-repeat;}
a:hover.originalcont_02 {height:83px;background:url(img/btn_left_02.gif) no-repeat 0 -83px;}

a.originalcont_03 {height:80px;background:url(img/btn_left_03.jpg) no-repeat;}
a:hover.originalcont_03 {height:80px;background:url(img/btn_left_03.jpg) no-repeat 0 -80px;}

a.originalcont_04 {height:80px;background:url(img/btn_left_04.jpg) no-repeat;}
a:hover.originalcont_04 {height:80px;background:url(img/btn_left_04.jpg) no-repeat 0 -80px;}

#cont01_new_title, #cont02_new_title {
background:url(img/icon_arrow_01.jpg) no-repeat 2px 6px;
}

#cont01_new_title a, #cont02_new_title a {
text-indent:0px;
text-decoration:underline;
margin-left:20px;
width:190px;
}

#cont01_new_title a:hover, #cont02_new_title a:hover{
text-decoration:none;
}


/*▽ Widget - Company
------------------------------------ */

dl.widget_corp {
width:190px;
margin:0 auto;
padding:10px 0 0;
color:#4D4D4D;
}
dl.widget_corp dt {
margin:0 0 5px;
}

dl.widget_corp a.hcm_logo {
width:182px;
height:40px;
margin:0 auto 10px;
display:block;
overflow:hidden;
text-indent:-9999px;
background:url(img/logo_widget.jpg);
}

dl.widget_corp a,a:link,a:visited {text-decoration:none;font-style:normal;color:#4D4D4D;}
dl.widget_corp a:hover {text-decoration:none;font-style:normal;color:#999;}

span.widget_add {
font-weight:bold;
color:#808080;
}



/*▽ Widgets
------------------------------------ */

div.left_widget {
width:230px;
margin:0 auto;
padding-bottom:5px;
}

.widget_mobile {width:230px;height:177px;display:block;overflow:hidden;text-indent:-9999px;background:url(img/widget_mobile.jpg) 0 0; margin-bottom:6px;}
/*a:hover.widget_mobile {width:230px;height:166px;display:block;overflow:hidden;text-indent:-9999px;background:url(img/widget_mobile.jpg) 0 -166px;}*/

a.widget_pm {width:230px;height:110px;display:block;overflow:hidden;text-indent:-9999px;background:url(img/widget_pm.jpg) 0 0;}
a:hover.widget_pm {width:230px;height:110px;display:block;overflow:hidden;text-indent:-9999px;background:url(img/widget_pm.jpg) 0 -110px;}

a.widget_kosodate {width:230px;height:90px;display:block;overflow:hidden;text-indent:-9999px;background:url(img/widget_kosodate.jpg) 0 0;}
a:hover.widget_kosodate {width:230px;height:90px;display:block;overflow:hidden;text-indent:-9999px;background:url(img/widget_kosodate.jpg) 0 -90px;}

a.widget_jassa {width:230px;height:90px;display:block;overflow:hidden;text-indent:-9999px;background:url(img/widget_jassa.jpg) 0 0;}
a:hover.widget_jassa {width:230px;height:90px;display:block;overflow:hidden;text-indent:-9999px;background:url(img/widget_jassa.jpg) 0 -90px;}

a.widget_6 {width:230px;height:90px;display:block;overflow:hidden;text-indent:-9999px;background:url(img/widget_6.jpg) 0 0;}
a:hover.widget_6 {width:230px;height:90px;display:block;overflow:hidden;text-indent:-9999px;background:url(img/widget_6.jpg) 0 -90px;}

a.widget_wv {width:230px;height:90px;display:block;overflow:hidden;text-indent:-9999px;background:url(img/widget_wv.jpg) 0 0;}
a:hover.widget_wv {width:230px;height:90px;display:block;overflow:hidden;text-indent:-9999px;background:url(img/widget_wv.jpg) 0 -90px;}

a.widget_sr {width:230px;height:90px;display:block;overflow:hidden;text-indent:-9999px;background:url(img/widget_sr.jpg) 0 0;}
a:hover.widget_sr {width:230px;height:90px;display:block;overflow:hidden;text-indent:-9999px;background:url(img/widget_sr.jpg) 0 -90px;}

a.widget_bst {width:230px;height:90px;display:block;overflow:hidden;text-indent:-9999px;background:url(img/widget_bst.jpg) 0 0;}
a:hover.widget_bst {width:230px;height:90px;display:block;overflow:hidden;text-indent:-9999px;background:url(img/widget_bst.jpg) 0 -90px;}



/* 
-------------------------------------------------------------------------------------------------------------------------------
Bottom Button Styles
-------------------------------------------------------------------------------------------------------------------------------
*/

div#btntop {
float:right;
width:124px;
height:60px;
display:block;
bottom:0;
position:relative;
}



/* 
-------------------------------------------------------------------------------------------------------------------------------
Bottom Styles
-------------------------------------------------------------------------------------------------------------------------------
*/

div#bottom {
bottom:0;
clear:both;
width:100%;
margin:0 auto;
}



/*▽ Foot Navigation
------------------------------------ */
div#foot_message_box {
width:950px;
margin:0 auto;
}

div#foot_message {
width:810px;
margin:30px 0 0 0;
padding-left:15px;
}

div#fnavi_box {
width:950px;
margin:0 auto;
padding:6px 0;
background:url(img/border_fnavi.jpg) no-repeat top center #FFF;
text-align:center;
}

table#fnavi_map {
margin:0 auto;
vertical-align:middle;
}

table#fnavi_map td {
padding:0 20px 0 10px;
}

td.fnavi_line {
background:url(img/border_dotted_y.gif) repeat-y right;
}

a.fnavi {padding-left:20px;background:url(img/icon_arrow_01.jpg) left no-repeat;}

a.fnavi, a:link.fnavi, a:visited.fnavi {text-decoration:none;font-style:normal;color:#4D4D4D;}
a:hover.fnavi {text-decoration:none;font-style:normal;color:#999;}



/*▽ Copyright
------------------------------------ */

div#foot {
clear:both;
width:100%;
height:52px;
background:url(img/bg_foot.jpg) repeat-x;
}

div#footer {
width:950px;
height:52px;
margin:0 auto;
background:url(img/bg_footer.jpg);
}

div#footer address {
height:52px;
margin-left:260px;
padding-left:120px;
line-height:52px;
text-align:left;
font-style:normal;
background:url(img/flogo.gif) no-repeat left;
color:#808080;
font-size:90%;
}

/*
div#footer address {
width:950px;
height:52px;
line-height:52px;
text-align:right;
font-style:normal;
background:url(img/flogo.gif) no-repeat left;
color:#808080;
font-size:90%;
}
*/


/* 
-------------------------------------------------------------------------------------------------------------------------------
Form Styles
-------------------------------------------------------------------------------------------------------------------------------
*/

div.form_box_01 {
width:630px;
margin:0 auto 20px;
}

div.form_box_01 table {
width:100%;
margin:0;
text-align:left;
}

div.form_box_01 th, td {
padding:8px;
vertical-align:top;
font-weight:normal;
}

div.form_box_01 th {
width:130px;
background:url(imgsub/bg_form_ttl.jpg) repeat-x top #F1F1F1;
border-top:1px solid #CCC;
border-right:1px solid #CCC;
border-left:1px solid #CCC;
}
div.form_box_01 td {
border-top:1px solid #CCC;
border-right:1px solid #CCC;
}

th.form_under, td.form_under {
border-bottom:1px solid #CCC;
}

div.form_box_01 p {
margin-bottom:10px;
}


div.form_box_02 {
width:630px;
margin:0 auto 20px;
}

iframe.agreeframe {
width:100%;
height:140px;
margin-bottom:10px;
border:1px solid #CCC;
}


div.form_box_03 {
width:630px;
margin:0 auto 50px;
text-align:center;
}

div.form_box_03 p {
margin-top:20px;
}

div.form_box_03 ul {
width:290px;
margin:10px auto 0;
list-style:none;
text-align: center;
}
div.form_box_03 li {
float:left;
margin:0 10px;
}

a.submit_btn {width:125px;height:35px;display:block;overflow:hidden;text-indent:-9999px;}

a.submit_btn_01 {background:url(imgsub/btn_submit_01.jpg) 0 0;}
a:hover.submit_btn_01 {background:url(imgsub/btn_submit_01.jpg) 0 -35px;}
a.submit_btn_02 {background:url(imgsub/btn_submit_02.jpg) 0 0;}
a:hover.submit_btn_02 {background:url(imgsub/btn_submit_02.jpg) 0 -35px;}
a.submit_btn_03 {background:url(imgsub/btn_submit_03.jpg) 0 0;}
a:hover.submit_btn_03 {background:url(imgsub/btn_submit_03.jpg) 0 -35px;}
a.submit_btn_04 {background:url(imgsub/btn_submit_04.jpg) 0 0;}
a:hover.submit_btn_04 {background:url(imgsub/btn_submit_04.jpg) 0 -35px;}



/*▽ Form Box
------------------------------------ */

input{
font-size: 100%;
}
textarea{
height: 200px;
}
.area{
width: 455px; border: 1px solid #bababa; background: #f2f2f2; padding: 3px;
}
input.semilong{
width: 220px;
}
input.middle{
width: 120px;
}
input.short{
width: 60px;
}
form p.remarks{
margin-bottom: 0px; padding-top: 0.2em;
}
form table.itemlist th{
padding-top: 11px;
}

form input.formspace {
margin-right:10px;
}
form input.formspace2 {
margin-left:10px;
}
form input.formspace3 {
margin-left:20px;
}

input.formtop {
margin-top:10px;
}
input.formunder {
margin-bottom:10px;
}

input.check-box {
width:15px;
height:15px;
}

input.aki-01 {
margin-right:15px;
}


p.remarks {
margin-top:3px;
font-size:90%;
color:#808080;
}

span.must {
color:#FF8800;
}


/* 
-------------------------------------------------------------------------------------------------------------------------------
Agree Styles
-------------------------------------------------------------------------------------------------------------------------------
*/

body#agree {
height:100%;
background:#FAFAFA;
font-size:10px;
line-height:1.4em;
color:#4D4D4D;
font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
padding:10px;
}

body#agree h5 {
font-size:12px;
font-weight:bold;
margin:0 0 8px;
padding-bottom:8px;
border-bottom:1px solid #E6E6E6;
}

body#agree h6 {
font-size:11px;
font-weight:bold;
margin:10px 0 3px;
color:#808080;
}



/* 
-------------------------------------------------------------------------------------------------------------------------------
Job Box Styles
-------------------------------------------------------------------------------------------------------------------------------
*/

div.category_archive_ttl_01 {
width:660px;
margin:0 auto 20px;
padding:10px 0 15px;
font-size:100%;
color:#666;
background:url(img/border_dotted_x.gif) bottom repeat-x;
}
div.category_archive_ttl_01 strong {
margin-right:3px;
font-size:150%;
color:#DA6480;
}

div.category_archive_ttl_02 {
width:660px;
margin:0 auto 20px;
padding:10px 0 15px;
font-size:100%;
color:#666;
background:url(img/border_dotted_x.gif) bottom repeat-x;
}
div.category_archive_ttl_02 strong {
margin-right:3px;
font-size:150%;
color:#666;
}


div#job_box {
width:660px;
margin:0 auto;
padding-top:5px;
}

div.job_area {
clear:both;
width:660px;
margin:0;
padding:0;
background:url(img/bg_jb_middle.jpg) repeat-y;
}

div.job_area a,a:link,a:visited {color:#4D4D4D;text-decoration:none;}
div.job_area a:hover {color:#999;text-decoration:none;}

div.job_top {
width:660px;
height:10px;
margin:0;
background:url(img/bg_jb_top.jpg);
}

div.job_bottom {
width:660px;
height:10px;
margin:0;
background:url(img/bg_jb_bottom.jpg);
}


div.job_01 {
width:630px;
margin:0 auto;
padding-top:5px;
display:block;
}

div.job_01 h6 {
clear:both;
width:630px;
margin-bottom:10px;
padding:10px 0;
font-size:140%;
font-weight:bold;
color:#DA6480;

background:url(img/line_job.jpg) bottom center no-repeat;
}

a.jobttl_01, a:link.jobttl_01, a:visited.jobttl_01 {
color:#DA6480;
}
a:hover.jobttl_01 {
color:#E396A8;
}


div.job_head {
width:100%;
margin:0;
}

div.job_head p.job_icon_H {
float:left;
width:67px;
height:18px;
display:block;
overflow:hidden;
text-indent:-9999px;
background:url(img/icon_job_h.jpg);
}

div.job_head p.job_icon_S {
float:left;
width:67px;
height:18px;
display:block;
overflow:hidden;
text-indent:-9999px;
background:url(img/icon_job_s.jpg);
}

div.job_head p.job_num {
float:left;
margin-left:6px;
font-size:90%;
color:#808080;
}


table.job_map_01 {
width:630px;
margin:0 0 15px;
}
table.job_map_01 th {
width:100px;
padding:8px 10px;
border-top:none;
border-right:none;
border-bottom:1px solid #D9D8CC;
border-left:none;
background:#FAFAFA;
text-align:left;
color:#4D4D4D;
}
table.job_map_01 td {
padding:8px 10px;
border-top:none;
border-right:none;
border-bottom:1px solid #D9D8CC;
border-left:1px solid #D9D8CC;
background:#FFF;
text-align:left;
color:#4D4D4D;
}

table.job_map_02 {
width:630px;
margin:0;
}
table.job_map_02 th.job_map_02_ttl {
width:630px;
padding:8px 10px;
border-top:none;
border-right:none;
border-bottom:1px solid #D9D8CC;
border-left:none;
background:#EDEDED;
text-align:left;
color:#808080;
}
table.job_map_02 th.job_map_02_th {
width:100px;
padding:8px 10px;
border-top:none;
border-right:none;
border-bottom:1px solid #D9D8CC;
border-left:none;
background:#FAFAFA;
text-align:left;
color:#4D4D4D;
}
table.job_map_02 td.job_map_02_td {
padding:8px 10px;
border-top:none;
border-right:none;
border-bottom:1px solid #D9D8CC;
border-left:1px solid #D9D8CC;
background:#FFF;
text-align:left;
color:#4D4D4D;
}


a.job_btn_01 {
width:210px;
height:35px;
margin:10px 0 5px 419px;
display:block;
overflow:hidden;
text-indent:-9999px;
background:url(img/btn_job_01.jpg) 0 0;
}

a:hover.job_btn_01 {
width:210px;
height:35px;
margin:10px 0 5px 419px;
display:block;
overflow:hidden;
text-indent:-9999px;
background:url(img/btn_job_01.jpg) 0 -35px;
}

a.job_btn_02 {
width:210px;
height:35px;
margin:10px 0 5px 419px;
display:block;
overflow:hidden;
text-indent:-9999px;
background:url(img/btn_job_02.jpg) 0 0;
}

a:hover.job_btn_02 {
width:210px;
height:35px;
margin:10px 0 5px 419px;
display:block;
overflow:hidden;
text-indent:-9999px;
background:url(img/btn_job_02.jpg) 0 -35px;
}


p.job_box_top {
clear:both;
width:100%;
margin:8px 0 30px;
padding-bottom:10px;
text-align:right;
background:url(img/border_dotted_x.gif) bottom repeat-x;
}

p.job_box_top a,a:link,a:visited {
color:#638DB8;
text-decoration:none;
}
p.job_box_top a:hover {
color:#91B6DB;
text-decoration:none;
}

#hc_privacy_div{
width: 230px; 
height: 187px; 
background: url(https://www.hc-recruiting.com/img/hc_privacy2.jpg) no-repeat 0 0;
}

#hc_privacy_td_left{
width: 115px; 
height: 82px;
}

#hc_privacy_td_right{
width: 70px; 
height: 82px;
}

#hc_privacy_table{
margin-left: 10px;
}

.mgn_t15{
margin-top: 15px !important;
}

.form_box_01 table .reg_history{
height: 100px;
}

	
.twtr-tweet-text{
	font-size:0.9em;!important;
}