@charset "utf-8";


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

    トップページCSS
						2011.6.6
=======================================*/

/* ------------------------------------------------------------------------------
    キービジュアル
------------------------------------------------------------------------------- */

#keyvisualWrap{
background:url("../images/bg_keyvisual.gif") top repeat-x #FFFFFF;
width:auto;
}

#keyvisual{
width:968px;
height:286px;
margin:0 auto;
position:relative;
}

/*----ボタン----*/
#keyvisual ul{
	position: absolute;
	width: 185px;
	height: 38px;
	top: 239px;
	left: 260px;
}

#keyvisual ul li,#keyvisual ul li a{
background:url("../images/bg_btn_merit.gif") no-repeat top; 
background-position:0 0; 
text-indent:-9999px;
text-decoration:none;
display:block;
width:185px;
height:38px;
overflow:hidden;
}

#keyvisual ul li a:hover,#keyvisual ul li a:focus{
background-position:-185px 0;
}

/* ------------------------------------------------------------------------------
    コンテンツ
------------------------------------------------------------------------------- */

body#top div#contentsWrap{
background:#f1eee7 url("../images/common/bg_contentswrap.gif") repeat;
width:auto;
}

body#top div#contents{
margin:0 auto;
width:968px;
background:url("../images/common/bg_contents.gif") repeat-y center;
padding:0 0 10px;
}

body#top div#contents-inner{
padding:15px;
}

/* ----------------------------------------------------------------
    タイトル
----------------------------------------------------------------- */
body#top h2{
margin:0 0 10px 4px;
}


/* ----------------------------------------------------------------
    プロモーションコンテンツ　ボックス
----------------------------------------------------------------- */
.nomargin{
margin:0 !important;
}


/* ------ボックス------- */
.promoBox{
background:#FFFFFF url("../images/bg_promo_box2_mid.gif") repeat-y;
clear:both;
width:938px;
}

.promoBox ul.promoBox-inner{
width:938px;
background:url("../images/bg_promo_box2_btm.gif") no-repeat bottom;
position:relative;
}

.promoBox ul.promoBox-inner li{
width:308px;
display:inline;
float:left;
padding-bottom:45px;
margin-right:7px;
}


* html .promoBox ul.promoBox-inner li{ padding-bottom: 35px;}/* ---IE6--- */
*+html .promoBox ul.promoBox-inner li{ padding-bottom: 35px;}/* ---IE7--- */

.promoBox ul.promoBox-inner li h3{
margin-bottom:10px;
}

/* 画像 */
.promoBox ul.promoBox-inner li p.promoBox-img{
float:left;
width:114px;
}

.promoBox ul.promoBox-inner li p.promoBox-img img{
margin-left:14px;
}

/* テキスト */
.promoBox ul.promoBox-inner li div.promoBox-p{
float:right;
width:185px;
}

.promoBox ul.promoBox-inner li div.promoBox-p p{
margin-right:14px;
}

/* 詳しくボタン */
.promoBox ul.promoBox-inner li ul.btn-more{
width:122px;
height:33px;
position:absolute;
}

.promoBox ul.promoBox-inner li ul.btn-more li,.promoBox ul.promoBox-inner li ul.btn-more li a{
background:url("../images/bg_btn_more.gif") no-repeat 0 0; 
text-indent:-9999px;
text-decoration:none;
width:122px;
height:33px;
float:none;
padding:0;
margin:0;
display:block;
overflow:hidden;
position:inherit;
}

.promoBox ul.promoBox-inner li ul.btn-more li a:hover,.promoBox ul.promoBox-inner li ul.btn-more li a:focus{
background-position:-122px 0;
}

.promoBox ul.promoBox-inner li ul.btn-more01{
bottom:10px;
right:640px;
}

.promoBox ul.promoBox-inner li ul.btn-more02{
bottom:10px;
right:325px;
}

.promoBox ul.promoBox-inner li ul.btn-more03{
bottom:10px;
right:10px;
}

/* ----------------------------------------------------------------
    メインコンテンツ
----------------------------------------------------------------- */
body#top #mainContents{
width:938px;
clear:both;
}

