/*
Template Name: 茶スタイルシート
*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ヘッダー */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#header {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #14100C), color-stop(0.00, #4F3D30));
	background: -webkit-linear-gradient(#4F3D30, #14100C);
	background: -moz-linear-gradient(#4F3D30, #14100C);
	background: -o-linear-gradient(#4F3D30, #14100C);
	background: -ms-linear-gradient(#4F3D30, #14100C);
	background: linear-gradient(#4F3D30, #14100C);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* グローバルナビゲーション */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#g-navi-in ul.sub-menu li,
#g-navi-in ul ul{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #14100C), color-stop(0.00, #4F3D30));
	background: -webkit-linear-gradient(#4F3D30, #14100C);
	background: -moz-linear-gradient(#4F3D30, #14100C);
	background: -o-linear-gradient(#4F3D30, #14100C);
	background: -ms-linear-gradient(#4F3D30, #14100C);
	background: linear-gradient(#4F3D30, #14100C);
}
@media screen and (max-width: 480px) {
#g-navi-in ul li{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #14100C), color-stop(0.00, #4F3D30));
	background: -webkit-linear-gradient(#4F3D30, #14100C);
	background: -moz-linear-gradient(#4F3D30, #14100C);
	background: -o-linear-gradient(#4F3D30, #14100C);
	background: -ms-linear-gradient(#4F3D30, #14100C);
	background: linear-gradient(#4F3D30, #14100C);
}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* バナー */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.banner {
	background: #4F3D30;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* トップ */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* 見出し
─────────────────────────── */

.midashi-title {
	background: url(img/brown/midashi-title.png)  no-repeat;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 記事 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* 見出し
─────────────────────────── */

h3 {
	font-size:22px;
	font-weight:bold;
	margin: 30px 0;
	padding: 18px 10px 16px 20px;
	background: #4F3D30;
	border: none;
	line-height: 150%;
	clear: both;
}
.entry-title-page {
	font-size:16px;
	font-weight:bold;
	margin: 10px 0 0;
	padding: 12px 10px 5px 25px;
	border-top: none;
	clear: both;
}
.entry-title-page a {
	color: #000000;
	text-decoration: none;
}
.entry-title-page a:hover {
	color: #000000;
	text-decoration: none;
}
h4{
	font-size:20px;
	font-weight:bold;
	line-height: 140%;
	margin: 20px 0;
	position: relative;
	padding: 10px 5px 8px 15px;
	border-left: 5px solid #4F3D30;
	clear: both;
	border-bottom: 2px solid #4F3D30;
}
h5 {
	font-size:18px;
	font-weight:bold;
	margin: 20px 0;
	padding: 3px 10px 10px 15px;
	background-color:transparent;
	border-bottom: 2px #4F3D30 solid;
	clear: both;
}
.entry-title,
#review h2.review-title{
	color: #F2BF68;
	border: none;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #14100C), color-stop(0.00, #4F3D30));
	background: -webkit-linear-gradient(#4F3D30, #14100C);
	background: -moz-linear-gradient(#4F3D30, #14100C);
	background: -o-linear-gradient(#4F3D30, #14100C);
	background: -ms-linear-gradient(#4F3D30, #14100C);
	background: linear-gradient(#4F3D30, #14100C);
}
.entry-title a{
	color: #F2BF68;
	text-shadow: 1px 1px 0 #14100C;
}
#new-content h3.infotitle, .c_c_t_w .entry-title,
.c_c_b_w .entry-title, #new-content .entry-title,
.comments_box h3,.c_c_t_w #calendar_wrap caption,
.c_c_b_w #calendar_wrap caption, #tb,
#main h2, #main_mail h2, .title,
#new-content h3.infotitle, #foot-end,
#side-right caption, #side-left caption,
.tablenav .current {
	color: #F2BF68;
	border: none;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #14100C), color-stop(0.00, #4F3D30));
	background: -webkit-linear-gradient(#4F3D30, #14100C);
	background: -moz-linear-gradient(#4F3D30, #14100C);
	background: -o-linear-gradient(#4F3D30, #14100C);
	background: -ms-linear-gradient(#4F3D30, #14100C);
	background: linear-gradient(#4F3D30, #14100C);
}
#main h2,
#main_mail h2 {
	background-image: url(img/email.png), -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #14100C), color-stop(0.00, #4F3D30));
	background-image: url(img/email.png), -webkit-linear-gradient(#4F3D30, #14100C);
	background-image: url(img/email.png), -moz-linear-gradient(#4F3D30, #14100C);
	background-image: url(img/email.png), -o-linear-gradient(#4F3D30, #14100C);
	background-image: url(img/email.png), -ms-linear-gradient(#4F3D30, #14100C);
	background-image: url(img/email.png), linear-gradient(#4F3D30, #14100C);
	background-repeat: no-repeat, no-repeat;
	background-position: 17px 15px, center;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 続きを読む設定 */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

a.more-link {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #14100C), color-stop(0.00, #4F3D30));
	background: -webkit-linear-gradient(#4F3D30, #14100C);
	background: -moz-linear-gradient(#4F3D30, #14100C);
	background: -o-linear-gradient(#4F3D30, #14100C);
	background: -ms-linear-gradient(#4F3D30, #14100C);
	background: linear-gradient(#4F3D30, #14100C);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* コメント */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* 見出し
─────────────────────────── */

h3#comments, h3.comments {
	font-weight:bold;
	font-size:16px;
	margin: 40px 0 0;
	padding: 7px;
	background-image: none;
	background-color: #FFFFFF;
	border: 2px solid #1B4990;
	clear: both;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 検索ボタン */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#searchsubmit {
	background: #111111 url(img/search.png) no-repeat center;
	text-indent: -300%;
}
#searchsubmit:hover {
	box-shadow: 0 0 10px #111111 inset;
	background: #333333 url(img/search.png) no-repeat center;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* サイドメニュー　*/
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* カテゴリ
─────────────────────────── */

#side-left ul.cate li ul.children li {
	background: url(img/brown/triangle.gif)  no-repeat 0px 7px;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 見出し */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#review_in h2, 
#review_in h3, 
#killer h2 {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #382B22), color-stop(0.00, #4E3D30));
	background: -webkit-linear-gradient(#4E3D30, #382B22);
	background: -moz-linear-gradient(#4E3D30, #382B22);
	background: -o-linear-gradient(#4E3D30, #382B22);
	background: -ms-linear-gradient(#4E3D30, #382B22);
	background: linear-gradient(#4E3D30, #382B22);
	background-size: 100% 100%;
}
#killer h3 {
	background: #FFFFFF;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #382B22), color-stop(0.00, #4E3D30));
	background: -webkit-linear-gradient(#4E3D30, #382B22);
	background: -moz-linear-gradient(#4E3D30, #382B22);
	background: -o-linear-gradient(#4E3D30, #382B22);
	background: -ms-linear-gradient(#4E3D30, #382B22);
	background: linear-gradient(#4E3D30, #382B22);
}
#review_in h4{
	color: #FFFFFF;
	border: none;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #6D5A4E), color-stop(0.00, #4E3D30));
	background: -webkit-linear-gradient(#6D5A4E, #4E3D30);
	background: -moz-linear-gradient(#6D5A4E, #4E3D30);
	background: -o-linear-gradient(#6D5A4E, #4E3D30);
	background: -ms-linear-gradient(#6D5A4E, #4E3D30);
	background: linear-gradient(#6D5A4E, #4E3D30);
}
#killer h4 {
	border-left: 8px solid #4E3D30;
	border-bottom: 2px solid #4E3D30;
}
#review_in h5 {
	border-left: 8px solid #6D5A4E;
	border-bottom: 2px solid #6D5A4E;
}
#killer h5 {
	background: #FFFFFF url(img/brown/h5.png) 1px 8px no-repeat;
}
#mail_magazine h2{
	color: #FFFFFF;
	background: #FFFFFF url(img/brown/mrmg_h2.png) bottom no-repeat;
	background-size: 100%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ページ分割ナビゲーション */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.wp-pagenavi {
	margin: 0 0 10px;
	color: #555555;
	font-size: 12px;
	text-align: left;
}
.wp-pagenavi a, .wp-pagenavi a:link {
	font-size: 12px;
	padding: 3px 10px;
	margin: 0.25em;
	text-decoration: none;
	border: 1px solid #8f9da6;
	color: #8f9da6;
}
.wp-pagenavi a:visited {
	border: 1px solid #8f9da6;
	color: #8f9da6;
}
.wp-pagenavi a:hover {
	text-decoration: underline;
	border: 1px solid #1B4990;
	color: #1B4990;
}
.wp-pagenavi span.pages {
	font-size: 12px;
	padding: 3px 10px;
	margin: 0.25em 0.25em 0.25em 0;
	border: 1px solid #DDDDDD;
}
.wp-pagenavi span.extend {
	font-size: 12px;
	padding: 3px 10px;
	margin: 0.25em;
	border: 1px solid #DDDDDD;
}
.wp-pagenavi span.current {
	font-size: 12px;
	color:#FFFFFF;
	font-weight: bold;
	padding: 3px 10px;
	margin: 0.25em;
	background-color: #1B4990;
}

/* グラフ２ */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

table.graph2 th{
	background: #846755;
}

/* グラフ２ */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

table.graph2 th{
	background: #795D4B;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ランキングa
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.rankinga-border{
	border-color: #795D4B;
}
table.rankingvera .r1-title-no1 {
	background: url(img/ranking/aa-rank1.png) no-repeat;
	border-bottom:3px #795D4B solid;
}
table.rankingvera .r1-title-no2 {
	background: url(img/ranking/aa-rank2.png) no-repeat;
	border-bottom:3px #795D4B solid;
}
table.rankingvera .r1-title-no3 {
	background: url(img/ranking/aa-rank3.png) no-repeat;
	border-bottom:3px #795D4B solid;
}
table.rankingvera .r1-title-no4 {
	background: url(img/ranking/aa-rank4.png) no-repeat;
	border-bottom:3px #795D4B solid;
}
table.rankingvera .r1-title-no5 {
	background: url(img/ranking/aa-rank5.png) no-repeat;
	border-bottom:3px #795D4B solid;
}
table.rankingvera .r-a-contents {
	background: #795D4B;
	border-color: #795D4B;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ランキングc
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.rankingverc .title-back {
	background: url(img/ranking/title-back-brown.png) repeat-y left center;
}
.rankingverc .seal{
	background: url(img/ranking/seal_brown.png) no-repeat center center;
}


/*--------------------------------------------------------------------------------
このCSSファイルの無断配布及び商用販売を固く禁じます。
Copyright 株式会社Mithril All rights Reserved.
//www.mithril-web.com/
----------------------------------------------------------------------------------*/