@charset "Shift_JIS"; 		/* 文字コードセット */


/* 全体構造
---------------------------------------------------- */
* {margin: 0px;padding: 0px}

dl:after{
	content: "";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden
}

dl{
    display:inline-block;　/* MAC IE用　*/
    min-height:1%  /* IE 7用 */
}

/*--MAC IEは非適用→ \*/
* html dl{height: 1%}
dl{display: block}
/*--ここまでMAC IEは非適用 */

a{ outline:none}

body {
	font-size:80%;
	line-height: 1.5em;
	text-align:center;
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	text-align:justify; /* Firefox用*/
	text-justify:inter-ideograph;/* ie用 */
	border-top:3px solid #f30;
	color: #333
}

#formnavi{
	width:100%;
	text-align:left;
	border-top:1px solid #ccc;
	background-color:#f3f3f3
}
#bottom{
	width:100%;
	text-align:left;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background-color:#f3f3f3
}
#copy{
	width:100%;
	text-align:left;
	background-color:#f3f3f3
}


/* リンク
---------------------------------------------------- */
a:link {color: #f30; text-decoration:underline}
a:visited {color: #f30; text-decoration:underline}
a:hover,a:active {color: #f30; text-decoration:none}


/* ヘッダー、ナビゲーション
---------------------------------------------------- */
#header{
	width:940px;
	margin:0px auto;
	height:111px;
	border-bottom:1px solid #fff
}

.logo{ float:left; width:395px; margin-top:20px}
.header_right{ float:right; width:457px}
h1{
	font-size:10px;
	padding:7px 0px 5px 0px;
	height:30px;
	line-height:1.5em;
	text-align:right;
	color:#666;
	font-weight:normal
}
.header_right p{ text-align:right}
.header_right ul{
	font-size:10px;
	line-height:100%;
	list-style:none
}
.header_right li a{display:block;text-decoration:none}
.header_right li{float:left; height:36px;}
#navi01{ width:66px}
#navi02{ width:187px}
#navi03{ width:115px}
#navi04{ width:89px}


/* フォームナビ
---------------------------------------------------- */
#formnavi ul{
	width:940px;
	margin:0px auto;
	padding:5px 0px;
	height:20px;
	font-size:10px;
	line-height:100%;
	list-style:none
}
#formnavi li a{display:block;text-decoration:none}
#formnavi li{float:left; height:20px; margin-right:5px}


/* ページ本体
---------------------------------------------------- */
#pagebody{
	width:940px;
	margin:0px auto;
	padding-top:20px; 
	text-align:left
}

#content{ width:700px; float:right}
#side{ width:220px; float:left}

h3{clear:both}
h4{clear:both}
h5{clear:both}


/* 中ページサイド
---------------------------------------------------- */
#harassmentnavi,
#servicenavi,
#labonavi{
	width:200px;
	line-height:1.4em;
	list-style:none;
	background:url(../images/top_boxbg.gif) no-repeat bottom;
	padding:10px;
	margin-bottom:20px
}
#harassmentnavi li,
#servicenavi li,
#labonavi li{
	width:200px;
	font-weight:bold;
	border-bottom:1px dotted #aaa
}
#harassmentnavi li a:link,
#harassmentnavi li a:visited{
	background:url(../images/icon_harassmentlink.gif) no-repeat 5px 9px;
	width:173px;
	padding:7px 5px 7px 22px;
	display:block;
	text-decoration:none;
	color:#666
}
#harassmentnavi li a:hover,
#harassmentnavi .on a:link,
#harassmentnavi .on a:visited{
	background:url(../images/icon_harassmentlink.gif) no-repeat 5px 9px #ffefe5;
	width:173px;
	padding:7px 5px 7px 22px;
	display:block;
	text-decoration:none;
	color:#f60
}
#servicenavi li a:link,
#servicenavi li a:visited{
	background:url(../images/icon_servicelink.gif) no-repeat 5px 9px;
	width:173px;
	padding:7px 5px 7px 22px;
	display:block;
	text-decoration:none;
	color:#666
}
#servicenavi li a:hover,
#servicenavi .on a:link,
#servicenavi .on a:visited{
	background:url(../images/icon_servicelink.gif) no-repeat 5px 9px #e5fae5;
	width:173px;
	padding:7px 5px 7px 22px;
	display:block;
	text-decoration:none;
	color:#0c0
}
#labonavi li a:link,
#labonavi li a:visited{
	background:url(../images/icon_labolink.gif) no-repeat 5px 9px;
	width:173px;
	padding:7px 5px 7px 22px;
	display:block;
	text-decoration:none;
	color:#666
}
#labonavi li a:hover,
#labonavi .on a:link,
#labonavi .on a:visited{
	background:url(../images/icon_labolink.gif) no-repeat 5px 9px #e5eff5;
	width:173px;
	padding:7px 5px 7px 22px;
	display:block;
	text-decoration:none;
	color:#069
}

