@charset "utf-8";

/* -----------------------------------------------------------
CSS Information
	基本スタイル
----------------------------------------------------------- */


/*-----------------------------------------------
 __Reset
-----------------------------------------------*/

* {
margin:0;
padding:0;
}

/*-----------------------------------------------
 __base_style
-----------------------------------------------*/

body {
background:#fff;
color:#444;
text-align:left;
font-size:small;
font-family:verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

*:first-child + html body {
font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}


html {
overflow-x : hidden;
overflow-y:scroll;
}

h2,h3,h4,h5,h6 {
font-size:medium;
letter-spacing:.1em;
color:#000000;
}

p {
margin:0;
padding:0;
}

img {
border:0;
}

#top_topics a {
outline:none;
text-decoration:underline;
color:#333;}

#top_topics a:hover{
text-decoration:underline;
color:#000;}

a {
outline:none;
text-decoration:none;
color:#C41B1F;}

a:hover{
text-decoration:underline;
color:#8B1216;}

.clear{
clear:both;
}

.c{
text-align:center;
}

.b{
font-weight:bold;
}

.f_s{
font-size:80%;}

.l{
text-align:left;}

.r{
text-align:right;}

img.right{
padding:2px;
float:right;}

img.left{
float:left;}

.continue{
font-size:11px;
float:right;
background:url(../images/li.gif) left 50% no-repeat;
padding:0 0 0 20px;}


.pagetop{
width:105px;
font-size:11px;
float:right;
background:url(../images/pagetop.gif) left 50% no-repeat;
padding:0 10px 0 20px;
margin:20px 0 20px 0;}

.pagetop a{color:#333333;}
.pagetop a:hover{color:#333333;}

.red{
font-weight:bold;
color:#C41B1F;}

.l_s01{
letter-spacing:-0.5px;}


/*-----------------------------------------------
 __container
-----------------------------------------------*/

#bg {
margin:0;
background:url(../images/bg.jpg) 0 0 repeat-y;
text-align:left;
float:left;
width:780px;
}

#container {
text-align:left;
width:770px;
padding:10px 0 0 0; 
}

/*-----------------------------------------------
 __header
-----------------------------------------------*/

#header {
width:770px;
height:53px;
color:#444;
}

#header h1 a{
text-indent:-9999px;
background:url(../images/logo.gif) 7px 0 no-repeat;
width:200px;
height:46px;
float:left;
padding:0;}

#header_left{
float:left;
width:500px;}

#header_right{
padding:2px 0 0 0;
float:right;
width:241px;
height:40px;}

#header_right p{
display:inline;
float:left;}

#header_right #m_sitemap{
padding:0 42px 0 0;}

#header_right #m_sitemap a{
text-indent:-9999px;
display:block;
width:58px;
height:10px;
margin:32px 0 0 0;
background:url(../images/m_sitemap.gif) 0 0 no-repeat;
}

#header_right #m_sitemap a:hover{
text-indent:-9999px;
display:block;
width:58px;
margin:32px 0 0 0;
height:10px;
background:url(../images/m_sitemap_on.gif) 0 0 no-repeat;
}


/*-----------------------------------------------
 __nav
-----------------------------------------------*/

#top_menu{
clear:both;
height:36px;
width:770px;}

/*-----------------------------------------------
 __nav　プルダウンメニュー
-----------------------------------------------*/

#top_menu #nav{
margin:0;
padding:0;
list-style-type:none;
}

#top_menu #nav ul{
margin:0;
padding:0;
list-style-type:none;
position:relative;
line-height:1.5em; 
}


#top_menu #nav ul li a{
font-size:11px;
display:block;
padding:3px 5px;
border-bottom:1px solid #666;
color:#fff;
text-decoration:none;
}

.transparent{
background:url(../images/topmenu_ss_bg02.png) 0 0 no-repeat;
}

#top_menu #nav ul li a:hover{
background-color:#000;
color:#fff;
}

#top_menu #nav li{
float:left;
position:relative;
}

#top_menu #nav ul {
position:absolute;
display:none;
width:192px;
top:36px;
}

#top_menu #nav li ul a{
width:182px;
height:auto;
float:left;
}

#top_menu #nav ul ul{
top:auto;
}	

