@charset   "Shift_JIS";
BODY {padding-right: 0px; padding-left: 0px; padding-top: 0px;padding-bottom: 0px; margin: 0px;}
a {color: #000000;}
a:hover {color:blue;}
a span {text-decoration:underline; color:blue;}
/* === ヘッダー部分のスタイル === */
.head {width:100%; height: 60px;background-color: #eeeeee;}
.head1 {width:45px;text-align:right;}
.head2 {padding-left:1px;}
.head3 {text-align: center;}
.head4 {text-align: left;margin-bottom: 0px;padding-bottom:0px;}
.head div{float: left;width: 100px;margin-top:15px;   text-align: center;} 
.head h1 {font-size: 9pt;margin-bottom: 1px;color:#000099; font-family:sans-serif;}
.head h2 {font-size: 21pt;font-weight:bolder;margin-bottom: 1px; color:#000099; font-family:sans-serif;}
.head h3 {font-size: 9pt;margin-bottom: 5px; color:blue;  font-family:sans-serif;text-align: left;}
.head h4 {font-size: 8pt;padding-bottom:0px;margin-bottom:0px;font-weight:normal;text-align: center;}
.head a {text-decoration:none;display:block;padding-top:3px;padding-bottom:3px;color:#000099;}
.head2 a:hover {color:#0000ff;}
.head3 a:hover {background-color:white;text-decoration:underline;}

.head1a img {width:51px;height:1px}
.head2a img {width:254px;height:1px}
.head3a img {width:324px;height:1px}

/* === メニュー部分のスタイル === */
.menu {border-top:lightgrey 1px solid;width: 100%;border-bottom:lightgrey 1px solid;width: 100%;background-color: #e6e6ff;border-left: solid 1px lightgrey;padding-left:44px;paddind-top:5px;}
.menu div{font-size: 8pt;font-weight:500; border-right:gray 1px solid; float: left;width: 100px; text-align: center;}
.menu a {text-decoration:none;display:block;padding-top:5px;padding-bottom:4px;}
.menu a:hover {background-color:white;text-decoration:underline;}
.menu a.widelink { display: block; width: 100%; text-decoration: none; }

.menu1a img {width:640px;height:1px;padding-top:0px;}
.menu1a {background-color:lightgrey;}

/* === サイドバーとコンテンツ部分のスタイル === */
.side_main {height:100%;}
.side1 {width:128px;background-color:#eeeeee;vertical-align:top;}
.side1 .logo {padding-bottom: 20px;  padding-top: 10px;text-align: center;}
.side1 a {font-size: 8pt;font-weight:500; border-bottom:solid 1px white;text-decoration:none;display:block; padding-top:8px; padding-bottom:8px; padding-left:8px;}
.side1 a:hover {background-color:white;text-decoration:underline;}
.side2 {font-size: 8pt;font-weight:500; padding-left:8px;padding-top:8px;padding-bottom:8px;vertical-align:center;text-align:left;border-bottom:solid 1px white;}
.submenu {background-color: #e6e6ff;}
.submenu a {display:block;padding-left:20px;}
.sidea img {width:128px;height:1px}

.main {padding:10px;vertical-align: top;}
.main h1 {margin-top:10px;
  color:#ffffff ; /* 文字の色 */
  background-color : #9999ff; /* 背景の色 */
  border-color: #0000cc; /* 枠の色 */
  border-width: 1px; /* 枠の幅 */
  line-height: 150%; /* 行の高さ */
  text-align: center; /* テキストの配置 */
}
/* テキストの配置 */

.main h2 {margin-top:10px;
  color: #ffffff; /* 文字の色 */
  background-color : #9999ff; /* 背景の色 */
  border-color: #0000cc; /* 枠の色 */
  border-width: 1px; /* 枠の幅 */
  line-height: 150%; /* 行の高さ */
  text-align: center; /* テキストの配置 */
}

.main h3 {
  color: #ffffff; /* 文字の色 */
  background-color : #9999ff; /* 背景の色 */
  border-color: #0000cc; /* 枠の色 */
  border-width:1px; /* 枠の幅 */
  line-height: 150%; /* 行の高さ */
  text-align: center; /* テキストの配置 */
}
.main h4 {  color:#ffffff ; /* 文字の色 */
  background-color : #9999ff; /* 背景の色 */
  border-color: #0000cc; /* 枠の色 */
  border-width: 1px; /* 枠の幅 */
  line-height: 150%; /* 行の高さ */
  text-align: center; }/* テキストの配置 */


.main h5 {  color:#ffffff ; 
  background-color : #9999ff; 
  border-color: #0000cc; 
  border-width: 1px; 
  line-height: 150%; 
  text-align: center; }
.main h6 {  font-size:0.9em;
  border-left:solid 1.2em #9999ff; 
  padding-left:0.3em;
  margin-top:2em;
  margin-bottom:0.5em;　}

.main a {font-size: 0.9em;font-weight:500; 
border-bottom:solid 1px white; padding-top:10px; padding-bottom:10px; padding-left:0px;}

.main a.widelink { display: block;width: 100%;text-decoration:none;}
.main a:hover {text-decoration:underline;}

.main p {font-size: 0.8em;color:#333333;line-height: 160%;}
.main p.point {color: blue ;}
.appeal { color: red ;}

.dt
      {  font-size: 0.8em;
         font-weight: bold;
         border-bottom: solid 1px #cccccc;width:110px ;
         color: #999999;
         margin-top: 0.5em;
      }
      
.dd
      {  font-size: 0.9em; 
         padding:0.3em; 
         margin-left: 1em;
         margin-bottom: 0.5em; line-height:150%;
      }

 
.title      {border-left:#9999ff 10px solid;
     padding-left:5px;} 
.leftborder {border-left:#9999ff 10px solid;
     border-bottom:#0000cc 1px solid;
      padding-left:5px;}



.floatl { float:left; margin-right:1em;}
.floatr { float:right; margin-left:1em;}

div.imagebox {
   border:none;/* 枠線 after */
   background-color: #eeeeff;  /* 背景色 */
   width: 300px; /* 横幅 */
   float: left; /* 左に配置 */
   margin:5px; /* 周囲の余白 
}

div.imagebox2 {
   border:none;/* 枠線 before */
   background-color: #eeeeff;  /* 背景色 */
   width: 180px; /* 横幅 */
   float: left; /* 左に配置 */
   margin:1px; /* 周囲の余白 
}

p.image,p.caption {
   text-align: center; /* 3.中央寄せ */
   margin: 5px;        /* 4.余白・間隔 */
}
p.caption{
   font-size: 0.9em;  /* 5.文字サイズ */
   color: darkblue; /* 6.文字色 */
}



.photo td {padding: 0px;font-size: 8pt;vertical-align: bottom;}
.photo img {margin-right:2px;}
.main1a img {width:512px;height:1px}

.link1 {text-align: left;}
.link2 {text-align: center;}
.link3 {text-align: right;}

.address {font-style:normal;}

.copy1 a:hover {background-color:white;}
.copy1 a.widelink { display: block; width: 100%;}
.copy1 {line-height: 140%; font-size: 8pt;width: 100%;height: 20px; background-color: #e6e6ff;text-align: center;}
.copy2 {padding-left: 10px; font-size: 8pt;width: 100%;height: 20px; background-color: #e6e6ff;text-align: center;}

.foot1a img {width:90px;height:1px}
.foot2a img {width:110px;height:1px}
.foot3a img {width:432px;height:1px}