@charset "utf-8";

/*----- reset -----*/
html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,cite,pre,
a,abbr,acronym,address,big,cite,code,
del,em,img,ins,q,
small,strike,strong,em,
dl,dt,dd,ol,ul,li,
form,fieldset,legend,label,
table,caption,thead,tfoot,tbody,tr,th,td {
	margin:0; padding:0;
	border:0; outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}
blockquote:before,
blockquote:after,
q:before,q:after {content:"";}
blockquote,q {quotes:"" "";}

/*------------------------------------------------------
 77% = 10px | 122% = 16px | 167% = 22px
 85% = 11px | 129% = 17px | 174% = 23px
 92% = 12px | 136% = 18px | 182% = 24px 
100% = 13px | 144% = 19px | 189% = 25px 
107% = 14px | 152% = 20px | 197% = 26px 
114% = 15px | 159% = 21px |
------------------------------------------------------*/

html {
	height:100%;
	overflow-y:scroll;
}
body {
	padding:0 0 20px;
	background:#fff;
	font:13px/1.6 Verdana, Helvetica, Arial, sans-serif;
	*font-size:small;
	*font:x-small;
}
* html body {
	behavior:url("http://goodserver.jp/css/csshover2.htc");
}

q:before,q:after {content:'';}
abbr,acronym     {border:0; font-variant:normal;}

.hentry p,.hentry table,.hentry ul,.hentry ol,.hentry dl,.hentry div {
	margin:0 0 1.6em;
}

ul {list-style:none;}
.post-content ul {
	padding-left:1.6em;
	 list-style:disc;
	list-style-position:outside;
}
ol {
	padding-left:1.6em;
	list-style-type:decimal;
	list-style-position:outside;
}
ol li ol {
	list-style-type:lower-alpha;
}

h1 {font-size:20px; margin:0;}
h2 {font-size:20px; margin:0 0 1.6em;}
h3 {font-size:18px; margin:3.2em 0 1.6em;}
h4 {font-size:16px; margin:2.5em 0 1.6em;}
h5 {font-size:100%; margin:1.6em 0 1.6em;}
h6 {font-size:100%; margin:1.6em 0 1.6em;}

hr {height:0px; margin:1em 0; padding:0; line-height:0; display:block; border:none; visibility:hidden;}
*:first-child+html hr,* html hr {margin:0;}



