@charset "utf-8";

/* format
----------------------------------------------------------------------------------*/
a{color:#6f6f6f;}
#index #container strong{font-weight:normal;}

h3{
padding:6px 0 7px 4px;
margin:0 0 0.5em;
background:url(../images/cmn_lnav_line.gif) left bottom repeat-x;
border-top:2px solid #b0b0b0;
}


/* common parts
----------------------------------------------------------------------------------*/
body{
background:url(../images/cmn_header_bg01.gif) center top repeat-x;
}

/* header */
#header{
background:#949494;
}

/* conainer */
#container{
background:url(../images/cmn_container_bg.gif) left top repeat-y;
}

/* contents */
#contents{
padding-right:12px;
width:618px;
}
#contents .btn{
margin:0 auto 1.5em;
padding:4px 0;
width:602px;
background:url(../images/cmn_btn_bg.gif) top center no-repeat;
text-align:center;
}

#contents #pnav{
padding:0 0 25px;
background:#eeeeee url(../images/cmn_pnav_bgbtm.gif) left bottom no-repeat;
}
#contents #pnav ul{
margin:0;
padding:16px 13px;
list-style-type:none;
background:url(../images/cmn_pnav_bgtop.gif) left top no-repeat;
}
#contents #pnav li{
padding-left:1.5em;
background:url(../../common/images/cmn_arw_gray.gif) left 3px no-repeat;
}


#contents .backLink{
text-align:right;
}
#contents .backLink a{
padding-left:15px;
background:url(../images/cmn_ico_back.gif) left top no-repeat;
}

/* table */
table{
margin:0 0 1em;
padding:0;
width:100%;
border:1px solid #828282;
border-collapse:collapse;
}
table th{
padding:8px 9px;
width:106px;
background:#eeeeee url(../images/cmn_table_line.gif) left bottom repeat-x;
color:#6f6f6f;
text-align:left;
vertical-align:top;
white-space:nowrap;
}
table td{
padding:8px 9px;
background:#fff url(../images/cmn_table_line.gif) left bottom repeat-x;
}
table tr.last th,
table tr.last td{
background-image:none;
}

/* inputFormTable */
table.inputForm{
width:602px;
border:none;
margin:0;
}
table.inputForm th{
padding:10px 12px;
width:108px;
vertical-align:top;
text-align:left;
border-top:1px solid #fff;
background:#eeeeee;
}
table.inputForm td{
padding:10px 12px;
vertical-align:top;
border-top:1px solid #fff;
background:#f7f7f7;
}
table.inputForm input,
table.inputForm textarea{
font-size:100%;
}
table.inputForm .w40{width:40px;}
table.inputForm .w70{width:70px;}
table.inputForm .w150{width:150px;}
table.inputForm .w182{width:182px;}
table.inputForm .w270{width:270px;}
table.inputForm .w390{width:390px;}

/* error */
.error,
.thanks{
color:#fe0000;
}
strong.error{
font-size:116%;
}

/* sideContents */
#sideContents #localNav{
background:#eeeeee;
}
#sideContents #localNav #lnav{
background:url(../images/cmn_lnav_bgbtm.gif) center bottom no-repeat;
}
#sideContents #localNav #lnav dt{
display:block;
padding:4px 3px 0;
margin-bottom:1px;
background:url(../images/cmn_lnav_bgtop.gif) center top no-repeat;
}
#sideContents #localNav #lnav dd{
display:block;
padding:0 3px 1px;
background:url(../images/cmn_lnav_line.gif) center bottom no-repeat;
}
#sideContents #localNav #lnav dd.last{
padding:0 3px 2px;
background:none;
}
#sideContents #localNav #blog .blogger .txt span{
color:#6f6f6f;
}

/* footer */
#footer{
background:#fff url(../images/cmn_footer_bg.gif) left top no-repeat;
}
#footer #footnav{
color:#6f6f6f;
}


/* index.html
----------------------------------------------------------------------------------*/
#index #header h1{
position:absolute;
top:-1.5em;
float:none;
margin:0;
padding:0;
font-size:83%;
font-weight:normal;
}

