@charset "UTF-8";

/***********************************************/
/*sec.css                                      */
/***********************************************/

.socialBookmarks2{
margin:0 5px 20px 8px;
text-align:right;
}

/***********************************************/
/* page tag styles                         */
/***********************************************/

#page.a #article,
#entry #article .sectionLead {
background:url(../img/page/bg-page-a-top.jpg) no-repeat 0 0;
float:left;
margin:0 22px 0 0;
padding:7px 0 0;
width:708px;
}

#page.a #sideBar{
float:left;
width:270px;
}

#page.a #article .box-bottom,
#entry #article .sectionLead .inner,
#entry #article .sectionRecommend .inner-bottom {
background:url(../img/page/bg-page-a-bottom.jpg) no-repeat 0 100%;
margin-bottom:25px;
padding:0 0 7px;
}

* html #page.a #article .box-bottom,
*:first-child+html #page.a #article .box-bottom{
height:1%;
}

#page.a #article .box-inner,
#entry #article .sectionLead .inner .lead {
background:url(../img/page/bg-page-a-inner.jpg) repeat-y;
margin-bottom:0;
padding:8px 13px;
}

#page.c #article{
background:url(../img/page/bg-page-c-top.jpg) no-repeat 0 0;
margin:0 0 25px;
padding:7px 0 0;
}

#page.c #article .box-bottom{
background:url(../img/page/bg-page-c-bottom.jpg) no-repeat 0 100%;
margin-bottom:0;
padding:0 0 7px;
}

* html #page.c #article .box-bottom,
*:first-child+html #page.c #article .box-bottom{
height:1%;
}

#page.c #article .box-inner{
background:url(../img/page/bg-page-c-inner.jpg) repeat-y;
margin-bottom:0;
padding:7px 14px;
}

/***********************************************/
/* entry    tag styles                         */
/***********************************************/

#page #contents,
#entry #contents{
background:url(../img/entry/bg-contents.jpg) no-repeat 0 0;
padding-top:3px;
}
#entry #article{
float:left;
margin:0 22px 0 0;
width:708px;
}

#entry #sideBar{
float:left;
width:270px;

}
#entry #sideBar .banner01{
/*height:90px;*/
overflow:hidden;
}
#entry #sideBar .sectionH3.other {
background:url(../img/entry/bg-sideBar.jpg) no-repeat;
/*float:left;*/
padding:8px 0 0;
}

#entry #sideBar .more{
background:url(../img/common/bg-side-separator.gif) repeat-x;
padding:2px 0 0;
}

#entry #sideBar .more a{
background:#ebebeb;
display:block;
padding:10px;
text-align:center;
color:#135bbd;
font-size:76.9%;
font-weight:bold;
}

#entry #sideBar .more a:hover{
background:#f3f3f3;
text-decoration:none;
color:#8cacdd;
}

#entry #sideBar .showcontent .excerpt,
#entry #sideBar .showcontent .excerpt a{
color: #666;
margin-bottom: 3px;
}
#entry #sideBar .showcontent .excerpt a:hover{
color: #135BBD;
text-decoration: underline;
}
#page #entryHeader,
#entry #entryHeader{
background:url(../img/entry/bg-categoryHeader.jpg) no-repeat 0 100%;
margin:0 0 12px;
padding:0 0 12px;
}

#page #entryHeader ol.topicPath,
#entry #entryHeader ol.topicPath{
background:#579441 url(../img/entry/bg-topicPath.jpg)  0 2px repeat-x;
padding:0 10px;
}

#page #entryHeader ol.topicPath li,
#entry #entryHeader ol.topicPath li{
background:url(../img/category/icon-topicPath.gif) no-repeat 0 3px;
font-size:11px;
float:left;
color:#fff;
margin:0 0 0 10px;
padding:3px 0 0 15px;
}

#page #entryHeader ol.topicPath li a,
#entry #entryHeader ol.topicPath li a{
color:#fff;
}

#page #entryHeader ol.topicPath li.first-child,
#entry #entryHeader ol.topicPath li.first-child{
background:none;
margin:0;
padding:2px 0 0 0;
}

#page #entryHeader ol.topicPath li.first-child a,
#entry #entryHeader ol.topicPath li.first-child a{
background:url(../img/category/icon-home.png) no-repeat;
display:block;
text-indent:-10000px;
outline:none;
width:16px;
height:15px;
}

#page #entryHeader ol.topicPath li.first-child a:hover,
#entry #entryHeader ol.topicPath li.first-child a:hover{
background:url(../img/category/icon-home.png) no-repeat 0 -15px;
}

#entry #sideBar .other h2{
background:#3E3E3E url(../img/entry/bg-side-other-h2.jpg) no-repeat 0 100%;
padding:0 0 8px;
margin:0 0 10px;
zoom:1;
font-size: 1.15em;
}
#entry #sideBar .other h2 a{
background:url(../img/entry/bg-side-other-span.jpg) repeat-y;
display:block;
}
#entry #sideBar .other h2 a span{
display:block;
background:url(../img/entry/icon_006.gif) no-repeat 95% 50%;
padding:2px 60px 2px 10px;
color:#fff;
font-size: 80%;
font-weight:bold;
}
#entry #sideBar .other h2 a:hover span{
background:url(../img/entry/icon_007.gif) no-repeat 95% 50%;
color:#FFFF99;
}
#entry #sideBar .other h2 a:hover{
text-decoration:none;
}
/* ここからグロナビ改修追加・差し替えCSS */
/*#entry #article ul.lead{
margin:0 0 15px;
}

#entry #article ul.lead li{
background:url(../img/entry/bg-lead.gif) no-repeat 3px 3px;
margin:0 0 5px;
padding:0 0 0 20px;
}

#entry #article ul.lead li a{
color:#135bbd;
text-decoration:underline;
font-size:92.3%;
}
#entry #article ul.lead li a:hover{
color:#006699;
text-decoration:none;
}*/
#entry #article .mod-lead-bottom{
padding-top: 15px;
clear: both;
}
#entry #article ul.lead{
margin:0 0 15px;
padding: 10px;
border: 1px solid #CCC;
background:#FFFFFF;
}

#entry #article ul.lead li{
/*background:url(../img/entry/bg-lead.gif) no-repeat 3px 3px;
margin:0 0 5px;
padding:0 0 0 20px;*/
margin:0 0 5px;
padding:0 0 0 10px;
font-size:12px;
font-weight:bold;
}

#entry #article ul.lead li:before{
content: "[PICKUP]";
color:#FD5D2B;
margin-right:5px;
font-size:12px;
}

#entry #article ul.lead li a,
#entry #article dl.lead dd a {
/*color:#135bbd;*/
color:#165CB4;
text-decoration:underline;
}
#entry #article ul.lead li a:hover
#entry #article dl.lead dd a:hover{
color:#006699;
text-decoration:none;
}
/* ここまで */

#entry #article .headline{
margin: 0px 0px 15px 5px;
}

#entry #article .sectionH2 {
background:url(../img/entry/bg-sectionH2.jpg) no-repeat 0 100%;
padding:0 0 7px;
/*float: left;*/
}

* html #entry #article .sectionH2,
*:first-child+html #entry #article .sectionH2{
height:1%;
}

#entry #article .sectionH2 .inner-top,
#entry #article .sectionRecommend{
background:url(../img/entry/bg-innerTop.gif) no-repeat;
margin-bottom:0;
padding:5px 0 0;
}

#entry #article .sectionH2 .inner,
#entry #article .sectionRecommend .inner{
background:url(../img/entry/bg-inner.jpg) repeat-y;
margin-bottom:0;
}

#article .sectionH2 .inner h2 {
font-size: 100%;
line-height: 1.3em;
}

#article .sectionH2 .inner-bottom {
background:url(../img/entry/bg-section-innnerBottom.gif) no-repeat 557px 100%;
margin-bottom:0;
padding:0 0 10px;
}

#entry #article .sectionH2 .title,
#entry #article .sectionRecommend .title {
background:#3E3E3E;
font-weight:bold;
margin:0 2px 20px 4px;
padding:0px 10px 3px;
}

#entry #article .sectionH2 .title a,
#entry #article .sectionRecommend .title {
color:#fff;
}

/* 20190313_追加 */
#entry #article .sectionRecommend { margin-top: 20px; }
#entry #article .sectionRecommend .inner,
#entry #article .sectionRecommend .inner-bottom { background: none; }
#entry #article .sectionRecommend .recommendList { margin: 0 2px 0 4px; }
#entry #article .sectionRecommend .recommendEntry {
  width: 18%;
  float: left;
}
#entry #article .sectionRecommend .recommendEntry+.recommendEntry { margin-left: 2.5%; }
#entry #article .sectionRecommend .thumb {
  background: #fff;
  margin-bottom: 8px;
}
#entry #article .sectionRecommend .thumb a {
  display: block;
  height: 86px;
  overflow: hidden;
  position: relative;
}
#entry #article .sectionRecommend .thumb img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.securityList .subTitle { margin-bottom: 20px; }
#page #article .sectionH3 { margin: 0px 15px 15px; }
#page #article .sectionH3 h3 {
  background: #333;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  line-height: 180%;
  margin-bottom: 15px;
  padding-left: 5px;
}
#page #article .wordCategoryList {}
#page #article .wordCategoryList ul {}
#page #article .wordCategoryList li {
  width: 57px;
  margin-bottom: 10px;
  float: left;
  position: relative;
}
#page #article .wordCategoryList li::before {
  content: "";
  background: #999;
  width: 1px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
#page #article .wordCategoryList li:nth-child(11) { clear: both; }
#page #article .wordCategoryList li:nth-child(11)::before,
#page #article .wordCategoryList li:first-child::before { content: none; }
#page #article .wordCategoryList li a {
  color: #1359bd;
  font-size: 13px;
  text-align: center;
  text-decoration: underline;
  height: 20px;
  display: block;
}
/* 20190313_追加 ここまで */

#entry #article .sectionH2 .entryBody{
padding:0 30px;
}

#entry #article .sectionH2 .entryBody h1{
font-size:208%;
font-weight:bold;
margin:0 0 20px;
}

#entry #article .sectionH2 .entryBody h1 span.alias{
display:block;
color:#666;
font-size:50%;
}

