@charset "utf-8";

/*
Theme Name: Refine snow
Theme URI: http://www.3m-refine.com/
Description: 3M produced affiliate site theme for WordPress
Author: Yoshida Design Inc.
Author URI: http://yoshide.com/
Version: 1.0
License: GNU/GPL Version 2 or later.
License URI: http://www.gnu.org/licenses/gpl.html
Tags: theme-options, threaded-comments, one-column, two-columns, right-sidebar, three-columns, custom-menu, custom-background, custom-header, custom-menu, microformats
*/

/* 

【注意!】このファイルは編集しないでください。

テンプレートを簡単にアップデートできるように、このファイルは編集しないようにしてください。
スタイルシートをカスタマイズしたい場合は、編集したい部分をコピーして、 custom.css に
ペーストしてから編集するようにしてください。
このファイルを直接編集すると、テンプレートアップデートの際に編集内容が失われます。

*/

/*-------------------------------------------------------------------------------------------

目次:

1. 準備
 - 1.1 リセット
 - 1.2 初期設定
 - 1.3 レイアウト

2. タイトルとナビゲーション
 - 2.1 ヘッダーエリア
 - 2.2 サイトタイトル、サイトの説明
 - 2.3 グローバルメニュー
 - 2.4 パンくずリスト
 
3. コンテンツ
 - 3.1 メインコンテンツ
 - 3.2 コメント＆トラックバック
 - 3.3 サイドバー
 - 3.4 フッター

4. ページテンプレート
 - 4.1 サイトマップ

5. その他

6. 調整用CSS

-------------------------------------------------------------------------------------------*/

@import url("shortcode.php");

/*-------------------------------------------------------------------------------------------*/
/* 1. 準備 */
/*-------------------------------------------------------------------------------------------*/

/* 

1.1 リセット  

*/

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}
nav ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

/* change colours to suit your needs */
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

/* change colours to suit your needs */
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}

/* change border colour to suit your needs */
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}
input, select {
	vertical-align:middle;
}

/* 

1.2 初期設定 

*/

body {
	text-align: center;
	font-family: "ヒラギノ角ゴ pro W3", Hiragino Kaku Gothic pro, "メイリオ", Meiryo, sans-serif;
	word-wrap: break-word;
	word-break: break-all;
	-webkit-text-size-adjust: none;
	background: #fff;
	position: relative;
}
body,pre {
	font-size: 13px;
	line-height: 1.5;
}
body,x:-moz-broken {
	margin-left:-1px; /*forFirefox3*/
}
* html body {
	margin-left:-1px; /*IE6*/
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 body  { margin-left:-1px;/*Chrome*/}
}

/* リンク */
a, 
a:visited {
	color: #369;
	text-decoration: underline;
}
a:hover, 
a:focus {
	text-decoration: none;
	position : relative;
	top: 1px;
}
a:active {
	color: #D54E21;
}
a:link {
	-webkit-tap-highlight-color : rgba(0,0,0,0);
}

/* Clearfix */
.clearfix {zoom:1;}
.clearfix:after{
	content: "";
	display: block;
	clear: both;
}

/* Clear */
.cl{
	clear: both;
	font-size: 1px;
	line-height: 1px;
	margin: 0;
	padding: 0;
}

/* CSS Sprite Base */
.sprite{
	position:relative;
	overflow:hidden;
}

.sprite img{
	position:absolute;
}

/* 

1.3 レイアウト 

*/

#wrapper {
	width: 1040px;
	margin: 0 auto;
}
	.custom-background #wrapper {
	}
#wrapper-inner {
	position: relative;
	padding-bottom: 1px;
}
#branding-inner,
#header-bar-inner,
#menu-inner,
#breadcrumbs-inner,
#container-inner,
#footer-menu-inner,
#footer-inner {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
#header-bar {
	width: 100%;
	height: 30px;
	top: 0;
	left: 0;
	position: absolute;
	overflow: hidden;
	z-index: 1;
}
#branding {
	width: 100%;
	height: 135px;
	overflow: hidden;
	position: absolute;
	top: 30px;
	left: 0;
	z-index: 1;
}

#branding-inner {
	padding-top: 20px;
}
#menu {
	width: 100%;
	height: 50px;
	overflow: hidden;
	position: absolute;
	top: 30px; /* branding top */
	left: 0;
	margin-top: 135px; /* branding height */
	z-index: 1;
}
#breadcrumbs {
	width: 100%;
	height: 40px;
	overflow: hidden;
	position: absolute;
	top: 80px; /* branding top + menu top */
	left: 0;
	margin-top: 135px; /* header height */
}
#page {
	padding-top: 120px;  /* header-bar +  menu + breadcrumbs */
}
	/* if Home, Page */
	.home #page,
	.page #page {
		padding-top: 80px;  /* header-bar +  menu */
	}
#page-inner {
	margin-top: 135px; /* header height */
}

/* ３カラム */
.column3 #contents {
	width: 805px;
	float: left;
	display: inline;
}
.column3 #main {
	width: 570px;
	float: right;
	display: inline;
	margin-right: 20px;
}
.column3 #main-inner {
}
.column3 #sub {
	width: 195px;
	float: left;
	display: inline;
	margin-bottom: 20px;
}
.column3 #ex {
	width: 195px;
	float: right;
	display: inline;
	margin-bottom: 20px;
}
.column3 #sub .widget {
}
.column3 #ex .widget {
}