/*  wrapper  */
#index #wrapper{
float:left;
margin:0;
padding:0;
width:692px;
}

/*  contents  */
#index #contents{
float:right;
margin:0;
padding:0 0 53px;
width:466px;
}
#index #contents #eventInfo{
clear:both;
margin-bottom:30px;
color:#333;
}
#index #contents #eventInfo a{
color:#6f6f6f;
}
#index #contents #eventInfo dl{
margin:0;
padding:0;
}
#index #contents #eventInfo dt{
margin:0;
padding:0 0 0 15px;
width:6em;
background:url(../../common/images/cmn_arw_gray.gif) left center no-repeat;
}
#index #contents #eventInfo dd{
margin:-1.5em 0 0.5em 6em;
padding:0;
}
#index #contents #eventInfo dd img{
margin-left:3px;
}
#index #contents #features{
width:466px;
}
#index #contents #features dl,
#index #contents #features dt,
#index #contents #features dd{
margin:0;
padding:0;
}
#index #contents #features dl{
float:left;
width:148px;
margin:0 11px 11px 0;
}
#index #contents #features dl.none{
margin-right:0;
}
#index #contents #features dt{
margin:0 0 8px;
}
#index #contents #features dd.img{
float:left;
margin:0;
width:56px;
display:inline;
}
#index #contents #features dd.txt{
float:right;
width:85px;
font-size:84%;
}

#index #contents #job{
clear:both;
}
#index #contents #job ul{
margin:0 0 15px;
padding:0;
}
#index #contents #job li{
float:left;
margin:0 5% 0 0;
padding:0;
width:30%;
list-style-type:none;
}
#index #contents #job li.none{
margin:0;
}

#index #pankuz{
margin:0;
}


/* sideBanners */
#index #sideBanners{
float:right;
margin:2.4em 0 53px;
padding:0;
width:152px;
text-align:center;
}
#index #sideBanners #categoryBanners,
#index #sideBanners #supportBanners,
#index #sideBanners #infoBanners,
#index #sideBanners #certificate{
margin:0 0 16px;
_margin:0 0 8px;
padding:0;
width:152px;
list-style-type:none;
}
#index #sideBanners #categoryBanners li,
#index #sideBanners #supportBanners li,
#index #sideBanners #infoBanners li,
#index #sideBanners #certificate li{
margin:0 0 8px;
padding:0;
}
#index #sideBanners img{
vertical-align:bottom;
}


/* beginner.html
----------------------------------------------------------------------------------*/
#beginner #pankuz{
position:relative;
}
#beginner .lead{
margin-top:-35px;
}


/* familiar.html
----------------------------------------------------------------------------------*/
#familiar .lead{
padding:0 0 15px;
text-align:center;
background:url(../images/cmn_lnav_line.gif) left bottom repeat-x;
}
#familiar .img{
float:left;
width:202px;
}
#familiar .txt{
float:right;
width:380px;
}


/* proud.html
----------------------------------------------------------------------------------*/
#proud .lead{
padding:0 0 15px;
text-align:center;
background:url(../images/cmn_lnav_line.gif) left bottom repeat-x;
}
#proud h3{
position:relative;
padding-left:45px;
}
#proud h3 img.icon{
position:absolute;
display:block;
left:7px;
_left:-38px;
top:-5px;
}
#proud th{
width:187px;
}
#proud td{
color:#656565;
}
#proud .wrap{
margin:0 0 25px;
}
#proud .wrap .section{
margin-left:0;
width:286px;
}
#proud #contents .wrap ul{
margin:0 0 0 8px;
padding:0;
list-style-type:none;
}
#proud #contents .wrap li{
margin:0;
padding:0;
}