#entry #article .sectionH2 .entryBody ul{
margin:0 0 20px;
}
#entry #article .sectionH2 .entryBody li.date{
background:none;
font-size:92.3%;
}

#entry #article .sectionH2 .entryBody ul.social,
#page #article .box-bottom .box-inner ul.social {
margin-left:380px;
margin-bottom:15px;
}

#entry #article .sectionH2 .entryBody ul.social li,
#page #article .box-bottom .box-inner ul.social li {
float:right;
background:url('../img/common/social-icon_bg.gif') no-repeat top right;
position:relative;
margin-right:10px;
text-align:right;
min-height:17px;
}

#entry #article .sectionH2 .entryBody ul.social li.date,
#page #article .box-bottom .box-inner ul.social li.date {
background:none;
font-size:92.3%;
}

#entry #article .sectionH2 .entryBody ul.social li img,
#page #article .box-bottom .box-inner ul.social li img {
position:absolute;
top:0;
left:0;
}

#entry #article .sectionH2 .entryBody ul.social li span,
#page #article .box-bottom .box-inner ul.social li span {
color:#333;
display:block;
width: auto;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding:0 6px 0 20px;
vertical-align:top;
}

#entry #article .sectionH2 .entryBody a{
color:#1359bd;
text-decoration:underline;
}

#entry #article .sectionH2 .entryBody a:hover{
text-decoration:none;
}

#entry #article .sectionH2 .entryBody p{
color:#1f1f1f;
font-size:115.4%;
margin:0 0 1em;
line-height:1.5;
}

#entry #article .sectionH2 .entryBody p .word-break {
word-break : break-all;
word-wrap : break-word;
}

#entry #article .sectionH2 .entryBody h2{
background:url(../img/entry/bg_entry_h2.gif) repeat-x 0 100%;
font-size:153.8%;
font-weight:bold;
padding-bottom:15px;
margin-bottom:20px;
}

#entry #article .sectionH2 .entryBody h3{
background:url(../img/entry/bg_entry_h3.jpg) repeat-x 0 100%;
font-size:138.5%;
font-weight:bold;
padding:0 5px 10px;
margin-bottom:20px;
}

#entry #article .sectionH2 .entryBody h4{
background:url(../img/entry/bg_entry_h4.gif);
border-bottom:#ccc 1px solid;
border-top:#ccc 1px solid;
font-size:123.1%;
font-weight:bold;
padding:10px 5px;
margin-bottom:20px;
}

#entry #article .sectionH2 .wordlist{
padding-bottom: 15px;
text-align: right;
}

#article .sectionH2 .socialArea{
position:relative;
height:93px;
}

#article .sectionH2 .socialArea .fb_iframe_widget{
position:absolute;
left:85px;
top:10px;
}

#article .sectionH2 .socialArea .tw{
position:absolute;
left:0px;
top:10px;
}

#article .sectionH2 .socialArea .google{
position:absolute;
left:195px;
top:10px;
}

#article .sectionH2 .socialArea .mixi{
position:absolute;
left:264px;
top:47px;
}

#article .sectionH2 .socialArea .original{
background:url(../img/entry/bg-share-btn.gif) no-repeat;
padding-top:15px;
position:absolute;
left:358px;
top:0;
width:155px;
}

* html #article .sectionH2 .socialArea .original dl{
text-align:right;
}

#article .sectionH2 .socialArea .original dl dt,
#article .sectionH2 .socialArea .original dl dd{
line-height:100%;
}

*:first-child+html #article .sectionH2 .socialArea .original dl dt img,
*:first-child+html #article .sectionH2 .socialArea .original dl dd img{
vertical-align: top;
}

#article .sectionH2 .socialArea .original dl dd.num{
font-size:115.4%;
margin:0 0 15px auto;
text-align:center;
width:60px;
}

*:first-child+html #article .sectionH2 .socialArea .original dl dd.num{
font-size:14px;
}

#entry #article .box{
background:url(../img/entry/bg-box-bottom.jpg) no-repeat 0 100%;
margin:0 0 15px;
padding:0 0 7px;
}

* html #entry #article .box,
*:first-child+html #entry #article .box{
height:1%;
}

#entry #article .box-top{
background:url(../img/entry/bg-box-top.jpg) no-repeat 0 0;
padding:7px 0 0;
margin-bottom:0;
}

#entry #article .box dl{
background:url(../img/entry/bg-box.jpg) repeat-y;
margin-bottom:0;
padding:10px 25px 5px;
}

#entry #article .box dl dt,
#entry #article .box dl dd{
float:left;
}

#entry #article .box dl dt{
margin:0 15px 0 0;
}

#entry #article .box dl dd{
background:url(../img/common/bg-foot-link02.gif) no-repeat 0 2px;
line-height:100%;
margin:0 0 0 10px;
padding:0 0 0 10px;
}

#entry #article .box dl dd.first-child{
background:none;
margin:0;
padding:0;
}

#entry #article .box dl dd a{
color:#1359bd;
font-size:76.9%;
}

#entry #article .sectionLead {
margin: 15px 0;
}

/* 20190313_修正 ここから */
#entry #article .sectionRecommend dl {
position: relative;
margin-bottom: 15px;
}
#entry #article .sectionRecommend dt {
color: #666666;
font-size: 10px;
margin-bottom: 8px;
}
#entry #article .sectionRecommend dd {
font-size: 12px;
}
/* 20190313_修正 ここまで */

#entry #article .entryNav{
clear: both;
position:relative;
margin:0 0 40px;
text-align:center;
width:708px;
}

#entry #article .entryNav .next{
width: 122px;
height: 36px;
position:absolute;
right:0;
top:0;
}

#entry #article .entryNav .prev{
width: 122px;
height: 36px;
position:absolute;
left:0;
top:0;
}

#entry #article .entryNav .prev-tooltip{
text-align:left;
position:absolute;
left:0;
top:34px;
}

#entry #article .entryNav .next-tooltip{
text-align:left;
position:absolute;
right:0;
top:34px;
}

#entry #article .tooltip .tooltipBg{
background:url(../img/entry/bg-tooltip.gif) no-repeat 63px 0;
padding:7px 0 0;
}

#entry #article .entryNav .next-tooltip .tooltipBg{
background:url(../img/entry/bg-tooltip.gif) no-repeat 100% 0;
}

#entry #article .tooltip .tooltipContents{
background:#333;
color:#fff;
font-size:84.6%;
padding:3px 5px;
display:inline;
}

#entry #footer .ranking{
background:url(../img/entry/bg-ranking-top.jpg) no-repeat 0 0;
margin:0 0 25px;
padding:7px 0 0;
position:relative;
}

#entry #footer .ranking .rainking-bottom{
background:url(../img/entry/bg-ranking-bottom.jpg) no-repeat 0 100%;
padding:0 0 7px;
margin-bottom:0;
}

#entry #footer .ranking .rainking-bottom .ranking-inner{
background:url(../img/entry/bg-ranking-inner.jpg) repeat-y;
margin-bottom:0;
padding-left:4px;
padding-bottom:10px;
position:relative;
}

#entry #footer .ranking .rainking-bottom .ranking-inner .sectionH3{
float:left;
width:234px;
margin:-2px 0 0 18px;
}

#entry #footer .ranking .rainking-bottom .ranking-inner .first-child{margin:-2px 0 0}
#entry #footer .ranking .rainking-bottom .ranking-inner .last-child{margin:-2px 0 0 19px}

*:first-child+html #entry #footer .ranking .rainking-bottom .ranking-inner .sectionH3{
margin-top:0;
display:inline-block;
}

#entry #footer .ranking .rainking-bottom .ranking-inner .sectionH3 h3{
background:url(../img/entry/bg-h3.jpg) no-repeat 50% 100%;
margin:0 0 5px;
padding:0 0 9px;
position:relative;
}

#entry #footer .ranking .rainking-bottom .ranking-inner .sectionH3 ul{
margin:0 0 10px;
padding:0 10px;
}

#entry #footer .ranking .rainking-bottom .ranking-inner .sectionH3 ul li{
border-bottom:#cacaca 1px dotted;
}

#entry #footer .ranking .rainking-bottom .ranking-inner .sectionH3 ul li a{
color:#1359bd;
font-size:92.3%;
display:block;
padding:5px 0 5px 30px;
white-space: pre;           /* CSS 2.0 */
white-space: pre-wrap;      /* CSS 2.1 */
white-space: pre-line;      /* CSS 3.0 */
white-space: -pre-wrap;     /* Opera 4-6 */
white-space: -o-pre-wrap;   /* Opera 7 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap;  /* HP Printers */
word-wrap: break-word;      /* IE 5+ */
}

#entry #footer .ranking .rainking-bottom .ranking-inner .sectionH3 ul li.no1{
background:url(../img/entry/no1.gif) no-repeat 0 10px;
padding:0 0 5px 30px;
}

#entry #footer .ranking .rainking-bottom .ranking-inner .sectionH3 ul li.no1 a{
display:inline;
font-weight:bold;
padding:0;
}

#entry #footer .ranking .rainking-bottom .ranking-inner .sectionH3 ul li.no1 dl dt{
float:left;
width:86px;
white-space: pre;           /* CSS 2.0 */
white-space: pre-wrap;      /* CSS 2.1 */
white-space: pre-line;      /* CSS 3.0 */
white-space: -pre-wrap;     /* Opera 4-6 */
white-space: -o-pre-wrap;   /* Opera 7 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap;  /* HP Printers */
word-wrap: break-word;      /* IE 5+ */
}

#entry #footer .ranking .rainking-bottom .ranking-inner .sectionH3 ul li.no1 dl dd{
float:right;
width:90px;
}

#entry #footer .ranking .rainking-bottom .ranking-inner .sectionH3 ul li.no1 dl dd img{
border:#d5d5d5 1px solid;
padding:1px;
}

#entry #footer .ranking .rainking-bottom .ranking-inner .sectionH3 ul li.no2{
background:url(../img/entry/no2.gif) no-repeat 0 10px;
}

#entry #footer .ranking .rainking-bottom .ranking-inner .sectionH3 ul li.no3{
background:url(../img/entry/no3.gif) no-repeat 0 10px;
}