/* ２カラム（右サイドバー） */
.right_sidebar #contents {
	width: auto;
	float: none;
	display: block;
}
.right_sidebar #main {
	width: 680px;
	margin: 0 -320px 0 0;
	float: left;
}
.right_sidebar #main-inner {
}
.right_sidebar #sub {
	width: 300px;
	float: right;
	margin-bottom: 0px;
}
.right_sidebar #ex {
	width: 300px;
	float: right;
	clear: right;
	margin-bottom: 20px;
}
.right_sidebar #sub .widget,
.right_sidebar #ex .widget {
}
.right_sidebar .sub {
}

/* １カラム（サイドバー無し） */
.column1 #contents {
	width: 900px;
	float: left;
	display: inline;
}
.column1 #main {
	width: 800px;
	float: right;
	margin: 0 auto;
	padding: 0;
}
.column1 #main-inner {
}
.column1 #sub,
.column1 #ex {
	display: none;
}


/*-------------------------------------------------------------------------------------------*/
/* 2. タイトルとナビゲーション */
/*-------------------------------------------------------------------------------------------*/

/* 

2.1 ヘッダーエリア  

*/

/* ヘッダーバー */
#header-bar {
	background: #000;
}
#header-bar-inner {
}

/* ヘッダーバー カスタムメニュー */
#header-bar .menu,
#header-bar .sb-menu {
	line-height: 1;
	float: right;
	margin: 0 0 0 5px;
	padding: 8px 0;
}
#header-bar .menu li,
#header-bar .sb-menu li {
	display: inline;
	color: #ccc;
	font-size: 93%;
	font-weight: normal;
	line-height: 1;
	text-align: right;
	margin: 0 0 0 10px ;
	padding: 0;
}
#header-bar .menu li a,
#header-bar .sb-menu li a {
	color: #ccc;
	text-decoration: none;
	text-shadow : 0px 1px 1px #000 ;
	padding: 11px 0 ;
}
#header-bar .menu li a:hover,
#header-bar .sb-menu li a:hover {
	color: #fff;
	text-decoration: none;
	text-shadow : none;
	top: 0;
}
#header-bar .menu li a {
	padding-left: 20px;
	background-repeat: no-repeat ;
	background-position: left 9px;
	background-image: url(img/icon-arrow1.png) ;
}

/* ヘッダーバー カスタムメニュー2 */
#header-bar .sb-menu li a {
	padding-left: 20px;
	background-repeat: no-repeat ;
	background-position: left 9px;
}
#header-bar .sb-menu li a.law { background-image: url(img/icon-law.png) ;}
#header-bar .sb-menu li a.facebook { background-image: url(img/icon-facebook.png) ;}
#header-bar .sb-menu li a.twitter { background-image: url(img/icon-twitter.png) ;}
#header-bar .sb-menu li a.google-plus { background-image: url(img/icon-g-plus.png) ;}
#header-bar .sb-menu li a.email { background-image: url(img/icon-email.png) ;}
#header-bar .sb-menu li a.profile { background-image: url(img/icon-profile.png) ;}
#header-bar .sb-menu li a.sitemap { background-image: url(img/icon-sitemap.png) ;}
#header-bar .sb-menu li a.rss { background-image: url(img/icon-rss.png) ;}

/* 

2.2 サイトタイトル、サイトの説明

*/

#branding {
	text-align: left;
}
#branding-inner {
}
#site-title {
	color: #222;
	font-size: 215%;
	font-weight: bold;
	line-height: 1.35;
	text-align: left;
	letter-spacing: 1px;
	margin: 0 0 5px;
	padding: 0;
}
#site-title a {
	color: #222;
	text-decoration: none;
}
#site-title a:hover {
	color: #666;
	text-decoration: none;
	top: 0;
}
#site-description {
	width: 66%;
	color: #555;
	font-size: 100%;
	line-height: 1.5;
	text-align: left;
	letter-spacing: 1px;
	margin: 0;
	padding: 0;
}

/* 

2.3 グローバルメニュー

*/

#menu {
}
#menu-inner {
	margin: 0 auto;
	padding: 0;
	background-color: #000 ;
}
#menu ul {
	height: 50px;
	text-align: left;
	line-height: 0;
	list-style: none;
	margin: 1;
	padding: 0 0 0 20px;
}
#menu li {
	float: left;
	color: #ffffff;
	font-size: 14px;
	line-height: 1;
	text-align: left;
	margin: 0 20px 15px 0;
	padding: 18px 0 0;
}
#menu li a {
	font-weight:bold;
	color: #ffffff;
	text-decoration: none;
	text-shadow : 0px 1px 1px #222 ;
}
#menu li a:hover {
	color: #ffffff;
	text-decoration: none;
	text-shadow : 0px 1px 20px #fff;
	top: 0;
}

/* 

2.4 パンくずリスト

*/

