@charset "utf-8";
/* ===================================================================
CSS information

 file name  :module.css
 style info :共通（ヘッダー、フッター）
 update :2015/6/28
=================================================================== */



/* -----------------------------------------------------------
#header ヘッダー
----------------------------------------------------------- */
#top #header {
margin:0 0 10px;
}
#header {
height:90px;
width:100%;
z-index:10;
border-bottom:1px solid #ccccc0;
}

#header #headerInbox {
margin:0 auto;
height:90px;
width:980px;
padding:0 10px;
position:relative;
}

#header dl#logo {
margin:10px 0;
width:350px;
height:70px;
line-height:2em;
display:block;
overflow:hidden !important;
background-position:352px 21px;
background-repeat: no-repeat;
float:left;
}

#header dl#logo dt {
height:0;
display:block;
overflow:hidden;
}
#header dl#logo dd {
width:350px;
height:70px;
display:block;
overflow:hidden;
}
#header dl#logo .logo {
width:350px;
height:70px;
display:block;
overflow:hidden;
}
#header dl#logo .logo a {
padding:70px 0 0;
width:350px;
height:0;
background-image:url(../img/share/logo_net-trans.png);
background-repeat: no-repeat;
display:block;
overflow:hidden;
}

/* #headerNav */
#headerNav {
position:absolute;
top:90px;
left:0px;
height:50px;
width:1080px;
/* background:url(../img/share/bg_header-trans.gif) top repeat-x !important; */
display:block;
/* overflow:hidden !important; */
z-index:30;
}

/* #headerNav2 */
#headerNav2 {
position:absolute;
top:10px;
right:10px;
width:980px;
height:20px;
text-align:right;
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
#headerNav2 {
width:980px;
}
}

#headerNav2 li {
margin:0 0 0 10px;
display:inline-table;
vertical-align:bottom;
float:right;
height:20px;
line-height:20px;
font-size:10px;
}
#headerNav2 li a {
text-decoration:none;
color:#000;
}
#headerNav2 li a:hover {
text-decoration:underline;
}

/* #searchBox */
#searchBox {
position:absolute;
top:45px;
/* left:560px;
width:285px;
height:28px; */
left:370px;
width:350px;
height:30px;
display:block;
/* overflow:hidden; */
}
#searchBox .textBox {
/* padding:2px 0 2px 25px !important;
width:205px;
height:24px;
background:url(../img/share/bg_searchbox-trans.png) no-repeat; */
padding:0 10px;
width:230px;
height:26px;
background:#fff;
line-height:26px;
font-size:18px;
font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
border:0;
display:block;
border:2px solid #471919;
float:left;
}
#searchBox .submitBtn {
/* width:54px;
height:28px; */
width:90px;
height:30px;
border:0;
display:block;
overflow:hidden;
float:right;
}

.homeBtn,
.searchBtn,
.bl,
.matomeSearch {
display:none;
}


/* インクリメンタルサーチ結果表示エリア全体 */
#suggest {
top: 32px;
position: absolute;
padding:0 10px;
width: 280px;
background:#fefefe;
font-size:18px;
font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
border:2px solid #471919;
z-index:100;
}
/* 選択部分 */
#suggest div {
  display: block;
  width: 107px;
  padding: 2px;
  overflow: hidden;
  white-space: nowrap;
}
/* カーソル選択時 */
#suggest div.select{
  color: #FFFFFF;
  background-color: #3366FF;
}
/* マウスオーバー時 */
#suggest div.over{
  background-color: #99CCFF;
}
/* 強調文字 */
#suggest strong{
  font-weight: bold;
  color: #e50003;
}
/* 強調文字選択時 */
#suggest div.select strong{
  font-weight: bold;
  color: pink;
}


/* #headerNav3 */
#headerNav3 {
position:absolute;
top:35px;
right:10px;
width:215px;
height:50px;
display:block;
overflow:hidden;
}
#headerNav3 ul {
width:220px;
height:50px;
display:block;
overflow:hidden;
}
#headerNav3 li {
margin:0 5px 0 0;
width:50px;
height:50px;
display:block;
overflow:hidden;
float:left;
}
#headerNav3 li.lastChild {
margin:0;
}

