/*
Theme Name: octoba.net PC
Author: Experience　Transporters
Author URI: http://www.ex-tra.jp
*/


@charset "utf-8";

#fb-root { display:none; }

/* ▽--------------- 基本セット ---------------▽ */
html{
	/* width: 100%; */
	height: 100%;
}
body {
	/* width: 100%; */
        min-width: 970px;
	height: 100%;
	background: #FCFBF3;
}

body, div, p, ul, ol, li, dl, dt, dd, table, th, td, h1, h2, h3, h4, h5, form, img {
	margin: 0px;
	padding: 0px;
	border: none;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
	color: #333;
}
a {
	text-decoration: underline;
	color: #0099CB;
}
a.tablelink {
color: #212121;
    text-decoration: none;
}
a:hover table  {
    background: #EEE;
}
/*
a:link {
}
a:visited {
}
a:active {
}
*/
a:hover {
	text-decoration: none;
}

.data strong {
	color: #CC0066;
}

.break {
	font-size: 0;
	width: 0; height: 0;
	clear: both;
}
.alignleft {
	/*float: left;
	margin: 4px 10px 5px 0;*/
}
.alignright {
	/*float: right;
	#margin: 4px 0 5px 10px;*/
}
.aligncenter {
	text-align: center;
}
.hidden {
	display: none;
}
h3 {
  font-weight:normal;
}
h4 {
  font-size:8pt;
  font-weight:normal;
}
.details {
  float : left
}
.details2 {
  float : right
}

h6 {
	padding: 0.1em 10px;
	font-size: 131%;
	font-weight: normal;
	color: #666;
	background-color: #f5f5f5;
}
/* ▲--------------- 基本セット ---------------▲ */



/* ▽--------------- 汎用パーツ ---------------▽ */
/* floatクリア(単独) */
.clr {
	clear: both;
	height: 1px;
	overflow: hidden;
	font-size: 1px;
	text-indent: -9999px;
}

/* floatクリア(親要素) */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.break {
	font-size: 0;
	width: 0; height: 0;
	clear: both;
}
/* ▲--------------- 汎用パーツ ---------------▲ */


#wrap_h1, #wrap_footer, #wrap_footer_bottom {
  min-width:970px;
} 

/***** h1 *****/
/* ▽------------------------------------------▽ */
#wrap_h1 {
	margin-bottom: 10px;
	/*width: 100%;*/
	background: #303030;
        height:8px;
}
#wrap_h1 h1 {
	margin: 0 auto;
	width: 950px;
	line-height: 30px;
	font-weight: normal;
	color: #FFF;
}
/* ▲------------------------------------------▲ */


/***** WRAP *****/
/* ▽------------------------------------------▽ */
#wrap {
	margin: 0 auto 35px auto;
	width: 950px;
}
/* ▲------------------------------------------▲ */


/***** HEADER *****/
/* ▽------------------------------------------▽ */
#header {
	margin-bottom: 10px;
	width: 950px;
	height: 90px;
	overflow: hidden;
	position: relative;
}
#header .logo {
	position: absolute;
	top: 16px;
	left: 0px;
}
#header .bnr_ad {
	position: absolute;
	top: 0px;
	left: 222px;
}

.breadcrumbs {
  font-size:11px;
  margin-bottom:20px;
}

/* ▲------------------------------------------▲ */


/***** MAIN *****/
/* ▽------------------------------------------▽ */
#main {
	float: left;
	width: 640px;
}
#main h2 img {
	display: block;
	margin-bottom: 10px;
}
#main div.h2_blank{
  margin-top:10px;
}
#main ul li, #main ol li {
  margin-left:40px;
  line-height:180%;
}

#main #gnavi {
	margin-bottom:10px;
	width: 640px;
	height: 30px;
  line-height:30px;
	background: url(https://octoba.jp/wp-content/themes/octobanet/images/bg_gnavi.gif) repeat-x 0px 0px;
  border:1px solid #ccc;
 -webkit-box-shadow: 2px 2px 2px #f5e5c9; /* Safari, Chrome用 */
 -moz-box-shadow: 2px 2px 2px #f5e5c9; /* Firefox用 */
	box-shadow: 2px 2px 2px #f5e5c9; /* CSS3 */
}
#main #gnavi li {
  font-size:12px;
  float: left;
	list-style: none;
  margin:0px;
}
#main #gnavi li a {
  color:#FFF;
  text-decoration:none;
  padding:0px 10px 0px 10px;
  line-height:30px;
  display:block;
}
#main #gnavi li a:link, #main #gnavi li a:visited {
        
}
#main #gnavi li a:hover {
  background:url(https://octoba.jp/wp-content/themes/octobanet/images/bg_gnavi_hover.gif) repeat-x;
}
#main #gnavi li.current-menu-item a:link, #main #gnavi li.current-post-ancestor a:link {
  background:url(https://octoba.jp/wp-content/themes/octobanet/images/bg_gnavi_current.gif) repeat-x;
}
#main .header_like {
  border:1px solid #ccc;
  padding:10px;
  background-color:#fff;
  margin-bottom:10px;
  height:100px;
}
#main .header_like h2 {
  color:#666;
  font-size:12px;
  color:#669933;
  border-bottom:1px solid #ccc;
  padding-bottom:5px;
  margin-bottom:5px;
}
#main .header_like #fb-root {
  margin-top:0px;
}
#main .iconline {
  margin-left:10px;
  margin-bottom:10px;
}
#main .iconline .thumb img {
  width:30px;
  height:auto;
  float:left;
  margin-right:5px;
}