#breadcrumbs {
}
#breadcrumbs-inner {
}
#breadcrumbs ol {
	list-style: none;
	text-align: left;
	margin: 0;
	padding: 20px 0 0;
}
#breadcrumbs ol li {
	display: inline;
	font-size: 100%;
	line-height: 1;
	padding: 0 5px 0 0;
}
#breadcrumbs ol li a {
	font-weight: normal;
	text-decoration:none;
}
#breadcrumbs ol li a:hover {
	text-decoration: underline;
	top: 0;
}
#breadcrumbs ol li a:after {
	content:" > ";
	color: #666;
}


/*-------------------------------------------------------------------------------------------*/
/* 3. コンテンツ */
/*-------------------------------------------------------------------------------------------*/

#container {
}
#container-inner {
	padding-top: 20px;
}

/* アーカイブページのタイトル */
.page-title {
	color: #222;
	font-size: 123.1%;
	font-weight: bold;
	line-height: 1.3;
	text-align: left;
	margin: 0 0 10px;
	padding: 10px 0;
	border-top: 1px solid #999;
	text-shadow : 1px 1px 0px #fff ;
}

/* 

3.1 メインコンテンツ

*/

.post {
	margin: 0 0 35px;
	padding: 20px 0 0;
}

/* アイキャッチ（右） */
.img-right .post-text {
}

.img-right .post-img {
	float: right;
	overflow: hidden;
	margin: 0 0 15px 15px;
}
.img-right .post-img img {
	height: auto;
}
	.column3 .img-right .post-img img {
		max-width: 186px;
	}
	.right_sidebar .img-right .post-img img {
		max-width: 220px;
	}

/* 見出し */
.h1 {
	color: #222;
	font-size: 138.5%;
	font-weight: bold;
	line-height: 1.3;
	text-align: left;
	margin: -4px 0 0.5em;
	padding: 0;
}
.h2 {
	color: #222;
	font-size: 131%;
	font-weight: bold;
	line-height: 1.3;
	text-align: left;
	border-top: 3px solid #ccc;
	margin: 1.5em 0 0.5em;
	padding: 0.5em 0 0;
}
.h3 {
	color: #222;
	font-size: 123.1%;
	font-weight: bold;
	line-height: 1.3;
	text-align: left;
	border-top: 1px solid #ccc;
	margin: 1.5em 0 0.5em;
	padding: 0.5em 0 0;
}
.h4 {
	color: #222;
	font-size: 116%;
	font-weight: bold;
	line-height: 1;
	text-align: left;
	border-left: 16px solid #999;
	margin: 1.5em 0 0.5em;
	padding: 0 0 0 5px;
}
.h5 {
	color: #222;
	font-size: 108%;
	font-weight: bold;
	line-height: 1.3;
	text-align: left;
	text-shadow : 0px 1px 0px #fff ;
	background: #e6e6e6;
	margin: 1.5em 0 0.5em;
	padding: 8px 12px 6px;
}
.h6 {
	color: #222;
	font-size: 108%;
	font-weight: bold;
	line-height: 1.5;
	text-align: left;
	margin: 1.5em 0 0.5em;
	padding: 0;
}

/* A */
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a,
.h1 a:visited,
.h2 a:visited,
.h3 a:visited,
.h4 a:visited,
.h5 a:visited,
.h6 a:visited {
	color: #222;
	text-decoration: none;
}
.h1 a:hover,
.h2 a:hover,
.h3 a:hover,
.h4 a:hover,
.h5 a:hover,
.h6 a:hover {
	color: #222;
	text-decoration: underline;
	top:0;
}

/* 続きを読む */
a .moretext  {
	font-size: 85%;
	display: block;
	text-align: right;
}
a:hover .moretext {
}

/* メタ情報 */
.meta {
	color: #666;
	font-size: 85%;
	line-height: 1.5;
	text-align: right;
	border-top: 1px #ccc dotted;
	border-bottom: 1px #ccc solid;
	margin: -10px 0 0;
	padding: 11px 1em 11px;
}
.meta a:hover {
	top: 0;
}

/* ブログ投稿 */
.post-content {
	margin: 0 0 40px;
}
.post-content h2,
.textwidget h2,
.widget_text h2 {
	color: #222;
	font-size: 123.1%;;
	font-weight: bold;
	line-height: 1.3;
	text-align: left;
	margin: 0 0 20px;
	padding: 0;
}
.post-content h3,
.textwidget h3,
.widget_text h3 {
	color: #222;
	font-size: 123.1%;;
	font-weight: bold;
	line-height: 1.3;
	text-align: left;
	margin: 0 0 20px;
	padding: 0;
}
.post-content h4,
.textwidget h4,
.widget_text h4 {
	color: #222;
	font-size: 123.1%;;
	font-weight: bold;
	line-height: 1.3;
	text-align: left;
	margin: 0 0 20px;
	padding: 0;
}
.post-content h5,
.textwidget h5,
.widget_text h5 {
	color: #222;
	font-size: 108%;
	font-weight: bold;
	line-height: 1.3;
	text-align: left;
	margin: 0 0 20px;
	padding: 0;
}
.post-content h6,
.textwidget h6,
.widget_text h6 {
	color: #222;
	font-size: 108%;
	font-weight: bold;
	line-height: 1.3;
	text-align: left;
	margin: 0 0 20px;
	padding: 0;
}

