@charset "UTF-8";

/*
Theme Name: Homepage
Theme URI: http://www.showtem.com/
Description: 
Author: SoftUnique
Author URI: http://www.softunique.jp/
*/


@import "css/reset.css";
@import "css/table.css";
@import "css/flow.css";

/*---------------------------------------*/
/*　　　　　　サイト基本設定　　　　　　*/ 
/*----------------------------------------*/

/*　背景設定　*/

body {
	font-family: 'ＭＳ Ｐゴシック', 'MS P Gothic', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3' ,sans-serif;
	background: url(images/bd_back.gif) repeat-y center top fixed;
	text-align: center;
}

/*　リンク設定　　*/

a {
	color: #0000FF;
}

a:hover {
	color:#a55720;
	background: #FFFACD;	
}

/*　全体枠設定　*/

#wrap {
	margin: 0 auto 0 auto;
	width: 850px;
	text-align: left;
}

	#wrap .tit {
		border-top: #00008b 3px solid;
		background:url(images/h1_back.gif) bottom left;
	}

	#wrap .tit h1 {
		float: left;
		color: #FFFFFF;
		font-weight: normal;
		font-size: 13px;
		padding: 1px 0 2px 10px;
	}


	#wrap .tit h2 {
		color: #FFFFFF;
		font-weight: normal;
		font-size: 13px;
		text-align: right;
		padding: 1px 10px 2px 5px;
	}

	#wrap .tit h2 a {
		color: #FFFFFF;
		text-decoration: none;
	}

	#wrap .tit h2 a:hover {
		color: #FFFFFF;
		background: #2356b0;
		text-decoration: none;
	}


/*----------------------------------------*/
/*　　　　　　ヘッダー設定　　　　　　　　*/
/*----------------------------------------*/

#header {
	position: absolute;
	z-index:1;
	width: 850px;
	top:20px;
	background: #FFFFFF;
	margin:0;	padding: 0;
}

#header .titleback {
	background: url(images/header.gif) no-repeat;
	width: 850px;
	height: 140px;
}
	#header .logo {
		margin: 20px 0 0 15px;
		float: left;
	}

	#header .notice {
		float: right;
		font-size: 0.9em;
		width:300px;
		margin: 22px 0 22px 0;
	}

	#header .navi {
		position: absolute;
		z-index:2;
		clear:both;
		width: 850px;
		height:36px;
		top: 133px;
		left: 0px;
		background: url(images/navi_off.gif) no-repeat left top;
	}

	#header .navi ul {
		font-size: 14px;
		text-align: center;
		margin: 0; padding:0;
		float: left;
	}

	#header .navi ul li {
		display: inline;
	}

	#header .navi ul li.page_item a {
		height:36px;
		font-size: 14px;
		padding: 9px 20px;
		background: url(images/navi.gif) no-repeat top left;
		color: #FFFFFF;
		text-decoration: none;
		float: left;
	}

	#header .navi ul li.page_item a:hover {
		color: #ffedb8;
		background:url(images/navi.gif) no-repeat top right;
	}

	#header .navi ul li.current_page_item a {
		height:36px;
		padding: 9px 20px;
		background:url(images/navi.gif) no-repeat top right;
		color: #ffedb8;
		text-decoration: none;
		float: left;
	}

	#header .navi ul li.current_page_item a:hover {
		background:url(images/navi.gif) no-repeat top right;
	}

/*-----------------------------------------*/
/*　　　　　　メイン設定　　　　　　　　　*/
/*----------------------------------------*/

#main_wrap {
	clear:both;
	position: absolute;	z-index:3;
	text-align: justify;
	background: url(images/w_back.gif);
	overflow: hidden;
	text-align: left;
	top:191px;
	width: 850px;
	margin:0; padding: 0;
}

#header .searchbox {
	position: absolute;
	z-index:5;
	display: inline;
	top: 10px;
	right:8px;
}

#searchbox1 {
	display: inline;
	width:90%;
	margin: 10px 10px 60px 0; padding:0;
}

	#header .search-box,#searchbox1 .search-box1 { 
		float: left;
		background: url(images/search-bg.gif) no-repeat;
		font-size: 12px;
		border: #B6C9D3 solid;
		border-width: 1px 0 1px 1px;
		width: 150px;
		height: 15px;
		padding:3px 0 3px 5px;
		margin:0;
	}

	#searchbox1 .search-box1 { 
		margin:0 0 0 10px;
	}

	* html #header .search-box,* html #searchbox1 .search-box1 { /* ie6ハック*/
		float: none;
	}

	#header .search-button {
		background:url(images/search-button.gif) no-repeat;
		border: 0;
		width:23px; height: 23px;
		padding:3px 0 3px 0; margin:0;
	}

	#searchbox1 .search-button1 {
		background:url(images/search-button.gif) no-repeat;
		border: 0;
		width:23px; height: 23px;
		padding:3px 0 3px 0; margin:0;
	}

	#wrap .tit p {
		position: absolute;
		z-index:4;
		clear: both;
		font-size: 13px;
		color: #666666;
		margin: 70px 10px 10px 20px;
		line-height: 140%;
		width:550px;
	}


