@charset "utf-8";

/*
Theme Name: Rain or Shine 2009
Theme URI: http://www.WPThemerKit.com
Description: Rain or Shine Ver 3.1
Version: 3.1
Author: たかおファン
Author URI: http://www.rainorshine.asia/
*/

@import "css/default.css";

/* layout */
#wrapper {
	position			: relative;
	width				: 970px;
	margin				: 10px auto 0;
}

#header {
	position			: relative;
	margin-left			: 210px;
	margin-bottom		: 10px;
	width				: 550px;
	height				: 260px;
	background			: #F59F9E url("images/header_bg.gif") no-repeat left top;
}

#content {
	position			: relative;
	margin-left			: 210px;
	padding-bottom		: 10px;
	width				: 548px;
	border				: solid #CCCCB5;
	border-width		: 1px 1px 0;
	background			: #F8F8F0;
}

#content-bottom {
	width				: 548px;
}

#left {
	position			: absolute;
	left				: 0;
	top					: 0;
	width				: 200px;
	font-size			: 90%;
}

#right {
	position			: absolute;
	right				: 0;
	top					: 0;
	width				: 200px;
	font-size			: 90%;
}

#content-bottom {
	margin-left			: 210px;
	margin-bottom		: 10px;
	padding-bottom		: 10px;
	border				: solid #CCCCB5;
	border-width		: 0 1px 1px;
	text-align			: center;
	background			: #F8F8F0;
}

#footer {
	margin-left			: 210px;
	margin-bottom		: 10px;
	padding				: 3px 20px;
	width				: 510px;
	background			: #CCCCB5;
	color				: #FFFFFF;
	text-align			: center;
	font-weight			: bold;
}

/* ページトップへ */
div.goto-top {
	margin-bottom		: 10px;
	padding				: 0 20px;
	text-align			: right;
}

#content h2 {
	margin				: 10px 20px 40px;
	color				: #CCCCB5;
	font-family			: Verdana;
	font-weight			: bold;
	font-size			: 48px;
}

/* h3暫定 */
#content .entry-content h3,
#content .entry-content h4 {
	margin				: 0 0 1em 0;
	padding				: 5px 10px;
	border-left			: solid 8px #CCCCC0;
	border-bottom		: solid 1px #CCCCC0;
	color				: #333;
}

#content .entry-content h5 {
	margin				: 0 0 0.5em 0;
	font-size			: 130%;
	text-decoration		: underline;
	color				: #333;
}
#content .entry-content h5:first-letter {
	font-size			: 120%;
	color				: #990000;
}

/* ヘッダ */
#header #site-titles {
	position			: absolute;
	left				: 30px;
	top					: 30px;
}

#header div.description {
	margin-top			: 20px;
	width				: 400px;
	color				: #FFF;
}

#header #global-navigation {
	position			: absolute;
	bottom				: 52px;
	margin				: 0 20px;
}
#header #global-navigation li {
	float				: left;
	margin-right		: 10px;
}
#header #global-navigation li a {
	display				: block;
	padding				: 2px 7px;
	border				: solid 2px #FFF;
	font-weight			: bold;
	background-color	: #F27676;
	color				: #FFF;
}
#header #global-navigation li a:hover {
	text-decoration		: none;
	padding				: 1px 6px;
	border				: double 3px #FFF;
	color				: #F27676;
	background-color	: #FFCCCC;
}

#rssfeed {
	position			: absolute;
	right				: 20px;
	bottom				: 52px;
}

#icons {
	position			: absolute;
	bottom				: 3px;
	right				: 20px;
}

/* 仮 */
#content div.post {
	margin-bottom		: 60px;
}
#content div.entry-title {
	position			: relative;
	padding				: 0 20px 3px;
	border-bottom		: solid 1px #CCCCB5;
}
#content .entry-title h3 {
	width				: 360px;
	margin				: 0;
	font-size			: 18px;
}
#content .entry-title div.entry-date {
	position			: absolute;
	right				: 10px;
	bottom				: 3px;
	font-family			: Verdana;
	font-size			: 10pt;
	font-weight			: bold;
	color				: #CCCCB5;
}
#content div.entry-meta {
	position			: relative;
	margin				: 5px 10px 0 20px;
}
#content div.entry-meta a {
	color				: #333;
}
#content div.entry-meta span.catposted {
	margin-right		: 1em;
	padding-left		: 20px;
	background			: url("images/category_icon.gif") no-repeat left -1px;
}
#content div.entry-meta span.comments {
	padding-left		: 20px;
	background			: url("images/comment_icon.gif") no-repeat left top;
}
#content span.entry-time {
	position			: absolute;
	right				: 0px;
	top					: -5px;
	font-family			: Verdana;
	font-size			: 10pt;
	font-weight			: bold;
	color				: #CCCCB5;
}
#content div.entry-content {
	margin				: 20px;
}

