/* PC用CSS */
@media print, screen and (min-width: 740px) {

@charset "utf-8";
/* ========================================
    リセットcss
========================================= */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
html{overflow-y: scroll;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
input, textarea,{margin: 0; padding: 0;}
ol, ul{list-style:none;}
table{border-collapse: collapse; border-spacing:0;}
caption, th{text-align: left;}
a:focus {outline:none;}

/* micro clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {clear: both;}
.cf {*zoom: 1;}
/* ========================================
    リセットcss ここまで
========================================= */

body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", 
	"Hiragino Kaku Gothic Pro", Osaka,
	 "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: url(../images/back_g.jpg);
}


/* ========================================
    ヘッダー
========================================= */
header {
	/* width: 960px; */
	width: 100%;
/*	height: 118px;*/
	height: 78px;
	background-color: #fff;
	border-top: 10px solid #ff4501;
	border-bottom: 1px solid #cc3801; 

/*	position: fixed; top: 0; left: 0;  
*/
}

div#width-limitted {
	width: 960px;
	margin: 0 auto;
}

p#mail_nav {
	margin-top: 7px;
	padding: 0px;
	width: 311px; 
	height: 17px;
/*	background: url(../images/mailform-p.png) no-repeat; */
/*	background-position: 0 3px; /* このずれが？ */
	float: left;
}

p#mail_nav a {
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #ff4501;
	line-height: 15px;
	padding-left: 5px;
}

p#mail_nav a span {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

p#mail_nav a:hover {
	color: #56b1bf;
}

h1 {
	margin-top: 2px;
	margin-left: 124px;
	width: 89px;
	height: 32px;
	font-size: 8px;
	color: #fff; 
	float: left;
}

p#tel_nav {
	float: right;
	margin-top: 7px;
}

nav#nav_logo ul li {
/*	width 192px; */
	width: 116px;
	height: 40px;
	padding-left: 76px;
	float: left;
}

header nav#nav_chars ul li {
	width: 190px;
	height: 38px;
	margin-top: 4px;
	padding-top: 2px;
	float: left;
	background-color: #cc3801;
	line-height: 38px;
	text-align: center;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

header nav#nav_chars ul li a {
	font-size: 18px;
	color: #fff;
	text-decoration: none;

	display: inline-block;


}

header nav#nav_chars ul li:hover a {
/*	background-color: #56b1bf; */
/*	background-color: #ff4501; */
/*	background-color: #ff7d4e;*/
}

header nav#nav_chars ul li:hover {
	background-color: #ff7d4e;
}
div.rightSide p.sm {
	font-size: 10px;
	line-height: 12px;
	color: #565656;
}
/* ========================================
    コンテナ
========================================= */
div#container {
	width: 960px;
	margin: 0 auto;
/* header position fixed に関係する */	
/*	margin-top: 147px; 
*/
}

/* ========================================
    メインイメージ
========================================= */
div#mainImage {
	width: 960px;
	height: 300px;
	margin: 20px 0 20px 0;
	box-shadow: 0px 2px 6px rgba(80, 80, 80, 0.3);
}
/* ========================================
    左半分
========================================= */
div.leftSide {
	width: 590px;
/*	height: 800px; */
	height: auto;
	float: left;
	margin-right: 20px;
	background-color: #fff;
	box-shadow: 0px 2px 6px rgba(80, 80, 80, 0.3);
}

/* コンセプト */
div.leftSide h2,
div.rightSide h2,
div.middle h2 {
	font-size: 20px;
	font-weight: bold;
	color: #cc3801;
	margin: 10px 0 10px 10px;
	line-height: 26px;
	padding: 3px 0 0 10px;
	border-left: 5px solid #cc3801;
}

/* p */
div.leftSide p,
div.rightSide p,
div.middle p {
	font-size: 16px; 	
	color: #535353;
	line-height: 24px;
	margin: 0 20px 0 20px;
/*	padding-bottom: 10px; */
/*	background-color: lime;*/
}
div.leftSide p.lsblnk,
div.middle p.lsblnk {
	font-size: 10px;
	line-height: 10px;
	color: #fff;
}

/* コンセプトの強調 */
div.leftSide p.emph {
	font-size: 18px;
}
div.leftSide p.emph span {
/*	color: #ff4501;
*/
	color: #ff7d4e;
	font-weight: bold;
}


