@charset "UTF-8";

/* ///////////////////////////////////////////////
【トップページ】
title: top.css
paths: common/css/top.css
/////////////////////////////////////////////// */


/* -----------------------------------------------
Table Of Contents

#01 共通
#02 メインイメージ
#03 グローバルナビゲーション
#04 左右カラム コンテナー
#05 時代に対応出来ますか？
#06 サービス案内
#07 サービスプラン
#08 セミナー・イベント紹介
#09 新着情報
#10 朝日タイムズ
#11 TOPへ
----------------------------------------------- */



/* -----------------------------------------------

#01 共通

----------------------------------------------- */



/* -----------------------------------------------

#02 メインイメージ

----------------------------------------------- */
div.topMainImgBG {
width: 100%;
height: 245px;
padding: 13px 0 17px;
background: url(../../img/mainimg_bg.jpg) repeat-x;
}

div.topMainImgBG div.topMainImg {
width: 996px;
margin: 0 auto;
}



/* -----------------------------------------------

#03 グローバルナビゲーション

----------------------------------------------- */
div.topGNav {
width: 100%;
height: 59px;
margin-bottom: 12px;
background: url(../../img/gnav_bg.gif) top center repeat-x;
}

div.topGNav ul {
width: 984px;
height: 59px;
margin: 0 auto 12px;
padding: 0 1px 0 11px;
}

div.topGNav ul li {
float: left;
height: 59px;
}

div.topGNav ul li a {
height: 59px;
}

div.topGNav ul li.topGNavAbout {
width: 198px;
}
div.topGNav ul li.topGNavAbout a {
width: 198px;
background: url(../../img/gnav.gif) 0 0 no-repeat;
}
div.topGNav ul li.topGNavAbout a:hover {
background: url(../../img/gnav.gif) 0 -59px no-repeat;
}

div.topGNav ul li.topGNavService {
width: 195px;
}
div.topGNav ul li.topGNavService a {
width: 195px;
background: url(../../img/gnav.gif) -198px 0 no-repeat;
}
div.topGNav ul li.topGNavService a:hover {
background: url(../../img/gnav.gif) -198px -59px no-repeat;
}

div.topGNav ul li.topGNavInfoW {
width: 195px;
}
div.topGNav ul li.topGNavInfoW a {
width: 195px;
background: url(../../img/gnav.gif) -393px 0 no-repeat;
}
div.topGNav ul li.topGNavInfoW a:hover {
background: url(../../img/gnav.gif) -393px -59px no-repeat;
}

div.topGNav ul li.topGNavCompany {
width: 195px;
}
div.topGNav ul li.topGNavCompany a {
width: 195px;
background: url(../../img/gnav.gif) -588px 0 no-repeat;
}
div.topGNav ul li.topGNavCompany a:hover {
background: url(../../img/gnav.gif) -588px -59px no-repeat;
}

div.topGNav ul li.topGNavFAQ {
width: 201px;
}
div.topGNav ul li.topGNavFAQ a {
width: 201px;
background: url(../../img/gnav.gif) -783px 0 no-repeat;
}
div.topGNav ul li.topGNavFAQ a:hover {
background: url(../../img/gnav.gif) -783px -59px no-repeat;
}



/* -----------------------------------------------

#04 左右カラム コンテナー

----------------------------------------------- */
div.container {
width: 996px;
margin: 0 auto 7px;
text-align: left;
}

div.container div.containerL {
display: inline;
float: left;
width: 503px;
margin-right: 25px;
}

div.container div.containerR {
float: right;
width: 468px;
_clear: both;
}



/* -----------------------------------------------

#05 時代に対応出来ますか？

----------------------------------------------- */
div.period {
width: 503px;
height: 157px;
margin-bottom: 16px;
background: url(../../img/period_pht.jpg) right bottom no-repeat;
}

div.period h2 {
width: 358px;
height: 38px;
margin: 12px 0 9px 8px;
background: url(../../img/period_ttl.gif) no-repeat;
}