#top_menu #nav li ul ul {
left:12em;
margin:0px 0 0 10px;
}

#top_menu #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
display:none;
}
#top_menu #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
display:block;
}

/*-----------------------------------------------
 __navメインメニュー
-----------------------------------------------*/



#nav #m_service a{
text-indent:-9999px;
display:block;
background:url(../images/m_service.jpg) 0 0 no-repeat;
width:192px;
height:36px;
}

#nav #m_service a:hover{
text-indent:-9999px;
display:block;
background:url(../images/m_service.jpg) 0 -36px no-repeat;
width:192px;
height:36px;
}

#nav #m_service_a{
text-indent:-9999px;
display:block;
background:url(../images/m_service_a.jpg) 0 0 no-repeat;
width:192px;
height:36px;
}

#nav #m_corp a{
text-indent:-9999px;
display:block;
background:url(../images/m_corp.jpg) 0 0 no-repeat;
width:193px;
height:36px;
}

#nav #m_corp a:hover{
text-indent:-9999px;
display:block;
background:url(../images/m_corp.jpg) 0 -36px no-repeat;
width:193px;
height:36px;
}

#nav #m_corp_a{
text-indent:-9999px;
display:block;
background:url(../images/m_corp_a.jpg) 0 0 no-repeat;
width:193px;
height:36px;
}

#nav #m_privacy a{
text-indent:-9999px;
display:block;
background:url(../images/m_privacy.jpg) 0 0 no-repeat;
width:192px;
height:36px;
}

#nav #m_privacy a:hover{
text-indent:-9999px;
display:block;
background:url(../images/m_privacy.jpg) 0 -36px no-repeat;
width:192px;
height:36px;
}

#nav #m_privacy_a{
text-indent:-9999px;
display:block;
background:url(../images/m_privacy_a.jpg) 0 0 no-repeat;
width:192px;
height:36px;
}

#nav #m_case a{
text-indent:-9999px;
display:block;
background:url(../images/m_case.jpg) 0 0 no-repeat;
width:193px;
height:36px;
}

#nav #m_case a:hover{
text-indent:-9999px;
display:block;
background:url(../images/m_case.jpg) 0 -36px no-repeat;
width:193px;
height:36px;
}

#nav #m_case_a{
text-indent:-9999px;
display:block;
background:url(../images/m_case_a.jpg) 0 0 no-repeat;
width:193px;
height:36px;
}

/*-----------------------------------------------
 __contents
-----------------------------------------------*/

#contents {
clear:both;
width:760px;
padding:0 0 30px 10px;
background:#fff;
}


/*-----------------------------------------------
 __li_contents
-----------------------------------------------*/

#li_contents{
width:760px;
float:left;
min-height:500px;
margin:10px 0 0 0;
background:url(../images/li_contents_bg.gif) 0 0 repeat-y;
}

#li_left{
float:left;
width:182px;
}

#li_right{
float:right;
width:568px;
height:auto;
padding:0 0 0 10px;
}

#li_right .txt01{
line-height:140%;
width:537px;
padding:5px 10px;
}

#li_right .txt02{
line-height:140%;
padding:0px 10px 0 10px;
}

#li_right .txt03{
line-height:140%;
width:537px;
padding:10px 10px;
}


#li_right .txt04{
line-height:140%;
padding:10px 20px;
}

#li_right h2{
padding:0 0 10px 0;
}

/*-----------------------------------------------
 __pankuzu
-----------------------------------------------*/

#pankuzu{
padding:10px 5px;
font-size:10px;
}

#pankuzu a{
text-decoration:underline;
color:#C41B1F;}

#pankuzu a:hover{
text-decoration:underline;
color:#C41B1F;}


#li_right #pankuzu_c{
padding:10px 5px;
font-size:10px;
}

#li_right #pankuzu_c a{
text-decoration:underline;
color:#22438A;}

#li_right #pankuzu_c a:hover{
text-decoration:underline;
color:#22438A;}

#contents #pankuzu_ca{
padding:10px 5px;
font-size:10px;
}

#contents #pankuzu_ca a{
text-decoration:underline;
color:#F5A100;}

#contents #pankuzu_ca a:hover{
text-decoration:underline;
color:#F5A100;}

#contents #pankuzu_p{
padding:10px 5px;
font-size:10px;
}

