@charset "utf-8";

/* bace setup */
body{
font-family:Verdana, Arial, sans-serif;
margin:0px;
padding:0px;
background-color:#FFFFFF;
}
img{
border:none;
}
a:link{
color:#0000de;
text-decoration:underline;
}
a:visited{
color:#800080;
text-decoration:underline;
}
a:hover{
text-decoration:none;
}
a:active{
color:#0066FF;
text-decoration:none;
}

/* column */
#Wrapper{
margin:auto;
width:760px;
}
.maxwidth{
width:720px;
margin:auto;
margin-top:20px;
}
.maxwidth *{
padding:0px;
margin:0px;
}
.contents_container{
width:565px;
float:left;
}
.main_menu_container{
font-size:90%;
padding-right:13px;
}
.main_menu_container *{
padding:0;
margin:0;
}
.main_menu_container li{
list-style-type:none;
}

/* position */
.fleft{float:left;}
.fright{float:right;}
.clear{clear:both;}
.t_center{text-align:center;}
.t_right{text-align:right;}

/*sprite img*/
.sprite{
overflow:hidden;
position:relative;
}
.sprite img{
position:absolute;
}

/* space */
.mp0 *{margin:0;padding:0;}
.margin_L5{margin-left:5px !important;}
.margin_L10{margin-left:10px !important;}
.margin_L15{margin-left:15px !important;}
.margin_L20{margin-left:20px !important;}
.margin_L30{margin-left:30px !important;}
.margin_R5{margin-right:5px !important;}
.margin_R10{margin-right:10px !important;}
.margin_LR10{margin:auto 10px auto 10px !important;}
.margin_LR20{margin:auto 20px auto 20px !important;}
.margin_T3{margin-top:3px !important;}
.margin_T5{margin-top:5px !important;}
.margin_T7{margin-top:7px !important;}
.margin_T10{margin-top:10px !important;}
.margin_T15{margin-top:15px !important;}
.margin_T20{margin-top:20px !important;}
.margin_T30{margin-top:30px !important;}
.margin_B5{margin-bottom:5px !important;}
.margin_B10{margin-bottom:10px !important;}
.margin_B15{margin-bottom:15px !important;}
.margin_B20{margin-bottom:20px !important;}
.margin_ALL3{margin:3px !important;}
.margin_ALL5{margin:5px !important;}
.margin_ALL7{margin:7px !important;}
.margin_ALL10{margin:10px !important;}
.margin_ALL15{margin:15px !important;}
.margin_ALL20{margin:20px !important;}

