@charset "utf-8";
/*  
Theme Name: ORIGINAL v3
Theme URI: 
Description: 
Author: Yuka Kanda
Author URI: http://www.kandayuka.com
Version: 1.0
Tags:  
*/

/* CSS Document */

/*
-------------------------------------------------------
基本スタイルシート
制作者：神田 由香
作成日：2009年4月24日
更新日：2009年4月24日
-------------------------------------------------------
目次：

1. 基本構造
2. 全体のデザイン要素
3. ヘッダー
4. ヘッダーナビゲーション
5. 中央カラム
6. サイドカラム
7. フッター
8. post等のデザイン要素
9. その他 ハックなど

------------------------------------------------------- */
/* 1. 基本構造
------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	background: #b5e1ee url(images/bg-body.png) repeat-x;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", verdana, arial, sans-serif;
 	font-size: 62.5%;
	line-height: 1.4;
	text-align: center;
}

#wrapper {
	background: url(images/bg-wrapper.png) no-repeat center top;
	width: 100%;
	display: table;
}

#header {
	width: 940px;
	height: 180px;
	margin: 0px auto;
	padding: 0;
	font-size: 1.2em;
	text-align: left;
}

#content {
	clear: both;
	width: 960px;
	margin: 35px auto 0px auto;
	padding: 0px;
	background-color: #ffffff;
	color: #2e2e2e;
	text-align: left;
}

#mailcol {
	overflow: hidden;
	float: left;
	width: 520px;
	margin: 0px;
	padding: 0px;
	font-size: 1.2em;
}

#subcol {
	float: right;
	width: 420px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align: left;
	font-size: 1.2em;
}

#contentfoot {
	clear: both;
	width: 940px;
	margin: 0px auto 0px auto;
	padding: 0px 10px;
	background: #ffffff;
	text-align: left;
}

#footer {
	clear: both;
	width: 100%;
	margin: 0px;
	padding: 10px 0px;
	background-color: #462109;
	color: #fff;
	font-size: 1.2em;
}


/* 2. 全体のデザイン要素
------------------------------------------------------- */

p { margin: 0 0 1em; }
img { border: none; }
img a:hover { background: none; }
a, a:link, a:visited { color: #327ca6; text-decoration: underline; }
a:hover { color: #ed78c8; }

.floatleft { float: left; }
.floatright { float: right; }
.clearboth { clear: both; margin: 0px; padding: 0px; }
.alignleft { float: left; margin: 5px 8px 5px 0; }
.alignright { float: right; margin: 5px 0 5px 10px; }
.aligncenter, div.aligncenter { margin: 10px auto; text-align: center; display: block; }

img.floatleft { margin: 0px 5px 3px 0px;}
.marginbottom { margin: 0px 0px 5px 0px;}
.marginright { margin: 0px 5px 0px 0px;}
img.alignleft { float: left; margin: 5px 10px 5px 0; }
img.alignright { float: right; margin: 5px 0 5px 10px; }
img.aligncenter { margin: 10px auto; text-align: center; display: block; }

.font-big { font-size: 1.2em; font-weight: bold;}
.font-blue { color: #327ca6; font-weight: normal;}
.font-blue-mini { color: #327ca6; font-size: 0.85em; font-weight: normal;}
.font-blue-bold { color: #327ca6; font-size: 1.2em; font-weight: bold;}
.font-black-mini { color: #2e2e2e; font-size: 0.85em; font-weight: normal;}

div.dotline { clear: both; margin: 0px; padding: 0px; border-bottom: 1px dotted #327ca6;}
div.dotline hr { display: none; margin: 0px; padding: 0px;}

/* 3. ヘッダー
------------------------------------------------------- */

#header a, #header a:link, #header a:visited { color: #2e2e2e; text-decoration: underline; }
#header a:hover { color: #ed78c8; }

#header-inner-left {
	float: left;
	width: 450px;
	margin: 3px 0px 0px 10px;
	text-align: left;
}

#header-inner-left h1 {
	float: left;
	width: 450px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	color: #5f3813;
	font-size: 0.9em;
	font-weight: normal;
	line-height: 105%;
	text-align: left;
}

#header-inner-right {
	float: left;
	display: inline;
	width: 270px;
	height: 40px;
	margin: 40px 0px 0px 145px;
	color: #2E2E2E;
}


/* 4. ヘッダーナビゲーション
------------------------------------------------------- */

#nav {
	clear: both;
	float: left;
	list-style:none;
	width: 950px;
	height: 24px;
	margin: 15px 0px 0px 10px;
	padding: 0px;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}

#nav ul {
	float: left;
	list-style:none;
	width: 500px;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}

#nav li {
	list-style: none;
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

#nav li.home a{	width: 115px; margin: 0px;}
#nav li.work a{	width: 120px; margin: 0px 0px 0px 5px;}
#nav li.contact a{ width: 118px; margin: 0px 0px 0px 10px;}
#nav li.rss a{ width: 110px; margin: 0px 0px 0px 12px;}

#nav li a, #nav li a:link, #nav li a:visited{ display: block; height: 25px; color: #ffffff;}
#nav li a:hover { color: #ed78c8; }


/* 5. 中央カラム
------------------------------------------------------- */

#mailcol h2, #mailcol h3 { margin: 1em 0px 1em 0px;	line-height: 1.2em;}

#mailcol h2 { color: #006600; font-size: 1.6em;}

#mailcol h2.pagetitle {
	width: 420px;
	margin-left: 10px;
	margin-bottom: 1.6em;
	padding-left: 60px;
	background: url(images/icon-pagetitle.jpg) left no-repeat;
	color: #327ca6;
	font-size: 1.85em;
}

#mailcol h3 {
	margin: 1em auto;
	color: #5f3813;
	font-size: 1.3em;
}

