@charset "utf-8";
@import  "./common.css";


/* ============================================================================================= */

/* top css */

/* ============================================================================================= */

/* ------------------------------------------------------------------------- */

/* メインビジュアル */

/* ------------------------------------------------------------------------- */
#mainvisual{
	margin:0 0 30px;
	padding:0;
}


/* ------------------------------------------------------------------------- */

/* バナー */

/* ------------------------------------------------------------------------- */

#contents .banner-area{
	position:relative;
	margin:0 0 45px;
}

#contents .banner-area p{
	margin:0 0 1.0em;
}

/* ----------------------------------------------------- */
/* 説明文 */
/* ----------------------------------------------------- */
#contents .banner-area div{
	zoom:1;
	margin:0 0 0 60px;
	padding:20px 35px 5px;
	border:1px solid #bbb;
	background:#f8f8f8;
	-webkit-box-shadow:0 0 5px #ddd;
	box-shadow:0 0 5px #ddd;
}

#contents .banner-area dl{
	margin:0 0 15px;
}

/* clear hack */
#contents .banner-area dl{zoom:1;}
#contents .banner-area dl:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#contents .banner-area dt{
	float:left;
	width:50px;
	margin:0;
	padding:0;
}

#contents .banner-area dt img{
	vertical-align:middle;
}

#contents .banner-area dd{
	float:right;
	width:440px;
	margin:0;
	padding:0 0 0 30px;
	border-left:1px solid #bbb;
}

#contents .banner-area .term dd{
	font-size:1.1em;
	font-weight:bold;
}

#contents .banner-area .place a{
	zoom:1;
	display:inline-block;
	padding:0 0 0 15px;
	background:url('../../common_img/arrow_brown.gif') no-repeat 0 50% transparent;
}

/* ----------------------------------------------------- */
/* 矢印 */
/* ----------------------------------------------------- */
#contents .banner-area .detail{
	position:absolute;
	top:125px;
	left:0;
	width:90px;
	height:140px;
	margin:0;
	padding:0;
}


/* ------------------------------------------------------------------------- */

/* キャッチ */

/* ------------------------------------------------------------------------- */

#contents .catch{
	zoom:1;
	position:relative;
	margin:0 0 45px;
	padding:0;
}

#contents .catch p{
	zoom:1;
	position:absolute;
	width:209px;
	right:0;
	bottom:-30px;
	text-align:right;
}


/* ------------------------------------------------------------------------- */

/* オーダーメイドセミナー 例 */

/* ------------------------------------------------------------------------- */

#contents .ordermade{
	zoom:1;
	margin:0 0 45px;
	padding:5px;
	background:url('../common_img/stripe.gif') 0 0 repeat transparent;
}

#contents .ordermade .box-inner{
	padding:25px 20px;
	background:#fff;
}

#contents .ordermade h2{
	margin:0 0 25px;
	padding:0;
}

#contents .ordermade p{
	margin:0 0 30px;
	padding:0;
}

#contents .ordermade .fig{
	text-align:center;
}

#contents .ordermade ul{
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:center;
	letter-spacing:-0.4em;
}

#contents .ordermade li{
	display:inline-block;
	*display:inline; /* ～IE7 */
	margin:0 10px;
	padding:0;
	letter-spacing:0;
}


/* ------------------------------------------------------------------------- */

/* ピックアップ */

/* ------------------------------------------------------------------------- */

#contents .pickup{
	zoom:1;
	margin:0 0 20px;
	padding:0;
}

/* clear hack */
#contents .pickup:after{
	content:"";
	display:block;
	visibility:hidden;
	clear:both;
	overflow:hidden;
	height:0;
}

/* ----------------------------------------------------- */
/* 経営者に聞く */
/* ----------------------------------------------------- */
#contents .pickup .manager{
	zoom:1;
	float:left;
	width:320px;
	padding:5px;
	background:url('../common_img/stripe.gif') 0 0 repeat transparent;
}

#contents .pickup .manager .box-inner{
	min-height:260px;
	height:auto !important; /* IE6 min-height */
	height:260px; /* IE6 min-height */
	background:url('../image/back_manager.jpg') 0 100% no-repeat #f3f3f3;
}

#contents .pickup .manager h2{
	margin:0;
	padding:10px 10px 35px;
}

