﻿

/*** for PC Browser ***/
@media (min-width:401px)
{
/*ブロック*/
.BrowserItemList_TopTopic_head
{
/*    background:url("co_t.gif") repeat-x;*/
    width:695px;
    height:1px;
    margin: 0px 0px 0px 3px;
    padding:0;
    font-size:0px !important;
}

.BrowserItemList_TopTopic
{
/*    background:url("co_l.gif") repeat-y left bottom;*/
    margin: 0px;
    padding:0 6px;
    width: 689px;
}

.BrowserItemList_TopTopic2
{
/*    background:url("co_r.gif") repeat-y right bottom;*/
    margin: 0;
    padding:0;
    width: 689px;
}

.BrowserItemList_TopTopic_bottom
{
/*    background:url("co_t.gif") repeat-x;*/
width:695px;
height:7px;
font-size:0px !important;
margin: 0 0 0 3px;
padding:0;
}

/*タイトルブロック*/
.BrowserItemList_TopTopic .title_block
{

}

.BrowserItemList_TopTopic .title_block .SubTitle
{
width:380px;
float:right;
}

.BrowserItemList_TopTopic .title_block .SubTitle .CreatedDate
{
    color: #000000;
    font-size: 15px;
    font-weight: bold;
}

.BrowserItemList_TopTopic .title_block .SubTitle .LinkTitle
{
 color:#000000;
 font-size:88%;
}



.BrowserItemList_TopTopic .BrowserItemList_TopTopic_block
{
}

.BrowserItemList_TopTopic .BrowserItemList_TopTopic_block h2
{
    /*background:url("news.gif") repeat-y left bottom;*/
    float: left;
    height:31px;
    width: 548px;
    margin:0;
    color: #000000;
    font-size: 15px;
    font-weight: bold;
    padding:0;
}

.BrowserItemList_TopTopic .BrowserItemList_TopTopic_block h2 a
{
    text-decoration:none;
    padding: 6px 0 0 5px;
}

.BrowserItemList_TopTopic .BrowserItemList_TopTopic_block h2 a.Fix_MTitleLink
{
    float: left;
    font-weight: bold;
    font-size:15px;
    width: 440px;
    padding: 6px 0 0 15px;
    padding-left: 15px;
}

.BrowserItemList_TopTopic .BrowserItemList_TopTopic_block h2 a.Fix_InfoLink
{
    float: left;
    font-weight: bold;
    font-size:small;
}

.BrowserItemList_TopTopic .BrowserItemList_TopTopic_block h2 a.RSSLink img
{
    vertical-align: middle;
    float:left;
padding-left:0;
}


/*コンテンツブロック*/
.BrowserItemList_TopTopic .Append
{
    clear: both;
    font-size: small;
    text-align: right;
}

.BrowserItemList_TopTopic_content
{
    padding: 0;
}

/*
.BrowserItemList_TopTopic h3
{
    margin:0px 0px 5px 0px;
}
*/

.BrowserItemList_TopTopic .Contents
{
    text-align: left;
    border-bottom:thin solid #BCBCBC;
    border-radius:0px;
}

.BrowserItemList_TopTopic .ParentBack
{
    font-size: small;
    margin: 0;
    padding: 5px 10px;
    text-align: right;
}

.BrowserItemList_TopTopic .ParentBack img
{
    margin:2px;
}

.BrowserItemList_TopTopic .PageControl
{
  font-size: small;
  padding: 0px;
  margin: 0px;
  margin-bottom: 5px;
}


/*= リンク設定 =*/
.BrowserItemList_TopTopic h2 a
{
 color:#000000;
 text-decoration:none;
}

.BrowserItemList_TopTopic a.PrevList_lr:link,
.BrowserItemList_TopTopic .ParentBack a:link
{
 text-decoration:none;
}

.BrowserItemList_TopTopic a.PrevList_lr:visited,
.BrowserItemList_TopTopic .ParentBack a:visited
{
 text-decoration:none;
}

.BrowserItemList_TopTopic a.PrevList_lr:hover,
.BrowserItemList_TopTopic .ParentBack a:hover
{
 text-decoration:underline;
}

.BrowserItemList_TopTopic a.PrevList_lr:active,
.BrowserItemList_TopTopic .ParentBack a:active
{
 text-decoration:none;
}


/*= Item部 =*/
.BrowserItemList_TopTopic .Contents .topicitem
{
padding:5px 0 0;
}

.BrowserItemList_TopTopic .Contents .topicitem br
{
display:none;
}

.BrowserItemList_TopTopic .Contents .topicitem .PhotoImage1
{
    float: left;
    margin: 0px 5px 5px;
    max-height: 120px;
    max-width: 170px;
}

.BrowserItemList_TopTopic .Contents .topicitem .title_link
{
    float: left;
    width: 370px;
}

.BrowserItemList_TopTopic .Contents .topicitem .title_link .DateTime
{
font-weight: bold;
}

.BrowserItemList_TopTopic .Contents .topicitem .ContentsText
{
    float: left;
    width: 370px;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
/*ブロック*/
.BrowserItemList_TopTopic
{
    margin: 0 0 0px;
    padding: 0;
    width: 320px;
}


/*タイトルブロック*/
.BrowserItemList_TopTopic .title_block
{

}

.BrowserItemList_TopTopic .title_block .SubTitle
{
width:280px;
float:right;
}

.BrowserItemList_TopTopic .title_block .SubTitle .CreatedDate
{
    color: #000000;
    font-size: 15px;
    font-weight: bold;
}

.BrowserItemList_TopTopic .title_block .SubTitle .LinkTitle
{
 color:#000000;
 font-size:88%;
}

.BrowserItemList_TopTopic .BrowserItemList_TopTopic_block h2
{
    background:url("sf_news.gif") repeat-y -5px top;
    float: left;
    height:24px;
    width: 312px;
    margin-left:0;
    color: #000000;
    font-size: 15px;
    margin: 0 0 5px;
    padding: 7px 0 0 10px;
}

.BrowserItemList_TopTopic .BrowserItemList_TopTopic_block h2 a
{
 text-decoration:none;
 color:#000000;
}

.BrowserItemList_TopTopic .BrowserItemList_TopTopic_block h2 a.Fix_MTitleLink
{
  float:left;
  width:245px;
    font-weight: bold;
}

.BrowserItemList_TopTopic .BrowserItemList_TopTopic_block h2 a.Fix_InfoLink
{
    float: left;
    font-weight: bold;
    font-size:small;
}

.BrowserItemList_TopTopic .BrowserItemList_TopTopic_block h2 a.RSSLink img
{
    vertical-align: middle;
    float:left;
}

.BrowserItemList_TopTopic .BrowserItemList_TopTopic_block h2 .RSSLink
{
    display: none;
}


/*コンテンツブロック*/
.BrowserItemList_TopTopic .Append
{
    clear: both;
    font-size: small;
    text-align: right;
}

.BrowserItemList_TopTopic_content
{
    padding: 0 5px 0 10px;
}

.BrowserItemList_TopTopic h3
{
    margin:0px 0px 5px -5px;
}

.BrowserItemList_TopTopic .Contents
{
    text-align: left;
}

.BrowserItemList_TopTopic .ParentBack
{
    font-size: small;
    margin: 0;
    padding: 5px 10px;
    text-align: right;
}

.BrowserItemList_TopTopic .ParentBack img
{
    margin:2px;
}

.BrowserItemList_TopTopic .PageControl
{
  font-size: small;
  padding: 0px;
  margin: 0px;
  margin-bottom: 5px;
}


/*= リンク設定 =*/
.BrowserItemList_TopTopic h2 a
{
 color:#000000;
 text-decoration:none;
}

.BrowserItemList_TopTopic a.PrevList_lr:link,
.BrowserItemList_TopTopic .ParentBack a:link
{
 text-decoration:none;
}

.BrowserItemList_TopTopic a.PrevList_lr:visited,
.BrowserItemList_TopTopic .ParentBack a:visited
{
 text-decoration:none;
}

.BrowserItemList_TopTopic a.PrevList_lr:hover,
.BrowserItemList_TopTopic .ParentBack a:hover
{
 text-decoration:underline;
}

.BrowserItemList_TopTopic a.PrevList_lr:active,
.BrowserItemList_TopTopic .ParentBack a:active
{
 text-decoration:none;
}

.BrowserItemList_TopTopic .Contents .topicitem .SubTitle br
{
display:none;
}


/*= Item部 =*/
.BrowserItemList_TopTopic .Contents .topicitem
{
padding:5px 0 0;
}

.BrowserItemList_TopTopic .Contents .topicitem .PhotoImage1
{
    float: left;
    margin: 0px 0px 5px;
    max-height: 120px;
    max-width: 170px;
}

.BrowserItemList_TopTopic .Contents .topicitem .title_link
{
    float: left;
    width: 310px;
}

.BrowserItemList_TopTopic .Contents .topicitem .title_link .DateTime
{
font-weight: bold;
}

.BrowserItemList_TopTopic .Contents .topicitem .ContentsText
{
    float: left;
    width: 310px;
}
}