#entry #footer .ranking .rainking-bottom .ranking-inner .sectionH3 ul li.no2,
#entry #footer .ranking .rainking-bottom .ranking-inner .sectionH3 ul li.no3{
font-weight:bold;
}

#entry #footer .ranking .rainking-bottom .ranking-inner .sectionH3 ul li.no4{
background:url(../img/entry/no4.gif) no-repeat 0 10px;
}

#entry #footer .ranking .rainking-bottom .ranking-inner .sectionH3 ul li.no5{
background:url(../img/entry/no4.gif) no-repeat 0 10px;
}

#entry #footer .ranking .rainking-bottom .ranking-inner .sectionH3 .btn{
margin-bottom:0;
text-align:center;
}

#entry #footer .footKaruta{
padding: 10px;
border-bottom:#cacaca 1px dotted;
}
#entry #footer .footKaruta dt{
width: 140px;
float: right;
}
#entry #footer .footKaruta dd{
float: left;
}
#entry #footer .footKaruta dt a{
font-size: 14px;
font-weight: bold;
line-height: 1.5;
color: #1259BD;
}

/*** pageNavigation ******************************************/

#contents .pageNavigation {
    clear: both;
    margin: 10px 0px;
    padding-bottom: 20px;
    text-align: center;
}
        #contents .pageNavigation a {
            text-decoration: none!important;
            color:#360!important;
        }
        #contents .pageNavigation span {
        margin-right: 5px;
        }

        #contents .pageNavigation span span {
            margin-right: 0px;
        }


        #contents .pageNavigation span.current_page {
            text-decoration: none;
            padding: 3px 5px;
            border: 1px solid #408703;
            color: #fff;
            background: #70C732;
        }

        #contents .pageNavigation span a {
            text-decoration: none;
            padding: 3px 5px;
            border: 1px solid #408703;
            background: #fff;
        }

            #contents .pageNavigation span a:hover {
                background: #CEF2D9;
            }

/*** tags ******************************************/

#entry dl.tags:before,
#entry dl.tags:after,
#page dl.tags:before,
#page dl.tags:after {
content:"";
display:table;
}
#entry dl.tags:after,
#page dl.tags:after {
clear:both;
}
#entry dl.tags,
#page dl.tags {
zoom:1;
}
#entry dl.tags {
margin-top: 50px;
}
#entry dl.tags dt,
#page dl.tags dt {
font-size:13px;
float:left;
width:130px;
}
#entry dl.tags dd,
#page dl.tags dd {
float:left;
width:500px;
}
#entry dl.tags,
#page dl.tags {
margin-bottom: 30px!important;
}
#entry dl.tags li,
#page dl.tags li {
display: inline-block;
margin-right: 5px;
margin-bottom:5px;
/* IE6 */
*display: inline;
*zoom: 1;
}
*:first-child+html #entry dl.tags li,
*:first-child+html #page dl.tags li {
display:inline;
position:relative;
line-height:130%;
}
#entry dl.tags li a,
#page dl.tags li a {
font-size:13px;
background: #ededed;
padding: 1px 5px;
text-decoration: none!important;
}
#entry dl.tags li a:hover,
#page dl.tags li a:hover {
color:#FFF!important;
background: #369;
text-decoration: none!important;
}

/*** pickupArea ***/

#entry .pickupArea {
   margin: 0px 0px 20px 0px;
   width: 170px;
   float: right;
}

#entry .pickupAreaInner {
   width: 150px;
   float: right;
   background: #f9fff9;
   border: solid 1px #ccc;
   text-align: center;
   font-size: 75%;
}

#entry .pickupArea h2 {
    background:none!important;
    padding:0!important;
    margin: 10px 0px 10px 0px!important;
}

#entry .pickupArea span {
   margin: 0px 10px 10px;
   display: block;
   text-align: left;
}

#entry .pickupArea a {
   display: block;
   margin: 0px 10px 0px;
   text-align: left;
}

#entry .pickupArea a img {
   display: block;
   margin: 0 auto 10px;
   text-align: center;
}


/***********************************************/
/* category tag styles                         */
/***********************************************/

/* 190314 修正 */
#category #article{
float:left;
margin:0 22px 30px 0;
width:708px;
}
/* 190314 修正ここまで */

#category #sideBar{
float:left;
width:270px;
}



#category #contents{
background:url(../img/category/bg-contents.jpg) no-repeat;
padding-top:4px;
}

#category #contents #categoryHeader{
background:url(../img/category/bg-categoryHeader.jpg) no-repeat 0 100%;
margin:0 0 15px;
padding:0 0 5px;
}


#category #contents #categoryHeader .topicPath{
background:#55923f url(../img/category/bg-topicPath.jpg) repeat-x;
padding:1px 7px 4px 10px;
}

#category #contents #categoryHeader .topicPath li{
background:url(../img/category/icon-topicPath.gif) no-repeat 0 1px;
font-size:11px;
float:left;
color:#fff;
margin:0 0 0 10px;
padding:1px 0 0 15px;
}

#category #contents #categoryHeader .topicPath li.first-child{
background:none;
margin:0;
padding:0;
}

#category #contents #categoryHeader .topicPath li.first-child a{
background:url(../img/category/icon-home.png) no-repeat;
display:block;
text-indent:-10000px;
outline:none;
width:16px;
height:15px;
}

#category #contents #categoryHeader .topicPath li.first-child a:hover{
background:url(../img/category/icon-home.png) no-repeat 0 -15px;
}

#category #contents #categoryHeader #titleArea{
background:#569905 url(../img/category/bg-titleArea.jpg) repeat-x;
}

#category #contents #categoryHeader #titleArea .inner{
background:url(../img/category/bg-header-inner.gif) no-repeat 0 18px;
padding:17px 20px 10px 20px;
}

#category #contents #categoryHeader.Monthly #titleArea .inner{
padding-bottom:1px;
}

#category #contents #categoryHeader #titleArea .inner h1,
#category #contents #categoryHeader #titleArea .inner p{
color:#fff;
}

#category #contents #categoryHeader #titleArea .inner h1{
font-weight:bold;
font-size:160%;
line-height: 1em;
margin:0 0 10px;
}

#category #contents #categoryHeader #titleArea .inner p {
font-size:12px;
}
#category #contents #categoryHeader #titleArea .inner p img {
margin:6px 0;
}

#category #contents #categoryHeader.Monthly #titleArea .inner h1{
margin-bottom:0;
}

#category #contents #categoryHeader #titleArea .inner h1 span{
margin:0 0 0 20px;
color:#B8D1AF;
font-size:58%;
}

#category #popular{margin:0 0 30px}

#category #popular h2{
background:url(../img/category/bg-h2-separator.gif) repeat-x 0 100%;
margin: 0 0 10px 0;
padding:0 0 10px 0;
}

#category #popular .sectionH3{
float:left;
margin:0 0 0 25px;
width:315px;
}
#category #popular h2+.sectionH3 { margin-left: 0; }

#category #popular .first-child{margin:0}
#category #popular .line{margin:0 0 5px;zoom:1;}

#category #popular .sectionH3 h3{margin:0 0 10px 0}
#category #popular .sectionH3 h3 a{
color:#135bbd;
font-weight:bold;
font-size:100%;
}

#category #popular .sectionH3 dl{
margin:0;
}

#category #popular .sectionH3 dl dt{
float:left;
width:184px;
}

#category #popular .sectionH3 dl dt img{
border:#ccc 1px solid;
padding:1px;
}

#category #popular .sectionH3 dl dd{
float:right;
width:125px;
}

#category #popular .sectionH3 dl dd a{
color:#135bbd;
}

#category #popular .sectionH3 .date{
color:#666;
clear: both;
}

#category #popular .sectionH3 ul.social{
margin:-1.3em 0 0 9.5em;
}

#category #popular .sectionH3 ul.social li{
float:left;
background:url('../img/common/social-icon_bg.gif') no-repeat top right;
position:relative;
margin-right:10px;
text-align:right;
min-height:17px;
}

#category #popular .sectionH3 ul.social li img{
position:absolute;
top:0;
left:0;
}

#category #popular .sectionH3 ul.social li span{
color:#555;
font-weight:bold;
display:block;
width: auto;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding:3px 8px 0 22px;
line-height:1;
}

/* 190314 修正 */
#category #article .sectionH2{
background:url(../img/category/bg-sectionH2.jpg) no-repeat 0 100%;
padding:5px 0 7px;
margin-bottom: 20px;
position: relative;
}
#category #article .sectionH2::before{
content: "";
display: block;
background:url(../img/category/bg-article.jpg) no-repeat;
height: 5px;
position: absolute;
top: 0;
left: 0;
right: 0;
}
#category #article .sectionH2.borderless { background: url(../img/category/bg-sectionH2-borderless.png) no-repeat 0 100%; }
#category #article .sectionH2.borderless .inner { background: url(../img/category/bg-inner-borderless.png) repeat-y; }
#category #article #wordsSerachBox.sectionH2 h2 {
  background: #3e3e3e url(../img/icon-menu-words.png) 10px 6px no-repeat;
  background-size: 17px;
  font-size: 16px;
  padding: 6px 10px 9px 36px;
  margin-bottom: 15px;
}
#category #article .sectionH2 .inner .sectionH3 {
  padding: 0 15px;
  margin-bottom: 10px;
  box-sizing: border-box;
}
#category #article .sectionH2 .inner .sectionH3.left {
  width: 50%;
  float: left;
}
#category #article .sectionH2 .inner .sectionH3.right {
  width: 50%;
  float: right;
}

#category #article .sectionH2 .inner .sectionH3 h3 {
  font-size: 14px;
  border-bottom: 1px dotted #999;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
#category #article .wordCategoryList {}
#category #article .wordCategoryList ul {}
#category #article .wordCategoryList li {
  width: 57px;
  margin-bottom: 10px;
  float: left;
  position: relative;
}
#category #article .wordCategoryList li::before {
  content: "";
  background: #999;
  width: 1px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