/*　					　*/
/*　コンテンツスペース　*/
/*　					　*/


#content {
	clear: left;
	overflow: hidden;
	float: right;
	width: 620px;
	margin: 0 0 0 5px;	padding: 0;
	display: inline;
}

/*　パンくずリスト　*/

	#content .bread {
		position: absolute;	z-index:5;
		width: 620px;
		background: url(images/ya_list01.gif) no-repeat 2px 23px;
		font-size: 12px;
		line-height: 140%;
		color:#555555;
		top:0;
		padding: 20px 10px 0 12px;
	}

		#content .bread a {
			color:#2356b0;
		}
	
		#content .bread a:hover {
			color:#fb6b01;
		}



	#content .story {
		overflow: hidden;
		width: 620px;
		margin: 50px 0 20px 0;	padding: 0;
	}
	
	#content .storyNext {
		overflow: hidden;
		clear:both;
		width: 620px;
		margin: 0;	padding: 20px 0 20px 0;
	}


		#content .story h3,#content .storyNext h3 {
			width:620px; height: 38px;
			background: url(images/toph3_title.gif) no-repeat top left;
			color: #FFFFFF;
			font-size: 14px;
			margin: 15px 10px 0 2px;	padding: 11px 0 0 22px;
		}


		#content .story h4,#content .storyNext h4 {
			clear: both;
			border-left: 6px #114FA3 solid; 
			color: #114FA3;
			font-size: 14px;
			margin: 25px 10px 10px 2px;	padding: 2px 0 1px 10px;
		}

		#content .story h5 {
			color: #7F5B36;
			font-size: 14px;
			background: url(images/h5.gif) no-repeat 0 6px;
			margin: 20px 10px 10px 4px;	padding: 5px 0 4px 20px;
		}

		#content .story p {
			line-height: 180%;	
			color: #333333;
			font-size: 13px;
			margin: 10px 0 10px 0;	padding: 3px 10px 3px 5px;
		}

	#content .story ul {
		list-style-type: none;
		line-height: 180%;
		margin: 5px 0 5px 0;
	}

	#content .story ul li {
		color: #333333;
		background: url(images/ya10r_08.gif) no-repeat 5px 8px;
		font-size: 13px;
		line-height: 180%;
		margin: 3px 5px 3px 15px;	padding: 0 0 0 20px;
	}

		#content .story ul li ul{
			list-style-type: none;
			line-height: 180%;
			margin: 5px 0 5px 0;
		}

		#content .story ul li ul li{
			color: #333333;
			font-size: 1em;
			background: url(images/ya11r_08.gif) no-repeat 5px 8px;
			line-height: 180%;
			margin: 3px 5px 3px 15px;	padding: 0 0 0 20px;
		}

	#content .story ol,#content .storyNext ol {
		list-style-type: none;
		line-height: 180%;
		margin: 3px 0 20px 0;
		padding: 0;
	}

	#content .story ol li,#content .storyNext ol li {
		color: #333333;
		background: url(images/pin16.png) #FFFCDB no-repeat 7px 9px;
		border: 1px #FDE0A3 solid;
		font-size: 13px;
		line-height: 180%;
		margin: 5px 25px 10px 28px;
		padding: 5px 0 5px 28px;
	}

	#content .story dl,#content .storyNext dl {
		list-style-type: none;
		line-height: 180%;
		margin: 5px 0 15px 0px; 
	}

	#content .story dt,#content .storyNext dt {
		color: #333333;
		background:url(images/pin16.png) #FFFCDB no-repeat 5px 6px;
		border: 1px #FDE0A3 solid;
		border-bottom: 1px #c17912 solid;
		border-right: 1px #c17912 solid;
		line-height: 180%;
		font-weight: bold;
		font-size: 13px;
		margin: 20px 0 10px 15px;
		padding: 2px 0 2px 25px;
	}

	#content .story dd,#content .storyNext dd {
		font-size: 0.85em;
		color: #333333;
		font-size: 13px;
		line-height: 180%;
		margin: 0 10px 20px 40px;
		padding: 0;
	}

	#content .story blockquote {
		background: #f7f7f7;
		color: #000000;
		border-left: 3px solid #6F6F6F;
		line-height: 160%;
		padding: 4px 4px 4px 7px;
		margin: 15px 15px 20px 15px;
	}



