@charset "UTF-8";
/*====================
	CSS_Reset
====================*/
/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	text-decoration: none;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*====================
	Clearfix
====================*/
.clearfix {
	zoom: 1;
}

.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: '';
}

/*====================
	Common
====================*/
body {
	width: 1014px;
	line-height: 1.5;
	margin-right: auto;
	margin-left: auto;
	background: #FFF7EA;
	color: #000000;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "Osaka", "MS PGothic", arial, helvetica, sans-serif;
	font-size: 14px;
	word-wrap: break-word;
}

h1 {
	font-size: 2em;
	font-weight: bold;
}

h2 {
	font-size: 1.5em;
	font-weight: bold;
}

h3 {
	font-size: 1.2em;
	font-weight: bold;
}

h4 {
	font-size: 1em;
	font-weight: bold;
}

a {
	color: #332312;
}

a:hover {
	color: #95AD44;
	text-decoration: underline;
}

img, iframe {
	max-width: 100%;
}

a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

blockquote {
	background-color: #EEEEEE;
	padding: 1em 1em 1em 3em;
	margin: 15px;
	position: relative;
	border-left: 5px solid #95AD44;
}

blockquote:before {
	content: "“";
	font-size: 6em;
	line-height: 1em;
	font-family: "ＭＳ Ｐゴシック", sans-serif;
	color: #AAAAAA;
	position: absolute;
	left: 0;
	top: 0;
}

.center {
	text-align: center;
}

.left {
	float: left;
}

.right {
	float: right;
}

.container {
	overflow: hidden;
	margin-bottom: 15px;
	border: 1px solid #E3D2B4;
	border-radius: 3px;
	background: #FFFFFF;
}

.container .header {
	padding: 4px 8px;
	border-bottom: 1px solid #E3D2B4;
	border-radius: 3px;
	background: #E3D2B4;
	color: #332312;
}

.container .header a {
	color: #332312;
}

.container .header a:hover {
	color: #95AD44;
	text-decoration: underline;
}

.inner {
	padding: 10px;
}

.title {
	margin-bottom: 10px;
	padding: 4px 8px;
	border-radius: 3px;
	background: #332312;
	color: #FFFFFF;
}

.title a {
	color: #FFFFFF;
}

.title a:hover {
	color: #95AD44;
	text-decoration: underline;
}

.subtitle {
	margin-bottom: 10px;
	padding-left: 5px;
	border-left: 5px solid #95AD44;
	border-bottom: 2px dashed #E3D2B4;
}

.imageoverlay {
	position: relative;
	padding: 1px;
	border: 1px solid #E3D2B4;
	border-radius: 3px;
}

.imageoverlay img {
	border-radius: 3px;
}

.imageoverlay .top {
	position: absolute;
	top: 0;
	overflow: hidden;
	border-radius: 3px 3px 0 0;
	background-color: rgba(255, 255, 255, 0.7);
	font-weight: bold;
}

.imageoverlay .bottom {
	position: absolute;
	bottom: 0;
	overflow: hidden;
	border-radius: 0 0 3px 3px;
	background-color: rgba(255, 255, 255, 0.7);
	font-weight: bold;
}

.list ul li {
	overflow: hidden;
	padding: 6px;
	border-bottom: 1px dashed #E3D2B4;
	white-space: nowrap;
	word-wrap: break-word;
}

.list ul li:hover {
	margin-left: 5px;
	background-color: #FFF7EA;
}

.list ul li:last-child {
	border-bottom: none;
}

.list ul li a {
	display: block;
	padding-left: 10px;
	background: url("http://www.gurum.biz/img/bullet.gif") 0px 6px no-repeat;
}

.list ul li a:hover {
	background: url("http://www.gurum.biz/img/selected_bullet.gif") 0px 6px no-repeat;
	color: #95AD44;
	text-decoration: underline;
}

/*====================
	Layout
====================*/
#main {
	width: 706px;
}

#side {
	width: 300px;
}

/*====================
	Header
====================*/
#title a {
	display: block;
	margin: 0px auto 10px auto;
	width: 1014px;
	height: 259px;
	overflow: hidden;
	background: url("http://www.gurum.biz/img/title.jpg") no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	word-wrap: normal;
}

