@charset "utf-8";

/* ------------------------------------------------ */
/* サイトナビのレイアウト                           */
/* ------------------------------------------------ */


/* ▼メインメニュー部の定義▼ */
/* メインメニュー部の大枠 */
#sitenavi-menu{
  float:left;
  width:100%;
  margin:0px 0px 15px 0px;
  padding:0px;
  border-top:solid 1px #999;
  border-bottom:solid 1px #999;
}

/* メインメニュー部の各項目 */
#sitenavi-menu ul{
  float:left;
  position:relative;
  z-index: 100;
}
#sitenavi-menu ul li{
  float:left;
}
#sitenavi-menu li a{
  display:block;/* 変更不可 */
  margin:0px;
  height:25px;
  font-size:.8em;
  line-height:25px;
  vertical-align:bottom;
  text-align:center;
  text-decoration:none;
}
#sitenavi-menu li a:hover{opacity:0.7;}
#sitenavi-menu li a span{padding:0 7px;}
#sitenavi-menu li.top a span{padding:0 18px;}

/* 各項目の通常状態が「.normal」、オンマウス状態が「.reverse」 */
#sitenavi-menu * .normal,#sitenavi-menu * .reverse{
  margin:0px;
  cursor:pointer;
}

#sitenavi-menu * .normal{
  color:#ffffff;
  background-color:#000;
}
#sitenavi-menu * .reverse{
  background-color:#ccc;
  color:#ff0000;
}


/* 「現在地（“政治”に属する記事なら“政治”）」を「xxxxx-current」で表す */
#sitenavi-title1-current,#sitenavi-title2-current,#sitenavi-title3-current,#sitenavi-title4-current,#sitenavi-title5-current,#sitenavi-title6-current,#sitenavi-title7-current,#sitenavi-title8-current{
  display:block;
  color:#ffffff;
  background-color:#fd0000;
}

/* メインメニューの各項目ごとに表示を変える必要があれば指定（幅など） */
#sitenavi-menu1.normal{
}
#sitenavi-menu1.reverse{
}
#sitenavi-menu2.normal{
}
#sitenavi-menu2.reverse{background-color:#ccc;color:#ff0000;
}
#sitenavi-menu3.normal{
}
#sitenavi-menu3.reverse{
}
#sitenavi-menu4.normal{
}
#sitenavi-menu4.reverse{
}
#sitenavi-menu5.normal{
}
#sitenavi-menu5.reverse{
}
#sitenavi-menu6.normal{
}
#sitenavi-menu6.reverse{
}
#sitenavi-menu7.normal{
}
#sitenavi-menu7.reverse{
}
#sitenavi-menu8.normal{
}
#sitenavi-menu8.reverse{
}
/* ▲メインメニュー部の定義▲ */



/* ▼サブメニュー部の定義▼ */
/* サブメニュー（オンマウスで表示）の大枠 */
#sitenavi-menu * .box{
  /* 2014-09-28 for jQuery */
  margin-top:-2px;
  /* */
  padding:5px;
  background-color:#000;
  border-width:2px 2px 2px 2px;
  border-style:solid;
  border-color:#ff0000;
  position: absolute;
  z-index: 100;
  font-size:13px;
  background-color:#000;
}
#sitenavi-menu * .box ul li{
  display:block;
  clear:both;
  width:97%;
}

/* 各サブメニューの色や反転時の形状はここで決める */
#sitenavi-menu * .box a{
  display:block;
  width:100%;
  height:100%;
  margin:0px 0px;
  padding:3px;
  text-align:left;
  text-indent:0.5em;
  color:#fff;
  font-size:0.9em;
  border-style:dotted;
  border-width:0px 0px 1px 0px;
  border-color:#ccc;
  background-color:#000;
}
#sitenavi-menu * .box a:hover{
  color:#ff0000;
  background-color:#000;
}

/* closeボタンをつける場合 */
#sitenavi-menu .box .close{
  margin:5px auto;
  text-align:center;
  width:50px;
  cursor:pointer;
}

/* 何番目か、によって表示位置やビジュアルを変えることもできる */
#sitenavi-menu1-box,#sitenavi-menu2-box,#sitenavi-menu3-box,#sitenavi-menu4-box,#sitenavi-menu5-box,#sitenavi-menu6-box,#sitenavi-menu7-box,#sitenavi-menu8-box{ /*共通部分*/
  width:200px;
  top:24px;
}
* html #sitenavi-menu1-box,* html #sitenavi-menu2-box,* html #sitenavi-menu3-box,* html #sitenavi-menu4-box,* html #sitenavi-menu5-box,* html #sitenavi-menu6-box,* html #sitenavi-menu7-box,* html #sitenavi-menu8-box{ /*共通部分(IE6)*/
  width:200px;
}

#sitenavi-menu1-box{
  left:0px;
}

#sitenavi-menu2-box{
  left:100px;
  width:170px;
}
#sitenavi-menu3-box{
  left:200px;
  width:250px;
}
#sitenavi-menu3-box * a{
  width:250px!important;
}
#sitenavi-menu4-box{
  left:300px;
  width:170px;
}
#sitenavi-menu5-box{
  left:400px;
  width:230px!important;
}
#sitenavi-menu5-box * a{
  width:220px!important;
}

#sitenavi-menu6-box{
  /* left:435px; */
  left:500px;
  width:210px;
}
#sitenavi-menu6-box * a{
  width:210px!important;
}

#sitenavi-menu7-box{
  /* left:435px; */
  left:600px;
  width:250px;
}
#sitenavi-menu8-box{
  /* left:435px; */
  left:700px;
  width:190px;
}
#sitenavi-menu7-box * li{
  width:240px!important;
  background-color:#333;
}
/* ▲サブメニュー部の定義▲ */