/*　　　　　　　　*/
/*　トップページ　*/
/*　　　　　　　　*/


	#content .top {
		overflow: hidden;
		width: 620px;
		margin: 20px 0 20px 0;	padding: 0;
	}

		#content .top h3,#content .topNext h3 {
			clear: both;
			width:620px; height: 38px;
			background: url(images/toph3_title.gif) no-repeat top left;
			color: #FFFFFF;
			font-size: 14px;
			margin: 25px 10px 0 2px;	padding: 11px 0 0 22px;
		}

		#content .top h4,#content .top h5 {
			font-size: 15px ;
			color: #0B4695;
			border-bottom:1px dotted #0B4695;
			line-height: 170%;
			margin: 10px 10px 10px 5px;
			padding: 0;
		}

		#content .top h5 {
			margin: 30px 10px 10px 5px;
		}

		#content .top p {
			line-height: 180%;	
			color: #333333;
			font-size: 13px;
			margin: 5px 0 5px 0;	padding: 0 10px 0 5px;
		}



	#content .top_up {
		width: 580px;
		border: #FDE0A3 1px solid;
		background: #FFFCDB ;
		margin: 10px 10px 10px 5px;	padding: 10px;
	}

	* html #content .top_up { /*IE6以下用CSSハック*/
		margin: 0 10px 10px 0;
	}

		#content .top_up p {
			font-size: 13px ;
			color: #333333;
			line-height: 170%;
			margin: 0;
			padding: 0;
		}


		#content .top_up ul {
			list-style-type: none;
			line-height: 180%;
			margin: 5px 0 5px 0;
		}

			#content .top_up ul li {
				color: #333333;
				font-size: 14px;
				font-weight: bold;
				line-height: 180%;
				margin: 3px 5px 3px 15px;	padding: 0x;
			}


		#content .top_up ol {
			list-style-type: none;
			text-align: left;
			margin: 0;	padding:14px 0 10px 13px;
		}

			#content .top_up ol li {	
					width: 400px;
					margin:0 ; padding: 0;
			}

				#content .top_up ol li a {
					background: url(images/point_ya02.gif) no-repeat 9px 6px;
					display:block;
					font-weight: bold;
					font-size: 13px;
					line-height: 120%;
					margin: 0;	padding: 3px 5px 6px 42px;
				}




	#content .bottom {
		overflow: hidden;
		background: url(images/bottom_line.gif) no-repeat top left;
		width: 570px;
		margin: 20px 0 20px 0;	padding: 0;
	}

		#content .bottom img {
			margin: 10px 0 0 0;	padding: 0;
		}

		#content .bottoml {
			float: left;
			display: inline;
			width: 220px;
			margin: 0;	padding: 0;
		}

		#content .bottoml img {
			margin: 0;	padding: 0;
		}


		#content .bottomr {
			margin: 0;	padding: 0;
		}


				#content .bottomr img {
					margin: 0;	padding: 0;
				}



/*　枠　*/

	#content .sq {
		border: 1px #FDE0A3 solid;
		background:#FFFCDB;
		padding: 10px 0;
		margin: 15px 10px 15px 30px;
	}

	#content .sq ul {
		list-style-type: none;
		line-height: 180%;
		margin: 5px 0 5px 0;
	}

	#content .sq ul li {
		color: #222222;
		background: url(images/limark01.png) no-repeat 7px 4px;
		font-size: 13px;
		line-height: 180%;
		margin: 3px 5px 3px 15px;
		padding: 0 0 0 27px;
	}


	#content .sq01 {
		border: 1px #333333 solid;
		background:#FFFCDB;
		padding: 10px 10px;
		margin: 15px 20px 15px 25px;
	}

	#content .sq01 p {
		font-size: 12px;
		padding: 2px 0;
		margin: 0;
	}

	#content .anshin {
		overflow: hidden;
		width:520px;
		border: 1px #b7bcf7 solid;
		background: #f4fafe;
		padding: 0;
		margin: 10px 0 50px 30px;
	}

	#content .sq_blank {
		overflow: hidden;
		clear:both;
		padding: 0;
		margin: 10px 5px 10px 10px;
	}


