@charset "Shift_JIS";
/*___________ 基本設定 ==の部分に値を入れます。___________ */
body {
margin:0px;
padding:0px;
font:12px/16px 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', sans-serif;
text-align:center;
background-color:#ffffff;
}
.size {
width:800px;
margin:0 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;
}
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;
}
/* ____ 横並び時のフロートボックスでマージンを使う場合は以下が基本 ____ */
.top1 {
width:800px;
margin:0px;
float:left;
display:inline;
border:1px #0066cc;
border-top-style:double;
border-bottom-style:double;
}
.line01 {
padding:1px 0px 1px 0px;
border-top : 2px solid #0066cc;
border-bottom : 2px solid #0066cc;
}
.line02 {
padding:0px 0px 0px 0px;
border-top : 1px solid #0066cc;
border-bottom : 1px solid #0066cc;
}


.side1{
width:133px;
background-color:#ffffff;
margin:0px;
float:left;
}
.box1{
width:330px;
background-color:#ff0000;
margin:0px 0px 0px 7px;
float:left;
display:inline;
}
.box2{
width:330px;
background-color:#ff0000;
margin:0px;
float:left;
display:inline;
}
.box3{
width:660px;
background-color:#ff0000;
margin:0px 0px 0px 7px;
float:left;
display:inline;
}
/* ____ パディングやボーダー左右を使う場合はwidthと一緒に使わない。  _____ */
.== {
padding:==;
}
.top2 {
border:1px #0066cc;
border-top-style:double;
border-bottom-style:double;
}
.== {
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;
}