/* icon のあるサブメニュー */
div.leftSide ul#subMenu li a {
	width: 400px;
	margin-left: 40px;
	margin-bottom: 10px;
	font-size: 16px; 	
	font-weight: bold;
	text-decoration: none;
	color: #0b708a;
	border: 1px dotted #a0a0a0;
	line-height: 32px;
	margin-top: 2px;
	padding-left: 80px;
	display: block;
}

/* icons */
a#icon_pep { background: url(../images/peptalk.png) no-repeat 30px 0px;}
a#icon_manner {	background: url(../images/manner.png) no-repeat 30px 0px;}
a#icon_comm { background: url(../images/comm.png) no-repeat 30px 0px;}
a#icon_assert { background: url(../images/assertion.png) no-repeat 30px 2px;}
a#icon_anger { background: url(../images/anger.png) no-repeat 30px 1px;}
a#icon_presen {	background: url(../images/presen.png) no-repeat 30px 1px;}
a#icon_telephone { background: url(../images/telephone.png) no-repeat 30px 0px;}
a#icon_claim { background: url(../images/claim.png) no-repeat 30px 1px;}
a#icon_speach {	background: url(../images/speach.png) no-repeat 30px 1px;}
a#icon_treat { background: url(../images/treat.png) no-repeat 30px 1px;}
a#icon_horenso { background: url(../images/horenso.png) no-repeat 30px 0px;}

div.leftSide ul#subMenu li a:hover {
	color: #56b1bf; 
}

/* orangeの色づけ */
ul.ls_disc {
	font-size: 16px;
	list-style-type: disc;
	display: inline-block;
	padding-left: 40px;
	color: #ff7d4e;
	line-height: 20px;
}

/* コンセプト最後の一行 */
div.leftSide p.last_p {
	margin-bottom: 20px;
}

/* ========================================
    右半分
========================================= */
div.rightSide {
	width: 350px;
/*	height: 800px;*/
	height: auto;
	float: left;
	background-color: #fff;
	box-shadow: 0px 2px 6px rgba(80, 80, 80, 0.3);
}

div.rightSide p {
		font-size: 14px;
		line-height: 20px;
}

/* 新着 個人向け情報 */
div#personal_info {
/*	width: 328px;*/
	width: 310px;
	height: 360px;
/*	height: auto; */
	border: 1px solid #a0a0a0;
	margin-left: 10px;
	margin-bottom: 20px;
	padding: 0 9px 0 9px;
}

/* 個人情報のここのアイテム */
div#personal_info dl {
	font-size: 14px;
	overflow: auto; 
	width: 318px;
	height: 360px;
}

div#personal_info dl dt a {
	font-size: 15px; 
/*	font-weight: bold; */
	color: #ff7d4e;	
	text-decoration: underline;
	display: inline-block;
	padding-top: 7px;
}
div#personal_info dl dt a:hover {
	color: #56b1bf;
	text-decoration: none;
}

div#personal_info dl dt dd em {
	color: #ff4501;
}
/* フェイスブック */
div#facebook {
	width: 310px;
	height: 320px;
	border: 1px solid #a0a0a0;
	margin-left: 10px;
	margin-bottom: 20px;
	padding: 0 9px 0 9px;
}
div#facebook dl {
	overflow: scroll; /*scroll;*/
	overflow-x: hidden;
	width: 318px;
	height: 310px;
	padding-top: 5px;
	padding-bottom: 5px;
}

div#facebook dl dt {
	width: 60px;
	font-size: 10px;
	line-height: 20px;
	float: left;
}

div#facebook dl dd a {
	font-size: 13px;
	text-decoration: none;
	display: inline-block;
	float: left;
	line-height: 20px;
/*	background-color: pink;*/
	width: 230px;
	margin-left: 10px;
}

div#facebook dl dd a:hover {
	text-decoration: underline;
}

/* コトノハぶろぐ */
div#blog {
	width: 310px;
	height: 320px;
	border: 1px solid #a0a0a0;
	margin-left: 10px;
	margin-bottom: 10px;
	padding: 0 9px 0 9px;
}
div#blog dl {
	overflow: scroll; /*scroll;*/
	overflow-x: hidden;
	width: 318px;
	height: 310px;
	padding-top: 5px;
	padding-bottom: 5px;
}

div#blog dl dt {
	width: 60px;
	font-size: 10px;
	line-height: 20px;
	float: left;
}