div.period p {
width: 321px;
height: 47px;
margin: 0 0 17px 13px;
background: url(../../img/period_txt.gif) no-repeat;
}

div.period ul li {
float: left;
height: 12px;
}
div.period ul li a {
height: 12px;
}

div.period ul li.tpBtn01 {
width: 209px;
padding: 0 18px 0 17px;
}
div.period ul li.tpBtn01 a {
width: 209px;
background: url(../../img/period_btn_01.gif) 0 0 no-repeat;
}
div.period ul li.tpBtn01 a:hover {
background: url(../../img/period_btn_01.gif) 0 -12px no-repeat;
}

div.period ul li.tpBtn02 {
width: 101px;
}
div.period ul li.tpBtn02 a {
width: 101px;
background: url(../../img/period_btn_02.gif) 0 0 no-repeat;
}
div.period ul li.tpBtn02 a:hover {
background: url(../../img/period_btn_02.gif) 0 -12px no-repeat;
}



/* -----------------------------------------------

#06 サービス案内

----------------------------------------------- */
div.service {
width: 503px;
margin-bottom: 40px;
}

div.service h2 {
width: 76px;
height: 15px;
margin: 0 0 18px 2px;
}
div.service h2 a {
width: 76px;
height: 15px;
background: url(../../img/service_ttl.gif) no-repeat;
}

div.service ul {
padding: 0 3px 0 5px;
}

div.service ul li {
float: left;
width: 162px;
height: 99px;
padding-right: 4px;
}



/* -----------------------------------------------

#07 サービスプラン

----------------------------------------------- */
div.plan {
width: 503px;
margin-bottom: 30px;
}

div.plan h2 {
width: 116px;
height: 15px;
margin-bottom: 17px;
}
div.plan h2 a {
width: 116px;
height: 15px;
background: url(../../img/plan_ttl.gif) no-repeat;
}

div.plan ul {
width: 494px;
margin: 0 auto;
}

div.plan ul li {
float: left;
width: 242px;
height: 126px;
}
div.plan ul li.plan1 {
margin-right: 10px;
}
div.plan ul li.plan1 a {
width: 242px;
height: 126px;
background: url(../../img/plan_bnr_01.jpg) 0 0 no-repeat;
}
div.plan ul li.plan1 a:hover {
width: 242px;
height: 126px;
background: url(../../img/plan_bnr_01.jpg) 0 -126px no-repeat;
}
div.plan ul li.plan2 a {
width: 242px;
height: 126px;
background: url(../../img/plan_bnr_02.jpg) 0 0 no-repeat;
}
div.plan ul li.plan2 a:hover {
width: 242px;
height: 126px;
background: url(../../img/plan_bnr_02.jpg) 0 -126px no-repeat;
}



/* -----------------------------------------------

#08 セミナー・イベント紹介

----------------------------------------------- */
div.seminar {
width: 468px;
margin-bottom: 25px;
}
div.seminar div.seminarL {
display: inline;
float: left;
width: 220px;
margin-right: 20px;
}
div.seminar div.seminarR {
float: right;
width: 228px;
}

div.seminar div.seminarL h2 {
width: 219px;
height: 16px;
margin-bottom: 21px;
}
div.seminar div.seminarL h2 a {
width: 219px;
height: 16px;
background: url(../../img/seminar_ttl.gif) no-repeat;
}


/*各セミナー・イベント*/
div.seminar div.seminarL div.seminarBox {
margin-bottom: 15px;
}

div.seminarL div.seminarBox p.seminarPht {
display: inline;
float: left;
width: 74px;
}
div.seminarL div.seminarBox div.seminarCap {
float: right;
width: 146px;
}