/* letter */
*{font-size:100%;}
.color_333{color:#333333;}
.color_666{color:#666666;}
.color_999{color:#999999;}
.color_f00{color:#ff0000;}
.colorp{color:#FF6666;}
.coloror{color:#FF7E00;}
.colorgn{color:#009900;}
.bold{font-weight:bold;}
.normal{font-weight:normal;}
.12box td{line-height:12pt;}
.14box td{line-height:14pt;}
.base-font{font-size:90%;line-height:120%;}
.base-font-large{font-size:110%;}
.base-font-medium{font-size:85%;}
.base-font-small{font-size:80%;}
.base-font-small-height{font-size:80%;line-height:130%;}

/* link */
.menu1 a{
color:#336600;
text-decoration:none;
}
.menu1 a:hover{
color:#669900;
text-decoration:underline;
}
a.anwin{
background:url(/img/icon/ico_window01.gif) no-repeat right center;
padding-right:18px !important;
}

/* tables */
.border-table-gray{
border:solid 1px #CCCCCC;
}
table.collapse1{ /* 基本テーブル1 #009900 */
border:solid 1px #52BD4B;
border-collapse:collapse;
}
.collapse1 td{
font-size:95%;
}
td.collapse1_1{ /* 背景色グレー */
font-size:95%;
background-color:#EEEEEE;
border:solid 1px #52BD4B;
padding:5px;
text-align:center;
}
td.collapse1_2{
font-size:95%;
border:solid 1px #52BD4B;
padding:5px;
vertical-align:top;
}
td.collapse1_3{ /* 背景色グレー */
font-size:95%;
background-color:#EEEEEE;
border:solid 1px #52BD4B;
padding:5px;
}
table.collapse2{ /* 基本テーブル2 #CCCCCC */
border:solid 1px #CCCCCC;
border-collapse:collapse;
}
.collapse2 td{
font-size:95%;
padding:2px;
}
td.collapse2_1{ /* 背景色グレー */
font-size:95%;
background-color:#EEEEEE;
border:solid 1px #CCCCCC;
padding:5px;
text-align:center;
}
td.collapse2_2{
font-size:95%;
border:solid 1px #CCCCCC;
padding:5px;
vertical-align:top;
}
table.collapse4{ /* 基本テーブル4 #009900 */
border:solid 1px #52BD4B;
border-collapse: collapse;
}
.collapse4 td{
font-size:95%;
}
td.collapse4_1{ /* 背景色グレー */
font-size:95%;
background-color:#EEEEEE;
border:solid 1px #52BD4B;
padding:3px;
text-align:right;
}
td.collapse4_2{
font-size:95%;
border:solid 1px #52BD4B;
padding:3px;
vertical-align:top;
}

/* input */
.ja{ /* 日本語入力 */
ime-mode:active;
}
.num{ /* 半角入力 */
ime-mode:inactive;
}
.absolute_num{ /* 強制半角入力 */
ime-mode:disabled;
}

/* error */
#errorContainer{
width:700px;
margin:20px auto;
padding:10px;
border:1px solid #009900;
}
.errorMsg{
width:600px;
margin:20px auto;
}
.errorBack{
width:600px;
margin:80px auto 40px auto;
text-align:center;
}
#Wrapper .elibox{
margin:10px 0 0 10px;
border-left:6px solid #F00;
padding:4px 10px;
color:#F00;
}
#Wrapper .elibox ul{margin:12px 0 0 45px;}
#Wrapper .elibox li{list-style-type:disc;}
.ertd{background:#FFE8E8;}
th.ertd{color:#F00 !important;}

/* headline message */
.exp{
background:#E2F2C8;
}
.exp h1{
margin:0px;
padding:3px 7px;
font-size:65%;
font-weight:normal;
float:left;
color:#006600;
}
.exp h1 a:link,
.exp h1 a:active,
.exp h1 a:visited{
color:#006600;
text-decoration:none;
}
.exp h1 a:hover{
color:#45A045;
}
.exp p{
float:right;
}

/* befor gnavi */
#kjgnavi li{
list-style-type:none;
float:left;
overflow:hidden;
position:relative;
width:152px;
height:28px;
border-top:2px solid #52BD4B;
}
#kjgnavi li.entry{
border-top:2px solid #FF6666;
}
#kjgnavi li img{
position:absolute;
margin-top:2px;
}
#kjgnavi a:hover{border:none;}
#kjgnavi #gn1{top:0;left:0;}
#kjgnavi a:hover #gn1{top:-28px;left:0;}
#kjgnavi #gn2{top:0;left:-152px;}
#kjgnavi a:hover #gn2{top:-28px;left:-152px;}
#kjgnavi #gn3{top:0;left:-304px;}
#kjgnavi a:hover #gn3{top:-28px;left:-304px;}
#kjgnavi #gn4{top:0;left:-456px;}
#kjgnavi a:hover #gn4{top:-28px;left:-456px;}
#kjgnavi #gn5{top:0;left:-608px;}
#kjgnavi a:hover #gn5{top:-28px;left:-608px;}

/* side gnavi */
#beta .glinklist{
padding:2px 0 0 2px;
}
#beta .glinklist li{
background:url(/img/top/icn/topicos01.png) no-repeat left -102px;
padding-left:7px;
margin-top:3px;
}
#beta .othersvs p{
text-align:right;
padding:7px 3px 0 0;
border-top:1px dotted #b3b3b3;
margin-top:5px;
}
#beta .othersvs p a{
background:url(/img/top/icn/topicos01.png) no-repeat left -177px;
padding-left:12px;
}

/* side gnavi content */
#beta .contit{
margin-top:13px;
}
#beta #stfair,#beta #stcont,#beta #stmem{width:160px;height:35px;}
#beta #stfair img{top:-25px;left:0;}
#beta #stcont img{top:-65px;left:0;}
#beta #stmem img{top:-105px;left:0;}
#beta .cont{
background:#FFF;
border-bottom:1px dotted #b3b3b3;
}
#snfair .cont{
padding:5px 5px 7px;
}
#snfair .cont span{
font-size:120%;
font-weight:bold;
}
#snfair .cont a{
background:url(/img/top/icn/topicos01.png) no-repeat left -177px;
padding-left:12px;
display:block;
}
#sncontens .cont{
padding:5px;
}
#sncontens .cont .fright{
width:100px;
}
#sncontens .cont h3{
font-size:100%;
font-weight:normal;
margin-top:2px;
}
#sncontens .cont p{
font-size:80%;
}
#snmember .cont{
padding:8px 5px;
}
#snmember .cont h3{
font-size:100%;
font-weight:normal;
padding-left:5px;
}
#snmember .cont p{
font-size:80%;
padding-left:13px;
}

