@charset "Shift_JIS";
/* せきねさんの適当なCSSなのであまり見ないでね */
body  {
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
	font-family: Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Meiryo, メイリオ,  MS PGothic,  ＭＳ Ｐゴシック, sans-serif;
	background-image: url(gif_jpg/haikei.jpg);
	background-repeat: repeat;
	font-size: 16px;
}
.leftcontainer{
	position: absolute;
	top: 15px;
	left: 15px;
	width: 336px;
	height: auto;
	text-align: left;
}
.taitoru{
	position: absolute;
	top: 15px;
	left: 371px;
}
.counter{
	position: absolute;
	top: 16px;
	left: 686px;
}
.rightcontainer{
	position: absolute; top: 81px; left: 376px; width: 750px; height: auto;
}

/* 以下左側のメニューに関するCSS */
.menu1{
	background-color: #ffcceb;
	width: 316px;
	font-size: 19px;
	line-height: 30px;
	padding: 10px;
}
.menu2{
	background-color: #a0ffd0; 
	width: 316px;
	margin-top: 15px;
	font-size: 19px;
	line-height: 30px;
	padding: 10px;
}
.menu3{
	background-color: #9ff;
	width: 316px;
	margin-top: 15px;
	font-size: 19px;
	line-height: 30px;
	padding: 10px;
}
.menu4{
	background-color: #f3ffad;
	width: 316px;
	margin-top: 15px;
	font-size: 19px;
	line-height: 30px;
	padding: 10px;
}
.menu9{
	background-color: #ffcec3; 
	width: 316px;
	margin-top: 15px;
	font-size: 16px;
	line-height: 26px;
	padding: 10px;
}
.menu10{
	background-color: #FFF; 
	margin-top: 15px;
	font-size: 12px;
	line-height: 15px;
	padding: 5px 0px 0px 0px;
}

/* 以下右側のコンテンツに関するCSS */
.content1{
	background-color: #8fc4ff;
	width: 730px;
	height: auto;
	padding: 10px;
	text-align: left;
}
.content2{
	background-color: #ffc5f1; 
	width: 730px;
	margin-top: 15px;
	padding: 10px;
	text-align: left;
}
.content3{
	background-color: #f3ffad;
	width: 730px;
	margin-top: 15px;
	padding: 10px;
	text-align: left;
}
.content4{
	background-color: #f3ffad;
	width: 730px;
	margin-top: 15px;
	padding: 10px;
}
.content5{
	background-color: #f3ffad;
	width: 730px;
	margin-top: 15px;
	padding: 10px;
}

.banner{
	width: 750px;
	margin-top: 15px;
}

/* 以下画像をフロートさせて右側に文字列を回り込ませる為のCSS。かならずclearfloatとセットで使う事 */
.imagefloatleft {
	float: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* 以下リンクに関するCSS */
a:hover  {
	color: red;
	background-color: #fcf;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}

/* 以下検索用に用意したワードを目立たなくする為のCSS */
.serchword {
	font-size: 1px;
	margin: 0px;
}