/*各種セミナーアイコン*/
div.seminarL div.seminarBox div.seminarCap h3 {/*共通*/
height: 18px;
margin-bottom: 6px;
}
div.seminarL div.seminarBox div.seminarCap h3 a {
height: 18px;
}
div.seminarL div.seminarBox div.seminarCap h3.icoTaxreturn {/*確定申告*/
width: 61px;
}
div.seminarL div.seminarBox div.seminarCap h3.icoTaxreturn a {
width: 61px;
background: url(../../img/seminar_ico_taxreturn.gif) no-repeat;
}
div.seminarL div.seminarBox div.seminarCap h3.icoAccount {/*会計アウトソーシング*/
width: 123px;
}
div.seminarL div.seminarBox div.seminarCap h3.icoAccount a {
width: 123px;
background: url(../../img/seminar_ico_account.gif) no-repeat;
}
div.seminarL div.seminarBox div.seminarCap h3.icoConsul {/*経営コンサルティング*/
width: 125px;
}
div.seminarL div.seminarBox div.seminarCap h3.icoConsul a {
width: 125px;
background: url(../../img/seminar_ico_consul.gif) no-repeat;
}
div.seminarL div.seminarBox div.seminarCap h3.icoMedical {/*医療経営支援*/
width: 84px;
}
div.seminarL div.seminarBox div.seminarCap h3.icoMedical a {
width: 84px;
background: url(../../img/seminar_ico_medical.gif) no-repeat;
}
div.seminarL div.seminarBox div.seminarCap h3.icoOther {/*特殊専門業務*/
width: 84px;
}
div.seminarL div.seminarBox div.seminarCap h3.icoOther a {
width: 84px;
background: url(../../img/seminar_ico_other.gif) no-repeat;
}
div.seminarL div.seminarBox div.seminarCap h3.icoSucce {/*相続・申告業務*/
width: 93px;
}
div.seminarL div.seminarBox div.seminarCap h3.icoSucce a {
width: 93px;
background: url(../../img/seminar_ico_succession.gif) no-repeat;
}
div.seminarL div.seminarBox div.seminarCap h3.icoTax {/*税務会計*/
width: 59px;
}
div.seminarL div.seminarBox div.seminarCap h3.icoTax a {
width: 59px;
background: url(../../img/seminar_ico_tax.gif) no-repeat;
}



div.seminarL div.seminarBox div.seminarCap p.capTxt {
font-size: 85%;
line-height: 1.3;
color: #4d483e;
}

div.seminarL div.seminarBox p.seminarDetail {
padding-top: 9px;
font-size: 80%;
color: #000;
}
div.seminarL div.seminarBox p.seminarDetail a {
line-height: 1.3;
}


/*バナー*/
div.seminar div.seminarR h3.bnrTel {
width: 228px;
height: 163px;
margin-bottom: 10px;
}
div.seminar div.seminarR h3.bnrTel a {
width: 228px;
height: 163px;
background: url(../img/bnr_tel.jpg) 0 0 no-repeat;
}
div.seminar div.seminarR h3.bnrTel a:hover {
width: 228px;
height: 163px;
background: url(../img/bnr_tel.jpg) 0 -163px no-repeat;
}

div.seminar div.seminarR h3.bnrMail {
width: 228px;
height: 90px;
margin: 0 auto;
}
div.seminar div.seminarR h3.bnrMail a {
width: 228px;
height: 90px;
background: url(../img/bnr_mail.jpg) 0 0 no-repeat;
}
div.seminar div.seminarR h3.bnrMail a:hover {
width: 228px;
height: 90px;
background: url(../img/bnr_mail.jpg) 0 -90px no-repeat;
}



/* -----------------------------------------------

#09 新着情報

----------------------------------------------- */
div.whatsnew {
position: relative;
width: 468px;
margin-bottom: 20px;
}

div.whatsnew h2 {
width: 150px;
height: 16px;
margin-bottom: 22px;
}
div.whatsnew h2 a {
width: 150px;
height: 16px;
background: url(../../img/whatsnew_ttl.gif) no-repeat;
}

