﻿/*
Theme Name: Ikebana Mimura Theme
Theme URI: http://ikebana-mimura.blush.jp/
Description: This is my Theme
Author: AKIKO NISHIMURA
Author URI: http://web-feel.jp/
*/



/* :::::::::: リセットスタイルここから :::::::::: */

body, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, table, tr, th, td, form {
	margin: 0px;
	padding: 0px;
}

img {
	border: 0;
	vertical-align:top;/*リストタグで隙間を無くす設定*/
}

/* :::::::::: リセットスタイルここまで :::::::::: */



/* :::::::::: ページ全体の設定 :::::::::: */

body {
	background-image: url(image/bg_blog.jpg);
	background-position: left top;
	background-repeat: repeat;
	color: #534742;
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

a:link {
	color: #534742;
	text-decoration: none;
}
a:visited {
	color: #534742;
	text-decoration: none;
}
a:hover {
	color: #CB626C;
	text-decoration: none;
}
a:active {
	color: #FFCC66;
	text-decoration: none;
}


div#pageBody {
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

div#header {
	margin-bottom: 50px;
}

h1 {	
	width: 900px;
	height: 300px;
}

/* :::::::::: コンテンツとサイドバー :::::::::: */

div#content {
	width: 650px;
	margin-right: 30px;
	float: left;
}

div#sidebar {
	width: 220px;
	float: right;
}

/* :::::::::: 記事 :::::::::: */

div.post {
	background-color: #FFFFFF;
	margin-bottom: 50px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
}

p.pagetitle {
	background-image: url(image/icon_pickup.png);
	background-repeat: no-repeat;
	background-position: 10px 15px;
	font-size: 0.9em;
	font-weight: bold;
	background-color: #FFFFFF;
	margin-bottom: 30px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
}

div#content h2 {	
	background-image: url(image/icon_title.png);
	background-repeat: no-repeat;
	background-position: 0px -1px;
	font-size: 0.9em;
	padding-left: 20px;
}

div.post p {
	font-size: 0.8em;
	line-height: 1.7em;
	padding-right: 30px;
	padding-left: 30px;
}

div.post p.postinfo_date {
	height: 25px;
	font-size: 0.7em;
	}

div.post p.diary_content {
	padding-top: 50px;/*日付と記事本文の余白*/
}

div.post p.postinfo_ca {
	font-size: 0.7em;
	margin-top: 20px;
	text-align: right;
}

div.post p.postinfo_ca a {
	text-decoration: underline;
	margin-right: 5px;
}

div.post p.postinfo_ca a:link {
	color: #8d53a7;
}
div.post p.postinfo_ca a:visited {
	color: #8d53a7;
}
div.post p.postinfo_ca a:hover {
	color: #CB626C;
}
div.post p.postinfo_ca a:active {
	color: #FFCC66;
}

/* :::::::::: 記事内の画像 :::::::::: */

.alignnone {
	display:block;
}

div.post img {
	border: none;
}

/* :::::::::: サイドバーエリア :::::::::: */

h3 {
	height: 25px;
	font-size: 0.8em;
	line-height: 25px;
	font-weight: normal;
	margin-top: 35px;
	margin-bottom: 10px;
	padding-top: 1px;
	padding-left: 7px;
}

h3#website {
	background-image: url(image/bg_mimura.png);
	background-repeat: no-repeat;
	background-position: top left;
}

h3#searchin {
	background-image: url(image/bg_search.png);
	background-repeat: no-repeat;
	background-position: top left;
}

h3#newarchive {
	background-image: url(image/bg_ttl.png);
	background-repeat: no-repeat;
	background-position: top left;
}

h3#categorylink {
	background-image: url(image/bg_kategori.png);
	background-repeat: no-repeat;
	background-position: top left;
}

h3#monthly {
	clear:both;    /* 検索フォームとサブミットボタンの横並びのためのfloat:left;解除 */
	background-image: url(image/bg_archive.png);
	background-repeat: no-repeat;
	background-position: top left;
}

h3#weblinks {
	background-image: url(image/bg_links.gif);
	background-repeat: no-repeat;
	background-position: top left;
}


div#sidebar ul {
	margin-left: 7px;
	padding-right: 5px;
}

/* li背景画像を個別に設定するため簡略化 */
div#sidebar ul li {
	list-style-type: none;
	padding-left: 15px;
	font-size: 0.8em;
	line-height: 1.8em;
}

ul.listmark li {
	background-image: url(image/icon_pickup.png);
	background-repeat: no-repeat;
	background-position: 0px 7px;
}

ul.listmark h4 {
	font-weight: normal;
}

/* リンク集にのみ適用 */
ul.listmark li li {
	padding-left: 10px;
	background-image: url(image/icon_pickupmini.png);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	font-size: 1em;
}

/* :::::::::: カレンダー :::::::::: */

table#wp-calendar {
	width: 100%;
}