/* side gnavi mobile */
#beta .mobmail{
text-align:center;
font-size:80%;
background:url(/img/top/table/bg_mobile01.gif) no-repeat left bottom;
padding:5px 0 8px;
}
#beta .mobmail a{
background:url(/img/top/icn/topicos01.png) no-repeat left -128px;
padding-left:13px;
}

/* side gnavi othersvs */
#beta .othersvs{
border:1px solid #b3b3b3;
padding:6px 5px 7px;
background:#FFF;
}
#beta .othersvs a{
color:#666;
}


/* side gnavi pmark */
#beta .pmark{
background:#FFF;
}
#beta .pmark .fright{
font-size:80%;
width:75px;
margin-top:15px;
}
#beta .pmark .fright span{
font-weight:bold;
}
#beta #stct{width:147px;height:14px;}
#beta #stct img{top:-145px;left:0;}
#beta #stother{width:147px;height:12px;}
#beta #stother img{top:-165px;left:0;}

/* footer */
#Home{
font-size:80%;
margin:40px auto 0;
width:840px;
clear:both;
}
#Home .kjhome{
background:url(/img/adv/ico_index.gif) no-repeat left center;
padding-left:15px;
float:left;
}
#Home .kjpagetop{
background:url(/img/adv/ico_pagetop.gif) no-repeat left center;
padding-left:15px;
float:right;
}
#Home .smstop{
background:url(/img/adv/ico_conp.gif) no-repeat left center;
padding-left:15px;
float:right;
}
#Home a{
color:#666666;
}
#Home a:hover{
color:#666666;
text-decoration:none;
}
#Home ul{
padding:0 0 20px 20px;
margin:0;
}
#Home li{
list-style-type:none;
padding:0;
margin:0;
}
.advpagetop{
font-size:90%;
margin:5px 20px 0px 0px;
text-align:right;
}
.advpagetop	a{
color:#666666;
}
.advpagetop a:hover{
color:#666666;
text-decoration:none;
}
#Footer{
font-size:80%;
text-align:center;
margin-top:10px;
clear:both;
}
#Footer ul,#Footer li{
margin:0;
padding:0;
}
#FooterInfo{
font-size:80%;
background-color:#52BD4B;
padding:1px;
}
#FooterInfo li{
display:inline;
list-style-type:none;
padding-right:7px;
padding-left:6px;
border-right:1px solid #B3E393;
}
#FooterInfo li.last{
border:none;
}
#FooterInfo a{
text-decoration:none;
color:#FFFFFF;
}
#FooterSite {
padding:2px;
}
#FooterSite li{
display:inline;
list-style-type:none;
padding-right:10px;
}
#FooterSite a{
text-decoration:none;
color:#333333;
}
#FooterSite a:hover{
text-decoration:underline;
color:#333333;
}
#Footer p{
font-size:10px;
color:#666;
text-align:center;
margin:0;
padding:3px;
}
#footer2{
font-size:10px;
line-height:1.5;
margin:5px;
width:750px;
text-align:left;
}
#footer2 a{
color:#888888;
}
#smssites{
padding:5px 0px 10px 6px;
}
#smsmobiles{
border-top:1px solid #CCCCCC;
padding:5px 0px 10px 6px;
}
#smssites p,
#smsmobiles p{
text-align:left;
margin:0px;
padding:0px;
font-size:100%;
}
#smssites li,
#smsmobiles li{
float:left;
width:124px;
list-style-type:none;
}

/* contents */
.kjcon h2 {
font-size:120%;
font-weight:bold;
background:#E8E8E8;
border:1px solid #999;
padding:5px 10px;
}