div#blog dl dd a {
	font-size: 13px;
	text-decoration: none;
	display: inline-block;
	float: left;
	line-height: 20px;
/*	background-color: yellow;*/
	width: 230px;
	margin-left: 10px;
}
div#blog dl dd a:hover {
	text-decoration: underline;
}
/* ========================================
    クリアフィックス
========================================= */
div.clear {
	clear: both;
}
/* ========================================
    フッター
========================================= */
footer {
	width: 100%;
	height: 45px;
	margin-top: 20px;
	font-size: 12px;
	text-align: center;
	padding-top: 15px;
	color: #fff;
	background-color: #cc3801;
}
footer a.footer {
	text-decoration: none;
	color: #fff;
}
footer a.footer:hover {
	text-decoration: underline;
}
/* ========================================
    TOPページ以外の画像
========================================= */
div#otherImage {
	width: 960px;
	height: 240px;
	margin: 20px 0 20px 0;
	box-shadow: 0px 2px 6px rgba(80, 80, 80, 0.3);
}
/* ========================================
    プライバシーポリシー
========================================= */
div#center h2 {
	font-size: 18px;
	font-weight: bold;
	color: #cc3801;
	margin: 10px 0 10px 0px;
	line-height: 18px;
	padding: 3px 0 0 10px;
	border-left: 5px solid #cc3801;
}

div#center p.pp-p {
	font-size: 16px;
	line-height: 24px;
	color: #565656;
	margin-left: 30px;
	margin-right: 20px;
	margin-bottom: 20px;
}

/* ========================================
    inquiry（問い合わせ）
========================================= */
div#iq_center {
	width: 960px;
/*	height: 2100px;*/
	height: auto;
	background-color: #fff;
	box-shadow: 0px 2px 6px rgba(80, 80, 80, 0.3);

}
div#iq_center p {
	font-size: 20px;
	line-height: 20px;
	color: #fff;
}
div#iq_center h2 {
	font-size: 20px;
	font-weight: bold;
	color: #cc3801;
	margin: 0px 0 10px 10px;
	line-height: 26px;
	padding: 3px 0 0 10px;
	border-left: 5px solid #cc3801;
}


/* ========================================
    講師紹介
========================================= */
ul.ls_career {
	font-size: 14px;
	color: #535353;
	list-style-type: circle;
	display: block;
	padding-left: 30px;
	padding-right: 20px;
	line-height: 18px;
}
ul.ls_career_0 {
	font-size: 16px;
	color: #535353;
	list-style-type: disc;
	display: block;
	padding-left: 40px;
	padding-right: 20px;
	line-height: 20px;
}


/* 以下が効かない */
div.rightSide p.profileImage img {
	display: block;
	margin-top: 10px;
	margin-left: 20px;
}

ul.rs_career_0 {
	font-size: 16px;
	color: #535353;
	list-style-type: disc;
	display: block;
	padding-left: 40px;
	padding-right: 20px;
	padding-bottom: 10px;
	line-height: 20px;
}

div.rightSide h3 {
	font-size: 16px;
	font-weight: bold;
	color: #0b708a;
	margin: 10px 0 10px 10px;
	line-height: 19px;
	padding: 3px 0 0 10px;
	border-left: 4px solid #0b708a;

}
div.rightSide p.rs_omote {
	line-height: 21px;
	padding-bottom: 12px;
}

div.rightSide p.rs_ura {
	font-size: 12px;
	color: #0b708a;
	line-height: 18px;
	padding-bottom: 10px;
}
div.rightSide h4 {
	font-size: 14px;
	font-weight: bold;
	color: #0b708a;
	margin-left: 20px;
}
/* 画像 途中から */
p.imgsource img {
	margin-left: 150px;
	margin-bottom: 20px;
	display: block;
	box-shadow: 0px 2px 6px rgba(80, 80, 80, 0.3);
}

/* ========================================
    margin bug
========================================= */
p.kerehen {
	font-size: 1px;
	line-height: 1px;
}
/* ========================================
    企業向け研修
========================================= */
div#upper ol {
	color: #ff4501;
}

div.middle {
	width: 960px;
/*	height: 2400px;
*/	height: auto;

	background-color: #fff;
	box-shadow: 0px 2px 6px rgba(80, 80, 80, 0.3);
}