/* 次の記事、前の記事リンク */
#content div.navigation {
	position			: relative;
	margin				: 0 20px 20px;
	padding				: 0 0 2em;
}
#content .navigation .nextposts {
	position			: absolute;
	width				: 50%;
	left				: 0;
	padding-right		: 1em;
	text-align			: left;
}
#content .navigation .prevposts {
	position			: absolute;
	width				: 50%;
	right				: 0;
	padding-left		: 1em;
	text-align			: right;
}

#content-bottom table {
	margin				: 0 auto;
}

/* アフィリエイト（わかさ生活）*/
#content div.affiriate {
	text-align			: center;
}

/* スポンサーバナー(牛丼) */
#content div.sponser_banner {
	position			: absolute;
	top					: 0;
	right				: 0;
	padding				: 5px;
	font-size			: 90%;
	text-align			: center;
	border				: dashed #CCCCB5;
	border-width		: 0 0 1px 1px;
}

/* ウィジェット */
li.widget {
	margin				: 0 0 10px;
	padding				: 0 9px 9px;
	border				: solid 1px #CCCCB5;
	/*background			: #F8F8F0;*/
	/*padding				: 10px 20px 20px;*/
	/*background			: url("images/side_widget_bg.png") left bottom no-repeat;*/
	background			: #F8F8F0 url("images/side_h.png") repeat-x left top;
}
* html li.widget {
	background-image	: none;
}
li.widget:after {
	content				: "";
	display				: block;
	clear				: both;
	height				: 0;
}
*:first-child+html {
	zoom				: 1;
}

li.widget_execphp {
	/*background-color	: #8a99ba;*/
}
li.widget_calendar {
	/*background-color	: #93ba8a;*/
}
/*
h2.widgettitle {
	padding				: 0 0 5px;
	margin				: 0 0 10px 0;
	border-bottom		: dotted 1px #FFF;
	text-align			: center;
	color				: #663300;
}
*/
h2.widgettitle {
	height				: 25px;
	padding-top			: 5px;
	margin				: 0 0 10px;
	text-align			: center;
	color				: #FFF;
}

/* =========================================================
	カレンダーウィジェット
========================================================= */
li.widget_calendar {
	/*background-color	: #93ba8a;*/
}
table#wp-calendar {
	margin				: 0 auto;
}
.widget_calendar th {
	font-weight			: normal;
}
.widget_calendar th {
	width				: 22px;
	font-size			: 85%;
	text-align			: right;
}
.widget_calendar tbody td {
	text-align			: right;
	width				: 22px;
}

#wp-calendar td#next {
	text-align			: right;
}

/* =========================================================
	最近のコメントウィジェット
========================================================= */
li.widget_recent_comments  {
	/*background-color	: #f29d52;*/
}
.widget_recent_comments a {
	color				: #333300;
}
.widget_recent_comments li.recentcomments {
	margin-bottom		: 5px;
	list-style			: square inside;
}

/* =========================================================
	テキストウィジェット
========================================================= */
li.widget_text {
	/*background-color	: #93ba8a;*/
}

/* =========================================================
	アーカイブウィジェット
========================================================= */
li.widget_archive {
	/*background-color	: #948aba;*/
}
.widget_archive a {
	color				: #663300;
}
.widget_archive li {
	list-style			: square inside;
}

/* =========================================================
	人気記事ウィジェット
========================================================= */
li.widget_views {
	/*background-color	: #93ba8a;*/
}
.widget_views li {
	margin-bottom		: 5px;
	list-style			: square inside;
}
.widget_views li a {
	color				: #333300;
}

/* =========================================================
	カテゴリーウィジェット
========================================================= */
li.widget_categories {
	/*background-color	: #BFBF9F;*/
}
.widget_categories li.cat-item {
	font-weight			: bold;
	margin-bottom		: 5px;
	list-style			: square inside;
}
.widget_categories li.cat-item a {
	color				: #333366;
}
.widget_categories ul.children {
	margin-left			: 1em;
}
.widget_categories ul.children li.cat-item {
	font-weight			: normal;
	margin-bottom		: 0;
}

/* =========================================================
	検索ウィジェット
========================================================= */
li.widget_search {
	/*background-color	: #bdb76b;*/
}
#cse-search-box {
	text-align			: center;
}

li.widget_search input.keyword-box {
}

/* =========================================================
	記事本文
========================================================= */
.entry-content ul {
	margin				: 0 0 1em 20px;
	line-height			: 1.8;
}
.entry-content ul li {
	list-style			: square outside;
}
.entry-content ol {
	margin				: 0 0 1em 30px;
	line-height			: 1.8;
}
.entry-content ol li {
	list-style			: decimal outside;
}
.entry-content p {
	margin-bottom		: 1em;
	line-height			: 1.8;
}
.entry-content dl.flat-list {
	position			: relative;
	margin-bottom		: 20px;
	line-height			: 1.8;
}
.entry-content dl.flat-list dt {
	position			: absolute;
	left				: 0;
	width				: 5em;
}
.entry-content dl.flat-list dd {
	padding-left		: 6em;
}

