@charset "UTF-8";

/*------------------------------------------------------------
ブラウザ固有のCSSをリセット
-------------------------------------------------------------*/

body,div,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,p,blockquote{
	margin: 0;
	padding: 0;
}
ul,ol,li {
	list-style:none;
}
address,caption,cite,code,dfn,h1,h2,h3,h4,var{
	font-style: normal;
	font-weight: normal;
}

h1,h2,h3,h4,h5,h6,small{
	font-size: 100%;
	font-weight: normal;
}

fieldset,img,abbr{ border: 0; }
caption{ text-align: left; }
q:before,q:after{ content: ''; }
a{ text-decoration: none; }
img{
	border: none;
	vertical-align: bottom;
}

input,
textarea,
select{ font-size: 1em; }
body:first-of-type textarea{ font-size: 12px; }

/*WordPress対策*/
span textarea,span input{ vertical-align: bottom!important; }


/*Firefox対策*/
html{
	overflow: scroll;
	overflow: -moz-scrollbars-vertical;
	overflow-x: scroll;
}

body,x:-moz-broken { margin-left:-1px; }

body{
	font-style: normal;
	font:13px/1.231 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	*font-size:small; /* IE 7 */
	*font:x-small; /* IE 6以下 */
}

pre{
	font-size: 100%;
	white-space: pre-wrap;
	word-wrap: break-word;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: -moz-pre-wrap;
}

#container{
	position: relative;
}

#global-menu li,
#breadcrumbs li,
#top-menu li,
#sidebar li,
#footer-in li{ list-style: none; }


/*--------------------------------------------------------
1、サイト全体の横幅
--------------------------------------------------------*/

html,
body,
#container,
#top,
#header,
#global-menu,
#main,
#footer,
.copyright{
}


#header-in,
#breadcrumbs,
#main-in,
#footer-in {
	width:980px;
	margin:0 auto;
	zoom:1;
}
#header-in:after,
#breadcrumbs:after,
#main-in:after,
#footer-in:after,
#page-top:after {
	content:'.';
	display:block;
	clear:both;
	height:0;
	font-size:0;
	line-height:0;
	visibility:hidden;
	overflow:hidden;
}
#page-top {
	position:fixed;
	bottom:0px;
	left:50%;
	width:490px;
	text-align:right;
}


/*--------------------------------------------------------
2、サイト全体の背景設定（初期設定ではコメントアウト）
------------------------------------------------------*/

/*
#container{ background-color: #000; }
*/


/*--------------------------------------------------------
3、サイト全体の基本文字色
-------------------------------------------------------*/

body{
	color: #333;
	background-color:#eee;
	background-image:url(../images/body_bg.jpg);
}

/*リンク文字*/
a{ text-decoration: none; }
a:link{ color: #2980c9; }
a:visited{ color: #537088; }
a:hover{ color: #c60; text-decoration:underline; }
a:active{ color: #c60; text-decoration:underline; }




/*--------------------------------------------------------
4、エリアの設定
--------------------------------------------------------*/
/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/

#header{
	padding:20px 0;
	background-color:#FFF;
	border-top:3px solid #c00;
	border-bottom:1px solid #efefef;
}
#header-in {
	display:block;
}
#header-idetify {
	float: left;
	margin-right:20px;
}
/*●ヘッダーロゴ*/
#header-logo{
	font-weight: bold;
	font-size:138.5%;
	display:inline-block;
}
#header-description {
	margin-top:1.2em;
	display:block;
	font-size:93%;
}
/*●ヘッダーロゴテキスト*/
#header-logo a{ text-decoration: none; }
#header-logo a:link{ color: #666; }
#header-logo a:visited{ color: #666; }
#header-logo a:hover{ color: #c60; }
#header-logo a:active{ color: #c60; }

/*●ヘッダーテキスト*/
#header-in #header-utils {
	float: right;
	overflow:hidden;
	zoom:1;
}
#header-in #header-utils li {
	font-size:93%;
	float:left;
	margin-left:1em;
}
#header-utils a{ text-decoration: none; }
#header-utils a:link{ color: #666; }
#header-utils a:visited{ color: #666; }
#header-utils a:hover{ color: #c60; }
#header-utils a:active{ color: #c60; }

#header-bnr {
	text-align:center;
}

/*--------------------------------------------------------
メイン
--------------------------------------------------------*/
#main {
	padding-bottom:30px;
	background-image:url(../images/bg.jpg);
	border-bottom:1px solid #fff;
}

/*--------------------------------------------------------
パン屑ナビ
--------------------------------------------------------*/

