@charset "UTF-8";

/* CSS Document */

* {
	margin:0px;
	padding:0px;
}

body {
	text-align:center;
	margin:0;
	padding:0px;
	font:12px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:20px;
	color:#000000;
	background:url(/campusplanning/common/img/body.gif) left top repeat-x;
}

a {
	color:#7B5223;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a img {
	border-style:none;
}

/* フロート解除用 */
.clearfix:after {
	content:"";
	display:block;
	clear:both;
}

/* IE6用ハック */
* html .clearfix {
	display:inline-block;
}

/* IE7用ハック */
*+html .clearfix {
	display:inline-block;
}

/* コンテンツエリアを囲む */
#wrapper {
	width:800px;
	margin:0 auto;
	padding:0;
	height:auto;
	text-align:left;
	display:table;
}

/* ヘッダー */
#header {
	width:800px;
	height:85px;
	float:left;
	clear:both;
	margin:0;
	padding:0;
}

	/* サイトタイトル */
	#header .site_title {
		width:400px;
		height:85px;
		float:left;
		margin:0;
		padding:0;
		overflow:hidden;
		font-size:14px;
		line-height:16px;
	}

	/* ヘッダー右エリア */
	#header .header_right {
		width:360px;
		float:right;
		margin:8px 0 0 0;
		padding:0;
	}

		/* ヘッダーナビ */
		#header .header_navi {
			width:158px;
			float:left;
			margin:0 10px 0 38px;
			padding:2px 0 0 0;
			font-size:11px;
			line-height:12px;
			font-family:Arial, Helvetica, sans-serif;
			list-style:none;
		}

			#header .header_navi li {
				float:left;
			}

			#header .header_navi li.center {
				float:left;
				margin:0 10px;
				padding:0 10px;
				border-left:1px solid #000000;
				border-right:1px solid #000000;
				display:inline;
			}

			#header .header_navi li a {
				color:#465E04;
			}
			
			#header .header_navi li a:hover {
				color:#465E04;
				text-decoration:underline;
			}

		/* ヘッダー検索ボックスエリア */
		#header .header_search {
			width:154px;
			float:right;
			margin:0;
			padding:0;
		}

			#header .btn {
				width:35px;
				height:16px;
				float:left;
				margin:0;
				padding:0;
			}

			#header .txtField {
				width:113px;
				height:14px;
				float:left;
				margin:0;
				padding:0 2px;
				background:#FFFFFF;
				border:1px solid #000000;
				font-size:11px;
				line-height:12px;
			}

		/* ヘッダー右 住所など */
		#header .header_right p {
			width:360px;
			float:left;
			clear:both;
			margin:30px 0 0 0;
			padding:0;
			font-size:10px;
			line-height:14px;
			text-align:right;
		}

/* グローバルナビ */
#gnavi {
	width:800px;
	height:42px;
	float:left;
	clear:both;
	margin:0;
	padding:0;
	list-style:none;
}

	#gnavi ul {
		margin:0;
		padding:0;
		list-style:none;
	}

	#gnavi li {
		width:200px;
		float:left;
		margin:0;
		padding:0;
	}
	
	#gnavi li a {
		width:200px;
		height:42px;
		position:relative;
		overflow:hidden;
		display:block;
		border-style:none;
	}
	
	#gnavi li a img {
		border:none;
	}
	
	#gnavi li a:hover {
		border:none;
	}
	
	#gnavi li a:hover img {
		position:absolute;
		left:0px;
		top:-42px;
	}
	
	#gnavi .current {
		position:absolute;
		left:0px;
		top:-84px;
	}

/* パンくずナビ */
#topic_path {
	width:800px;
	height:14px;
	float:left;
	clear:both;
	margin:20px 0 0 0;
	padding:3px 0;
	color:#666666;
	font-size:10px;
	line-height:12px;
	list-style:none;
	border-bottom:1px dashed #465E04;
}

	#topic_path li {
		float:left;
		padding:0 10px;
	}

	#topic_path li.r_border {
		border-right:1px solid #666666;
	}

	#topic_path li a {
		color:#666666;
	}

	#topic_path li a:hover {
		text-decoration:underline;
	}