#category #article .wordCategoryList li:nth-child(11) { clear: both; }
#category #article .wordCategoryList li:nth-child(11)::before,
#category #article .wordCategoryList li:first-child::before { content: none; }
#category #article .wordCategoryList li a {
  color: #1359bd;
  font-size: 13px;
  text-align: center;
  text-decoration: underline;
  height: 20px;
  display: block;
}
#article .btn,
#sideBar .btn {
  background: url(../img/icon-arrow-right-white.png) 95% center no-repeat;
  background-size: auto;
  background-color: #222;
  color: #fff;
  text-decoration: none;
  padding: 7px 10px;
  min-width: 270px;
  border-radius: 4px;
  display: inline-block;
  box-sizing: border-box;
}
#sideBar .btn { margin-bottom: 20px; }
#article .words .btn,
#sideBar .words .btn {
  background: url(../img/icon-menu-words.png) 10px center no-repeat,
              url(../img/icon-arrow-right-white.png) 95% center no-repeat;
  background-color: #222;
  background-size: 15px, auto;
  padding: 7px 35px;
}
#contentsSearchBox dl {
  width: 268px;
  border: 1px solid #999;
  border-radius: 3px 0 0 3px;
  overflow: hidden;
}
#contentsSearchBox dt {
  width: 68px;
  float: left;
}
#contentsSearchBox dd {
  width: 200px;
  float: left;
}
#contentsSearchBox input[type="submit"] {
  background: #3375f0;
  color: #fff;
  font-size: 13px;
  width: 100%;
  height: 32px;
  border: none;
  display: block;
  cursor: pointer;
}
#contentsSearchKeyword {
  background: url(../img/common/bg-header-search.gif) no-repeat 95% 50%;
  width: 100%;
  width: 165px;
  padding: 8px 25px 7px 10px;
  border: none;
}
/* 190314 修正ここまで */


* html #category #article .sectionH2{height:1%}
*:first-child+html #category #article .sectionH2{height:1%}

#category #article .sectionH2 .inner{
background:url(../img/category/bg-inner.jpg) repeat-y;
padding-bottom:10px;
margin-bottom:0;
zoom:1;
}

#category #article .sectionH2 h2{
background:#3E3E3E;
color:#fff;
font-weight:bold;
margin:0 3px 20px;
padding:0px 10px 3px;}

#category #article .sectionH2 .section{
border-bottom:#dfdfdf 1px solid;
margin:0 13px 20px;
padding:0 15px 30px;
}

#category #article .sectionH2 .section .cont,
#category #article .sectionH2 .section .cont dl{margin-bottom:0}

#category #article .sectionH2 .section .cont dl{
float:right;
width:440px;
}
#category #article .sectionH2 .section .cont dl .date{
font-size:90%;
color:#666666;
float:left;
}

#category #article .sectionH2 .section .cont dl dt{margin:0 0 10px}

#category #article .sectionH2 .section .cont dl dt a{
font-size:135%;
font-weight:bold;
}

#category #article .sectionH2 .section .cont dl dd.excerpt{
padding:0 0 15px;
font-size:90%;
line-height:1.5;
}

#category #article .sectionH2 .section .cont dl dd.excerpt a{
color:#1359bd;
text-decoration:underline;
}

/*#category #article .sectionH2 .section .cont dl dd.date{margin-top:5px}*/

/* social point */


#index #article .recent .boxCont .cont dd.social{
margin:0 auto;
text-align:center;
display:block;
}

#category #article .sectionH2 .section .cont dl dd.social{
margin:0 0 0 8em;
}

#index #article .recent .boxCont .cont dd.social li,
#category #article .sectionH2 .section .cont dl dd.social li{
float:left;
background:url('../img/common/social-icon_bg.gif') no-repeat top right;
position:relative;
margin-right:10px;
text-align:right;
min-height:17px;
}
#index #article .recent .boxCont .cont dd.social li img,
#category #article .sectionH2 .section .cont dl dd.social li img{
position:absolute;
top:0;
left:0;
}

#index #article .recent .boxCont .cont dd.social li span,
#category #article .sectionH2 .section .cont dl dd.social li span{
color:#555;
font-weight:bold;
display:block;
width: auto;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding:3px 8px 0 22px;
line-height:1;
}


#category #article .sectionH2 .section .photo{
float:left;
width:184px;
}

#category #article .sectionH2 .section .photo img{
border:#ccc 1px solid;
padding:1px;
}
/*
#category #article .sectionH2 .section .photo a:hover img{
border:#669900 2px solid;
padding:0px;
}
*/

#category #article .sectionH2 .more{
margin:-10px 25px 0;
}

#category #article .sectionH2 .more a{
background:#ebebeb;
display:block;
padding:10px;
text-align:center;
color:#135BBd;
font-weight:bold;
font-size:76.9%;
}

#category #article .sectionH2 .more a:hover{
 background:#f3f3f3;
text-decoration:none;
color:#8cacdd;
}

/*** karuta ***/

#index #article .recent .boxCont .karutaBox{
float:left;
width:220px;
padding:0 0 0 12px;
min-height:230px;
}

#index #article .recent .boxCont .karutaBox .cont{
float:none;
text-align:center;
}
#index #article .recent .boxCont .karutaBox .cont dd {
margin-bottom:5px;
height:3em;
}
#index #article .recent .boxCont .karutaBox .cont dd.social {
height:1em;
padding-left:20px;
}
#index #article .recent .boxCont .karutaBox .cont dd a{
font-weight:bold;
}

#index #article .recent .boxCont .karutaBox .cont li{
display:inline;
}
#index #article .recent .boxCont .karutaBox .cont li img{
vertical-align:bottom;
padding:0 5px 3px 0;
}


/*** securitynews ***/

#index #article #securitynews #timeline{
margin-bottom:40px;
}


*:first-child+html #article #securitynews li{
zoom:1;
}

#index #article #securitynews li{
margin:1.5em 0;
border-bottom:#DDD solid 1px;
}
#index #article #securitynews .thumb{
float:left;
width:48px;
}
#index #article #securitynews .data{
padding-left:60px;
}

*:first-child+html #article #securitynews .data{
padding-left:0;
}

#index #article #securitynews .data a{
color: #222;
}
#index #article #securitynews .category{
padding:1px;
float:none;
}
#index #article #securitynews div.data h3 {
font-size:14px;
}
#index #article #securitynews div.data h3 a {
background: url(/securitycollection/images/icon_blank.gif) no-repeat right center;
padding-right: 12px;
font-size: 100%;
font-weight:bold
}

*:first-child+html #article #securitynews div.data h3 a {
    background: url(/securitycollection/images/icon_blank.gif) no-repeat 100% 100%;
    display:inline;
}


#index #article #securitynews .data p{
font-size:10px;
line-height:1;
padding:0;
margin:0 0 1em;
}

#index #article #securitynews .data p span.category {
text-decoration: none;
background: #E3EEFF;
font-weight: normal;
padding:0 2px;
}
#index #article #securitynews .data p span.category a{
color: #36C;
}
#index #article #securitynews div.data p span {
font-weight: bold;
color: #999999;
margin-right: 0.75em;
}

/*** twitter ***/

#securitytweet .twitter li{
margin:1.2em 0 1.2em;
border-bottom:#DDD solid 1px;
zoom:1;
}
#securitytweet .twitter .thumb{
float:left;
}
#securitytweet .twitter p{
font-size:12px;
}
.collectionCaution p{
font-size:12px;
padding:0 10px;
}
#securitytweet .twitter .data{
padding-left:50px;
}

*:first-child+html #securitytweet .twitter .data{
    padding-left:0;
    float:right;
    width:430px;
}

#securitytweet .twitter .data a{
color: #222;
}
#securitytweet .twitter .meta{
color:#999;
font-size:0.75em;
}
#securitytweet .twitter .content a{
color:#3399FF;
padding-right:1em;
}
#securitytweet .logo{
display:block;
clear:both;
height:50px;
text-align:right;
}

/*mushimegane*/
.comicWrapper{
float: right;
background-color:#FFF;
width:190px;
}
.comic{
float: right;
background: none repeat scroll 0 0 #FFF8F8;
border: 1px solid #F8CCCC;
margin-left:20px;
padding:10px;
width:150px;
text-align: center;
}

#entry #article .sectionH2 .entryBody .comic h2{
    background:none;
    padding-bottom:0;
}



.comic  div.comic4koma{
width: 150px;
_width: 150px;
float: right;
background: #fff8f8;
border: solid 1px #f8cccc;
padding: 10px;
margin: 0px 0px 10px 20px;
text-align :center;
}

.comic span {
font-size: 80%;
color: #666;
}

.comic h2 {
font-size: 1em!important;
color: #f80066;
line-height: 1.3;
margin-bottom: 10px;
}

.comicInner {
width: 410px;
margin: 0px auto;
}

.comicInner .comicLeft {
width: 200px;
float: right;
}

.comicInner .comicRight {
width: 200px;
float: left;
}

.comicInner img {
margin-bottom: 10px;
}

/***********************************************/
/* index tag styles                            */
/***********************************************/

#index #article{
float:left;
margin:0 21px 0 0;
width:709px;
}

#index #article .recent{
background:url(../img/index/box-head.jpg) no-repeat 100% 0;
float:right;
width:498px;
position:relative;
margin-bottom:20px;
}

#index #article .category{
float:left;
padding-top:500px;
position:relative;
width:199px;
}

* html #index #article .category #sideNav{
width:215px;
}


#index #sideBar{
float:left;
width:270px;
}

#index #article .recent h2{
background:#3e3e3e;
color:#fff;
font-size:100%;
font-weight:bold;
padding:8px 20px 2px;
margin:0 5px 0 0;
height:16px;
line-height:1;
overflow:hidden;
_font-size:13px;
}

#index #article .recent h2,  x:-moz-any-link{
    padding:7px 20px 3px;
}

*:first-child+html #index #article .recent h2{
    font-size: 13px;
}

#index #article .recent #cont01,
#index #article .recent #cont02,
#index #article .recent #cont03,
#index #article .recent #cont04,
#index #article .recent #cont05,
#index #article .recent #cont06,
#index #article .recent #cont07,
#index #article .recent #cont08,
#index #article .recent #cont09,
#index #article .recent #cont10,
#index #article .recent #cont11,
#index #article .recent #cont12,
#index #article .recent #cont13,
#index #article .recent #cont14{
display:none
}