/* ポリシー */
div.middle ol {
	color: #565656;
	list-style-type: decimal;
	margin-left: 60px;
}
div.middle a {
	font-weight: bold;
	text-decoration: none;
	color: #cc3801;
	display: inline-block;
	padding: 0 5px 0 5px;
}
div.middle a:hover {
	color: #0b708a;
}
/* 左半分 */
div.leftHalf {
	width: 480px;
/*	height: 2000px;
*/	height: auto;
	float: left;
/* ***************** */

/* ***************** */
}
/* メインパート */
/*
div.leftHalf h3#icon_manner*/
 div.leftHalf h3 {
	width: 378px;
	height: 30px;
	margin-left: 20px;
	margin-right: 10px;
	margin-bottom: 9px;
	padding-left: 70px;
	border: 1px dotted #a0a0a0;
	font-size: 16px;
	font-weight: bold;
	color: #0b708a;
	line-height: 30px;
}
div.leftHalf h3#PEP {background: url(../images/peptalk.png) no-repeat 30px;}
div.leftHalf h3#COMM {background: url(../images/comm.png) no-repeat 30px;}
div.leftHalf h3#MANNER {background: url(../images/manner.png) no-repeat 30px;}
div.leftHalf h3#TELEPHONE {background: url(../images/telephone.png) no-repeat 30px;}
div.leftHalf h3#SPEACH {background: url(../images/speach.png) no-repeat 30px;}
div.leftHalf h3#HORENSO {background: url(../images/horenso.png) no-repeat 30px;}

div.leftHalf img, 
div.rightHalf img{
	display: block;
	margin-left: 120px;
	margin-bottom: 10px;
	box-shadow: 0px 2px 6px rgba(80, 80, 80, 0.3);
}

/* 右半分 */
div.rightHalf {
	width: 480px;
/*	height: 2000px;
*/
	height: auto;
	float: left;
}
 div.rightHalf h3 {
	width: 378px;
	height: 30px;
	margin-left: 10px;
	margin-right: 20px;
	margin-bottom: 9px;
	padding-left: 70px;
	border: 1px dotted #a0a0a0;
	font-size: 16px;
	font-weight: bold;
	color: #0b708a;
	line-height: 30px;
}
div.rightHalf h3#ANGER {background: url(../images/anger.png) no-repeat 30px;}
div.rightHalf h3#PRESEN {background: url(../images/presen.png) no-repeat 30px;}
div.rightHalf h3#CLAIM {background: url(../images/claim.png) no-repeat 30px;}
div.rightHalf h3#TREAT {background: url(../images/treat.png) no-repeat 30px;}
div.rightHalf h3#ASSERT {background: url(../images/assertion.png) no-repeat 30px;}

div#lower {
	width: 560px;
	height: auto;
	margin-left: 200px;
	margin-right: 200px;
	padding-bottom: 20px;
}

div#lower h4#applyBtn {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	line-height: 40px;
	margin: 20px 70px 0px 70px;
	background-color: #0b708a;
	box-shadow: 0px 2px 6px rgba(80, 80, 80, 0.3);

}
div#lower h4#applyBtn a {
	color: #fff;
}
div#lower h4#applyBtn:hover {
	background-color: #56b1bf;
}


/* ========================================
    セミナー　個人向け研修
========================================= */
ul.rs_seminar {
	font-size: 16px;
	color: #0b708a;
	list-style-type: disc;
	display: block;
	padding-left: 40px;
	padding-right: 20px;
/*	line-height: 20px;*/
}

div.rightSide ol {
	font-size: 16px;
	font-weight: bold;
	color: #ff4501;
	list-style-type: decimal;
	margin-left: 40px;
}
div.rightSide em {
	color: #ff4501;
}
div.rightSide ol li span {
	font-size: 12px;
}

div#seminarleftSide {
	width: 590px;
	height: auto;
	float: left;

	margin-right: 20px;
	background-color: #fff;
	box-shadow: 0px 2px 6px rgba(80, 80, 80, 0.3);
}

div#seminarleftSide h2 {
	font-size: 20px;
	font-weight: bold;
	color: #0b708a;
	line-height: 38px;
	margin: 10px;
	padding-left: 60px;
	padding-top: 2px:;
	border: 1px solid #565656;
}