/* ------左カラム------- */
#mainContents #top-main-left{
float:left;
width:619px;
}

/* ------右カラム------- */
#mainContents #top-main-right{
float:right;
width:309px;
}

/* -------------------------------------------------
    ニュース
-------------------------------------------------- */
dl.dlStyle01{
width:615px;
background:url("../images/common/bg_dot_line01.gif") bottom repeat-x;
margin-left:auto;
}

dl.dlStyle01 dt{
float: left;
width:120px;
clear:both;
padding:8px 0;
background:url("../images/common/bg_dot_line01.gif") top repeat-x;
}

dl.dlStyle01 dd{
float:right;
padding:8px 0;
width:495px;
background:url("../images/common/bg_dot_line01.gif") top repeat-x;
}

* html dl.dlStyle01 dd{ float:none; margin-left:120px; width:auto;}/* ---IE6--- */
*+html dl.dlStyle01 dd{ float:none; margin-left:120px; width:auto;}/* ---IE7--- */

/* ------ボタン------- */
ul.btn-news{
width:619px;
clear:both;
margin-top:10px;
}

ul.btn-news li,ul.btn-news li a{
background:url("../images/bg_btn_news.gif") no-repeat top; 
background-position:0 0; 
text-indent:-9999px;
text-decoration:none;
width:185px;
height:38px;
display:block;
float:right;
overflow:hidden;
}

ul.btn-news li a:hover,ul.btn-news li a:focus{
background-position:-185px 0;
}

/* -------------------------------------------------
    エクストラメニュー
-------------------------------------------------- */

ul#ex-menu{
width:309px;
margin-bottom:10px;
}

ul#ex-menu li{
margin-bottom:3px;
height:69px;
}
/* ------
ul#ex-menu li a{
display:block;
height:69px;
width:309px;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
}

/*----代表プロフィール----*/
/* ------
ul#ex-menu li#btn-profile,ul#ex-menu li#btn-profile a{
background:url("../images/bg_btn_profile.jpg") no-repeat top; 
background-position:0 0; 
}

ul#ex-menu li#btn-profile a:hover,ul#ex-menu li#btn-profile a:focus{
background-position:-309px 0;
}

/*----社会労務士とは----*/
/* ------
ul#ex-menu li#btn-about-consultant,ul#ex-menu li#btn-about-consultant a{
background:url("../images/bg_btn_about_consultant.jpg") no-repeat top; 
background-position:0 0; 
}

ul#ex-menu li#btn-about-consultant a:hover,ul#ex-menu li#btn-about-consultant a:focus{
background-position:-309px 0;
}

/*----採用情報----*/
/* ------
ul#ex-menu li#btn-recruit,ul#ex-menu li#btn-recruit a{
background:url("../images/bg_btn_recruit.jpg") no-repeat top; 
background-position:0 0;
}

ul#ex-menu li#btn-recruit a:hover,ul#ex-menu li#btn-recruit a:focus{
background-position:-309px 0;
}

/*----会員ページ----*/
/* ------
ul#ex-menu li#btn-member,ul#ex-menu li#btn-member a{
background:url("../images/bg_btn_member.jpg") no-repeat top; 
background-position:0 0;
height:55px;
}

ul#ex-menu li#btn-member a:hover,ul#ex-menu li#btn-member a:focus{
background-position:-309px 0;
}
/* -------------------------------------------------
    サイドボックス
-------------------------------------------------- */
div.sideBox{
width:309px;
background:url("../images/bg_sidebox_mid.gif") repeat-y;
margin-bottom:10px;
}

div.sideBox-inner{
background:url("../images/bg_sidebox_bottom.gif") no-repeat bottom;
padding:15px;
}

body#top div#contents div.sideBox h2{
margin:0;
}

div.sideBox ul li{
padding-left:15px;
background:url("../images/common/li_dot01.gif") 0 0.2em no-repeat;
}

/* -------------------------------------------------
    バナーボックス
-------------------------------------------------- */
div.banner-box{
text-align:center;
}


/* ----------------------------------------------------------------
    テキスト
----------------------------------------------------------------- */
body.top #mainContents p.service{
margin:20px 30px 15px;
}