* html #index #article .recent h2{
height:26px;
}
#index #article .recent {
position: relative;
}
#index #article .recent .articleLink{
position:absolute;
right:4px;
top:0;
font-size:12px;
}
#index #article .recent .articleLink a{
display:block;
_display:inline;
width:auto;
height:26px;
color:#FFF;
background:url(../img/index/bg_articleLink_left.png) left top no-repeat;
line-height:1;
cursor:pointer;
}
#index #article .recent .articleLink a span{
display:block;
_display:inline;
background: url(../img/index/bg_articleLink_right.png) right top no-repeat;
padding:7px 30px 0 18px;
height:19px;
}
#index #article .recent .articleLink a:hover{
text-decoration:none;
background:url(../img/index/bg_articleLink_left_over.png) left top no-repeat;
}
#index #article .recent .articleLink a:hover span{
text-decoration:none;
background: url(../img/index/bg_articleLink_right_over.png) right top no-repeat;
}

#index #article .recent .boxCont{
background:url(../img/index/box-cont.jpg) repeat-y;
padding:14px 14px 10px 14px;
margin-bottom:0;
}


#index #article .recent .boxCont{
background:url(../img/index/box-cont.jpg) repeat-y;
padding:14px 14px 10px 14px;
margin-bottom:0;
}

* html #index #article .recent .boxCont{height:1%}
*:first-child+html #index #article .recent .boxCont{height:1%}

#index #article .recent .boxBottom{
background:url(../img/index/box-bottom.jpg) no-repeat 0 100%;
padding:0 0 8px;
}

#index #article .recent .boxCont .bnr{
    margin-bottom:20px;
}
#index #article .recent .boxCont .bnr img{
    margin-bottom:10px;
}

#index #article .recent .boxCont .section{
border-bottom:#dfdfdf 1px solid;
margin:0 0 20px;
padding:0 0 20px;
}

#index #article .recent .boxCont .section .cont{
float:right;
margin-bottom:0;
width:330px;
}

#index #article .recent .boxCont .section .photo{
float:left;
text-align:right;
}
#index #article .recent .boxCont .section .photo a{
display:block;
width:120px;
margin-left:5px;
padding:1px!important;
border:#DFDFDF solid 1px;
}
/*
#index #article .recent .boxCont .section .photo a:hover{
padding: 0 !important;
border:#669900 solid 2px !important;
}
*/
#index #article .recent .boxCont .section .photo a img { width: 120px; }
#index #article .recent .boxCont .section .cont dl{margin:0}
#index #article .recent .boxCont .section .cont dl dd.label,
#entry #sideBar .showcontent .label{margin:0 0 2px}

#index #article .recent .boxCont .section .cont dl dd.label a,
#entry #sideBar .showcontent .label a{
background:#ededed;
color:#135bbd;
font-size:76.9%;
padding:3px 5px 1px;
margin:0 3px 5px 0;
display:inline-block;
line-height:1;
}

#index #article .recent .boxCont .section .cont dl dd.label a:hover,
#entry #sideBar .showcontent .label a:hover{
background:#3270c4;
color:#fff;
text-decoration:none;
}

#index #article .recent .boxCont .section .cont dl dt{
margin:5px 0 10px;
padding-right:10px;
font-weight:bold;
color:#222;
font-size:105%;
}
#index #article .recent .boxCont .section .cont dl dd.excerpt {
margin-bottom: 10px;
}
#index #article .recent .boxCont .section .cont dl dd.excerpt a {
color: #1359bd;
text-decoration: underline;
}

#index #article .recent .boxCont .section .cont dl dd.date{
color:#666;
font-size:80%;
float:left;
padding-top:2px;
}
#index #article .recent .boxCont .section .cont dl dd{
font-size:90%;
}

*:first-child+html#index #article .recent .boxCont .section .cont dl dd.date{
zoom:1;
display:inline;
}

#index #article .recent .boxCont .section .cont dl dd.social{
float:left;
padding-left:10px;
}

*:first-child+html#index #article .recent .boxCont .section .cont dl dd.social{
display:inline;
margin:0 0 0 6em;
}

* html #article .recent .boxCont .section .cont div,
*:first-child+html #article .recent .boxCont .section .cont div{
    display:inline-block;
    zoom:1;
    padding-top:15px;
}

#index #article .recent .boxCont .section .cont dl dd.social ul{margin-bottom:0}

#index #article .recent .boxCont .section .cont dl dd.social ul li{
display:inline;
margin:0 0 0 10px;
}



#index #article .recent .boxCont .section .cont dl dd.social ul li img{
vertical-align:middle;
}

#index #article .recent .boxCont .more{
/*margin-top:-19px;*/
text-align:center;
}

#index #article .recent .boxCont .more a{
background:#ebebeb;
color:#1359bd;
display:block;
font-weight:bold;
font-size:84.6%;
padding:10px;
}

#index #article .recent .boxCont .more a:hover{
background:#f3f3f3;
text-decoration:none;
color:#8cacdd;
}

#index #article .recent #cont13 h3{
    margin-bottom:5px;
    text-align:center;
}

#index #article .recent #cont13 #timeline h3{
    margin-bottom:0;
    text-align:left;
}

#index #article .recent #cont11 .karuta:before,
#index #article .recent #cont11 .karuta:after{
content:"";
display:table;
}

#index #article .recent #cont11 .karuta:after{
clear:both;
}

#index #article .recent #cont11 .karuta{
zoom:1;
}

#index #article .recent #cont11 .karuta .more{
    clear:both;
}


#index #article .recent #cont13 .more,
#index #article .recent #cont14 .more{
margin: 0 0 15px;
}

#index #article .recent #cont13 li.pkg,
#index #article .recent #cont14 li.pkg{
padding: 0 0 15px;
}


#index #article .category #sideNav{
background:url(../img/index/side-nav.gif) no-repeat 0 26px;
position:absolute;
left:0;
top:0;
z-index:200;
}

#index #article .category #sideNav dt,
#index #article .category #sideNav dd{
line-height:0;
font-size:0;
}

#index #article .category #sideNav dd a{
display:block;
height:37px;
width:215px;
text-indent:-10000px;
outline:none;
}

#index #article .category #sideNav dd.nav01 a,
#index #article .category #sideNav dd.nav02 a,
#index #article .category #sideNav dd.nav14 a{
height:40px;
}


#index #article .category #sideNav dd.nav01 a{
background:url(../img/index/side-nav.gif) no-repeat 0px 0;
}

#index #article .category #sideNav dd.nav02 a{
background:url(../img/index/side-nav.gif) no-repeat 0px -39px;
}

#index #article .category #sideNav dd.nav03 a{
background:url(../img/index/side-nav.gif) no-repeat 0px -80px;
}

#index #article .category #sideNav dd.nav04 a{
background:url(../img/index/side-nav.gif) no-repeat 0px -119px;
}

#index #article .category #sideNav dd.nav05 a{
background:url(../img/index/side-nav.gif) no-repeat 0px -158px;
}

#index #article .category #sideNav dd.nav06 a{
background:url(../img/index/side-nav.gif) no-repeat 0px -197px;
}

#index #article .category #sideNav dd.nav07 a{
background:url(../img/index/side-nav.gif) no-repeat 0px -236px;
}

#index #article .category #sideNav dd.nav08 a{
background:url(../img/index/side-nav.gif) no-repeat 0px -275px;
}

#index #article .category #sideNav dd.nav09 a{
background:url(../img/index/side-nav.gif) no-repeat 0px -314px;
}

#index #article .category #sideNav dd.nav10 a{
background:url(../img/index/side-nav.gif) no-repeat 0px -353px;
}

#index #article .category #sideNav dd.nav11 a{
background:url(../img/index/side-nav.gif) no-repeat 0px -392px;
}

#index #article .category #sideNav dd.nav12 a{
background:url(../img/index/side-nav.gif) no-repeat 0px -431px;
}

#index #article .category #sideNav dd.nav13 a{
background:url(../img/index/side-nav.gif) no-repeat 0px -470px;
}
#index #article .category #sideNav dd.nav14 a{
background:url(../img/index/side-nav.gif) no-repeat 0px -509px;
}



#index #article .category #sideNav dd.nav01 a:hover{
background:url(../img/index/side-nav.gif) no-repeat -215px 0;
}

#index #article .category #sideNav dd.nav02 a:hover{
background:url(../img/index/side-nav.gif) no-repeat -215px -39px;
}

#index #article .category #sideNav dd.nav03 a:hover{
background:url(../img/index/side-nav.gif) no-repeat -215px -80px;
}

#index #article .category #sideNav dd.nav04 a:hover{
background:url(../img/index/side-nav.gif) no-repeat -215px -119px;
}

#index #article .category #sideNav dd.nav05 a:hover{
background:url(../img/index/side-nav.gif) no-repeat -215px -158px;
}

#index #article .category #sideNav dd.nav06 a:hover{
background:url(../img/index/side-nav.gif) no-repeat -215px -197px;
}

#index #article .category #sideNav dd.nav07 a:hover{
background:url(../img/index/side-nav.gif) no-repeat -215px -236px;
}

#index #article .category #sideNav dd.nav08 a:hover{
background:url(../img/index/side-nav.gif) no-repeat -215px -275px;
}

#index #article .category #sideNav dd.nav09 a:hover{
background:url(../img/index/side-nav.gif) no-repeat -215px -314px;
}

#index #article .category #sideNav dd.nav10 a:hover{
background:url(../img/index/side-nav.gif) no-repeat -215px -353px;
}

#index #article .category #sideNav dd.nav11 a:hover{
background:url(../img/index/side-nav.gif) no-repeat -215px -392px;
}

#index #article .category #sideNav dd.nav12 a:hover{
background:url(../img/index/side-nav.gif) no-repeat -215px -431px;
}

#index #article .category #sideNav dd.nav13 a:hover{
background:url(../img/index/side-nav.gif) no-repeat -215px -470px;
}


#index #article .category #sideNav dd.nav14 a:hover{
background:url(../img/index/side-nav.gif) no-repeat -215px -509px;
}

#index #article .category #sideNav dd.nav01 a.c{
background:url(../img/index/side-nav.gif) no-repeat -430px -0px;
}

#index #article .category #sideNav dd.nav02 a.c{
background:url(../img/index/side-nav.gif) no-repeat -430px -39px;
}

#index #article .category #sideNav dd.nav03 a.c{
background:url(../img/index/side-nav.gif) no-repeat -430px -80px;
}

