@charset "Shift_JIS";
@import "wcvblock.css";

/*その他****************************************/
img {
	border: 0;
}

body {
	margin: 5px;
	background: url(images/bodyback.gif);
	text-align: center;
	font-size: 85%;
}

div.wrap {
	width: 802px;
	margin: 0 auto;
}

a:hover {
	color: #ee0000;
}

span#fontl, span#fontn {
	text-decoration: underline;
	color: #0000ee;
	cursor: pointer;
}





/*ヘッダ****************************************/
	/*ヘッダ上部のメニュー*/
	div.headerh {
		width: 802px;
		text-align: right;
	}
		div.headerh ul {
			margin: 0;
			padding: 0;
		}
		div.headerh li {
			display: inline;
			margin: 0 0 0 10px;
		}
		div.headerh form {
			margin: 0;
			padding: 0;
			display: inline;
		}

	/*ヘッダロゴ*/
	div.logo {
		width: 800px;
		border-top: 1px solid #e8e8d9;
		border-right: 1px solid #e8e8d9;
		border-left: 1px solid #e8e8d9;
		background-color: #ffffff;
	}
		div.logo img {
			margin: 0;
			padding: 0;
		}

	/*ヘッダメイン*/
	div.header {
		width: 800px;
		border-right: 1px solid #e8e8d9;
		border-bottom: 1px solid #e8e8d9;
		border-left: 1px solid #e8e8d9;
		background-color: #ffffff;
	}
		ul#headermenu {
			width: 800px;
			background: url(images/contentsback.gif) repeat-x center top;
			margin: 0;
			padding: 0;
		}
			ul#headermenu:after {
				display: block;
				clear: both;
				content: " ";
			}
			ul#headermenu li {
				float: left;
				display: block;
				margin: 0 3px;
				border: 1px solid #b2cc7f;
			}
			ul#headermenu a {
				display: block;
				width: 116px;
				font-weight: bold;
			}
			ul#headermenu li.menu1 a {
				padding: 10px 10px 10px 24px;
				background: #ffffff url(images/headermenu1.gif) no-repeat left bottom;
			}
			ul#headermenu li.menu2 a {
				padding: 10px 5px 10px 30px;
				background: #ffffff url(images/headermenu2.gif) no-repeat left bottom;
			}
			ul#headermenu li.menu3 a {
				padding: 10px 5px 10px 30px;
				background: #ffffff url(images/headermenu3.gif) no-repeat left bottom;
			}
			ul#headermenu li.menu4 a {
				padding: 10px 0 10px 35px;
				background: #ffffff url(images/headermenu4.gif) no-repeat left bottom;
			}
			ul#headermenu li.menu5 a {
				padding: 10px 15px 10px 20px;
				background: #ffffff url(images/headermenu5.gif) no-repeat left bottom;
			}
			ul#headermenu li.menu1 a:hover, ul#headermenu li.menu1 a.on {
				background: #e8f0d9 url(images/headermenu1.gif) no-repeat -200px bottom;
			}
			ul#headermenu li.menu2 a:hover, ul#headermenu li.menu2 a.on {
				background: #f0e1d9 url(images/headermenu2.gif) no-repeat -200px bottom;
			}
			ul#headermenu li.menu3 a:hover, ul#headermenu li.menu3 a.on {
				background: #d9e8f0 url(images/headermenu3.gif) no-repeat -200px bottom;
			}
			ul#headermenu li.menu4 a:hover, ul#headermenu li.menu4 a.on {
				background: #fff0d9 url(images/headermenu4.gif) no-repeat -200px bottom;
			}
			ul#headermenu li.menu5 a:hover, ul#headermenu li.menu5 a.on {
				background: #e8e8ff url(images/headermenu5.gif) no-repeat -200px bottom;
			}