/*============リンク============*/
a:link {color:#2b6697; text-decoration:underline;}
a:visited {color:#2b6697; text-decoration:underline;}
a:active,a:hover {color:#000; text-decoration:underline;}
a:focus {outline:none;}

/*============テーブル============*/
table         {border-collapse:collapse; font-size:inherit; font:100%; line-height:1.5; width:100%;}
table a       {text-decoration:none;}
th,td         {padding:3px 5px; border:#ddd 1px solid; font-weight:400; text-align:left; vertical-align:middle;}

/*============イメージ／オブジェクト============*/
img           {vertical-align:middle; border:none;}
.photo        {text-align:center; margin:0 auto 1em; font-size:11px;}
.photo img    {background:#f8f8f8; padding:4px; border:solid 1px #ddd;}

.main a img      {border:1px solid #ddd;}
.main a img:hover{border-color:#0b4871;}

/* クラス
----------------------------------*/

/* clearfix */
.fix, #content  {display:inline-block;}
.fix:after,
#content:after  {content:"."; display:block; height:0; clear:both; visibility:hidden;}
/* Hides from IE-mac \*/
* html .fix,
* html #content {height:1%;}
.fix, #content  {display:block;}
/* End hide from IE-mac */

/* float */
.fl {margin-right:1em!important; float:left;}
.fr {margin-left:1em!important; float:right;}
.fl,.fr {display:inline; margin-top:0!important;}
.cb {clear:both;}
.cl {clear:left;}
.cr {clear:right;}
.cb,.cl,.cr {display:block;}

/*テキスト*/
em,strong,dt,h1,h2,h3,h4,h5,.fwb,.hot {font-weight:700;}
em         {font-style:normal;}
strong,.hot {background:#e6efc9; padding:0 2px;}
.cool      {color:#888;}

.fs-xs     {font-size:77%!important;}
.fs-s      {font-size:92%!important;}
.fs-l      {font-size:122%!important;}
.fs-xl     {font-size:136%!important;}

del {text-decoration:line-through;}

/* text-align */
.tc,thead th {text-align:center;}
.tl {text-align:left;}
.tr {text-align:right;}

/* display */
.dn {display:none;}
.db {display:block;}
.dib,#pagetop a {
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:top;
}

/* margin */
.mgt {margin-top:3.2em!important;}
.mgb {margin-bottom:3.2em!important;}
.mgtb {margin-top:3.2em!important; margin-bottom:3.2em!important;}



blockquote {font-size:92%; color:#333; margin:1.5em 1em; border-right:solid #ccc 2px; border-left:solid #ccc 2px; padding:0 1em;}
pre        {font-size:92%;}
ins        {text-decoration:none; display:block; font-size:92%; margin:1em 2em; padding:0 1em;}

/*============フォーム============*/
legend {
	display:none;
}
input,select,textarea,.text,.submit  {
	font-family:Verdana, Helvetica, Arial, sans-serif;
	margin:0;
}
input,select {
	display:inline;
	vertical-align:middle;
}
.text,textarea {
	border:solid 1px #bebea3;
}


#container {
	text-align:left;
	width:950px;
	margin:0 auto;
	background:#fff; color:#000;
}

/* ヘッダー
----------------------------------*/
#header {
	position:relative;
	padding-top:20px;
}
#logo {
	width:230px; height:75px;
	background:#f0f0f0 url(/img/bg/logo.jpg) no-repeat 50% 50%;
	text-indent:-9999px;
}
#logo a {
	width:230px; height:75px;
	display:block;
}

/* メニュー */
#menu {
	height:30px;
	margin:20px 0; padding:5px 15px;
	background:#78902a;
	border-top:3px solid #484330;
	border-bottom:1px solid #333;
}
#menu li {
	float:left; display:inline;
	height:28px;
	border-width:1px;
	border-style: solid;
	border-color:#78902a #626b47 #78902a #a1b56b;
}
* html #menu li {width:130px; text-align:center;}
#menu li#home {
}
#menu li:hover {
	border-color:#333;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
#menu a {
	height:26px;
	line-height:26px;
	padding:0 10px;
	display:block;
	color:#f8f8f8;
	border:1px solid #78902a;
	text-shadow:#888 0 0 1px;
	text-decoration:none!important;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
#menu a:hover       {background:#4c5b1b; border-color:#a1b56b;}
#menu a.current,
#menu .current a    {background:#4c5b1b; border-color:#a1b56b;}

/* サーチフォーム */
#searchform {
	display:inline;
	padding:5px;
	background:#f8f8f8;
	border:1px solid #bebea3;
	text-align:right;
	position:absolute; right:5px; top:40px;
}
* html #searchform {width:360px; text-align:center;}

#searchform .text {
	width:180px; height:22px;
	line-height:24px;
	padding:0 3px;
	border-width:2px;
}
#searchform .text:focus {
	border-color:#c7cc56;
}
#searchform select {
	height:22px;
}
#searchform .submit {
	width:32px; height:32px;
	padding:0;
	text-indent:-9999em;
	border:none!important;
	background:url(/img/bg/search.png) no-repeat 50% -32px;
	cursor:pointer;
}
#searchform .submit:hover {
	background:url(/img/bg/search.png) no-repeat 50% 0;
}

#content {
	margin:20px 0;
}

/* Navigation */
.navigation {
	margin:0 0 30px;
	color:#666;
}
.navigation a {
}
.navigation span {
	margin:0 2px;
}




/*左サイド
============================================================*/
.main {float:left; width:672px;}
.home .main {width:586px;}

.hentry {padding:0 16px; font-size:107%;}
h2 {padding:0 0 10px; background:url(/img/bg/h2.png) repeat-x left bottom;}
.post-content h3 {
	padding:0 0 0 10px;
	border-left:28px solid #ccc;
	border-bottom:1px solid #eee;
}
.post-content h4 {
	padding:0 0 0 10px;
	border-left:20px double #ccc;
}