#headerNav3 li a {
padding:50px 0 0;
width:50px;
height:0;
background-image:url(../img/share/icon_social-trans.png);
_background-image:url(../img/share/icon_social-trans.gif);
background-repeat:no-repeat;
display:block;
overflow:hidden;
}
#headerNav3 li.rss a { background-position:0px 0px; }
#headerNav3 li.twitter a { background-position:-50px 0px; }
#headerNav3 li.facebook a { background-position:-100px 0px; }
#headerNav3 li.youtube a,
#headerNav3 li.google a { background-position:-150px 0px; }

div.bn468x60 {
margin:0 auto 10px;
width:468px !important;
height:60px;
display:block;
overflow:hidden;
}

/* -----------------------------------------------------------
.sideNav
----------------------------------------------------------- */
#leftNav {
margin:0 10px 0 0;
float:left;
width:300px;
}

#rightNav {
float:right;
width:300px;
overflow:hidden;
}

/* link */
.sideNav a,
.sideNav a:link { color:#333; text-decoration:none !important; }
.sideNav a:visited{ color:#333; text-decoration:none !important; }
.sideNav a:hover{ color:#333; text-decoration:underline !important; }
.sideNav a:active{ color:#333; text-decoration:none !important; }

.sideNav div {
margin:0 0 20px;
}
div.bn300 {
width:300px;
display:block;
overflow:hidden;
}

.sideNav h2 {
padding:0 10px;
height:25px;
line-height:25px;
background:#361111;
color:#fff;
overflow:hidden;
}
.sideNav h2 a {
color:#fff !important;
text-decoration:none !important;
}
.sideNav .profileBox {
padding:9px;
width:280px; /* 298px */
display:block;
border:1px solid #ccccc0;
background:#fff;
}
.sideNav .profileBox h2 {
padding:0 !important;
background:none;
color:#000;
font-size:20px;
}
.sideNav .profileBox h2 a {
color:#000 !important
}
.sideNav .profileBox .txt {
line-height:1.6;
}


#leftNav ul,
#leftNav ol {
width:158px;
border:1px solid #ccccc0;
border-top:0;
}

#rightNav ul,
#rightNav ol {
width:298px;
border:1px solid #ccccc0;
border-top:0;
}

.sideNav li {
border-bottom:1px dotted #ccccc0;
line-height:1.4;
}
.sideNav li.lastChild {
border-bottom:0 !important;
}
.
div.bn300 ul {
width:300px !important;
/* height:250px; */
border:0 !important;
display:block;
}
div.bn300x250 {
width:300px !important;
height:250px;
background:url(../img/share/300x250.gif) 0 0 no-repeat;
display:block;
overflow:hidden;
}
div.bn300x250 ul {
width:300px !important;
height:250px;
border:0 !important;
display:block;
}
div.bn300x110 ul {
width:300px !important;
height:110px;
border:0 !important;
display:block;
}
div.bn300x100 ul li,
div.bn300x110 ul li,
div.bn300x250 ul li,
div.bn300 ul li {
margin:0 0 10px;
width:300px;
line-height:1 !important;
border:0 !important;
display:block;
}
div.bn300x110 {
width:300px !important;
height:110px;
display:block;
overflow:hidden;
}
div.bn300x100 {
width:300px !important;
height:100px;
display:block;
overflow:hidden;
}

.sideNav #sideTag ul {
background:#fff;
}
.sideNav #sideTag li {
border-bottom:1px dotted #ccccc0;
}
.sideNav #sideTag li a {
padding:3px 5px 3px 15px;
background:url(../img/icon/icon_side_arrow.gif) 3px center no-repeat;
display:block;
}

/*  .thumbList */
.sideNav ul.thumbList {
background:#fff;
}

.sideNav ul.thumbList li {
padding:5px;
border-bottom:1px dotted #ccccc0;
}
.sideNav ul.thumbList li dt {
margin:0 5px 0 0;
width:45px;
display:block;
float:left;
}
.sideNav ul.thumbList li dt img {
width:45px;
height:45px;
border:1px solid #ccc;
}
.sideNav ul.thumbList li dd {
padding:0 0 0 5px;
line-height:1.1;
display:table-cell;
vertical-align:middle;
min-height:45px;
height:auto !important;
height:45px;
}
.sideNav ul.thumbList li dd span {
font-size:0.8em;
font-weight:normal;
text-align:right;
color:#9b9b9b;
}