#main .appbox {
	margin-bottom: 15px;
	width: 640px;
	background: #FFF;
	padding-bottom: 10px;
  border:1px solid #ccc;
 -webkit-box-shadow: 2px 2px 2px #f5e5c9; /* Safari, Chrome用 */
 -moz-box-shadow: 2px 2px 2px #f5e5c9; /* Firefox用 */
	box-shadow: 2px 2px 2px #f5e5c9; /* CSS3 */       
 
 
        

}
#main .post {
 padding-top: 10px;/* 2014.03.31 0px->10px */
 padding-left : 10px;
 padding-right : 10px;
 margin: 0;
 margin-bottom : 5px;
}
#main .appbox img {
	/*display: block;*/
}
#main .appbox .pht {
	float: left;
	padding: 0px 0px 0px 0px;
}
#main .appbox .pht img {
  width:150px;
  height:auto;
  margin-right:10px;
  padding:4px;

}
#main .appbox .pht2 {
	padding: 0px 0px 0px 0px;
    text-align:center;
}
#main .appbox .pht2 img {
    width:500px;
    height:auto;
    padding:0px 0px 10px 0px;
}
#main .appbox .cap {
	width: 620px;
	line-height: 150%;
}
#main .appbox .cap .mds {
	width: 620px;
  padding-bottom:10px;
  border-bottom:1px solid #ccc;
  margin-bottom:10px;
}
#main .appbox .cap .mds .ico {
	float: left;
	width: 65px;
}
#main .appbox .cap .mds .ico img {
	width:60px;
  height:auto;
}

#main .appbox .cap .mds .mtxt {
	float: left;
	width: 555px;
	font-size: 20px;
  line-height:160%;
}
#main .appbox .cap .mds .ltxt {
	float: left;
	width: 620px;
	font-size: 20px;
  line-height:160%;
}

#main .appbox .cap .mds2 {
        width: 620px;
}
#main .appbox .cap .mds2 .ico {
        float: left;
        width: 65px;
}
#main .appbox .cap .mds2 .ico img {
        width:60px;
  height:auto;
}

#main .appbox .cap .mds2 .mtxt {
        float: left;
        width: 555px;
        font-size: 20px;
  line-height:160%;
}
#main .appbox .cap .mds2 .ltxt {
        float: left;
        width: 620px;
        font-size: 20px;
  line-height:160%;
}

#main .appbox .fcap {
  float:right;
  width:450px;
}
#main .appbox .fcap .data {
	margin-bottom: 15px;
	font-size: 11px;
	color: #999;
}
#main .appbox .fcap .txt {
	margin-bottom: 5px;
}
#main .appbox .fcap .btn img {
	display: block;
}
#main .appbox .price {
  font-weight:bold;
  color:#CC0066;
}
#main .wrap_seenbox {
	margin-bottom: 15px;
	width: 640px;
	padding: 9px 0px 9px 0px;
	background: #EEE;
  border:1px solid #ccc;
 -webkit-box-shadow: 2px 2px 2px #f5e5c9; /* Safari, Chrome用 */
 -moz-box-shadow: 2px 2px 2px #f5e5c9; /* Firefox用 */
	box-shadow: 2px 2px 2px #f5e5c9; /* CSS3 */
 
 
        
}
#main .seenbox {
	float: left;
	margin-right: 9px;
	width: 306px;
	border-top: 1px solid #CCC;
	background: url(https://octoba.jp/wp-content/themes/octobanet/images/main_seenbox_bg.jpg) repeat-y 0px 0px;
	position: relative;
	left: 9px;
}
#main .seenbox img {
	display: block;
}
#main .seenbox h3 {
	height: 18px;
	padding: 6px 8px 0px 13px;
}
#main .seenbox h3 img {
	float: left;
}
#main .seenbox h3 span {
	display: block;
	float: right;
	line-height: 14px;
	font-size: 10px;
	font-weight: normal;
}
#main .seenbox .wrap_blk {
	width: 305px;
	padding-bottom: 5px;
	/*height: 200px;*/
	/*overflow-y: scroll;*/
}
#main .seenbox .blk {
	border-top: 1px dotted #DDD;
	padding: 3px 0px 3px 0px;
}
#main .seenbox ul {
	padding: 5px 5px 5px 5px;
}
#main .seenbox ul li {
  font-size:11px;
	border-top: 1px dotted #DDD;
	padding: 3px 0px 3px 0px;
  list-style:none;
  margin:0px;
  line-height:16px;
  height:32px;
}
#main .seenbox .blk.start {
	border-top: none!important;
}
#main .seenbox .blk .ico {
	float: left;
	width: 50px;
	padding: 3px 0px 0px 9px;
}
#main .seenbox .blk .ico img {
	width: 36px;
	height: 36px;
  overflow: hidden;
}
#main .seenbox .blk .txt {
	float: left;
	width: 225px;
	line-height: 170%;
	font-size: 10px;
}
#main .seenbox .more {
	padding: 5px 10px 5px 10px;
	background: #666;
	font-size: 10px;
}
#main .seenbox .more a {
	color: #FFF;
}