#breadcrumbs{
	padding: 15px 0;
}
#breadcrumbs ol {
	overflow:hidden;
	zoom:1;
}
#breadcrumbs li{
	float: left;
	padding-right: 10px;
	padding-left: 15px;
	font-size: 93%;
	background:url(../images/breadcrumbs-arrow.png) no-repeat 0 50%;
}
/*パン屑ナビの先頭*/
#breadcrumbs li.first{
	background:url(../images/breadcrumbs-home.png) no-repeat 0 50%;
}

/*--------------------------------------------------------
メインコンテンツ（本文）
--------------------------------------------------------*/
#main-contents {
	float: left;
	width: 620px;
	padding:19px;
	border:1px solid #efefef;
	background-color:#fff;
	zoom:1
}
#main-contents:after {
	content:'.';
	display:block;
	clear:both;
	height:0;
	font-size:0;
	line-height:0;
	visibility:hidden;
	overflow:hidden;
}
/* POST */
#main-contents .post {
	margin-bottom:2.5em;
	padding-bottom:2.5em;
	border-bottom:1px dotted #e5e5e5;
	zoom:1;
}
#main-contents .post:after {
	content:'.';
	display:block;
	clear:both;
	height:0;
	font-size:0;
	line-height:0;
	visibility:hidden;
	overflow:hidden;
}

/* CATEGORY */
#category-title {
	margin-bottom:1.5em;
}
#category-title h1 {
	font-size:167%;
	font-weight: bold;
}
#category-title h1 small {
	font-size:75%;
}
#category-title p {
	margin-top:0.5em;
	font-size:93%;
	color:#999;
}

/*AD*/
#main-contents .ad_area {
	margin-top:2em;
}
#category-title + .ad_area {
	margin-top:0;
	margin-bottom:2em;
}
#main-contents .ad_area.linkshare_600x200 {
	border-top:1px dashed #e5e5e5;
	padding:18px 10px 0;
}
#main-contents .ad_area ul {
	overflow:hidden;
	zoom:1;
}
#main-contents .ad_area .ad_area_l {
	float:left;
}
#main-contents .ad_area .ad_area_r {
	float:right;
}

#main-contents .affiliate_area {
	overflow:hidden;
	zoom:1;
	margin-right:-7px;
}
#main-contents .affiliate_area li {
	float:left;
	margin-right:7px;
	list-style:none;
	width:120px;
}

/*H2*/
#main-contents .post h2.title {
	font-size:138.5%;
	line-height:1.4;
	font-weight: bold;
}
#main-contents .post .post_info {
	font-size:77%;
}
#main-contents .post .post_info ul {
	margin-top:1em;
	overflow:hidden;
	zoom:1;
}
#main-contents .post .post_info li {
	float:left;
	margin-right:1em;
}
#main-contents .post .post_thumbnail {
	float:left;
	padding:4px;
	margin-right:15px;
	border:1px solid #efefef;
}
#main-contents .post .excerpt {
	margin-top:1em;
	font-size:100%;
	line-height:1.55;
}
#main-contents .post .link-next {
	margin-top:1em;
	font-size:100%;
}

/*scial button*/
#main-contents .social-button {
	margin-top:1.5em;
	zoom:1;
}
#main-contents .social-button:after {
	content:'.';
	display:block;
	clear:both;
	height:0;
	font-size:0;
	line-height:0;
	visibility:hidden;
	overflow:hidden;
}
#main-contents .social-button li {
	float:left;
	margin-right:1em;
}
#main-contents .social-button li.social_hatena {
}
#main-contents .social-button li.social_tweet {
	width:100px;
	overflow:hidden;
}
#main-contents .social-button li.social_fb {
}
#main-contents .social-button li.social_gplus {
}


/*PAGE*/
#main-contents.page .post {
	margin-bottom:2.5em;
	padding-bottom:0;
	border-bottom:none;
}
#main-contents.page .post #page-title {
	padding-bottom:18px;
}
#main-contents.page .post h1.title {
	font-size:138.5%;
	font-weight:bold;
	line-height:1.4;
}
#main-contents.page .post .post_info ul {
	margin-top:0em;
}
#main-contents.page .post .contents {
	border-top:1px solid #efefef;
}

/*sitemap
#sitemap_list {
	font-size:108%;
	line-height:1.4;
}
#sitemap_list a {
	display:inline-block;
}
#sitemap_list li {
	margin-top:1em;
}
#sitemap_list li.home-item a,
#sitemap_list li.cat-item a,
#sitemap_list li.page_item a {
	border:1px solid #efefef;
}
#sitemap_list li.cat-item,
#sitemap_list li.page_item {
	margin-left:1em;
}
#sitemap_list li.cat-item ul {
	padding-left:1em;
}
*/

