/*************************************/
/* 南国仕様　汎用CSS  css1           */
/*                                   */
/* 使用ページ                        */
/*  index                            */
/*************************************/

/* ========= name="general" =========== */

html{/*スクロールバーの色*/
  scrollbar-3dlight-color: #0000FF;
  scrollbar-arrow-color: #0000FF;
  scrollbar-darkshadow-color: #FFFFFF;
  scrollbar-face-color: #0000FF;
  scrollbar-highlight-color:#FFFFFF;
  scrollbar-shadow-color: #0000FF;
  scrollbar-track-color: #FBFBFC;
  }
body{/*全体のフォントサイズ・色*/
  font-size: 11pt;
  color: #4F4F4F;
  background-color: #FFFFFF;
  overflow: auto;
  }
  
a:link{/*リンク色*/
  color: #0000FF;
  text-decoration: none;
  }
a:visited{/*訪問済みリンク色*/
  color: #0000FF;
  text-decoration: none;
  }
a:hover,a:active{/*アクティブリンク色*/
  color: #ff0000;
  position: relative;
  top: -1px;
  left: -1px;
  text-decoration: underline;
  }

.red {
	color            : red;
}

.white {
	color            : white;
}

.menu{/*メニュー部分の枠設定*/
  width: 210px;/*幅*/
  /* height: 300px; *//*高さ*/
  margin: 0.5em 0.5em 0.5em 0.5em;
  padding: 0em 0em 0em 0em;
  border: solid 1px #00CCFF;/*枠色*/
  background-color: #FFFFFF;/*背景色*/
  }

.sample{/*サンプル部分の枠設定*/
  width: 200px;/*幅*/
  text-align: center;
  margin: 0.5em 0.5em 0.5em 0.5em;
  padding: 0em 0em 0em 0em;
  border: solid 1px #000099;/*枠色*/
  background-color: #FFFFFF;/*背景色*/
  }
  
h1{
  width: 710px;/*幅*/
  font-size: 11pt;
  font-family: Arial,sans-serif;
  font-weight: normal;
  letter-spacing: 0.1em;
  text-align: center;
  margin: 1em 0em 0.5em 0em;
  padding: 0em 0em 0em 0em;
  line-height: 150%;    
  }
   
h2{/*メニュータイトル部分の設定*/
  font-size: 12pt;
  font-family: Arial,sans-serif;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: center;
  margin: 0em 0em 0.5em 0em;
  padding: 0.5em 1em 0.5em 1em;
  color: #000000;
  background-color: #00CCFF;
  }

h2.sample{/*サンプル部分の設定*/
  font-size: 12pt;
  font-family: Arial,sans-serif;
  font-weight: normal;
  letter-spacing: 0.1em;
  text-align: center;
  margin: 0em 0em 0.5em 0em;
  padding: 0.5em 1em 0.5em 1em;
  color: #FFFFFF;
  background-color: #000099;
  }

p{
  font-size: 12pt;
  font-family: Arial,sans-serif;
  font-weight: normal;
  letter-spacing: 0.1em;
  text-align: left;
  margin: 0.5em 0.5em 0em 0.5em;
  /*padding: 0.5em 1em 0.5em 1em;*/
  /*color: #000000;*/
  }

ul {
 margin: 0;
 padding: 0;
 width: 200px;/*メニューの全体的な横幅を設定*/
}

li {
 margin: 0;
 padding: 0;
 display: inline;/* li要素の隙間を無くす */
 line-height: 1.2; /* 行間そろえる IE対策 */
 list-style-type: none;
 text-align: left;
}

li a {
 padding: 0.7em 0.5em; /* ボタンの厚みはここで調整 */
 display: block;
 position: relative; /* IE6でマウス反応領域がおかしいのをFix */
 font-size: 12pt;
 background-color: #DFFFFF;
 text-align: left;
}

ul li a:hover {
 background-color: #66FFCC;
}


address{/*最下部のCopyright部分*/
  margin: 1em 0px 1em 0px;
  position: relative;
  width: 550px;
  padding: 2px;
  font-size: 8pt;
  font-style: normal;
  font-family: Arial,sans-serif;
  letter-spacing: 0.1em;
  text-align: center;
  }
  
/* =========== end ============== */