/*　写真配置　*/

	#content .photoc {
		color: #666666;
		text-align:center;
		margin: 10px 0 15px 0;	padding: 2px 0;
		font-size: 12px;
	}

	#content .photor {
		float: right;
		color: #666666;
		text-align:center;
		font-size: 12px;
		margin: 0 10px 7px 15px;	padding: 10px 0 2px 0;
	}

	#content .photol {
		float: left;
		color: #666666;
		text-align:center;
		font-size: 12px;
		margin: 0 15px 7px 0;	padding: 10px 0 2px 0;
	}

		#content .photor img,#content .photol img {
			margin: 0 0 2px 0;
		}


/*　プロジェクトの概要　*/

	#content .purpose,#content .request {
		overflow: hidden;
		width: 620px;
		margin: 50px 0 20px 0;	padding: 0;
	}

		#content .purpose h3 {
			width:620px; height: 170px;
			margin: 15px 0 15px 0;	padding: 0;
		}

		#content .request h3 {
			width:620px; height: 150px;
			margin: 15px 0 15px 0;	padding: 0;
		}

		#content .purpose h4,#content .request h4 {
			background: url(images/h3_title.gif) no-repeat top left;
			color: #333333;
			width:620px; height: 37px;
			font-size: 14px;		
			margin: 25px 0 5px 0;	padding: 10px 0 0 20px;
		}

		#content .purpose h5,#content .request h5 {
			clear: both;
			color: #114FA3;
			font-size: 14px;
			margin: 25px 10px 10px 2px;	padding: 5px 0 4px 0;
		}

		#content .purpose h6,#content .request h6 {
			background: url(images/h3_title.gif) no-repeat top left;
			color: #333333;
			width:620px; height: 37px;
			font-size: 14px;		
			margin: 40px 0 5px 0;	padding: 10px 0 0 20px;
		}

		#content .purpose p,#content .request p {
			line-height: 180%;	
			color: #333333;
			font-size: 13px;
			margin: 10px 0 10px 0;	padding: 3px 10px 3px 5px;
		}

/*　ホームページ無料自動診断　*/

	#content .freecheck {
		overflow: hidden;
		width: 620px;
		margin: 50px 0 20px 0;	padding: 0;
	}

		#content .freecheck h3 {
			width:620px; height: 150px;
			margin: 15px 0 15px 0;	padding: 0;
		}

		#content .freecheck h4 {
			background: url(images/h3_title.gif) no-repeat top left;
			color: #333333;
			width:620px; height: 37px;
			font-size: 14px;		
			margin: 25px 0 15px 0;	padding: 10px 0 0 20px;
		}


		#content .freecheck h5 {
			clear: both;
			color: #114FA3;
			font-size: 14px;
			margin: 25px 10px 10px 2px;	padding: 5px 0 4px 0;
		}

		#content .freecheck p {
			line-height: 180%;	
			color: #333333;
			font-size: 13px;
			margin: 10px 0 10px 0;	padding: 3px 10px 3px 5px;
		}

/*　自動診断リンク画像　*/


	#content .freechecklink {
		margin: 40px 0 20px 0;
	}

		#content .freechecklink a:hover {
			background: none;
		}





/*　よくある質問　*/

	#content .qa {
		overflow: hidden;
		width: 620px;
		margin: 50px 0 20px 0;	padding: 0;
	}

		#content .qa h3 {
			width:620px; height: 38px;
			background: url(images/toph3_title.gif) no-repeat top left;
			color: #FFFFFF;
			font-size: 14px;
			margin: 15px 10px 0 2px;	padding: 11px 0 0 22px;
		}

		#content .qa h4 {
			clear: both;
			background: url(images/h4_title.gif) no-repeat top left;
			border-bottom: 1px #114FA3 solid;
			color: #333333;
			font-size: 14px;
			margin: 25px 10px 10px 2px;	padding: 5px 0 4px 14px;
		}

		#content .qa p {
			line-height: 180%;	
			color: #333333;
			font-size: 14px;
			margin: 10px 0 10px 0;	padding: 3px 10px 3px 5px;
		}

		#content .qa dl {
			list-style-type: none;
			line-height: 180%;
			margin: 3px 0 12px 0;
			padding: 0;
		}

		#content .qa dt {
			color: #333333;
			background: url(images/q01.gif) #FFFCDB no-repeat 5px 8px;
			line-height: 180%;
			font-size: 13px;
			font-weight: bold;
			margin: 25px 5px 15px 17px;
			padding: 3px 0 3px 35px;
		}

		#content .qa dd {
			color: #222222;
			font-size: 13px;
			background: url(images/a01.gif) no-repeat 5px 5px;
			line-height: 180%;
			margin: 15px 5px 35px 17px;
			padding: 0 0 0 35px;
		}

		#content .qa hr {
			width: 98%;
			text-align:center;
			border: 1px #CCCCCC dotted;
		}