#main .newsbox {
	margin-bottom: 15px;
	width: 640px;
	background: #FFF;
	padding-bottom: 10px;
  border:1px solid #ccc;
 -webkit-box-shadow: 2px 2px 2px #f5e5c9; /* Safari, Chrome用 */
 -moz-box-shadow: 2px 2px 2px #f5e5c9; /* Firefox用 */
	box-shadow: 2px 2px 2px #f5e5c9; /* CSS3 */       
 
 
        

}
#main .newsbox ul {
  padding:0px 10px 10px 10px;
}
#main .newsbox ul li {
  list-style: none;
  padding-bottom:5px;
  margin-bottom:5px;
  border-bottom:1px dotted #ccc;
}
#main .tags {
  margin:25px 0px 25px 0px;
  padding:5px;
  background-color:#efefef;
}

/* ▲------------------------------------------▲ */

/** BEGIN excerpt **/

div.excerpt-container {

}

.excerpt-container .info-container {

}

.excerpt-container .info-container table {
  border-spacing : 0;
  border : none;
  margin-bottom : 20px;
}
.excerpt-container .info-container table tr.odd {
  background : #EEE;
}
.excerpt-container .info-container table tr td.label {
  width : 50%;
  text-align : center;
  border-right : 1px solid #fff;
  background : #EEE;
}
.excerpt-container .info-container table tr td {
  border : none;
  padding : 3px;
  text-align : center;
  border-bottom : 1px solid #fff;
  background : #EEE;
}
.excerpt-container .teaser-container {

}

/** END excerpt**/

/** BEGIN content **/
#content {
	padding: 0px;
	margin-bottom: 15px;
}

.fwrapper {
 padding: 10px;
 margin: 0 5px 15px;
}

#featured {
  overflow: hidden;
  width: 589px; height: 308px;
}

.featured img {
 /* width: 589px; */
  width : 325px;
}

.featured {
  overflow: hidden;
  position: relative;
  width: 589px; height: 308px;	
  overflow: hidden;
}

.featured .text {

}

.featured-img {

}

.featured-img .text h2 {
    font-size: 1.5em;
    background-image: none;
    margin-bottom: 4px;
    padding: 0;
  }
  .featured-img .text h2 a {
    color: #FFFFFF;
    font-weight: bold;
    text-transform: none;
    text-decoration: none;
  }
  .featured-img .text p {
    line-height: 1.4em;
    font-size: 1em;
    color: #FFFFFF;
    padding-bottom: 10px;
  }
  .featured-img .text .next {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 0.9em;
    text-transform: uppercase;
  }
  .featured-img .text .continue:hover {
    text-decoration: none;
    }
    .featured .photo {
      list-style-type: none;
    }
    #content .photo li {
      position: absolute;
      top: 0; left: 0;
      z-index: 0;
      }
    #content .photo li.first {
        z-index: 2;
        height : 308px;
    }
   .featured .text {
        list-style-type: none;
    }
    .featured .text li {
      width: 230px; height: 290px;
      position: absolute;
      top: 0; right: -280px;
      padding: 15px;
      color: #ffffff;
      font-family: Verdana;
      font-size : 13px;
      /* background: url(https://octoba.jp/wp-content/themes/octobanet/images/shade.png) repeat 0 0; */
      z-index: 4;
      }
      .featured .text li.first {
        right: 0;
      }
