/* ================================================ */
/* 全体設定           */
* {
  margin: 0;
  padding: 0;
  font-style : normal;
  font-weight : normal;
  font-size: 100%;
}
/* body              */
body {
  font-size: 84%;
  font-family: Verdana,"ＭＳ Ｐゴシック",Osaka,sans-serif;
  line-height: 150%;
  text-align: center;
  color: #666;
  background: #FFFFFF ;
}

/* ================================================ */
/* 見出し           */
h1,h2,h3 {
  font-weight: bold;
  letter-spacing: 0.2em;
}

/* ================================================ */
/* リスト           */

ul li {
  list-style-type: none;
}
/* ================================================ */
/* リンク            */
a {
  color: #36c;
}
a:visited{
  color: #969;
}
a:hover{
  color: #ccc;
}
a:active{
  color: #eee;
}
/* ================================================ */
/* 文字強調     */
em {
  color: #967;
  border-bottom: 1px dashed #999;
}
strong {
  font-weight: bold;
  color: #967;
  border-bottom: 1px dashed #999;
}
/* ================================================ */

/* ページの整形     */
#container {
  text-align: left;
  background-color: #eee;
  margin: 0 auto;
  width: 700px;
  border-right: 1px solid #999;
  border-left: 1px solid #999;
}

/* ================================================ */
/* ヘッダー     */
#header {
  width: 700px;
  height: 50px;
}
h1 {
  padding: 20px 5px 5px;
  font-size: 200%;
  text-align: center;
}
h2 {
  padding: 20px 5px 5px;
  font-size: 130%;
  text-align: center;
}
/* ================================================ */
/* メニュー     */
#sideber {
  width: 200px;
  float: right;
  margin: 0;
  padding: 0;
}

.menuBox {
  width: 188px;
  border: 1px solid #999;
  margin: 50px 5px;
  padding: 0;
  background-color: #FFF;
}
 .menuBox ul {
  margin: 0;
  padding: 5px;
}
.menuBox li {
  margin: 0;
  padding: 3px 3px 3px 14px;
}
/* ================================================ */
/* メイン     */
#main {
  width: 500px;
  margin: 0;
  padding: 0;
  float: right;
}
/* mainBox     */
.mainBox {
  margin: 50px 5px;
  border:1px solid #999;
  background-color: #FFF;
}
/* 見出し     */
#main h3 {
  font-size: large;
  margin: 3px 1em 0;
  padding: 5px;
  border-bottom: 1px dashed #999;
}
/* 段落・リスト     */
#main p,dl {
  margin: 0 1em;
  padding: 0.5em 0 0.8em 0.5em;
}
#main dt {
  font-weight: bold;
}
#main dd {
  margin: 0;
}
#main ul {
  margin: 0 2em 0 3em;
  padding: 0.5em 0 0.8em 0.5em;
}
#main li {
  list-style-type: square;
}

/* ================================================ */
/* フッター     */
#footer {
  clear: right;
  width: 700px;
  padding: 0;
  margin: 0;
  text-align: center;
}
/* ================================================ */
/* 全体設定           */
* {
  margin: 0;
  padding: 0;
  font-style : normal;
  font-weight : normal;
  font-size: 100%;
}
/* body              */
body {
  font-size: 84%;
  font-family: Verdana,"ＭＳ Ｐゴシック",Osaka,sans-serif;
  line-height: 150%;
  text-align: center;
  color: #808080;
  background: #FFFFFF ;
}

/* ================================================ */
.clearfix:after{
   content:".";
   display:block;
   height:0;
   visibility:hidden;
   clear:both;
}

.clearfix{
   display:inline-block;
   min-height:1%;  /* for IE 7 and MacIE5.5*/
}

/* Hides from IE-mac */
*html .clearfix{height: 1%;}
.clearfix{display: block;}
/* for ie5,6*/
/* ================================================ */
/* 見出し           */
h1,h2,h3 {
  font-weight: bold;
  letter-spacing: 0.2em;
}

/* ================================================ */
/* リスト           */

ul li {
  list-style-type: none;
}
/* ================================================ */
/* リンク            */
a {
  color: #36c;
}
a:visited{
  color: #969;
}
a:hover{
  color: #ccc;
}
a:active{
  color: #eee;
}
/* ================================================ */
/* 文字強調     */
em {
  color: #967;
  border-bottom: 1px dashed #999;
}
strong {
  font-weight: bold;
  color: #967;
  border-bottom: 1px dashed #999;
}
/* ================================================ */

/* ページの整形     */
#container {
  text-align: left;
  background-color: #eee;
  margin: 0 auto;
  width: 710px;
  border-right: 1px solid #999;
  border-left: 1px solid #999;
}

/* ================================================ */
/* ヘッダー     */
#header {
  width: 700px;
  height: 50px;
}
h1 {
  padding: 20px 5px 5px;
  font-size: 200%;
  text-align: center;
}
h2 {
  padding: 20px 5px 5px;
  font-size: 130%;
  text-align: center;
}
/* ================================================ */
/* メニュー     */
#sideber {
  width: 200px;
  float: right;
  margin: 0;
  padding: 0;
}