div.whatsnew dl {
width: 468px;
font-size: 90%;
}

div.whatsnew dl dt {
float: left;
width: 9.0em;
padding-left: 20px;
background: url(../img/ico_01.gif) 0 50% no-repeat;
color: #4d483e;
}

div.whatsnew dl dd {
margin-bottom: 20px;
margin-left: 11.0em;
}



/* -----------------------------------------------

#10 朝日タイムズ

----------------------------------------------- */
div.manage {
position: relative;
width: 468px;
margin-bottom: 30px;
}
div.manage div.manageL {
display: inline;
float: left;
width: 304px;
margin-bottom: 20px;
}
div.manage div.manageR {
float: right;
width: 146px;
}

div.manage div.manageL h2 {
width: 290px;
height: 89px;
margin-bottom: 23px;
}
div.manage div.manageL h2 a {
width: 290px;
height: 89px;
background: url(../../img/manage_ttl_bnr.jpg) 0 0 no-repeat;
}
div.manage div.manageL h2 a:hover {
width: 290px;
height: 89px;
background: url(../../img/manage_ttl_bnr.jpg) 0 -89px no-repeat;
}


/*朝日タイムズ記事*/
div.manage div.manageL dl {
width: 291px;
padding-left: 10px;
border-left: #ccc 3px solid;
}
div.manage div.manageL dl dt {
margin-bottom: 10px;
color: #333;
}
div.manage div.manageL dl dt span.manageTxt01 {
font-size: 85%;
}
div.manage div.manageL dl dt span.manageTxt02 {
color: #4c5a71;
font-weight: bold;
font-size: 95%;
}
div.manage div.manageL dl dd {
font-size: 90%;
color: #4d483e;
}


/*朝日タイムズ記事 2*/
div.manage div.manageL div.entryBox p {
display: inline;
float: left;
width: 134px;
margin: 0 10px 10px 0;
padding-left: 5px;
border-left: #ccc 3px solid;
font-size: 90%;
}
div.manage div.manageL div.entryBox p span {
color: #4c5a71;
font-weight: bold;
}


/*会社案内＋採用情報ナビ*/
div.manage div.manageR div.manageRNav {
width: 124px;
margin-bottom: 15px;
padding: 15px 10px;
border: #999 dashed 1px;
}

div.manage div.manageR div.manageRNav h3.mnCompanyTtl {
width: 51px;
height: 14px;
margin-bottom: 7px;
}
div.manage div.manageR div.manageRNav h3.mnCompanyTtl a {
width: 51px;
height: 14px;
background: url(../../img/manage_company_ttl.gif) no-repeat;
}

div.manage div.manageR div.manageRNav h3.mnRecruitTtl {
width: 52px;
height: 15px;
margin-bottom: 7px;
}
div.manage div.manageR div.manageRNav h3.mnRecruitTtl a {
width: 52px;
height: 15px;
background: url(../../img/manage_recruit_ttl.gif) no-repeat;
}

div.manage div.manageR div.manageRNav ul li {
margin: 0 0 7px 10px;
padding-left: 10px;
background: url(../../img/cmn_ico_01.gif) 0 50% no-repeat;
font-size: 85%;
}
div.manage div.manageR div.manageRNav ul li a {
color: #666;
}


/*人事労務オフィス福岡バナー*/
div.manage div.manageR div.associate {
width: 146px;
}

div.manage div.manageR div.associate h3 {
width: 52px;
height: 14px;
margin-bottom: 7px;
background: url(../../img/associate_ttl.gif) no-repeat;
}



/* -----------------------------------------------

#11 TOPへ

----------------------------------------------- */
div.topUpBtn {
margin-left: auto;
}

div.topUpBtn p {
width: 68px;
height: 16px;
margin-left: auto;
}

div.topUpBtn p a {
width: 68px;
height: 16px;
background: url(../img/btn_top.gif) no-repeat;
}