/*
Theme Name: Kazuko GOTO Official Homepage
Theme URI: 
Description: for the official page of Kazuko GOTO
Version: 1.0
Author: yang02
Author URI: http://yang02.org
Tags: 
*/
@charset "UTF-8";

/* ////////////////////////////////////////
Reset by Blueprint
//////////////////////////////////////// */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
margin:0; padding:0; border:0; font-style:inherit; font-size:100%; vertical-align:baseline;
}

table{
border-collapse:separate; border-spacing:0;
}

caption, th, td{
text-align:left;
}

blockquote:before, blockquote:after, q:before, q:after{
content:"";
}

blockquote, q{
quotes:"" "";
}

a img{
border:none;
}

/* ////////////////////////////////////////
YUI Font CSS 
//////////////////////////////////////// */
body {
font:13px/1.231;
*font-size:small; /* for IE */
*font:x-small; /* for IE in quirks mode */
}

/**
* Nudge down to get to 13px equivalent for these form elements
*/ 
select,
input,
button,
textarea {
font:99%;
}

/**
* To help tables remember to inherit
*/
table {
font-size:inherit;
font:100%;
}

/**
* Bump up IE to get to 13px equivalent for these fixed-width elements
*/
pre,
code,
kbd,
samp,
tt {
font-family:monospace;
*font-size:108%;
line-height:100%;
}


/* ////////////////////////////////////////
YUI Font CSS 
[77% = 10px]
[85% = 11px]
[93% = 12px] (was 92%)
[100% = 13px]
[108% = 14px] (was 107%)
[116% = 15px] (was 114%)
[123.1% = 16px] (was 122%)
/////////////////////////////////////// */

html {
	overflow-y:scroll;
}

body, ul, ul li, p, h1, h2, h3, h4, h5{
	margin: 0;
	padding: 0
}


/* common */
body {
	color: #555;
	background-color:white;
	font-size:11.5px;
	line-height: 2em;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro", "ＭＳ Ｐ明朝","MS PMincho", serif;
	margin-bottom:50px;
}

a{ color: #555; text-decoration: none; }
a:link{ color: #555; text-decoration: none; }
a:visited{ color: #555; text-decoration: none; }
a:hover{ color: #000; text-decoration: none; }

img {}
a img { border: none; }

.center { display: block; margin: 0 auto; }
.left { float: left; }
.right { float: right; }

.clearfix:after {
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}
.clearfix { zoom: 100%; }


h1{
}

h2{
	font-size: 1.4em;
	padding-bottom: 3px;
	font-weight: normal;
}

h3{
	color: #48711A;
	font-size: 1.2em;
}
h4{
	color: #48711A;
	font-size: 1.6em;
	padding: 8px 0;
}
h5{
	font-size: 1.7em;
	padding-bottom: 8px;	
}

a.post-edit-link {
	padding-top:15px;
	clear:both;
	display: block;
	color:#f00;
}

/* basic layout ------------------------------ */

#page {
	width: 815px;
	margin:0 auto;
}

#header{
	padding: 85px 0;
	width:;
	height:;
}

#sidebar {
	padding-right: 20px;
	width:255px;
	float:left;
}	

#content {
	padding-top: 215px;
	float:left;
	width:530px;
}

#footer {
	margin-top: 0;
	width: 100%;
	clear: both;
}	


.narrowcolumn .postmetadata {
}

.more-link {
text-align:left;
}

.navigation {
	padding-top: 10px;
}

/* ////////////////////////////////////////
#sidebar
/////////////////////////////////////// */
#sidebar ul, #sidebar ul ol {
	background: transparent;
	position: relative;
}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	background: transparent;
	line-height: 1em;
	position: relative;
	height: 30px;
}
#sidebar ul li.sel{
	background:url(assets/img/menu_bg.gif) repeat-x;
}

li img.menu_top{
	position: absolute;
	top:0;
	left: 0;
}

/* ////////////////////////////////////////
.post
/////////////////////////////////////// */
.post {
	border-bottom:1px dotted #333;
	padding: 15px 0;
}