#content .post {
 padding-top: 0px;
 padding-left : 10px;
 padding-right : 10px;
 margin: 0;
 margin-bottom : 5px;
}
#content .post .t {
  width : 100%;
  border-bottom : 1px dotted #777;
  padding-bottom : 2px;
}
#content .post .t .headbox {
  width : 533px; /* 533px; 20110119 modified*/ 
  float : left;
}
#content .post .t .qrbox {
  width : 87px;
  float : left;
}
#content .post .t .qrbox img {
  border : 5px solid #CCC;
}

#content .post .b {
  overflow : hidden;
  height : auto;
  width : 100%;
}

#content .post .l {
  margin-top : 10px;
  width : 175px;
  float : left;
}

#content .post .r {
  margin-top : 10px;
  width: 430px;
  float: right;
}
#content .post .thumb img {
  #display : table-cell;
  vertical-align : middle;
  background-color: #F2F2F1;
  border: 1px solid #e9e9e9;
  padding: 6px 6px 6px 6px;
  margin: 0px 0px 20px 0px;
  width: 160px;
}
#content .post h2 {
  /*
  font-size: 2em;
  font-weight: normal;
   */
/*  font-size: 1.3em;
  font-weight: bold;
  margin-bottom: 10px;
*/
/*
  padding:3px 5px;
  margin:0px 0px 10px 0px;
  border-color:#333333;
  border-width:0 0 1px 7px;
  border-style:solid;
  font-size: large;
  font-weight: bold;
  color:#0B75FC;
*/
margin:5px 5px;
font-size:19px;
padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
color: #494949;/*文字色*/
background: #f4f4f4;/*背景色*/
border-left: solid 5px #7db4e6;/*左線*/
border-bottom: solid 3px #d7d7d7;/*下線*/

}
  #content .post h2 a {
    color: #212121;
    text-decoration: none;
    }

#content .post h3 {
margin:5px 5px;
color: #364e96;/*文字色*/
border: solid 3px #364e96;/*線色*/
padding: 0.5em;/*文字周りの余白*/
border-radius: 0.5em;/*角丸*/

}



div.subhead {
  padding:3px 5px;
  margin:0px 0px 10px 0px;
  border-color:#333333;
  border-width:0 0 1px 7px;
  border-style:solid;
  font-size: large;
  font-weight: bold;
  color:#0B75FC;
}


    #content .post p {
      line-height: 1.6em;
      margin-bottom: 10px;
  }
  #content .post .links {
    font-size: 0.9em;
    font-family: Verdana sans-serif;
    /*float: left; */
  }
  #content .post .links a {
    text-decoration: none;
    color: #212121;
    }
    #content .post .links a:hover {
      text-decoration: underline;
      color : #07D2D4;
      /* color: #6B001A; */
    }
    #content .post comments {
      font-size: 0.8em;
      font-family: Verdana;
      float: right;
  }

  #content .post .comments a {
    display: block;
    padding: 5px 0 11px;
    color: #ffffff;
    text-decoration: none;
    /* background: #212121 url(images/comments.gif) no-repeat bottom right; */
    text-align: center;
    width: 91px;
    margin-bottom: 10px;
  }

  #content .post .permalink {
    font-size: 0.8em;
    font-family: Verdana;
    float: right;
  }
  #content .post .permalink a {
    display: block;
    padding: 5px 0 0px;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    width: 96px;
    margin-bottom: 5px;
  }
  #content .postnav {
    clear: both;
    padding-top: 20px;
    font-weight: bold;
}
#content .postnav a {
  text-decoration: none;
  }
#content #inner_content img {
  /*max-width: 150px;*/
  float: left;
  margin: 4px 10px 5px 0;
}
  /** END content **/
  
  /** BEGIN cft **/
div.cft-container {
  height : 100%;
  padding : 5px 5px 5px 5px;
  margin: 25px 0px 25px 0px;
  background-color:#efefef;
}

div.cft-container.bottom {
}
div.cft-container .screenshot {
  width : 220px;
  float : left;
}
div.cft-container .info {
  width : 370px;
  float : right;
}
div.cft-container.bottom .info {
  margin-top:6px;
  width : 100%;
  float : none;
}
div.cft-container .info table {
  border-spacing : 0;
  border : 1px solid #ccc;
  border-collapse: collapse;
}
div.cft-container .info table tr {
  background : #EEE;
  height : 22px;
}
div.cft-container .info table tr td.label {
  width : 50%;
  text-align : center;
  border-right : 1px solid #ccc;
  background : #fff;
}
div.cft-container.bottom .info table tr td.label {
  width : 296px;
  text-align : center;
  border-right : 1px solid #ccc;
  background : #fff;
}
div.cft-container .info table tr td {
  border : none;
  padding : 3px;
  text-align : center;
  border-bottom : 1px solid #ccc;
  background : #fff;
}
div.cft-container.bottom .qr {
  width : 303px;
  float : right;
}
div.cft-container .qr table {
  border-spacing : 0;
  border : 1px solid #ccc;
  border-collapse: collapse;
}
div.cft-container .qr table tr {
  background : #EEE;
  height : 22px;
}
div.cft-container .qr table tr td.label {
  width : 50%;
  text-align : center;
  border-right : 1px solid #ccc;
  background : #fff;
}
div.cft-container .qr table tr td {
  border : none;
  padding : 3px;
  text-align : center;
  border-bottom : 1px solid #ccc;
  background : #fff;
}
div.cft-container .notation {
  border-top : 5px solid #DCDCDC;
  padding-top : 10px;
  padding-bottom : 10px;
  margin-top : 20px;
}

