@charset "utf-8";
/*=====================================================================
種別 ： 個別ページ
適用 ：個人のお客様ページ、法人向けページ
=====================================================================*/

/*--------------------------------------------------------
共通要素
--------------------------------------------------------*/

/* 個人法人共通 */
#PageA #TabMenuArea,
#PageB #TabMenuArea {
	height:40px;
	background:url(/img/dummy_PageA_tab.gif) no-repeat;
	margin-bottom:10px;
}
#PageA #TabMenuArea {
	height:40px;
	background:url(/img/pageA_tab.gif) no-repeat;
	margin-bottom:10px;
}
#PageB #TabMenuArea {
	height:40px;
	background:url(/img/pageB_tab.gif) no-repeat;
	margin-bottom:10px;
}
#PageA #TabMenuArea ul,
#PageB #TabMenuArea ul {
	display:block;
	margin-top:0px;
	margin-left:8px;
	width:688px;
}
#PageA #TabMenuArea li,
#PageB #TabMenuArea li {
	float:left;
	list-style-type:none;
	width:164px;
	height:35px;
	margin-right:6px;
}
#PageA #TabMenuArea li a  {
	display:block;
	background:url(/img/pageA_tab.gif) left top no-repeat;
	height: 35px;
	text-decoration: none;
}
#PageB #TabMenuArea li a  {
	display:block;
	background:url(/img/pageB_tab.gif) left top no-repeat;
	height: 35px;
	text-decoration: none;
}

#PageA #TabMenuArea li a.btn01 { background-position:-8px 0; }
#PageA #TabMenuArea li a.btn01on { background-position:-8px -40px; }
#PageA #TabMenuArea li a.btn02 { background-position:-178px 0; }
#PageA #TabMenuArea li a.btn02on { background-position:-178px -40px; }
#PageA #TabMenuArea li a.btn03 { background-position:-348px 0; }
#PageA #TabMenuArea li a.btn03on { background-position:-348px -40px; }
#PageA #TabMenuArea li a.btn04 { background-position:-518px 0; }
#PageA #TabMenuArea li a.btn04on { background-position:-518px -40px; }

#PageA #TabMenuArea ul li a span  { visibility:hidden; }

#PageB #TabMenuArea li a.btn01 { background-position:-8px 0; }
#PageB #TabMenuArea li a.btn01on { background-position:-8px -40px; }
#PageB #TabMenuArea li a.btn02 { background-position:-178px 0; }
#PageB #TabMenuArea li a.btn02on { background-position:-178px -40px; }
#PageB #TabMenuArea li a.btn03 { background-position:-348px 0; }
#PageB #TabMenuArea li a.btn03on { background-position:-348px -40px; }
#PageB #TabMenuArea li a.btn04 { background-position:-518px 0; }
#PageB #TabMenuArea li a.btn04on { background-position:-518px -40px; }

#PageB #TabMenuArea ul li a span  { visibility:hidden; }


#PageA div.textBlockBasic,
#PageB div.textBlockBasic {
	margin-bottom:0px;
	margin-left:10px;
	margin-right:10px;
}
#PageA div.textBlockBasic p.photo,
#PageB div.textBlockBasic p.photo {
	margin:10px auto;
}

#PageA div#SeminarLinkArea,
#PageB div#SeminarLinkArea {
	text-align:center;
	border:1px solid #cccccc;
	margin-top:30px;
	padding:10px;
}
#PageA div#SeminarLinkArea img,
#PageB div#SeminarLinkArea img {
	margin:5px auto;
}





/* 個人向けページ */
#PageA h2 {
	background:none;
}
#PageA h2 img {
	display:inline;
}
#PageA h3.midashiA {
	padding-bottom:5px;
	background:url(/img/line_green_h3px.gif) repeat-x;
}
#PageA h3.midashiA span { 
	display:inline-block;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	border-top:3px solid #ff6600;
	font-size:20px;
	color:#666666;
	font-weight:900;
}
#PageA div.Ablock {
	margin-bottom:0px;
	margin-left:10px;
	margin-right:10px;
	position:relative;
	top:-25px;
}
#PageA div.Ablock p.txt {
	float:left;
	width:450px;
	position:relative;
	top:30px;
}
#PageA div.Ablock p.txt a {
	margin-top:5px;
}
#PageA div.Ablock p.photo {
	float:right;
	width:200px;
}