/* excavation.html
----------------------------------------------------------------------------------*/
#excavation .lead{
padding:0 0 15px;
text-align:center;
background:url(../images/cmn_lnav_line.gif) left bottom repeat-x;
}
#excavation #placeBox{
width:610px;
background:url(../images/excavation_placeBox_bgbtm.gif) left bottom no-repeat;
}
#excavation #placeBox ul{
margin:0;
padding:0;
width:585px;
padding:25px 0 12px 25px;
_padding-bottom:25px;
background:url(../images/excavation_placeBox_bgtop.gif) left top no-repeat;
list-style-type:none;
}
#excavation #placeBox li{
float:left;
margin:0 12px 13px 0;
display:inline;
}
#excavation #creator{
text-align:center;
}
#excavation #creator .arw{
margin:9px 0;
}


/* attribute.html
----------------------------------------------------------------------------------*/
#attribute .lead{
padding:0 0 15px;
text-align:center;
background:url(../images/cmn_lnav_line.gif) left bottom repeat-x;
}


/* matching.html
----------------------------------------------------------------------------------*/
#matching .lead{
padding:0 0 15px;
text-align:center;
background:url(../images/cmn_lnav_line.gif) left bottom repeat-x;
}
#matching .img{
float:left;
width:202px;
}
#matching .txt{
float:right;
width:380px;
}


/* infomation.html
----------------------------------------------------------------------------------*/
#infomation .lead{
padding:0 0 15px;
text-align:center;
background:url(../images/cmn_lnav_line.gif) left bottom repeat-x;
}
#infomation .img{
float:left;
width:202px;
}
#infomation .txt{
float:right;
width:380px;
}



/* afterfollow.html
----------------------------------------------------------------------------------*/
#afterfollow p.img{
float:left;
width:200px;
margin-bottom:0;
}
#afterfollow p.txt{
float:right;
width:388px;
margin-bottom:0;
}
#afterfollow .section div{
margin-bottom:1.5em;
}



/* perm.html
----------------------------------------------------------------------------------*/
#perm #contents dl{
padding:0 0 30px;
background:url(../images/perm_step_arw.gif) 49px 98px no-repeat;
}
#perm #contents dl.last{
background:none;
}
#perm #contents dt{
margin:0;
padding:0;
width:129px;
}
#perm #contents dd{
margin:-88px 0 0 142px;
padding:0 0 10px;
min-height:80px;
_height:80px;
background:url(../images/cmn_lnav_line.gif) left bottom repeat-x
}


/* voice.html
----------------------------------------------------------------------------------*/
#voice #contents #pnav{
margin:0 0 20px;
} 
#voice #contents .question{
margin:0 0 30px;
width:618px;
background:#eeeeee url(../images/cmn_colorBox_bgbtm.gif) left bottom no-repeat;
}
#voice #contents .question ul{
margin:0;
padding:10px 10px 5px;
_padding:10px;
background:url(../images/cmn_pnav_bgtop.gif) left top no-repeat;
list-style-type:none;
}
#voice #contents .question ul{
margin-bottom:5px;
}
#voice #contents dl{
margin:0;
padding:0;
}
#voice #contents dt{
width:30px;
}
#voice #contents dd{
margin:-16px 0 0.5em 45px;
}


/* chinese.html
----------------------------------------------------------------------------------*/
#chinese #contents dl{
margin:0;
padding:0;
}
#chinese #contents dt{
margin:0;
padding:0 0 0 87px;
text-indent:-87px;
font-weight:bold;
}
#chinese #contents dt img{
margin-right:17px;
vertical-align:middle;
}
#chinese #contents dd{
margin:0 0 25px 87px;
padding:0;
}
#chinese #contents ul{
margin:0 0 20px;
padding:0;
list-style-type:none;
}
#chinese #contents li{
margin:0 0 10px;
padding:0;
}