#index #article .category #sideNav dd.nav04 a.c{
background:url(../img/index/side-nav.gif) no-repeat -430px -119px;
}

#index #article .category #sideNav dd.nav05 a.c{
background:url(../img/index/side-nav.gif) no-repeat -430px -158px;
}

#index #article .category #sideNav dd.nav06 a.c{
background:url(../img/index/side-nav.gif) no-repeat -430px -197px;
}

#index #article .category #sideNav dd.nav07 a.c{
background:url(../img/index/side-nav.gif) no-repeat -430px -236px;
}

#index #article .category #sideNav dd.nav08 a.c{
background:url(../img/index/side-nav.gif) no-repeat -430px -275px;
}

#index #article .category #sideNav dd.nav09 a.c{
background:url(../img/index/side-nav.gif) no-repeat -430px -314px;
}

#index #article .category #sideNav dd.nav10 a.c{
background:url(../img/index/side-nav.gif) no-repeat -430px -353px;
}

#index #article .category #sideNav dd.nav11 a.c{
background:url(../img/index/side-nav.gif) no-repeat -430px -392px;
}

#index #article .category #sideNav dd.nav12 a.c{
background:url(../img/index/side-nav.gif) no-repeat -430px -431px;
}

#index #article .category #sideNav dd.nav13 a.c{
background:url(../img/index/side-nav.gif) no-repeat -430px -470px;
}

#index #article .category #sideNav dd.nav14 a.c{
background:url(../img/index/side-nav.gif) no-repeat -430px -509px;
}

#index #article .category #sideNav dd.nav01 a.c:hover{
background:url(../img/index/side-nav.gif) no-repeat -430px -0px;
}

#index #article .category #sideNav dd.nav02 a.c:hover{
background:url(../img/index/side-nav.gif) no-repeat -430px -39px;
}

#index #article .category #sideNav dd.nav03 a.c:hover{
background:url(../img/index/side-nav.gif) no-repeat -430px -80px;
}

#index #article .category #sideNav dd.nav04 a.c:hover{
background:url(../img/index/side-nav.gif) no-repeat -430px -119px;
}

#index #article .category #sideNav dd.nav05 a.c:hover{
background:url(../img/index/side-nav.gif) no-repeat -430px -158px;
}

#index #article .category #sideNav dd.nav06 a.c:hover{
background:url(../img/index/side-nav.gif) no-repeat -430px -197px;
}

#index #article .category #sideNav dd.nav07 a.c:hover{
background:url(../img/index/side-nav.gif) no-repeat -430px -236px;
}

#index #article .category #sideNav dd.nav08 a.c:hover{
background:url(../img/index/side-nav.gif) no-repeat -430px -275px;
}

#index #article .category #sideNav dd.nav09 a.c:hover{
background:url(../img/index/side-nav.gif) no-repeat -430px -314px;
}

#index #article .category #sideNav dd.nav10 a.c:hover{
background:url(../img/index/side-nav.gif) no-repeat -430px -353px;
}

#index #article .category #sideNav dd.nav11 a.c:hover{
background:url(../img/index/side-nav.gif) no-repeat -430px -392px;
}

#index #article .category #sideNav dd.nav12 a.c:hover{
background:url(../img/index/side-nav.gif) no-repeat -430px -431px;
}

#index #article .category #sideNav dd.nav13 a.c:hover{
background:url(../img/index/side-nav.gif) no-repeat -430px -470px;
}

#index #article .category #sideNav dd.nav14 a.c:hover{
background:url(../img/index/side-nav.gif) no-repeat -430px -509px;
}

#index #article .category .sideNaviKaruta{
width:199px;
padding:0 0 15px;
margin-top:-15px;
margin-bottom:15px;
background: url("../img/common/bg-side-separator.gif") repeat-x scroll 0px 100% transparent;
}
#index #article .category .sideNaviKaruta h3{
margin:0 0 15px;
padding:0;
}
#index #article .category .sideNaviKaruta .thumbnail{
float:left;
}
#index #article .category .sideNaviKaruta .thumbnail img{
width:80px;
height:auto;
}
#index #article .category .sideNaviKaruta .text{
float:right;
width:110px;
}
#index #article .category .sideNaviKaruta .text a{
text-decoration:none;
}
#index #article .category .sideNaviKaruta .text p{
margin:0 0 10px;
padding:0;
font-size:0.9em;
}
#index #article .category .sideNaviKaruta .text .karutaTitle{
font-weight:bold;
}
#index #article .category .sideNaviKaruta .text p.tRight{
text-align:right;
color:#0043CC;
}

#index #article .category .sectionH3{
background:url(../img/common/bg-side-separator.gif) repeat-x 0 100%;
margin:0 0 10px;
padding:0 0 10px;
}

#index #article .category .sectionH3 h3{
padding:5px 0 5px 30px;
font-size:0.88em;
}

#index #article .category .h301 h3{
background:url(../img/index/side-twitter.jpg) no-repeat;
z-index:10;
}

* html #index #article .category .h301 h3{
height:1%;
}

#index #article .category .h302 h3{
background:url(../img/index/side-fb.jpg) no-repeat;
}

#index #article .category .h303 h3{
background:url(../img/index/side-google.jpg) no-repeat;
}

#index #article .category .h304 h3{
background:url(../img/index/side-youtube.jpg) no-repeat;
}

#index #article .category .h305 h3{
background:url(../img/index/side-rss.jpg) no-repeat;
}

#index #article .category .h306 h3{
background:url(../img/index/side-mob.jpg) no-repeat;
}

#index #article .category .sectionH3 h3 a{
color:#0044cc;
font-weight:bold;
}

#index #article .category .sectionH3 p{
font-size:76.9%;
}

*:first-child+html #index #article .category .sectionH3 p{
    font-size:11px;
}


#index #article .category .h301 .tweetArea{
background:url(../img/index/bg-side-twitter.jpg) no-repeat;
position:relative;
zoom:1;
}
#index #article .category .h301 iframe{
margin-top:10px;
}

#index #article .category .h301 .tweetArea p{
margin:0 0 0 auto;
height:107px;
width:104px;
text-align:left;
zoom:1;
_font-size:11px;
}


* html #index #article .category .h301 .tweetArea p{
    margin-left:100px;
}


#index #article .category .h301 .tweetArea .tweet{
width:174px;
padding:0 10px 6px;
text-align:left;
line-height:130%;
font-size:11px!important;
_width:194px;
background:url(../img/index/bg-side-twitter_bottom.gif) left bottom no-repeat;
}

#index #article .category .h301 .tweetArea .tweet a{
color:#135bbd;
font-size:76.9%;
}

#index #article .category .h306 div{
text-align:center;
}

/***********************************************/
/* old page styles                            */
/***********************************************/

#page h1 {
font-size: 170%;
}

#page h2 {
font-size: 135%;
}

#page h3 {
font-size: 120%;
}

#page h4 {
font-size: 100%;
}


/*** Parts Styles **************************************/

#page .pageDecoration h1,#page .pageDecoration h2,#page .pageDecoration h3,#page .pageDecoration p,#page .pageDecoration dl dd,#page .pageDecoration ul {
margin-bottom: 10px;
}

#page .pageDecoration address {
font-style: normal;
margin-bottom: 10px;
padding: 5px;
background: #eee;
border: solid 1px #ccc;
}

#page .pageDecoration dl dt {
font-weight: bold;
}

#page .pageDecoration .commentTest table th,
#page .pageDecoration .commentTest table td {
border: solid 1px #666;
}

#page .postPreview {
width: 550px;
border-collapse: collapse;
margin: 0px 10px 15px;
text-align: center;
}


#page .pageDecoration .commentTest .postPreview th,
#page .pageDecoration .commentTest .postPreview td {
border: solid 1px #acacac;
padding: 3px;
text-align: left;
}

#page .pageDecoration .tCenter input {
width: 350px;
}

#page .pageDecoration .contactForm .attention p {
background: #ffb8c;
border: solid 1px #ff495f;
padding: 5px;
}

#page .pageDecoration .contactForm table {
width: 550px;
margin-bottom: 15px;
border-collapse: collapse;
}


#page .pageDecoration .contactForm table th {
width: 20%;
background: #f8f8f8;
}

#page .pageDecoration .contactForm table td {
width: 80%;
}

#page .pageDecoration .contactForm table th,
#page .pageDecoration .contactForm table td {
vertical-align: top;
border: solid 1px #acacac;
padding: 5px;
}

#page .pageDecoration .contactForm table td textarea {
width: 98%;
font-size: 100%;
font-family: Helvetica, Arial, Osaka, Meiryo, "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "ＭＳ Ｐ ゴシック";
}

/*#page .pageDecoration .contactForm .tCenter input {
width:160px;
font-size: 14px;
padding:5px;
margin:0 10px;
}*/
#page .pageDecoration .contactForm .tCenter input {
width: auto;
font-size: 100%;
font-family: Helvetica, Arial, Osaka, Meiryo, "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "ＭＳ Ｐ ゴシック";
}

#page .pageDecoration h1{
/*font-size:208%;*/
font-weight:bold;
margin:0 0 20px;
}

#page .pageDecoration a{
color:#1359bd;
text-decoration:underline;
}

#page .pageDecoration p{
color:#1f1f1f;
/*font-size:115.4%;*/
margin:0 0 1em;
line-height:1.5;
}

#page .pageDecoration h2{
background:url(../img/entry/bg_entry_h2.gif) repeat-x 0 100%;
/*font-size:153.8%;*/
font-weight:bold;
padding-bottom:15px;
margin-bottom:20px;
}

#page .pageDecoration h3{
background:url(../img/entry/bg_entry_h3.jpg) repeat-x 0 100%;
/*font-size:138.5%;*/
font-weight:bold;
padding:0 5px 10px;
margin-bottom:20px;
}

#page .pageDecoration h4{
background:url(../img/entry/bg_entry_h4.gif);
border-bottom:#ccc 1px solid;
border-top:#ccc 1px solid;
font-size:123.1%;
font-weight:bold;
padding:10px 5px;
margin-bottom:20px;
}




/*** ranking *****************************************/

#page .pageDecoration .rankBody ul,
#page .pageDecoration .rankBody ol {
list-style: none;
margin-bottom: 15px;
}

