@charset "UTF-8";
/* CSS Document */


/* [ reset css --------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
/*html {
	height:100%;
}
*/
body {
	line-height: 1;
	padding-bottom:100px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ]-------------------------------------- reset css */


h1 {
	text-align:center;
	background-color:#000;
	color:#000;
	font-weight:100;
	font-size:1em;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
h2, h3, h4, h5 {
	text-align:center;
	color:#333;
	font-weight:lighter;
	font-size:1em;
	clear:both;
}
.wrapper {/*body*/
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	height:100%;
	overflow:hidden
}
/* {--- ナビゲーションボタンバー --------------------- */
div.nav {
	width: 100%; /* ナビゲーションの幅 */
	height:70px;
	background:url(image/nav_btn.png) repeat-x top; /* ナビゲーションの背景 */
	font-size: 90%;
	font-weight: bold;
}
/* --- メニュー項目 --- */
div.nav ul.nl li {
	float: left;
}
.nav {
	overflow: hidden;
	position: relative;
}
.nav ul {
	list-style: none outside none;
	float: left;
	position: relative;
	left: 50%;
}
.nav ul li {
	float: left;
	position: relative;
	left: -50%;
}
/* --- 項目の幅（emで指定） --- */
div.nav ul.nl li.item0 {
	width: 174px;
	height:66px;
}
div.nav ul.nl li.item1 {
	width: 70px;
	padding: 20px 5px;
}
div.nav ul.nl li.item2 {
	width: 120px;
	padding: 20px 5px;
}
div.nav ul.nl li.item3 {
	width: 100px;
	padding: 20px 5px;
}
div.nav ul.nl li.item4 {
	width: 124px;
	padding: 20px 5px;
}
div.nav ul.nl li.item5 {
	width: 70px;
	padding: 20px 5px;
}
div.nav ul.nl li.item6 {
	width: 90px;
	padding: 20px 5px;
}
div.nav ul.nl li a {
	/*display: block;
	position: relative; /* IE6用 */
	padding: 0px 0px; /* リンクエリアのパディング（上下、左右） */
	text-align:center;
	text-decoration: none;
*/
}
/* --- リンクテキストの色 --- */


div.nav ul.nl li a:link {
	display: block;
	position: relative; /* IE6用 */
	padding: 0px 0px; /* リンクエリアのパディング（上下、左右） */
	text-align:center;
	text-decoration: none;
	color: #000;
}
/* --- ポイント時の設定 --- */
div.nav ul.nl li a:link {
	color: #333;
	text-decoration: none;
}
div.nav ul.nl li a:visited {
	color: #8B2252;
	text-decoration: none;
}
div.nav ul.nl li a:hover {
	color:#666;
	text-decoration: none;
}
div.nav ul.nl li a:active {
	color: #f2f2d7;
	/*text-decoration: none;*/
}
/* --- clearfix --- */
.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearFix {
	min-height: 1px;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}
/* --- ナビゲーションボタンバー }--------------------- */