/* コンテンツエリア */
#contents_area {
	width:800px;
	float:left;
	clear:both;
	margin:0;
	padding:0;
}

	/* トップ用 */
	#column_side {
		width:200px;
		float:left;
		margin:15px 0 0 0;
		padding:0;
	}

	#column_main {
		width:392px;
		float:left;
		margin:15px 0 0 0;
		padding:0 4px;
	}

		#column_side h2,
		#column_main h2 {
			font-weight:normal;
			font-size:10px;
			line-height:12px;
			overflow:hidden;
			float:left;
			clear:both;
			height:20px;
			margin:0 0 5px 0;
			padding:0;
		}

		#column_side .btn {
			width:200px;
			float:left;
			clear:both;
			margin:0;
			padding:0 0 1px 0;
			list-style:none;
		}

		#column_side .btn li {
			width:200px;
			height:40px;
			float:left;
			clear:both;
			margin:0 0 5px 0;
			padding:0;
		}
		
			#column_side .btn li a {
				width:200px;
				height:40px;
				position:relative;
				overflow:hidden;
				display:block;
				border-style:none;
			}
			
			#column_side .btn li a img {
				border:none;
			}
			
			#column_side .btn li a:hover {
				border:none;
			}
			
			#column_side .btn li a:hover img {
				position:absolute;
				left:0px;
				top:-40px;
			}

		#column_side .banner {
			width:200px;
			float:left;
			clear:both;
			margin:0;
			padding:0;
			list-style:none;
		}

			#column_side .banner li {
				width:200px;
				float:left;
				clear:both;
				margin:0 0 5px 0;
				padding:0;
			}

			#column_side .banner li a {
				width:200px;
				height:85px;
				position:relative;
				overflow:hidden;
				display:block;
				border-style:none;
			}
			
			#column_side .banner a img {
				border:none;
			}
			
			#column_side .banner a:hover {
				border:none;
			}
			
			#column_side .banner a:hover img {
				position:absolute;
				left:0px;
				top:-85px;
			}

		#column_side .gallery {
			width:190px;
			float:left;
			clear:both;
			margin:0;
			padding:7px 5px 0 5px;
			list-style:none;
			/* background-color:#F1E9D7; */
		}

			#column_side .gallery li {
				width:190px;
				float:left;
				clear:both;
				margin:0 0 9px 0;
				padding:0 0 9px 0;
				border-bottom:1px solid #CEC6AA;
			}

				#column_side .gallery li img {
					width:78px;
					height:48px;
					float:left;
					vertical-align:middle;
					margin:0 5px 0 0;
				}

				#column_side .gallery li a:hover img {
					filter:Alpha(Opacity=70);
					opacity:0.7;
					-moz-opacity:0.7;
				}

				#column_side .gallery p {
					width:107px;
					float:left;
					font-size:10px;
					line-height:14px;
					vertical-align:middle;
				}

					/* テキストに上部マージンをつける */
					#column_side .gallery p.line_1 {
						margin:16px 0 0 0;
					}

					#column_side .gallery p.line_2 {
						margin:10px 0 0 0;
					}

		#column_main .news {
			width:392px;
			float:left;
			clear:both;
			margin:0;
			padding:5px 0 0 0;
			border-top:1px solid #CEC6AA;
		}

			#column_main .news ul {
				list-style:none;
			}

			#column_main .news li {
				width:374px;
				float:left;
				clear:both;
				margin:0 0 8px 0;
				padding:0 9px 10px 9px;
				border-bottom:1px solid #CEC6AA;
				color:#7B5223;
				font-size:12px;
				line-height:16px;
			}

/* コンテンツページ用 */
#main_w {
	width:800px;
	float:left;
	clear:both;
	margin:0;
	padding:0;
}

#snavi {
	width:179px;
	float:left;
	margin:0;
	padding:30px 10px 15px 10px;
	list-style:none;
	background:url(/campusplanning/common/img/snavi_bg.gif) left top repeat-y;
	border-right:1px dashed #465E04;
}

	#snavi li {
		width:180px;
		float:left;
		clear:both;
		margin:0;
		padding:0 0 10px 0;
	}

		#snavi li a {
			width:160px;
			float:left;
			clear:both;
			background:url(/campusplanning/common/img/link_icon.gif) left 4px no-repeat;
			padding:0 0 0 20px;
			font-weight:bold;
			color:#000000;
		}

		#snavi li a:hover {
			width:160px;
			float:left;
			clear:both;
			background:url(/campusplanning/common/img/link_icon_on.gif) left 4px no-repeat;
			padding:0 0 0 20px;
			font-weight:bold;
			text-decoration:underline;
		}

		#snavi .current {
			width:160px;
			float:left;
			clear:both;
			background:url(/campusplanning/common/img/link_icon_on.gif) left 4px no-repeat;
			padding:0 0 0 20px;
			font-weight:bold;
			color:#727171;
		}

