/**=
* ========================================
* ■■ニュースエリア
* <div id="newsbox">
* ========================================
*/

#newsbox{
   position: relative;
   width: 100%;
   margin: 0;
   padding: 0;
   }

#newsbox-inline{
   display: inline-block;
   width: 980px;
   margin: 0 auto;
   text-align: left;
   }

   /* ----ヘッダーナビゲーション--- */
   .slide-panel {
      z-index: 25;
      width: 5px;
      position: absolute;
   }
   
   .bottom{ bottom: 0;}
   
   .content {
      z-index: 10;
      overflow: hidden;
	  height: 0;
      text-align: center;
      background-color: #333;
   }
   
   /* ----ニュースを開く/閉じる--- */
   .slide-button{
      position: relative;
      width: 100%;
      background: url(../images/common/newsbox-button-bg.gif) repeat-x bottom;
      z-index: 20;
      cursor: pointer;
      text-align: center;
   }



/**=
* ========================================
* ■■雑誌の企画
* ========================================
*/

div.news-magazine{
   display: inline-block;
   float: left;
   width: 480px;
   margin: 0;
   background: url(../images/common/newsbox-bg-line.gif) repeat-y right;
   }
   
   div.news-magazine h3{
      display: block;
	  width: 200px;
	  height: 50px;
	  margin: 0;
	  padding: 0;
	  background: url(../images/common/newsbox-magazine-title.gif) no-repeat;
	  text-indent: -999em;
      }

   div.news-magazine dl{
      display: inline-block;
	  width: 440px;
	  margin: 5px 0 0 10px;
	  padding: 0;
	  border-bottom: 1px dotted #999;
      }
	  
   div.news-magazine dl{
      display: inline-block;
	  width: 460px;
	  margin: 5px 0 0 15px;
	  padding: 0;
      }
	  
   div.news-magazine dl dt{
      display: inline;
      float: left;
      width: 80px;
      margin: 0;
	  padding: 5px 0;
      }
	  
	  div.news-magazine dl dd span.magazine-name a{ color:#FFFFCC; text-decoration:underline; font-weight: bold; font-size: 14px;}
	  div.news-magazine dl dd span.magazine-name a:hover{ color:#FFFFCC; text-decoration:none;}
	  div.news-magazine dl dd span.magazine-url { color:#FFFFCC; font-size:12px;}
	  
   div.news-magazine dl dd{
      display: inline;
	  float: right;
	  width: 355px;
      margin: 0;
	  padding: 5px 0;
	  text-align: left;
	  font-size: 12px;
	  color:white;
	  line-height: 1.5;
      }
	  
	  
	  
/**=
* ========================================
* ■■雑誌の企画
* ========================================
*/

div.news-works{
   display: inline-block;
   float: left;
   width: 480px;
   margin: 0 0 0 15px;
   }
   
   div.news-works h3{
      display: block;
	  width: 200px;
	  height: 50px;
	  margin: 0;
	  padding: 0;
	  background: url(../images/common/newsbox-works-title.gif) no-repeat;
	  text-indent: -999em;
      }
	  
   div.news-works dl{
      display: inline-block;
	  width: 460px;
	  margin: 5px 0 0 15px;
	  padding: 0;
      }
	  
   div.news-works dl dt{
      display: inline;
      float: left;
      width: 135px;
      margin: 0;
	  padding: 5px 0;
      }
	  
	  div.news-works dl dd span.site-name a{ color:#FFFFCC; text-decoration:underline; font-weight: bold; font-size: 14px;}
	  div.news-works dl dd span.site-name a:hover{ color:#FFFFCC; text-decoration:none;}
	  div.news-works dl dd span.site-url { color:#FFFFCC; font-size:12px;}
	  
   div.news-works dl dd{
      display: inline;
	  float: right;
	  width: 300px;
      margin: 0;
	  padding: 5px 0;
	  text-align: left;
	  font-size: 12px;
	  color:white;
	  line-height: 1.5;
      }