/* A */
.post-content h2 a,
.post-content h3 a,
.post-content h4 a,
.post-content h5 a,
.post-content h6 a,
.post-content h2 a:visited,
.post-content h3 a:visited,
.post-content h4 a:visited,
.post-content h5 a:visited,
.post-content h6 a:visited,
.textwidget h2 a,
.textwidget h3 a,
.textwidget h4 a,
.textwidget h5 a,
.textwidget h6 a,
.textwidget h2 a:visited,
.textwidget h3 a:visited,
.textwidget h4 a:visited,
.textwidget h5 a:visited,
.textwidget h6 a:visited,
.widget_text h2 a,
.widget_text h3 a,
.widget_text h4 a,
.widget_text h5 a,
.widget_text h6 a,
.widget_text h2 a:visited,
.widget_text h3 a:visited,
.widget_text h4 a:visited,
.widget_text h5 a:visited,
.widget_text h6 a:visited {
	color:#222;
	text-shadow :underline;
}
.post-content h2 a:hover,
.post-content h3 a:hover,
.post-content h4 a:hover,
.post-content h5 a:hover,
.post-content h6 a:hover,
.textwidget h2 a:hover,
.textwidget h3 a:hover,
.textwidget h4 a:hover,
.textwidget h5 a:hover,
.textwidget h6 a:hover,
.widget_text h2 a:hover,
.widget_text h3 a:hover,
.widget_text h4 a:hover,
.widget_text h5 a:hover,
.widget_text h6 a:hover {
	color:#222;
	text-decoration: none;
}

.post-content p,
.textwidget p,
.widget_text p {
	color: #222;
	font-size: 108%;
	line-height: 175%;
	text-align: left;
	margin: 0 0 20px;
	padding: 0;
}
	.post-content p small,
	.textwidget p small,
	.widget_text p small {
		color: #222333;
		font-size: 93%;
	}
.post-content blockquote,
.textwidget blockquote,
.widget_text blockquote {
	border:1px #cccccc solid;
	background: #f3f3f3;
	margin:20px 20px 20px 20px;
	padding:12px 14px 1px;
}
.post-content pre,
.textwidget pre,
.widget_text pre {
	border: 1px #cccccc solid;
	margin: 20px 20px 20px 20px;
	padding: 14px 14px;
	color: #222333;
	font-size: 108%;
	line-height: 175%;
	text-align: left;
}
.post-content dl,
.textwidget dl,
.widget_text dl {
	color:#222333;
	font-size:108%;
	line-height:175%;
	text-align: left;
	margin: 20px 20px 20px 20px;
	padding:0;
}
	.post-content dt,
	.textwidget dt,
	.widget_text dt {
		font-weight: bolder;
	}
	.post-content dd,
	.textwidget dd,
	.widget_text dd {
		margin-left: 2em;
	}
.post-content ul,
.textwidget ul,
.widget_text ul {
	list-style-type: disc;
	text-align:left;
	margin:0 0 21px 28px;
	padding:0;
}
.post-content ol,
.textwidget ol,
.widget_text ol {
	text-align:left;
	margin:0 0 21px 28px;
	padding:0;
}
	.post-content li,
	.textwidget li,
	.widget_text li {
		color:#222333;
		font-size:108%;
		line-height:175%;
		text-align: left;
		margin:0 0 1px;
		padding:0;
	}
.post-content table,
.textwidget table,
.widget_text table {
	width: 100%;
	font-size: 93%;
	text-align: left;
	line-height: 1.5;
	border-collapse: collapse;
	border-spacing: 0;
	border-left: #aaa solid 1px;
	border-top: #aaa solid 1px;
	background:#fff;
	margin: 0 0 20px;
}
	.post-content th,
	.textwidget th,
	.post-content td,
	.textwidget td,
	.widget_text th,
	.widget_text td {
		padding:7px 10px;
		vertical-align:top;
		border-right:#aaa solid 1px;
		border-bottom:#aaa solid 1px;
	}
	.post-content th,
	.textwidget th,
	.widget_text th {
		font-weight:bold;
		background:#e6e6e6;
	}

/* ソーシャルボタン */
#social-buttons {
	text-align: left;
}
.sb-button {
	float:left;
	margin: 20px 5px 5px 0;
}

/* エントリ情報 */
p.entry-utility {
	color:#666;
	font-size: 93%;
	line-height: 200%;
	text-align: right;
	border-top: 1px #ccc solid;
	margin: 0 0 40px;
	padding: 10px 0 0;
}
p.entry-utility a,
p.entry-utility a:visited {
	color:#666;
}
p.entry-utility a:hover {
	top: 0;
}

/* ページナビゲーション */
.tablenav {
	margin: 0 0 20px;
	padding: 15px 0;
	text-align: left;
}
.tablenav .page-numbers,
.tablenav .current,
.tablenav .next,
.tablenav .prev {
	padding: 7px 10px;
	color: #555;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 93%;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
	text-shadow: #fff 0px 1px 0px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #f3f3f3;
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3) ;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3) ;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3) ;
}
	.ie7 .tablenav .page-numbers,
	.ie7 .tablenav .current,
	.ie7 .tablenav .next,
	.ie7 .tablenav .prev {
		border:1px #ccc solid;
	}
.tablenav .page-numbers:hover,
.tablenav .current:hover,
.tablenav .next:hover,
.tablenav .prev:hover {
	top:0;
}

