@charset "UTF-8";
/*
Theme Name: zzz
Theme URI: http://bricola.info/stretch/index.html
Description: <a href="http://bricola.info/stretch/index.html">リラクゼーシションストレッチ</a>用オリジナルテーマ
Version: 1.0
Author: Design Studio SPESTA.
Author URI: http://www.spesta.net/
*/
@import "reset.css";
@import "fonts.css";
@import "clearfix.css";

/* body */
body {background: #FFFFFF;letter-spacing:0.1em;}

/* header */
#page {
	background: #FFFFFF;
	width: 260px;
	height: auto;
	margin: 0px;
	float: left;
	position:absolute;
}

#header {
	/*position:fixed;*/
	width: 260px;
}
h1 {
	height: 188px;
	width: 260px;
}

/* safari huck */
html[xmlns*=""] body:last-child h1 {
	height: 189px;
	width: 260px;
}

/* header link */
a:link {color:#0073E6;text-decoration: none;}
a:visited {color:#0073E6;text-decoration: none;}
a:hover,a:active {color:#0073E6;text-decoration: underline;}

#header ul li {
	display:block;
	height:2.5em;
	background: no-repeat;

}

#header ul li a {
	font-size: 93%;
	padding: 0px 0px 0px 20px;
	text-decoration: none;
	background: no-repeat;
	color: #666666;
}

#header ul li#news a:hover {background-image:url(images/navi_002.gif);text-decoration: underline;}
#header ul li#hello a:hover {background-image:url(images/navi_002.gif);text-decoration: underline;}
#header ul li#class a:hover {background-image:url(images/navi_002.gif);text-decoration: underline;}
#header ul li#schedule a:hover {background-image:url(images/navi_002.gif);text-decoration: underline;}
#header ul li#profile a:hover {background-image:url(images/navi_002.gif);text-decoration: underline;}
#header ul li#kotoba a:hover {background-image:url(images/navi_002.gif);text-decoration: underline;}
#header ul li#everyone a:hover {background-image:url(images/navi_002.gif);text-decoration: underline;}
#header ul li#contact a:hover {background-image:url(images/navi_002.gif);text-decoration: underline;}
#header ul li#cd a:hover {background-image:url(images/navi_002.gif);text-decoration: underline;}
#header ul li#blog a:hover {background-image:url(images/navi_002.gif);text-decoration: underline;}

.blog #header ul li#blog {background-image:url(images/navi_003.gif);}
.blog #header ul li#blog a:hover {background-image:url(images/navi_003.gif);}


/* color */
.orange {color: #EC7E1F;}

/* wrapper */
#wrapper {
	clear:both;
	height: auto;
	margin: 0px 0px 0px 260px;
}

/* upper */
div#upper {
	width: 540px;
	height: 190px;
	margin-bottom: 22px;
}

.blog div#upper{border-bottom: 1px solid #C0C0C0;}

div#upper .upperimg01 {
	float: left;
	height: 103px;
	width: 103px;
	position: relative;
	top: 70px;
}

div#upper .upperimg02 {
	float: right;
	height: 150px;
	width: 150px;
	position: relative;
	top: 155px;
}
	
	
/* content */
.blog #content
 {
	clear:both;
	width: 540px;
	height: auto;
}

.post{
	clear:both;
	width: 540px;
	height: auto;
	padding: 0px 0px 20px;
	margin: 0px 0px 20px;
	border-bottom: 1px dashed #999999;
}

h2.posttitle{
	font-size:116%;
	color: #EC7E1F;
	background:url(images/h2_background.gif) no-repeat -2px -16px;
	text-indent: 20px;
}