.sideNav #info ul.thumbList li dt img {
border:0px solid #ccc !important;
}
.sideNav #info ul.thumbList li dd {
padding:0px 0 0 50px;
}

.sideNav li.more {
padding:5px 5px;
text-align:right;
}
.sideNav li.more a {
padding:0 16px 0 0;
background:url(../img/icon/icon_next.gif) right center no-repeat;
}
.sideNav li.lastChild {
border-bottom:0px solid #cdcdcd;
}

/*  #sideRanking */
.sideNav #sideRanking ol {
background:#fff;
}
.sideNav #sideRanking li {
border-bottom:1px dotted #ccccc0;
}
.keyword dd li.lastChild {
border-bottom:0px solid #cdcdcd;
}
.sideNav #sideRanking li {
padding:5px 5px 5px 30px;
min-height:20px;
height:auto !important;
height:20px;
display:block;
background-image:url(../img/icon/icon_rank.gif);
background-repeat:no-repeat;
}
.sideNav #sideRanking li .num {
display:none;
}
.sideNav #sideRanking li.rank1 {
background-position:5px 5px;
}
.sideNav #sideRanking li.rank2 {
background-position:5px -95px;
}
.sideNav #sideRanking li.rank3 {
background-position:5px -195px;
}
.sideNav #sideRanking li.rank4 {
background-position:5px -295px;
}
.sideNav #sideRanking li.rank5 {
background-position:5px -395px;
}
.sideNav #sideRanking li.rank6 {
background-position:5px -495px;
}
.sideNav #sideRanking li.rank7 {
background-position:5px -595px;
}
.sideNav #sideRanking li.rank8 {
background-position:5px -695px;
}
.sideNav #sideRanking li.rank9 {
background-position:5px -795px;
}
.sideNav #sideRanking li.rank10 {
background-position:5px -895px;
}
.sideNav #sideRanking li.date {
background-image:none;
text-align:right;
}
.sideNav #sideRanking li.more {
background-image:none;
}
.sideNav #sideRanking li span.pv {
margin:0 5px;
padding:0 5px !important;
background:#eee;
line-height:1 !important;
color:#444 !important;
font-size:0.8em;
}


.sideNav #info ul.thumbList li dd {
padding:0px 0 0 50px;
}

.sideNav .hatena-bookmark {
width:298px;
border:1px solid #ccccc0;
border-top:0;
}


.sideNav #tweet_rank {
width:158px;
border:1px solid #ccccc0;
border-top:0;
}
.sideNav #tweet_rank li {
padding:5px;
background:#fff;
}



.sideNav .hatena-bookmark div {
margin:0;
}
.sideNav .hatena-bookmark-widget-title {
padding:0 10px;
height:25px;
line-height:25px;
font-weight:bold;
background:#361111;
color:#fff;
overflow:hidden;
}
.sideNav .hatena-bookmark-widget-title a {
color:#fff !important;
text-decoration:none !important;
font-weight:bold !important;
}
.sideNav .hatena-bookmark-widget-title img {
display:none;
}

.sideNav .hatena-bookmark-widget-body ul {
width:158px;
border:1px solid #ccccc0;
background:#fff;
border:0 !important;
/* height:300px;
overflow:auto; */
}

.sideNav .hatena-bookmark-widget-body li {
padding:5px;
}
.sideNav .hatena-bookmark-count {
padding:0 !important;
background:#FFC9C9;
line-height:1 !important;
}
.sideNav .hatena-bookmark-count a {
color:#FF1D1D !important;
font-weight:bold;
}
.sideNav .hatena-bookmark-widget-footer {
display:none;
}

/* .sideNav #twitstat_badge_749 ul.thumbList {
height:300px;
overflow:auto;
} */
.sideNav #twitstat_badge_749 ul.thumbList li dt {
margin:0 9px 0 0;
}
.sideNav #twitstat_badge_749 ul.thumbList li dd {
padding:0px 0 0 50px;
}
.sideNav .twitstatus_header {
display:none;
}