.tablenav .page-numbers {
	margin-right: 5px;
}
a.page-numbers:hover {
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.3) ;
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.3) ;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3) ;
}
.tablenav .current {
	background: #e6e6e6;
	margin-right: 5px;
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3) inset;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3) inset;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3) inset;
}
.tablenav .next,
.tablenav .prev {
	margin-right: 10px;
}

/* 前後ページへのリンク */
#post-navi-link {
	clear: both;
	width: 1000px;
	font-size: 100%;
	line-height: 1.5;
	margin: 0 auto;
	padding-bottom: 20px;
}
#post-navi-link .previous {
	float: left;
	width: 49%;
	text-align: left;
}
#post-navi-link .next {
	float: right;
	width: 49%;
	text-align: right;
}
#post-navi-link a:hover {
	top: 0;
}

/* 

3.2 コメント＆トラックバック

*/

#comping,
#respond {
	background: #f3f3f3;
	margin: 0 0 20px;
	padding: 1px 20px ;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align: left;
}
#respond {
	margin: 0;
	padding: 1px 20px 20px ;
}
#comping a:hover,
#respond a:hover {
	top: 0;
}
#comping h3.title,
h3#reply-title {
	color: #222;
	font-size: 123.1%;
	font-weight: bold;
	line-height: 1.3;
	text-align: left;
	margin: 15px 0 15px;
	padding: 0;
}
#comping p.wait{margin:5px; color:#F00;}
#comping .comment-meta a:hover{color: #ccc;}

/* コメント */	
ul.commentlist,
ul.pinglist {
	list-style-type: none;
	margin:0 0 30px;
	padding:0;
}
li.comment,
li.trackback {
	border-top: 1px #ccc dotted;
	margin:15px 0 15px;
	padding:15px 0 0;
	position:relative;
}
.commentlist .reply a {
	position: absolute;
	top: 15px !important;
	right: 0;
	margin:0;
	padding:0 0 2px 20px;
	background: url(img/icon_com.gif) no-repeat left 6px;
	font-size: 85%;
}
.commentlist .avatar {
	float: left;
	margin:0 10px 0 0;
	padding:3px;
	background:#fff;
	border:1px solid #ddd;
}
.comment-author {
	padding-bottom:3px;
}
.fn {
	font-size:123.1%;
	font-weight: bold;
	font-style: normal;
}
.comment-meta {
	margin-top:-2px;
	margin-bottom:10px;
	color: #999;
	font-size:11px;
	text-align:left;
}
.comment-meta a {
	color: #999;
}
.commentlist p,
.pinglist li p {
	color:#666;
	font-size:93%;
	line-height:150%;
	text-align: left;
	margin:10px 0 10px;
}
.comment-body {
	margin:0 0 15px;
}
.commentlist ul.children {
	list-style-type: none;
	margin:0;
	padding:0;
}
.commentlist ul.children li {
	font-size: 100%;
	margin:0 0 15px 55px;
	padding:15px 0 0;
}
	commentlist ul.children li .fn,
	commentlist ul.children li .comment-meta {
		padding-right: 25px;
		}
#commentform {
	text-align: left;
}

/* トラックバック */
	.pinglist li {
		}
	.pinglist li p {
	}

/* 

3.3 サイドバー

*/

.sub {
	margin: 0 0 10px;
}
.sub p {
	color:#222;
	font-size: 100%;
	line-height: 1.5;
	text-align: left;
	margin: 0;
	padding: 0 0 0.75em;
}
.sub ul {
	list-style: disc;
	margin: 0 0 0 20px;
}
.sub li {
	color:#222;
	font-size: 100%;
	line-height: 1.5;
	text-align: left;
	margin: 0;
	padding: 0 0 4px;
}
	.children li {
	}
.img-sub {
	text-align: center;
	margin: 0 auto;
}
.img-sub img {
	width: 150px;
	margin: 0 0 5px;
}

/* 検索窓 */
#searchform {
	font-size: 100%;
	line-height: 1.5;
	text-align: left;
}
#searchform #s {
	width: 150px;
}
#searchform input {
	margin: 0 0 5px;
}

/* カレンダー */
#wp-calendar {
	width: 100%;
	color: #222;
}
#wp-calendar td,
#wp-calendar th {
	font-size: 85%;
	line-height: 1;
	text-align: center;
	padding: 8px 0 8px 0;
}
#wp-calendar caption {
	color: #666;
	font-size: 93%;
	font-weight: bold;
	text-align: left;
	padding: 10px 0 8px 0;
}
#wp-calendar th {
	font-weight: bold;
	background: #f3f3f3;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#wp-calendar tfoot td {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

/* タグクラウド */
.tagcloud {
	text-align: left;
}

/* 

3.4 フッター

*/

/* フッターメニュー */
#footer-menu {
	clear: both;
	margin: 0;
	padding: 20px 0 0;
}
#footer-menu-inner {
}
#footer-menu .widget {
	width: 235px;
	float: left;
	display: inline;
	padding: 0;
}
#footer-menu .footer-menu1,
#footer-menu .footer-menu2,
#footer-menu .footer-menu3 {
	margin-right: 20px;
	float: left;
	display: inline;
	padding: 0;
}

