@charset "shift_jis";
/* CSS Document */
/* *****************************************************************

Title: template.css 
URL: template.css 

Note: マーケット・販促 CSSファイル

Date: 2010/02/02

/* *************************************************************** */

/*
00.Font Size
01.common
02.レイアウト
03.右メニュー
04.更新情報・ピックアップ・ランキング・検索
05.講師リスト
06.下部メニュー
*/


/* 00.Font Size
****************************************************************** */
#contents {
	font-size: 13px; /* 基本文字設定 */
	line-height:1.231;
	*font-size: small;
	*font: x-small;
}

#contents table {
	font-size: inherit; /* モダンブラウザ向け */
	font: 100%; /* Win IE 5-5.5､6(後方互換モード)向け */
}

#contents pre,#contents code,#contents kbd,#contents samp,tt {
	*font-size: 108%; /* Win IE全般向け */
	line-height: 100%;
}

/* 01.common
****************************************************************** */
ul,ol,li{
	margin: 0;
	padding: 0;
	list-style: none;
}

.clearfix {
	zoom:1;/*for IE 5.5-7*/
	min-height: 1px;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

.clear {
	clear:both;
	font-size:0;
	line-height:0;
}

div.pageAnchor span {/* ページトップアンカー領域を非表示にする */
	display: none;
}

#contents a:link {
	color:#2E6ECF;
	text-decoration:underline;
}

#contents a:hover {
	color:#2E6ECF;
	text-decoration:none;
}


/* 02.レイアウト
****************************************************************** */
ul.topicPath {
	/*margin-top: 20px;*/
	margin-left: 10px;
	width: 710px;
	height: 15px;
	font-size: 11px;
}
ul.topicPath li {
	display:inline;
}
#contents {
	padding-top: 10px;
	width: 720px;
	color: #333;
	text-align: left;
}

h1#topBannar {
	margin: 0 0 10px 10px;
}

#lead {/* トップバナー下にリード文を入れる2010.09.14松石追加 */
	margin-left: 30px;
	color: #666666;
}

#main_menu {
	float:right;
	margin: 15px 0 35px;
	width: 160px;
}

#main_contents {
	float: left;
	display:inline;
	margin-left: 10px;
	width: 540px;
}
 
#koushi_list {
	margin-left: 10px;
	padding-bottom: 15px;
}
 
/* 03.右メニュー
****************************************************************** */
 
#main_menu ul li {
	margin-bottom: 5px;
}

	#main_menu ul li img {
		vertical-align:top;
	}


#oyakutachi {
	margin-bottom: 5px;
	background: #f5f5f5;
}

	#oyakutachi h2 {
		padding: 8px 0 8px 24px;
		border-top: 1px solid #1b519b;
		border-bottom: 1px solid #e6e6e6;
		background: url("../img/template_img/icn_oyakutachi.gif") no-repeat 5px center;
		font-weight: bold;
		font-size:13px;
		margin-bottom:5px;
	}

	#oyakutachi ul li {
		padding: 0 10px 5px;
		border-bottom: 1px dotted #cccccc;
	}

		#oyakutachi ul li span {
			font-size: 85%;
		}

#column_interview {
	margin-bottom: 5px;
	background: #f5f5f5;
}

	#column_interview h3 {
		padding: 8px 0 8px 40px;
		border-top: 1px solid #1b519b;
		border-bottom: 1px solid #e6e6e6;
		background: url("../img/template_img/icn_kokoro.gif") no-repeat 3px center;
		font-weight: bold;
		font-size:13px;
		margin-bottom:5px;
	}

	#column_interview ul li {
		padding: 0 5px 5px;
		border-bottom: 1px dotted #cccccc;
	}

	#column_interview ul li img {
			margin-right: 5px;
			padding: 2px;
			border: 1px solid #e0e0e0;
			background: #fff;
			float: left;
		}

		#column_interview ul li p.archive {
			text-align: right;
		}

			#column_interview ul li p.archive a {
				padding-left: 10px;
				background: url("../img/template_img/icn_arrow_orange.gif") no-repeat left center;
			}


/* 04.更新情報・ピックアップ・ランキング・検索
****************************************************************** */
#updates {
}

	#updates ul {
		padding: 15px 15px 10px;
		border: 1px solid #e7e7e7;
		border-top: none;
	}

		#updates ul li {
			margin-bottom: 5px;
			padding-left: 20px;
			background: url("../img/template_img/icn_circle_orange.gif") no-repeat left center;
		}