#side_btn{
	width:220px;
	float:right;
	font-size:10px;
	line-height:100%;
	list-style:none
}
#side_btn li a{display:block;text-decoration:none}
#side_btn li{width:220px; margin-bottom:5px}
#side_btn li a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}


/* フッタ
---------------------------------------------------- */
#pagetop{ clear:both; text-align:right; margin-top:30px}
#pagetop a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}

#footer{
	width:940px;
	margin:0px auto;
	padding:15px 0px
}

#footer p{
	float:left;
	width:390px;
	color:#666;
	font-style:normal;
	font-size:85%;
	line-height:1.8em;
}
#footer p strong{ font-size:120%}
#footer p img{ float:left}

.footer_link{
	border-left:1px dotted #aaa;
	float:right;
	width:545px
}
.footer_link ul{ float:left; margin-left:10px}
.footer_link li{
	background:url(../images/icon_footerlink.gif) no-repeat 0px 5px;
	padding-left:8px;
	font-size:85%;
	line-height:1.5em;
	list-style:none
}
#footer li a:link {color: #666; text-decoration:none}
#footer li a:visited {color: #666; text-decoration:none}
#footer li a:hover,
#footer li a:active {color: #999; text-decoration:none}

address{
	 width:940px;
	 margin:0px auto;
	 text-align:right
}


/* トップページ（index.html）
---------------------------------------------------- */
.top_left{ width:700px; float:left}
.top_box{
	width:220px;
	float:left;
	margin-bottom:20px
}
.top_box h4 a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}
.top_box2{
	background:url(../images/top_boxbg.gif) no-repeat bottom;
	padding:10px
}
.top_box2 img{ margin-bottom:9px}
.top_box2 li{
	list-style:none;
	background:url(../images/icon_link.gif) no-repeat 0px 3px;
	padding-left:15px
}

.top_btn{
	width:220px;
	float:right;
	font-size:10px;
	line-height:100%;
	list-style:none
}
.top_btn li a{display:block;text-decoration:none}
.top_btn li{ width:220px; margin-bottom:10px}
.top_btn li a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}

