/*
Created by D&I Solutions
http://www.dni-s.com/
*/

@charset "Shift_JIS";

/* 基本構造 */

.ie6 body {
	background-color: #FFF;
	margin: 0px 0px 0px 0px;
	float: center;
	text-align: center;
	font-size: 12;
	color: #000;
}

.ie7 body {
	background-color: #FFF;
	margin: 0px 0px 0px 0px;
	float: center;
	text-align: center;
	font-size: 12;
	color: #000;
}

.webkit body {
	background-color: #FFF;
	margin: 0px 0px 0px 0px;
	float: center;
	text-align: center;
	font-size: 12;
	font-famil: 'MS P Gothic';
	color: #000;
}

.ie6 img {
	border: none;
	vertical-align: top;
}

.ie7 img {
	border: none;
	vertical-align: top;
}

.webkit img {
	border: none;
	vertical-align: top;
}

.ie6 table {
	font-size: 12;
}

.ie7 table {
	font-size: 12;
}

.webkit table {
	font-size: 12;
}

.ie6 a:link {
	color: #FF7F00;
	text-decoration: none;
}

.ie7 a:link {
	color: #FF7F00;
	text-decoration: none;
}

.webkit a:link {
	color: #FF7F00;
	text-decoration: none;
}

.ie6 a:visited {
	color: #708090;
	text-decoration: none;
}

.ie7 a:visited {
	color: #708090;
	text-decoration: none;
}

.webkit a:visited {
	color: #708090;
	text-decoration: none;
}

.ie6 a:active {
	color: #808080;
	text-decoration: none;
}

.ie7 a:active {
	color: #808080;
	text-decoration: none;
}

.webkit a:active {
	color: #808080;
	text-decoration: none;
}

.ie6 a:hover {
	color: #a9a9a9;
	text-decoration: none;
}

.ie7 a:hover {
	color: #a9a9a9;
	text-decoration: none;
}

.webkit a:hover {
	color: #a9a9a9;
	text-decoration: none;
}

/* 各見出し */

.ie7 h1{
	color: #FF7F00;
	font-size: 16px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.ie7 h2{
	color: #FF7F00;
	font-size: 16px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.ie7 h3{
	color: #000;
	font-size: 12px;
	font-weight: strong;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* ページ本体 */

.ie6 #inbox {
	background-color: #FFF;
	margin: 10px 10px 10px 10px;
	padding: 0px 0px 0px 0px;
	float: center;
	text-align: left;
	width: 800px;
}

.ie7 #inbox {
	background-color: #FFF;
	margin: 10px 10px 10px 10px;
	padding: 0px 0px 0px 0px;
	float: center;
	text-align: left;
	width: 800px;
}

.webkit #inbox {
	background-color: #FFF;
	margin: 10px 10px 10px 10px;
	padding: 0px 0px 0px 0px;
	float: center;
	text-align: left;
	width: 800px;
}

