@charset "utf-8";

/* -----------------------
layout.css
Created:2010.01.05
Modified:8888.88.88
----------------------- */


/* content ======================

1: Utility Area
2: Global Navigation
3: Breadcrumb List
4: Footer Area
5: Contents
6: Local Navigation

============================== */


/* ---------------------------------------------
2: Global Navigation
--------------------------------------------- */
div#GlobalNavi {
height:65px;
/*height:87px;*/
}

div#GlobalNavi div {
margin:0 auto;
width:968px;
height:65px;
/*height:87px;*/
}

/* Tab Pattern */
div#GlobalNaviInner {
background:url(../img/top/bg_global_navi_inner_top.gif) no-repeat 0 0;
}

/* ---------------------------------------------
5: Contents
--------------------------------------------- */
div#MainStage {
margin:0 auto 45px;
padding:0 0 0 0;
width:100%;
background:url(../img/top/bg_mainstage.gif) repeat-x 0 0;
}

div#MainImg {
height:212px;
/*height:373px;*/
background:url(../img/top/img_main.jpg) no-repeat center 0;
text-align:center;
}

div#MainImg ul {
margin:0 auto;
padding:22px 0 0 35px;
width:933px;
text-align:left;
}

div#MainImg li.Search {
margin:0 0 10px 0;
}

div#MainImg li.Beginner {
margin:0 0 11px 0;
}

div#Contents {
padding:7px 13px 0;
/*padding:10px 13px 0;*/
width:940px;
background:url(../img/top/bg_contents.gif) no-repeat 0 0;
text-align:left;
overflow:hidden;
zoom:1;
}


/* ---------------------------------------------
6: Top Original
--------------------------------------------- */
/* FeatureList ----------*/
div#FeatureList {
margin:0 0 10px 0;
/*margin:0 0 19px 0;*/
padding:4px 0 4px;
/*padding:6px 0 4px;*/
background:url(../img/top/bg_feature_btm.gif) no-repeat 0 bottom;
}

div#FeatureList div.inner {
background:url(../img/top/bg_feature.gif) repeat-y 0 0;
overflow:hidden;
zoom:1;
}

div#FeatureList dl { float:left;}

div#FeatureList dl.num01 { width:314px;}
div#FeatureList dl.num02 { width:312px;}
div#FeatureList dl.num03 { width:314px;}

div#FeatureList dd {
overflow:hidden;
zoom:1;
}

div#FeatureList dl.num01 dd { padding:3px 5px 2px 8px;}
div#FeatureList dl.num02 dd { padding:3px 5px 2px;}
div#FeatureList dl.num03 dd { padding:3px 8px 2px 5px;}
/*div#FeatureList dl.num01 dd { padding:5px 5px 2px 8px;}
div#FeatureList dl.num02 dd { padding:5px 5px 2px;}
div#FeatureList dl.num03 dd { padding:5px 8px 2px 5px;}*/

div#FeatureList p.Img {
float:left;
margin:0 15px 0 0;
}

div#FeatureList ul.LinkListType01 {
overflow:hidden;
zoom:1;
}

div#FeatureList p.TxtType01 {
margin:0 0 8px 0;
overflow:hidden;
zoom:1;
}

/* TopicsArea ----------*/
div#TopicsArea {
position:relative;
float:left;
padding:0 0 10px 0;
width:640px;
background:url(../img/top/bg_topics_btm.gif) no-repeat 0 bottom;
}

div#TopicsArea p.TopicsListBtn {
position:absolute;
top:26px;
left:506px;
}

div#TopicsArea ul {
padding:20px 16px 2px;
width:608px;
background:url(../img/top/bg_topics.gif) repeat-y 0 0;
}

div#TopicsArea li {
margin:0 0 8px 0;
padding:10px;
background:#fff;
overflow:hidden;
zoom:1;
}

div#TopicsArea p.Date {
float:left;
padding:3px 0 0 0;
width:70px;
background:#eff4f5;
font-size:83%;
line-height:1;
text-align:center;
}

div#TopicsArea p.Ttl {
float:left;
padding:0 0 0 20px;
width:498px;
}

div#TopicsArea p.Ttl a:link, div#TopicsArea p.Ttl a:visited { text-decoration:underline;}

div#TopicsArea p.Ttl a:hover { text-decoration:none;}

/* NavArea ----------*/
div#NavArea {
float:right;
width:280px;
}

ul.WorkInfoNav {
margin:0 0 10px 0;
padding:12px 13px 15px;
background:url(../img/top/bg_workinfo.gif) no-repeat 0 0;
}

ul.TalentInfoNav {
margin:0 0 20px 0;
padding:12px 13px 15px;
background:url(../img/top/bg_talentinfo.gif) no-repeat 0 0;
}

ul.BnrList li {
margin:0 0 5px 0;	
}