/* ------- 各種設定------- */
* {
  margin: 0;
  padding: 0;
}


BR{letter-spacing:normal;}



body     {
  color: #ffffff;
  background-color: #ffffff;
  margin: 0px;
  padding: 0px;
  text-align: center;
}

#inbox     {
  margin:0px auto 0px auto;
  width: 760px;
  text-align:left;
  background-color: #ffffff;
  padding: 0px 0px 0px 0px;
}
#banner {
  background-color: #ffffff;
  width: 760px;
  height: 100px;
  padding: 0px 0px 0px 0px;
}
#banner_l  {
  background-color: transparent;
  float:left;
  width:400px;
  margin:0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
#searcharea  {
  background-color: transparent;
  float:right;
  width:300px;
  text-align:right;
  padding: 15px 10px 0px 0px;
  clear: right;
}
#pagearea  {
  background-color: transparent;
  float:right;
  width:200px;
  margin:0px 0px 0px 0px;
  text-align:right;
  clear: right;
}
#side {
  float:left;
  margin:0px 0px 0px 0px;
  width:170px;
  background-color: #FFFFFF;
  padding: 0px 0px 20px 0px;

}
#main {
  float:right;
  width:570px;
  margin:0px 0px 0px 0px;
  padding: 0px 0px 20px 0px;
  background-color: #FFFFFF;
}
#footer {
  background-color: #ffffff;
  width: 760px;
  padding: 0px 0px 0px 0px;
}