img.download {
  width:370px;
  height:auto;
  float:right;
}

.bottom img.download {
  width:325px;
  height:auto;
  float:right;
}
#main .appbox div.cft-container td img {
  display:inline;
}
#main .social_button_single ul {
  margin:0px 0px 20px 0px;
  padding:10px 0px 10px 20px;
  float:right;
  width:348px;
  border:1px solid #ccc;
  background-color:#fff;
}
#main .social_button_single ul #fb-root {
  width:60px;
  margin:0px;
}
#main .social_button_single ul li {
  float:left;
  padding:10px;
  margin:0px;
  list-style: none;
}
.bottom_box {
  margin-bottom:0px;
}
.bottom_ad {
  display:inline;
  float:left;
}
#main .bottom .social_button_single ul {
  margin:0px 0px 6px 0px;
  padding:10px 0px 10px 15px;
  float:right;
  width:287px;
  border:1px solid #ccc;
  background-color:#fff;
}
#main .bottom .social_button_single ul li {
  float:left;
  padding: 0px 7px 0px 0px;
  margin: 0px 0px 0px 0px;
  list-style: none;
}
#main .social_button_single ul {
  margin:0px 0px 20px 0px;
  padding:10px 0px 10px 20px;
  float:right;
  width:348px;
  border:1px solid #ccc;
  background-color:#fff;
}
#main .social_button_single ul #fb-root {
  width:60px;
  margin:0px;
}
#main .social_button_single ul li {
  float:left;
  padding:8px;
  margin:0px;
  list-style: none;
}
#main .social_button_single.misc ul {
  margin:0px 0px 0px 0px;
  padding:10px 50px 10px 80px;
  width:478px;
  border:1px solid #ccc;
  background-color:#fff;
  float:none;
}
#main .social_button_single.misc ul li {
  float:left;
  padding:10px;
  margin:0px;
  list-style: none;
}

/** END cft **/

  
  /** BEGIN pagenavi **/

/* pagenavi */

div.pagenavi {
  width: 640px;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom : 15px;
}

/* individual page navigation */
div.pagenavi.indivi {
  clear:both;
  background-color:transparent;
  border : none;
  margin-left : 0px;
  margin-right : 0px;
  padding-left : 0px;
  padding-right : 0px;
}
div.pagenavi div.prevlink a {
  float : left;
}

div.pagenavi div.prevlink a {
  margin-left : 0px;
}
div.pagenavi div.nextlink a {
  float : right;
}

div.pagenavi div.nextlink a {
  margin-right : 0px;
}
div.wp-pagenavi.indivi {
  margin : 0px;
}
/* individual page navigation */

div.wp-pagenavi {
  margin: 1.5em 30px;
  color: #555;
  font-size: 12px;
  text-align: center;
  clear : both;
}

.wp-pagenavi a,
.wp-pagenavi a:link
{
  padding: 0.5em 1em;
  margin: 0.25em;
  text-decoration: none;
  border: 1px solid #04ACEB;
  /* border: 1px solid #B22; */
  color: #04ACEB;
  background-color:#fff;
 
 
        
}

.wp-pagenavi a:visited {
  border: 1px solid #8f9da6;
  color: #8f9da6;
  background-color:#fff;
 
 
        
}

.wp-pagenavi a:hover {
  text-decoration: underline;
  border: 1px solid #07D2D4;
  color : #07D2D4;
  background-color:#ccc;
 
 
          
  /* color: red; */
}

.wp-pagenavi a:active {
  border: 1px solid #058C9F;
  color: red;
  background-color:#fff;
 
 
        
}

.wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi span.extend {
  padding: 0.5em 1em;
  margin: 0.25em;
  border: 1px solid #ddd;
  background-color:#fff;
 
 
        
 }

 .wp-pagenavi span.current {
   font-weight: bold;
}
/** END pagenavi **/



/***** SIDE *****/
/* ▽------------------------------------------▽ */
#side {
	float: left;
	width: 300px;
}
#side img {
	display: block;
}