/*====================
	Article
====================*/
li.article {
	padding: 10px 0px;
	border-bottom: 1px dashed #E3D2B4;
}

li.article .right {
	width: 508px;
}

li.article .thumbnail {
	padding: 1px;
	border: 1px solid #E3D2B4;
	border-radius: 3px;
}

li.article .thumbnail img {
	width: 160px;
	border-radius: 3px;
	vertical-align: text-bottom;
}

dl.info dt.date {
	display: none;
}

dl.info dd.date {
	float: left;
	margin-right: 10px;
	padding-left: 20px;
	background: url("http://www.gurum.biz/img/clock.png") no-repeat;
}

dl.info dt.comment {
	display: none;
}

dl.info dd.comment {
	float: left;
	margin-right: 10px;
	padding-left: 20px;
	background: url("http://www.gurum.biz/img/comment.png") no-repeat;
}

dl.info dt.category {
	width: 0px;
}

dl.info dd.category {
	padding-left: 20px;
	background: url("http://www.gurum.biz/img/category.png") no-repeat;
}

dl.info dd.category li {
	float: left;
	margin-right: 10px;
}

#articlebody h3, #articlebodymore h3 {
	margin-bottom: 10px;
	padding-left: 5px;
	border-left: 5px solid #95AD44;
	border-bottom: 2px dashed #E3D2B4;
}

.tag {
	margin-bottom: 10px;
}

.tag li {
	float: left;
	padding-left: 15px;
	padding-right: 10px;
	background: url("http://www.gurum.biz/img/tag.png") no-repeat;
}

.name {
	color: green;
}

.res {
	line-height: 2;
	font-weight: bold;
	font-size: 14px;
}

.report {
	line-height: 2;
	font-weight: bold;
	font-size: 16px;
}

/*====================
	Comment
====================*/
li.comment {
	margin-bottom: 10px;
	padding-bottom: 50px;
	border-bottom: 1px dashed #E3D2B4;
}

li.comment:last-child {
	margin-bottom: 0px;
	border: none;
}

li.comment dl.header {
	float: left;
	margin-top: 3px;
	padding: 0px;
	border: none;
	background: none;
	color: gray;
	font-size: 0.9em;
}

li.comment dl.header dt {
	float: left;
}

li.comment dl.header dd {
	float: left;
	padding-right: 0.5em;
}

li.comment dl.header dd.name {
	color: green;
}

li.comment p {
	margin-top: 10px;
}

#comment-form dd {
	margin-bottom: 10px;
}

#comment-form dd.name input {
	width: 90%;
}

#comment-form dd.body textarea {
	width: 90%;
	height: 7em;
}

/*====================
	Pager
====================*/
.pager {
	padding-bottom: 10px;
	text-align: center;
}

.pager a {
	display: inline-block;
	margin: 0px 5px;
	padding: 5px 12px;
	border-radius: 20px;
	background-color: #332312;
	color: #FFFFFF;
	font-weight: bold;
}

.pager a:hover {
	color: #95AD44;
	text-decoration: underline;
}

.pager ul.index-navigator li a {
	display: inline-block;
	margin: 0px 5px;
	padding: 5px 12px;
	border-radius: 20px;
	background-color: #332312;
	color: #FFFFFF;
	font-weight: bold;
}

.pager ul.index-navigator li a:hover {
	color: #95AD44;
	text-decoration: underline;
}

.side ul.pager li {
	float: left;
}

/*====================
	Footer
====================*/
#footer {
	border-radius: 3px 3px 0px 0px;
	background: #332312;
	color: #FFFFFF;
}

#footer a {
	color: #FFFFFF;
}

#footer a:hover {
	color: #95AD44;
	text-decoration: underline;
}

#footer .subtitle {
	margin-bottom: 0px;
}

#footer .inner {
	padding: 20px;
}

#footer .column {
	float: left;
	width: 300px;
	margin-right: 20px;
}

#footer .column:last-child{
	margin-right: 0px;
}

#footer .column .inner {
	padding: 0px 0px 10px 10px;
}