/* テーブル */
.entry-content table {
	margin-bottom		: 1em;
}
.entry-content table td {
	padding				: 3px 5px;
	border				: solid 1px #CCCCB5;
	text-align			: left;
}
.entry-content table th {
	padding				: 3px 5px;
	border				: solid 1px #CCCCB5;
	text-align			: left;
	background-color	: #EFEFDF;
}

.entry-content strong {
	font-size			: 150%;
	font-weight			: bold;
	color				: #CC3333;
}

.entry-content pre {
	width				: 496px;
	margin-bottom		: 1em;
	padding				: 5px;
	border				: solid 1px #CCCCB5;
	overflow			: auto;
}
.entry-content pre.shell {
	background-color	: #FAFAFA;
/*	color				: #EFEFFF;*/
}

.entry-content blockquote {
background-color: #FAFAFA;
border: solid 1px #CCCCCC;
padding: 10px 10px 0;
margin-bottom: 1em;
}


.entry-content img.alignright {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
}

.entry-content pre.output {
	background-color	: #FAFAFA;
}

/* =========================================================
	コメント
========================================================= */
h3#comments-count {
	margin				: 0 0 20px;
	padding				: 0 20px 3px;
	border-bottom		: solid 1px #CCCCB5;
	color				: #CCCCB5;
	font-family			: Verdana;
	font-weight			: bold;
	font-size			: 18px;
}
ol.commentlist {
	margin				: 0 20px 40px;
	line-height			: 1.8;
}
ol.commentlist li {
	margin				: 0 0 20px;
	padding				: 0 0 0 10px;
	border-left			: double 8px #CCCCB5;
}
img.avatar {
	float				: left;
	margin				: 0 10px 5px 0;
	vertical-align		: top;
}
p.comment-meta {
	text-align			: right;
}

/* =========================================================
	コメントフォーム
========================================================= */
h3#comment-form-title {
	margin				: 0 0 20px;
	padding				: 0 20px 3px;
	border-bottom		: solid 1px #CCCCB5;
	color				: #CCCCB5;
	font-family			: Verdana;
	font-weight			: bold;
	font-size			: 18px;
}
form#commentform {
	/*position			: relative;*/
	float				: left;
	min-height			: 240px;
	padding				: 0 20px 20px;
}

div#comment_side-amazon {
	/*position			: absolute;
	top					: 0;
	right				: 0;*/
	float				: right;
	padding				: 0 20px 20px 0;
}

div#respond:after {
	content				: "";
	display				: block;
	height				: 0;
	clear				: both;
}
* html div#respond {
	zoom				: 1;
}
*:first-child+html div#respond {
	zoom				: 1;
}

/* =========================================================
	関連する投稿
========================================================= */
div#related-posts {
	margin-bottom		: 40px;
}

#related-posts h3 {
	margin				: 0 0 20px;
	padding				: 0 20px 3px;
	border-bottom		: solid 1px #CCCCB5;
	color				: #CCCCB5;
	font-family			: Verdana;
	font-weight			: bold;
	font-size			: 18px;
}
#related-posts ul.st-related-posts {
	margin				: 0 20px 0 40px;
}
#related-posts ul.st-related-posts li {
	list-style			: disc outside;
}

/* =========================================================
	トラックバック
========================================================= */
div#trackback {
	position			: relative;
	margin-bottom		: 40px;
}
#trackback h3 {
	margin				: 0 0 10px;
	padding				: 0 20px 3px;
	border-bottom		: solid 1px #CCCCB5;
	color				: #CCCCB5;
	font-family			: Verdana;
	font-weight			: bold;
	font-size			: 18px;
}
div#trackback-url {
	margin				: 0 20px 10px;
	font-size			: 90%;
}
#trackback ul {
	margin				: 0 20px;
}

/* =========================================================
	リンクページ
========================================================= */
li.linkcat h3 {
	padding				: 0 20px 3px;
	border-bottom		: solid 1px #CCCCB5;
	color				: #666;
}
ul.blogroll {
	margin				: 20px 20px 30px;
}
ul.blogroll li {
	position			: relative;
}
ul.blogroll div.title-banner {
	position			: absolute;
	left				: 0;
	width				: 200px;
}
ul.blogroll div.title-description {
	min-height			: 60px;
	margin				: 0 0 10px 210px;
}

#search_notfound {
	margin				: 20px;
}
#search_notfound h3 {
	margin-bottom		: 20px;
}