@charset "shift_JIS";



/* スタイルリセット */
@import url(reset.css);

/*---------------------------
__Body
---------------------------*/
body{
	background-color:#000000;
	padding:15px 0;
	font-size:14px;
	color:#fff;
}


/*------------------------------
              全体
 ------------------------------*/
#layout {
      width:940px;
      margin:0 auto;
      background-color:#000000;
      border:1px outset #ffffff;
      text-decoration: none;
}


a{
      text-decoration: none;
      color:#ffffff;
}

a:hover{
      text-decoration:none;
      color:#0066cc
}

.clear{
      clear:both;
}

/*------------------------------
              上部 
 ------------------------------*/
#top {
      height:40px;
      border-bottom:1px solid #ffffff;
      background-color:#212121;
}


/*------------------------------
           ナビゲーション 
 ------------------------------*/


ul#navi {
	height:40px;
	border-bottom:1px solid #ffffff;
        background-color:#000000;
}


ul#navi  li{
      display:inline;
      line-height:40px;
      padding:0 30px;
      border-right:1px solid #ffffff;
}



/*------------------------------
               枠 
 ------------------------------*/
#item {
      overflow:hidden;/*floatの解除　ここがポイント*/
      position:relative; /*DWで正常に表示されるようにするもの*/
      zoom:1;　/*レイアウトが崩れるのを防ぐもの*/
      border-bottom:1px solid #ffffff;
      border-top:1px solid #ffffff;
      border-bottom:1px solid #ffffff;
}



/*------------------------------
            ２カラム 
 ------------------------------*/
#item #main {
      width:940px;
      padding:15px;
      border-right:1px solid #ffffff; 
      float:left;
      

}
/*------------------------------
         メインタイトル
 ------------------------------*/
#item #main h3{
      border:3px outset #ffffff;
      padding:5px 10px;
      margin-bottom:15px;
      color:#ffffff;
      background-color:#666666;
}

#item #main h4{
      border:1px outset #ffffff;
      padding:5px 25px;
      margin-bottom:15px;
      color:#ffffff;
      background-color:#222222;
}
/*------------------------------
         テキストを表示 
 ------------------------------*/
#item #main p{
      margin-bottom:15px;
      padding:0 15px;
      color:#ffffff;
}


/*------------------------------
            メニュー 
 ------------------------------*/
#item #sub ul{
      margin-bottom:15px;
}


#item #sub ul li{
      padding:0 0 5px 0;
      list-style-type:square;
      margin-left:15px;
}



/*------------------------------
              下部 
 ------------------------------*/
#copylight {
      line-height:30px;
      text-align:center;
      background-color:#000000;
      color:#ffffff;
}