@charset "utf-8";
/*
------------------------------------------
1. トップページ用CSS
------------------------------------------
*/

#main_image{
height: 330px; background: url(../img/main_image_01.png) no-repeat; margin: 0px; text-indent: -9999px; overflow: hidden;
}
#main_image_test{
height: 330px; background: url(../img/main_image_01test.png) no-repeat; margin: 0px; text-indent: -9999px; overflow: hidden;
}


/* contents 
-------------------------------------------------------------------- */
/* div.contents */
div#index {
padding-top:20px;
}

div#index h2 {
margin-bottom:0px;
}

div#index h3.txt,
div#index h3.txt strong,
div#index h3.txt em {
font-size:0.9em;
margin:0 0 20px;
color:#000000;
background:none;
line-height:2;
text-indent:0;
font-weight:normal;
font-style:normal;
}

div#index p strong {
font-weight:normal;
}


/* 新着情報 ------------------------------------------------ */
div#index div#news_box {
padding:0 10px 0 0;
border-right:7px solid #E7EAE7;
}

/* 新着情報下部デザイン */
div#index img#news_box_btm {
display:block;/* IE7隙間対策 */
margin-bottom:35px;
}

/* iframe部分 */
div#index div#news_box iframe {
width: 620px; height: 300px;
}

div#index div#news_box ul {
padding-right:10px;
}
div#index div#news_box ul li {
padding:10px 10px 16px 10px;
border-bottom:1px solid #cccccc;
list-style-type:disc;
list-style-position:inside;
}



/* _system */
body#body_topics_shortlist{
text-align: left; 
}
body#body_topics_shortlist div#container,
body#body_topics_shortlist div#container_in,
body#body_topics_shortlist div.contents,
body#body_topics_shortlist div#topics div#news_box_s {
width: 580px; float: none; margin: 0px; padding: 0px;
}

div#topics div#news_box_s ul li {
width: 560px; border-bottom:1px solid #ccc; padding: 1em 20px 1em 0px; list-style: none outside; line-height: 1.5;
}


div#topics div#news_box_s ul li a {
color:#333; vertical-align: text-bottom;
}
div#topics div#news_box_s ul li a:hover{
color:#666; text-decoration: none; 
}
div#topics div#news_box_s ul li a span.date{
background: url(../img/disc.gif) no-repeat left 0.3em; padding-left: 1em; line-height: 2em;
}
div#topics li a.thumbnail,
div#topics_article li a.thumbnail{
display: block; float: right; width: 80px; padding-left: 20px; overflow: hidden; zoom: 1;
}

div#topics_article li a.thumbnail{
padding-top: 1.5em;
}
div#topics a.thumbnail img{
width: 80px; height: auto;
}
div#topics a.thumbnail:hover img{
opacity: 0.6; filter: alpha(opacity=60);
}

div#topics div.topics_pagenavi {
margin: 0px 0px 1em; 
}
div#topics div.topics_pagenavi table{
width: 100%;
}
div#topics div.topics_pagenavi table caption{
text-align: left;
}
div#topics div.topics_pagenavi table td{
font-size: 0.9em;
}
div#topics div.topics_pagenavi table td.list a{
margin: 0px 1em 0px 0px;
}
div#topics div.topics_pagenavi table td.page_first,
div#topics div.topics_pagenavi table td.article_prev{
width: 30%; 
}
div#topics div.topics_pagenavi table td.page_navi,
div#topics div.topics_pagenavi table td.article_list{
text-align: center;
}
div#topics div.topics_pagenavi table td.article_list a{
margin: 0px 1em;
}

div#topics div.topics_pagenavi table td.page_last,
div#topics div.topics_pagenavi table td.article_next{
width: 30%; text-align: right;
}
div#topics div.topics_pagenavi table td a.arrow_d_prev{
background: url(../img/arrow_d_prev.gif) no-repeat left center; padding-left: 20px;
}
div#topics div.topics_pagenavi table td a.arrow_d_next{
background: url(../img/arrow_d_next.gif) no-repeat right center; padding-right: 20px;
}

/* #topics_article
= #achievement #example */
div#topics div#topics_article{
border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 0px 0px 1em; padding: 3em 0px 0px;
}
div#topics div#topics_article li{
width: 640px; background:url(../img/line_gray_dotted.gif) no-repeat left bottom; margin: 0px 0px 1em; padding: 0px 0px 1em; line-height: 1;
}
div#topics div#topics_article h4 {
font-size: 90%; line-height:1.5;
}
body#body_topics_article_list div#topics div#topics_article h4{
float: left; width: 540px;
}
div#topics div#topics_article h4.line_blue{
border-bottom: none; background:url(../img/line_blue.gif) no-repeat left bottom; margin-bottom: 1.5em; padding-bottom: 0.7em; 
}

div#topics div#topics_article h4 a{
background:url(../achievement/img/h4_disc_bg.gif) 0 0 no-repeat; padding-left: 20px; 
}
div#topics div#topics_article h4.line_blue a,
div#topics div#topics_article h4.line_blue a:hover{
text-decoration: none;
}
div#topics div#topics_article h4 strong {
display:block; margin-top: 0.3em; font-size:1.4em; font-weight:bold;
}
div#topics div#topics_article h4 strong img{
margin-left: 6px;
}

div#topics div#topics_article h4 a#article_ttl:hover{
color: #333;
}

body#body_topics_article_list ul{
padding-bottom: 3em;
}
div#topics div#topics_article div.captionbox,
div#topics div#topics_article div.imgbox{
margin: 0px 0px 3em;
}







/* newアイコン */
div#index div#news_box ul li img {
margin:0 0 0 5px;
}


/* /contents
******************************************************************** */