#contents #pankuzu_p a{
text-decoration:underline;
color:#00886A;}

#contents #pankuzu_p a:hover{
text-decoration:underline;
color:#00886A;}


/*-----------------------------------------------
 __main-img
-----------------------------------------------*/

#main-img{
width:756px;
padding:10px 0 0 0;
}

#main-img-left{
width:564px;
float:left;
}

#main-img-right{
width:188px;
float:right;
margin:2px 0 0 0;
}

#main-img-right .jisa{
padding:7px 0 0 0;}

/* __top_service　タイトル
------------------------------------------*/

#top_service_t{
background:url(../images/top_service_t.jpg) 0 10px no-repeat;
width:750px;
height:28px;
clear:both;
padding:10px 0 0 0;
}

#top_service_t h2{
width:140px;
height:28px;
}

#top_service_t h2 a{
width:140px;
height:28px;
display:block;
text-indent:-9999px;
background:url(../images/top_service_t_li.jpg) 0 0 no-repeat;
}

#top_service_t h2 a:hover{
width:140px;
height:28px;
display:block;
text-indent:-9999px;
background:url(../images/top_service_t_li_a.jpg) 0 0 no-repeat;
}

/* __top_service　リンクエリア
------------------------------------------*/

#top_service{
width:730px;
padding:12px 0 0 15px;
}

#top_service ul{
list-style:none;
}

#top_service li{
font-size:0;
line-height:0;
}

/* __top_service　リンクエリア　左
------------------------------------------*/

#top_service .top_service_01{
width:310px;
float:left;
}

/* __top_service　リンクエリア　中央
------------------------------------------*/

#top_service .top_service_02{
width:201px;
float:left;
padding:0 0 0 8px;
border-left:#CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
}

/* __top_service　リンクエリア　右
------------------------------------------*/

#top_service .top_service_03{
width:161px;
float:left;
padding:0 0 0 8px;
}

#top_service .top_service_01 ul{
float:left;}

/* __top_service　リンク　研修
------------------------------------------*/

#top_nav01_01 a{
background:url(../images/top_nav01_01.gif) 0 0 no-repeat;
display:block;
text-indent:-9999px;
width:40px;
height:14px;
}

#top_nav01_01 a:hover{
background:url(../images/top_nav01_01_on.gif) 0 0 no-repeat;
display:block;
text-indent:-9999px;
width:40px;
}

/* __top_service　リンク　人材育成コンザルティング
------------------------------------------*/

#top_nav01_02 a{
background:url(../images/top_nav01_02.gif) 0 0 no-repeat;
display:block;
text-indent:-9999px;
width:165px;
height:14px;
}

#top_nav01_02 a:hover{
background:url(../images/top_nav01_02_on.gif) 0 0 no-repeat;
display:block;
text-indent:-9999px;
width:165px;
height:14px;}

/* __top_service　リンク　スキル診断
------------------------------------------*/

#top_nav01_03 a{
background:url(../images/top_nav01_03.gif) 0 0 no-repeat;
display:block;
text-indent:-9999px;
width:85px;
height:14px;
margin:10px 0 0 0;
}

#top_nav01_03 a:hover{
background:url(../images/top_nav01_03_on.gif) 0 0 no-repeat;
display:block;
text-indent:-9999px;
width:85px;
height:14px;}

/* __top_service　リンク　研修業務BPO
------------------------------------------*/

#top_nav01_04 a{
background:url(../images/top_nav01_04.gif) 0 0 no-repeat;
display:block;
text-indent:-9999px;
width:100px;
height:14px;
margin:5px 0 0 0;
}

#top_nav01_04 a:hover{
background:url(../images/top_nav01_04_on.gif) 0 0 no-repeat;
display:block;
text-indent:-9999px;
width:100px;
height:14px;}

/* __top_service　リンク　教育関連システムサービス
---------------------------------------------------------*/

#top_nav01_05 a{
background:url(../images/top_nav01_05.gif) 0 0 no-repeat;
display:block;
text-indent:-9999px;
width:165px;
height:14px;
}

#top_nav01_05 a:hover{
background:url(../images/top_nav01_05_on.gif) 0 0 no-repeat;
display:block;
text-indent:-9999px;
width:165px;
height:14px;}

