@charset "UTF-8";

/*
===== 1: universal reset =================================
*/

/*
===== 2: body and base setting ===========================
*/

html {
}

body {
	margin: 0px;
	padding: 0px;
	color:#CCCCCC;
	font-family: 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Osaka', 'ＭＳ Ｐゴシック', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1.2em;/* base line height */
	margin:0 auto;
	text-align:center;
	vertical-align: middle;
	background-color: #000000;
	background-image: url(images/bk.gif);
	background-repeat: repeat-y;
	background-position: top;
}
/*背景用ハック*/
/* Firefox */
body,x:-moz-broken {
margin-left:-1px;
}
/* IE6 */
body {
	_padding-left: 1px;
}
/* IE7 */
*:first-child + html body {
	padding-left: 1px;
}


/* general params
--------------------*/
h1, h2, h3, h4, h5, h6,
 p, pre, ul, li, ol, dl, dt, dd,
address, form, blockquote{
	padding: 0;/* margin&padding reset */
	text-align: left;
	display: block;
	margin: 0px;
	font-size:small;
}
table {
	empty-cells: show;
	font-size:small;
	text-align: left;
}
hr,.areaAnchor,.anchor { display : none; }
img {
	border: none;/* img do not want a border */
}

/*
li { list-style: none; }/* link do not want a dot */
*/

/* acronyms and abbreviations styles 
-------------------------------------*/
acronym,abbr{cursor:help;}

/*
===== 3: form setting ===========================
*/
option{ padding-right:10px; }
*+html option{padding-right:0;}/* for IE7&Opera */
* html option{padding-right:0;}/* for IE6 */　　　

/*
===== 4: link setting ===========================
*/

a {
	color: #FFFFFF;
	text-decoration:none;

}

a:link{
	color: #FFFFFF;
	text-decoration:underline;
}
a:visited{
	color: #FFFFFF;
	text-decoration:underline;
}
a:hover{
	color: #00A0E9;
	text-decoration:none;
}
a:active{
	color: #00A0E9;
	text-decoration:none;
}


a.g {
	font-size:0.9em;
	color: #A08652;
	text-decoration:none;
	font-weight: bold;
}



/*
===== text setting ===========================
*/
.xs {font-size: 0.8em; line-height: 160%;}
.xs9 {font-size: 0.9em; line-height: 160%;}
.txt9{
	font-size:9px;
	line-height: 160%;
}
.txt8{
	font-size:8px;
	line-height: 160%;
}


/*
===== maintable ===========================
*/

#container0 {
	background-image: url(images/bk2.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#niji {
	background-image: url(images/top_niji2.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 150px;
}

#bluemax {
	padding-left: 25px;
}

/*title setting start*/

.size100 {
	width: 80px;
}
.size200 {
	width: 180px;
}
.size250 {
	width: 230px;
}
.size300 {
	width: 280px;
}
.size350 {
	width: 330px;
}
.size400 {
	width: 380px;
}
.size450 {
	width: 430px;
}
.size500 {
	width: 480px;
}
.size600 {
	width: 580px;
}
.size700 {
	width: 680px;
}
.size800 {
	width: 780px;
}
.size820 {
	width: 800px;
}

.tit01 {
	height: 31px;
	line-height: 33px;
	display: block;
	float: left;
	font-size: 18px;
	text-align: left;
	text-decoration: none;
	background-image: url(images/tit01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	padding-top: 2px;
}
.tit02 {
	height: 31px;
	line-height: 33px;
	display: block;
	float: left;
	font-size: 18px;
	text-align: left;
	text-decoration: none;
	background-image: url(images/tit02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	padding-top: 2px;
}

.tit03 {
	height: 31px;
	line-height: 33px;
	display: block;
	float: left;
	font-size: 18px;
	text-align: left;
	text-decoration: none;
	background-image: url(images/tit03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	padding-top: 2px;
}
.tit04 {
	height: 31px;
	line-height: 33px;
	display: block;
	float: left;
	font-size: 18px;
	text-align: left;
	text-decoration: none;
	background-image: url(images/tit04.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	padding-top: 2px;
}
.tit05 {
	height: 31px;
	line-height: 33px;
	display: block;
	float: left;
	font-size: 18px;
	text-align: left;
	text-decoration: none;
	background-image: url(images/tit05.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	padding-top: 2px;
}
.tit06 {
	height: 31px;
	line-height: 33px;
	display: block;
	float: left;
	font-size: 18px;
	text-align: left;
	text-decoration: none;
	background-image: url(images/tit06.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	padding-top: 2px;
}
.tit07 {
	height: 31px;
	line-height: 33px;
	display: block;
	float: left;
	font-size: 18px;
	text-align: left;
	text-decoration: none;
	background-image: url(images/tit07.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	padding-top: 2px;
}

.tit08 {
	height: 31px;
	line-height: 33px;
	display: block;
	float: left;
	font-size: 18px;
	text-align: left;
	text-decoration: none;
	background-image: url(images/tit08.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	padding-top: 2px;
}



/*title setting end*/


/*menu setting start*/
ul#globalNavi {
	width: 800px;
	height: 30px;
	padding: 0;
	margin-left: 30px;
}
ul#globalNavi:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
ul#globalNavi li#bt1{
	margin: 0;
	padding: 0;
	float: left;
	width: 100px; /* ボタンの幅 */
	line-height: 1;
	list-style-type: none;
}

ul#globalNavi li#bt2{
	margin: 0;
	padding: 0;
	float: left;
	width: 100px; /* ボタンの幅 */
	line-height: 1;
	list-style-type: none;
}

ul#globalNavi li#bt3{
	margin: 0;
	padding: 0;
	float: left;
	width: 100px; /* ボタンの幅 */
	line-height: 1;
	list-style-type: none;
}

ul#globalNavi li#bt4{
	margin: 0;
	padding: 0;
	float: left;
	width: 90px; /* ボタンの幅 */
	line-height: 1;
	list-style-type: none;
}

ul#globalNavi li#bt5{
	margin: 0;
	padding: 0;
	float: left;
	width: 100px; /* ボタンの幅 */
	line-height: 1;
	list-style-type: none;
}

ul#globalNavi li#bt6{
	margin: 0;
	padding: 0;
	float: left;
	width: 100px; /* ボタンの幅 */
	line-height: 1;
	list-style-type: none;
}
ul#globalNavi li#bt7{
	margin: 0;
	padding: 0;
	float: left;
	width: 90px; /* ボタンの幅 */
	line-height: 1;
	list-style-type: none;
}