/*SINGLE*/
#main-contents.single .post {
	margin-bottom:2.5em;
	padding-bottom:0;
	border-bottom:none;
}
#main-contents.single .post #single-title {
	padding-bottom:18px;
	border-bottom:1px solid #ffb100;
}
#main-contents.single .post h1.title {
	margin-top:1em;
	font-size:182%;
	font-weight:bold;
	line-height:1.4;
}
#main-contents.single .post .post_info ul {
	margin-top:0em;
}
#main-contents.single .post .contents {
	border-top:1px solid #efefef;
}
#main-contents.single .post .contents #pickupimg {
	margin-top:18px;
	padding:5px;
	border:1px solid #e5e5e5;
	display:inline-block;
	background-color:#fff;
}
#main-contents.single .post .contents h2,
#main-contents.single .post .contents h3,
#main-contents.single .post .contents h4 {
	margin-top:1em;
	font-weight:bold;
	line-height:1.4;
}
#main-contents.single .post .contents h2 {
	padding-bottom:5px;
	border-bottom:1px dotted #d5d5d5;
	font-size:153.9%;
}
#main-contents.single .post .contents h3 {
	font-size:138.5%;
}
#main-contents.single .post .contents h4 {
	font-size:123.1%;
}
#main-contents.single .post .contents p {
	margin-top:1em;
	line-height:1.8;
}
#main-contents.single .post .contents ul,
#main-contents.single .post .contents ol,
#main-contents.single .post .contents dl,
#main-contents.single .post .contents table {
	margin-top:1em;
}
#main-contents.single .post .contents li {
	margin-top:0.3em;
	line-height:1.8;
}
#main-contents.single .post .contents ul li {
	padding-left:2em;
	background:url(../images/icon_list_disc.png) no-repeat 2px 0.5em;
	/*list-style:disc outside;
	margin-left:1.8em;*/
}
#main-contents.single .post .contents ol li {
	list-style:decimal outside;
	margin-left:2.2em;
}
#main-contents.single .post .contents blockquote {
	margin-left:2.2em;
}

#main-contents.single .affiliate_area {
	overflow:hidden;
	zoom:1;
	margin-right:-5px;
}
#main-contents.single .affiliate_area li {
	float:left;
	margin-right:5px;
	list-style:none;
	font-size:85%;
}
#main-contents.single .affiliate_area li img {
	display:block;
	margin:0 auto;
}

/*similar_posts*/
#main-contents.single #related_posts {
	margin-top:2em;
	padding-top:18px;
	border-top:1px solid #efefef;
}
#main-contents.single #related_posts h3 {
	font-size:123.1%;
	font-weight:bold;
}
#main-contents.single #related_posts ol {
	margin-top:1em;
}
#main-contents.single #related_posts li {
	padding-bottom:5px;
}



/*comments*/
#main-contents.single .comments {
	margin-top:18px;
	padding-top:18px;
	border-top:1px solid #efefef;
}
#main-contents.single .comments h3 {
	font-size:138.5%;
	font-weight:bold;
	line-height:1.4;
	margin-bottom:1em;
}
#main-contents.single .comments #respond {
}
#main-contents.single .comments #respond p {
	margin-bottom:1.5em;
}
#main-contents.single .comments #respond p label {
	font-size:93%;
}
#main-contents.single .comments #respond input[type=text]{
	width:200px;
	padding:5px;
	border:none;
	border:1px solid #e5e5e5;
	margin-right:1em;
}
#main-contents.single .comments #respond textarea {
	resize:none;
	width:450px;
	height:200px;
	border:1px solid #e5e5e5;
}

#main-contents.single .comments .comment {
	margin-bottom:1.5em;
	background-color:#f5f5f5;
	border-top:1px solid #fff;
}
#main-contents.single .comments .children {
	margin-left:2.5em;
}
#main-contents.single .comments .commentlist .comment .comment-body {
	padding:15px;
}
#main-contents.single .comments .commentlist .comment .comment-author {
	margin-bottom:5px;
}
#main-contents.single .comments .commentlist .comment .comment-author img {
	margin-right:8px;
}
#main-contents.single .comments .commentlist .comment .comment-meta {
	font-size:77%;
	margin-bottom:8px;
}
#main-contents.single .comments .commentlist .comment .comment-awaiting-moderation {
	margin-bottom:8px;
	display:inline-block;
}
#main-contents.single .comments .commentlist .comment p {
	font-size:93%;
	line-height:1.5;
}
#main-contents.single .comments .commentlist .comment .reply {
	font-size:93%;
	margin-top:1em;
}

