@charset "Shift_JIS";
/*___________ 基本設定 ==の部分に値を入れます。___________ */

body {
margin:0;
padding:0;
font:12px/16px 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', sans-serif;
text-align:left;
background-color: #f0f2ff;
}
a {  }
/*--
a { text-decoration:none; } --*/
a:link { color:#000000;}
a:hover { color:brown;}
a:visit { color:#000000;}
/* -----------------------------------------------------------
.size {
width:==px;
margin:0 auto;
}
div {
text-align:left;
}

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:20px;
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;
}
-------------------------------------------------------------*/
/*ブロックの定義_______________________________ --*/

.mainbox {
margin:0 auto;
width:900px;
clear:both;
border:solid 1px #CCFF99;
}

.l_menu {
text-align:center;
margin:20px 0 0 10px;
width:200px;
font-size:15px ;
font-weight:;
line-height:1.2;
float:left;
border: solid 1px #3366CC;
}

.l_box_1 {
width:150px;
margin:10px 0 0 0;
border:solid 1px #CCFF99;
float:left;
}

.middle {
margin:5px 20px 0 0;
width:480px;
float:left;
display:inline;
border: solid 1px #FFffaa;
}
/* ------------------------------------------ */
.topic_box  {
         border: solid 4px #deb887;
         width: 376px;
         height: 210px;
         padding: 0em;
         overflow: auto; }


.topic_box1  {
         border: solid 2px #deb887;
         width: 162px;
         height: 140px;
         padding: 0em;
         overflow: auto; }


.topic_box2  {
         border: solid 2px #deb887;
         width: 162px;
         height: 130px;
         padding: 0em;
         overflow: auto; }


.topic_box3  {
         border: solid 2px #deb887;
         width: 213px;
         height: 240px;
         padding: 0em;
         overflow: auto; }



/*--
.m_box_1 {
width:440px;
margin:10px 0 0 0;
border:solid 2px #deb887;
/* #CCFF99; 
float:left;}

.r_box_1 {
margin:10px 0 0 0;
border: solid 1px #deb887;
width:180px;
float:left;
}

.witm {
	padding:0 ;
	width:260px;
　	background-color:#ffffff; 
	display:inline;
	float:left;
　	}
------------------------------------------------------*/
/*メッセージの修飾____________________________ 
.mes_1 {
text-align:center;
font-size:14px;
font-weight:bold;
line-height:1.5;
color:red;
}

.text_1 {
text-align:left;
color:;
font-size:14px;
font-weight:;
line-height:1.3;
}

.align_left {
text-align:left;
line-height:1.3;
}

.align_right {
text-align:right;
line-height:1.3;
}

.new {
color:red;
font-size:10pt;
font-weight:bold;
}
--------------------------------------------------------------------------*/

/* ____ 横並び時のフロートボックスでマージンを使う場合は以下が基本 ____ 
.== {
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;
}
-------------------------------------*/