@charset "utf-8";

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

　1. 共通

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

.pagelink-left { margin:15px 0 0 0; }

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

　2. DVD教材・書籍（index.html）

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

.Goods .frame {
	clear:both;
	border-top:1px solid #E6E4D6;
	border-left:1px solid #E6E4D6;
	border-right:1px solid #E6E4D6;
	width:613px;
	_width:615px;
	padding:10px 0 30px 0;
	margin-top:15px;
}

.Goods h2 { margin:30px 0 20px 0; }

.Goods h3 {
	clear:both;
	font-size:100%;
	color:#001077;
	padding:6px 0 6px 10px;
	margin:10px 19px 15px 19px;
	_margin:15px 19px 15px 19px;
	background:url(../../common/images/h3_bg_01.gif) repeat-y;
}

.Goods .photo {
	float:right;
	margin:0 30px 5px 15px;
}

.Goods .lead { margin:0 30px 5px 30px; }

.Goods .left-btn {
	float:left;
	margin:20px 0 0 30px;
	_margin:20px 0 0 15px;
}

.Goods h3 img {
	position:relative;
	float:right;
	top:-35px;
	_top:-40px;
	right:10px;
	margin-left:20px;
}

.Goods ul.list li {
	font-size:85%;
	line-height:150%;
	list-style:disc;
	margin:0 40px 3px 60px;
}

.Goods ul.list li a { font-weight:bold; }

.Goods .entry {
	clear:both;
	background:url(../../common/images/line_dot_01.gif) repeat-x top;
	padding:20px 15px 0 15px;
	margin:20px 15px 0 15px;
}

.Goods .entry .item {
	float:left;
	margin:0 14px 0 0;
	width:100px;
}

.Goods .entry .item span {
	font-size:85%;
	font-weight:bold;
	text-align:center;
	color:#FFF;
	background:url(images/bg_goods_01.gif) repeat;
	width:100px;
	padding:3px 0;
	margin-bottom:4px;
	display:block;
}

.Goods .entry .item-body {
	float:right;
	width:435px;
}

.Goods .entry .item-body h4 {
	font-size:120%;
	color:#001077;
	margin:0 0 10px 0;
}

.Goods .entry .item-body .shopping {
	color:#8C8B6F;
	line-height:150%;
	background:url(images/bg_goods_02.gif) repeat-y;
	padding:7px 14px 4px 11px;
	margin:12px 0 0 0;
	width:415px;
	_width:438px;
}

.Goods .entry .item-body .shopping .right-btn {
	float:right;
	width:140px;
	display:block;
	margin:3px 0 2px 0;
}

.Goods .entry .item-body .shopping .right-btn02 {
	float:right;
	width:140px;
	display:block;
	margin:9px 0 0 0;
}

.Goods .entry .item-body em {
	font-size:85%;
	display:block;
	margin:2px 0 0 0
}


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

　3. クチコミュニティ塾（dvd_kuchikomi.html）

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

.Kuchikomi .entry {
	margin:12px 0 0 10px;
}

.Kuchikomi .frame {
	border-right:20px solid #70B61E;
	border-left:20px solid #70B61E;
	width:560px;
	text-align:center;
}

.Kuchikomi .frame h3 {
	text-align:left;
	color:#EF3F2C;
	margin:0 30px 8px 30px;
}

.Kuchikomi .frame .lead {
	text-align:left;
	margin:0 30px;
}

.Kuchikomi .frame02 {
	color:#333;
	text-align:left;
	margin:0 20px;
	padding:0 25px;
	width:470px;
	_width:520px;
	background:#FCB315;
}

.Kuchikomi .frame02 .photo { float:right; }

.Kuchikomi .frame02 .course {
	font-size:85%;
	line-height:135%;
	margin:15px 0 0 0;
}

.Kuchikomi .frame .lead02 {
	text-align:left;
	margin:15px 5px 8px 30px;
}