/*	検索結果	*/

	#content .search {
		overflow: hidden;
		width: 620px;
		margin: 50px 0 50px 0;	padding: 0;
	}

		#content .search h3 {
			width:620px; height: 38px;
			background: url(images/toph3_title.gif) no-repeat top left;
			color: #FFFFFF;
			font-size: 14px;
			margin: 15px 10px 0 2px;	padding: 11px 0 0 22px;
		}
	
		#content .search ul {
			line-height: 160%;
			margin: 3px 0 20px 25px;
			padding: 0;
		}

		#content .search ul li{
			color: #222222;
			font-size: 13px;
			line-height: 160%;
			margin: 5px 25px 0 25px;
			padding: 5px 0 5px 5px;
		}

		#content .search p {
			line-height: 180%;	
			color: #222222;
			font-size: 13px;
			margin: 1em 0 1em 1em;	padding: 3px 5px 3px 0;
		}



/*　最新情報　*/

	#content .news {
		overflow: hidden;
		width: 620px;
		margin: 50px 0 20px 0;	padding: 0;
	}

		#content .news h3 {
			width:620px; height: 38px;
			background: url(images/toph3_title.gif) no-repeat top left;
			color: #FFFFFF;
			font-size: 14px;
			margin: 15px 10px 0 2px;	padding: 11px 0 0 22px;
		}



	#content .storycontent {
		color: #333333;
		line-height: 200%;
		border: 1px #ACD3E9 solid;
		width:598px;
		margin: 20px 10px 5px 0;
		padding: 5px 5px 10px 5px;
	}

		#content .storycontent h4 {
			color: #00008B;
			border-left:7px solid #1352A6;
			background:#F1FAFF;
			line-height: 140%;
			font-size: 11pt;
			margin: 0;
			padding: 5px 10px 3px 10px;
		}

			#content .storycontent h4 a {
				font-size: 11pt;
			}

		#content .storycontent p {
			padding: 5px 5px 8px 15px;
			line-height: 200%;	
			color: #333333;
			font-size: 13px;
		}

		#content .storycontent pre {
			width: 580px;
			font-family: Verdana, Arial, sans-serif;
			background: #f7f7f7;
			border: 1px solid #999999;
			line-height: 140%;
			padding: 3px 10px;
			margin: 15px auto;
			overflow: auto;
			color: #333333;
			font-size: 12px;
		}

		#content .storycontent ul {
			list-style-type: none;
			line-height: 180%;
			margin: 5px 0 5px 0;
		}

			#content .storycontent ul li {
				color: #333333;
				background: url(images/ca12_05.gif) no-repeat 5px 9px;
				font-size: 13px;
				line-height: 180%;
				margin: 3px 5px 3px 35px;
				padding: 0 0 0 18px;
			}

		
		#content .datef {
			border-left:7px solid #1352A6;
			background:#F1FAFF;
			line-height: 110%;
			padding: 0 10px 7px 10px;
			margin: 0 0 15px 0;
			text-align: right;
			color:#333333;
			font-size: 9pt;
		}


		#content .news h5 {
			border-left:7px solid #1352A6;
			color: #333333;
			font-size: 15px;
			margin: 30px 0 10px 0;	padding: 4px 0 3px 15px;
		}

			#content .news h5 a {
				text-decoration: none;
			}

			#content .news p {
				line-height: 180%;	
				color: #333333;
				font-size: 14px;
				margin: 10px 0 10px 0;	padding: 3px 10px 3px 10px;
			}

		#content .meta, #content .meta a {
/*			color: #993333; */
			font-family: Osaka, Verdana, sans-serif;
			margin: 20px 5px 15px 0;
			text-align: right;
			font-size: 9pt;
		}

			#content .meta ul, #content .meta ul li {
				display: inline;
				text-decoration: none;
				background:none;
				margin: 0;	padding: 0;
			}

	#content .news2 {
		width:620px;
		color: #333333;
		line-height: 160%;
		margin: 50px 0 35px 0;
		padding: 0 25px 15px 0;
	}

		#content .news2 h5 {
			font-size: 14px;
			margin: 10px 0 0 0;	padding: 1px 5px 1px 5px;
		}

		#content .news2 ul {
			margin: 10px 0 0 30px; padding:0;
		}

			#content .news2 ul li {
				background: none;
				font-size: 14px;
				margin:0;
				padding: 0 17px 5px 0;
			}

	#content .news_date {
		text-align: left;
		font-size: 10pt;
		color:#555555;
		margin:0; padding:0 10px 10px 20px;
	}