#main {
	width:580px;
	float:right;
	margin:0;
	padding:30px 0 0 0;
}

	/* ページタイトル用 */
	#main h1 {
		width:580px;
		float:left;
		clear:both;
		margin:0 0 30px 0;
		padding:0;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size:18px;
		line-height:22px;
		font-weight:bold;
	}

		#main h1 .border {
			border-bottom:1px solid #000000;
		}

	/* 大見だし用 */
	#main .header2 {
		width:580px;
		float:left;
		clear:both;
		margin:0 0 18px 0;
		padding:5px 0;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size:14px;
		line-height:18px;
		font-weight:normal;
		color:#666666;
		border-top:#CCCCCC 3px double;
		border-bottom:#CCCCCC 3px double;
	}

	/* 中見だし用 */
	#main .header3 {
		float:left;
		clear:both;
		margin:0 0 10px 0;
		padding:3px 0 3px 6px;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size:12px;
		line-height:16px;
		font-weight:normal;
		color:#666666;
		border-left:#CCCCCC 5px solid;
	}

	/* コンテンツページ基本のブロック */
	#main .normal {
		width:580px;
		float:left;
		clear:both;
		padding:0 0 15px 0;
		color:#666666;
	}

	/* コンテンツページ基本のリスト */
	#main ul,
	#main ol {
		float:left;
		clear:both;
		margin:0;
		padding:0 0 15px 28px;
	}

		#main li {
			clear:both;
			margin:0;
			padding:0;
			color:#666666;
		}

	/* テーブル用クラス */
	#main .table_normal {
		float:left;
		clear:both;
		margin:0 0 15px 0;
		padding:0;
	}

		#main .table_normal th {
			padding:3px;
			border-bottom:1px solid #999999;
			background-color:#E8E8E8;
			text-align:center;
			color:#333333;
		}

		#main .table_normal td {
			padding:3px 10px;
			border-bottom:1px solid #CCCCCC;
			color:#666666;
		}

	#main .table_dot {
		float:left;
		clear:both;
		margin:0 0 15px 0;
		padding:0;
		border-bottom:1px dashed #CCCCCC;
	}

		#main .table_dot th {
			padding:3px;
			border-top:1px dashed #CCCCCC;
			background-color:#E8E8E8;
			text-align:center;
			color:#333333;
		}

		#main .table_dot td {
			padding:3px 10px;
			border-top:1px dashed #CCCCCC;
			color:#666666;
		}

	/* テーブル内にPDFのリンク */
	#main table .pdf_link {
		padding:0 0 0 40px;
		background:url(/campusplanning/common/img/pdf_icon.gif) right center no-repeat;
	}

		#main table .pdf_link a {
			color:#264B9D;
		}

	/* 左右均等に分けるブロック */
	#main .part2_l {
		width:275px;
		float:left;
		padding:0 0 15px 0;
	}

	#main .part2_r {
		width:275px;
		float:right;
		padding:0 0 15px 0;
	}

	/* 左バランス大に分けるブロック */
	#main .part2_lb {
		width:284px;
		float:left;
		padding:0 0 15px 0;
	}

	#main .part2_rs {
		width:280px;
		float:right;
		padding:0 0 15px 0;
	}

	/* 右バランス大に分けるブロック */
	#main .part2_ls {
		width:280px;
		float:left;
		padding:0 0 15px 0;
	}

	#main .part2_rb {
		width:284px;
		float:right;
		padding:0 0 15px 0;
	}

	#main .part_block {
		float:left;
		clear:both;
		padding:10px 0 15px 0;
	}

	#main strong {
		float:left;
		clear:both;
		margin:0;
		padding:0;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size:18px;
		line-height:22px;
		font-weight:bold;
		color:#333333;
	}

		#main strong a {
			background:url(/campusplanning/common/img/strong_off.gif) left center no-repeat;
			color:#333333;
			padding:0 0 0 20px;
		}

		#main strong a:hover {
			background:url(/campusplanning/common/img/strong_on.gif) left center no-repeat;
			text-decoration:underline;
			padding:0 0 0 20px;
		}

/* サブページ用 */
/* ページタイトル */
h1.header01 {
	width:800px;
	float:left;
	clear:both;
	margin:15px 0 30px 0;
	padding:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:18px;
	line-height:22px;
	font-weight:bold;
}

	span.border {
		border-bottom:1px solid #000000;
	}

/* 大見だし用 */
h2.header02 {
	width:800px;
	float:left;
	clear:both;
	margin:0 0 18px 0;
	padding:5px 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	line-height:18px;
	font-weight:normal;
	color:#666666;
	border-top:#CCCCCC 3px double;
	border-bottom:#CCCCCC 3px double;
}