#page .pageDecoration .rankBody ol li {
padding: 2px 0px 2px 30px;
}

#page .pageDecoration .rankBody ul li {
padding: 2px 0px;
}

/*** special contents ********************************/

#page h1.spContents {
margin-bottom: 15px;
/*width: 656px;*/
}
#page .spContentsBox {
width: 656px;
/*margin:0 0 15px 12px;
_margin-left:7px;*/
margin-bottom: 15px;
background: url(../images/bg_spcontents_bottom.jpg) no-repeat 0% 100%;
float: left;
}
#page .spContentsBoxInner {
/*width:626px;
_width:656px;*/
background: url(../images/bg_spcontents_top.jpg) no-repeat 0% 0%;
padding:15px;
float:left;
}
#page .spDescription {
/*width: 450px;*/
width: 455px;
/*font-size:0.9em;*/
float: right;
}
#page .spDescription h2{
margin-bottom:4px;
}
#page .spContentsBoxInner img {
/*padding: 1px;
border: 1px solid #ccc;
float: left;*/
margin-right: 15px;
float: left;
}
/*
#page .spContentsBoxInner a:hover img {
padding: 0 !important;
border:#669900 solid 2px !important;
}
*/

/*** sitemap ****/

#page table.sitemap {
border-collapse:collapse;
font-size:100%;
}
#page table.sitemap th {
background: #efefef;
border: solid 1px #ccc;
padding: 5px;
text-align: left;
}
#page table.sitemap td {
vertical-align: top;
border: solid 1px #ccc;
padding: 3px 3px 10px;
}

/*** guide *****/

#page .guide h1,
#page .guide h2,
#page .guide h3,
#page .guide p {
margin-bottom: 10px;
}
#page .guide h2 {
background: url(../images/icon_star.jpg) no-repeat 0% 0%;
padding: 2px 5px 5px 35px;
}
#page .guide h3 {
font-size: 100%;
border-left: solid 8px #fc0;
padding-left: 3px;
margin-left: 15px;
}
#page .guide p {
margin-left: 15px;
margin-bottom: 15px;
}
#page .guide p.guideDescription {
border-top: solid 3px #ccc;
border-bottom: solid 3px #ccc;
padding: 8px 0px;
margin-left: 0px;
}
#page .guide ul,
#page .guide ol {
margin-left: 50px;
margin-bottom: 10px;
}
#page .guide ul li {
list-style: disc;
padding-left: 5px;
}
#page .guide ul.social li {
list-style: none;
padding-left: 0px;
}
#page .guide ol li {
padding-left: 5px;
}
#page .guide ul.securityList {
margin-left : 0;
padding; 0;
}
#page .guide ul.securityList li{
list-style: none;
margin: 0px 10px 15px 0px;
padding: 0;
display: inline-block;
width: 325px;
text-align: center;
}


/*** zenback ***/

html body#page .zenback #zenback-news {
font-size: 85%;
border-color: #fff;
background: #efefef;
}

html body#page .zenback .zenback-keywords ul.zenback-list li,
html body#page .zenback .zenback-links ul.zenback-list li {
font-size: 85%;
}

html body#page .zenback .zenback-keywords ul.zenback-list li a,
html body#page .zenback .zenback-links ul.zenback-list li a {
color: #999;
}

html body#page .zenback .zenback-powered span {
padding: 0px !important;
}

html body#page .zenback .zenback-powered span img {
width: 140px;
}

html body#page .zenback .zenback-pending,
html body#page .zenback .zenback-entries ul {
background: #FFFAC8 !important;
border: 2px solid #7FC527 !important;
font-weight: bold;
padding: 10px !important;
}

html body#page .zenback .zenback-twitter ul {
background: #f4fcff;
font-size: 90%;
border: 1px solid #44C2E4;
}

/*** quakeMessage ***/

#page .quakeMessage {
background: #eef3ff;
border: solid 1px #03a;
padding: 10px;
margin-bottom: 20px;
}


/*** loupe ***/

#page .comic {
width: 150px;
_width: 150px;
float: right;
background: #fff8f8;
border: solid 1px #f8cccc;
padding: 10px;
margin: 0px 0px 10px 10px;
text-align :center;
}

#page .comic span {
font-size: 80%;
color: #666;
}

#page .comic h2 {
font-size: 85%;
color: #f80066;
line-height: 1.3;
margin-bottom: 10px;
}

#page .comicInner {
width: 410px;
margin: 0px auto;
}

#page .comicInner .comicLeft {
width: 200px;
float: right;
}

#page .comicInner .comicRight {
width: 200px;
float: left;
}

#page .comicInner img {
margin-bottom: 10px;
}





/** securitycollection **/

#page #keywords {
clear: both;
}

#page .pkg:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
#page .pkg { display: inline-block; }
/* no ie mac \*/
* html #page .pkg { height: 1%; }
#page .pkg { display: block; }
/* */

#page #securitycollection {
margin-bottom: 20px;
position: relative;
width: 680px;
float: left;
}
/*
#page #securitycollection-inner {
background: #FFF6FA;
position: relative;
}
*/
#page #securitycollection-inner {
background: #fff;
position: relative;
}

#page #securitynews {
float: left;
background: #FFF;
position: relative;
width: 450px;
padding-right: 9px;
}

#page #securitytweet {
float: right;
position: relative;
width: 221px;
}

#page ul#timeline {
position: relative;
margin-bottom: 10px;
}

#page #securitynews ul#timeline {
width: 450px;
}
/*
#page #securitytweet ul#timeline {
margin-top: 10px;
width: 221px;
height: 385px;
overflow-y: auto;
overflow-x: hidden;
background-color:#fff8f8;
}
*/
#page #securitytweet ul#timeline {
background-color: #FFF8F8;
height: 385px;
margin-bottom: 0;
padding-top: 10px;
margin-top: 0px;
overflow-x: hidden;
overflow-y: auto;
width: 221px;
}
#page #securitytweet ul#timeline2 {
background-color: #FFF8F8;
height: 385px;
margin-bottom: 0;
padding-top: 10px;
margin-top: 0px;
overflow-x: hidden;
overflow-y: auto;
width: 221px;
}

#page #securitynews ul#timeline li {
clear: both;
border-bottom: 1px solid #CCCCCC;
padding: 10px 10px;
}

#page ul#timeline.twitter li {
border-bottom: none;
font-size: 75%;
margin-bottom: 15px;
position: relative;
padding: 0 20px 0 10px;
}

#page ul#timeline div.data p {
font-size: 75%;
}

#page ul#timeline div.data h3 {
font-size: 95%;
}

#page ul#timeline div.data h3 a {
background: url(/securitycollection/images/icon_blank.gif) no-repeat right center;
padding-right: 12px;
font-size: 100%;
}

#page #securitynews ul#timeline div.data,
#page #securitytweet ul#timeline div.data {
float: right;
}
#page #securitytweet ul#timeline2 div.data {
float: right;
}

#page #securitytweet ul#timeline div.data {
width: 140px;
}
#page #securitytweet ul#timeline2 div.data {
width: 140px;
}




#page #securitynews ul#timeline div.data {
width: 372px;
}

#page #securitynews ul#timeline div.data p span.category,
#page #securitycollection .data p span.category {
text-decoration: none;
background: #E3EEFF;
color: #333;
font-weight: normal;
}

#page ul#timeline div.data p span {
font-weight: bold;
color: #999999;
margin-right: 0.75em;
}


#page ul#timeline img {
margin-right: 5px;
}

#page #securitynews ul#timeline img {
border: 1px solid #CCCCCC;
}

#page ul#timeline li a.thumb {
width: 48px;
height: 38px;
overflow: hidden;
float: left;
}

#page ul#timeline.twitter li a.thumb {
overflow: hidden;
width: 30px;
height: 30px;
}

#page ul#timeline.twitter li div.thumb {
overflow: hidden;
width: 30px;
height: 30px;
float: left;
}

#page ul#timeline.twitter div.data p.content,
#page ul#timeline.twitter div.data p.meta {
font: 0.75em 'Lucida Grande', sans-serif;
color: #999999;
}

#page ul#timeline.twitter div.data p.content {
font-size: 100%;
color: #333333;
}

#page ul#timeline.twitter div.data p.content a {
text-decoration: none;
margin-right: 0.5em;
color: #2277BB;
}

#page ul#timeline.twitter div.data p.content a.link {
margin-left: 0.5em;
}

#page ul#timeline.twitter div.data p.meta  {
margin-top: 0.5em;
font-size: 100%;
}


/* top twitter timeline2  start*/

#page ul#timeline2 {
position: relative;
margin-bottom: 10px;
}


#page ul#timeline2.twitter li {
border-bottom: none;
font-size: 75%;
margin-bottom: 15px;
position: relative;
padding: 0 20px 0 10px;
}

#page ul#timeline2 div.data p {
font-size: 75%;
}

#page ul#timeline2 div.data h3 {
font-size: 95%;
}

#page ul#timeline2 div.data h3 a {
background: url(/securitycollection/images/icon_blank.gif) no-repeat right center;
padding-right: 12px;
font-size: 100%;
}



#page ul#timeline2 div.data p span {
font-weight: bold;
color: #999999;
margin-right: 0.75em;
}


#page ul#timeline2 img {
margin-right: 5px;
}


#page ul#timeline2 li a.thumb {
width: 48px;
height: 38px;
overflow: hidden;
float: left;
}

#page ul#timeline2.twitter li a.thumb {
overflow: hidden;
width: 30px;
height: 30px;
}

#page ul#timeline2.twitter li div.thumb {
overflow: hidden;
width: 30px;
height: 30px;
float: left;
}

#page ul#timeline2.twitter div.data p.content,
#page ul#timeline2.twitter div.data p.meta {
font: 0.75em 'Lucida Grande', sans-serif;
color: #999999;
}

#page ul#timeline2.twitter div.data p.content {
font-size: 100%;
color: #333333;
}

#page ul#timeline2.twitter div.data p.content a {
text-decoration: none;
margin-right: 0.5em;
color: #2277BB;
}

#page ul#timeline2.twitter div.data p.content a.link {
margin-left: 0.5em;
}

#page ul#timeline2.twitter div.data p.meta  {
margin-top: 0.5em;
font-size: 100%;
}

