@charset "shift-jis";
/*
********************************************************************************
WebBoard 「Photo Library」プラグイン用スタイルシート
Copyright (C) 2010-2015 TREE-WEB, All right reserved.
Copyright (C) 2010-2015 ういすぷ, All right reserved.
********************************************************************************
*/




/* 
--------------------------------------------------------------------------------
共通
--------------------------------------------------------------------------------
*/
#tag_list {
   margin:10px;
   text-align:center;
}



/* 
--------------------------------------------------------------------------------
タグクラウド
--------------------------------------------------------------------------------
*/
#tags {
   margin-top:20px;
   text-align:left;
}
#tags li {
   display:inline-block;
}
#tags li a {
   margin:3px 5px;
   padding:4px 10px;
   display:block;
   color:#0a3756;
   border-radius:5px;
   background-color:#97d5ff;
}

#tags li a:hover {
   background-color:#d4eeff;
}
#tags li a .count{
   margin-left:2px;
   display:inline-block;
   font-size:8px;
}


/* 
--------------------------------------------------------------------------------
該当タグのトピック一覧
--------------------------------------------------------------------------------
*/
/* HIT */
#hit {
   padding:3px;
   text-align:left;
   background-color:#fff;
}
#hit .hit_tag{
   margin:0 3px;
   font-size:120%;
   font-weight:bold;
}
#hit .hit_count {
   margin:0 3px;
}


#topiclist {
   text-align:left;
}
#topiclist li {
   padding:5px;
   margin-bottom:50px;
   background-color:#fff;
   position:relative;
   
}

#topiclist .Image {
   margin-right:5px;
   float:left;
   display:inline-block;
}
#topiclist .Title {
   margin-top:5px;
   margin-right:5px;
   display:inline-block;
   position:absolute;
   top:0;
}
#topiclist .Title a{
   padding:3px;
   border-style:solid;
   border-width:1px;
   border-color:#eee;
   background-color:rgba(210,210,210,0.1);
   color:#000;
   display:block;
}
#topiclist .Title a:hover {
   color:#000;
   border-color:#999;
   background-color:rgba(0,0,0,0.2);
}

#topiclist .Description {
   margin:5px 0 8px;
   padding:5px;
   position:relative;
}
#topiclist .Tag {}
#topiclist .Tag li {
   margin:0 3px 5px 0;
   padding:0;
   display:inline-block;
}
#topiclist .Tag li a {
   padding:4px 10px;
   display:block;
   color:#0a3756;
   border-radius:5px;
   background-color:#97d5ff;
}
#topiclist .Tag li a:hover {
   background-color:#d4eeff;
}
#topiclist .Date {
   margin-top:10px;
   font-size:11px;
   text-align:right;
}

/* for smartphone */
@media only screen and (max-width: 480px) {
#topiclist .Title {
   position:static;
}



   

}









/* 
--------------------------------------------------------------------------------
TopicXMLダウンロードボタン
--------------------------------------------------------------------------------
*/
#download_topicxml {
   margin-top:20px;
   margin-bottom:80px;
   text-align:right;
}
#download_topicxml > a {
   display:inline-block;
}