#mailcol p { margin: 0px 0px 2em 1em; font-size: 1em; line-height: 1.4em;}

#mailcol ul, #mailcol ol { display: block; margin-top: 10px; margin-bottom: 15px; margin-left: 15px; margin-right: 25px; }
#mailcol ul li, #mailcol ol li { margin: 0px 0px 1em 1em;}
#mailcol ul li { list-style-type: circle; list-style-position: outside;}
#maincol ol li { list-style-type: decimal; list-style-position: outside;}

#mailcol table { width: 480px; margin: 5px auto; }
#maincol table tr td { padding: 10px; }

#respond {
	clear: both;
	width: 500px;
	margin: 10px auto;
}


/* 6. サイドカラム
------------------------------------------------------- */

#subcol a, #subcol a:link, #subcol a:visited { color: #327ca6; text-decoration: underline; }
#subcol a:hover { color: #ed78c8; }

.section1 {
	clear: both;
	width: 410px;
	margin: 0px 0px 20px 0px;
	text-align: left;
}

.section1 ul {
	list-style-type: none;
}

.section1 .section1-inner-left {
	clear: both;
	float: left;
	width: 200px;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	text-align: left;
}

.section1 .section1-inner-right {
	float: left;
	width: 200px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

.section2 {
	clear: both;
	width: 200px;
	margin: 0px 0px 20px 0px;
	text-align: left;
}

.section2 h2 {
	margin: 0px 0px 8px 0px;
	color: #327ca6;
	font-size: 1em;
	font-weight: normal;
}

ul.archives, ul#recentcomments {
	margin: 0px;
	padding: 0px;
}

ul.archives li, ul#recentcomments li.recentcomments {
	width: 170px;
	margin: 0px;
	padding: 3px 0px 3px 20px;
	background-image: url(http://www.kandayuka.com/wp-content/themes/originalv3/images/icon-pencil.gif);
	background-position: top left;
	background-repeat: no-repeat;
	border-bottom: 2px dotted #b5e2ee;
}

ul.archives-month {
	margin: 0px;
	padding: 0px 2px;
	font-family: "Arial Black", Arial, Impact, sans-serif;
	letter-spacing: 1px;
	color: #777;
}

ul.archives-month strong {
	font-size: 1.3em;
	color: #327ca6;
}

ul.archives-month li{
	width: 190px;
	margin: 0px;
	padding: 3px 0px 3px 0px;
	border-bottom: 2px dotted #b5e2ee;
}

ul#recentcomments li.recentcomments {
	font-size: 0.85em;
}

h3.recentcomments { display: none;}

ul#recentcomments li a, ul#recentcomments li a:link, ul#recentcomments li a:visited {color: #2E2E2E; text-decoration: underline;}

ul.linklist {
	width: 200px;
	margin: 0px;
	padding: 0px;
}

ul.linklist li {
	width: 200px;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	word-wrap: break-word;
}

#subcol img.banner {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border: none;
}

.section1 h3 {
	height: 21px;
	margin: 0px auto;
	padding: 7px 0px 0px 33px;
	background: #fff url(images/share/subcol-section_1_top.gif) no-repeat;
	color: #006600;
	font-size: 1.2em;
	line-height: 100%;
	font-weight: bold;
	text-align: left;
}

.section3 {
	clear: both;
	width:400px;
	margin: 5px auto;
	padding-bottom: 3px;
	border-bottom: 2px dotted #b5e2ee;
}

.section3 ul {
	float: left;
	width: 330px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

.section3 ul li.cat-item {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px 5px;
	white-space: nowrap;
}


/* 7. フッター
------------------------------------------------------- */

#footer a, #footer a:link, #footer a:visited { color: #ffffff; text-decoration: none; }
#footer a:hover { color: #ed78c8; }

#footer ul {
	margin: 1em 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}

#footer ul li {
	margin: 0px;
	padding: 0px 10px;
	border-right: 1px #ccc solid;
	display: inline;
}

#footer ul li.last {
	border-right: none;
} 

#footer p.copyright {
	margin: 10px auto 3px auto;
	font-family: "Arial Black", Osaka, "ヒラギノ角ゴ Pro W3", verdana, arial, sans-serif;
	font-size: 1em;
	text-align: center;
	color: #fff;
	letter-spacing: 1px;
}


/* 8. post等のデザイン要素
------------------------------------------------------- */