/* __top_service　リンク　貸研修室
------------------------------------------*/

#top_nav01_06 a{
background:url(../images/top_nav01_06.gif) 0 0 no-repeat;
display:block;
text-indent:-9999px;
width:165px;
height:14px;
margin:10px 0 5px 0;
}

#top_nav01_06 a:hover{
background:url(../images/top_nav01_06_on.gif) 0 0 no-repeat;
display:block;
text-indent:-9999px;
width:165px;
height:14px;}

/* __top_service　リンクエリア　左　eラーニング研修
---------------------------------------------------------*/

#top_service_e{
width:71px;
padding:17px 0 0 13px;}


/* __top_service　リンクエリア　左　集合研修
------------------------------------------*/

#top_nav_s,#top_nav_a,#top_nav_e{
padding:5px 0 5px 5px;
}

#top_nav_s a{
display:block;
text-indent:-9999px;
width:54px;
height:12px;
background:url(../images/top_nav_s.gif) 0 0 no-repeat;
}

#top_nav_s a:hover{
display:block;
text-indent:-9999px;
width:54px;
height:12px;
background:url(../images/top_nav_s_on.gif) 0 0 no-repeat;
}

#top_nav_a a{
display:block;
text-indent:-9999px;
width:110px;
height:12px;
background:url(../images/top_nav_a.gif) 0 0 no-repeat;
}

#top_nav_a a:hover{
display:block;
text-indent:-9999px;
width:110px;
height:12px;
background:url(../images/top_nav_a_on.gif) 0 0 no-repeat;
}

#top_nav_e a{
display:block;
text-indent:-9999px;
width:70px;
height:12px;
background:url(../images/top_nav_e.gif) 0 0 no-repeat;
}

#top_nav_e a:hover{
display:block;
text-indent:-9999px;
width:70px;
height:12px;
background:url(../images/top_nav_e_on.gif) 0 0 no-repeat;
}


#top_service_s .dd01,#top_service_e .dd01{
display:inline;
float:left;
margin:0 0 3px 13px;}

#top_service_s .dd02{
clear:both;
padding:0 0 3px 13px;
}



/* __top_service　リンクエリア　中央　人材育成コンサルティング,教育関連システムサービス
-----------------------------------------------------------------------------------------*/

#top_service_c dd,#top_service_k dd{
font-size:0;
line-height:0;
padding:5px 0 0 7px;}

.top_service_e_01 a{
display:block;
text-indent:-9999px;
width:75px;
height:11px;
background:url(../images/top_nav_e_li01.gif) 0 0 no-repeat;
} 

.top_service_e_01 a:hover{
display:block;
text-indent:-9999px;
width:75px;
height:11px;
background:url(../images/top_nav_e_li01_on.gif) 0 0 no-repeat;
} 

.top_service_e_02 a,.top_service_s_02 a{
display:block;
text-indent:-9999px;
width:75px;
height:11px;
background:url(../images/top_nav_e_li02.gif) 0 0 no-repeat;
} 

.top_service_e_02 a:hover,.top_service_s_02 a:hover{
display:block;
text-indent:-9999px;
width:75px;
height:11px;
background:url(../images/top_nav_e_li02_on.gif) 0 0 no-repeat;
} 

.top_service_e_03 a,.top_service_s_03 a{
display:block;
text-indent:-9999px;
width:75px;
height:11px;
background:url(../images/top_nav_e_li03.gif) 0 0 no-repeat;
} 

.top_service_e_03 a:hover,.top_service_s_03 a:hover{
display:block;
text-indent:-9999px;
width:75px;
height:11px;
background:url(../images/top_nav_e_li03_on.gif) 0 0 no-repeat;
} 

.top_service_s_04 a{
display:block;
text-indent:-9999px;
width:75px;
height:11px;
background:url(../images/top_nav_e_li04.gif) 0 0 no-repeat;
} 

.top_service_s_04 a:hover{
display:block;
text-indent:-9999px;
width:75px;
height:11px;
background:url(../images/top_nav_e_li04_on.gif) 0 0 no-repeat;
} 

.top_service_s_05 a{
display:block;
text-indent:-9999px;
width:75px;
height:11px;
background:url(../images/top_nav_e_li05.gif) 0 0 no-repeat;
} 