.post_meta{
	width: 140px;
	float: left;
}
.post_meta p{
	font-size: 0.9em;
}

.post_content{
	width: 320px;
	float: left;
}
.post_content_img{
	width: 70px;
	float: left;
}
.post_content_img img{
	float: right;
}

/* ////////////////////////////////////////
#news
/////////////////////////////////////// */
#news{
	border-top: 1px dotted #333;
}

#news .post_content_img img {
	width:60px;
	height:auto;
}


/* ////////////////////////////////////////
.profile
/////////////////////////////////////// */
.profile{
	float:right;
	height: 240px;
}
.profile p{
	width: 340px;
	height: 170px;
	padding-top: 60px;
	float: left;
}


/* ////////////////////////////////////////
.statement
/////////////////////////////////////// */
.statement{
}

.statement dl{
	padding: 0;
	margin: 0;
}

.statement dl dt{
	width: 140px;
	float: left;
	color: #48711A;
	font-size: 1.4em;
	clear:both;  
}
.statement dl dd{
	margin-left: 140px;
	padding-bottom: 15px;
}


/* ////////////////////////////////////////
.class
/////////////////////////////////////// */
.class{
	padding-top: 85px;
	width: 530px;
}
.class_inner{
	padding-bottom: 100px;
}
.top_img{
	padding-bottom: 20px;
}
.top_img img{
	border: 1px solid #ddd;
}

.class dl dt{
	width: 180px;
	float: left;
	clear: both;
	padding-bottom: 20px;
}

.class dl dd{
	margin-left: 180px;
	padding-bottom: 20px;
}

.apply_bt {
	display: block;
	width: 510px;
	padding: 10px;
	background-color: #48711A;
	color: #fff;
	font-size: 0.95em;
}
.apply_bt:hover {
	background-color: #93B26F;
}

.apply_bt span {
	color:#fff;
}



span.wpcf7-list-item { display: block; }

.wpcf7 {
	margin-top:30px !important;
	border:1px dotted #ccc;
}

.wpcf7 form {
	padding:20px;
}
.wpcf7 dl{
}

.wpcf7 dl dt{
	width: 120px;
	float: left;
	clear: both;
	padding-bottom: 5px;
}
.wpcf7 dl dd {
	margin-left: 120px;
	padding-bottom: 5px;
}

.wpcf7 dl dd input {
border:1px solid #ccc;
padding:3px;
}

.wpcf7 textarea {
border:1px solid #ccc;
padding:3px;
width:100%;
}

.wpcf7-response-output {
color:#f00;
}

/* ////////////////////////////////////////
.books
/////////////////////////////////////// */
.books_meta {
	width: 140px;
	float: left;
	position: relative;
}
.books_meta img{
	position: absolute;
	top: 177px;
	left: 0: 
}

.books_img {
	width: 170px;
	float: left;
}

.books_img img {
	width:150px;
	height:auto;
}

.books_txt{
	width: 220px;
	float: right;
	font-size: 0.9em;
}


/* ////////////////////////////////////////
#recipe
/////////////////////////////////////// */
#recipe{
	padding-top: 215px;
	float:left;
	width:540px;
}
#recipe_single{
	padding-top: 85px;
	float:left;
	width:530px;
}
.recipe_post{
	width: 130px;
	height: 130px;
	padding: 0 4px 4px 0;
	float: left;
}

.recipe_element{
	padding: 30px 10px 0 0;
	width: 210px;
	float: left;
}
.recipe_howto{
	padding-top: 30px;
	width: 310px;
	float: left;
}

.recipe_howto p {
	padding-bottom:1em;
}

/* ////////////////////////////////////////
.essay
/////////////////////////////////////// */
.essay_meta{
	width: 112px;
	float: left;
}

.essay_content {
	padding-left: 16px;
	border-left: 1px solid #222;
	width: 400px;
	float: right;
}
.essay_meta ul{
	padding: 0;
	margin: 0;
}

.essay_meta ul li{
	list-style: none;
}

.essay_content p {
	padding-bottom:1em;
}

.essay_content p img {
	max-width:400px;
}