span.date {font-size:85%; color:#303030; padding-left:20px; background:url(/img/list/date.png) no-repeat 0 50%; margin-right:7px;}
span.comments {padding-left:20px; background:url(/img/list/comments.png) no-repeat 0 50%; margin-right:7px;}


/* カテゴリ／アーカイブ
============================================================*/
.archive dl.post-content      {margin-top:50px!important;}
.archive dl.post-content dd p {font-size:100%; margin:6px!important;}
.archive ul.controls      {margin:0 0 50px!important;}

dl.entrylist       {margin:0 0 30px;}
dl.entrylist dt    {font-size:114%; margin:30px 0 6px;}
.excerpt {position:relative; padding:1em 0 0 80px; width:560px; border-bottom:#ddd 1px solid;}
.excerpt p  {}
.excerpt img {position:absolute; left:24px; top:24px;}
dl.entrylist dd.tr {border-bottom:#ddd 1px solid; padding-bottom:20px;}

/* ページナビ */
.wp-pagenavi {
	text-align:center;
	margin:20px 0;
	font-family:Verdana; color:#888;
}
.wp-pagenavi a,.wp-pagenavi span {
	display:inline;
	margin:0 4px; padding:3px 8px;
	border:1px solid #4c5b1b;
}
.wp-pagenavi a {
	text-decoration:none !important;
	background:#78902a;
	color:#f8f8f8 !important;
}
.wp-pagenavi a:hover {
	background:#4c5b1b;
}
.wp-pagenavi span.pages,.wp-pagenavi span.extend {
	border-color:#fff;
}
.wp-pagenavi span.current {
	border-color:#ddd;
}


/* シングル
----------------------------------*/
.post-content    {font-size:114%;}
.hentry .fix {margin:0;}
.post-content ul {margin-left:2em; list-style:disc;}
.post-content ol {margin-left:2em; list-style:decimal; list-style-position:outside;}
ul.lsn   {list-style:none; margin-left:0;}
.post-content dt {margin:1.6em 0 .6em;}

.post-meta {font-size:92%; color:#888;}


.photo     {text-align:center; font-size:11px;}
.photo img {}

/* 追記 */
.add   {display:block; background-color:#f8f8f8; border:1px dashed #ccc; padding:0.5em 13px;}
dl.add {padding:0 1.6em 1.6em;}
ul.add {margin:1.6em 0; padding:13px 13px 13px 2em;}


/* 関連 */
.related {margin:20px 0; padding:30px 0 0;}
.related dt {width:84px; float:left; margin:0;}
.related dd {padding-left:94px; margin:0;}
.related dd a {white-space:nowrap;}
.related dd.cb {padding-top:20px;}

/* 最新10件 */
#other {margin:20px 0; padding:30px 0 0; border-top:1px #ccc solid;}
#other dt {margin:0 0 .5em; padding:0 0 .5em; border-bottom:1px dotted #ddd; font-size:114%;}
#other li {width:535px; position:relative; padding:2px 0 0 105px;}
#other li span {position:absolute; left:0; top:4px;}

/* ポストリンク */
.post-link li {
	line-height:18px;
	margin:3px 0; padding-left:24px;
	background:url(/img/icon/post-link.png) no-repeat 0 0;
	color:#777;
}
.post-link li.newer {
	background-position:0 -36px;
}
.post-link li.older {
	background-position:0 -72px;
}

/* コメント
----------------------------------*/
#comments {margin:20px 0 0; padding-top:20px;}
#comments ol li {padding-top:1.6em;}
div.comment-author   {margin-bottom:6px; font-weight:700;}
.comment-gravatar {margin-right:10px; background:#fff; border:1px solid #f0f0f0; padding:3px;}
.comment-data     {padding:0 39px; border:1px solid #ddd; margin:0;}
.comment-data p   {margin:1em 0;}
.comment-meta     {color:#666; margin-bottom:5px; font-size:85%;}

.unapproved {font-style:italic;}

/* コメントフォーム */
#respond {margin-top:20px;}
#comment-form {
	margin:20px 0; padding:20px 20px 10px;
	background:#f8f8f8;
	border:solid 2px #bebea3;
}
#comment-form dt {
	display:block;
	margin:0;
	color:#444;
}
#comment-form .small {
	display:block;
	font-size:11px; font-weight:400;
	color:#666;
}
#comment-form dd {
	margin:0 0 10px;
}
#comment-form dd.textarea {
	height:auto;
}
#comment-form textarea {
	display:block;
	width:560px; height:10em;
	padding:5px;
}
#comment-form .text {
	padding:5px;
	width:200px;
}
#comment-form #submit {
	width:200px; height:30px;
	line-height:30px;
	text-align:center;
	background:#444; color:#eee;
	border:0;
	cursor:pointer;
}
#comment-form #submit:hover {
	background:#c7cc56; color:#444;
}
#comment-form .text:focus,#comment-form textarea:focus{
	padding:4px;
	border:solid 2px #c7cc56;
}
/* コメajax */
.wdpajax-error {
	padding:5px;
	background:#fff; color:#ff3311;
	border:3px solid #f9d9c9;
	}
.wdpajax-success {
	padding:5px;
	background:#fff; color:#000;
	border:3px solid #c7cc56;
}
.wdpajax-loading {
	display:inline;
	padding:5px;
	background:#c7cc56; color:#000;
}
label.error {
	padding:2px 5px;
	float:none!important;
	background:#fff;
	border:1px solid red; color:red;
}


