/*
File: newslink.css
Version: 1.0
update: 12/10/10
Author: Arata
*/

@charset "utf-8";

/*----------------------------------------------------------------------*/

/*--------------------------------------------------
    +01: Common
==================================================*/
/* wrapper Div */
.wrap_newslink{font-size:12px;}

/* Table */
.wrap_newslink table{ table-layout:auto; font-size:12px; text-align:left; 	color:#ffffff;}
.wrap_newslink table tr{}
.wrap_newslink table th{padding:8px; vertical-align:top;}
.wrap_newslink table td{padding:12px 5px 8px 15px; vertical-align:top;}

/* Font */
.wrap_newslink a:link       { text-decoration:none; color:#ffffff; }
.wrap_newslink a:visited  { text-decoration:none; color:#ffffff; }
.wrap_newslink a:hover      { text-decoration:underline; color: red; }
.wrap_newslink a:active     { text-decoration:none; color:red;}

/* else */
.txt-c{text-align:center;}
.bold{font-weight:bold;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size:0;} 
.clearfix{display:inline-block;min-height:1%;}
* html .clearfix {height:1%;}
.clearfix{display:block;}

/* If There is no article */
#newslink_no_article{ margin:50px auto 0; }


/*----------------------------------------------------------------------*/

/*--------------------------------------------------
    +02: For Top Page
==================================================*/
/* wrapper Div = .wrap_newslink*/
#newslink_top {
  width:100%; height:auto;
  margin:0px; padding:0px;
  scrollbar-base-color: #ddd;
  overflow:auto;
}

/* ______ Table common _______ */
#newslink_top table{ width:100%; height:auto; }
#newslink_top table tr{}
#newslink_top table th{}
#newslink_top table td{ border-bottom: 1px dashed #ffffff;}


/* ______ List1 _______ */
#newslink_top #news_list1{}
#newslink_top #news_list1 td.title{}
#newslink_top #news_list1 td.title a:before{content:"";}

/* ______ List9 _______ */
#newslink_top #news_list9 td.datetitle{border:none;}
#newslink_top #news_list9 td.datetitle .bold{padding-left:0px;}
#newslink_top #news_list9 td.image{padding-left:10px;}
#newslink_top #news_list9 td.image img{ margin-bottom:8px; }
#newslink_top #news_list9 td.article{padding-left:10px;}
#newslink_top #news_list9 td.articlenoimage{padding-left:20px;}



/*----------------------------------------------------------------------*/

/*--------------------------------------------------
    +03: For List Style
==================================================*/
/* wrapper Div = .wrap_newslink*/
#newslink_list {
  width:100%; height:auto;
  margin:0px; padding:0px;
  overflow:auto;
}

/* ______ Table common _______ */
#newslink_list table{ width:100%; height:auto; }
#newslink_list table tr{}
#newslink_list table th{}
#newslink_list table td{ border-bottom: 1px dashed #555; }


/* ______ List1 _______ */
#newslink_list #news_list1{}
#newslink_list #news_list1 td.title{}
#newslink_list #news_list1 td.title a:before{content:"";}

/* ______ List9 _______ */
#newslink_list #news_list9 td.datetitle{border:none;}
#newslink_list #news_list9 td.datetitle .bold{padding-left:10px;}
/* with Image */
#newslink_list #news_list9 td.image{ padding-left:20px;}
#newslink_list #news_list9 td.image img{ margin-bottom:8px; }
#newslink_list #news_list9 td.article{padding-left:10px;}
/* Text Only */
#newslink_list #news_list9 td.articlenoimage{padding-left:20px;}



/*----------------------------------------------------------------------*/

/*--------------------------------------------------
    +04: For Detail Style
==================================================*/
#newslink_detail {
  width:100%; height:auto;
  margin:0px; padding:0px;
  overflow:auto;
}

/* ___ pager ___ */
#newslink_detail .pager_top{position:relative;margin:0 10px 10px;padding:0 0 15px;font-size:12px;border-bottom:1px dashed #ffffff;}
#newslink_detail .pager_bottom{position:relative;margin:30px 10px;padding:15px 0 0;font-size:12px;border-top:1px dashed #ffffff;}
#newslink_detail .pager_top .chg_dsp_list{position:absolute;top:0;right:0;}
#newslink_detail .pager_bottom .chg_dsp_list{position:absolute;bottom:0;right:0;}

/* ___ article ___ */
#newslink_detail h2{ padding:15px 0 15px 0px; font-size:12px; text-align:left; color:#ffffff;}
#newslink_wrap_article {padding:10px 5px 10px 10px; color:#ffffff;}
#newslink_wrap_article p{text-indent:0.8em;margin:5px 0;}
/* with Image */
#newslink_wrap_article #images{ float:left; width:200px; }
#newslink_wrap_article #images img{ margin-bottom:8px; }
#newslink_wrap_article #article{ float:left; width:350px; }
/* text Only */
#newslink_wrap_article #only_article{;font-size:12px}