/*　　コメントページ　*/

#comments {
	margin: 0 0 20px 5px;
}

	#comments .blog_com {
		width:610px;
		margin:0;	padding: 0;
	}

		#comments .blog_com h4 {
			border-left: 7px solid #1352A6;
			border-bottom: 1px solid #1352A6;
			margin:30px 10px 15px 0;	
			font-size: 11pt;
			font-weight: bold;
			padding: 3px 0 3px 8px;
		}

		#comments .blog_com p {
			color:#333333;
			padding:0 10px 0 0;
			border:none;
			line-height: 120%;
			font-size: 10pt;
			margin:5px 0 10px 0;
		}


		#comments .blog_com input,#comments .blog_com textarea {
			font-size: 10pt;
			line-height: 140%;
			color:#333333;
		}

		#comments .center_blog01 hr {
			width: 80%;
			height: 1px;
			border-style: dotted none none none;
			border-top-color: #C9CACA;
			border-top-width: 1px;
			margin: 10px 0;
		}

	#content .feedback {
		clear: both;
		margin: 15px 10px 0 0; padding: 20px 0 0 0;
	}

	* html #content .feedback { /*IE6以下用CSSハック*/
		padding: 0;
	}

		#content .feedback p {
			font-size: 0.8em;
		}

		#content .feedback input {
			width:540px;
			background-color: #F1FAFF;
			margin: 0;
			padding:3px;
		}


/*　分割リンク　*/

#content .navilink {
	width: 100%;
	font-size: 0.8em;
	text-align: center;
	margin: 0 0 30px 0;
}

/*　　問合せ枠　*/

#content .askspace {
	text-align: center;
	margin: 25px 0 15px 20px;
	padding: 15px 0 0 0;
}


/*　　テキスト右配置　*/

#content .textr {
	font-size: 13px;
	text-align: right;
	margin: 10px 5px 10px 0;
}


/*　　ページトップへ　*/

#content .page_top,#content_top .page_top {
	text-align: right;
	font-size: 12px;
	margin: 30px 10px 30px 0;
}


/*--------------------------------------*/
/*　　　　　　左メニュー設定　　　　　　*/
/*---------------------------------------*/


#left {
	float: left;
	width: 200px;
	margin: 20px 0 0 10px; padding: 0 0 20px 0;
	display: inline;
}

* html #left  { /*IE6以下用CSSハック*/
	margin: 20px 0 0 10px;
}						


	#left .menu_img {
		border:0;
		margin:5px 0 0 0;	padding:0;
	}