h2.posttitle a:link{color: #EC7E1F;}
h2.posttitle a:visited{color: #EC7E1F;}
h2.posttitle a:hover{color: #0073E6;}
h2.posttitle a:active{color: #EC7E1F;}




dl {
	letter-spacing: 0em;
	padding-top: 2em;
}

dl.metadata dt, dl.metadata dd {
	font-size:77%;
	color: #666;
	display: inline;
}

dl.metadata dd {
	margin-right: 1em;
	padding-right: 1em;
	border-right: 1px solid #CCCCCC;
}

dl.metadata dd.last {
	margin-right: none;
}

div#wrapper #content p {
	letter-spacing: 0.1em;
	line-height: 1.8em;
	font-size: 93%;
	margin-bottom: 1em;
}

#wrapper #content .date{
	font:100%/1.5em 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color:#B4B4B4;
	padding-bottom: 1.5em;
	letter-spacing: 0.2em;
	text-indent: 20px;
}

#wrapper #content .edit{
	font:85% 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color:#0073E6;
	padding-bottom: 0.5em;
}

#wrapper #content p.navigation {font-size: 77%;font-weight: bold;margin-bottom: 2em;}
#wrapper #content p.navigation a:link{color:#EC7E1F;}
#wrapper #content p.navigation a:visited{color:#EC7E1F;}
#wrapper #content p.navigation a:hover{color:#0073E6;}
#wrapper #content p.navigation a:active{color:#EC7E1F;}

/* sidebar */
#sidebar {
	clear:both;
	width: 540px;
	padding-bottom: 2em;
	font-size: 77%;
}

#sidebar ul {margin:0px 0px 15px;}
#sidebar li, #sidebar li li{line-height:2em;}
#sidebar li h2 {font-weight: bold;}

/* img */
.post img{
	border:1px solid #ccc;
	padding: 3px;
	margin-bottom: 2em;
}

.post img.wp_smiley{
	border:none
	padding: 0px;
}

.post img.floatleft{
	border:1px solid #ccc;
	padding: 3px;
	float: left;
	margin-right: 6px;
	margin-bottom: 6px;
}


/* commenst trackback */
#comments {font-size: 85%;}
div#comments code{font-size: 100%;}
h3 {font-size:93%;font-weight: bold;padding:10px 0px 0.6em 0px;}
h4 {font-size:93%;padding:0px 0px 0.4em 0px;margin-bottom:1em;}
input#trackbackurl {width:100%;font-size:93%;margin-top:1em;}

ol#commentlist {
	margin:0 0 15px 0;
	font-size:93%;
}
ol#commentlist li.commentcontent {
	display:block;
	list-style:none;
	margin-bottom:1em;
	padding:20px 15px 10px 15px;
	background:url(images/comment.png) no-repeat #f6fee2;
	border:1px solid;
	border-color:#efefef #ccc #ccc #efefef;
}

ol#commentlist li dl.metadata dt,
ol#commentlist li dl.metadata dd {font-size:93%;}
ol#commentlist li, ol#commentlist p {font-size:100%;}

p.note {
	background:#FFF8D5;
	padding:3px 8px;
	color:#666;
	border:2px solid #E5AB6A
}

form#commentform label {
	width:140px;
	float:left;
	margin:0.25em 10px 0 0;
	font-weight:bold;
	font-size: 93%;
	color: #0073E6;
}

form#commentform p {
	clear:both;
}

form#commentform sub {
	display:block;
	position: relative;
	top: -8px;
}
input#author, input#email, input#url {
	width:300px;
	border:3px double #ccc;
	padding:1px 3px;
}
textarea {
	font-size:100%;
	border:3px double #ccc;
	width:100%;
}
p.submitbutton {
	text-align:left;
}
p.submitbutton input {
	padding:3px 1em;
	color:#000000;
}
/* Mac IE 文字化け回避対策 */
input, select, textarea {
	font-family:"ヒラギノ角ゴ Pro W3", osaka, verdana, "ＭＳ ゴシック", sans-serif;
}

/* footer */
.blog #footer
 {
	clear:both;
	width: 540px;
	padding: 40px 0px;
	border-top: 1px solid #C0C0C0;
	letter-spacing:0.1em;
	height: auto;
}

#footer p.copyright {font-size:77%;float:left;}
#footer p.pagetop {font-size:77%;float: right;}
#footer p.pagetop a{text-decoration: none;}
#footer p.pagetop a:hover{text-decoration: underline;}