/* 個人向けページ（基本ページ） */
#PageA h3.midashiA_basic {
	border-left:5px solid #4097a1;
	padding:10px 0px 10px 10px;
	font-size:28px;
	color:#4097a1;
	margin:10px 0px;
}

/* 個人向けページ（サービス概要） */
#PageA h5 {
	display:block;
	margin-bottom:5px;
	padding-bottom:5px;
	background:url(/img/line_green_h3px.gif) repeat-x;
}
#PageA h5 span { 
	display:inline-block;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	border-top:3px solid #ff6600;
	font-size:16px;
	color:#666666;
	font-weight:900;
}
#PageA h6 {
	display:block;
	font-size:12px;
	color:#666666;
	font-weight:900;
	margin-top:5px;
	margin-bottom:3px;
}
#PageA ul.ex {
	background:url(/img/line_dot1px.gif) left top repeat-x;
}
#PageA ul.ex li {
	background:url(/img/line_dot1px.gif) left bottom repeat-x;
	padding:3px 5px;
}

/* 個人向けページ（お客様の声） */
#PageA dl.voice {
	background:url(/img/PageA5_bg.gif) no-repeat;
	padding:40px 30px 5px 30px;
	margin:0 10px;
}
#PageA dl.voice dt {
	float:left;
	display:block;
	width:90px;
	height:90px;
	margin-right:20px;
	background:url(/img/PageA5_photo_bg.gif) left top no-repeat;
}
#PageA dl.voice dt img {
	margin:5px;
}
#PageA dl.voice dd {
	float:left;
	display:block;
	width:470px;
}
#PageA dl.voice dd strong {
	display:block;
	background:url(/img/line_dot1px.gif) left bottom repeat-x;
	padding-bottom:5px;
	margin-bottom:5px;
}
#PageA div.voice_btm {
	background:url(/img/PageA5_bg_btm.gif) no-repeat;
	height:20px;
	margin:0 10px;
}
#PageA ul#CustomersVoiceTab {
	display:block;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:6px;
	background:url(/img/line_gray1px.gif) left bottom repeat-x;
}
#PageA ul#CustomersVoiceTab li {
	display:inline-block;
	float:left;
	border:1px solid #cccccc;
	background:#efefef;
	margin-right:4px;
	margin-top:2px;
	/*position:relative;
	top:1px;*/
}
#PageA ul#CustomersVoiceTab li.off {
	border:1px solid #cccccc;
	border-bottom:1px solid #ffffff;
	background:#ffffff;
	margin-top:0px;
	padding-top:3px;
	padding-bottom:3px;
}
#PageA ul#CustomersVoiceTab li a {
	display:block;
	padding:4px 10px 4px 15px;
	background:url(/img/link_mark1.gif) top left no-repeat;
	background-position:3px 5px;
	line-height:100%;
}
#PageA ul#CustomersVoiceTab li.off a {
	background:url(/img/link_mark1off.gif) top left no-repeat;
	background-position:3px 5px;
	text-decoration:none;
	color:#999999;
}
#PageA div#CustomersVoice h4 {
	display:block;
	margin-bottom:5px;
	padding:5px 8px;
	font-size:20px;
	border-left:5px solid #ff6600;
}
#PageA div#CustomersVoice h5 {
	font-size:16px;
	color:#666666;
	font-weight:900;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	background:none;
	padding:4px 10px;
}






/* 法人向けページ */
#PageB h2 {
	background:none;
}
#PageB h2 img {
	display:inline;
}
#PageB h3.midashiB {
	padding-bottom:5px;
	background:url(/img/line_navy_h3px.gif) repeat-x;
}
#PageB h3.midashiB span { 
	display:inline-block;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	border-top:3px solid #ff6600;
	font-size:20px;
	color:#666666;
	font-weight:900;
}
#PageB div.Ablock {
	margin-bottom:0px;
	margin-left:10px;
	margin-right:10px;
	position:relative;
	top:-25px;
}
#PageB div.Ablock p.txt {
	float:left;
	width:450px;
	position:relative;
	top:30px;
}
#PageB div.Ablock p.txt a {
	margin-top:5px;
}
#PageB div.Ablock p.photo {
	float:right;
	width:200px;
}