/*　メニュー　*/

	#left .menu,#left .menuB,#left .menu_office {
		width: 200px;
		margin: 0 0 20px 0;	padding: 0;
		background: #e4f2fd;
	}

		#left .menu h4,#left .menuB h4,#left .menu h5 {
			width: 164px;
			background:url(images/mtb01.gif) repeat-x top;
			font-size: 14px;
			color:#FFFFFF;		
			margin:0;	padding: 8px 0 7px 36px;
		}

		#left .menu_office h4 {
			width: 164px;
			background:url(images/mtb01.gif) repeat-x top;
			font-size: 14px;
			color:#FFFFFF;		
			margin:0;	padding: 8px 0 7px 36px;
		}

		#left .menu p,#left .menuB p {
			color: #333333;
			font-size: 13px;
			line-height: 130%;
			margin: 15px 5px 10px 10px;	padding:0;
		}

		#left .menu ul,#left .menu ul.page_item,
		#left .menu ul.current_page_item,
		#left .menu_office ul,#left .menu_office ul.page_item,
		#left .menu_office ul.current_page_item {
			list-style-type: none;
			text-align: left;
			margin: 0;	padding:0;
		}

			#left .menu ul li,	
			#left .menu ul li.page_item,
			#left .menu ul.current_page_item,
			#left .menu_office ul li,	
			#left .menu_office ul li.page_item,
			#left .menu_office ul.current_page_item  {
					width: 200px;
			}

				#left .menu ul li a,	
				#left .menu ul li.page_item a,
				#left .menu_office ul li a,	
				#left .menu_office ul li.page_item a {
					width: 176px;
					color: #00008B;
					background: url(images/menu_back.gif) no-repeat top left;
					display: block;
					text-decoration: none;
					font-weight: bold;
					font-size: 13px;
					line-height: 120%;
					margin: 0;	padding: 9px 2px 10px 22px;
				}

				#left .menu ul li.page_item a:hover,
				#left .menu ul li.current_page_item a,
				#left .menu_office ul li.page_item a:hover,
				#left .menu_office ul li.current_page_item a {
					width: 176px;
					color: #FFFFFF;
					background: url(images/menu_back.gif) no-repeat top right;
					display: block;
					text-decoration: none;
					font-weight: bold;
					font-size: 13px;
					line-height: 120%;
					margin: 0;	padding: 9px 2px 10px 22px;
				}


		#left .menu dl {
			list-style-type: none;
			line-height: 180%;
		}

			#left .menu dt {
				color: #FFFFFF;
				background: #BF740C;
				line-height: 180%;
				font-weight: bold;
				padding: 3px 0;
				text-align: center;
			}

			#left .menu dd {
				font-size: 0.85em;
				color: #5F5F5F;
				background: url(images/yd08r_08.gif) no-repeat 0 5px;
				font-size: 1em;
				line-height: 130%;
				margin: 0 0 7px 5px;	padding: 0 0 0 12px;
			}

		#left .menu hr {
			width: 98%;
			text-align:center;
			border: 1px #CCCCCC dotted;
		}

		#left .menu img {
			border:0;
			margin: 3px 0 3px 5px;	padding:0;
		}


/*　お知らせ、メニュー　*/

	#left .menu_new {
		width: 200px;
		background: #e4f2fd;
		margin: 20px 0 0 0;	padding:0;
	}

		#left .menu_new h4 {
			width: 190px;
			background:url(images/mtb01.gif) repeat-x top;
			font-size: 14px;
			color:#FFFFFF;		
			margin:0;	padding: 8px 0 7px 10px;
		}

		#left .menu_new h5 {
			width: 164px;
			background:url(images/mtb01.gif) repeat-x top;
			font-size: 14px;
			color:#FFFFFF;		
			margin:0;	padding: 8px 0 7px 36px;
		}

		#left .menu_new p {
			color: #333333;
			font-size: 13px;
			line-height: 120%;
			margin: 0;	padding:2px 0 0 0;
		}

		#left .menu_new ul {
			list-style-type: none;
			text-align: left;
			margin: 0;	padding:15px 0 15px 0;
		}

				#left .menu_new ul li {
					width: 180px;
					background: url(images/ya_list01.gif) no-repeat 7px 5px;
					font-size: 13px;
					line-height: 120%;
					margin: 0;	padding: 3px 5px 3px 17px;
				}



/*　バナー　*/
		
		#left .menu_bannar {
			border:0;
			margin: 20px 0 0 0;	padding:0;
		}

		#left .menu_bannarb {
			border:0;
			margin: 20px 0 40px 0;	padding:0;
		}

/*　地図　*/
	#left .map1 {
		background:url(images/map.gif) no-repeat center center;
		margin:0;
		padding:10px 0 0 0;
	}

	#left .map1 p {
		color: #555555;
		font-size: 12px;
		line-height: 120%;
		margin:0;
		padding:10px;
	}

/*　W3C　*/
	#left .menu_newb {
		width: 200px;
		background:url(images/menu_new_back02.gif) no-repeat bottom left;
		margin: 20px 0 20px 0;	padding:0;
	}

		#left .menu_newb h5 {
			width: 200px;
			background:url(images/menu_title03.gif) no-repeat top left;
			font-size: 14px;
			color:#FFFFFF;		
			margin:0;	padding: 10px 0 9px 36px;
		}


	#left .w3c {
		text-align: center;
		margin: 0;	padding: 0;
	}

		#left .w3c img {
			border: none;
			margin: 0;	padding: 10px 0 0 0;
		}

		#left .w3c p {
			text-align: left;
			font-size: 11px;
			color: #444444;
			line-height: 140%;
			margin: 0; padding: 10px 5px 10px 10px;
		}


/*--------------------------------------*/
/*　　　　　　フッター設定　　　　　　*/
/*--------------------------------------*/

