@charset "UTF-8";  /** top.css **/

/** ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 
    
トップページ専用のcss

※「#footer」は、「Library」の「common_footer.lbi」を挿入

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ **/


/**                         ブラウザのデフォルトスタイルの統一
------------------------------------------------------------**/
*{
margin:0;
padding:0;
list-style:none;
font-size:100%;
}

img{
border:none;
vertical-align:top;
}

/**                  ベースとなるプロパティ（フォント＆背景色）
------------------------------------------------------------**/
body{
margin:0;
padding:0;
color:#333333;
font-size:75%;/** 文字基準サイズ **/
font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
background:#FFFFFF;
background:url(../../images_common/header/header_base.jpg) repeat-x top;
line-height:1.6em;
text-align:left;
}

/**                                               リンク色指定
------------------------------------------------------------**/
/** リンク **/
a{
color:#3366CC;
text-decoration:underline;
}

/** 訪問済 **/
a:visited{
color:#551A8B;
}

/** オンマウス **/
a:hover{
color:#3399FF;
text-decoration:underline;
}

/** アクティブ **/
a:active{
color:#941D55;
}

/** ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━      　
　　　　　　　　　　　　　　　　　　　　　　　　　　 ▼下から１番目のレイヤー**/
#wrapper{
width:800px;
margin:0 auto;
}

/** ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━      　
　　　　　　　　　　　　　　　　　　　　　　　　　　 ▼下から２番目のレイヤー**/
/** (1)ヘッダー領域 **/
#header{
position:relative;
width:800px;
height:86px;
}

/** -----------------------------**/
/** (2)トップページのイメージ画像領域 **/
#Top-message{
width:798px;
margin:20px 0;
height:180px;
}

/** -----------------------------**/
/** (3)トップページのメインナビゲーション領域 **/
#MainNavi{
position:relative;
width:798px;
height:175px;
border:1px solid #CCCCCC;
}

/** -----------------------------**/
/** (4)トップページのコンテンツ領域 **/
#Top-content{
width:800px;
margin:20px 0;
}

/** -----------------------------**/
/** (5)フッター領域 **/
#footer{
clear:both;
width:800px;
padding-top:20px;
}

/**                                   「#header」の中のレイヤー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━**/
/** 左上“LEADCREATE”画像 **/
#logo{
position:absolute;
left:0;
padding:15px 0 0 6px;
}

/** “Home”“採用情報”“お問い合わせ・資料請求”“サイトマップ”画像 **/
#utility-navi{
position:absolute;
right:2px;
top:56px;
}

#utility-navi li{
float:left;
}

#utility-navi li a{
display:block;
}

/** 右上“株式会社リードクリエイト”画像 **/
#kanalogo{
position:absolute;
right:0;
top:17px;
}


/**                                 「#MainNavi」の中のレイヤー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━**/
/** トップページのみ **/
#MainNavi div{
height:173px;
}

#MainNavi ul{
padding:10px 8px;
}

/** -----------------------------**/
/** ビジネスコンセプト **/
#MainNavi_concept{
position:absolute;
left:1px;
width:133px;
top:1px;
background:url(../../images_common/line-broken_yCCCCCC.gif) right repeat-y;
}

/** 組織パフォーマンスの向上 **/
#MainNavi_org{
position:absolute;
left:134px;
width:133px;
top:1px;
background:url(../../images_common/line-broken_yCCCCCC.gif) right repeat-y;
}

/** HRM支援システムLegato **/
#MainNavi_legato{
position:absolute;
left:267px;
width:133px;
top:1px;
background:url(../../images_common/line-broken_yCCCCCC.gif) right repeat-y;
}

/** 個人パフォーマンスの向上 **/
#MainNavi_psn{
position:absolute;
left:400px;
width:133px;
top:1px;
background:url(../../images_common/line-broken_yCCCCCC.gif) right repeat-y;
}

/** 新着情報・ニュース **/
#MainNavi_news{
position:absolute;
left:533px;
width:132px;
top:1px;
background:url(../../images_common/line-broken_yCCCCCC.gif) right repeat-y;
}