/*メイン****************************************/
	div.main {
		width: 780px;
		margin: 10px 0;
		padding: 10px;
		background: #ffffff url(images/contentsback.gif) repeat-x center top;
		border: 1px solid #e8e8d9;
		text-align: left;
	}
		div.main:after {
			display: block;
			clear: both;
			content: " ";
		}

	/*左カラム：メニュー*/
	div#menu {
		float: left;
		width: 180px;
		text-align: left;
	}
		div#menu ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		div#menu a.h {
			display: block;
			padding: 5px 0 5px 5px;
			font-weight: bold;
		}
		div#menu li.menu1, div#menu li.menu2, div#menu li.menu3, div#menu li.menu4, div#menu li.menu5 {
			margin: 0 0 5px 0;
			padding: 5px;
		}
			div#menu li.menu1 ul li, div#menu li.menu2 ul li, div#menu li.menu3 ul li, div#menu li.menu4 ul li, div#menu li.menu5 ul li {
				display: inline;
			}
			div#menu li.menu1 ul li a, div#menu li.menu2 ul li a, div#menu li.menu3 ul li a, div#menu li.menu4 ul li a, div#menu li.menu5 ul li a {
				padding: 5px 15px 5px 5px;
				display: block;
			}
		div#menu li.menu1 {
			background-color: #d9d9bf;
		}
			div#menu li.menu1 a.h:hover, div#menu li.menu1 a.on {
				background-color: #b2b27f;
			}
			div#menu li.menu1 ul {
				border: 1px solid #b2b27f;
			}
			div#menu li.menu1 ul li a {
				background: #ffffff url(images/menuarrow1.gif) no-repeat 0 center;
			}
			div#menu li.menu1 ul li a:hover {
				background: #e8e8d9 url(images/menuarrow1.gif) no-repeat -170px center;
			}
		div#menu li.menu2 {
			background-color: #e5ccbf;
		}
			div#menu li.menu2 a.h {
				background: url(images/menu2.gif) no-repeat 0 bottom;
			}
			div#menu li.menu2 a.h:hover, div#menu li.menu2 a.on {
				background: #cc997f url(images/menu2.gif) no-repeat -170px bottom;
			}
			div#menu li.menu2 ul {
				border: 1px solid #cc997f;
			}
			div#menu li.menu2 ul li a {
				background: #ffffff url(images/menuarrow2.gif) no-repeat 0 center;
			}
			div#menu li.menu2 ul li a:hover {
				background: #f0e1d9 url(images/menuarrow2.gif) no-repeat -170px center;
			}
		div#menu li.menu3 {
			background-color: #bfd9e5;
		}
			div#menu li.menu3 a.h {
				background: url(images/menu3.gif) no-repeat 0 bottom;
			}
			div#menu li.menu3 a.h:hover, div#menu li.menu3 a.on {
				background: #7fb2cc url(images/menu3.gif) no-repeat -170px bottom;
			}
			div#menu li.menu3 ul {
				border: 1px solid #7fb2cc;
			}
			div#menu li.menu3 ul li a {
				background: #ffffff url(images/menuarrow3.gif) no-repeat 0 center;
			}
			div#menu li.menu3 ul li a:hover {
				background: #d9e8f0 url(images/menuarrow3.gif) no-repeat -170px center;
			}
		div#menu li.menu4 {
			background-color: #ffe5bf;
		}
			div#menu li.menu4 a.h {
				background: url(images/menu4.gif) no-repeat 0 bottom;
			}
			div#menu li.menu4 a.h:hover, div#menu li.menu4 a.on {
				background: #ffcc7f url(images/menu4.gif) no-repeat -170px bottom;
			}
			div#menu li.menu4 ul {
				border: 1px solid #ffcc7f;
			}
			div#menu li.menu4 ul li a {
				background: #ffffff url(images/menuarrow4.gif) no-repeat 0 center;
			}
			div#menu li.menu4 ul li a:hover {
				background: #fff0d9 url(images/menuarrow4.gif) no-repeat -170px center;
			}
		div#menu li.menu5 {
			background-color: #d9d9ff;
		}
			div#menu li.menu5 a.h {
				background: url(images/menu5.gif) no-repeat 0 bottom;
			}
			div#menu li.menu5 a.h:hover, div#menu li.menu5 a.on {
				background: #b2b2ff url(images/menu5.gif) no-repeat -170px bottom;
			}
			div#menu li.menu5 ul {
				border: 1px solid #b2b2ff;
			}
			div#menu li.menu5 ul li a {
				background: #ffffff url(images/menuarrow5.gif) no-repeat 0 center;
			}
			div#menu li.menu5 ul li a:hover {
				background: #e8e8ff url(images/menuarrow5.gif) no-repeat -170px center;
			}
		div#menu li.menu6 {
			margin: 0;
			padding: 0;
			display: inline;
		}
			div#menu li.menu6 li {
				display: inline;
			}
			div#menu li.menu6 a {
				display: block;
				padding: 5px 5px 5px 10px;
				font-weight: bold;
				background-color: #d9d9bf;
			}
			div#menu li.menu6 a.h:hover, div#menu li.menu6 a.on {
				background-color: #b2b27f;
			}

	/*右カラム：ラッパー*/
	div.cwrap {
		float: right;
		width: 590px;
		background-color: #e5f2bf;
	}

	/*右カラム：パンくず*/
	div.crumb {
		padding: 10px;
	}

	/*右カラム：メニュー*/
	div.contents {
		width: 558px;
		margin: 5px;
		padding: 10px;
		background-color: #ffffff;
		border: 1px solid #cce57f;
	}
		div.contents h1 {
			clear: both;
			margin: 10px 0;
			padding: 0 0 2px 15px;
			background: url(images/h1back.gif) no-repeat left center;
			border-bottom: 3px double #690;
			font-size: 140%;
		}
		div.contents h2 {
			clear: both;
			margin: 10px 0;
			padding: 5px 0 5px 30px;
			background: url(images/h2back.gif) no-repeat left center;
			font-size: 120%;
		}
		div.contents h3 {
			clear: both;
			padding: 5px 5px 5px 25px;
			background: url(images/h3back.gif) no-repeat left center;
			font-size: 100%;
		}
		div.contents p {
			line-height: 150%;
		}
		div.contents p.index {
			line-height: 240%;
		}
		div.contents ul {
			clear: both;
			background-color: #ffffff;
			list-style: url(images/ulback.gif);
		}
			div.contents li {
				margin: 1em 0;
				background-color: #ffffff;
			}
		div.contents table {
			margin: 20px 0;
			border-collapse: collapse;
		}
		div.contents caption {
			caption-side: top;
			padding: 0;
		}
		div.contents th {
			background-color: #e8e8d9;
			border: 1px solid #b2b27f;
			padding: 5px;
		}
		div.contents td {
			border: 1px solid #b2b27f;
			padding: 5px;
		}
		div.contents span.hr {
			display: block;
			height: 10px;
			border-top: 1px solid #b2b27f;
		}

	/*右カラム：目的別ボタン*/
		ul.obj {
			clear: both;
			margin: 0;
			padding: 0;
			list-style: none;
		}
			ul.obj:after {
				display: block;
				clear: both;
				content: " ";
			}
			ul.obj li {
				float: left;
				margin: 0;
				padding: 0;
				list-style: none;
			}
			ul.obj li a {
				display: block;
				width: 195px;
				margin: 5px 0 5px 5px;
				padding: 15px 5px 15px 70px;
				font-weight: bold;
			}
			a.obj1 {
				background: url(images/objmenu1.gif) no-repeat left center;
			}
			a.obj2 {
				background: url(images/objmenu2.gif) no-repeat left center;
			}
			a.obj3 {
				background: url(images/objmenu3.gif) no-repeat left center;
			}
			a.obj4 {
				background: url(images/objmenu4.gif) no-repeat left center;
			}
			a.obj5 {
				background: url(images/objmenu5.gif) no-repeat left center;
			}
			a.obj6 {
				background: url(images/objmenu6.gif) no-repeat left center;
			}
			a.obj7 {
				background: url(images/objmenu7.gif) no-repeat left center;
			}
			a.obj8 {
				background: url(images/objmenu8.gif) no-repeat left center;
			}
			a.obj1:hover, a.obj1:hover, a.obj2:hover, a.obj3:hover, a.obj4:hover, a.obj5:hover, a.obj6:hover, a.obj7:hover, a.obj8:hover {
				background-position: right center;
			}

	/*右カラム：バナー*/
	ul.banner {
		float: right;
		width: 590px;
		margin: 0;
		padding: 0;
		list-style: none;
		text-align: center;
	}
		ul.banner li {
			float: left;
			display: block;
			margin: 10px 0 0 5px;
		}

	/*3階層以下ワイド表示用*/
	div.cwrapw {
		float: none;
		width: 780px;
	}
	div.contentsw {
		width: 748px;
	}



/*フッタ****************************************/
	div.footer {
		clear: both;
		width: 780px;
		padding: 10px;
		background: #ffffff url(images/contentsback.gif) repeat-x center top;
		border: 1px solid #e8e8d9;
		line-height: 150%;
	}
		div.footer:after {
			display: block;
			clear: both;
			content: " ";
		}

	/*左カラム：住所*/
	div.addr {
		float: left;
		width: 400px;
		text-align: left;
	}

	/*右カラム：メニュー*/
	ul.footermenu {
		float: right;
		width: 370px;
		margin: 0;
		padding: 0;
		list-style: none;
		text-align: right;
	}
		ul.footermenu li {
			display: inline;
			margin: 0 0 0 10px;
		}

/*サイドナビなし*/
div.no_navi1 {
	width: 780px;
}
div.no_navi2 {
	width:auto;
}