.sideNav .blogroll-channel {
margin:0 0 10px;
}
.sideNav ul.blogroll-list-wrap {
background:#fff;
border-collapse:collapse !important;
/*border-bottom:0px !important; */
}
.sideNav .blogroll-list {
padding:3px 5px;
border-top:1px dotted #ccccc0;
border-bottom:0px !important;
clear:both;
}
.sideNav .blogroll-list:after {
content: "";
display: block;
clear: both;
}
.sideNav ul.blogroll-list-wrap li.firstChild {
margin:0px !important;
padding:0px !important;
height:0px !important;
border-top:none !important;
display:none !important;
}
.sideNav ul.blogroll-list-wrap li.firstChild img,
.sideNav ul.blogroll-list-wrap li.firstChild a {
display:none !important;
}
.sideNav .blogroll-ad-text {
display:none;
}
.sideNav .blogroll-list img {
    vertical-align: middle;
float:left;
}
.sideNav img.blogroll-icon,
.sideNav img.blogroll-favicon {
    margin: 0 5px 0 0;
}
.sideNav .blogroll-ad-default {
/*
border:1px solid #ccccc0;
border-top:0px !important;
padding:3px;
background:#fff;
text-align:center;
font-size:80%; */
margin:0px !important;
padding:0px !important;
height:0px !important;
border-top:none !important;
display:none !important;
}
.sideNav .blogroll-ad-default a {
color:#333 !important;
text-decoration:none !important;
display:none !important;
}
.sideNav .blogroll-list a {
padding:0 0 0 20px;
display:block;
}


.sideNav #fbtab {
width:300px;
height:25px;
border:0px;
}
.sideNav #fbtab li {
margin:0 0 0 5px;
width:140px;
height:24px;
line-height:24px;
background:#E7EBF2;
color:#3B5998;
text-align:center;
font-size:12px;
display:block;
float:left;
border:1px solid #315C99;
border-bottom:0px;
cursor:pointer;
}
.sideNav #fbtab li.select {
background:#315C99;
color:#fff;
}

.sideNav #fbcontents {
position:relative;
width:300px;
height:310px !important;
display:block;
background:#fff;
overflow:hidden !important;
}
.sideNav #fbcontents .fbcontent {
position:absolute;
top:0;
margin:0;
background:#fff;
}
.sideNav #fbcontents .fbcontent iframe {
width:300px;
height:310px !important;
overflow:hidden;
border:none !important;
}
.sideNav #fbcontents p {
margin:0;
width:298px;
height:368px;
border:1px solid #aaa;
border-top:1px solid #315C99;
text-align:center;
line-height:368px;
display:inline-table;
vertical-align:middle;
}

.sideNav #fbcontents .disnon {
display:none;
}

#isaraBox {
width:300px;
display:block;
border-bottom:1px solid #ccccc0;
}
#isaraBox p {
width:298x;
height:148px;
display:block;
overflow:hidden;
border-left:1px solid #ccccc0;
border-right:1px solid #ccccc0;
}
#isaraBox p img {
width:298px;
height:148px;
}
#isaraBox ul.btn_isara {
background: url(../img/isara.png) bottom left no-repeat;
padding:5px 0;
width:298px;
height:25px;
border:0;
border-left:1px solid #ccccc0;
border-right:1px solid #ccccc0;
}
#isaraBox ul.btn_isara li {
width:140px;
height:25px;
display:block;
overflow:hidden;
border:0;
}
#isaraBox ul.btn_isara li a {
padding:25px 0 0;
width:140px;
height:0px;
display:block;
overflow:hidden;
}
#isaraBox ul.btn_isara li.btn1 {
float:left;
}
#isaraBox ul.btn_isara li.btn2 {
float:right;
}
#isaraBox ul.thumbList {
width:298px;
border:1px solid #ccccc0;
border-top:0;
border-bottom:0;
}
#isaraBox ul.thumbList li {
border-bottom:1px dotted #ccccc0;
line-height:1.4;
}