.search {
	margin-bottom: 12px;
	width: 300px;
	height: 30px;
	overflow: hidden;
}
.search input {
	border: none;
	padding: 0;
}
.search .txt input {
	float: left;
	width: 239px;
	height: 30px;
	line-height: 30px;
	padding-left: 35px;
	overflow: hidden;
	background: url(https://octoba.jp/wp-content/themes/octobanet/images/side_search_bg.jpg) no-repeat 0px 0px;
}
.search .searchsubmit {
  background: url(https://octoba.jp/wp-content/themes/octobanet/images/side_search_btn.jpg) no-repeat center;
  border:0px;
  width:25px;
  height:30px;
  float:left;
}

.search .btn {
	float: left;
  margin-bottom:0px;
}
#side .bnr_ad {
	margin-bottom: 10px;
	width: 300px;
}

#side .sharebox {
	margin-bottom: 20px;
	width: 300px;
	padding-top: 6px;
	background: #FFF;
  border:1px solid #ccc;
 -webkit-box-shadow: 2px 2px 2px #f5e5c9; /* Safari, Chrome用 */
 -moz-box-shadow: 2px 2px 2px #f5e5c9; /* Firefox用 */
	box-shadow: 2px 2px 2px #f5e5c9; /* CSS3 */
}
#side .sharebox .blk {
	margin: 0 auto 6px auto;
	width: 290px;
}
#side .sharebox .blk .ico {
	float: left;
	width: 80px;
}
#side .sharebox .blk .txt {
	float: left;
	width: 210px;
	line-height: 16px;
	font-size: 11px;
}

#side .socialicon a{
    float:left;
    margin:3px 6px 6px 6px;
}

#side .tokusyubox {
	width: 300px;
	background: #efefef;
    margin-bottom:20px;
    border:1px solid #ccc;
 -webkit-box-shadow: 2px 2px 2px #f5e5c9; /* Safari, Chrome用 */
 -moz-box-shadow: 2px 2px 2px #f5e5c9; /* Firefox用 */
	box-shadow: 2px 2px 2px #f5e5c9; /* CSS3 */
}

#side .tokusyubox h2 {
  margin-bottom: 0px;
}
#side .tokusyubox p {
	margin-bottom: 5px;
}
#side .widget_text {
  margin-bottom:5px;
}
#side .box h2 {
  margin-top:5px;
  padding:5px;
  font-size:10pt;
  color:#fff;
  background-color:#000;
  font-weight:normal;
}
#side .box ul {
  list-style-type: none;
  list-style-position:outside;
  border-bottom:1px solid #ccc;
}
#side .box ul.children {
  border-bottom:none;
}
#side .box ul li {
  display:block;
  margin:0px;
  font-size:10pt;
  line-height: 2em;
  border-top:1px solid #ccc;
  background-color:#fff;
}
#side .box ul li a:hover {
}
#side .box ul a {
  padding-left:10px;
  display:block;
}
#side .box ul.children a {
  padding-left:30px;
}
#side .box ul.children ul.children a {
  padding-left:50px;
}
#side .fb_widget {
  background-color:#fff;
  margin-bottom:0px;
}

#side .social_button ul {
  margin:0px 0px 20px 0px;
  padding:0px 0px 0px 5px;
  width:295px;
}
#side .social_button ul #fb-root {
  margin:0px;
}
#side .social_button ul li {
  float:left;
  padding:5px;
  margin:0px;
  list-style: none;
}
/* ▲------------------------------------------▲ */


/***** FOOTER *****/
/* ▽------------------------------------------▽ */
#wrap_footer {
	clear: both;
	/*width: 100%;*/
	background: #000;
}
.backtotop {
  width:910px;
  padding:0px 20px 0px 20px;
  margin:0px auto;
  text-align:right;
  line-height:30px;
  height:30px;
}
.backtotop a {
  background-color:#000;
  padding:2px;
  font-size:9pt;
  display:block;
  width:100px;
  text-align:center;
  float:right;
}
.backtotop a:link,.backtotop a:visited, .backtotop a:hover {
  color:#fff;
}
#footer {
  width:950px;
  margin:0px auto;
  padding:20px 0px 20px 0px;
}
#footer a {
  color:#FFF;
}
#footer ul.footer_date {
  float:right;
  width:380px;
}
#footer ul.footer_date li {
  list-style:none;
  clear:both;
  margin-bottom:10px;
  overflow:hidden;
}
#footer ul.footer_date ul {
  margin-top:10px;
  margin-left:25px;
}
#footer ul.footer_date ul li {
  padding:0px;
  width:55px;
  font-size:12px;
  clear:none;
  margin-top:0px;
  margin-bottom:0px;
  text-align:right;
  height:25px;
  display:block;
  float:left;
  zoom:1;
}
ul.footer_category {
  float:left;
  width:530px;
  margin-left:0px;
}
ul.footer_category li {
  list-style:none;
  display:block;
  margin-bottom:20px;
  margin-left:0px!important;
}
ul.footer_category li {
  clear:both;
  overflow:hidden;
}
ul.footer_category ul {
  margin-top:10px;
  clear:both;
  margin-left:40px;
  margin-bottom:-10px;
} 

