/* CSS Document */

/* -------------------------------------------------------------- 

	Theme Name: Bogusnews 2013 Spring
	Theme URI: http://bogusne.ws/
	Description: For bogusnews renewal
	Author: boguspokesman
	Author URI: http://bogusne.ws/
	Version: 0.1

-------------------------------------------------------------- */
* {
    padding:0;
    margin:0;
    word-break: break-all;
    text-justify: inter-ideograph;
}
p {
    margin-bottom: 1em;
}
html{
    background:url(images/body-gray.jpg);
}
body {
    background:
        url(images/wrap-bg.jpg) repeat-y
    ;
    background-position:
        center top
    ;
}
a {
    text-decoration: none;
    color: #4b4b4b;
    font-weight: bold;
}
a:hover {
    color: #9c9c9c;
}
a img {
    border:none;
}

#wrap {
    width: 960px;
    overflow: hidden;
    padding: 0;
    margin: 0 auto;
    font-family: Meiryo, Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 15px;
    line-height: 1.5;
    color: #4b4b4b;
}

#header {
    height: 220px;
}

/* =Menu
-------------------------------------------------------------- */
#access {
    position:relative;
    z-index:500;
    margin: 0 auto;
    width: 940px;
    display:block;
    float:left;
    font-family: Meiryo, Verdana, Arial, Helvetica, Sans-Serif;
    margin-top:2px;
}
#access li.menu-item.current-menu-item a {color:#ACCB9A;}
#access .menu-header,
div.menu {
	font-size: 16px;
	margin-left: 12px;
	width: 928px;
}
#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#access .menu-header li,
div.menu li {
	float:left;
	position: relative;
}
#access a {
	display:block;
	text-decoration:none;
	color:#aaa;
	padding:0 10px;
	line-height:38px;
}
#access ul ul {
	display:none;
	position:absolute;
	top:38px;
	left:0;
	float:left;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	width: 180px;
	z-index: 99999;
}
#access ul ul li {
	min-width: 180px;	
}
#access ul ul ul {
	left:100%;
	top:0;
}
#access ul ul a {
	background:#333;
	height:auto;
	line-height:1em;
	padding:10px;
	width: 160px;
}
#access li:hover > a,
#access ul ul :hover > a {
	color:#fff;
	background:#333;
}
#access ul li:hover > ul {
	display:block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #ACCB9A;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color:#fff;
}
#searchform {
    padding: 7px 0 24px 0;
    display: block;
    font-size:16px;
    *position: relative;
    *top: -35px;
}
#searchform table {
    margin-bottom: 24px;
}
#searchform input.inputs {
    padding: 2px 2px 3px 2px;
    border-top: 1px solid #efefef;
    border-right: 1px solid #ccc;
    border-left: 1px solid #efefef;
    border-bottom: 1px solid #ccc;
    margin: 0 5px;
}
#searchform input.go {
    background: bbb;
    border: 0;
    padding: 1px 5px 3px 5px;
    font-family: Meiryo, Verdana, Arial, Helvetica, Sans-Serif;
    color:aaa;
}
#logo {
    clear: both;
    height: 101px;
    background:
        url(images/header.jpg)
        repeat-x
    ;
    background-position: 0 24px;
    padding-bottom: 56px;
    margin-bottom: 50px;
    line-height: 90px;
    *background-position: 0 -15px;
}
#logo a {
    font-family: Meiryo, Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 72px;
    color: #014838;
    display: block;
    text-align: center;
    text-decoration: none;
    position: relative;
    top: 0px;
    overflow: hidden;
    z-index: 1;
    text-shadow: 3px 3px 0 #fff, 6px 6px 0 #ccc;
    padding-bottom:5px;
    *top:-25px;
}
#logo a:hover {
    color: #007d6b;
}