.menuBox {
  width: 188px;
  float: right;
  border: 1px solid #999;
  margin: 50px 5px;
  padding: 0;
  background-color: #FFF; 
}
 .menuBox ul {
  margin: 0;
  padding: 5px;
}
.menuBox li {
  margin: 0;
  padding: 3px 3px 3px 14px;
}
/* ================================================ */
/* メイン     */
#main {
  width: 498px;
  margin: 0;
  padding: 0;
  float: left;
}
/* mainBox     */
.mainBox {
  margin: 50px 5px;
  width: 480px;
  border:1px solid #999;
  background-color: #FFF;
}
/* 見出し     */
#main h3 {
  font-size: large;
  margin: 3px 1em 0;
  padding: 5px;
  border-bottom: 1px dashed #999;
}
/* 段落・リスト     */
#main p,dl {
  margin: 0 1em;
  padding: 0.5em 0 0.8em 0.5em;
}
#main dt {
  font-weight: bold;
}
#main dd {
  margin: 0;
}
#main ul {
  margin: 0 2em 0 3em;
  padding: 0.5em 0 0.8em 0.5em;
}
#main li {
  list-style-type: square;
}

/* ================================================ */
/* フッター     */
#footer {
  clear: both;
  width: 700px;
  padding: 0;
  margin: 0;
  text-align: center;
}
/* ================================================ */
/* 全体設定           */
* {
  margin: 0;
  padding: 0;
  font-style : normal;
  font-weight : normal;
  font-size: 100%;
}
/* body              */
body {
  font-size: 84%;
  font-family: Verdana,"ＭＳ Ｐゴシック",Osaka,sans-serif;
  line-height: 150%;
  text-align: center;
  color: #808080;
  background: #FFFFFF ;
}

/* ================================================ */
.clearfix:after{
   content:".";
   display:block;
   height:0;
   visibility:hidden;
   clear:both;
}

.clearfix{
   display:inline-block;
   min-height:1%;  /* for IE 7 and MacIE5.5*/
}

/* Hides from IE-mac */
*html .clearfix{height: 1%;}
.clearfix{display: block;}
/* for ie5,6*/
/* ================================================ */
/* 見出し           */
h1,h2,h3 {
  font-weight: bold;
  letter-spacing: 0.2em;
}

/* ================================================ */
/* リスト           */

ul li {
  list-style-type: none;
}
/* ================================================ */
/* リンク            */
a {
  color: #36c;
}
a:visited{
  color: #969;
}
a:hover{
  color: #ccc;
}
a:active{
  color: #eee;
}
/* ================================================ */
/* 文字強調     */
em {
  color: #967;
  border-bottom: 1px dashed #999;
}
strong {
  font-weight: bold;
  color: #967;
  border-bottom: 1px dashed #999;
}
/* ================================================ */

/* ページの整形     */
#container {
  text-align: left;
  background-color: #eee;
  margin: 0 auto;
  width: 710px;
  border-right: 1px solid #999;
  border-left: 1px solid #999;
}

/* ================================================ */
/* ヘッダー     */
#header {
  width: 700px;
  height: 50px;
}
h1 {
  padding: 20px 5px 5px;
  font-size: 200%;
  text-align: center;
}
h2 {
  padding: 20px 5px 5px;
  font-size: 130%;
  text-align: center;
}
/* ================================================ */
/* メニュー     */
#sideber {
  width: 200px;
  float: right;
  margin: 0;
  padding: 0;
}

.menuBox {
  width: 188px;
  float: right;
  border: 1px solid #999;
  margin: 50px 5px;
  padding: 0;
  background-color: #FFF; 
}
 .menuBox ul {
  margin: 0;
  padding: 5px;
}
.menuBox li {
  margin: 0;
  padding: 3px 3px 3px 14px;
}
/* ================================================ */
/* メイン     */
#main {
  width: 498px;
  margin: 0;
  padding: 0;
  float: left;
}
/* mainBox     */
.mainBox {
  margin: 50px 5px;
  width: 480px;
  border:1px solid #999;
  background-color: #FFF;
}
/* 見出し     */
#main h3 {
  font-size: large;
  margin: 3px 1em 0;
  padding: 5px;
  border-bottom: 1px dashed #999;
}
/* 段落・リスト     */
#main p,dl {
  margin: 0 1em;
  padding: 0.5em 0 0.8em 0.5em;
}
#main dt {
  font-weight: bold;
}
#main dd {
  margin: 0;
}
#main ul {
  margin: 0 2em 0 3em;
  padding: 0.5em 0 0.8em 0.5em;
}
#main li {
  list-style-type: square;
}

/* ================================================ */
/* フッター     */
#footer {
  clear: both;
  width: 700px;
  padding: 0;
  margin: 0;
  text-align: center;
}