ul.footer_category li li {
  font-size:12px;
  display:block;
  width:160px;
  height:20px;
  margin:0px;
  padding:0px;
  clear:none;
  float:left;
}
#wrap_footer_bottom {
	clear: both;
	/* width: 100%; */
	background-color:#666;
}
#footer_bottom {
  width:950px;
  margin:0px auto;
  padding:20px 0px 20px 0px;
}
#footer_bottom a {
  color:#fff;
}
#footer_bottom .footer_info {
  float:left;
  width:530px;
  color:#fff;
}
#footer_bottom .footer_copy {
  float:right;
  width:380px;
  color:#fff;
  font-size:12px;
}
#footer_bottom .footer_info li {
  list-style:none;
  float:left;
  margin-right:20px;
  font-size:12px;
}
/* ▲------------------------------------------▲ */

/***** SEARCH *****/
/* ▽------------------------------------------▽ */

.notfound {
        padding:10px;
}
#feas {
	padding:10px;
}
#feas h3 {
  font-size:18px;
}
#feas h3 span{
  font-size:10px;
  font-weight:bold;
}
#feas-searchform {
  padding-top:10px;
  border-top:1px solid #ccc;
  margin-top:5px;
}
#feas-searchform .feas_keyword,#feas-searchform .feas_dd {
  margin-bottom:10px;
  width:300px;
}
#feas-searchform .feas_keyword input,#feas-searchform .feas_dd select {
  float:right;
  width:180px;
}
#feas-searchform .feas_cat em {
  font-style:normal;
  width:120px;
  display:block;
  float:left;
}
#feas-searchform .feas_cat {
}
#feas-searchform .feas_cat div {
  float:right;
  width:500px;
  margin-bottom:20px;
}
#feas-searchform .feas_cat label {
	display:block;
  float:left;
  width:166px;
  font-size:10px;
}
#feas-searchform .feas_dd {
  clear:both;
}
#feas-searchform input,
#feas-searchform select {
	
}
#feas-searchform .feas_submit {
  text-align:center;
  margin:30px 0px 10px;
}
#feas-searchform .feas_submit input {
  font-size:20px;
  width:120px;
  height:30px;
}
#feas-result {
}


.mangaframe {
  background-color: #EFEFEF;  margin: 25px 100px 25px 100px;
  padding: 40px 10px 40px 10px;
}

/* ▲------------------------------------------▲ */



/**********************************************************/




/* ▽----------- main -------------------------▽ */
#main {
	float:left;
}
.post #fb-root {
  margin:40px 0px 40px 0px;
}
/* ▲----------- main -------------------------▲ */


/* ▽----------- sidebar ----------------------▽ */
#side {
	float:right;
}
/* ▲----------- sidebar ----------------------▲ */


/* ▽----------- footer -----------------------▽ */
#footer {
}
/* ▲----------- footer -----------------------▲ */

/*  */
/* ▽------------------------------------------▽ */
/* ▲------------------------------------------▲ */


/* ▽----------- article ----------------------▽ */
#applist table tr td {
  padding : 2px;
  text-align : left;
  border : 1px solid gray;
  background : #FFFFFF;
  height : 100%;

}

#applist td.icon {
 width : 52px;
}

#applist td {
  width : 200px;
}	

#applist2 table tr td {
 padding : 2px;
 text-align : left;
 border : 1px solid gray;
 background : #FFFFFF;
 height : 100%;
}	

#applist3 tr:nth-of-type(2n){
 background: #eeeeee;
}
#applist3 table tr td {
 padding : 2px;
 text-align : left;
 border : 1px solid gray;
 height : 100%;
}

/* ▲------------ article -----------------------------▲ */

.jack {
  position:fixed;
  width:150px;
  margin-left:-165px;
  margin-top:100px;
  height:428px;
}