.top_info{width:100%}
.top_info th{
	width:15%;
	padding:5px 0px;
	text-align:left;
	vertical-align:top;
	font-weight:normal;
	border-bottom:1px dotted #aaa
}
.top_info td{padding:5px 0px;border-bottom:1px dotted #aaa}
.top_info td p img{ vertical-align:middle}


/* セクシュアル・ハラスメント（sexual.html）
---------------------------------------------------- */
.sexual_box{
	border:1px solid #ccc;
	background-color:#f3f3f3;
	padding:9px;
	margin-bottom:10px
}
.sexual_box dt{
	width:80px;
	border:1px solid #ccc;
	background-color:#fff;
	padding:3px 8px 1px 8px;
	text-align:center;
	font-weight:bold;
	margin-bottom:5px
}


/* パワー・ハラスメント（power.html）
---------------------------------------------------- */
.power_pattern{
	padding-bottom:8px;
	border-bottom:1px dotted #aaa;
	margin-bottom:10px
}
.power_pattern dt{
	font-weight:bold;
	color:#f60;
	border-left:5px solid #f60;
	padding-left:5px;
	margin-bottom:3px
}

.power_check{ list-style:none; line-height:1.8em}


/* 研究所サービス（service.html）
---------------------------------------------------- */
.service_box{
	width:320px;
	padding:9px;
	border:1px solid #ccc;
	float:left;
	margin-bottom:15px
}
.service_box h4{
	font-size:100%;
	padding-bottom:5px;
	border-bottom:2px solid #f30;
	margin-bottom:10px
}
.service_box p img{ width:150px; float:right; border-left:5px solid #fff}


/* 相談担当者養成講座（lecture.html）
---------------------------------------------------- */
.lecture_box{
	width:340px;
	float:left;	
	margin-bottom:20px
}
.lecture_box dt{
	padding-bottom:5px;
	border-bottom:2px solid #0c0
}
.lecture_box dd{
	border-top:1px solid #fff;
	background:url(../images/boxbg.jpg) repeat-x top;
	padding:10px 10px 0px 10px
}


/* 養成講座の日程、ビデオ紹介（schedule.html,video.html）
---------------------------------------------------- */
.pankuzu{
	font-size:85%;
	color: #666;
	border-top:1px dotted #aaa;
	border-bottom:1px dotted #aaa;
	padding:5px 0px;
	margin-bottom:10px
}
.pankuzu a:link {color: #666; text-decoration:none}
.pankuzu a:visited {color: #666; text-decoration:none}
.pankuzu a:hover,
.pankuzu a:active {color: #999; text-decoration:none}

.textnavi{width:700px}
.textnavi li{
	list-style:none;
	float:left;
	margin:0px 5px;
	_margin:0px 2px;
	width:338px;
	font-weight:bold;
	text-align:center;
	border:1px solid #9fd1ee;
	margin-bottom:5px
}
.textnavi a:link,
.textnavi a:visited {
	background:#fff;
	padding:3px 5px;
	display:block;
	text-decoration:none;
	color:#0086d1
	
}
.textnavi a:hover,
.textnavi a:active,
.textnavi_on a:link,
.textnavi_on a:visited{
	background:url(../images/title_bg2.jpg) repeat-x bottom #e5f3fa;
	padding:3px 5px;
	display:block;
	text-decoration:none;
	color:#0086d1
}



.img_box{ width:700px; margin-bottom:15px}
.img_box img{ padding:9px; border:1px solid #ccc; width:203px; float:left; margin:0px 5px; display:inline}

.html_box{  line-height:normal; margin-bottom:10px}

div.paging {
	background-color:#f3f3f3;
	padding:10px;
	margin:5px auto;
	text-align:center;
	cursor:pointer;
	font-size:85%
}
div.paging span.current,
div.paging span a.paging-text {
	height:10px;
	margin:0px 1px;
	padding:5px 7px
}
div.paging span.current {
	background:#f30;
	color:#fff
}
div.paging span a.paging-text:hover {
	color:#fff;
	background:#f30;
	text-decoration:none
}


/* 講師についてのお問い合わせ、コンサルティングサービス、養成講座お申し込み（training.html,consulting.html,application.html）
---------------------------------------------------- */
.contact_table{
	width:100%;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc
}
.contact_table th{
	width:27%;
	border-top:1px solid #fff;
	border-bottom:1px solid #ccc;
	background-color:#eee;
	padding:4px 9px;
	font-weight:normal;
	text-align:left
}
.contact_table td{
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	padding:4px 9px
}

.contact_table th span,
.contact_table td p{ color:#c00; font-size:10px}
.contact_table td span{ color:#666; font-size:10px; margin-bottom:0px}

.form01{width:70px}
.form02{width:150px}
.form03{width:300px}
.form100{width:100%}
.form_h{ height:70px}

.contact_text{
	border-top:1px dotted #aaa;
	border-bottom:1px dotted #aaa;
	text-align:center;
	padding:9px;
	margin:15px 0px
}


/* 研究所案内（labo.html）
---------------------------------------------------- */
.labo_box{ width:200px; float:left; border:1px solid #ccc; padding:9px}
.labo_box img{ margin-bottom:10px}
.labo_text{ width:460px; float:right}


/* 専門スタッフ（expert.html）
---------------------------------------------------- */
.expert_box{
	border:1px solid #ccc;
	padding:9px;
	width:680px;
	margin-bottom:15px
}
.expert_img{ float:left; border-right:10px solid #fff}
.expert_box dd{ border-top:1px solid #666; padding-top:10px}


/* 汎用スタイルシート
---------------------------------------------------- */
img {border: 0px; vertical-align:bottom}
table{ margin-top:1px}
input{vertical-align:middle}

.clear {clear: both}

.tac{text-align:center}
.tar{text-align:right}

.f-right{float:right}

.small{ font-size:85%; line-height:1.4em}

.red{ color:#c00}
.blue{ color:#0086d1}

.link{ background:url(../images/icon_link.gif) no-repeat;padding-left:15px}

.ul_s{ margin-left:25px; list-style:square}

.ol{ margin-left:25px}
.ol_b{border-top:1px dotted #aaa; padding-top:7px}
.ol_b li{ margin-left:25px}

.table{
	width:100%;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc
}
.table th{
	width:25%;
	border-top:1px solid #fff;
	border-bottom:1px solid #ccc;
	background-color:#eee;
	padding:4px 10px;
	vertical-align:top;
	text-align:left
}
.table td{
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	padding:4px 10px
}
.table td p img{ vertical-align:middle}

.title{
	font-size:140%;
	color:#0086d1;
	background:url(../images/border.gif) no-repeat bottom;
	padding-bottom:10px;
	margin-bottom:15px
}
.title2{
	background:url(../images/icon_heart.gif) no-repeat;
	font-size:100%;
	padding:0px 0px 5px 30px;
	border-bottom:1px solid #ccc;
	margin-bottom:10px
}
.title3{ 
	border-top:1px solid #9fd1ee;
	border-bottom:1px solid #9fd1ee;
	background:url(../images/title_bg.jpg) repeat-x bottom;
	padding:5px 8px;
	color:#0086d1;
	font-size:120%;
	margin-bottom:10px
}
.title4{
	font-size:100%;
	color:#f60;
	border-left:5px solid #f60;
	padding-left:5px;
	margin-bottom:5px
}

.img{ padding:1px; border:1px solid #ccc}

.btn a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}

.mb5{ margin-bottom:5px}
.mb10{ margin-bottom:10px}
.mb15{ margin-bottom:15px}
.mb20{ margin-bottom:20px}
.mb30{ margin-bottom:30px}
.mt10{ margin-top:10px} 
.mt15{ margin-top:15px}
.ml10{ margin-left:10px}
.mr20{ margin-right:20px}

@media print{
}