@charset "Shift_JIS";
/*___________ 基本設定 ==の部分に値を入れます。___________ */
body {
	margin:0;
	padding:0;
	font:12px/16px 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', sans-serif;
	text-align:center;
	background-color:#99CCFF;
	background-image: url(images/nwata_24.jpg);
	background-repeat: repeat-y;
	background-position: center;
}
.size {
width:==px
	width: 770px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 770px;
}
#cat {
	width: 214px;
	float: left;
	margin-bottom: 10px;
}
#main {
	float: right;
	width: 555px;
	margin-bottom: 20px;
}
#qr {
	padding-right: 20px;
	padding-left: 20px;
	color: #666666;
}
#cat2 {
	background-image: url(images/nwata_11.jpg);
	background-repeat: repeat-y;
}
#cat3 {
	width: 160px;
	left: auto;
	right: auto;
	padding-left: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
}
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;
}
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;
}
#head {
	width: 770px;
	left: auto;
	right: auto;
	background-position: center;
	text-align: center;
}
#st {
	border-left-width: thick;
	border-left-style: solid;
	border-left-color: #CCFF00;
	font-size: 16pt;
	font-weight: bold;
	background-color: #FFFFCC;
	border-bottom-style: none;
	border-bottom-color: #D7F2EF;
	color: #006600;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 2px;
	margin-bottom: 5px;
}
#foot {
	clear: both;
	float: none;
	margin-top: 20px;
	background-color: #66CCCC;
	color: #FFFFFF;
	width: 794px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	padding-bottom: 5px;
}
#headi1 {
	width: 794px;
	margin-right: auto;
	margin-left: auto;
	background-color: #66CCCC;
	padding-top: 2px;
	padding-bottom: 0px;
	font-size: 10pt;
	color: #FFFFFF;
	height: 25px;
}
#news {
	background-image: url(images/new_25.jpg);
	background-repeat: repeat-y;
	height: auto;
	width: 555px;
	padding-left: 10px;
	float: none;
}
#newshead {
	margin-top: 5px;
}
#newsfoot {
	margin-bottom: 5px;
}
#head_title {
	padding-top: 4px;
	font-size: 14pt;
	font-weight: bold;
	margin-top: 10px;
	padding-bottom: 4px;
	color: #FFFF33;
	margin-right: 10px;
	margin-left: 10px;
	padding-right: 10px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FFFF33;
	background-image: url(images/bgbox.gif);
	background-repeat: repeat-x;
}
#setumei {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