/* 法人向けページ（基本ページ） */
#PageB h3.midashiB_basic {
	border-left:5px solid #163c64;
	padding:10px 0px 10px 10px;
	font-size:28px;
	color:#163c64;
	margin:10px 0px;
}
#PageB h4.midashiB {
	padding-bottom:5px;
	background:url(/img/line_navy_h3px.gif) repeat-x;
}
#PageB h4.midashiB span { 
	display:inline-block;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	border-top:3px solid #ff6600;
	font-size:20px;
	color:#666666;
	font-weight:900;
}

/* 法人向けページ（サービス概要） */
#PageB h5 {
	display:block;
	margin-bottom:5px;
	padding-bottom:5px;
	background:url(/img/line_navy_h3px.gif) repeat-x;
}
#PageB h5 span { 
	display:inline-block;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	border-top:3px solid #ff6600;
	font-size:16px;
	color:#666666;
	font-weight:900;
}
#PageB h6 {
	display:block;
	margin-top:15px;
	margin-bottom:5px;
	font-size:12px;
	font-weight:bold;
}

/* 法人向けページ（テーマ・目的別研修） */
#PageB ul.ex {
	background:url(/img/line_dot1px.gif) left top repeat-x;
}
#PageB ul.ex li {
	background:url(/img/line_dot1px.gif) left bottom repeat-x;
	padding:3px 5px;
}

/* 法人向けページ（導入の流れ） */
#PageB table#Taikei {
	width:650px;
	margin:0px 10px;
	border-collapse: separate;
	border-bottom:1px solid #cccccc;
	border-spacing: 0px 2px;
}
#PageB table#Taikei th {
	padding:8px 12px 8px 12px;
	border-top:1px solid #cccccc;
	font-weight:normal;
	vertical-align:top;
	text-align:right;
	width:60px;
}
#PageB table#Taikei td {
	padding:8px 0px 8px 12px;
	border-top:1px solid #cccccc;
	vertical-align:top;
	background:url(/img/table_td_line_.gif) left top no-repeat;
}
#PageB table#Taikei td.date {
	width:75px;
	background:none;
}


/* インタービュー */
#PageB div.interview {
	width:650px;
	margin:0px 10px;
}
#PageB div.interview p.titlePic {
	background:black;
	width:80px;
	height:80px;
	float:left;
}
#PageB div.interview p.catch {
	color:#FF6600;
	font-size:16px;
	font-weight:900;
	width:550px;
	float:left;
	margin-left:20px;
}
#PageB div.interview p.catch span {
	font-size:12px;
	color:#666666;
	display:block;
	margin-bottom:10px;
}
#PageB div.interview dl {
	display:block;
	margin-bottom:15px;
}
#PageB div.interview dl dt {
	width:80px;
	float:left;
	margin-right:10px;
	text-align:center;
	color:#ffffff;
}
#PageB div.interview dl dt.person1 {
	background:#bbbbbb;
}
#PageB div.interview dl dt.person2 {
	background: #FF9933;
	font-weight:bold;
}
#PageB div.interview dl dd {
	width:560px;
	float:left;
}
#PageB div.interview p.kkmLine {
	border:1px solid #cccccc;
	padding:10px 20px;
	margin-left:90px;
}
#PageB p.jireiNum {
	display:inline;
	background: #163c64;
	color:#ffffff;
	font-weight:normal;
	padding:3px 10px;
	position:relative;
	top:10px;
	left:10px;
}

/* 研修導入の会社規模など */
#PageB table.infoCorporate {
	width:570px;
	margin:0 10px;
	border-collapse: collapse;
	background:url(/img/line_dot1px.gif) left bottom repeat-x;
}
#PageB table.infoCorporate th, 
#PageB table.infoCorporate td {
	padding:6px 4px;
	background:url(/img/line_dot2px.gif) left top repeat-x;
	background-position:0 -1px;
	vertical-align: top;
}
#PageB table.infoCorporate th {
	width:104px;
	text-align:left;
}
#PageB table.infoCorporate th span {
	display:inline-block;
	background:#999999;
	color:#ffffff;
	font-weight:normal;
	padding:0px 10px;
}
#PageB div.kkmBase {
	background:url(/img/PageB4_base.gif) no-repeat;
	padding:30px 10px 10px 40px;
}
#PageB div.kkmBaseBtm {
	background:url(/img/PageB4_base_btm.gif) no-repeat;
	height:20px;
}
#PageB p.companyUrl {
	display:block;
	position:relative;
	top:-8px;
}