@charset "Shift_JIS";
/*___________ 基本設定 ==の部分に値を入れます。___________ */
body {
margin:0;
padding:0;
font:12px/16px 'ＭＳ Ｐゴシック',Osaka,'ヒラギノ角ゴ Pro W3', sans-serif;
text-align:center;
background-color:#FFFFFF;
color:#333333;
}
.size {
width:==px;
margin:0 auto;
}

div,td,th {
text-align:left;
}
img {
border:0;
}
p,pre {
font:12px/16px 'ＭＳ Ｐゴシック',Osaka,'ヒラギノ角ゴ Pro W3', sans-serif;
}
li {
margin: 0;
list-style: none;
}
ol, ul {
margin: 0;
padding:0;
}
h1 {
font-size:14px;
line-height:1.5em;
font-weight:normal;
margin-top:20px;;
float:right;
text-align:right;
}
h2 {
margin:30px 0 10px 0;
clear:both;
}
h3 {
	font-size:18px;
	line-height:16px;
	font-weight:normal;
	letter-spacing:0.1em;
	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;
}


#wapper{
width:900px;
margin:0 auto;
background:url(../images/bg.jpg) repeat-y;
}

#header{
	width:800px;
	_width:900px;
	height:120px;
	_height:170px;
	background:url(../images/bg_header.jpg) no-repeat;
	padding:70px 50px 0 50px;
	;
}

#contents{
	width:800px;
	_width:900px;
	padding:0px 50px 0px 50px;
}

#navi{
width:200px;
float:right;
}

#navi img {
margin-bottom:5px;
}

#footer{
	width:860px;
	_width:900px;
	margin:30px 0px 0px 20px;
	background:#333333;
	color:#FFFFFF;
	text-align:center;
	height:30px;
	padding-top:10px;
	clear:both;
}

#poster{
width:595px;
float:left;
}


.pagetop{
float:right;
clear:both;
}

#leftcontents{
width:580px;
float:left;
}

#blog {
	margin :0;
	width : 600px ;
	height : 400px ;
	float : left ;
	overflow : auto ;
	line-height:2.0em;
}

#blog span.sdata {
	color:#333333;
}

#blog a:link, #blog a:visited {
	text-decoration : none ;/*装飾なし*/
	border-bottom : dotted 1px #aaa ;
	color:#333333;
}

#blog a:hover {
	color:#FF3366;
}

#link {
	margin :0;
	width : 200px ;
	float : right ;
	overflow : auto ;
}



.komidasi{
	margin:0 0 -5px 0;
}

/* ____ フロートボックス解除用。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;
}