#top .sideNav .entryRelation,
#top .sideNav #entryNewSide,
#top .sideNav #sideTwitter {
display:none;
}

#rightNav ul.snsBtn {
margin:0 0 10px !important;
padding:0;
width:300px;
height:200px;
border:0;
display:block;
}
#rightNav ul.snsBtn li {
margin:0 0 10px;
width:300px;
height:40px;
border:0;
display:block;
}

/* -----------------------------------------------------------
twipple関係 2014/07 追加
----------------------------------------------------------- */
#sideTwipple {
position:relative;
}
#sideTwipple h2 {
padding:0;
width:100px;
height:20px;
line-height:0;
display:block;
overflow:hidden;
background:none;
position:absolute;
top:12px;
right:10px;
z-index:10;
}
#sideTwipple h2 a {
padding:20px 0 0;
width:100px;
height:0;
line-height:20px;
display:block;
overflow:hidden;
background:url(../img/twipple_trend_logo_pc.png) no-repeat 0 0;
}
#twipple {
width:298px;
height:248px;
border:1px solid #ccc;
display:block;
position:relative;
}
#twipple .bxslider {
margin:0;
height:248px;
overflow:hidden !important;
display:block;
}
#twipple .pager {
margin:0;
width:298px;
height:248px;
background:#f3f3f3;
display:block;
float:left;
}
.pageBd li {
border-bottom:0;
}

.twipple {
margin:0 0 10px;
width:300px;
height:250px;
display:block;
overflow:hidden;
float:left;
font-size:12px;
position:relative;
}
.twipple .prof {
padding:10px;
width:280px;
height:24px;
display:block;
}
.twipple .prof .profThum {
width:24px;
height:24px;
    border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */  
border:0;
display:block;
float:left;
}
.twipple .prof span {
padding:0 0 0 5px;
width:95px;
line-height:24px;
}
.twipple .prof a span {
color:#000;
font-size:10px;
}
.twipple .thumbnails {
margin:0 10px;
background:#222;
border-top:1px solid #222;
border-bottom:1px solid #222;
}
.twipple .thumbnails a {
margin:0px auto 0;
width:150px;
height:150px;
display:block;
}
.twipple .txt {
padding:10px;
width:280px;
height:auto;
line-height:1.6;
display:block;
position:absolute;
left:0;
bottom:0;
color:#000;
}
.twipple dd.txt a {
color:#000 !important;
}

/* -----------------------------------------------------------
#tags
----------------------------------------------------------- */
#tags {
clear:both;
margin:0 auto;
padding:10px;
height:100px;
width:980px;
font-size:12px;
}
#tags .keyword li.tag {
margin:0 10px 5px 0;
display:block;
float:left;
border:none !important;
}
#tags .keyword li.tag a {
padding:0px !important;
display:inherit;
background-image:none !important;
background-color:transparent !important;
}
#tags .keyword li.tag a:hover {
background-color:transparent !important;
}


/* -----------------------------------------------------------
#footer
----------------------------------------------------------- */
#footer {
width:100%;
clear:both;
font-size:12px;
}
#footer #footerInbox {
margin:0 auto;
padding:10px;
height:100px;
width:980px;
}

p.pagetop{
margin:10px 0;
text-align:right;
}



#footer #footerInfo {
display:none;
}

#footer #footerSearch{
background:#ddd;
border-top: 1px solid #ccccc0;
padding:10px 0;
text-align:center;
line-height:1.5em;
}
#footer #footerSearch table{
margin:0 auto;
}
#footer #footerRecommend{
padding:10px 0;
text-align:center;
background: url(../img/share/footer_recommend_bg.gif) repeat-x;
}
#footer #footerLink{
border-top: 1px solid #ccccc0;
padding:10px 0 0;
}
#footer #footerLinkBox1{
width:210px;
float:left;
}
#footer #footerLinkBox2{
width:55%;
float:left;
text-align:center;
line-height:1.3em;
}
#footer #footerLinkBox3{
text-align:right;
width:210px;
float:right;
}
#footer #footerLinkBox3 .icon{
padding-right:8px;
}
#footer #footerCopyright{
clear:both;
text-align:center;
}

#footer a {
color:#000;
}