/* フッター */
#footer {
	clear: both;
	background: #464646;
}
#footer-inner {
	color:#999;
	font-size: 93%;
	font-style: normal;
	text-align: left;
	line-height: 1;
	padding: 20px 20px 20px;
}
#footer p {
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
}
#footer small {
	float: right;
	text-align: right;
	letter-spacing: 1px;
	margin: 0;
	padding: 0;
}
#footer p a,
#footer small a {
	color:#aaa;
	text-decoration:none;
}
#footer p a:hover,
#footer small a:hover {
	color: #fff;
	top: 0;
}


/*-------------------------------------------------------------------------------------------*/
/* 4. ページテンプレート */
/*-------------------------------------------------------------------------------------------*/

/* 

4.1 サイトマップ

*/

.sitemap #main p {
	color:#666;
	font-size:108%;
	line-height:160%;
	text-align: left;
	margin:0 0 10px;
	padding:0;
}
.sitemap #main ul {
	margin-bottom: 30px;
}
.sitemap #main li{
}
.sitemap #main ul li{
	list-style-type: none;
	font-size:108%;
	line-height:150%;
	text-align: left;
	background: url(img/sitemap-li.gif) left center no-repeat;
	margin-left: 2em;
	padding: 5px 0 5px 24px;
}
.sitemap #main ul li.last{
	background: url(img/sitemap-li-last.gif) left center no-repeat;
}


/*-------------------------------------------------------------------------------------------*/
/* 5. その他 */
/*-------------------------------------------------------------------------------------------*/

/* 

ウィジェット

*/

#main .widget {
	text-align: left;
	margin-bottom: 35px;
}
#main .widget-title {
	color: #222;
	font-size: 138.5%;
	font-weight: bold;
	line-height: 1.3;
	text-align: left;
	border-top: 1px solid #ccc;
	margin: 0;
	padding: 1em 0 1em;
}
#main .widget_text,
#main .textwidget {
	font-size:100%;
	line-height:175%;
	text-align: left;
	margin:0 0 1.5em;
	padding:0;
}

.sub .widget {
	text-align: left;
	margin-bottom: 20px;
}
.sub .widget-title {
	font-size: 100%;
	font-weight:bold;
	line-height: 1.3;
	text-align: left;
	margin: 0 0 10px;
	padding: 0;
}
.sub .widget_text,
.sub .textwidget {
	font-size: 100%;
	line-height: 1.5;
	text-align: left;
	margin: 0;
	padding: 0;
}

/* .sub #main 以外に来た場合 */
.widget-title {
	color: #222;
	font-size: 138.5%;
	font-weight: bold;
	line-height: 1.3;
	text-align: left;
	border-top: 1px solid #ccc;
	margin: 0;
	padding: 1em 0 1em;
}

	/*
	
	ウィジェット共通フォーマット rewj= refines widgets
	
	*/

	/* 項目 */
	#main .rewj ul {
		margin: -9px 0 0;
		padding:0;
	}
	#main .rewj .post-item {
		list-style: none;
		padding: 7px 0 1px;
		border-bottom: 1px #999 dotted;
	}
	.sub .rewj ul {
		margin: -9px 0 0;
		padding: 0;
	}
	.sub .rewj .post-item {
		list-style: none;
		padding: 7px 0 1px;
		border-bottom: 1px #999 dotted;
		background: none;
	}
	
	/* サムネイル */
	#main .rewj .post-img {
		float: right;
		width: 81px;
		height: 50px;
		overflow: hidden;
		margin-left: 10px;
		margin-bottom: 4px;
	}
	#main .rewj .post-img img {
		max-width: 81px;
		max-height: 50px;
	}
	.sub .rewj .post-img {
		float: right;
		width: 40px;
		height: 40px;
		overflow: hidden;
		margin-left: 10px;
	}
	.sub .rewj .post-img img {
		max-width: 40px;
		max-height: 40px;
	}
	
	/* タイトル */
	#main .rewj .post-title {
		font-size:108%;
		line-height:166%;
		text-align: left;
		margin-bottom: 4px;
	}
	.sub .rewj .post-title {
		font-size:100%;
		line-height:166%;
		text-align: left;
		margin-bottom: 3px;
	}
	
	/* 本文 */
	#main .rewj p {
		font-size: 93%;
		line-height: 1.5;
		text-align: left;
		margin-bottom: 5px;
	}
	.sub .rewj p {
		font-size: 85%;
		line-height: 1.5;
		text-align: left;
	}
	
	/* 日付 */
	#main .rewj .post-date {
		color:#222;
		font-size: 93%;
	}
	#sub .rewj .post-date {
		color:#222;
		font-size: 93%;
	}
	
	/* コメント数 */
	#main .rewj .comment-num {
		color:#666;
		font-size: 85%;
		line-height: 1.5;
		text-align: right;
	}
	.sub .rewj .comment-num {
		color: #666;
		font-size: 77%;
		line-height: 1.5;
		text-align: right;
	}

/*

広告ウィジェット

 */

/* Main */
.banners {
	font-size:100%;
	line-height:150%;
	text-align: left;
}
.banners .unit {
	float: left;
}
	.banners .c1 .unit1 {
	}
.banners .c2 .unit {
	width: 50%;
}
	.banners .c2 .unit1 {
		margin-right: 7px;
	}
	.banners .c2 .unit2 {
		margin-left: 8px;
	}