/* 中見だし用 */
h3.header03 {
	float:left;
	clear:both;
	margin:0 0 10px 0;
	padding:3px 0 3px 6px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	line-height:16px;
	font-weight:normal;
	color:#666666;
	border-left:#CCCCCC 5px solid;
}

.main_w_block {
	width:800px;
	float:left;
	clear:both;
	padding:0 0 15px 0;
}

	/* コンテンツページ基本のリスト */
	.main_w_block ul,
	.main_w_block ol {
		float:left;
		clear:both;
		margin:0;
		padding:0 0 15px 28px;
	}

		#main li {
			clear:both;
			margin:0;
			padding:0;
			color:#666666;
		}

	/* テーブル用クラス */
	.main_w_block .table_normal {
		float:left;
		clear:both;
		margin:0 0 15px 0;
		padding:0;
	}

		.main_w_block .table_normal th {
			padding:3px;
			border-bottom:1px solid #999999;
			background-color:#E8E8E8;
			text-align:center;
			color:#333333;
		}

		.main_w_block .table_normal td {
			padding:3px 10px;
			border-bottom:1px solid #CCCCCC;
			color:#666666;
		}

	.main_w_block .table_dot {
		float:left;
		clear:both;
		margin:0 0 15px 0;
		padding:0;
		border-bottom:1px dashed #CCCCCC;
	}

		.main_w_block .table_dot th {
			padding:3px;
			border-top:1px dashed #CCCCCC;
			background-color:#E8E8E8;
			text-align:center;
			color:#333333;
		}

		.main_w_block .table_dot td {
			padding:3px 10px;
			border-top:1px dashed #CCCCCC;
			color:#666666;
		}

	/* テーブル内にPDFのリンク */
	.main_w_block table .pdf_link {
		padding:0 0 0 40px;
		background:url(/campusplanning/common/img/pdf_icon.gif) right center no-repeat;
	}

		.main_w_block table .pdf_link a {
			color:#264B9D;
		}

	/* 左右均等に分けるブロック */
	.main_w_block .part2_l {
		width:390px;
		float:left;
		padding:0 0 15px 0;
	}

	.main_w_block .part2_r {
		width:390px;
		float:right;
		padding:0 0 15px 0;
	}

	/* 左バランス大に分けるブロック */
	.main_w_block .part2_lb {
		width:400px;
		float:left;
		padding:0 0 15px 0;
	}

	.main_w_block .part2_rs {
		width:365px;
		float:right;
		padding:0 0 15px 0;
	}

	/* 右バランス大に分けるブロック */
	.main_w_block .part2_ls {
		width:365px;
		float:left;
		padding:0 0 15px 0;
	}

	.main_w_block .part2_rb {
		width:400px;
		float:right;
		padding:0 0 15px 0;
	}

	.main_w_block .part_block {
		float:left;
		clear:both;
		padding:10px 0 15px 0;
	}

	.main_w_block strong {
		float:left;
		clear:both;
		margin:0;
		padding:0;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size:18px;
		line-height:22px;
		font-weight:bold;
		color:#333333;
	}

		.main_w_block strong a {
			background:url(/campusplanning/common/img/strong_off.gif) left center no-repeat;
			color:#333333;
			padding:0 0 0 20px;
		}

		.main_w_block strong a:hover {
			background:url(/campusplanning/common/img/strong_on.gif) left center no-repeat;
			text-decoration:underline;
			padding:0 0 0 20px;
		}

		.main_w_block .news {
			width:800px;
			float:left;
			clear:both;
			margin:0;
			padding:10px 0 0 0;
			border-top:1px solid #CEC6AA;
		}

			.main_w_block .news ul {
				width:800px;
				float:left;
				clear:both;
				margin:0;
				padding:0;
				list-style:none;
			}

			.main_w_block .news li {
				width:782px;
				float:left;
				clear:both;
				margin:0 0 10px 0;
				padding:0 9px 11px 9px;
				border-bottom:1px solid #CEC6AA;
				color:#7B5223;
				font-size:10px;
				line-height:14px;
			}

				.main_w_block .news li .date {
					width:782px;
					float:left;
					clear:both;
					margin:0 0 2px 0;
					padding:0;
					color:#D01D1A;
					font-size:9px;
				}

				.main_w_block .news li .outline {
					width:782px;
					float:left;
					clear:both;
					margin:3px 0 0 0;
					padding:5px 0 0 0;
					border-top:1px dashed #CCCCCC;
				}




