﻿@charset "utf-8";
@import  "../../css/common.css";


/* ============================================================================================= */

/* training css */

/* ============================================================================================= */

#contents  *{
	zoom:1;
}

#contents h1{
	margin:0 auto 30px;
}

#contents h2{
	margin:0 auto;
	padding:0 0 20px; /* IE6バグ対策 */
}


/* ------------------------------------------------------------------------- */

/* ページナビゲーション */

/* ------------------------------------------------------------------------- */

#contents .pagenav{
	list-style-type:none;
	margin:0 0 40px;
	padding:0;
	text-align:center;
	letter-spacing:-0.4em;
}

#contents .pagenav li{
	zoom:1;
	display:inline-block;
	*display:inline; /* ～IE7 */
	margin:0 10px;
	padding:0 0 0 20px;
	background:url('../../common_img/arrow_u_orange.gif') no-repeat 0 50% transparent;
	letter-spacing:0;
}

#contents .pagenav a{
	zoom:1;
}


/* ------------------------------------------------------------------------- */

/* 他社の人材育成セミナーとの違い */

/* ------------------------------------------------------------------------- */

#contents #ucf{
	width:660px;
	margin:0 auto;
	padding:0 0 1px;
}

/* clear hack */
#contents #ucf{zoom:1;}
#contents #ucf:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#contents #ucf h3{
	margin:0 0 10px;
	padding:0;
}

#contents #ucf p{
	margin:0 0 1.0em;
}

#contents #ucf .left{
	float:left;
	width:320px;
}

#contents #ucf .right{
	float:right;
	width:320px;
}

/* ----------------------------------------------------- */
/* 図 */
/* ----------------------------------------------------- */
#contents #ucf dl{
	position:relative;
	height:120px;
	margin:0 0 25px;
	padding:0;
}

#contents #ucf dl span{
	zoom:1;
	display:inline-block;
	padding:0 3px;
	background:url('../image/bg_marker.gif') repeat-x 0 50% transparent;
	font-weight:bold;
}

#contents #ucf .negative{background:url('../image/fig_negative.gif') no-repeat 0 0 transparent;}
#contents #ucf .positive{background:url('../image/fig_positive.gif') no-repeat 0 0 transparent;}

#contents #ucf dt{
	margin:0;
	padding:5px 0 0 45px;
}

#contents #ucf dd{
	position:absolute;
	top:45px;
	left:55px;
	width:250px;
	margin:0;
	padding:0;
	font-size:0.9em;
}


/* ------------------------------------------------------------------------- */

/* 具体的な教育内容 */

/* ------------------------------------------------------------------------- */

#contents #detail{
	width:660px;
	margin:0 auto;
	padding:0 0 20px;
}

#contents #detail h2{

}

#contents #detail h3{
	margin:0 0 20px;
	padding:0;
}

#contents #detail .block{
	margin:0 0 30px;
}

#contents #detail .block p{
	margin:0 0 1.0em 100px;
}

#contents #detail .box{
	margin:0 0 0 100px;
	padding:10px;
	background:url('../../common_img/stripe.gif') repeat 0 0 #f3f3f3;
}

#contents #detail .box-in{
	padding:20px 20px 5px;
	background:#fff;
}

#contents #detail .box p{
	margin-left:0;
}

/* ----------------------------------------------------- */
/* リスト */
/* ----------------------------------------------------- */
#contents #detail ul, #contents #detail ol{
}

#contents #detail ol{
	padding:0;
}

#contents #detail .block li p{
	margin:0 0 0.5em;
}

/* 内容1 */
/* --------------------------------- */

#contents #detail .flow{
	margin:0;
	padding:0;
}

#contents #detail .flow li{
	list-style-type:none;
	margin:0 0 15px;
	padding:5px 0 15px 65px;
	border-bottom:1px dotted #ccc;
	background:url('../image/ic_flow.gif') no-repeat 0 15px transparent;
}

#contents #detail .flow li.last{
	margin-bottom:0;
	border-bottom:0 none;
}

/* 内容2 */
/* --------------------------------- */
#contents #detail .case{
	margin:0;
	padding:0;
}

#contents #detail .case li{
	list-style-type:none;
	margin:0 0 15px;
	padding:5px 0 10px 65px;
	border-bottom:1px dotted #ccc;
	background:url('../image/ic_case.gif') no-repeat 0 4px transparent;
}

#contents #detail .case li.last{
	margin-bottom:0;
	border-bottom:0 none;
}

#contents #detail .case li span{
	font-weight:normal;
}

/* 内容3 */
/* --------------------------------- */
#contents #detail .person{
	margin:0;
	padding:0;
}

#contents #detail .person li{
	list-style-type:none;
	margin:0 0 15px;
	padding:5px 0 20px 65px;
	border-bottom:1px dotted #ccc;
	background:url('../image/ic_person.gif') no-repeat 10px 4px transparent;
}

#contents #detail .person li.last{
	margin-bottom:0;
	border-bottom:0 none;
}


/* ------------------------------------------------------------------------- */

/* セミナー受講の結果･成果事例 */

/* ------------------------------------------------------------------------- */

#contents #case{
	width:660px;
	margin:0 auto;
	background:url('../image/bg_case.gif') no-repeat 100% 100% transparent;
}

#contents #case dl{
	margin:0 0 30px;
	padding:0 0 15px;
	border-bottom:1px dotted #aaa;
}

/* clear hack */
#contents #case dl{zoom:1;}
#contents #case dl:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#contents #case dt{
	float:left;
	width:105px;
	margin:0;
	padding:0;
}

#contents #case dd{
	float:right;
	width:550px;
	margin:0;
	padding:0;
}

#contents #case p{
	margin:0 0 1.0em;
}

#contents #case .window{
	margin:0;
	padding:0 0 0 15px;
	background:url("../../common_img/arrow_brown.gif") no-repeat scroll 0 50% transparent;
}

#contents #case .window a{
	margin:0;
	padding:0 15px 0 0;
	background:url("../../common_img/menu/window.gif") no-repeat scroll 100% 50% transparent;
}