.banners .c3 .unit {
	width: 33.333333%;
}
	.banners .c3 .unit1 {
		margin-right: 8px;
	}
	.banners .c3 .unit2 {
		margin-left: 4px;
		margin-right: 4px;
	}
	.banners .c3 .unit3 {
		margin-left: 8px;
	}
.banners .image {
	text-align: left;
	overflow: hidden;
	margin-bottom: 5px;
}
.banners img {
	max-width: 100%!important;
	height: auto!important;
}

/* Sub */
.sub .banners {
	font-size: 93%;
	line-height: 1.5;
	text-align: left;
	margin-bottom: -5px;
}
.sub .banners .unit {
	float: none;
	margin-bottom: 5px;
}
.sub .banners .c1 .unit,
.sub .banners .c1 .unit,
.sub .banners .c2 .unit,
.sub .banners .c2 .unit,
.sub .banners .c3 .unit,
.sub .banners .c3 .unit {
	width: auto;
}
.sub .banners .c1 .unit2,
.sub .banners .c2 .unit1,
.sub .banners .c2 .unit2,
.sub .banners .c3 .unit1,
.sub .banners .c3 .unit2,
.sub .banners .c3 .unit3 {
	margin-left: 0px;
	margin-right: 0px;
}
.sub .banners .image {
	margin-bottom: 5px;
}
.sub .banners img {
	max-width: 100%;
	height: auto;
}

/* 

WordPress必須

*/

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
p img,
.wp-caption {
	margin-top: 0.4em;
}
.wp-caption {
	background: #eee;
	margin-bottom: 1.625em;
	max-width: 96%;
	padding: 9px;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	color: #666;
	font-family: Georgia, serif;
	font-size: 12px;
}
.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 10px 0 5px 40px;
	position: relative;
}
.wp-caption .wp-caption-text:before {
	color: #666;
	content: '\2014';
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-right: 5px;
	position: absolute;
	left: 10px;
	top: 7px;
}
.wp-caption img {
	border-color: #eee;
}
.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {/* ... including captioned images! */
	background: #fff;
	border-color: #ddd;
}
.indexed.format-image .entry-content .wp-caption .wp-caption-text {
	margin: 0;
	padding-bottom: 1em;
}
.indexed.format-image .wp-caption {
	background: #111;
	margin-bottom: 0;
	max-width: 96%;
	padding: 2% 2% 0;
}
.indexed.format-image .wp-caption .wp-caption-text {
	color: #ddd;
}
.indexed.format-image .wp-caption .wp-caption-text:before {
	color: #444;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	color: #666;
	font-family: Georgia, serif;
	font-size: 12px;
}
.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	padding: 10px 0 5px 40px;
	position: relative;
}
.wp-caption .wp-caption-text:before {
	color: #666;
	content: '\2014';
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-right: 5px;
	position: absolute;
	left: 10px;
	top: 7px;
}
.blog .sticky .entry-header .entry-meta {
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

/* Post author highlighting */
.commentlist > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}
.commentlist > li.bypostauthor .comment-meta {
	color: #575757;
}
.commentlist > li.bypostauthor .comment-meta a:focus,
.commentlist > li.bypostauthor .comment-meta a:active,
.commentlist > li.bypostauthor .comment-meta a:hover {
}
.commentlist > li.bypostauthor:before {
	content: url(images/comment-arrow-bypostauthor.png);
}

/* Post Author threaded comments */
.commentlist .children > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}


/*-------------------------------------------------------------------------------------------*/
/* 6. 調整用CSS */
/*-------------------------------------------------------------------------------------------*/

/* margin（外側の余白）
 * t…上
 * r…右
 * b…下
 * l…左
 *
 */

.m0 { margin: 0!important; }
.m0-t { margin-top: 0!important; }
.m0-r { margin-right: 0!important; }
.m0-b { margin-bottom: 0!important; }
.m0-l { margin-left: 0!important; }

.m10 { margin: 10px!important; }
.m10-t { margin-top: 10px!important; }
.m10-r { margin-right: 10px!important; }
.m10-b { margin-bottom: 10px!important; }
.m10-l { margin-left: 10px!important; }

.m20 { margin: 20px!important; }
.m20-t { margin-top: 20px!important; }
.m20-r { margin-right: 20px!important; }
.m20-b { margin-bottom: 20px!important; }
.m20-l { margin-left: 20px!important; }

.m30 { margin: 30px!important; }
.m30-t { margin-top: 30px!important; }
.m30-r { margin-right: 30px!important; }
.m30-b { margin-bottom: 30px!important; }
.m30-l { margin-left: 30px!important; }

.m40 { margin: 40px!important; }
.m40-t { margin-top: 40px!important; }
.m40-r { margin-right: 40px!important; }
.m40-b { margin-bottom: 40px!important; }
.m40-l { margin-left: 40px!important; }

.m50 { margin: 50px!important; }
.m50-t { margin-top: 50px!important; }
.m50-r { margin-right: 50px!important; }
.m50-b { margin-bottom: 50px!important; }
.m50-l { margin-left: 50px!important; }