#pickup_koushi {
	margin-bottom: 10px;
}

	#pickup_koushi ul {
		padding: 15px 10px 10px;
		border: 1px solid #e7e7e7;
		border-top: none;
	}

		#pickup_koushi ul li {
			float: left;
			width: 259px;
		}
		
		ul#pickup_kyouiku li {/*教育用*/
			background: url("../img/template_img/bg_kyouiku_chuumoku_koushi.gif") repeat-y left;
		}

		ul#pickup_hansoku li {/*販促用*/
			background: url("../img/template_img/bg_hansoku_chuumoku_koushi.gif") repeat-y left;
		}
		
		ul#pickup_jinkenhukushi li {/*人権用*/
			background: url("../img/template_img/bg_jinkenhukushi_chuumoku_koushi.gif") repeat-y left;
		}
		
		ul#pickup_kankyou li {/*環境用*/
			background: url("../img/template_img/bg_kankyou_chuumoku_koushi.gif") repeat-y left;
		}

			#pickup_koushi ul li img {
				float: left;
				margin-right: 5px;
				padding: 2px;
				border: 1px solid #cccccc;
				background: #fff;
			}

			#pickup_koushi ul li dl {
				margin: 5px;
				float:left;
				width:145px;
			}

			#pickup_koushi ul li dt {
				font-size: 123.1%;
				font-weight: bold;
			}
	
			#pickup_koushi ul li dd {
				font-size: 85%;
			}

			#pickup_koushi ul li p {
				font-size: 85%;
				float: left;
				width:145px;
			}

			#pickup_koushi ul li p span {
				color: #ff6000;
				font-size: 109%;
			}
				
#ranking_search {
	margin-bottom: 35px;
	padding: 10px;
	border: 1px solid #aad3e6;
}

	#ranking {
		float: left;
		width: 255px;
	}

		#ranking h2 {
			margin-bottom: 10px;
			background: url("../img/template_img/bg_yellow.gif") repeat-y left;
			font-size: 108%;
		}

			#ranking h2 span {
				display: block;
				height: 28px;
				padding-left: 30px;
				background: url("../img/template_img/icn_ninki.gif") no-repeat left;				
				line-height: 28px;
			}

		#ranking ol li {
			margin-bottom:8px;
			padding: 3px 0 9px 35px;
			border-bottom: 1px dotted #cccccc;
		}

			#ranking ol li img {
				padding-top: 4px;
			}

			#ranking ol li.rank1 {
				background: url("../img/template_img/bg_rank1.gif") no-repeat left top;
			}

			#ranking ol li.rank2 {
				background: url("../img/template_img/bg_rank2.gif") no-repeat left top;
			}

			#ranking ol li.rank3 {
				background: url("../img/template_img/bg_rank3.gif") no-repeat left top;
			}

			#ranking ol li.rank4 {
				background: url("../img/template_img/bg_rank4.gif") no-repeat left top;
			}

			#ranking ol li.rank5 {
				background: url("../img/template_img/bg_rank5.gif") no-repeat left top;
			}

			#ranking ol li.rank6 {
				background: url("../img/template_img/bg_rank6.gif") no-repeat left top;
			}

			#ranking ol li.rank7 {
				background: url("../img/template_img/bg_rank7.gif") no-repeat left top;
			}

			#ranking ol li.rank8 {
				background: url("../img/template_img/bg_rank8.gif") no-repeat left top;
			}

			#ranking ol li.rank9 {
				background: url("../img/template_img/bg_rank9.gif") no-repeat left top;
			}

			#ranking ol li.rank10 {
				background: url("../img/template_img/bg_rank10.gif") no-repeat left top;
			}

			#ranking ol li.archive {/* 鈴木修正（2012.03.14）padding: 20pxから24pxに */
				border: 0;
				text-align: right;
				padding: 24px 0 0;
				margin:0;
			}

			#ranking ol li.archive a {
				padding-left: 10px;
				background: url("../img/template_img/icn_arrow_orange.gif") no-repeat left center;
			}

	#search {
		float:right;
		width: 255px;
	}

		#search h2 {
			margin-bottom: 10px;
			background: url("../img/template_img/bg_yellow.gif") repeat-y left;
			font-size: 108%;
		}

			#search h2 span {
				display: block;
				height: 28px;
				padding-left: 30px;
				background: url("../img/template_img/icn_search.gif") no-repeat left;
				line-height: 28px;
			}

		#search h3 {
			margin-bottom: 10px;
			padding: 3px 5px;
			background: url("../img/template_img/bg_border_blue.gif") repeat-x bottom;
			color: #0a50a1;
			font-size: 108%;
		}
	

		#search ol li.archive a {
			padding-left: 10px;
			background: url("../img/template_img/icn_arrow_orange.gif") no-repeat left center;
		}


		#search dd ul li {
			margin-bottom: 10px;
			padding-left: 20px;
			background: url("../img/template_img/icn_arrow_orange.gif") no-repeat 5px center;
		}

		#search dl dd ul li.archive2 {
			border: 0;
			text-align: right;
			margin:0 0 6px 0;
			background-image: none;
		}

	/* 鈴木加筆（2012.03.14）教育ページ目的別一覧用 ここから */
		#search dl dd ul li.archive {
			border: 0;
			text-align: right;
			margin:0;
			background: url("../img/template_img/icn_arrow_orange.gif") no-repeat left center;
			background-position: 72px 3px;
		}
	/* 鈴木加筆（2012.03.14）教育ページ目的別一覧用 ここまで*/