/* info.html
----------------------------------------------------------------------------------*/
#info #entryBox{
margin:0 auto 25px;
width:602px;
/*background:url(../images/info_entryBox_bg.gif) top center no-repeat;*/
}
#info #entryBox dt,
#info #entryBox dd{
margin:0;
padding:0;
display:table-cell;
margin-bottom:1px;
vertical-align:middle;
}
* html #info #entryBox dt,
* html #info #entryBox dd{/* IE 6 */
display:inline;
zoom:1;
}
*:first-child+html #info #entryBox dt,
*:first-child+html #info #entryBox dd{/* IE 7 */
display:inline;
zoom:1;
}
#info #entryBox dt{
padding:14px 0;
width:118px;
text-align:center;
}
#info #entryBox dd{
width:484px;
text-align:center;
}
#info #entryBox dd.confirm{
margin-left:30px;
width:454px;
text-align:left;
}
#info #entryBox dd input{
margin-right:1em;
width:295px;
vertical-align:middle;
font-size:100%;
}


/* offer.html
----------------------------------------------------------------------------------*/
#offer #contents em{
color:#fe0000;
font-style:normal;
}
#offer div.section{
width:605px;
padding:0 0 4px 0;
background:url(../images/input_table_bg.gif) right bottom no-repeat;
}
#offer h3{
position:relative;
padding-left:45px;
}
#offer h3 img.icon{
position:absolute;
display:block;
left:7px;
_left:-38px;
top:-8px;
}
#offer #request p{
padding:10px;
margin:0;
}
#offer #request ul{
margin:0;
padding:10px;
list-style-type:none;
}
#offer #customer ul{
margin:0;
padding:0;
list-style-type:none;
}
#offer #customer li{
margin:0 0 5px;
}
#offer #customer span{
padding-right:0;
list-style-type:none;
}
#offer #skill span{
margin-right:20px;
}
#offer #skill table table{
border:none;
}
#offer #skill table table td{
border:none;
padding:1px 0 7px;
background:none;
line-height:2em;
}
#offer #skill input{
vertical-align:middle;
}
#offer #skill .must{
margin-right:3px;
padding:3px 0;
_padding:0;
border:1px solid #ff4842;
}
*:first-child+html #offer #skill .must{
padding:0;
}
#offer #skill .better{
margin-right:3px;
padding:3px 0;
_padding:0;
border:1px solid #3973da;
}
*:first-child+html #offer #skill .better{
padding:0;
}
/* safari2.x only \*/
html:\66irst-child #offer #skill input{
vertical-align:top;
}
/* end */
/* safari3.x only \*/
@media screen and (-webkit-min-device-pixel-ratio:0){
	#offer #skill input{
	vertical-align:top;
	}
} 
/* end */
/* opera */
*+html:\66irst-child #skill input{
vertical-align:middle;
}
/* end */

#offer #cognitive dd{
margin:0 0 1.5em;
}
#offer #cognitive span{
diaplay:block;
float:left;
width:140px;
}
#offer #cognitive span.keyword,
#offer #cognitive span.other{
width:auto;
}
#offer #cognitive span.keyword .w182,
#offer #cognitive span.other .w182{
margin-left:10px;
}


/* backnumber.html
----------------------------------------------------------------------------------*/
#backnumber #contents ul{
margin:0 0 15px;
padding:0;
list-style:none;
}
#backnumber #contents li{
margin:0;
padding:0 0 0 15px;
background:url(../../common/images/cmn_arw_gray.gif) left 3px no-repeat;
}
#backnumber #contents ul.box{
float:left;
margin-right:40px;
width:260px;
display:inline;
}
* html #backnumber #contents ul.box li{
padding:0;
}
#backnumber #contents li em{
font-style:normal;
margin:0 2em;
}


/*info_form
--------------------------------------------------------*/

dl#info_form {
  width:582px;
	background:#CCCCCC;
	border:1px solid #666;
	padding:10px;
	margin-top:0;
}

dl#info_form dt{
  width:100px;
	float:left;
	margin-bottom:5px;
	padding-bottom:5px;
	padding-left:5px;
	background:#666;
	color:#fff;
}

dl#info_form dd{
  width:470px;
	float:left;
	margin-left:0;
	margin:0 0 5px 5px;
	padding-bottom:5px;
}

.btn_info {
  text-align:center;
	background:none;
}