/* index.html */

	/* メニューバー */

	.ie6 #menubar{
		background-color: #FFF;
		margin: 0px 0px 2px 0px;
		padding: 0px 0px 0px 0px;
		float: left;
		width: 800px;
		height: 25px;
	}

	.ie7 #menubar{
		background-color: #FFF;
		margin: 0px 0px 2px 0px;
		padding: 0px 0px 0px 0px;
		float: left;
		width: 800px;
		height: 25px;
	}

	.webkit #menubar{
		background-color: #FFF;
		margin: 0px 0px 2px 0px;
		padding: 0px 0px 0px 0px;
		float: left;
		width: 800px;
		height: 25px;
	}

		.ie6 .menuimg{
			background-color: #FFF;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			float: left;
			text-align: left;
			width: 160px;
			height: 25px;
		}

		.ie7 .menuimg{
			background-color: #FFF;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			float: left;
			text-align: left;
			width: 160px;
			height: 25px;
		}

		.webkit .menuimg{
			background-color: #FFF;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			float: left;
			text-align: left;
			width: 160px;
			height: 25px;
		}

	/* タイトルバー */

	.ie6 .title_index{
		background-color: #FFF;
		margin: 2px 0px 0px 1px;
		padding: 0px 0px 0px 0px;
		float: left;
		width: 797px;
		height: 26px;
	}

	.ie7 .title_index{
		background-color: #FFF;
		margin: 2px 1px 0px 2px;
		padding: 0px 0px 0px 0px;
		float: left;
		width: 797px;
		height: 26px;
	}

	.webkit .title_index{
		background-color: #FFF;
		margin: 2px 1px 0px 2px;
		padding: 0px 0px 0px 0px;
		float: left;
		width: 797px;
		height: 26px;
	}

	/* コンテンツ */

	.ie6 #contents_index{
		background-image: url(./img/img_border.gif);
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: left;
		width: 800px;
		height: 330px;
	}

	.ie7 #contents_index{
		background-image: url(./img/img_border.gif);
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: left;
		width: 800px;
		height: 330px;
	}

	.webkit #contents_index{
		background-image: url(./img/img_border.gif);
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		float: left;
		width: 800px;
		height: 331px;
	}

		.ie6 #logo_index{
			background-color: #FFF;
			margin: 4px 0px 0px 0px;
			padding: 1px 0px 1px 0px;
			float: left;
			width: 640px;
			height: 322px;
		}

		.ie7 #logo_index{
			background-color: #FFF;
			margin: 4px 0px 0px 0px;
			padding: 1px 0px 1px 0px;
			float: left;
			width: 640px;
			height: 322px;
		}

		.webkit #logo_index{
			background-color: #FFF;
			margin: 4px 0px 0px 0px;
			padding: 1px 0px 0px 0px;
			float: left;
			width: 640px;
			height: 322px;
		}

		.ie6 #box_news{
				background-color: #FFF;
				margin: 2px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				width: 800px;
				float: left;
		}

		.ie7 #box_news{
				background-color: #FFF;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				width: 800px;
				float: left;
		}

		.webkit #box_news{
				background-color: #FFF;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				width: 800px;
				float: left;
		}

		.ie6 #index_news{
			background-color: #FFF;
			margin: 0px 0px 0px 0px;
			padding: 20px 0px 0px 10px;
			float: left;
			width: 520px;
			height: 260px;
			overflow:auto;
		}

		.ie7 #index_news{
			background-color: #FFF;
			margin: 0px 0px 0px 0px;
			padding: 20px 0px 0px 10px;
			float: left;
			width: 520px;
			height: 260px;
			overflow:auto;
		}

		.webkit #index_news{
			background-color: #FFF;
			margin: 0px 0px 0px 0px;
			padding: 20px 0px 0px 10px;
			width: 500px;
			height: 225px;
			overflow:auto;
		}

			.ie6 #box_news_left{
				background-color: #FFF;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				float: left;
				border-right: 1px solid #b7b7b7;
			}

			.ie7 #box_news_left{
				background-color: #FFF;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				float: left;
				border-right: 1px solid #b7b7b7;
			}

			.webkit #box_news_left{
				background-color: #FFF;
				margin: 2px 0px 2px 0px;
				padding: 0px 0px 0px 0px;
				width: 640px;
				float: left;
				border-right: 1px solid #b7b7b7;
			}

		.ie6 #index_topics{
			background-color: #FFF;
			margin: 2px 0px 0px 2px;
			padding: 0px 0px 0px 0px;
			float: left;
			width: 155px;
			height: 100px;
		}

		.ie7 #index_topics{
			background-color: #FFF;
			margin: 2px 0px 0px 2px;
			padding: 0px 0px 0px 0px;
			float: left;
			width: 155px;
			height: 100px;
		}

		.webkit #index_topics{
			background-color: #FFF;
			margin: 0px 0px 0px 5px;
			padding: 0px 0px 0px 0px;
			float: left;
			width: 146px;
		}

			.ie6 .topics_title{
				background-color: #FFF;
				margin: 3px 0px 5px 3px;
				padding: 0px 0px 0px 0px;
				float: left;
				width: 146px;
				height: 33px;
			}

			.ie7 .topics_title{
				background-color: #FFF;
				margin: 3px 0px 5px 3px;
				padding: 0px 0px 0px 0px;
				float: left;
				width: 146px;
				height: 33px;
			}

			.webkit .topics_title{
				background-color: #FFF;
				margin: 3px 0px 5px 0px;
				padding: 0px 0px 0px 0px;
				float: left;
				width: 146px;
				height: 33px;
			}

			.ie6 .topics_img{
				background-color: #FFF;
				margin: 0px 0px 5px 3px;
				padding: 0px 0px 0px 0px;
				float: left;
				width: 146px;
				height: 100px;
			}

			.ie7 .topics_img{
				background-color: #FFF;
				margin: 0px 0px 5px 3px;
				padding: 0px 0px 0px 0px;
				float: left;
				width: 146px;
				height: 100px;
			}

			.webkit .topics_img{
				background-color: #FFF;
				margin: 0px 0px 5px 0px;
				padding: 0px 0px 0px 0px;
				float: left;
				width: 146px;
				height: 100px;
			}

			.ie6 .topics_text{
				background-color: #FFF;
				margin: 0px 0px 5px 3px;
				padding: 0px 10px 0px 12px;
				font-size: 11;
				float: left;
				width: 146px;
			}

			.ie7 .topics_text{
				background-color: #FFF;
				margin: 0px 0px 5px 3px;
				padding: 0px 10px 0px 12px;
				font-size: 11;
				float: left;
				width: 146px;
			}

			.webkit .topics_text{
				background-color: #FFF;
				margin: 0px 0px 5px 0px;
				padding: 0px 10px 0px 12px;
				font-size: 11;
				float: left;
				width: 123px;
			}

		.ie6 #index_pickup{
			background-color: #FFF;
			margin: 2px 0px 5px 60px;
			padding: 0px 0px 0px 0px;
			border-left: 1px solid #b7b7b7;
			border-right: 1px solid #b7b7b7;
			float: left;
			width: 520px;
			height: 100px;
		}

		.ie7 #index_pickup{
			background-color: #FFF;
			margin: 0px 0px 5px 119px;
			padding: 0px 0px 0px 0px;
			border-left: 1px solid #b7b7b7;
			border-right: 1px solid #b7b7b7;
			float: left;
			width: 522px;
			height: 100px;
		}

		.webkit #index_pickup{
			background-color: #FFF;
			margin: 0px 161px 5px 119px;
			padding: 0px 0px 0px 0px;
			border-left: 1px solid #b7b7b7;
			border-right: 1px solid #b7b7b7;
			float: left;
			width: 520px;
			height: 100px;
		}

	/* サイドメニュー・右 */

		.ie6 #side_right{
			background-color: #FFF;
			margin: 4px 0px 0px 0px;
			padding: 1px 0px 1px 0px;
			float: left;
			width: 160px;
			height: 320px;
		}

		.ie7 #side_right{
			background-color: #FFF;
			margin: 4px 0px 0px 0px;
			padding: 1px 0px 1px 0px;
			float: left;
			width: 160px;
			height: 320px;
		}

		.webkit #side_right{
			background-color: #FFF;
			margin: 4px 0px 0px 0px;
			padding: 1px 0px 2px 0px;
			float: left;
			width: 160px;
			height: 320px;
		}

			.ie6 .right_img_a{
				background-color: #FFF;
				margin: 0px 0px 5px 1px;
				padding: 0px 0px 0px 0px;
				float: left;
				width: 157px;
				height: 76px;
			}

			.ie7 .right_img_a{
				background-color: #FFF;
				margin: 0px 2px 5px 1px;
				padding: 0px 0px 0px 0px;
				float: left;
				width: 157px;
				height: 76px;
			}

			.webkit .right_img_a{
				background-color: #FFF;
				margin: 0px 2px 5px 1px;
				padding: 0px 0px 0px 0px;
				float: left;
				width: 157px;
				height: 76px;
			}

			.ie6 .right_img_b{
				background-color: #FFF;
				margin: 1px 0px 0px 1px;
				padding: 0px 0px 0px 0px;
				float: left;
				width: 157px;
				height: 76px;
			}

			.ie7 .right_img_b{
				background-color: #FFF;
				margin: 1px 2px 0px 1px;
				padding: 0px 0px 0px 0px;
				float: left;
				width: 157px;
				height: 76px;
			}

			.webkit .right_img_b{
				background-color: #FFF;
				margin: 1px 2px 0px 1px;
				padding: 0px 0px 0px 0px;
				float: left;
				width: 157px;
				height: 76px;
			}

	/* サイドメニュー・左 */

	.ie6 #side_left{
		background-color: #FFF;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border-right: 1px solid #b7b7b7;
		float: left;
		width: 118px;
	}

	.ie7 #side_left{
		background-color: #FFF;
		margin: 2px 0px 0px 2px;
		padding: 0px 0px 0px 0px;
		border-right: 1px solid #b7b7b7;
		float: left;
		width: 118px;
	}

	.webkit #side_left{
		background-color: #FFF;
		margin: 0px 0px 0px 2px;
		padding: 0px 0px 0px 0px;
		border-right: 1px solid #b7b7b7;
		float: left;
		width: 117px;
	}

		.ie6 #left_logo{
			background-color: #FFF;
			margin: 3px 0px 0px 3px;
			padding: 0px 0px 0px 0px;
			float: left;
			width: 109px;
			height: 50px;
		}

		.ie7 #left_logo{
			background-color: #FFF;
			margin: 3px 0px 0px 3px;
			padding: 0px 0px 0px 0px;
			float: left;
			width: 109px;
			height: 50px;
		}

		.webkit #left_logo{
			background-color: #FFF;
			margin: 3px 0px 0px 3px;
			padding: 0px 0px 0px 0px;
			float: left;
			width: 109px;
			height: 50px;
		}

		.ie6 #left_menu{
			background-color: #FFF;
			margin: 10px 5px 0px 5px;
			padding: 0px 0px 10px 0px;
			float: left;
			text-align: left;
			line-height: 150%;
		}

		.ie7 #left_menu{
			background-color: #FFF;
			margin: 10px 0px 0px 10px;
			padding: 0px 0px 10px 0px;
			float: left;
			text-align: left;
			line-height: 150%;
		}

		.webkit #left_menu{
			background-color: #FFF;
			margin: 10px 0px 0px 10px;
			padding: 0px 0px 10px 0px;
			float: left;
			text-align: left;
			line-height: 150%;
		}