#footer {
	clear: both;
	color: #333333;
	font-size: 0.8em;
	text-align: center;
	line-height: 140%;
	width: 850px;
	margin:0;	padding: 0;
}

	#footer .f_menu {
		color: #333333;
		text-align: center;
		line-height: 180%;
		width: 850px;
		background: #fdebe9;
		margin:0;	padding: 12px 0 12px 0;
	}

	#footer a {
		color: #008fd1;
	}

	#footer a:hover {
		color:#fb6b01;
		background: #FFFACD;
	}

	#footer .b_menu {
		color: #FFFFFF;
		background: url(images/footerback.gif);
		font-size:12px;
		text-align: center;
		line-height: 140%;
		width: 850px;
		margin:0;	padding: 10px 0 10px 0;
	}

		#footer .b_menu h3 {
			color: #FFFFFF;
			font-size:12px;
			line-height: 140%;
		}

		#footer .b_menu a {
			color: #FFFFFF;
			text-decoration: none;
		}

		#footer .b_menu a:hover {
			text-decoration: none;
			color:#fb6b01;
			background: #2356b0;
		}

	#footer .showtem_link {
		text-align:right;
		border: none;
		margin:0 10px 0 0;
		padding: 0;
	}

.navigation {
	display: block;
	font-size: 0.8em;
	margin: 5px 10px 10px 0;
}

.alignright {
	display: inline;
	float: right;
	margin: 10px 0 10px 10px; 
}

	
.alignleft {
	display: inline;
	float: left;
	margin: 10px 10px 10px 10px; 
}
	.alignleft:after {
		content: "";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
	}	


/*-----------------------------------*/
/*　　フォントカラー設定　　　　*/
/*---------------------------------*/

.fred {
	color: #FF0000;
}

.fredb {
	color: #FF0000;
	font-weight:bold;
}

.fored {
	color: #ff3300;
}

.fblue {
	color: #0000FF;
}

.fgreen {
	color: #008000;
}

.fgray {
	color: #808080;
}

.foran {
	color: #FFA500;
}

.fpink {
	color: #E84E97;
}

.fbrown {
	color: #993333;
}


.bfred {
	color: #FF0000;
	font-weight:bold;
}

.bfored {
	color: #ff3300;
	font-weight:bold;
}

.bfblue {
	color: #0000FF;
	font-weight:bold;
}

.bfgreen {
	color: #008000;
	font-weight:bold;
}

.bfgray {
	color: #808080;
	font-weight:bold;
}

.bforan {
	font-weight:bold;
	color: #FFA500;
}

.bfpink {
	font-weight:bold;
	color: #E84E97;
}

.bfred1,.bfored1,.bfblue1,.bfgreen1,
.bfgray1,.bforan1,.bfbrown1,.bfpink1 {
	font-weight:bold;
	font-size:16px;
}


.bfred1 {
	color: #FF0000;
}

.bfored1 {
	color: #ff3300;
}

.bfblue1 {
	color: #0000FF;
}

.bfgreen1 {
	color: #008000;
}

.bfgray1 {
	color: #808080;
}

.bfbrown1 {
	color: #993333;
}

.bforan1 {
	color: #FFA500;
}

.bfpink1 {
	color: #E84E97;
}


/*------------------------------------*/
/*　　　　　　文字装飾　　　　　　　　　*/
/*---------------------------------*/
.under {
	text-decoration: underline;
}

.under_red {
	border-bottom: 1px #E60012 solid;
}

.under_ored {
	border-bottom: 1px #FF3300 solid;
}

.bg_yel {
	color: #333333;
	font-weight:bold;
	background-color: #FFFF00;
}

/*------------------------------------*/
/*　　　　　　文字サイズ　　　　　　*/
/*---------------------------------*/

.fsizes {
 font-size: 0.9em;
}


/*--------------------------------*/
/*　　　　　　画像設定　　　*/
/*-------------------------------*/

.img_topt{
	border: none;
	margin:0 0 10px 10px;
}

.img_bn{
	border: none;
}

.img_b1{
	border: 1px #FFFFFF solid;
}

.img_marg{
	border: none;
	margin: 5px 0;
}

.img_google{
	width: 75px;
	height: 32px;
	border: none;
	/*background: #FFFFFF;*/
	vertical-align: middle;	
}

.img_fr {
	float: right;
	border: 0;	margin: 0 5px 10px 10px;
}

.img_up {
	margin: 40px 0 0 0;
}

.img_bottom {
	margin: 0 0 20px 0;
}

.img_subtop {
	margin: 10px 0 20px 0;
}

.img_bottom_top {
	margin: 40px 0 20px 0;
}


/*--------------------------------*/
/*　　　　　　フロー解除　　　*/
/*-------------------------------*/

.clear {
	clear: both;
}