.top_service_s_05 a:hover{
display:block;
text-indent:-9999px;
width:75px;
height:11px;
background:url(../images/top_nav_e_li05_on.gif) 0 0 no-repeat;
}

.top_service_c_01 a{
display:block;
text-indent:-9999px;
width:88px;
height:11px;
background:url(../images/top_nav_c_li01.gif) 0 0 no-repeat;
} 

.top_service_c_01 a:hover{
display:block;
text-indent:-9999px;
width:88px;
height:11px;
background:url(../images/top_nav_c_li01_on.gif) 0 0 no-repeat;
}

.top_service_c_02 a{
display:block;
text-indent:-9999px;
width:130px;
height:11px;
background:url(../images/top_nav_c_li02.gif) 0 0 no-repeat;
} 

.top_service_c_02 a:hover{
display:block;
text-indent:-9999px;
width:130px;
height:11px;
background:url(../images/top_nav_c_li02_on.gif) 0 0 no-repeat;
}

.top_service_k_01 a{
display:block;
text-indent:-9999px;
width:88px;
height:11px;
background:url(../images/top_nav_k_li01.gif) 0 0 no-repeat;
} 

.top_service_k_01 a:hover{
display:block;
text-indent:-9999px;
width:88px;
height:11px;
background:url(../images/top_nav_k_li01_on.gif) 0 0 no-repeat;
}

.top_service_k_02 a{
display:block;
text-indent:-9999px;
width:130px;
height:11px;
background:url(../images/top_nav_k_li02.gif) 0 0 no-repeat;
} 

.top_service_k_02 a:hover{
display:block;
text-indent:-9999px;
width:130px;
height:11px;
background:url(../images/top_nav_k_li02_on.gif) 0 0 no-repeat;
} 

.top_service_k_03 a{
display:block;
text-indent:-9999px;
width:130px;
height:11px;
background:url(../images/top_nav_k_li03.gif) 0 0 no-repeat;
} 

.top_service_k_03 a:hover{
display:block;
text-indent:-9999px;
width:130px;
height:11px;
background:url(../images/top_nav_k_li03_on.gif) 0 0 no-repeat;
} 


/* __top_topics
------------------------------------------*/

#top_topics{
width:760px;
clear:both;
padding:20px 0 0 0;
}

#top_topics h2{
padding: 0 0 10px 0;
}

#top_topics dl{
clear:both;
padding:5px 0;
margin:0 20px;
width:700px;
border-bottom:1px #CCCCCC dashed;
}

#top_topics dt{
font-size:11px;
font-weight:bold;
float:left;
width:9em;
}

#top_topics dd{
font-size:11px;
}


/*-----------------------------------------------
 __footer
-----------------------------------------------*/

#footer {
background-color:#FFFFFF;
font-size:10px;
clear:both;
border-top:#cccccc 1px solid;
}


address{
font-style:normal;
padding:10px;
}

address a{color:#333333;}
address a:hover{color:#333333;}

/*-----------------------------------------------
 __ETC
-----------------------------------------------*/

.spacer01{
padding:0 0 10px 0;}

.spacer02{
padding:20px 0 0 0;}

.spacer03{
padding:20px 0 10px 0;}

.spacer04{
margin-bottom:180px;}

/* __top_service　リンクエリア　左　集合研修　100616追加分
------------------------------------------*/
#top_service_s{
width:185px;}

.top_service_s_06 a{
display:block;
text-indent:-9999px;
width:75px;
height:11px;
background:url(../images/top_nav_e_li06.gif) 0 0 no-repeat;
} 

.top_service_s_06 a:hover{
display:block;
text-indent:-9999px;
width:75px;
height:11px;
background:url(../images/top_nav_e_li06_on.gif) 0 0 no-repeat;
}

/* __top_trainning　リンクエリア　左　集合研修　101005追加分
------------------------------------------*/
#top_service_s{
width:185px;}

.top_service_s_07 a{
display:block;
text-indent:-9999px;
width:100px;
height:11px;
background:url(../images/top_nav_e_li07.gif) 0 0 no-repeat;
} 

.top_service_s_07 a:hover{
display:block;
text-indent:-9999px;
width:100px;
height:11px;
background:url(../images/top_nav_e_li07_on.gif) 0 0 no-repeat;
}