@charset "UTF-8";

/* メイン スタイルシートの読み込み
------------------------------------------------------------ */
/*¥*/
@import "/css/common.css";
@import "/css/mod/contents.css";
@import "/css/mod/anchor.css";
@import "/css/mod/table.css";
@import "/css/mod/list.css";
/**/



/* ‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾‾
　title : 最新情報　トピックス
　URL : /topics/
　wright :  今田
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */

h1 {
background:url(/images/common/bg_h1_etc.gif) no-repeat left center #04d;
}

#underlayerNavi h2 {
color:#666;
}



/* --------------------------------------------------------------------
　　記事一覧
----------------------------------------------------------------------- */
div#contents div#topicList {}

div#contents div#topicList ul{
width:586px;
padding:0 0 12px 0;
margin:0 0 3em 0;
list-style:none;
display:block;
background:url(/images/common/line_dots_1px.gif) repeat-x bottom;}

div#contents div#topicList ul li {
width:586px;
padding:12px 0 0 0;
margin: 12px 0 00;
background:url(/images/common/line_dots_1px.gif) repeat-x top;}
div#contents div#topicList ul li:after{/* float clear */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
html *div#contents div#topicList ul li { height:1%; }

div#contents div#topicList ul li span.date {/* 日付 */
width:127px;
padding:0 0 0 13px ;
margin:0;
display:block;
float:left;
background:url(/images/common/marker_single_arrow_blue.gif) no-repeat left 2px;}

div#contents div#topicList ul li span.date img {/* アイコン用 */
vertical-align:middle;
margin:0 0 0 3px;}


div#contents div#topicList ul li span.article {/* 記事タイトル */
width:435px;
padding:0;
margin:0;
float:right;
display:block;}


/* --------------------------------------------------------------------
　　タイトル
----------------------------------------------------------------------- */
div#contents div#topicList div.titleBox {
width:570px;
height:1%;
min-height:18px;
padding:5px 6px 6px; 
margin:0 0 12px 0;
border-top:1px #e0e0e9 solid;
border-left:4px #d0d0d9 solid;
border-right:1px #e0e0e9 solid;
border-bottom:1px #e0e0e9 solid;
background:url(/images/common/column_title_bg.gif) repeat-x bottom;}
div#contents div#topicList div.titleBox:after {/* float clear */
content: ".";
height: 0;
clear: both;
visibility: hidden;
display:block;
}

div#contents div#topicList div.titleBox h2 {
width:460px;
padding:0;
margin:0;
font-size:120%;
float:left;
color:#223;
background:none;}

div#contents div#topicList div.titleBox a {
width:90px;
padding:2px 0 0 0;
display:block;
text-align:right;
float:right;
line-height:120%;
text-decoration:none;}
div#contents div#topicList div.titleBox a:hover {
text-decoration:underline;}


/* --------------------------------------------------------------------
　　個別記事
----------------------------------------------------------------------- */
div#contents div#articleWrap {
width:auto;
padding:0 0 2em 0;
margin:0;
color:#303030;
}

div#contents div#articleWrap h2 {
width:586px;
padding:0 0 3px 12px;
margin:0;
color:#333;
border-bottom:2px #aaa dotted;
background:url(/topics/images/h2_bg_leftline.gif) no-repeat left bottom;}
div#contents div#articleWrap h2:after{/* float clear */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
html *div#contents div#articleWrap h2 { height:1%; }

div#contents div#articleWrap h2 span#dete {/* 日付 */
width:105px;
padding:0;
margin:0;
font-size:12px;
display:block;
float:left;}

div#contents div#articleWrap h2 span#date img {/* アイコン用 */
margin:0 0 0 3px;}

div#contents div#articleWrap h2 span#title {/* 記事タイトル */
width:480px;
padding:0;
margin:0;
color:#026;
font-size:14px;
float:right;
display:block;}

