/* ページのレイアウト用CSS */
BODY {
/* 古いブラウザへの対応 */
	text-align:center;
	background-color : #000000;
}

.contents {
	width : 760px;
	margin:auto;
	background-color : #646464;
/* 古いブラウザへの対応 */
	text-align:left;
border-width : 3px 3px 3px 3px;border-style : solid solid solid solid;border-color : #ff0000 #ff0000 #ff0000 #ff0000;
/* 相対的位置指定 */
	position:relative;
}

.contents1 {
	width : 760px;
	margin : auto auto 1em auto;
	background-color : #646464;
/* 古いブラウザへの対応 */
	text-align:left;
}

.contents2 {
	width : 700px;
	margin : auto auto 1em auto;
	padding : 10px;
	background-color : #646464;
  color : #eeeeee;
/* 古いブラウザへの対応 */
	text-align:left;
}

.contents3 {
	width : 700px;
	margin : 1em auto 1em auto;
	background-color : #646464;
  color : #ff0000;
/* 古いブラウザへの対応 */
	text-align:right;
}

.contents4 {
	width : 400px;
	margin : 1em auto 1em auto;
	background-color : #646464;
  color : #ff0000;
/* 古いブラウザへの対応 */
	text-align:right;
}

.contents5 {
	width : 760px;
	margin : auto auto 1em auto;
	padding : 30px;
	background-color : #646464;
/* 古いブラウザへの対応 */
	text-align:left;
}

.col{
	width : 400px;
	margin : auto auto 5px auto;
	padding : 0px 5px;
	color : #ffffff;
	float : left;
/* 古いブラウザへの対応 */
	text-align:left;
}

.col2{
	width : 300px;
	margin : auto auto 5px auto;
	padding : 0px 5px;
	color : #ffffff;
	float : left;
/* 古いブラウザへの対応 */
	text-align:left;
}

.col3{
	width : 250px;
	margin : auto auto 5px auto;
	padding : 0px 5px;
	color : #ffffff;
	float : left;
/* 古いブラウザへの対応 */
	text-align:left;
}


H1{
  background-image : url(img/bana0310.jpg);
  width : 760px;
  height : 85px;
  font-size : 22px;
/* バックと同じ色にして隠す */
  color : #404040;
  text-indent : 0px;
  font-family : "ＭＳ Ｐゴシック";
/* navbar を入れる為の下方向のマージン */
  margin-bottom : 50px;
}

H2{
  font-family: "ＭＳ Ｐ明朝", "細明朝体",serif;
  color : #ffffff;
  font-size : 100%;
  text-align : right;
  margin-top : 1em;
  margin-bottom : 1em;
  margin-left : 1em;
  margin-right : 1em;
}

H3{
  font-family: "ＭＳ Ｐ明朝", "細明朝体",serif;
  color : #ffffff;
  font-size : 120%;
  margin-top : 1em;
  margin-bottom : 1em;
  margin-left : 5px;
  margin-right : 5px;
  background-color : #404040;
  border-top:double 3px #000000;
  border-bottom:double 3px #000000;
  text-align: center;
/* 左右のフロートを解除 */
  clear:both;
}

H4{
  font-family: "ＭＳ Ｐ明朝", "細明朝体",serif;
  color : #ffffff;
  font-size : 120%;
  margin-top : 1em;
  margin-bottom : 1em;
  margin-left : 5px;
  margin-right : 5px;
  background-color : #F30B00;
  border-top:double 3px #000000;
  border-bottom:double 3px #000000;
  text-align: center;
/* 左右のフロートを解除 */
  clear:both;
}


/*- Menu Tabs E--------------------------- */

    #tabsE {
	width : 100%;
	position: absolute;
/* 絶対位置でヘッダーの下に配置 */
	top : 85px;
	left: 0px;
/* バーの上下に罫線 */
	border-bottom: solid 1px #999999;
	border-top: solid 1px #999999;

      font-size:120%;

      }

    #tabE H2{
      
	float: left;
	
      }

    #tabsE ul {
        margin:0;
        padding:10px 10px 0 50px;
        list-style:none;
      }
    #tabsE li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsE a {
      float:left;
      background:url("img/tableftE.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsE a span {
      float:left;
      display:block;
      background:url("img/tabrightE.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsE a span {float:none;}
    /* End IE5-Mac hack */
    #tabsE a:hover span {
      color:#FFF;
      }
    #tabsE a:hover {
      background-position:0% -42px;
      }
    #tabsE a:hover span {
      background-position:100% -42px;
      }

        #tabsE #current a {
                background-position:0% -42px;
        }
        #tabsE #current a span {
                background-position:100% -42px;
        }