a:link      { color: #1e78ff; text-decoration: underline }
a:visited   { color: #1e78ff; text-decoration: none }
a:active   { color: #ffffff; text-decoration: underline }
a:hover   {color:#bbbbbb; text-decoration: none;}

a.button:link {color: ##1e78ff;
 font-size: 9pt;
 text-decoration: none;
 padding: 3px 3px 0px 3px;
 border-width: 1px;
 border-style: solid;
 border-color: #82BE7D;
 background-color: #FFFFFF;
}

a.button:visited {color: #82BE7D;
 font-size: 9pt;
 text-decoration: none;
 padding: 3px 3px 0px 3px;
 border-width: 1px;
 border-style: solid;
 border-color: #82BE7D;
 background-color: #FFFFFF;
}

a.button:active {color: #82BE7D;
 font-size: 9pt;
 text-decoration: none;
 padding: 3px 3px 0px 3px;
 border-width: 1px;
 border-style: solid;
 border-color: #82BE7D;
 background-color: #FFFFFF;
}

a.button:hover {color: #82BE7D;
 font-size: 9pt;
 text-decoration: none;
 padding: 3px 3px 0px 3px;
 border-width: 1px;
 border-style: solid;
 border-color: #82BE7D;
 background-color: #FFFFFF;
}



form {
padding: 0px;
margin: 0px;
}


blockquote {
padding: 10px 20px 10px 20px;
border: 0px dotted #ffffff;
margin-left: auto; 
margin-right: auto;
background-color:#f8f8f8;
}


h1 {font-size:16px;}
h2 {font-size:12px;}
h3 {font-size:14px;}


p{
text-align:left;
line-height:   1.5em;
padding: 2px 10px 2px 10px;
}


img{
padding: 5px 5px 5px 5px;
border: none;
vertical-align:middle;
}


.pic{
text-align:center;
padding: 3px 3px 3px 3px;
}


.link{
font-size:12px;
text-align:right;
padding: 10px 5px 10px 5px;
}
.link a    {color:#5f5f5f;text-decoration:none;}
.link a:link  {color:#5f5f5f;text-decoration:none;}
.link a:visited  {color:#5f5f5f;text-decoration:none;}
.link a:hover   {color:#5f5f5f;text-decoration:none;}

.banner{
margin: 20px 0px 20px 0px;
text-align:center;
}


body {
font-family: Verdana, "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", Osaka‐等幅;
margin: 0px;
padding: 0px;
text-align: center;
background-image: url(images/bg.jpg);
background-repeat: repeat;
}


#inbox {
margin-left: auto; 
margin-right: auto;
padding: 0px 0px 0px 0px;
width: 800px;
border: 0px solid #B6B6B6;
background-color:#ffffff;
}


/* ------- ヘッダー部分 ------- */
#header {
background-image: url(images/top.jpg);
background-repeat: no-repeat;
margin-left: auto; 
margin-right: auto;
margin-top: 10px;
padding: 0px 0px 0px 0px;
width: 860px;
height: 80px;
}


.site_title{
padding: 30px 30px 30px 30px;
text-align:left;
}
.site_title a    {color:#444444;text-decoration:none;}
.site_title a:link  {color:#444444;text-decoration:none;}
.site_title a:visited  {color:#444444;text-decoration:none;}
.site_title a:hover   {color:#444444;text-decoration:none;}

.site_description{
padding: 0px 50px 50px 50px;
text-align:left;
}

/* ------- ヘッダー部分 ------- */



/* ------- サイドバー部分 ------- */
#side {
float: left;
background-color: #ffffff;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 5px;
overflow: hidden;
width: 200px;
}

.boxtitle {
font-size: 12px;
color:#333333;
text-align:center;
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 0px;
background-color:#eaeaea;
}

.box {
border: 1px solid #eaeaea;
background-color:#f8f8f8;
font-size: 12px;
text-align: left;
margin: 20px 0px 20px 0px;
padding: 0px 0px 10px 0px;
line-height: 1.5em;
color:#333333;
}

.box ul li{
font-size: 12px;
text-align: left;
list-style-type: none;
padding: 5px 10px 5px 10px;
border-top: 1px dotted #eaeaea;
}

.box2 {
border: 1px solid #eaeaea;
background-color:#f8f8f8;
text-align: center;
margin: 20px 0px 20px 0px;
padding: 0px 0px 10px 0px;
}

/* ----- CALENDAR ------- */

.boxcal {
border: 1px solid #dddddd;
font-size: 12px;
text-align: center;
margin: 20px 0px 20px 0px;
padding: 10px 0px 10px 0px;
line-height: 1.5em;
color:#333333;
background-color:#FFFFFF;
}


.calendar      {
  font-family: Verdana;
  margin: 0px 0px 0px 0px
}

.cell       {
  font-family: Verdana;
  background: white no-repeat;
  margin: 0px;
  width: 16px;
  height: 15px
}

.cell_today      {
  color: olive;
  font-family: Verdana;
  background: #99ffff no-repeat;
  margin: 0px;
  width: 15px;
  height: 15px
}

.cell_sunday     {
  color: #c00;
  font-family: Verdana;
  background: #eaeaea; no-repeat;
  margin: 0px;
  width: 16px;
  height: 15px
}

.cell_saturday    {
  color: #000066;
  font-family: Verdana;
  background: #eaeaea; no-repeat;
  margin: 0px;
  width: 16px;
  height: 15px
}
/* ----- CALENDAR ------- */

/* ------- サイドバー部分 ------- */



/* ------- メイン部分 ------- */
#main {
float: right;
background-color: #ffffff;
padding: 0px 0px 0px 0px;
margin: 0px 5px 0px 0px;
overflow: hidden;
width: 580px;
}


.kizi {
background-color: #FFFFFF;
margin: 20px 0px 20px 0px;
text-align: left;
border: 2px solid #eaeaea;
}


.kizi_title {
text-align: left;
line-height: 1.5em;
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
border-bottom: 1px solid #eaeaea;
background-color:#EEEEEE;
}
.kizi_title a    {color:#FF9999; text-decoration:none;}
.kizi_title a:link  {color:#FF9999; text-decoration:none;}
.kizi_title a:visited  {color:#FF9999; text-decoration:none;}
.kizi_title a:active  {color:#333333; text-decoration:none;}
.kizi_title a:hover  {color:#333333; text-decoration:none;}


.kizi_body   {
background-color: #FFFFFF;
font-size: 12px;
text-align: left;
color:#333333;
line-height: 1.5em;
margin: 0px 0px 0px 0px;
padding: 15px 15px 15px 15px;
}

.kizi_body ul{
  list-style-type: none;
}

.comtb_box{
font-size: 12px;
text-align: left;
color:#333333;
line-height: 1.5em;
margin: 15px 15px 15px 15px;
padding: 10px 10px 10px 10px;
border: 1px dotted #eaeaea;
}


/* ------- メイン部分 ------- */

/* ------- ページ移動リンク ------- */
.lpagemove {
font-size: 12px;
margin:10px 10px 20px 0px;
float:left;
}
.lpagemove a    {color:#5f5f5f;text-decoration:none;}
.lpagemove a:link  {color:#5f5f5f;text-decoration:none;}
.lpagemove a:visited  {color:#5f5f5f;text-decoration:none;}
.lpagemove a:hover   {color:#5f5f5f;text-decoration:none;}

.rpagemove {
font-size: 12px;
margin:10px 0px 20px 10px;
float:right;
}
.rpagemove a    {color:#5f5f5f;text-decoration:none;}
.rpagemove a:link  {color:#5f5f5f;text-decoration:none;}
.rpagemove a:visited  {color:#5f5f5f;text-decoration:none;}
.rpagemove a:hover   {color:#5f5f5f;text-decoration:none;}
/* ------- ページ移動リンク ------- */


/* ------- ■フッダー部分 ------- */
#footer {
width: 730px;
color:#5f5f5f;
line-height: 1.5em;
font-size: 10px;
text-align:center;
background-image: url(images/footer_bg.jpg);
background-repeat: repeat-x;
padding: 10px 10px 10px 10px;
}

/* ------- powerdby ------- */
.powerdby{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: right;
width: 750px;
color:#999999;
font-size:8px;
}

.powerdby a    {color:#999999;text-decoration:none;}
.powerdby a:link  {color:#999999;text-decoration:none;}
.powerdby a:visited  {color:#999999;text-decoration:none;}
.powerdby a:hover  {color:#999999;text-decoration:none;}
/* ------- powerdby ------- */