.m60 { margin: 60px!important; }
.m60-t { margin-top: 60px!important; }
.m60-r { margin-right: 60px!important; }
.m60-b { margin-bottom: 60px!important; }
.m60-l { margin-left: 60px!important; }


/* padding（内側の余白）
 * t…上
 * r…右
 * b…下
 * l…左
 *
 */

.p0 { padding: 0!important; }
.p0-t { padding-top: 0!important; }
.p0-r { padding-right: 0!important; }
.p0-b { padding-bottom: 0!important; }
.p0-l { padding-left: 0!important; }

.p10 { padding: 10px!important; }
.p10-t { padding-top: 10px!important; }
.p10-r { padding-right: 10px!important; }
.p10-b { padding-bottom: 10px!important; }
.p10-l { padding-left: 10px!important; }

.p20 { padding: 20px!important; }
.p20-t { padding-top: 20px!important; }
.p20-r { padding-right: 20px!important; }
.p20-b { padding-bottom: 20px!important; }
.p20-l { padding-left: 20px!important; }

.p30 { padding: 30px!important; }
.p30-t { padding-top: 30px!important; }
.p30-r { padding-right: 30px!important; }
.p30-b { padding-bottom: 30px!important; }
.p30-l { padding-left: 30px!important; }

.p40 { padding: 40px!important; }
.p40-t { padding-top: 40px!important; }
.p40-r { padding-right: 40px!important; }
.p40-b { padding-bottom: 40px!important; }
.p40-l { padding-left: 40px!important; }

.p50 { padding: 50px!important; }
.p50-t { padding-top: 50px!important; }
.p50-r { padding-right: 50px!important; }
.p50-b { padding-bottom: 50px!important; }
.p50-l { padding-left: 50px!important; }

.p60 { padding: 60px!important; }
.p60-t { padding-top: 60px!important; }
.p60-r { padding-right: 60px!important; }
.p60-b { padding-bottom: 60px!important; }
.p60-l { padding-left: 60px!important; }

/* font-weight（文字の太さ） */
.b { font-weight: bold!important; }
.normal { font-weight: normal!important; }

/* font-size（文字の大きさ） */
.f8pt { font-size: 8.5pt!important; }
.f9pt { font-size: 9.0pt!important; }
.f10pt { font-size: 10pt!important; }
.f11pt { font-size: 11pt!important; }
.f12pt { font-size: 12pt!important; }
.f13pt { font-size: 13pt!important; }
.f14pt { font-size: 14pt!important; }
.f15pt { font-size: 15pt!important; }
.f16pt { font-size: 16pt!important; }
.f17pt { font-size: 17pt!important; }
.f18pt { font-size: 18pt!important; }
.f19pt { font-size: 19pt!important; }
.f20pt { font-size: 20pt!important; }
.f21pt { font-size: 21pt!important; }
.f22pt { font-size: 22pt!important; }
.f23pt { font-size: 23pt!important; }
.f24pt { font-size: 24pt!important; }
.f25pt { font-size: 25pt!important; }

/* line-height（行の高さ） */
.lh10 { line-height: 1.0!important; }
.lh11 { line-height: 1.1!important; }
.lh12 { line-height: 1.2!important; }
.lh13 { line-height: 1.3!important; }
.lh14 { line-height: 1.4!important; }
.lh15 { line-height: 1.5!important; }
.lh16 { line-height: 1.6!important; }
.lh17 { line-height: 1.7!important; }
.lh18 { line-height: 1.8!important; }
.lh19 { line-height: 1.9!important; }
.lh20 { line-height: 2.0!important; }

/*行揃え*/
.al-c { text-align: center!important; }
.al-r { text-align: right!important; }
.al-l { text-align: left!important; }

/*文字の色*/
.red { color: #ff0000!important; }
.blue { color: #0000dd!important; }
.green { color: #008000!important; }
.yellow { color: #ffff00!important; }
.navy { color: #000080!important; }
.orange { color: #ff6600!important; }
.pink { color: #ff69b4!important; }
.purple { color: #660099!important; }
.olive { color: #808000!important; }
.lime { color: #00ff00!important; }
.aqua { color: #00ffff!important; }
.black { color: #000000!important; }
.gray { color: #cccccc!important; }
.white { color: #ffffff!important; }

/*背景の色*/
.bgc-red { background-color: #ff0000!important; }
.bgc-blue { background-color: #0000dd!important; }
.bgc-green { background-color: #008000!important; }
.bgc-yellow { background-color: #ffff00!important; }
.bgc-navy { background-color: #000080!important; }
.bgc-orange { background-color: #ff6600!important; }
.bgc-pink { background-color: #ff69b4!important; }
.bgc-purple { background-color: #660099!important; }
.bgc-olive { background-color: #808000!important; }
.bgc-lime { background-color: #00ff00!important; }
.bgc-aqua { background-color: #00ffff!important; }
.bgc-black { background-color: #000000!important; }
.bgc-gray { background-color: #cccccc!important; }
.bgc-white { background-color: #ffffff!important; }

/* float: left（画像などを左端に寄せ、右側にテキストが回り込む）*/
.left { float: left; margin: 0 20px 20px 0!important;}

/* float: right（画像などを右端に寄せ、左側にテキストが回り込む）*/
.right { float: right; margin: 0 0 20px 20px!important; }

.cl {clear: both; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0;}