div#contents div#articleWrap p.imgBox {
padding:0;
margin:2em 0 0 0;
text-align:center;}

div#contents div#articleWrap p.txt {
padding:0;
margin:2em 0 2em 0;
text-align:left;}




/* --------------------------------------------------------------------
　　ページング
----------------------------------------------------------------------- */
ul#paging {
width:586px;
list-style:none;
display:inline-block;
}

ul#paging li {
font-size:12px;
padding:0 3px;
}

ul#paging li.back {
float:left;
text-align:right;
}

ul#paging li.goTop {
float:left;
border-left:1px #eee solid;
}

ul#paging li.next {
display:none;
width:244px;
float:right;
text-align:left;
}

ul#paging li a {
padding:0 5px 1px 0;
margin-right:5px;}

ul#paging li.back a,
ul#paging li.goTop a {
padding-left:22px;
background:url(/images/common/marker_back_arrow.gif) no-repeat left 50%;}

ul#paging li.goTop a {
margin-left:5px;
}

ul#paging li.next a {
padding-right:25px;
background:url(/images/common/marker_next_arrow.gif) no-repeat right 50%;}



/* ----------------------------------------------------------------------------
　　テーブル　表組 設定
------------------------------------------------------------------------------- */
div#contents table{
}

div#contents table.sTable, 
div#contents table.mTable, 
div#contents table.lTable, 
div#contents table.llTable,
div#contents table.fullTable {
margin:0 0 1em 20px;
border-right:1px solid #505050;
border-bottom:1px solid #505050;
}

div#contents table.sTable{/* 小 */
width:250px;
}

div#contents table.mTable{/* 中 */
width:350px;
}

div#contents table.lTable{/* 大 */
width:450px;
}

div#contents table.llTable{/* インデント付フルサイズ */
width:566px;
}

div#contents table.fullTable{/* インデント無フルサイズ */
margin:0 0 1em 0;
width:586px;
}

div#contents table.noBorder{/* 枠線・背景なし */
border:none;}

div#contents table.noBorder th,
div#contents table.noBorder td {
padding:3px 4px;
border:none;
background:none;}



/* テーブル・キャプション代替用 見出し 設定
--------------------------------------------------------*/
div#contents table caption{
margin:0;
padding:0 0 5px 20px;
color:#708088;
font-weight:bold;
text-align:left;
line-height:1.2em;}

html*div#contents table caption {/* mac safari用 hack */
padding:0 0 5px 0;}

div#contents table.indent0 caption {
padding-left:0 !important;
}

div#contents table.fullTable caption {
padding-left:0;}


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


div#contents table th,
div#contents table td {
padding:4px 3px;
text-align:center;
line-height:1.1em;
}

div#contents table.sTable th, 
div#contents table.mTable th, 
div#contents table.lTable th, 
div#contents table.llTable th,
div#contents table.fullTable th {
border-top:1px solid #505050;
border-left:1px solid #505050;
}

/* TH */
div#contents table .typeOne {
background-color:#737777;
color:#ffffff;
}

div#contents table .typeTwo {
background-color:#939999;
color:#ffffff;
}

div#contents table .typeThree {
background-color:#eee;
color:#333333;
}

div#contents table th.typeBlank {
background:#cccccc url(/images/common/bg_th_blank.gif) repeat;
}

/* 販売代理　背景オレンジ */
div#contents table th.gain01,
div#contents table th.gain02 {
color:#fff;
}

div#contents table th.gain01 {
background-color:#FF6600;
}

div#contents table th.gain02 {
background-color:#FF9933;
}

div#contents table td.gain {
background-color:#FFf6f0;
color:#700;
text-align:right;
}



/* TD */
div#contents table.sTable td, 
div#contents table.mTable td, 
div#contents table.lTable td, 
div#contents table.llTable td,
div#contents table.fullTable td {
border-top:1px solid #505050;
border-left:1px solid #505050;
}

div#contents table td {
background-color:#fff;
text-align:center;
}