#main-container {width:630px; float:left; margin-right:30px; position:relative; padding-bottom:50px; margin-bottom:50px;}
a.post-title {
    x-font-family:'Neuton', serif, georgia;
    font-family: Meiryo, Verdana, Arial, Helvetica, Sans-Serif;
    color:#000000; text-decoration:none; font-weight:400; text-shadow: 2px 2px 2px #aaa; }
a.post-title:hover {color:#333333;}
.post-meta{
    font-family: Meiryo, Verdana, Arial, Helvetica, Sans-Serif;
    color:#accb9a; font-size:13px; line-height:12px; text-shadow:1px 1px 0 #575757;  }
.post-meta a {color:#accb9a; text-decoration:none;}
.post-meta a:hover {color:#333333;}
span.whitefade {position:absolute; bottom:0; background:url(images/whitefade.png) repeat-x top left; display:block; z-index:500;}


/*FEATURE STYLES*/
a#feature-image {
    padding:15px 0 8px 0; margin:0 0 18px 0; height:150px; width:630px; display:block; border-bottom:2px solid #000; border-top:2px solid #000;
}
.featured-block .post-meta {
    clear:both; margin-bottom:5px;
}
.featured-block .post-title {
    font-size: 36px;
    line-height: 34px;
    margin-bottom: 17px;
    display:block;
}
.featured-block .post-content {
    position: relative;
    width: 630px;
    display: block;
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 1.5;
}
.featured-block .post-content p {
    font-family: Meiryo, Verdana, Arial, Helvetica, Sans-Serif;
    color: #4b4b4b;
}
.featured-block .post-content span.thisjustin{
    background:
        url(images/thisjustin.png)
        no-repeat
    ;
    width: 146px;
    height: 117px;
    float: right;
}
.featured-block .post-content span.thisjustin p {
    display:block; -webkit-transform: rotate(35deg); -moz-transform: rotate(35deg);
    font-family: Meiryo, Verdana, Arial, Helvetica, Sans-Serif;
    font-size:32px; color:#000000; text-align:center; line-height:28px; position:relative; top:12px; left:15px; word-spacing: -0.173em;  text-shadow:1px 1px 0 #fff;
}
.featured-block .post-content span.whitefade {
    height: 40px;
    width: 630px;
}

a#feature-image.in_single {padding:15px 0 18px 0; margin:0 0 18px 0; height:280px; width:630px; display:block; border-bottom:2px solid #000; border-top:2px solid #000;}
.post-meta.in_single{margin-bottom:10px;}
.post-title.in_single{margin-bottom:25px; line-height:40px;}
.featured-block .post-content_single {
    position:relative;
    overflow:hidden;
    width: 630px;
    display:block;
    margin-bottom:20px;
    font-size: 15px;
    line-height: 1.5;
}
.featured-block .post-content_single p:first-child {
    x-font-family:'Puritan', Arial, Helvetica, sans-serif;
    font-family: Meiryo, Verdana, Arial, Helvetica, Sans-Serif;
    font-size:20px; color:#4b4b4b; text-shadow:1px 1px 2px #ccc; line-height:26px; padding:0 0 20px 0;}
.featured-block .post-content_single p {padding:0 0 15px 0;}
.featured-block .post-content_single ol {padding:10px 0 10px 40px;}
.featured-block .post-content_single ol li ol {padding-left:20px;}
.featured-block .post-content_single ol li ul {padding-left:20px;}
.featured-block .post-content_single ul {padding:10px 0 10px 40px;}
.featured-block .post-content_single ul li ol {padding-left:20px;}
.featured-block .post-content_single ul li ul {padding-left:20px;}


.gallery img {border: 10px solid #F1F1F1;}
.{margin: auto;}
.gallery-item 
{
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 33%;
}
.gallery-caption {
margin-left: 0;
}

.featured-block .post-content_single h1{
    font-family: Meiryo, Verdana, Arial, Helvetica, Sans-Serif;
    font-size:32px; font-weight:normal; line-height:40px; padding-bottom:10px; color:#000000;}
.featured-block .post-content_single h2{
    font-family: Meiryo, Verdana, Arial, Helvetica, Sans-Serif;
    font-size:28px; font-weight:normal; line-height:36px; padding-bottom:10px; color:#000000;}
.featured-block .post-content_single h3{
    font-family: Meiryo, Verdana, Arial, Helvetica, Sans-Serif;
    font-size:24px; font-weight:normal; line-height:30px; padding-bottom:10px; color:#000000;}
.featured-block .post-content_single h4{
    font-family: Meiryo, Verdana, Arial, Helvetica, Sans-Serif;
    font-size:20px; font-weight:normal; line-height:28px; padding-bottom:10px; color:#000000;}
.featured-block .post-content_single h5{
    font-family: Meiryo, Verdana, Arial, Helvetica, Sans-Serif;
    font-size:16px; font-weight:normal; line-height:24px; padding-bottom:10px; color:#000000;}
.featured-block .post-content_single h6{
    font-family: Meiryo, Verdana, Arial, Helvetica, Sans-Serif;
    font-size:12px; font-weight:normal; line-height:18px; padding-bottom:10px; color:#000000;}
.alignright {float:right;}
.alignleft {float:left;}
.wp-caption {padding:8px 3px 0px 3px; border:1px solid #ccc; text-align:center; margin:0 auto;}
.wp-caption.alignright {margin:8px 0 5px 15px; float:right;} 
.wp-caption.alignleft {margin:8px 15px 5px 0; float:left;}
.wp-caption.aligncenter{clear:both; margin:15px auto; display:block; clear:both; }
.wp-caption.alignnone {clear:both; margin:15px auto; display:block; clear:both; }
p.wp-caption-text {text-align:center;
    x-font-family:georgia;
    font-family: Meiryo, Verdana, Arial, Helvetica, Sans-Serif;
    font-style:italic; font-size:11px; line-height:13px;}
.featured-block .post-content_single img.right {display:inline; margin:8px 0 5px 20px; float:right;}
.featured-block .post-content_single img.left {display:inline; margin:8px 20px 5px 0; float:left}
.featured-block .post-content_single img.center {clear:both; margin:10px auto; display:block; }
.featured-block .post-content_single img.none {clear:both; margin:10px auto; display:block; }
.featured-block .post-content_single img.alignright {display:inline; margin:8px 0 5px 20px; float:right;}
.featured-block .post-content_single img.alignleft {display:inline; margin:8px 20px 5px 0; float:left;}
.featured-block .post-content_single img.aligncenter {clear:both; margin:10px auto; display:block; }
.featured-block .post-content_single img.alignnone {clear:both; margin:10px auto; display:block; }
.featured-block .post-content_single a img.alignright {display:inline; margin:8px 0 5px 20px; float:right;}
.featured-block .post-content_single a img.alignleft {display:inline; margin:8px 20px 5px 0; float:left;}
.featured-block .post-content_single a img.aligncenter {clear:both; margin:10px auto; display:block; }
.featured-block .post-content_single a img.alignnone {clear:both; margin:10px auto; display:block; }
.featured-block .post-content_single p img.alignright {display:inline; margin:20px 0 5px 20px; float:right;}
.featured-block .post-content_single p img.alignleft {display:inline; margin:20px 20px 5px 0; float:left;}
.featured-block .post-content_single p img.aligncenter {clear:both; margin:10px auto; display:block; }
.featured-block .post-content_single p img.alignnone {clear:both; margin:10px auto; display:block; }
.featured-block .post-content_single p a img.alignright {display:inline; margin:8px 0 5px 20px; float:right;}
.featured-block .post-content_single p a img.alignleft {display:inline; margin:8px 20px 5px 0; float:left;}
.featured-block .post-content_single p a img.aligncenter {clear:both; margin:10px auto; display:block; }
.featured-block .post-content_single p a img.alignnone {clear:both; margin:10px auto; display:block; }
.featured-block .post-content_single blockquote {
    margin: 0;
    padding: 0 0 0 24px;
}

/*COMMENTS*/
/* =Comments

-------------------------------------------------------------- */

#comments {clear: both; margin-bottom:55px;}
#comments .navigation {padding: 0 0 18px 0;}
h3#response-title,
h3#comments-title {
    font-family: Meiryo, Verdana, Arial, Helvetica, Sans-Serif;
    text-shadow: 1px 1px 0 #fff;
    margin: 3px 0 0 0;
    font-size: 15px;
    color: #000;
}
h3#response-title a{
    text-transform:capitalize;
    color:#666666;
}
h3#response-title a:hover{color:#000000;}
a#cancel-comment-reply{clear:both; margin:0 0 24px 0;}
a#cancel-comment-reply-link {font-size: 12px;line-height: 10px;font-weight: normal; display:block;
    x-font-family:Georgia, "Times New Roman", Times, serif;
    font-family: Meiryo, Verdana, Arial, Helvetica, Sans-Serif;
    color:#666666; 	}
p#loggedinas{margin-bottom:35px; font-style:italic; 
    x-font-family:Georgia, "Times New Roman", Times, serif;
    font-family: Meiryo, Verdana, Arial, Helvetica, Sans-Serif;
      }
p#loggedinas a {
    text-transform:capitalize;
    color:#666666;
}
#main-container ul.commentlist {list-style: none; margin:0 0 0 0; padding:0;}
.commentlist li.comment {margin: 0 0 0 0;	padding: 0 0 0 65px; position: relative;   }
.commentlist li:last-child {border-bottom:none; margin-bottom:25px;}
.comment-body {
    font-size:13px;
    background: #f0f0f0;
    padding: 5px;
    margin: 0 0 13px 0;
    border: 3px solid #fff;
    -moz-box-shadow: 0 0 8px #A0A0A0;
    box-shadow: 0 0 8px #A0A0A0;
    -webkit-box-shadow: 0 0 8px #A0A0A0;
}
#comments .comment-body ul, #comments .comment-body ol { margin-bottom: 18px;}
.comment-body p {padding-top:5px; text-shadow:1px 1px 0 #fff;}
.comment-body p a {  color:#666666; }
#comments .comment-body p:last-child {margin-bottom: 6px;}
#comments .comment-body blockquote p:last-child {margin-bottom: 24px;}
.commentlist ol {list-style: decimal;}
.commentlist .avatar {padding:3px; background:none repeat scroll 0 0 #999999; position: absolute; top: 0px; left:0; border:1px solid #454545;}
.comment-author cite {
    color: #000;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    font-family: Meiryo, Verdana, Arial, Helvetica, Sans-Serif;
}
.comment-author cite a.url {color:#000; text-decoration:none; text-shadow:1px 1px 0 #fff;}
.comment-author .says {font-style: italic; font-size:10px;}
.comment-meta {font-size: 12px; margin: 0 0 0 0;
    text-transform:uppercase; font-size:10px; line-height:16px;  
    x-font-family: georgia;
    font-family: Meiryo, Verdana, Arial, Helvetica, Sans-Serif;
     padding:0; color:#666666}
.comment-meta a:link, .comment-meta a:visited {color: #888; text-decoration: none;}
.comment-meta a:active, .comment-meta a:hover {color: #ff4b33;}
.reply {font-size: 12px; padding: 6px 0 0 0;}
.reply a, a.comment-edit-link {color: #888;}
.reply a:hover, a.comment-edit-link:hover {color: #ff4b33;}
.reply a {
    x-font-family:Verdana, Arial, Helvetica, sans-serif;
    font-family: Meiryo, Verdana, Arial, Helvetica, Sans-Serif;
     font-size:9px; padding:3px 7px 6px 7px; background:#fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; color:#AC0B0B; text-decoration:none; text-shadow:1px 1px 5px #ccc;   }
.commentlist .children {list-style: none; margin: 0;}
.commentlist .children li {border: none; margin: 0;}
.nopassword, .nocomments {display: none;}
#comments .pingback {margin-bottom: 18px; padding-bottom: 18px;}
.commentlist li.comment+li.pingback {margin-top: -6px;}
#comments .pingback p {color: #888;	font-size: 12px; line-height: 18px;	display:block; margin: 0;}
#comments .pingback .url {font-style: italic; font-size: 13px;}

/* Comments form */

#respond {
    clear: both;
    margin: 10px 10px 10px 20px;
}
#respond p {margin: 0;}
#respond .comment-notes {margin-bottom: 1em;}
.children #respond {margin: 0 48px 0 0;}
h3#reply-title {margin: 18px 0;}
#comments-list #respond {margin: 0 0 18px 0;}
#comments-list ul #respond {margin: 0;}
.comment-form-labels {padding:5px 0 5px 3px; font-size:14px; font-weight:bold;}
.comment-form-labels small {
    x-font-family:Georgia, "Times New Roman", Times, serif;
    font-family: Meiryo, Verdana, Arial, Helvetica, Sans-Serif;
     font-style:italic; font-weight:normal;font-size:9px; color:#D55B5B;}
#respond .required {color:#ff4b33; font-weight:bold;}
#respond input {background:#fff; padding:10px 10px 10px 10px;
    x-font-family:Georgia, "Times New Roman", Times, serif;
    font-family: Meiryo, Verdana, Arial, Helvetica, Sans-Serif;
     font-size:13px; font-style:italic; text-shadow:1px 1px 3px #ccc; border:1px solid #7D7D7D; margin:0 0 0 0; clear:both; line-height:14px; color:#666666; width:608px;}
#respond textarea {
    background: #fff;
    padding: 10px;
    font-family: Meiryo, Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 13px;
    border: 1px solid #7D7D7D;
    margin: 0 0 2px 0;
    clear: both;
    line-height: 14px;
    color: #666666;
    width: 584px;
}
#respond input.send-comment{
    padding: 10px 15px;
    border: none;
    display: block;
    margin: 3px 0 24px 11px;
    width: 584px;
    background: #000;
    color: #FFFFFF;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
#respond input.send-comment:hover{
    background: #545454;
}

/*POST BLOCK STYLES*/
.post-block {
    width: 300px;
    height: 280px;
    overflow: hidden;
    float: left;
    margin: 0 0 20px 30px;
    border-top: 2px solid #000;
    padding-top: 10px;
    position: relative;
}
.post-block.leftCol{margin-left:0; }
.post-block a img {margin: 0 0 5px 0;}
.post-block a.post-title{font-size:22px; line-height:24px; margin:0 0 15px 0; display:block;
    text-transform:capitalize;
}
.post-block span.whitefade {
    height: 50px;
    width: 300px;
}
.post-block .post-meta {float:left; margin:0 15px 2px 0; padding:5px 0 8px 0; border-bottom:1px solid #ccc; max-width:135px; }

.post-nav {
    clear: both;
    display: block;
    margin: 25px 0 32px 0;
    height: 45px;
    border-top: 1px dotted #666666;
}
.post-nav a.nextpostslink {
    display: block;
    border: 5px solid #fff;
    height: 15px;
    padding: 4px 0 0 0;
    text-align: center;
    font-weight: bold;
    color: #000;
    text-decoration: none;
    font-size: 15px;
    text-shadow: 1px 1px 0 #fff;
    margin-left:5px;
    float:right; 
}
.post-nav a.previouspostslink {
    display: block;
    border: 5px solid #fff;
    height: 15px;
    padding: 4px 0 0 0;
    text-align: center;
    font-weight: bold;
    color: #000;
    text-decoration: none;
    font-size: 15px;
    text-shadow: 1px 1px 0 #fff;
    margin-left: 5px;
    float:left;
}
.post-nav a:hover {color:#333333;}



/*SIDEBAR*/
#sidebar {width:300px; min-height:500px; float:left;}
#sidebar img.adspotbig {clear:both; margin:0 0 35px 0;}

.sidebar-row {
    padding:0 0 35px 0;
    font-size:15px;
}
.sidebar-row h3 {
    color: #4B4B4B;
    font-family: Meiryo, Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 18px;
    display: block;
    margin: 0 0 15px 0;
    font-weight: bold;
    border-bottom: 1px solid #000;
    padding-bottom: 1px;
}
.sidebar-row a {color:#7E7E7E; text-decoration:none;}
.sidebar-row a:hover {color:#333333;}

.sidebar-row ul {
    margin-left: 6px;
    padding:0 0 0 15px;
}
.sidebar-row ul li {padding:0 0 0 0; line-height:25px;}

#tabbed-containers div {padding:22px 20px 0 20px; margin-bottom:25px; clear:both; display:block;  background: #f4faf0; border:1px solid #7d7d7d;}
ul#tabs {width:300px;}
ul#tabs li {
    x-font-family:Arial, Helvetica, sans-serif;
    font-family: Meiryo, Verdana, Arial, Helvetica, Sans-Serif;
    font-size:14px; font-weight:bold; float:left; list-style:none; width:145px; padding:7px 0 7px 0; background:#007d6b; text-align:center; }
ul#tabs li.first{margin-right:10px;}
ul#tabs li.current {background:#000000;}
ul#tabs li a {text-decoration:none; color:#fff; }

#randomposts ul {padding:0; margin:0;}
#randomposts ul li {list-style:none; font-size:19px; margin-bottom:16px; clear:both; height:36px; overflow:hidden; border-bottom:1px solid #000; padding-bottom:16px;  }
#randomposts ul li:last-child {border-bottom:none;}
#randomposts ul li a {text-decoration:none; display:inline; margin-top:5px; font-size:15px; color:#000; font-weight:normal; text-shadow:1px 1px 0 #fff;}
#randomposts ul li a:hover {color:#333333;}
#randomposts ul li a img {float:left; margin:0 12px 15px 0;  padding:0;}
#randomposts .post-meta{display:block; margin:-5px 0 0 0; line-height:30px;   }
#randomposts .post-meta a {color:#accb9a; font-size:13px; text-shadow: 1px 1px 0 #575757;   }
#randomposts .post-meta a:hover {text-shadow:1px 1px 0 #fff}

#tagcloud ul {margin-bottom:28px;}
#tagcloud a {text-decoration:none; color:#7e7e7e; font-weight:normal;  text-shadow:1px 1px 0 #fff;}
#tagcloud a:hover{color:#333;}






/*FOOTER*/
#footer {background:url(images/footer-bg.png) no-repeat top left; height:56px; padding:50px 0 0 0; clear:both;} 
#footer a, #footer .post-meta {color:#000000; line-height:15px; text-shadow:none;}
#footer a:hover {color:#666666;}
#footer .post-meta.right{float:right; text-align:right; }

/**
 * for bogusnews mini justifications
 **/

/**
 * @class sidebar-row post-date
 */
.sidebar-row span.post-date:before {
    content: "(";
}
.sidebar-row span.post-date:after {
    content: ")";
}

/**
 * @class wp_social_bookmarking_light
 */
.wp_social_bookmarking_light:after {
    content: "　";
    margin-bottom: 10px;
}


/**
 * @class post-block a img
 */
.post-block a img {
    -webkit-filter: grayscale(100%);
    filter:
        url( "data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale" )
    ;
    filter: grayscale(100%);
    filter: Gray();
    zoom: 1;
}


/**
 * @class cfProducts
 */
.cfProducts {
    display: block;
    float: left;
    width: 222px;
    padding: 0;
    margin: 0;
    margin-right: 10px;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 1.1;
    font-weight: normal;
}
.cfProducts p {
    display: none;
}
.cfProducts img {
    -webkit-filter: grayscale(100%);
    filter:
        url( "data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale" )
    ;
    filter: grayscale(100%);
    filter: Gray();
    zoom: 1;
}

/**
 * @class relatedSites
 */
.relatedSites {
    margin: 0;
    margin-left: 300px;
    margin-bottom: 10px;
    padding: 8px;
    border: 1px dotted gray;
    font-size: 13px;
}
.relatedSites a {
    color: #4b4b4b;
    font-weight: normal;
}
.relatedSites a {
    color: #2b2b2b;
}
.relatedSites a:first-child:before {
    content : "関連サイト：";
}
.relatedSites a:before {
    content : " ";
}
.relatedSites a:after {
    content : " ";
}

/**
 * @id bg-sidebar-newarrival-next
 */
#bg-sidebar-newarrival-next {
    margin: 0;
    padding: 0;
    padding-top: 2px;
    margin-top: -36px;
    text-align: right;
    border-top: 1px dotted gray;
}


/**
 * for bogusnews extensional parts
 **/

/**
 * @class bg-postheader-single
 */
.bg-postheader-single {
    position: relative;
    overflow: hidden;
    margin-bottom: 6px;
}
.bg-postheader-single dl {
    display: block;
    float: left;
    margin: 0;
    margin-right: 7px;
    padding: 0;
    width: 64px;
    border: 1px solid black;
    border-radius: 3px;
    font-family: Arial;
    line-height: 1.25;
}
.bg-postheader-single dt {
    display: block;
    background-color: black;
    color: white;
    text-align: center;
    font-weight: bold;
    border-bottom: 1px solid #565656;
}
.bg-postheader-single dd {
    display: block;
    text-align: center;
    font-weight: bold;
}
.bg-postheader-single dd span{
    display: block;
    text-align: center;
}
.bg-postheader-single h2 {
    display: block;
    float: left;
    width: 550px;
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 1.1;
}
.bg-postheader-single h2 a {
    font-size: 32px;
    font-weight: 400;
    color: black;
    text-shadow: 2px 2px 2px #aaa;
}
.bg-postheader-single h2 span,
.bg-postheader-single h2 span a {
    font-size: 15px;
    color: #565656;
    text-shadow: none;
}
.bg-postheader-single h2 span:before {
    content: "[ ";
}
.bg-postheader-single h2 span:after {
    content: " ]";
}


/**
 * @class bg-postheader-list
 */
.bg-postheader-list {
    position: relative;
    overflow: hidden;
    margin-bottom: 6px;
}
.bg-postheader-list dl {
    display: block;
    float: left;
    margin: 0;
    margin-right: 7px;
    padding: 0;
    width: 58px;
    border: 1px solid black;
    border-radius: 3px;
    font-family: Arial;
    line-height: 1.25;
}
.bg-postheader-list dt {
    display: block;
    background-color: black;
    color: white;
    text-align: center;
    font-weight: bold;
    border-bottom: 1px solid #565656;
}
.bg-postheader-list dd {
    display: block;
    text-align: center;
    font-weight: bold;
}
.bg-postheader-list dd span{
    display: block;
    text-align: center;
}
.bg-postheader-list h2 {
    display: block;
    float: left;
    width: 224px;
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 1.1;
}
.bg-postheader-list h2 a {
    font-size: 18px;
    font-weight: 400;
    color: black;
    text-shadow: 2px 2px 2px #aaa;
}
.bg-postheader-list h2 span,
.bg-postheader-list h2 span a {
    font-size: 15px;
    color: #565656;
    text-shadow: none;
}
.bg-postheader-list h2 span:before {
    content: "[ ";
}
.bg-postheader-list h2 span:after {
    content: " ]";
}

/**
 * @class bg-aff-sidebar-a8
 */
.bg-aff-sidebar-a8 a:hover img {
    filter: alpha(opacity=75), gray;
    -moz-opacity: 0.75;
    opacity: 0.75;
}
.bg-aff-sidebar-a8 img {
    -webkit-filter: grayscale(100%);
    filter:
        url( "data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale" )
    ;
    filter: grayscale(100%);
    filter: Gray();
    zoom: 1;
}

/**
 * @class bg-aff-sidebar-gravure
 */
a.bg-aff-sidebar-gravure {
    display: block;
    text-decoration: none;
    position: relative;
    width: 300px;
    height: 300px;
}
a.bg-aff-sidebar-gravure:hover img {
    filter: alpha(opacity=75), gray;
    -moz-opacity: 0.75;
    opacity: 0.75;
}
.bg-aff-sidebar-gravure img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    -webkit-filter: grayscale(100%);
    filter:
        url( "data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale" )
    ;
    filter: grayscale(100%);
    filter: Gray();
    zoom: 1;
}
.bg-aff-sidebar-gravure h4 {
    position: absolute;
    z-index: 1;
    margin: 5px 0 0 5px;
    padding: 0;
    color: white;
    font-size: 110%;
    font-family: Arial;
    font-style: italic;
    font-weight: bold;
    text-shadow: 1px 1px 3px #000;
}
.bg-aff-sidebar-gravure h5 {
    position: absolute;
    z-index: 1;
    width: 285px;
    bottom: 0;
    margin: 0 15px 15px 0;
    padding: 0;
    text-align: right;
    color: white;
    font-size: 130%;
    font-weight: bold;
    text-shadow: 1px 1px 3px #000;
}


/**
 * @class bg-aff-sidebar-books
 */
a.bg-aff-sidebar-books  {
    display: block;
    text-decoration: none;
    color: black;
    border: 3px double black;
    width: 294px;
    margin: 0;
    padding: 0;
    margin-bottom: 3px;
}
a.bg-aff-sidebar-books:hover {
    background-color: #dedede;
}
.bg-aff-sidebar-books h5 {
    display: block;
    margin: 0;
    margin: 0 5px 0 5px;
    padding: 0;
    padding: 5px 0 5px 0;
    font-size: 110%;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid black;
}
.bg-aff-sidebar-books p {
    margin: 0;
    padding: 0;
    padding: 5px;
    font-size: 88%;
}
.bg-aff-sidebar-books span {
    display: block;
    margin: 0;
    padding: 0;
    padding: 0 5px 5px 0px;
    font-size: 80%;
    text-align: right;
}

/**
 * @id bg-ads-sidebargoogle
 */
#bg-ads-sidebargoogle {
    margin-left: 33px;
    margin-top: 6px;
    margin-bottom: 6px;
}

/**
 * @id bg-ads-sidebargoogle
 */
#bg-ads-sidebargoogle {
    margin-left: 33px;
    margin-top: 6px;
    margin-bottom: 6px;
}

/**
 * @class bg-ads-contentgoogle
 */
.bg-ads-contentgoogle {
    margin: 24px 0 24px 81px;
}

/**
 * @class bg-postlink-single-comment
 */
.bg-postlink-single-comment {
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
    padding-top: 4px;
    text-align: right;
    border-top: 1px dotted gray;
}

/**
 * @class bg-postlink-list
 */
.bg-postlink-list {
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0px;
    width: 300px;
    z-index: 600;
    text-align: right;
}

/**
 * @id bg-comments
 */
#bg-comments {
    margin: 0;
    padding: 0;
}
#bg-comments h3 {
    margin: 0;
    padding: 0;
    padding-left: 17px;
    border-left: 20px solid #666666;
    border-bottom: 1px dotted #666666;
    font-size: 17px;
    color: black;
    font-weight: bold;
}
#bg-comments div {
    margin: 0;
    padding: 0;
    text-align: right;
}

/**
 * @class bg-comment-bottom
 */
.bg-comment-bottom {
    text-align: right;
}

/**
 * @class bg-relatedposts
 */
.bg-relatedposts {
}
.bg-relatedposts h3 {
    margin: 0;
    padding: 0;
    padding-left: 17px !important;
    padding-bottom: 0 !important;
    border-left: 20px solid #666666;
    border-bottom: 1px dotted #666666;
    font-size: 17px !important;
    color: black;
    font-weight: bold !important;
    line-height: 1.1 !important;
}
.bg-relatedposts ul {
    margin: 0;
    padding: 0;
}
.bg-relatedposts a {
    color: #7e7e7e;
}
.bg-relatedposts a:hover {
    color: #3c3c3c;
}

/**
 * @id bg-prevnext-articlelink
 */
#bg-prevnext-articlelink {
    margin: 0;
    margin-top: 25px;
    margin-bottom: 40px;
    padding: 0;
}
#bg-prevnext-articlelink h3 {
    margin: 0;
    padding: 0;
    padding-left: 17px;
    border-bottom: 1px dotted #666666;
    font-size: 17px;
    color: black;
    font-weight: bold;
    text-align: center;
}
#bg-prevnext-articlelink ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style: none;
    overflow: hidden;
}
#bg-prevnext-articlelink li {
    margin: 0;
    padding: 0;
    display: block;
    list-style: none;
    float: left;
    width: 48%;
}
#bg-prevnext-articlelink li#bg-prevnext-articlelink-center {
    width: 4%;
}
#bg-prevnext-articlelink li#bg-prevnext-articlelink-right {
    text-align: right;
}


/**
 * @id bg-header
 */
#bg-header {
    display: block;
    overflow: hidden;
    width: 960px;
    margin: 0;
    padding: 0;
    padding-bottom: 56px;
    margin-top: 10px;
    background:
        url("images/header.jpg")
        0px 58px
        repeat-x
    ;
}
#bg-header .bg-header-spokesmancatch {
    display: block;
    margin: 0;
    padding: 0;
    float: left;
    width: 146px;
    height: 142px;
    background:
        url(images/bogusnews-spokesman_146x142.png)
        top left
        no-repeat
    ;
}
#bg-header .bg-header-logolinkblock {
    display: block;
    float: left;
}
#bg-header .bg-header-logolinkblock h1 {
    display: block;
    margin: 0;
    padding: 0;
    padding-left: 35px;
    width: 477px;
    height: 142px;
    background:
        url(images/bogusnews-logo_483x128.png)
        0px 12px
        no-repeat
    ;
    font-size: 15px;
    font-weight: bold;
    line-height: 1;
}
#bg-header div {
    display: block;
    margin: 0;
    padding: 0;
    float: left;
    width: 280px;
}
#bg-header div h3 {
    margin-left: 56px;
    font-size: 13px;
}
#bg-header div ul {
    display: block;
    margin: 0;
    margin-left: 32px;
    padding: 0;
    list-style: none;
}
#bg-header div ul a {
}
#bg-header div ul a li {
    display: block;
    margin: 0;
    padding: 0;
    padding-top: 32px;
    list-style: none;
    float: left;
    width: 80px;
    height: 80px;
    text-align: center;
}
#bg-header div ul a li span {
    margin-top: 64px;
    font-width: 11px;
    font-weight: normal;
}
li.bg-header-channel-rss {
    background:
        url(images/icon-rss-grayscale_32x32.png)
        25px 0px
        no-repeat
    ;
}
li.bg-header-channel-twitter {
    background:
        url(images/icon-twitter-grayscale_32x32.png)
        25px 0px
        no-repeat
    ;
}
li.bg-header-channel-facebook {
    background:
        url(images/icon-facebook-grayscale_32x32.png)
        25px 0px
        no-repeat
    ;
}

/**
 * @class bg-prod
 */
a.bg-prod {
    display: block;
    clear: both;
    float: left;
    width: 222px;
    margin: 0;
    margin-bottom: 15px;
    padding: 0;
    text-decoration: none;
    color: #4b4b4b;
}
.bg-prod img {
    width: 222px;
    border: none;
    -webkit-filter: grayscale(100%);
    filter:
        url( "data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale" )
    ;
    filter: grayscale(100%);
    filter: Gray();
    zoom: 1;
}
.bg-prod span {
    display: block;
    font-size: 12px;
    line-height: 1.1;
    font-weight: bold;
}

/**
 * @bg-related
 */
.bg-related {
    clear: both;
    margin: 0;
    margin-left: 300px;
    margin-bottom: 10px;
    padding: 8px;
    border: 1px dotted gray;
    font-size: 13px;
}
.bg-related a {
    color: #4b4b4b;
    font-weight: normal;
}
.bg-related a {
    color: #2b2b2b;
    text-decoration: none;
}
.bg-related a:hover {
    color: #5b5b5b;
}
.bg-related a:first-child:before {
    content : "関連サイト：";
}
.bg-related a:before {
    content : " ";
}
.bg-related a:after {
    content : " ";
}
