@charset "UTF-8";

BODY { font-size: smaller }  /* 標準 */
.xs { font-size: xx-small } /* 小2 */
.xm { font-size: x-small }  /* 小1 */
.sm { font-size: small }    /* 小 */
.md { font-size: medium }   /* 標準 */
.la { font-size: large }    /* 大 */
.xr { font-size: x-large }  /* 大1 */
.xl { font-size: xx-large } /* 大2 */
.sr { font-size: smaller }  /* 一段階小さい */
.lr { font-size: larger }   /* 一段階大きい */
.pt { font-size: 10pt }     /* 10pt */
.px { font-size: 20px }     /* 20px */
.pe { font-size: 200% }     /* 200% */

/* 破線 */
hr {
	border-top: 1px dashed #bbb;
}

body {
	background-color: #ffffff;
	 -webkit-text-size-adjust : none;
	font-family: ＭＳ ゴシック, Osaka‐等幅;
}

/* カウンターの文字揃え */
div.middle * {
           vertical-align:middle;
       }


div.palico img {
margin: 5px 0 5px 0;
}

a:link {
	color: #4169e1;
	text-decoration: none;
}

a:visited {
	color: #4682b4;
}
a:hover{
	color: #87cefa;
    text-decoration: none;
}

a:active {
	color: #87cefa;
}

/* clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

/* clearfix for ie7 */
.clearfix {
	display: inline-block;
}
.clearfix {
	display: block;
}


img.count { vertical-align: text-bottom; }


table.type02 {
	    border-collapse: separate;
	    border-spacing: 0;
	    text-align: left;
	    line-height: 1.5;
	    border-top: 1px solid #ccc;
	    border-left: 1px solid #ccc;
	}
	table.type02 th {
	    width: 30%;
	    padding: 10px;
	    font-weight: bold;
	    vertical-align: middle;
	    border-right: 1px solid #ccc;
	    border-bottom: 1px solid #ccc;
	    border-top: 1px solid #fff;
	    border-left: 1px solid #fff;
	    background: #eee;
	}
	table.type02 td {
	    width: 350px;
	    padding: 10px;
	    vertical-align: top;
	    border-right: 1px solid #ccc;
	    border-bottom: 1px solid #ccc;
	}



#menu_co{
float:center;
width:175px;
padding-left:20px;
padding-right:0px;
margin:0px 0px 0px 0px;
}

ul.menu  {
   margin:0;
   padding:0;
}

ul.menu li {
   float:left;
   text-indent:-9999px;
   overflow:hidden;
   list-style:none;
}

ul.menu li a {
   display:block;
   width:172px;
   height:60px;
}


/* モダンブラウザ（Firefox Opera Safari）対策 */
ul.menu:after {
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
   font-size:0;
}


/* Win版IE7とMac版IE5対策 */
ul.menu {
   display:inline-block;
}


/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html ul.menu {
   height:1px;
}

ul.menu {
   display:block;
}
/* End hide from IE-mac */


/* ブログカード生成 */
.bcard-wrapper{
    display: block;
    width: 100%;
    max-width: 500px;
    margin: 10px 0px;
    border-radius: 3px;
    padding: 12px;
    border: 1px solid #e0e0e0;
}
.bcard-site,.bcard-url{
    font-size: 12px;
    line-height: 1.3;
    overflow: hidden;
    max-height: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.bcard-header {
    position: relative;
    height: 30px;
    margin-bottom: 5px;
    display: block;
}
.withgfav{padding-left: 23px;}
.bcard-favicon {position: absolute;
    top: 0px; left:0px; width:16px; height:16px;}
.bcard-main{
    overflow: hidden;
    position: relative;
    display: block;
}
.withogimg{
    padding-right: 110px;
    height: 100px;
}
 .bcard-img {
width: 100px;
height: 100px; 
position: absolute;
    top: 0;
    right: 0;
    background-size:cover;
    background-position:center center;
}
 .bcard-title{
    font-size: 17px;
    margin: 0 0 2px;
    line-height: 1.4;
    max-height: 47px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-weight: bold;
}
 .bcard-description {
    line-height: 1.5;
    font-size: 12px;
    max-height: 72px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.bcard-title a{color:#424242;}
.bcard-url a{color:#9e9e9e;}
.bcard-title a:hover,.bcard-url a:hover,.bcard-site a:hover{text-decoration:underline;}

/* ブログカード生成ここまで */