@charset "shift_jis";

/* ---================================================================================================================= 共通スタイル */
*{
	margin: 0;
	padding: 0;
}


p{
	color: #333333;
	font-size: 90%;
	line-height: 1.4em;
}


hr{
	color: #cccccc;
}

img{
	border: 0px;
}

body{
	text-align: center;
	background: #000000 url( ../img/bgbar.jpg) repeat-y center top;
	height: auto;
}

ul.menu{
	list-style: none;
}

span.none{
	display: none;
}


span.clear{
    clear: both;
    display: block;
	line-height:1em;
    font-size: 0px;
}

span.red{
	color: #ff0000;
}

div#body{
	margin: 0 auto;
	width : 750px;
	height: auto;
	text-align: center;
}

div#contents{
	width : 750px;
	padding: 10px 0px 0px 0px;
}

table.body{
	width: 750px;
	height: auto;
	margin: 0 auto;
	border-collapse: collapse;
}

td.head{
	width: 750px;
	height: 250px;
	background-color: #000000;
	text-align: left;

}

td.left{
	vertical-align: top;
	text-align: left;
	width: 200px;
	height: auto;
	padding: 5px 0px 0px 10px;
	background-color: #000000;
}

td.right{
	vertical-align: top;
	width: 500px;
	height: auto;
	padding: 5px 10px 0px 0px;
	background-color: #000000;
}

/* --==================================================================================================================== topスタイルここから */

div.info{
	height: 20px;

}

div.header{
	width : 750px;
	background-color: #ff0000;

}

div.menu{
	width: 750px;
	height: 300px;
	background: url( ../img/202203_top.webp) no-repeat left top;
}

div.main{
}

div.menu_bt{
	height: 40px;
	background-color: #000000;
	padding: 5px 5px 0px 20px;
}


marquee.info{
	font-size: 12px;
	line-height:1em;
}
/* --================================= menuスタイルここから */

li.menu{
	float: left;
	padding: 5px 0px 0px 0px;
}

a.menu01{
	display: block;
	font-size: 12px;
	width: 120px;
	height: 30px;
	text-indent: -9999;
	background: url( ../img/center001.gif) no-repeat left top;
}

a.menu01:hover{
	background: url( ../img/center001.gif) no-repeat left bottom;
}

a.menu02{
	display: block;
	font-size: 12px;
	width: 120px;
	height: 30px;
	text-indent: -9999;
	background: url( ../img/center002.gif) no-repeat left top;
}

a.menu02:hover{
	background: url( ../img/center002.gif) no-repeat left bottom;
}

a.menu03{
	display: block;
	font-size: 12px;
	width: 120px;
	height: 30px;
	text-indent: -9999;
	background: url( ../img/center003.gif) no-repeat left top;
}

a.menu03:hover{
	background: url( ../img/center003.gif) no-repeat left bottom;
}

a.menu04{
	display: block;
	font-size: 12px;
	width: 120px;
	height: 30px;
	text-indent: -9999;
	background: url( ../img/center004.gif) no-repeat left top;
}

a.menu04:hover{
	background: url( ../img/center004.gif) no-repeat left bottom;
}

a.menu05{
	display: block;
	font-size: 12px;
	width: 120px;
	height: 30px;
	text-indent: -9999;
	background: url( ../img/center005.gif) no-repeat left top;
}

a.menu05:hover{
	background: url( ../img/center005.gif) no-repeat left bottom;
}

a.menu06{
	display: block;
	font-size: 12px;
	width: 120px;
	height: 30px;
	text-indent: -9999;
	background: url( ../img/center006.gif) no-repeat left top;
}

a.menu06:hover{
	background: url( ../img/center006.gif) no-repeat left bottom;
}

/* --==================================================================================================================== leftスタイルここから */

div.left_menu{
	padding: 5px 0px 0px -5px;
}

div.box2{
	padding: 55px 0px 0px 0px;
}

li.menu2{
	padding: 0px 0px 10px 0px;
	text-indent: -9999;

}

a.left01{
	text-align: left;
	display: block;
	width: 210px;
	height: 50px;
	text-indent: -9999;
	background: url( ../img/left001.gif) no-repeat left top;
}

a.left01:hover{
	background: url( ../img/left001.gif) no-repeat left bottom;
}

a.left02{
	display: block;
	width: 210px;
	height: 50px;
	text-indent: -9999;
	background: url( ../img/left002.gif) no-repeat left top;
}

a.left02:hover{
	background: url( ../img/left002.gif) no-repeat left bottom;
}
a.left03{
	display: block;
	width: 210px;
	height: 50px;
	text-indent: -9999;
	background: url( ../img/left003_2022.gif) no-repeat left top;
}

a.left03:hover{
	background: url( ../img/left003_2022.gif) no-repeat left bottom;
}
a.left04{
	display: block;
	width: 210px;
	height: 50px;
	text-indent: -9999;
	background: url( ../img/left004.gif) no-repeat left top;
}

a.left04:hover{
	background: url( ../img/left004.gif) no-repeat left bottom;
}
a.left05{
	display: block;
	width: 210px;
	height: 50px;
	text-indent: -9999;
	background: url( ../img/left005.gif) no-repeat left top;
}

a.left05:hover{
	background: url( ../img/left005.gif) no-repeat left bottom;
}

}


/* --==================================================================================================================== rightスタイルここから */




/* --==================================================================================================================== footerスタイルここから */

div#footer{
	background-color: #000000;
	clear: left;
	height: 50px;
	width: 780px;
}

h5.footer{
	color: #B30000;
	text-align: center;
	padding: 10px 0px 0px 0px;
}