/* feature */
.search_table{
border:1px solid #A8A8A8;
padding:1px;
}
.search_table_bg01{
background-image:url(/img/adv/search/bg_01.gif);
background-repeat:repeat;
}
.search_font_bold{
font-weight:bold;
}
.serach_font_gray{
font-size:110%;
color:#666666;
}
.serach_font80{
font-size:80%;
}
.search_font110b_green{
font-size:130%;
color:#009900;
font-weight:bold;
}
table.search_table_border{
border:solid 1px #A8A8A8;
border-collapse:collapse;
}
td.search_td_border{
background-color:#F2FBEA;
border:solid 1px #A8A8A8;
padding:8px;
}

/* osusume */
.rcm-p{
border:1px solid #CCCCCC;
text-align:left;
}
.rcm-b{
border:1px solid #CCCCCC;
text-align:left;
}

/* joblist */
#JobList{
padding-top:20px;
padding-bottom:20px;
padding-left:5px;
}
#JobList h2{
font-size:120%;
font-weight:bold;
color:#006600;
background-color:#CBEFCB;
padding:7px;
text-align: center;
}
#JobList h3{
font-size:100%;
font-weight:bold;
background-color:#EEEEEE;
padding:3px 8px;
border-left:solid 3px #006600;
margin-top: 30px;
}
#JobList dt,#JobList dd{
padding-left:10px;
padding-bottom:10px;
}
#JobList li{
padding-bottom:10px;
}

/* links */
.osusumesite h3{
font-size:100%;
font-weight:bold;
background-color:#EEEEEE;
padding:3px 8px;
border-left:solid 3px #006600;
margin-top: 30px;
}
div.osusumesite ul{
margin:0px;
padding:0px;
}
div.osusumesite li{
list-style-type:none;
padding:2px 0px;
font-size:80%;
}

/* magazine */
.mm_backnumber{
margin-left:0;
padding-left:10px;
}
.mm_backnumber li{
padding-bottom:2px;
list-style-type:none;
}
#bef_mm #mm_info h3{
margin-top:25px;
}
#bef_mm #mm_info .intro{
margin:1px 10px;
padding:7px 15px;
border-left:2px solid #FF8E7F
}
#bef_mm #mm_info .out{
color:#666;
font-size:85%;
margin-top:5px;
}
#bef_mm #entry{
width:600px;
margin:auto;
}
#bef_mm #mobile{
border:1px solid #999999;
}
#bef_mm #mobile #howto{
border:1px solid #FF9900;
margin:20px 20px 0px 20px;
padding-top:10px;
}
#bef_mm #mobile #howto .howto{
float:left;
width:220px;
height:120px;
text-align:center;
}

/* rcm */
.rcm_list ul{
list-style-type:disc;
margin:10px 10px 10px 50px;
}
.rcm_list p{
margin:20px 10px 10px 10px;
}

/* ask */
.tit_ask{
border:solid 1px #999999;
background-color:#EEEEEE;
padding:5px;
margin:auto;
width:600px;
}
.tit_ask h2{
padding:0px;
margin:0px;
}
.txt_ask{
background-color:#E3F9DF;
padding:5px;
width:600px;
margin:20px auto 20px auto;
}
.txt_ask h3{
font-weight:bold;
color:#009900;
padding:0px;
margin:0px;
}
.txt_ask p{
font-size:80%;
line-height:140%;
}
.askop{
background:#ebf4dc;
padding:15px;
}
.asktbl , .asktbl td , .asktbl th{
border-collapse:collapse;
border:1px solid #CCC;
}
.asktbl{
width:100%;
}
.asktbl th{
padding:5px;
text-align:left;
background:#ebf4dc;
font-weight:normal;
}
.asktbl td{
padding:5px;
}

/* before scout */
#bef_scout .bg_arrow{
background:url(/img/scout_bef/bg_scount01.gif) no-repeat center bottom;
padding-bottom:37px;
margin-bottom:3px;
}
#bef_scout .step{
float:left;
width:180px;
}
#bef_scout .step p{
margin:3px 17px 0px 17px;
}

/* other info */
.othserv{
border:1px solid #CCCCCC;
padding:5px 8px !important;
width:702px;
margin:auto;
}
.othserv h3{margin:0;padding:0;}
.othserv p{width:344px;}
.othserv span{display:block;}

/* clear fix */
.hack{
overflow:hidden;
}
.hack:after{
content:"";
display:block;
clear:both;
height:1px;
overflow:hidden;
}
/*\*/
* html .hack{
height:1em;
overflow:visible;
}
/**/