#mailcol .post {
	clear: both;
	width: 500px;
	margin: 10px 0px 50px 10px;
}

#mailcol .post p { margin: 0px 0px 2em 0px; line-height: 180%; }

#mailcol .post blockquote { clear: both; width: 85%; margin: 0px auto 18px auto; padding: 18px 18px 0px 18px; border: 1px solid #ccc; background: #CCFFFF; color: #5f3813; }

#mailcol .post .date {
	float: left;
	width: 130px;
	height: 36px;
	margin: 0px;
	padding: 20px 0px 0px 40px;
	background: url(images/post-date-bg.gif) no-repeat;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
}

#mailcol h2{
	float: left;
	width: 320px;
	height: 46px;
	margin: 0px;
	padding: 10px 0px 15px 10px;
	color: #5f3813;
}

#mailcol .post .category {
	clear: both;
	width: 500px;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	color: #5f3813;
	text-align: right;
}

#mailcol a, #mailcol a:link, #mailcol a:visited{ color: #5f3813; text-decoration: underline;}
#mailcol a:active, #mailcol a:hover{ color: #327ca6;}

#mailcol .post .postdata {
	clear: both;
	width: 490px;
	margin: 5px auto;
	padding: 5px;
	border: 1px solid #dbd196;
	background-color: #f7f3d8;
	color: #5f3813;
	text-align: left;
}

#mailcol .post .postdata .bookmark {
	clear: both;
	width: 470px;
	margin: 5px auto;
	padding: 5px 0px 0px 0px;
	border-top: 1px solid #dbd196;
	text-align: left;
}

#mailcol .post span.post-comments, #mailcol .post span.post-tags, #mailcol .post span.post-posting, #mailcol .post span.post-more {
	padding-right: 1em;
	font-size: 0.9em;
}				
				
#mailcol .post div.ranking { clear: both; width: 450px; margin: 5px auto 0px auto; padding: 0px; text-align: right;}

#mailcol .post div.ranking img { border: none;}

#wp-calendar-box {
	float: left;
	width: 120px;
	height: 170px;
	padding: 3px;
	background-color: #b5e2ee;
	border: 5px solid #327ca6;
	color: #003E5B;
}

table#wp-calendar {
	margin: 0px auto;
}

.info-box {
	float: right;
	width: 224px;
	height: 170px;
	padding: 3px 7px;
	background-color: #b5e2ee;
	border: 5px solid #327ca6;
}

#mailcol .post .wp-caption {
  clear: both;
  border: 1px solid #ddd;
  text-align: center;
  background-color: #f3f3f3;

  padding-top: 4px;

  /* optional rounded corners for browsers that support it */

  -moz-border-radius: 3px;

  -khtml-border-radius: 3px;

  -webkit-border-radius: 3px;
  border-radius: 3px;
  }

#mailcol .post .wp-caption p.wp-caption-text {
  font-size: 10px;
  line-height: 12px;
  padding: 0 4px 5px;
  margin: 0px;
  color: #111;
  text-align: center;
  }

#extrastuff, div#comment {
	clear: both;
	margin: 0px 0px 10px 10px;
}

ul.commentlist {
	clear: both;
	width: 440px;
	margin: 5px auto;
	padding: 10px;
	list-style-type: none;
	border: 1px solid #dbd196;
	background-color: #f7f3d8;
	color: #5f3813;
	text-align: left;
}

#comment li.comment {
	list-style-type: none;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	border-bottom: 1px dotted #2e2e2e;
}

.full-size-box {
	clear: both;
	width: 95%;
	margin: 0px auto 20px auto;
	padding: 5px 0px 0px 0px;
	border-bottom: 3px solid #dbd196;
	text-align: left;
}

.full-size-box2 {
	clear: both;
	width: 95%;
	margin: 0px auto 20px auto;
	padding: 5px 5px 0px 5px;
	background: #b5e2ee;
	border: 3px solid #327ca6;
	text-align: left;
}

#nextprevious {
	clear: both;
	width: 500px;
	margin: 20px auto;
	font-size: 0.9em;
	color: #327ca6;
}

#nextprevious .previous-post {
	float: left;
	width: auto;
	margin-right: 5px;
}

#nextprevious .next-post {
	float: right;
	width: auto;
	text-align: right;
}

#nextprevious a, #nextprevious a:link, #nextprevious a:visited { color: #327ca6; text-decoration: underline; }
#nextprevious a:hover { color: #ed78c8; }


/* 9. その他
------------------------------------------------------- */
img {	/* PNGファイルをIE6で透過にします */
	border: none;
	behavior: url(http://www.kandayuka.com/images/iepngfix/iepngfix.htc);
	vertical-align: bottom;
}

.notselect img {	/* 画像マウスオンでフィルタをかけます */
	filter: alpha (opacity=25) ;
	-moz-opacity: 0.25;
	opacity: 0.25;
}


.clearfix:after{	/* ブロック要素のバグを回避します */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix{
	display: inline-block;
}

	/* Hides from IE-mac \*/
	* html .clearfix { height: 1%; }
	.clearfix {display: block; }
	/* End hide from IE-mac */