#contents .pickup .manager p{
	margin:0 0 10px;
	padding:0 10px 0 150px;
	font-size:0.95em;
}

/* 続きを読む */
/* --------------------------------- */
#contents .pickup .manager .more{
	margin-bottom:0;
	text-align:right;
}

/* ----------------------------------------------------- */
/* 受講者の声 */
/* ----------------------------------------------------- */
#contents .pickup .voice{
	position:relative;
	float:right;
	width:320px;
	padding:5px;
	background:url('../common_img/stripe.gif') 0 0 repeat transparent;
}

#contents .pickup .voice .box-inner{
	min-height:260px;
	height:auto !important; /* IE6 min-height */
	height:260px; /* IE6 min-height */
	background:#f3f3f3;
}

#contents .pickup .voice h2{
	margin:0;
	padding:10px 10px 15px;
}

/* 一覧を見る */
/* --------------------------------- */
#contents .pickup .voice .list{
	position:absolute;
	top:25px;
	right:15px;
}

/* 記事 */
/* --------------------------------- */
/* タイトル */
#contents .pickup .voice h3{
	margin:0 10px 10px;
	padding:0 0 0 15px;
	background:url('../common_img/arrow_brown.gif') 0 7px no-repeat transparent;
	font-size:1.0em;
	font-weight:bold;
}

#contents .pickup .voice dl{
	zoom:1;
	margin:0 10px;
	padding:0;
}

#contents .pickup .voice dl:after{
	content:"";
	display:block;
	visibility:hidden;
	clear:both;
	overflow:hidden;
	height:0;
}

/* サムネイル */
#contents .pickup .voice dt{
	float:left;
	width:130px;
	margin:0;
	padding:0;
}

#contents .pickup .voice dt img{
	max-width:100%;
	_width:100%; /* IE6 */
}

/* 抜粋 */
#contents .pickup .voice dd{
	float:right;
	width:150px;
	margin:0;
	padding:0;
	font-size:0.9em;
}

#contents .pickup .voice p{
	margin:0 0 10px;
	padding:0;
}

/* 続きを読む */
#contents .pickup .voice .more{
	text-align:right;
}

/* ----------------------------------------------------- */
/* 社員ing */
/* ----------------------------------------------------- */
#contents .pickup .shinning{
	float:left;
	width:330px;
}

#contents .pickup .shinning h2{
	margin:0 0 10px;
	padding:0;
}

/* 記事 */
/* --------------------------------- */
/* タイトル */
#contents .pickup .shinning h3{
	margin:0 15px 10px;
	padding:0 0 0 15px;
	background:url('../common_img/arrow_brown.gif') 0 7px no-repeat transparent;
	font-size:1.0em;
	font-weight:bold;
}

#contents .pickup .shinning p{
	margin:0 15px 10px;
	padding:0;
}

/* サムネイル */
#contents .pickup .shinning .photo{
	position:relative;
	text-align:center;
}

#contents .pickup .shinning .photo img{
	max-width:100%;
	_width:100%; /* IE6 */
}

/* 続きを読む */
#contents .pickup .shinning .more{
	text-align:right;
}

/* ----------------------------------------------------- */
/* 人材育成の「ツボ」 */
/* ----------------------------------------------------- */
#contents .pickup .tsubo{
	float:right;
	width:330px;
}

#contents .pickup .tsubo h2{
	margin:0 0 10px;
	padding:0;
}

#contents .pickup .tsubo ul, #contents .pickup .tsubo li{
	list-style-type:none;
}

#contents .pickup .tsubo ul{
	margin:0 15px 10px;
	padding:0;
	border-top:1px dotted #aaa;
}

#contents .pickup .tsubo li{
	margin:0;
	padding:5px 10px;
	border-bottom:1px dotted #aaa;
}

#contents .pickup .tsubo p{
	margin:0;
	padding:0;
	font-size:0.9em;
}

#contents .pickup .tsubo span{
	zoom:1;
	display:block;
	padding:0 0 0 15px;
	background:url('../common_img/arrow_brown.gif') 0 7px no-repeat transparent;
	font-size:1.1em;
	font-weight:bold;
}

#contents .pickup .tsubo .more{
	margin:0 15px 10px;
	text-align:right;
}