.Kuchikomi .frame .lead02 strong { color:#EF3F2C; }

.Kuchikomi .frame li {
	color:#333;
	text-align:left;
	list-style:disc;
	font-weight:bold;
	margin:0 10px 0 48px;
	padding-bottom:3px;
}

.Kuchikomi .btn     { text-align:center; padding:20px 0; }
.Kuchikomi .btn img { margin:0 4px; }

.Kuchikomi .notes {	font-size:85%; }


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

　4. キャリア講座（dvd_career.html）

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

.Career .entry {
	margin:12px 0 0 10px;
}

.Career .frame {
	border-right:20px solid #FF0066;
	border-left:20px solid #FF0066;
	width:560px;
	text-align:center;
}

.Career .frame .photo {
	float:right;
	margin:0 20px 25px 15px;
}

.Career .frame .lead        { text-align:left; margin:0 0 10px 25px; }
.Career .frame .lead span   { color:#FF0066; }

.Career .frame h4 {
	font-size:120%;
	text-align:left;
	color:#333;
	margin:0 0 10px 25px;
}

.Career .question {
	margin:30px 0 0 20px;
	text-align:left;
}

.Career .question-frame {
	background:#FFCC99;
	width:480px;
	_width:520px;
	padding:15px 20px 12px 20px;
}

.Career .question-frame h3 { margin-bottom:10px; }

.Career .question-frame li {
	color:#333;
	list-style:disc;
	margin-left:17px;
}

.Career .course {
	background:url(../../common/images/line_dot_01.gif) repeat-x bottom;
	padding:20px 5px 20px 5px;
	margin:0 0 0 22px;
	width:510px;
}

.Career .end { background:none; }

.Career .course .left-area {
	float:left;
	text-align:left;
	width:275px;
	margin:0 10px 0 0;
}

.Career .course .right-area {
	font-size:85%;
	line-height:150%;
	float:right;
	text-align:left;
	width:215px;
}

.Career .course .left-area h5 {
	font-size:160%;
	color:#FF0066;
	line-height:125%;
	margin:0 0 7px 0;
}

.Career .course .left-area h5 strong {
	font-size:65%;
	color:#333;
}

.Career .course .left-area li {
	list-style:decimal;
	line-height:150%;
	margin-left:25px;
}

.Career .course .left-area .time {
	font-size:85%;
	margin-top:1px;
}

.Career .right-area .thumbnail {
	float:right;
	margin:0 0 15px 5px;
}

.Career .right-area strong {
	font-size:120%;
	display:block;
	margin-bottom:3px;
}

.Career .btn     { text-align:center; padding:20px 0; }
.Career .btn img { margin:0 4px; }

.Career .notes { font-size:85%; }

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

　5. 著書･おすすめ本（books.html）

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

.Books .notes { display:block; margin-top:10px; font-size:75%; line-height:150%; }

/* ==================== Tab menu ==================== */

/*　※タブメニューの共通箇所はsecond.cssに記述  */

.Books ul.tab { clear:both; padding-top:20px; }

.Books ul.tab li.on {
	color:#001077;
	background:url(images/books/btn_tab_01_on.gif) no-repeat;
	width:100px;
	top:1px;
}
/* ==================== Tab menu ==================== */

.Books .frame {
	clear:both;
	border-top:1px solid #E6E4D6;
	border-left:1px solid #E6E4D6;
	border-right:1px solid #E6E4D6;
	width:613px;
	_width:615px;
	padding:10px 0 20px 0;
}

.Books .frame02 {
	clear:both;
	border-top:1px solid #E6E4D6;
	border-left:1px solid #E6E4D6;
	border-right:1px solid #E6E4D6;
	width:613px;
	_width:615px;
	padding:10px 0 20px 0;
	margin-top:15px;
}

.Books h2 { margin:30px 0 20px 0; }

.Books h3 {
	clear:both;
	font-size:100%;
	color:#001077;
	padding:6px 0 6px 10px;
	margin:10px 19px 15px 19px;
	_margin:15px 19px 15px 19px;
	background:url(../../common/images/h3_bg_01.gif) repeat-y;
	zoom:1;
}

.Books .item-photo {
	float:left;
	margin:0 20px 5px 32px;
	_margin:0 20px 5px 17px;
	text-align:center;
	width:120px;
}

		.Books .item-photo img { margin-bottom:8px;}

.Books .item-spec {
	float:right;
	width:415px;
	_width:400px;
	margin:0 25px 0 0;
	_margin:0 20px 0 0;
}

		.Books .item-spec h4   { font-size:120%; margin:0 5px 5px 5px; }
		.Books .item-spec h4 a { color:#424AB9; }
		
		.Books .item-spec span {
			margin:0 5px 15px 5px;
			display:block;
		}
		
		.Books .item-comment {
			font-size:85%;
			background:url(../../common/images/line_dot_01.gif) repeat-x;
			padding:15px 5px 30px 5px;
		}
		
		.Books .item-comment02 {
			font-size:85%;
			background:url(../../common/images/line_dot_01.gif) repeat-x;
			padding:15px 5px 0 5px;
		}

.Books .item-list02 {
	background:url(../../common/images/line_dot_01.gif) repeat-x bottom;
	padding:0 0 15px 2px;
	margin:0 25px 15px 25px;
	clear:both;
}

		.Books .end {
			background:none;
			margin-bottom:0;
			padding-bottom:0;
		}
		
		.Books .item-list02  li {
			float:left;
			width:278px;
		}
		
		.Books .item-list02 li .item-photo02     { float:left; margin:0 7px 0 0; width:60px; }
		.Books .item-list02 li .item-photo02 img { margin-bottom:2px; }
		
		.Books .item-list02 li .item-spec02 {
			float:right;
			margin-right:7px;
			width:202px;
			_width:196px;
		}
		
		.Books .item-list02 li .item-spec02 h5   { font-size:100%; line-height:135%; margin-bottom:2px; }
		.Books .item-list02 li .item-spec02 h5 a { color:#424AB9; }
		
		.Books .item-list02 li .item-spec02 .btn { margin:5px 0 4px 0; }
		
		.Books .item-list02 li .item-spec02 .comment {
			font-size:85%;
			line-height:150%;
		}