table#wp-calendar caption {
	background-image: url(image/bg_cal.png);
	background-repeat: no-repeat;
	background-position: top left;
	height: 25px;
	font-size: 0.8em;
	line-height: 25px;
	text-align: left;
	margin-bottom: 5px;
	padding-top: 1px;
	padding-left: 7px;
}

table#wp-calendar td, th {
	font-size: 0.7em;
	font-weight: normal;
	text-align: center;
}

table#wp-calendar a {
	color: #CB626C;
	text-decoration: underline;
}

table#wp-calendar #prev {
	text-align: left;
}

table#wp-calendar #next {
	text-align: right;
}

/* :::::::::: 月別アーカイブ セレクトボタン :::::::::: */

select#archive-dropdown {
	width: 190px;
	margin-left: 7px;
}

/* :::::::::: 検索フォーム :::::::::: */

form#search {
}

input#s {
	width: 130px;
	margin-left: 7px;
float:left;
}

input#submit {
	margin-left: 10px;
}

p.feed {
	font-size: 0.8em;
	line-height: 14px;
	margin-top: 80px;
	margin-left: 7px;
}

p.feed img {
	vertical-align: middle;
}


/* :::::::::: ページ移動リンク :::::::::: */

p.pagelink {
	margin-right: 50px;
	margin-left: 50px;
	clear: both;
	font-size: 0.7em;
}

p.pagelink a {
	text-decoration: underline;
}

span.pageprev {
	float: left;
}

span.pagenext {
	float: right;
}

/* :::::::::: コピーライト :::::::::: */

div#footer {
	clear: both;
	margin-top: 50px;
	margin-bottom: 20px;
}

address {
	width: 900px;
	font-size: 0.8em;
	font-style: normal;
	text-align: center;
}

address a:link {
	text-decoration: underline;
}

address a:visited {
	text-decoration: underline;
}

address a:hover {
	text-decoration: underline;
}

address a:active {
	text-decoration: underline;
}


/* clearfix hack ここから div#contentとdiv#sidebar */

div#Wrap:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#Wrap{
	display: inline-block;
}

/* hide macie \*/
div#Wrap{
	height: 1%;
}

div#Wrap{
	display: block;
}
/* end hide */
/* clearfix hack ここまで div#contentとdiv#sidebar */






/* :::::::::: コメント欄 :::::::::: */

#comments {
	clear: both;
}

div#com {
	background-color: #FFFFFF;
	padding-right: 20px;
	padding-bottom: 50px;
	padding-left: 20px;
	margin-top: 150px;
}

div#com h3 {
	clear: both;
	background-image: url(image/icon_title.png);
	background-repeat: no-repeat;
	background-position: 0px 14px;
	font-size: 0.9em;
	font-weight: bold;
	padding-left: 20px;
	height: 50px;/* div#comでmargin-topが効かないため */
	line-height: 50px;
}

div#com p {
	font-size: 0.8em;
	line-height: 1.6em;
	padding-right: 30px;
	padding-left: 30px;
margin-bottom: 10px;
}

div.compost {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #503742;
	margin-bottom: 20px;
}

p.cominfo {
	text-align: right;
}

div#com a {
	text-decoration: underline;
	margin-right: 5px;
}

div#com a:link {
	color: #FFB625;
}
div#com a:visited {
	color: #FFB625;
}
div#com a:hover {
	color: #CB626C;
}
div#com a:active {
	color: #C9DBAC;
}

textarea {
	width: 540px;
}

p#comfeed {
	font-size: 0.7em;
	line-height: 14px;
	margin-top: 80px;
}

p#comfeed img {
	vertical-align: middle;
}

p#comfeed a:link {
	color: #534742;
	text-decoration: none;
}
p#comfeed a:visited {
	color: #534742;
	text-decoration: none;
}
p#comfeed a:hover {
	color: #CB626C;
	text-decoration: none;
}
p#comfeed a:active {
	color: #FFCC66;
	text-decoration: none;
}

/* :::::::::: トラックバック :::::::::: */

div#tr {
	background-color: #FFFFFF;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-top: 50px;
}

div#tr h3 {
	clear: both;
	background-image: url(image/icon_title.png);
	background-repeat: no-repeat;
	background-position: 0px 14px;
	font-size: 0.9em;
	padding-left: 20px;
	font-weight: bold;
	height: 50px;/* div#trでmargin-topが効かないため */
	line-height: 50px;
}

div#tr p {
	font-size: 0.8em;
	line-height: 1.6em;
	padding-right: 30px;
	padding-left: 30px;
margin-bottom: 10px;
}

div#tr a {
	text-decoration: underline;
	margin-right: 5px;
}

div#tr a:link {
	color: #FFB625;
}
div#tr a:visited {
	color: #FFB625;
}
div#tr a:hover {
	color: #CB626C;
}
div#tr a:active {
	color: #C9DBAC;
}