/* ヘッダー */

.ie6 #header{
	background-color: #FFF;
	background-image: url(./img/img_header.jpg);
	margin: 0px 0px 0px 0px;
	padding: 25px 0px 0px 625px;
	width: 800px;
	height: 75px;
}

.ie7 #header{
	background-color: #FFF;
	background-image: url(./img/img_header.jpg);
	margin: 0px 0px 0px 0px;
	padding: 25px 0px 0px 625px;
	width: 800px;
	height: 75px;
}

.webkit #header{
	background-color: #FFF;
	background-image: url(./img/img_header.jpg);
	margin: 0px 0px 0px 0px;
	padding: 25px 0px 0px 625px;
	width: 131pt;
	height: 38pt;
}

/* フッダー */

.ie6 #fooder{
	background-color: #FFF;
	background-image: url(./img/img_fooder.jpg);
	color: #696969;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	text-align: center;
	width: 800px;
	height: 28px;
}

.ie7 #fooder{
	background-color: #FFF;
	background-image: url(./img/img_fooder.jpg);
	color: #696969;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	text-align: center;
	width: 800px;
	height: 28px;
}

.webkit #fooder{;
	background-image: url(./img/img_fooder.jpg);
	color: #696969;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	text-align: center;
	width: 800px;
	height: 18px;
}