/* 05.講師リスト
****************************************************************** */
#koushi_list {
}

#koushi_list .tabcolumn {
	padding-left: 6px;
	border-bottom: 3px solid #0a50a1;
	font-weight: bold;
	font-size: 12px;
}
	/* タブ4つの場合 */
	#koushi_list #tabcolumn_4 li {
		float: left;
		width: 170px;
		height: 34px;
		margin-right: 6px;
		background: url("../img/template_img/tab_4column_off.gif") no-repeat;
		text-align: center;
		line-height: 34px;
	}

		#koushi_list #tabcolumn_4 li.current {
			background: url("../img/template_img/tab_4column_on.gif") no-repeat;
		}

		#koushi_list #tabcolumn_4 li a {
			padding: 10px 10px 10px 25px;
			background: url("../img/template_img/tab_off_arrow.gif") no-repeat left;
			line-height: 34px;
		}

			#koushi_list #tabcolumn_4 li.current a {
				background: url("../img/template_img/tab_on_arrow.gif") no-repeat left;
				color: #fff;
				text-decoration:none;
			}
	
	/* タブ3つの場合 */
	#koushi_list #tabcolumn_3 li {
		float: left;
		width: 227px;
		height: 34px;
		margin-right: 6px;
		background: url("../img/template_img/tab_3column_off.gif") no-repeat;
		text-align: center;
		line-height: 34px;
	}

	#koushi_list #tabcolumn_3 li.current {
		background: url("../img/template_img/tab_3column_on.gif") no-repeat;
	}

		#koushi_list #tabcolumn_3 li a {
			padding: 10px 10px 10px 25px;
			background: url("../img/template_img/tab_off_arrow.gif") no-repeat left;
			line-height: 34px;
		}

		#koushi_list #tabcolumn_3 li.current a {
			background: url("../img/template_img/tab_on_arrow.gif") no-repeat left;
			color: #fff;
			text-decoration:none;
		}
	
	#koushi_list #tab_content2,
	#koushi_list #tab_content3,
	#koushi_list #tab_content4 {
		display: none;
	}
	
	#koushi_list_box {
		padding: 14px 14px 10px;
		border: 1px solid #e7e7e7;
	}

		#koushi_list_box #list_desc {
			width: 658px;
			padding: 10px;
			border:1px dotted #cccccc;
			background: #fffef2;
		}

			#koushi_list_box #list_desc p.archive {
				padding: 15px 0 10px;
				text-align: right;
			}

			#koushi_list_box #list_desc p.archive a {
				padding: 10px 10px 10px 25px;
				border:1px solid #bebdbc;
				background: url("../img/template_img/bg_linkbox.gif") repeat-x left center;
				font-size:12px;
			}
			
			#koushi_list_box h2.koushi_genre { /*グレータイトルバー*/
				padding: 20px 0 10px 40px;
				background: url("../img/template_img/bg_koushi_genre.gif") no-repeat 0 10px;
				font-size: 123.1%;
			}

			#koushi_list_box h2.koushi_genre_blue { /*青タイトルバー*/
				padding: 20px 0 10px 40px;
				background: url("../img/template_img/bg_koushi_genre_blue.gif") no-repeat 0 10px;
				color: #fff;
				font-size: 123.1%;
			}
			
			#koushi_list_box .koushi_genre { /*グレータイトルバー 松石追加*/
				padding: 20px 0 10px 40px;
				background: url("../img/template_img/bg_koushi_genre.gif") no-repeat 0 10px;
				font-size: 123.1%;
			}
				
				#koushi_list_box .koushi_genre p.more_title{ /*グレータイトルバー 松石追加*/
					font-weight: bold;
				}


				#koushi_list_box p.koushi_genre_desc {
					padding: 10px 5px 0;
				}
			
			.koushi_box {
					padding: 10px 0 0 15px;
				}
			
			.koushi_box_inner {
					float:left;
					width: 300px;
					padding-bottom:15px;
				}
				.koushi_box_inner div.profile {
					margin-right: 10px;
					background: #ffffcc;
				}
					.koushi_box_inner div.profile img {	
						float: left;
						margin-right: 5px;
						padding: 2px;
						border: 1px solid #d6d5d2;
						background: #fff;
					}

					.koushi_box_inner div.profile p {
						padding: 5px 0 0;
					}
						.koushi_box_inner div.profile dt {
							padding-top: 3px;
							font-size: 108%;
							font-weight: bold;
						}

						.koushi_box_inner div.profile dd {
							padding-top: 3px;
							font-size: 85%;
							font-weight: bold;
						}

					.koushi_box_inner p.comment {
						margin-right: 10px;
						padding: 5px 0 0;
						color: #666666;
					}
					
						.koushi_box_inner p.comment span {
							display: block;
							margin-bottom: 5px;
							border-bottom: 1px solid #d6d5d2;
							font-size: 108%;
							font-weight: bold;
							line-height: 24px;
						}
							.koushi_box_inner p.comment span img {
								vertical-align: bottom;
								* vertical-align: text-bottom;
							}
	
	#koushi_list_box div.koushi_box_tbl {/*販促テンプレートのみ*/
			width:345px;
			float:left;
			padding-bottom:15px;
		}	
		#koushi_list_box table.tbl_sales {/*販促テンプレートのみ*/
				border: 1px solid #cccccc;
				border-collapse:collapse;
				width:345px;
			}
			#koushi_list_box table.tbl_sales  th,
			#koushi_list_box table.tbl_sales  td {/*販促テンプレートのみ*/
				padding: 2px;
				border: 1px dotted #cccccc;
			}
			#koushi_list_box table th {
				width: 5em;
				background: #ffffcc;
				font-weight: normal;
				vertical-align: middle;
			}
			#koushi_list_box table td {
				width: 230px;
				vertical-align: top;
				padding-top:10px;
			}
			#koushi_list_box .divide {
				border-top: 3px double #CCCCCC;
				padding:10px 0 0;
				line-height:0;
				font-size:0;
				height:0;
			}
				#koushi_list_box table td div {
					margin-right: 10px;
					background: #ffffcc;
				}

					#koushi_list_box table td div img {	
						float: left;
						margin-right: 5px;
						padding: 2px;
						border: 1px solid #d6d5d2;
						background: #fff;
					}

					#koushi_list_box table td div p {
						padding-top: 5px;
					}

					#koushi_list_box table td div dt {
						padding-top: 3px;
						font-size: 108%;
						font-weight: bold;
					}

					#koushi_list_box table td div dd {
						padding-top: 3px;
						font-size: 75%;
						font-weight: bold;
					}

				#koushi_list_box table td p.point {
					margin-right: 10px;
					padding: 5px 0;
					border-top: 1px solid #d6d5d2;
					color: #666666;
					font-size: 93%;
				}

					#koushi_list_box table td p.point img {
						margin-bottom: 5px;
					}

				#koushi_list_box table td p.theme {
					margin-right: 10px;
					padding: 5px 0 15px;
					border-top: 1px dotted #d6d5d2;
					font-weight: bold;
				}

					#koushi_list_box table td p.theme span {
						color: #ff6600;
						font-size: 85%;
						font-weight: normal;
					}


			#koushi_list_box p.more_archive {
				padding: 15px 0 20px;
				text-align: right;
			}

			#koushi_list_box p.more_archive a {
				padding: 10px 10px 10px 25px;
				border:1px solid #bebdbc;
				background: url("../img/template_img/bg_linkbox.gif") repeat-x left center;
				font-size:12px;
			}

/* 06.下部メニュー
****************************************************************** */				
#others_menu {
	margin-left: 10px;
	padding: 15px;
	border: 1px solid #e7e7e7;
	background: #ffffcc;
}
	#others_menu .image {
		width: 180px;
		float:right;
		margin-right:15px;
	}
	#others_menu .information {
		width: 480px;
		color: #ff6600;
		font-size:12px;
		float:left;
		padding:5px 0 10px;
	}
		#others_menu .search_riyou {
			width: 480px;
			float:left;
			text-align: left;
		}
			#others_menu .search_riyou li {
				display: inline;
			}
			#others_menu .search_riyou a {
				margin-right: 10px;
				padding: 10px 10px 10px 25px;
				border:1px solid #bebdbc;
				background: url("../img/template_img/bg_linkbox.gif") no-repeat left center;
				line-height: 40px;
				font-size:12px;
			}