div#seminarleftSide h2#icon_A {background: url(../images/_koe_A.png) no-repeat 10px;}
div#seminarleftSide h2#icon_DOYOU {background: url(../images/_koe_doyou2.png) no-repeat 10px;}
div#seminarleftSide h2#icon_ANGER {background: url(../images/_koe_anger.png) no-repeat 10px;}
div#seminarleftSide h2#icon_CC {background: url(../images/_koe_CC.png) no-repeat 10px;}
div#seminarleftSide h2#icon_JUKU {background: url(../images/_koe_juku.png) no-repeat 10px;}
div#seminarleftSide h2#icon_PT {background: url(../images/_koe_pt.png) no-repeat 10px;}
div#seminarleftSide h2#icon_ALOUD {background: url(../images/_koe_aloud.png) no-repeat 10px;}

div#seminarleftSide h2#icon_DOYOU span {
	font-size: 14px;
	font-weight: bold;
}

table {
	width: 550px;
	font-size: 15px;
	line-height: 22px;
	border: 1px dotted #565656;
	border-collapse: collapse;
	border-spacing: 0;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
}

td {
	color: #565656;
	padding: 5px;
	padding-left: 10px;
	border-bottom: 1px dotted #565656;
	border-right: 1px dotted #565656;
}
td.tb0,
td.tb1 {
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
td.tb0 {background-color: #dcdcdc;}
td.tb1 {background-color: #eeeeee;}

td em {
	color: #ff4501;
}

td.tb11 {
	font-size: 16px;
	font-weight: bold;
	color: #ff4501;
}

/* 申し込むボタンの長短はここです */
td.tb11 a {
	color: #fff;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	padding-top: 2px;
	background-color: #0b708a;
/* 申し込むボタンの長短はここです */
	width: 80px; 
/*	width: 430px;*/
	height: 22px;
}
td.tb11 a:hover {
	background-color: #56b1bf;
}

td.tb12 ul {
	font-size: 15px;
	color: #ff4501;
	list-style-type: disc;
	margin-left: 20px;
}
td.tb12 ol {
	font-size: 15px;
	color: #ff4501;
	list-style-type: decimal;
	margin-left: 20px;
}

div#seminarleftSide p {
	width: 550px;
	font-size: 16px;
	color: #565656;
	margin: 0 0 0 20px;
}

/* ========================================
    お客様の声
========================================= */
div#koearchiLeft, 
div#koearchiRight {
	width: 470px;
	height: auto;
	background-color: #fff;
	box-shadow: 0px 2px 6px rgba(80, 80, 80, 0.3);
}
div#koearchiLeft {float: left;}
div#koearchiRight {float: right;}

div#koearchiLeft h2,
div#koearchiRight h2 {
	font-size: 20px;
	font-weight: bold;
	color: #cc3801;
	margin: 10px 0 10px 10px;
	line-height: 26px;
	padding: 3px 0 0 10px;
	border-left: 5px solid #cc3801;
}
div#koearchiLeft h3,
div#koearchiRight h3 {
	font-size: 16px;
	font-weight: bold;
	color: #cc3801;
	border: 1px dotted #565656;
	line-height: 30px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	padding-left: 15px;
}

div#koearchiLeft p,
div#koearchiRight p {
	font-size: 14px;
	color: #565656;
	line-height: 18px;
	margin-left: 26px;
	margin-right: 20px;
	margin-bottom: 5px;
}
div#koearchiLeft h4 a,
div#koearchiRight h4 a {
	font-size: 16px;
	display: block;
	text-align: center;
	color: #fff;
	text-decoration: none;
	line-height: 32px;
	margin: 20px 70px 20px 70px;
	background-color: #0b708a;
	box-shadow: 0px 2px 6px rgba(80, 80, 80, 0.3);
}
div#koearchiLeft h4 a:hover,
div#koearchiRight h4 a:hover {
	background-color: #56b1bf;
}

/* 声のサブメニュー ここから*/	
div#koearchiSubMenu {
	width: 960px;
	height: 350px;
	background-color: #fff;
	box-shadow: 0px 2px 6px rgba(80, 80, 80, 0.3);
}

div#koearchiSubMenu h2 {
	font-size: 20px;
	line-height: 38px;
	border: 1px solid #565656;
	margin: 0 100px 10px 100px;
}
div#koearchiSubMenu h2 a {
/*	font-weight: bold;*/
	text-decoration: none;
	color: #0b708a;
	display: inline-block;
	padding-left: 100px;
	padding-top: 2px;
}
div#koearchiSubMenu h2 a:hover {
	color: #ff7d4e;
}