/* サイドバー
----------------------------------*/
#sidebar {width:250px; float:right;}
.home #sidebar {width:338px;}

dl.navi {
	margin:0 0 20px;
	background:url("/img/bg/sidebar-dl.png") repeat-x 0 bottom;
}
dl.navi dt {
	height:48px;
	line-height:48px;
	margin:0 0 4px; padding-left:55px;
	background:url("/img/menu/dt-title.png") no-repeat;
	color:#333;
}
dl.navi dd {
	margin:0 0 14px; padding:10px;
	background:#f8f8f8 url("/img/bg/sidebar-dd.png") repeat-x 0 0;
	border:solid 1px #ccc;
}
dl.navi li {
	padding:5px;
	border-top:solid 1px #fff;
	border-bottom:solid 1px #ccc;
}
dl.navi li:hover a {
	background-color:#eff3bf;
}
dl.navi li a {
	display:block;
	text-decoration:none !important;
}
dl.navi li a:hover {
	background-color:#eff3bf;
}

/* こだわり */
#key dt {background-position:0 0;}
#key li {}
#key li a {line-height:32px; padding-left:40px; background:url("/img/menu/key.png") no-repeat;}
#key li span {padding:3px 1em 0;}

#key #low a  {background-position:0 0}
#key #lar a {background-position:0 -32px;}
#key #mul a {background-position:0 -64px;}
#key #sub a {background-position:0 -224px;}
#key #mys a {background-position:0 -256px;}
#key #cor a {background-position:0 -96px;}
#key #sho a {background-position:0 -128px;}
#key #win a {background-position:0 -160px;}
#key #pho a {background-position:0 -192px;}

/* ランキング */
#rank dt {background-position:0 -48px;}
#rank li {line-height:32px;}
#rank li a img {margin-right:7px; width:32px; height:32px;}


#pagetop {
	width:670; height:30px;
	padding-right:280px; text-align:right; margin:20px auto 0;
}
#pagetop a {
	text-decoration:none;
	width:160px; height:27px; line-height:27px;
	background:#484330; color:#d8da99; text-align:center;
	border:#222 3px solid; border-bottom-color:#484330;
}
#pagetop a:hover {}


/* フッター
----------------------------------*/
#footer {
	text-align:left;
	width:950px;
	margin:0 auto; padding:20px 0;
	background:#484330;
	color:#000;
	border:#222 3px solid;
	border-width:3px 1px;
}
#footer a {color:#eee; text-decoration:none;}
#copy {color:#ccc; margin-right:1em;}
#footer-links    {padding:0 20px;}
#footer-links ul {display:inline; margin-right:1em;}
#footer-links li {display:inline; margin-left:1em;}




/*============ *広告 ============*/
#pickup {margin:20px 0 0; border:1px solid #ddd;}
#pickup dt {border-bottom:2px dotted #757825; padding:4px 10px; font-size:14px; font-weight:bold; background:#373912; color:#eee;}
#pickup dd {padding:8px;}
#pickup ul {}
#pickup li {text-align:center; margin:14px 0 0;}
#pickup li a {font-weight:bold; font-size:114%;}
#pickup li p {margin:3px 0 0; text-align:center;}

/* Google */
.gs-ad {text-align:center; margin-bottom:20px; overflow:hidden;}
.gs-336280 {width:336px; height:280px; border:1px #ccc solid}

.text-336x280 {padding:20px 0; margin:20px; border-top:1px solid #ccc;}
.gs-250250 {width:250px; height:250px;}
.gs-160600 {width:160px; height:600px; border:1px solid #ccc; background:#f8f8f8; padding:20px 44px; margin:20px auto;}
.gs-46815 {width:468px; height:15px;}



/* cf 7 */
div.wpcf7 {}
div.wpcf7-response-output {
	margin:2em 0.5em 1em; padding:0.2em 1em;
}
div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
}
div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
}
div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}
div.wpcf7-validation-errors {
	border: 2px solid #f7e700;
}
span.wpcf7-form-control-wrap {
	position: relative;
}
span.wpcf7-not-valid-tip {
	position: absolute;
	left: 20%; top: 20%;
	z-index: 100;
	background: #fff;
	border: 1px solid #ff0000;
	font-size: 10pt;
	width: 280px;
	padding: 2px;
}
span.wpcf7-not-valid-tip-no-ajax {
	color: #f00;
	font-size: 10pt;
	display: block;
}
span.wpcf7-list-item {
	margin-left: 0.5em;
}
.wpcf7-display-none {
	display: none;
}
img.ajax-loader {}

