@charset "Shift_JIS";
/*___________ 基本設定 ==の部分に値を入れます。___________ */
body {
	margin:10;
	padding:0;
	font:12px/16px 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', sans-serif;
	background-color:#ffffff;
}
.page_size .2010 {
	width: 100%;
	position: static;
	text-align: left;
	left: 30px;
}
.page_size {
	text-align: center;
	width: 800px;
	border: 1px ridge #CCCCCC;
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.size {
	width:800px;
	border: 1px ridge #CCCCCC;
	text-align: center;
	height: 820px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
div,td,th {
text-align:left;
}
img {
border:0;
}
p,pre {
margin:0;
font:12px/16px 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', sans-serif;
}
li {
margin: 0;
list-style: none;
}
ol, ul {
margin: 0;
padding:0;
}
h1 {
font-size:16px;
line-height:20px;
font-weight:bold;
margin:0;
}
h2 {
	font-size:14px;
	line-height:18px;
	font-weight:bold;
	margin:0;
	color: #0099FF;
}
h3 {
font-size:12px;
line-height:16px;
font-weight:bold;
margin:0;
}
h4,h5,h6 {
font-size:8px;
line-height:10px;
font-weight:normal;
margin:0px;
}
select {
display:block;
}
form {
margin:0;
}
.indent {
text-indent:-9999px;
font-size:9px;
line-height:10px;
}
/* ____ フロートボックス解除用。htmlでは<br class="clear">で使用 ____ */
.clear {
clear:both;
}
/* ____________ 横並び時のフロートボックスは以下が基本 __________ */
.== {
width:==px;
float:left;
}
/* ____ 横並び時のフロートボックスでマージンを使う場合は以下が基本 ____ */
.== {
width:==px;
margin:==;
float:left;
display:inline;
}
/* ____ パディングやボーダー左右を使う場合はwidthと一緒に使わない。  _____ */
.== {
padding:==;
}
.== {
border:==px solid #==;
}
.== {
padding:==;
border:==px solid #==;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* ~~~~~~~~~~~ スワップイメージ（ロールオーバー）のひな形 ~~~~~~~~~~~*/
/* ~~~~~~~~~~~ ==の箇所を書き換えて使用します             ~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/* ______ フロートありバージョン ______ */

.== ,.== a ,.== a:hover,.== a:focus{
width:==px;height:==px;text-indent:-2000px;
background:url(images/==.gif) no-repeat;
text-decoration: none;float:left;
}
.== {
margin:==;display:inline;
}
.==,.== a:hover,.== a:focus {
background:url(images/==_over.gif) no-repeat;
}

/* ______ フロート無しバージョン ______ */

.== ,.== a ,.== a:hover,.== a:focus{
width:==px;height:==px;text-indent:-2000px;
background:url(image/==.gif) no-repeat;
text-decoration: none;display:block;
}
.== {
margin:==;
}
.==,.== a:hover,.== a:focus {
background:url(image/==_over.gif) no-repeat;
}
.title_images {
	width: 100%;
	text-align: center;
	position: relative;
	top: 10px;
}
.site_title {
	background-image: url(../hajiri/images/img_0004.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 100%;
	text-align: center;
	top: 20px;
	position: relative;
}
.title_text {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	position: relative;
	width: auto;
	top: 44px;
	text-align: center;
	color: #666666;
	font-size: 80%;
}
.news {
	float: left;
	height: 195px;
	width: 490px;
	border: 1px solid #999999;
	position: relative;
	top: 40px;
	font-size: 80%;
}
.copy_right {
	font-size: 80%;
	float: left;
	height: 20px;
	width: 100%;
	position: relative;
	text-align: center;
	top: 50px;
	color: #666666;

}
.page_menu_left {
	float: left;
	height: auto;
	width: 150px;
	position: relative;
	top: 10px;
}
.page_size .main .js table {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	border-top-style: solid;
}
.main {
	float: left;
	height: auto;
	width: 450px;
	padding-top: 20px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 25px;
	font-size: 100%;
	line-height: 120%;
	color: #666666;
}
.page_size .main .sample {
	width: 400px;
}
.page_menu_right {
	height: auto;
	width: 150px;
	float: left;
	clear: none;
	top: 10px;
	position: relative;
}
.menu_left {
	float: left;
	height: 200px;
	width: 150px;
	top: 0px;
	position: relative;
}
.menu_right {
	clear: none;
	height: 200px;
	width: 150px;
	float: left;
	top: 40px;
	position: relative;

}
.page_size .main .js {
	font-size: 88%;
	color: #666666;
}
.line_under {
	font-size: 88%;
	color: #666666;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}
.page_size .main img {
	float: right;
}
.page_size .main .ta2 {
	text-align: left;
}

.page_title {
	background-image: url(images/header_autumn.jpg);
	background-repeat: no-repeat;
	text-align: right;
	height: 80px;
	width: 800px;
	}
.page_copy_right {
	font-size: 80%;
	float: left;
	height: 20px;
	width: 100%;
	position: relative;
	text-align: center;
	top: 50px;
	background-image: url(images/footer_autumn.jpg);
	background-repeat: no-repeat;
	color: #000000;