<!--2カラム用-->

body{
	margin:0;
	posision : static;
	background-color:#000;
}
/* LINK 設定 */
a       {
     background: transparent;
     color: #666;
         font-family:Century Gothic;
         font-size:10px;         /* 文字を大きく */
     text-decoration; none;
}
a:active,a:hover       {
     background: transparent;
     color: #cc0000;
         font-family:Century Gothic;
         font-size:10px;         /* 文字を大きく */
     text-decoration; none;
}

/* リスト全体 */
#menu
{
    width:100px;            /* 項目の幅 */
    height:25px;            /* 項目の高さ */
        margin:0px 0px 0px 0px;
    float:left;             /* 各項目を左側から回り込み */
        list-style type:none;        /* リストマークを無しにする */
    text-align:center;      /* 文字を中央 */
    font-size:11px;         /* 文字を大きく */
    font-family:Century Gothic;
    line-height:185%;       /* 行の高さを調整 */
   }
   
#menu ul
   {
    width:800px;            /* リスト全体の幅 */
    height:25px;            /* リスト全体の高さ */
    margin:0px 0px 0px 0px;
    list-style type:none;        /* リストマークを無しにする */
    text-align:center;      /* 文字を中央 */
    font-size:11px;         /* 文字を大きく */
        font-family:Century Gothic;
    line-height:185%;       /* 行の高さを調整 */
   }

/* 各項目 */
li
   {
    width:100px;            /* 項目の幅 */
    height:25px;            /* 項目の高さ */
    float:left;             /* 各項目を左側から回り込み */
   }

/* リンク部分 */
#menu a
   {
    display:block;            /* リンク範囲をブロックに変換 */
    width:100%;               /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;              /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(images/btn1.gif);  /* リンク範囲の背景画像設定 */
    background-position:0px 0px; /* ★背景画像の（0px 0px）の位置★ */
    background-repeat:no-repeat; /* 背景画像繰り返し表示しない */
    color:#cccccc;            /* リンク文字色 */
        text-decoration : none;
   }

#menu a:link
   {color:#444444;}         /* まだ見ていないリンク色 */

#menu a:visited
   {color:#444;}         /* 既に見たリンク色 */
 
#menu a:hover
   {
    background-image:url(images/btn1.gif);     /* マウスが上に来た時の背景画像設定 */
    background-position:0px -25px;  /* ★背景画像を（0px -25px）に移動★ */
    color:#4682B4;          /* マウスが上に来た時の文字色 */
   }
   
   
.mo1 {
    font-size:12px;
    font-family:Century Gothic;
    color:#444;
    }
    .mo2{
    font-size:10px;
    font-family:Century Gothic;
    color:#444;
    }
        .mo3{
    font-size:12px;
    font-family:Century Gothic;
    color:#cc0000;
    }
        .mo4{
    font-size:12px;
    font-family:Century Gothic;
    color:#DB7093;
    }
            .mo5{
    font-size:14px;
    font-family:Century Gothic;
    color:#cc0000;
    }
                .mo6{
    font-size:14px;
    font-family:Century Gothic;
    color:#fff;
    }
                    .mo7{
    font-size:13px;
    font-family:Century Gothic;
    color:#fff;
    }
.box{ 
background-color: #333; 
border-top: 1px #555 solid; 
border-right: 0px; 
border-bottom: 1px #555 solid; 
border-left: 0px ; 
padding:4px;
 }
 .box2{ 
background-color: #336699; 
border-top: 1px #555 solid; 
border-right: 0px; 
border-bottom: 1px #555 solid; 
border-left: 0px ; 
padding:4px;
 }

#outline{
width : 806px;
padding : 0 ;
text-align : left;
background:#000;
border:3px solid #000;
}


.header{
width : 800px ;
margin-bottom :0px ;
background:#000;
text-align : left;}


.main {
 width : 720px;
 background-color: #000; 
 float : right;}
 
 .margin{
 margin :0 10px;}
 
.side {
 width : 80px;
  height :2800px;
background:#111;
 float : left;
}
 
 .main2 {
 width : 720px;
float : left;}
 

 .c-both {clear:both;}


.footer{
width : 800px ;
background:#000;
text-align : center;}