/* フッターナビ */
#footer_navi {
	width:100%;
	height:140px;
	margin:0;
	padding:0;
	float:left;
	clear:both;
	background:url(/campusplanning/common/img/footer_bg.gif) left top repeat-x;
}

	#footernavi_wrap {
		width:800px;
		margin:0 auto;
		padding:15px 0 8px 0;
		height:auto;
		text-align:left;
		display:table;
		font-size:11px;
		line-height:14px;
	}

	#footernavi_wrap .fnavi_l {
		width:540px;
		float:left;
		margin:0;
		padding:0 10px 0 0;
		list-style:none;
	}

		#footernavi_wrap .fnavi_l .en {
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
		}

		#footernavi_wrap .fnavi_l li {
			padding:0 0 5px 0;
		}

		#footernavi_wrap .fnavi_l li a {
			color:#465E04;
		}

		#footernavi_wrap .fnavi_l li a:hover {
			text-decoration:underline;
		}

	#footernavi_wrap .flogo {
		width:249px;
		float:left;
		margin:0;
		padding:0;
	}

		#footernavi_wrap .flogo img {
			width:238px;
			height:61px;
			float:right;
			clear:both;
			margin:0;
			padding:60px 0 0 3px;
		}



/* フッター */
#footer {
	width:100%;
	margin:0;
	padding:0;
	float:left;
	clear:both;
	background-color:#677B31;
}

	#footer_wrap {
		width:800px;
		margin:0 auto;
		padding:8px 0;
		height:auto;
		text-align:left;
		display:table;
		color:#FFFFFF;
		font-size:10px;
		font-family:Arial, Helvetica, sans-serif;
	}

/* 汎用クラス */

hr {
	width:580px;
	height:1px;
	float:left;
	clear:both;
	border-top:1px solid #999999;
	border-bottom:none;
	border-left:none;
	border-right:none;
	margin:15px 0 25px 0;
	padding:0;
}

	hr.wide {
		width:800px;
	}

.clear {
	clear:both;
}

/* 日付 */
.date {
	color:#D01D1A;
	font-size:9px;
}

/* ブロック右下につける説明など */
.more {
	width:100%;
	float:left;
	clear:both;
	text-align:right;
	margin:0 0 5px 0;
	font-size:10px;
	line-height:12px;
	font-family:Arial, Helvetica, sans-serif;
}

	.more a {
		color:#000000;
	}

	.more a:hover {
		text-decoration:underline;
	}

/* 中央寄せ */
.alg_c {
	text-align:center;
	clear:both;
}

/* 右寄せ */
.alg_r {
	float:right;
	padding:0 0 10px 10px;
}

/* 左寄せ */
.alg_l {
	float:left;
	padding:0 10px 10px 0;
}

/* グレー */
.gray {
	color:#666666;
}

/* 注意書き */
.attention {
	float:left;
	clear:both;
	font-size:10px;
	line-height:14px;
	color:#666666;
}

/* フォント大 */
.big {
	float:left;
	clear:both;
	font-size:18px;
	line-height:20px;
}

.margin_t-1 {
	margin:-1px 0 0 0;
}

/* 上部空け */
.margin_t5 {
	padding:5px 0 0 0;
	clear:both;
}

.margin_t10 {
	padding:10px 0 0 0;
	clear:both;
}

.margin_t15 {
	padding:15px 0 0 0;
	clear:both;
}

.margin_t20 {
	padding:20px 0 0 0;
	clear:both;
}

.margin_t25 {
	padding:25px 0 0 0;
	clear:both;
}

.margin_t30 {
	padding:30px 0 0 0;
	clear:both;
}

/* 下部空け */
.margin_b5 {
	padding:0 0 5px 0;
	clear:both;
}

.margin_b10 {
	padding:0 0 5px 0;
	clear:both;
}

.margin_b15 {
	padding:0 0 15px 0;
	clear:both;
}

.margin_b20 {
	margin:0 0 20px 0;
	clear:both;
}

.margin_b25 {
	margin:0 0 25px 0;
	clear:both;
}

.margin_b30 {
	margin:0 0 30px 0;
	clear:both;
}

.margin_b50 {
	margin:0 0 50px 0;
	clear:both;
}

.margin_b100 {
	margin:0 0 100px 0;
	clear:both;
}

.margin_b150 {
	margin:0 0 150px 0;
	clear:both;
}

.margin_b200 {
	margin:0 0 200px 0;
	clear:both;
}

/* 右空け */
.margin_r5 {
	padding:0 5px 0 0;
	clear:both;
}

.margin_r10 {
	padding:0 10px 0 0;
	clear:both;
}