ul#globalNavi li#bt1 a {
	height: 12px;
	display: block;
	position: relative;/* IE6でマウス反応領域がおかしいのをFix */
	font-size: 12px;
	text-align: left;
	text-decoration: none;
	text-indent: 12px;
	background-image: url(images/ya.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
ul#globalNavi li#bt1 a:hover {
	height: 12px;
	display: block;
	position: relative;/* IE6でマウス反応領域がおかしいのをFix */
	font-size: 12px;
	text-align: left;
	text-decoration: none;
	text-indent: 12px;
	background-image: url(images/ya.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 5px;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #FF0000;
	color: #FFFFFF;
}


ul#globalNavi li#bt2 a {
	height: 12px;
	display: block;
	position: relative;/* IE6でマウス反応領域がおかしいのをFix */
	font-size: 12px;
	text-align: left;
	text-decoration: none;
	text-indent: 15px;
	background-image: url(images/ya.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
ul#globalNavi li#bt2 a:hover {
	height: 12px;
	display: block;
	position: relative;/* IE6でマウス反応領域がおかしいのをFix */
	font-size: 12px;
	text-align: left;
	text-decoration: none;
	text-indent: 15px;
	background-image: url(images/ya.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 5px;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #FF6600;
	color: #FFFFFF;
}


ul#globalNavi li#bt3 a {
	height: 12px;
	display: block;
	position: relative;/* IE6でマウス反応領域がおかしいのをFix */
	font-size: 12px;
	text-align: left;
	text-decoration: none;
	text-indent: 15px;
	background-image: url(images/ya.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
ul#globalNavi li#bt3 a:hover {
	height: 12px;
	display: block;
	position: relative;/* IE6でマウス反応領域がおかしいのをFix */
	font-size: 12px;
	text-align: left;
	text-decoration: none;
	text-indent: 15px;
	background-image: url(images/ya.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 5px;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #FFFF00;
	color: #FFFFFF;
}


ul#globalNavi li#bt4 a {
	height: 12px;
	display: block;
	position: relative;/* IE6でマウス反応領域がおかしいのをFix */
	font-size: 12px;
	text-align: left;
	text-decoration: none;
	text-indent: 15px;
	background-image: url(images/ya.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
ul#globalNavi li#bt4 a:hover {
	height: 12px;
	display: block;
	position: relative;/* IE6でマウス反応領域がおかしいのをFix */
	font-size: 12px;
	text-align: left;
	text-decoration: none;
	text-indent: 15px;
	background-image: url(images/ya.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 5px;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #33CC00;
	color: #FFFFFF;
}


ul#globalNavi li#bt5 a {
	height: 12px;
	display: block;
	position: relative;/* IE6でマウス反応領域がおかしいのをFix */
	font-size: 12px;
	text-align: left;
	text-decoration: none;
	text-indent: 15px;
	background-image: url(images/ya.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
ul#globalNavi li#bt5 a:hover {
	height: 12px;
	display: block;
	position: relative;/* IE6でマウス反応領域がおかしいのをFix */
	font-size: 12px;
	text-align: left;
	text-decoration: none;
	text-indent: 15px;
	background-image: url(images/ya.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 5px;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #0099FF;
	color: #FFFFFF;
}


ul#globalNavi li#bt6 a {
	height: 12px;
	display: block;
	position: relative;/* IE6でマウス反応領域がおかしいのをFix */
	font-size: 12px;
	text-align: left;
	text-decoration: none;
	text-indent: 15px;
	background-image: url(images/ya.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
ul#globalNavi li#bt6 a:hover {
	height: 12px;
	display: block;
	position: relative;/* IE6でマウス反応領域がおかしいのをFix */
	font-size: 12px;
	text-align: left;
	text-decoration: none;
	text-indent: 15px;
	background-image: url(images/ya.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 5px;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #0000FF;
	color: #FFFFFF;
}


ul#globalNavi li#bt7 a {
	height: 12px;
	display: block;
	position: relative;/* IE6でマウス反応領域がおかしいのをFix */
	font-size: 12px;
	text-align: left;
	text-decoration: none;
	text-indent: 15px;
	background-image: url(images/ya.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
ul#globalNavi li#bt7 a:hover {
	height: 12px;
	display: block;
	position: relative;/* IE6でマウス反応領域がおかしいのをFix */
	font-size: 12px;
	text-align: left;
	text-decoration: none;
	text-indent: 15px;
	background-image: url(images/ya.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 5px;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #9900FF;
	color: #FFFFFF;
}

/*menu setting end*/