/* wp-pagenavi */
.wp-pagenavi {
	font-family: 'Lato', sans-serif;
	font-weight:700;
	font-size:14px;
}
.wp-pagenavi span,
.wp-pagenavi a {
	display:inline-block;
	border-width:1px;
	border-style:solid;
	margin-right:5px;
	border-color:#e5e5e5;
}
.wp-pagenavi span.pages {
	padding:6px 5px;
	background-color:#c32527;
	color:#fff;
}
.wp-pagenavi span.current {
	padding:6px 10px;
	background-color:#fff;
	color:#c32527;
}
.wp-pagenavi a {
	padding:6px 10px;
	background-color:#c32527;
	color:#fff;
}
.wp-pagenavi a:hover {
	text-decoration:none;
	background-color:#ee9999;
}
/*--------------------------------------------------------
サイドバー
--------------------------------------------------------*/

#sidebar{
	overflow: hidden;
	float: right;
	width: 300px;
}
#sidebar .sidebar-adL {
	margin-top:20px;
}
#sidebar .sidebar-adL:first-child {
	margin-top:0;
}
#sidebar-search {
	margin-top:20px;
}
#sidebar-search .search-in {
	height:35px;
	background:url(../images/search_box.png) no-repeat;
	overflow:hidden;
	zoom:1;
	padding-left:10px;
}
#sidebar-search input[type=text] {
	border:none;
	background:none;
	height:35px;
	width:200px;
	float:left;
}
#sidebar-search input[type=text]:focus {
	border:none;
	outline:none;
	background:none!important;
}
#sidebar-search button {
	width:40px;
	height:35px;
	float:right;
	background:none;
	border:none;
	background-image:url(../images/search_btn.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	cursor:pointer;
	text-indent:-9999px;
	overflow:hidden;
}
#sidebar-search button:hover {
	opacity:0.7;
}
#sidebar-search label {
	display:none;
}
#category-menu {
	margin-top:20px;
	border-bottom:1px solid #d5d5d5;
}
#category-menu h3 {
	margin-bottom:0.5em;
	font-size:123.1%;
	font-weight:bold;
}
#category-menu li {
	padding:8px;
	border-top:1px dotted #d5d5d5;
}
#category-menu li a {
	display:inline-block;
	padding-left:10px;
	background:url(../images/icon_arrow_gray.png) no-repeat 0 50%;
}

#sidebar-ranking {
	margin-top:20px;
	border-bottom:1px solid #d5d5d5;
}
#sidebar-ranking h3 {
	margin-bottom:0.5em;
	font-size:123.1%;
	font-weight:bold;
}
#sidebar-ranking li {
	border-top:1px dotted #d5d5d5;
	padding:8px;
}
#sidebar-ranking li a.wpp-post-title {
	font-size:100%;
	font-weight:bold;
	display:inline-block;
}
#sidebar-ranking li span {
	font-size:77%;
	display:block;
	color:#666;
}
#sidebar .widget-container {
	margin-top:30px;
}
#sidebar .widget-container h3 {
}

#sidebar .tagcloud {
	border-bottom:1px solid #d5d5d5;
	padding-bottom:20px;
	margin-top:20px;
}
#sidebar .tagcloud h3 {
	margin-bottom:0.5em;
	font-size:123.1%;
	font-weight:bold;
}
#sidebar .tagcloud li {
	display:inline-block;
	padding:3px;
}

#sidebar .sidebar-adL {
	margin-top:20px;
}
#sidebar .sidebar-adL.first-child {
	margin-top:0;
}


/*--------------------------------------------------------
フッター
--------------------------------------------------------*/

#footer {
	border-top:1px solid #efefef;
	padding:30px 0;
}
#footer-identify {
	float:left;
	width:200px;
}
#footer .copyright {
	margin:35px auto 0;
	width:980px;
}
#footer .copyright small {
	font-size:93%;
}
#footer-category-menu {
	border-left:1px solid #ccc;
	padding:0 19px 0;
	float:left;
	width:700px;
}
#footer-category-menu > div {
	margin-top:30px;
}
#footer-category-menu > div:first-child {
	margin-top:0;
}
#footer-category-menu h3 {
	font-size:93%;
	font-weight:bold;
}
#footer-category-menu .tagcloud ul li {
	display:inline-block;
	padding:3px;
}
#footer-category-menu .category ul {
	overflow:hidden;
	zoom:1;
}
#footer-category-menu .category ul li {
	float:left;
	margin-right:1em;
	padding:8px 5px 0 0;
	font-size:93%;
}
#footer-widget {
}