/* top twitter timeline2 end  */

#page #securitynews-inner p.lead {
color: #999999;
font-size: 75%;
margin: 10px 10px 0px;
}

#page #securitynews-inner p.more {
text-align: right;
}

#page #securitynews-inner p.more a,
#page #tweetfooter li.more a {
background: url(/securitycollection/images/icon_arrow.gif) no-repeat left center;
padding-left: 10px;
font-size: 90%;
padding-right: 10px;
}

#page #tweetfooter li.more a {
padding-right: 0;
}

#page #securitynews-inner,
#page #securitytweet-inner {
padding-bottom: 15px;
position: relative;
}
/*
#page #securitytweet-inner {
padding-bottom: 0px;
margin-bottom: 30px;
}
*/
#page #securitytweet-inner {
margin-bottom: 0;
padding-bottom: 0;
}

#page #securitynews-inner {
background: #F8FFF6;
min-height: 480px;
}

*html #page #securitynews-inner {
height: 480px;
}
/*
#page #tweetfooter {
position: absolute;
bottom: 0px;
width: 201px;
height: 10px;
padding: 0 10px;
right: 0px;
display: block;
clear: both;
}
*/
#page #tweetfooter {
background: none repeat scroll 0 0 #FFE0E0;
clear: both;
display: block;
height: 30px;
padding: 10px;
position: absolute;
right: 0;
width: 201px;
}

#page #tweetfooter li.logo {
float: left;
}

#page #tweetfooter li.more {
float: right;
}

#page .collectionCaution {
color: #555;
font-size: 11px;
padding: 10px;
margin-bottom: 20px;
background: #f8f8f8;
border: solid 1px #cfcfcf;
clear: both;
}

#page .collectionCaution p {
font-family: 'ＭＳ Ｐゴシック', sans-serif;
font-size: 11px;
}

/*  facebook start */
#page .pageDecoration .facebookForm  {
/* padding-left:50px */
}
#page .pageDecoration .facebookForm .facebookinfo {
border:1px solid #CCCCCC;
padding:10px;
margin:10px 0 0 0;
}

#page .pageDecoration .facebookForm .attention p {
background: #ffb8c;
border: solid 1px #ff495f;
padding: 5px;
}

#page .pageDecoration .facebookForm table {
width: 550px;
margin-bottom: 15px;
border-collapse: collapse;
}


#page .pageDecoration .facebookForm table th {
width: 40%;
background: #f8f8f8;
}

#page .pageDecoration .facebookForm table td {
width: 80%;
}

#page .pageDecoration .facebookForm table th,
#page .pageDecoration .facebookForm table td {
vertical-align: top;
border: solid 1px #acacac;
padding: 5px;
}

#page .pageDecoration .facebookForm table td textarea {
width: 98%;
font-size: 100%;
font-family: Helvetica, Arial, Osaka, Meiryo, "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "ＭＳ Ｐ ゴシック";
}

#page .pageDecoration .facebookForm .tCenter input {
width: auto;
font-size: 100%;
font-family: Helvetica, Arial, Osaka, Meiryo, "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3", "ＭＳ Ｐ ゴシック";
}

/* facebook end */

#page .seccolleDescription {
color: #555;
font-size: 95%;
margin: 0px 5px 0;
}



/*  fresh now  start */


html body#page #fnow li {
width:595px;
padding: 8px 0 8px 0;
margin:0;
float: left;
margin-bottom: 0px;
}
#page #fnow .tbar {
border-bottom: solid 1px #ccc;
}

html body#page #fnow ul li .thumbnail {
width: 45px;
padding:0;
float: left;
}

#page #fnow ul li .thumbnail img {
padding:0;
margin-left: 5px;
}

#page #fnow ul li .text {
padding:0;
width: 550px;
float: right;%0
}

/*　ranking
-----------------------------------------------*/

.rankBody{
 margin:25px 15px 0 13px;
 padding:0 0 20px;
}

.rankBody h2{
 background:url(../img/entry/bg_entry_h2.gif) repeat-x 0 100%;
 font-size:153.8%;
 font-weight:bold;
 padding-bottom:15px;
 margin-bottom:20px;
 clear: both;
}

.rankBody ul li{
 margin:0 0 5px;
 padding:0 0 0 50px;
}

.rankBody ul li.rank1,
.rankBody ul li.rank2,
.rankBody ul li.rank3{
 margin:0 0 10px;
}

.rankBody ul li a{
 border-bottom:#ccc 1px dotted;
 display:block;
 padding:5px 0;
}

.rankBody ul li.rank1 a,
.rankBody ul li.rank2 a,
.rankBody ul li.rank3 a{
 font-size:107.7%;
 font-weight:bold;
 padding:10px 0;
}

.rankBody ul li.rank1{
 background:url(../img/ranking/icon_001.gif) no-repeat 0 50%;
 _height:32px;
 min-height:32px;
}
.rankBody ul li.rank2{
 background:url(../img/ranking/icon_002.gif) no-repeat 0 50%;
 _height:32px;
 min-height:32px;
}
.rankBody ul li.rank3{
 background:url(../img/ranking/icon_003.gif) no-repeat 0 50%;
 _height:32px;
 min-height:32px;

}
.rankBody ul li.rank4{
 background:url(../img/ranking/icon_004.gif) no-repeat 0 50%;
}
.rankBody ul li.rank5{
 background:url(../img/ranking/icon_005.gif) no-repeat 0 50%;
}
.rankBody ul li.rank6{
 background:url(../img/ranking/icon_006.gif) no-repeat 0 50%;
}
.rankBody ul li.rank7{
 background:url(../img/ranking/icon_007.gif) no-repeat 0 50%;
}
.rankBody ul li.rank8{
 background:url(../img/ranking/icon_008.gif) no-repeat 0 50%;
}
.rankBody ul li.rank9{
 background:url(../img/ranking/icon_009.gif) no-repeat 0 50%;
}
.rankBody ul li.rank10{
 background:url(../img/ranking/icon_010.gif) no-repeat 0 50%;
}
.rankBody ul li.rank11{
 background:url(../img/ranking/icon_011.gif) no-repeat 0 50%;
}
.rankBody ul li.rank12{
 background:url(../img/ranking/icon_012.gif) no-repeat 0 50%;
}
.rankBody ul li.rank13{
 background:url(../img/ranking/icon_013.gif) no-repeat 0 50%;
}
.rankBody ul li.rank14{
 background:url(../img/ranking/icon_014.gif) no-repeat 0 50%;
}
.rankBody ul li.rank15{
 background:url(../img/ranking/icon_015.gif) no-repeat 0 50%;
}

.rankBody dl{
 float: left;
 margin: 10px 0px 40px;
}
.rankBody dl dt{
 float: left;
 margin: 0px 9px;
}
.rankBody dl dd{
 float: left;
 width: 100px;
 font-weight: bold;
}
/***********************************************/

#page.system #articlesMain{
 padding:0 20px 20px 20px;
}
#page.system #article .article{
 border-bottom:#ccc 1px solid;
 margin:0 0 10px;
 padding:0 0 10px;
}
#page.system #article .article .photo{
    margin-right: 10px;
    float: left;
}
#page.system #article .article .category a {
    background: none repeat scroll 0 0 #EDEDED;
    color: #135BBD;
    font-size: 76.9%;
    margin: 0 5px 0 0;
    padding: 2px 5px;
}

#page.system #article .article .category a:hover{
    background:#3270c4;
    color:#fff;
    text-decoration:none;
}

#page.system #article .article .datetime{
    color: #666666;
    font-size: 76.9%;
}
#page.system #article h1{
    font-size:180%;
    padding:8px;
}
#page.system #article .article h2{
 margin-top:10px;
 font-size:120%;
}

/************** 2014/2/7 Lineボタン追加 **************/
#article .sectionH2 .socialArea .line{
position:absolute;
left: 280px;
top: 11px;
}

/************** 2015/1/14 モジュール追加 **************/
.title_green{
  padding: 0 28px;
  margin: 0 0 20px 0;
  color: #3b9a20;
  font-size: 150%;
}
.section_titleBlock{
  padding: 0 15px;
  margin: 0 13px 30px;
}
.section_titleBlock_last{
  border-bottom: #dfdfdf 1px solid;
  padding: 0 15px 30px;
  margin: 0 13px 20px;
}
.section_titleBlock h4{
  font-size: 120%;
  margin: 0 0 10px 0;
}
.section_titleBlock .date{
  float: left;
  margin: 0 25px 0 0;
}
.section_titleBlock .social li{
  float:left;
  background:url('../img/common/social-icon_bg.gif') no-repeat top right;
  position:relative;
  margin-right:10px;
  text-align:right;
  min-height:17px;
}
.section_titleBlock .social li img{
  position:absolute;
  top:0;
  left:0;
}
.section_titleBlock .social li span{
  color:#555;
  font-weight:bold;
  display:block;
  width: auto;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  padding:3px 8px 0 22px;
  line-height:1;
}
.backnumber_banner{
  text-align: center;
  margin: 0 0 30px 0;
}

/************** 2015/10/30 10周年記念企画用スタイル追加 **************/
.product_wrapper_top{
  padding: 3px 0 0 0;
  margin: 0 0 30px 0;
  background: url(/common/images/productBox_top.png) center top no-repeat;
}
.product_wrapper_middle{
  padding: 20px;
  background: url(/common/images/productBox_middle.png) center top repeat-y;
}
.product_wrapper_bottom{
  padding: 0 0 5px 0;
  background: url(/common/images/productBox_bottom.png) center bottom no-repeat;
}
#entry #article .sectionH2 .entryBody .product_wrapper_middle h4{
  /*background: none;*/
  border:none;
  margin: 0 0 40px 0;
  padding:0;
}
.product_box{
    padding: 0 0 10px 0;
    margin: 20px 0 0 0;
    border-bottom:1px solid #ddd;
}
.product_box:last-child {
  border-bottom: none;
}
.product_box_left{
    width:270px;
    float:left;
}
.product_box_right{
    width:328px;
    float:right;
}
.product_box_title{
    margin: 0 0 10px 0;
    color:#3A991E;
    font-size:16px;
}
#entry #article .sectionH2 .entryBody .product_box p{
font-size:14px;
}
.product_box_btn{
    text-align:right;
}