/*====================
	Adsense
====================*/
#header .adsense .banner {
	width: 970px;
}

div.adsense {
	margin-bottom: 10px;
}

li.adsense {
	padding: 10px 0px;
	border-bottom: 1px dashed #E3D2B4;
}

li.adsense:last-child {
	border-bottom: none;
}

.sidewrapper .side .cse .gsc-control-cse, .sidewrapper .side .gsc-control-cse {
	padding: 0px;
}

/*====================
	Social
====================*/
.social_button {
	margin-bottom: 10px;
}

.social_button.horizontal .popn-socialbutton-count {
	position: relative;
	box-shadow: none !important;
}

.social_button.horizontal .popn-socialbutton-count:before,
.social_button.horizontal .popn-socialbutton-count:after {
	position: absolute;
	left: -16px;
	width: 0;
	height: 0;
	border: solid transparent;
	content: ' ';
}

.social_button.horizontal .popn-socialbutton-count:before {
	top: 0px;
	border-width: 8px;
	border-right-color: #E3D2B4;
}

.social_button.horizontal .popn-socialbutton-count:after {
	top: 2px;
	left: -11px;
	border-width: 6px;
	border-right-color: #FFF7EA;
}

.sidewrapper .side .social li {
	float: left;
	width: 25%;
	height: 44px;
	overflow: hidden;
	margin: 0px;
	text-align: center;
}

/*====================
	Blogroll
====================*/
.blogroll {
	overflow-y: scroll;
	margin-bottom: 10px;
}

.blogroll.header {
	width: 668px;
	height: 280px;
}

.blogroll.header .blogroll-channel {
	float: left;
	overflow: hidden;
	width: 50%;
}

.blogroll.article {
	width: 100%;
	height: 19em;
}

.blogroll.footer {
	width: 100%;
	height: 250px;
}

.blogroll.footer .blogroll-channel {
	float: left;
	overflow: hidden;
	width: 50%;
}

/*====================
	Relatedarticles
====================*/
.relatedarticles h3 {
	margin-bottom: 10px;
}

.relatedarticles h3 {
	margin-bottom: 10px;
	padding-left: 5px;
	border-left: 5px solid #95AD44;
	border-bottom: 2px dashed #E3D2B4;
}

.relatedarticles ul li {
	overflow: hidden;
	padding: 6px;
	border-bottom: 1px dashed #E3D2B4;
	white-space: nowrap;
	word-wrap: break-word;
}

.relatedarticles ul li:hover {
	margin-left: 5px;
	background-color: #FFF7EA;
}

.relatedarticles ul li:last-child {
	border-bottom: none;
}

.relatedarticles ul li a {
	display: block;
	padding-left: 10px;
	background: url("http://www.gurum.biz/img/bullet.gif") 0px 6px no-repeat;
}

.relatedarticles ul li a:hover {
	background: url("http://www.gurum.biz/img/selected_bullet.gif") 0px 6px no-repeat;
	color: #95AD44;
	text-decoration: underline;
}

/*====================
	Populararticles
====================*/
.populararticles {
	margin-bottom: 10px;
}

.populararticles li {
	float: left;
	margin-right: 6px;
}

.populararticles li:last-child {
	margin-right: 0px;
}

.populararticles .populararticle {
	width: 194px;
	height: 140px;
}

.populararticles .populararticle .top {
	border-top-right-radius: 0px;
}

.populararticles .populararticle .bottom {
	width: 194px;
	height: 42px;
}

/*====================
	Recommendarticles
====================*/
.recommendarticles li {
	margin-bottom: 10px;
}

.recommendarticles .recommendarticle {
	width: 250px;
	height: 200px;
	margin-right: auto;
	margin-left: auto;
}

.recommendarticles .recommendarticle .bottom {
	width: 250px;
	height: 42px;
}

/*====================
	Vote
====================*/
.vote_button {
	float: right;
}

.vote_button button {
	border-radius: 3px;
	background: 0 0;
	font-weight: bold;
	text-shadow: none;
	cursor: hand;
	box-shadow: none;
	transition-property: all;
	transition-duration: .3s;
}

.vote_button .reply {
	border: 2px solid #00A474;
	color: #00A474;
}