div#koearchiSubMenu a#icon_A {	background: url(../images/_koe_A.png) no-repeat 30px 2px;}
div#koearchiSubMenu a#icon_DOYOU {	background: url(../images/_koe_doyou2.png) no-repeat 26px 3px;}
div#koearchiSubMenu a#icon_ANGER {	background: url(../images/_koe_anger.png) no-repeat 32px 0px;}
div#koearchiSubMenu a#icon_CC {	background: url(../images/_koe_CC.png) no-repeat 28px 2px;}
div#koearchiSubMenu a#icon_JUKU {	background: url(../images/_koe_juku.png) no-repeat 28px 1px;}
div#koearchiSubMenu a#icon_ALOUD {	background: url(../images/_koe_aloud.png) no-repeat 30px 3px;}
/* 声のサブメニュー ここまで*/	

/* 声の本体 (企業向け研修だけ) */
div#koearchiCenter {
	width: 960px;
	height: auto;
	background-color: #fff;
	box-shadow: 0px 2px 6px rgba(80, 80, 80, 0.3);
}

div#koearchiCenter h2 {
	font-size: 20px;
	font-weight: bold;
	color: #cc3801;
	margin: 0 0 10px 10px;
	line-height: 26px;
	padding: 3px 0 0 10px;
	border-left: 5px solid #cc3801;
}
div#koearchiCenter h3 {
	font-size: 16px;
	color: #cc3801;
	border: 1px dotted #565656;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 5px;
	padding-left: 10px;

}
div#koearchiCenter p {
	font-size: 16px;
	color: #565656;
	line-height: 18px;
	margin-left: 30px;
	margin-right: 20px;
	margin-bottom: 10px;
}
div#koearchiCenter h4 {
	font-size: 16px;
	color: #222;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 5px;
	padding-left: 10px;
}

/* 声の本体 (個人向け研修だけ) */
div#koePersonalCenter {
	width: 960px;
	height: auto;
	background-color: #fff;
	box-shadow: 0px 2px 6px rgba(80, 80, 80, 0.3);
}
div#koePersonalCenter h3 {
	font-size: 18px;
	color: #0b708a;
	line-height: 38px;
	margin-left: 20px;
	margin-bottom: 10px;
	padding-left: 50px;
}
div#koePersonalCenter h3#icon_A2 { background: url(../images/_koe_A.png) no-repeat 0px 2px;}
div#koePersonalCenter h3#icon_DOYOU2 { background: url(../images/_koe_doyou2.png) no-repeat 0px 3px;}
div#koePersonalCenter h3#icon_ANGER2 { background: url(../images/_koe_anger.png) no-repeat 0px 0px;}
div#koePersonalCenter h3#icon_CC2 { background: url(../images/_koe_CC.png) no-repeat 0px 2px;}
div#koePersonalCenter h3#icon_JUKU2 { background: url(../images/_koe_juku.png) no-repeat 0px 1px;}
div#koePersonalCenter h3#icon_ALOUD2 { background: url(../images/_koe_aloud.png) no-repeat 0px 3px;}

div#koePersonalCenter h4 {
	font-size: 16px;
	color: #cc3801;
	line-height: 30px;
	border: 1px dotted #565656;
	margin-left: 20px;
	margin-right: 20px;
	padding-left: 10px;
}
div#koePersonalCenter h4 span {
	font-size: 14px;
	color: #565656;
}
div#koePersonalCenter h4 span em {
	color: #ff4501;
}
div#koePersonalCenter p {
	font-size: 14px;
	color: #565656;
	margin: 5px 30px 10px 30px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #565656;
}
div#koePersonalCenter p em {
	color: #ff4501;
}


/* ========================================
    実績
========================================= */
div#koearchiLeft h2 span,
div#koearchiRight h2 span {
	font-size: 16px;
	color: #565656;
}




/*
薄い青：#56b1bf
濃い青：#0b708a
薄い橙：#ff7d4e
中間橙：#ff4501
濃い橙：#cc3801
通常文字色：#565656
dotted : #a0a0a0;
tebleの薄い灰色：#eeeeee
tebleのやや濃いい灰色：#dcdcdc
*/


/* @media に対応する */ 
｝