/** 企業情報 **/
#MainNavi_info{
position:absolute;
left:665px;
width:132px;
top:1px;
}

/**                              「#Top-content」の中のレイヤー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━**/
/** 新着情報・ニュース、Pick Upプログラムサンプルの段落 **/
#Top-primary{
margin:0;
padding:0;
float:left;
width:513px;
}

/** お問い合わせ・資料請求、採用情報、教材販売の段落 **/
#Top-sub{
margin:0;
padding:0;
float:right;
width:257px;
}

/** -----------------------------**/
#Top-primary h2{
width:513px;
height:30px;
}

/** -----------------------------**/
/** 新着情報・ニュースのタイトルrollover **/
.Wnavi_p a{
display:block;
height:30px;
line-height:30px;
text-indent:20px;
text-decoration:none;
background:url(../../images_common/top/top_WhatsnewTitle_off.jpg) no-repeat;
color:#333333;
}

.Wnavi_p a:hover{
background:url(../../images_common/top/top_WhatsnewTitle_on.jpg) no-repeat;
color:#333333;
}

.Wnavi_p a:visited{
color:#333333;
}

.Wnavi_p a:active{
color:#1C1074;
}

/** -----------------------------**/
/** 新着情報・ニュース **/
#Whatsnew{
width:511px;
border:1px solid #CCCCCC;
border-top:none;
}

#Whatsnew dl{
width:90%;
margin:0 auto;
padding-top:10px;
background:url(../../images_common/line-broken_333333.gif) repeat-x bottom;
}

#Whatsnew dt{
color:#333333;
font-weight:bold;
font-size:80%;
}

#Whatsnew .W-link{
padding-bottom:5px;
}

#Whatsnew .W-link span{
color:#CC3333;
font-weight:bold;
padding-left:10px;
}

#Whatsnew .W-content{
padding-bottom:10px;
}

#Whatsnew .W-bottom{
background:#FFFFFF;
}

/** -----------------------------**/
/** Pick Upプログラムサンプル **/
#P-Title{
width:513px;
height:30px;
background:url(../../images_common/top/PickupTitle.jpg) no-repeat;
margin-top:20px;
line-height:2.2em;
text-indent:20px;
}
/** -----------------------------**/
#Pickup{
width:513px;
margin:0;
padding:0;
border-top:none;
}

#Pickup table{
width:511px;
}

#Pickup table td{
width:50%;
vertical-align:top;
padding:5px 10px;
border:1px solid #CCCCCC;
background:#F3F3F3;
}

#Pickup table td dl a{
font-weight:bold;
}

#Pickup dl dt{
background:url(../../images_common/icon_triangle_gy.gif) no-repeat left;
margin-top:5px;
}

#Pickup dl dd{
margin-left:10px;
margin-bottom:5px;
font-size:80%;
line-height:1.4em;
}

#Pickup dl .a{
font-weight:bold;
font-size:100%;
}

/** -----------------------------**/
#Pickup a{
color:#3366CC;/**リンク**/
text-decoration:underline;
vertical-align:middle;
width:100%;
font-weight:bold;
margin-left:10px;
}

#Pickup a:visited{
color:#551A8B;/** 訪問済 **/
}

#Pickup a:hover{
color:#3399FF;/** オンマウス **/
text-decoration:underline;
}

#Pickup a:active{
color:#941D55;/** アクティブ **/
}


/** --------------------------------------------------------**/
.float_left{
float:left;
}

.float_right{
float:right;
}

/**                                 「#Top-sub」の中のレイヤー
------------------------------------------------------------**/
/** お問い合わせ・資料請求、採用情報、教材販売の段落 **/
#Top-sub dl{
padding-top:10px;
clear:both;
}

#Top-sub dl dt{
background:url(../../images_common/icon_triangle_gy.gif) no-repeat left;
margin-top:5px;
font-weight:bold;
padding-left:10px;
}

#Top-sub dl dd{
margin-left:10px;
margin-bottom:5px;
font-size:80%;
line-height:1.4em;
}

#Top-sub dl .a{
font-weight:bold;
font-size:100%;
}