.vote_button .good {
	border: 2px solid #1C6ECD;
	color: #1C6ECD;
}

.vote_button .bad {
	border: 2px solid #DD4827;
	color: #DD4827;
}

.vote_button .count {
	position: relative;
	margin-left: 10px;
	padding: .2em .8em;
	border: 2px solid #f0f0f0;
	border-radius: 5px;
	background-color: #ffffff;
	font-size: .8em;
}

.vote_button .count::before {
	position: absolute;
	top: 5px;
	left: -15px;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-right: 10px solid #f0f0f0;
	content: '';
}

.vote_button .count::after {
	position: absolute;
	top: 5px;
	left: -10px;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-right: 10px solid #ffffff;
	content: '';
}

/*====================
	Bxslider
====================*/
.bxslider.pager {
	padding-left: 93px;
}

/*====================
	Side
====================*/
.sidewrapper {
	overflow: hidden;
	margin-bottom: 15px;
	border: 1px solid #E3D2B4;
	border-radius: 3px;
	background: #FFFFFF;
}

.sidetitlebody {
	padding: 4px 8px;
	border-bottom: 1px solid #E3D2B4;
	border-radius: 3px;
	background: #E3D2B4;
	color: #332312;
}

.sidewrapper .side {
	padding: 10px;
}

.sidewrapper .side p {
	padding-bottom: 10px;
}

.sidewrapper .side select {
	width: 280px;
}

/*====================
	plugin-popular_articles
====================*/
div.plugin-popular_articles div.popular-articles table tr {
	padding: 6px;
	border-bottom: 1px dashed #E3D2B4;
}

div.plugin-popular_articles div.popular-articles table tr:hover {
	background-color: #FFF7EA;
}

div.plugin-popular_articles div.popular-articles table tr:last-child {
	border-bottom: none;
}

div.plugin-popular_articles div.popular-articles table tr td a {
	display: block;
	padding-left: 10px;
	background: url("http://www.gurum.biz/img/bullet.gif") 0px 6px no-repeat;
}

div.plugin-popular_articles div.popular-articles table tr td a:hover {
	background: url("http://www.gurum.biz/img/selected_bullet.gif") 0px 6px no-repeat;
	color: #95AD44;
	text-decoration: underline;
}

/*====================
	plugin-recent_articles
====================*/
div.plugin-recent_articles div.side div.sidebody {
	padding: 6px;
	border-bottom: 1px dashed #E3D2B4;
}

div.plugin-recent_articles div.side div.sidebody:hover {
	background-color: #FFF7EA;
}

div.plugin-recent_articles div.side div.sidebody:last-child {
	border-bottom: none;
}

div.plugin-recent_articles div.side div.sidebody a {
	display: block;
	padding-left: 10px;
	background: url("http://www.gurum.biz/img/bullet.gif") 0px 6px no-repeat;
}

div.plugin-recent_articles div.side div.sidebody a:hover {
	background: url("http://www.gurum.biz/img/selected_bullet.gif") 0px 6px no-repeat;
	color: #95AD44;
	text-decoration: underline;
}

/*====================
	plugin-recent_comments
====================*/
div.plugin-recent_comments div.side div.sidebody {
	padding: 6px;
	border-bottom: 1px dashed #E3D2B4;
}

div.plugin-recent_comments div.side div.sidebody:hover {
	background-color: #FFF7EA;
}

div.plugin-recent_comments div.side div.sidebody:last-child {
	border-bottom: none;
}

div.plugin-recent_comments div.side div.sidebody a {
	display: block;
	padding-left: 10px;
	background: url("http://www.gurum.biz/img/bullet.gif") 0px 6px no-repeat;
}

div.plugin-recent_comments div.side div.sidebody a:hover {
	background: url("http://www.gurum.biz/img/selected_bullet.gif") 0px 6px no-repeat;
	color: #95AD44;
	text-decoration: underline;
}

div.plugin-recent_comments div.side div.sidebody div.recent-comment-author {
	display: none;
}

/*====================
	plugin-daily_count
====================*/
div.plugin-daily_count div.side p.daily_count_free_area {
	display: none;
}