/*
Theme Name: shortlink_box
Description: サムネイルボックス用スタイルシート
Version: 6.0
Author: yuzumaru youbei
Author URI: http://yuzumaru.info/
*/

/*記事枠*/
#contents .boxshortlinkbox{
  margin: 10px 8px;
  width: 30%;
  height: 186px;
  text-align: left;
/*change_color*/
  border-left: 5px solid #659C65;
/*/change_color*/
  overflow: hidden;
  float:left}

#contents .boxshortlinkbox h3{
  margin: 0 0 0 5px;
  height: 36px;
  padding-left: 0;
  border: none;
  color: #555;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.1em;
  display: block;
  text-align: left;
  overflow: hidden;
  background: #EFEFEF;}

#contents .boxshortlinkbox h3 a {
  color: #333;
  text-decoration: underline;}
       
#contents .boxshortlinkbox h3 a:hover {
  color: #F00;
  text-decoration: none;}

#contents .boxshortlinkbox .inner{
  margin: 0;
  padding: 5px 0 5px 5px;
  font-size: 11px;
  line-height: 1.6em;}

#contents .boxshortlinkbox img{
  margin-right: 5px;
  border: 1px solid #CCC;
  float: left;}

#contents .docshortlinkbox{
  margin: 0 10px 0 20px;
  text-align: left;
  line-height: 24px;
  background: url("img/doc_back.gif") top left;}

#contents .docshortlinkbox2{
  margin: 0 10px 0 20px;
  text-align: left;
  line-height: 150%;}
  
#contents .postmetadata{
  margin: 0 10px 10px 20px;
  text-align: left;
  font-size: 92%;}

.docshortlinkbox p, .docshortlinkbox2 p{
  margin-bottom: 24px;
  padding: 0;}

.docshortlinkbox .more-link{
  margin: 10px 0;
  font-size: 13px;
  float: right;}

.shortlinkrank {margin: 0 1em;padding: 0;border-top: 5px solid #659C65;}
.shortlinkrank:last-child {border-bottom: 2px solid #659C65;}
.shortlinkrank .shortlinkidx{margin: 0; padding: 5px; border-bottom: 1px solid #659C65; }
.shortlinkrank .shortlinkidx img{float: left;} 
.shortlinkrank .shortlinkidx h2{margin: 0; padding: 10px 0 5px 60px; font-size: 143%;font-weight: bold;line-height: 120%;color: #333333;-webkit-text-shadow: 1px 1px 2px #BBBBBB;text-shadow: 1px 1px 2px #BBBBBB;}
.shortlinkrank .shortlinkrankinner{margin: 0; padding: 10px 20px ; line-height: 150%;}
.shortlinkrank .shortlinkrankinner .shortlinkb_link img{float: left; padding: 0 10px 10px 0; max-width: 200px;}
.shortlinkrank .shortlinkrankinner .shortlinkt_link{text-align: right;}
.ie8 .shortlinkrank .rankinner .shortlinkt_link{float: right;}
.shortlinkrank .docshortlinkbox{padding: 10px 0;}
.shortlinkrank .shortlinkstar {vertical-align: top;}
.shortlinkrank .shortlinkstar:before {content: url("img/osusume.png"); margin-right: 5px;}

/* ------ その他属性 ------ */
.red_uline{border-bottom: 3px solid #FF3300;}
.uline{border-bottom: 1px solid #FF6633;}
.link_line{text-decoration: underline;} 
.clr{clear: both;}
strong{font-weight: bold;}
em{color: red;}
.txtcenter{text-align: center;}
.red{color: #CC0000;}
.pink{color: #CC0099;}
.bg_yellow{background: #FFFF00;}
.gold{color: #F4CA54;}
.silver{color: #999999;}
.copper{color: #BD4C54;}
.other{color: #71AAE0;}

/* ------ 線の属性 ------ */
.dot{border-bottom:1px dotted #CCCCCC;}
.solid{border-bottom:1px solid #CCCCCC;}
/* ------ フォント属性*/
.fon10{font-size: 76%;}
.fon11{font-size: 84%;}
.fon12{font-size: 92%;}
.fon13{font-size: 100%;}
.fon14{font-size: 108%;}
.fon16{font-size: 123%;}
.fon18{font-size: 138%;}
.fon20{font-size: 154%;}
.fon22{font-size: 170%;}
.fon24{font-size: 185%;}
.fon28{font-size: 216%;}
.tab10{padding-left: 10px;}
.tab20{padding-left: 20px;}
.tab30{padding-left: 30px;}
.bld{font-weight: bold;}