#Top-sub .Snavi_p a{/** rollover **/
display:block;
height:30px;
line-height:30px;
text-indent:20px;
text-decoration:none;
background:url(../../images_common/top/top_subTitle_off.jpg) no-repeat;
color:#333333;
}

#Top-sub .Snavi_p a:hover{/** rollover **/
background:url(../../images_common/top/top_subTitle_on.jpg) no-repeat;
color:#333333;
text-decoration:underline;
}

#Top-sub .Snavi_p a:visited{
color:#333333;/** 訪問済 **/
}

#Top-sub .Snavi_p a:active{
color:#1C1074;/** アクティブ **/
}

/** -----------------------------**/
/** 採用情報 **/
#T-career{
margin-top:20px;
}

/** 教材販売 **/
#T-sales{
margin-top:20px;
margin-bottom:20px;
}

/** -----------------------------**/
.T-content{
padding:10px;
}

#T-career .float_right{
font-size:80%;
font-weight:bold;
line-height:1.4em;
padding:0 5px;
width:180px;
}

.T-careerbox1{
width:245px;
border:1px solid #CCCCCC;
border-bottom:none;
background:#F3F3F3;
padding:5px;
}

.T-careerbox2{
width:245px;
border:1px solid #CCCCCC;
background:#F3F3F3;
padding:5px;
}

#T-sales dl{
margin:0;
padding:0;
border:1px solid #CCCCCC;
margin-top:10px;
}

#T-sales dl dt{
margin:0;
padding:0;
padding:60px 5px 5px 20px;
background:none;
}

#T-sales dl dd{
margin:0;
padding:0;
padding-left:20px;
padding-right:20px;
padding-bottom:15px;
}

#T-sales .a{
background:url(../../images_common/top/image_cdsales.jpg) no-repeat right top;
}



#T-sales .b{
background:url(../../images_common/top/image_shigotosales.jpg) no-repeat right top;
}

/**                                   「#footer」の中のレイヤー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━**/
#pagetop{
width:800px;
height:33px;
text-align:right;
background:url(../../images_common/footer/pagetop_base.jpg) no-repeat;
}
/** -----------------------------**/
#support-navi{
line-height:1.2em;
width:780px;
margin:0 auto;
margin-top:10px;
}
/** -----------------------------**/
#footer-copyright{
border-top:2px solid #CCCCCC;
background:url(../../images_common/footer/footer_copyright.gif) no-repeat top left;
height:85px;
margin-top:20px;
}

/** -----------------------------**/
/** #pagetop **/
#pagetop img{
padding-top:11px;
padding-right:10px;
}

/** -----------------------------**/
/** #support-navi **/
#support-navi #support-navi_b{
margin:0 auto;
}

/** -----------------------------**/
#support-navi_a{
height:30px;
width:100%;
}

#support-navi_a ul{
width:100%;
}

#support-navi_a li{
float:left;
padding:10px 0 0 6px;
}

#support-navi_a li a{
display:block;
text-decoration:underline;
}
/** -----------------------------**/
#support-navi_b{
height:30px;
width:56%;
}

#support-navi_b ul{
width:100%;
}

#support-navi_b li{
float:left;
padding:10px 0 0 10px;
}

#support-navi_b li a{
display:block;
text-decoration:underline;
}

/** -----------------------------**/
/** #footer-copyright **/
#footer-navi{
padding-left:10px;
line-height:1.2em;
}

#footer-navi li{
float:right;
padding:10px 0 0 10px;
}

#footer-navi li a{
display:block;
vertical-align:middle;
color:#333333;
text-decoration:none;
}

#footer-navi li a:visited{
color:#551A8B;/** 訪問済 **/
}

#footer-navi li a:hover{
color:#3399FF;/** オンマウス **/
text-decoration:underline;
}

#footer-navi li a:active{
color:#941D55;/** アクティブ **/
}

/** -----------------------------**/
/** #privacy **/
#privacy{
width:247px;
height:55px;
margin-left:551px;
margin-top:50px;
margin-bottom:30px;
}

#privacy img{
float:left;
vertical-align:bottom;
padding-left:15px;
}