/*    top-feature  */
.spotlightwrapperbig{float:left;position:relative;overflow:hidden;width:84px;height:84px;  border:none;padding:4px 6px 0px 1px;}
.spotlightwrapperbig img {width:84px;height:84px;}
.spotlightIT{position:absolute;color:#FFFFFF;bottom:0px;width:84px;height:28px;background:url(https://octoba.jp/wp-content/uploads/2012/04/transparent.png);margin:0px;padding:0px;}
/*h2.articletitle{font-weight:normal;font-size:12px;line-height:42px;color:#fff;padding:2px 2px 2px 2px;margin:0px 0px 0px 0px; text-align:center;}*/
h2.articletitle{
  font-weight:normal;font-size:10px;color:#fff;
  position: absolute;
  top: 50%;
  margin-top: -1em;
  display:block;
  text-align:center;
  line-height:1;
  width:84px;
}
h2.articletitle a{
  color:#fff;
}
h2.articletitle a:hover{color:#999999;}

.rank1 {
    width:25px;
    display:table-cell;
    border-right:1px solid #CCC;
    text-align:center;
    padding:5px;
    vertical-align:middle;
}

.rank2 {
    display:table-cell;
    vertical-align:middle;
    background-color:transparent;
}

.rank2 img{
    margin:5px;
    width:50px; 
    display:table-cell;
    vertical-align:middle;
    background-color:transparent;
}

.rank3 {
    float:left;
    margin:5px 5px 0px 0px;
    display:block; 
    height:autoa;
}

.clickable3 {
    color:#0481eb;
    display:block;
}

.clickable4 {
    color:#3a3530;
    font-size: 12px;
    display:block;
}

#mycategoryorder-4 h3:hover {
    background-color:#EEE;
}

.thumb2{
    width: 160px;
    height: 200px;
    overflow: hidden;
    display: block;
}

p.thumb{
    display:block;
    width:620px; /*トリミング後の横幅*/
    height:88px; /*トリミング後の縦幅*/
    overflow:hidden;
    position:relative;
    z-index:1;
}
p.thumb img{
    float:left;
    border:0px!important;
    padding:0px!important;
    margin:0px 10px 0px 0px!important;

}
p.thumb a{
    color:#0481eb;
    float:left;
    width:620px;
    text-decoration:none;
}

p.thumb a:hover {
    background-color:#EEE;
}

.fukidashi {
background-color:#fff;
border:1px solid #000;
border-radius:5px;
position:relative;
padding: 18px;
}
 
.fukidashi:before {
border:10px solid transparent;
border-right-color:#fff;
border-left-width:0;
left:-9px;
content:"";
display:block;
top:30px;
position:absolute;
width:0;
z-index:1;
}
 
.fukidashi:after {
border:10px solid transparent;
border-right-color:#000;
border-left-width:0;
left:-10px;
content:"";
display:block;
top:30px;
position:absolute;
width:0;
}
/* nextpage */

div#page-link {
    font-size: 100%;
    clear:both;
}

/*div#page-link {
    background-color:#e9e8e8;
    padding: 0.5em 1em;
    margin: 0.25em;
    text-decoration: none;
    border: 1px solid #666666;
    color: #333;
}
*/

#page-link a , #page-link a:link {
    padding: 0.5em 1em;
    margin: 0.25em;
    text-decoration: none;
    background-color:#fff;
    border: 1px solid #04ACDB;
    color: #04ACEB;
}

#page-link a:visited {
    border: 1px solid #8f9da6;
    color: #8f9da6;
    background-color:#fff;
}

#page-link a:hover {
   background-color:#ccc;
    text-decoration: underline;
    border: 1px solid #07D2D4;
    color: #07D2D4;
}

/* for tite screenshot */

#main .appbox .tpht {
        float: left;
        padding: 0px 0px 0px 0px;
}
#main .appbox .tpht img {
  width:240px;
  height:auto;
  margin-right:10px;
  padding:4px;
}

#main .appbox .tfcap {
  float:right;
  width:370px;
}
#main .appbox .tfcap .data {
        margin-bottom: 15px;
        font-size: 11px;
        color: #999;
}
#main .appbox .tfcap .txt {
        margin-bottom: 5px;
}
#main .appbox .tfcap .btn img {
        display: block;
}


.titeSS{
    width: 240px;
    height: 135px;
    overflow: hidden;
    display: block;
}


h2.title {
font-size:18px;



/* for comment */

cite.fn.comment-author{
 color:green !important;
}

#comments-thread .comment-id,
#comments-thread .form-allowed-tags{
  display:none;
}
 
#comments-thread .comment-author{
  font-weight:bold;
}
 
#comments-thread img.avatar {
  float:right;
  margin-right:0;
  margin-left:10px;
}
 
#commentform label{
  display:block;;
}
 
#commentform input{
  margin-bottom:0px;
}
 
#commentform input,
#commentform textarea{
  background-color:#fff;
  border:1px solid #aaa;
}

#commentform button{
  width:100%;
  height: 50px;
  text-align:center;
  font-size:14px;
}
.cptch_block br{
  display:none;
}

.comment-info{
  font-size:10px;
}
.fn.comment-author{
  color:green;
  font-size:12px;
}
.comment-datetime{
  font-size:10px;
}