@charset "utf-8";

/*
Theme Name: +10%ウキウキCSS
Theme URI: 
Description: 
Version: 1.0
Author: Miyuki
Author URI: 
Tags: 
*/

@import url("contents.css");

/* base  ---------------------------------------------------- */
html{
	height:100%;
}
body{
	background:#F3EEE2;
	margin:10px auto 0px auto;
	padding:0px 0px 0px 0px;
	line-height:140%;
	color:#666666;
	height:100%;
	width:820px;
}


/* font-base  ---------------------------------------------------- */
.win body{
	font-family:'ＭＳ Ｐゴシック','メイリオ',Meiryo,sans-serif;
	font-size: 78%;
}
.win.ie5 table{
	font-size: 94%;
	line-height:140%;
	letter-spacing:1px;
}
.safari body{
	font-size: 74%;
}
.mac body{
 font-family:Osaka,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}
.mac.gecko body{
	font-size: 88%;
}
.mac.ie5 body{
	font-size: 80%;
	letter-spacing:0px;
}
.mac.ie5 table{
	font-size: 100%;
	letter-spacing:0px;
}


/* tag_base  ---------------------------------------------------- */
img{
	border:0px;
}
h1,h2,h3,h4,h5,h6{
	font-weight:normal;
}
ol,ul{ 
	list-style:none; 
} 
.clear{
	clear:both;
}
p,form{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
table{
	border:none;
	border-collapse: collapse;
}
td,th{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	vertical-align:top;
}


/* page_base  ---------------------------------------------------- */
body > #main{
	height:auto;
}
#main{
	background:url(images/bg.gif) repeat-y center;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:820px;
}
#contents{
	padding:0px 0px 20px 30px;
	width:529px;
	float:left;
}
#side{
	padding:10px 0px 0px 30px;
	width:210px;
	float:left;
}
.ie6 #side{
	padding:10px 0px 0px 0px;
	width:210px;
	float:left;
}
h1{
	margin:15px 25px 0px 0px;
	font-size:100%;
	text-align:right;
	line-height:140%;
}


/* link_base  ---------------------------------------------------- */
a{
	color:#D8815F;
}
a:hover{
	color:#5f8000;
}


/* head  ---------------------------------------------------- */
.head{
	background:url(images/head_bg.jpg) no-repeat;
	height:195px;
	width:820px;
}
.site_title{
	margin:0px 0px 0px 570px;
	padding:40px 0px 0px 0px;
}
.breadcrumb{
	margin:5px 0px 0px -5px;
	font-size:84%;
}
.search_box{
	background:url(images/search_waku.gif) no-repeat;
	margin:0px 0px 0px 0px;
	padding:7px 10px 0px 10px;
	border:none;
	height:31px;
	width:103px;
}
.button{
	margin:0px 0px -9px 0px;
	padding:0px 0px 0px 0px;
}

.ie .button{
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
}


/* contents  ---------------------------------------------------- */
h2{
	background:url(images/category_bg.gif) no-repeat;
	margin:20px 0px 0px 0px;
	padding:8px 0px 0px 40px;
	font-size:100%;
	font-weight:bold;
	width:519px;
	height:27px;
}
h2.page_title{
	background:url(images/category_bg.gif) no-repeat;
	margin:20px 0px 0px 0px;
	padding:8px 0px 0px 40px;
	font-size:100%;
	font-weight:bold;
	width:519px;
	height:27px;
}
h2.s_pagetitle{
	background:url(images/category_bg.gif) no-repeat;
	margin:20px 25px 20px 0px;
	padding:8px 0px 0px 40px;
	font-size:100%;
	font-weight:bold;
	width:519px;
	height:27px;
}
h3{
	background:url(images/icon_03.gif) no-repeat 0% 40%;
	margin:0px 0px 15px 5px;
	padding:5px 0px 0px 25px;
	height:21px;
	font-size:107%;
	font-weight:bold;
}
h3.recipe{
	background:url(images/icon_03.gif) no-repeat 0% 40%;
	margin:10px 0px 15px 5px;
	padding:5px 0px 0px 25px;
	height:21px;
	font-size:107%;
	font-weight:bold;
}
h3.material_title{
	background:url(images/material.gif) no-repeat 0% 0%;
	font-size:100%;
	margin:0px 0px 0px 0px;
	padding:3px 0px 0px 25px;
	width:534px;
	height:24px;
}
h3#comments{
	background:url(images/icon_04.gif) no-repeat 0% 100%;
	font-size:100%;
	margin:0px 0px 0px 7px;
	padding:0px 0px 3px 15px;
	width:520px;
	color:#42659c;
}
#commentform{
	margin:0px 0px 0px 11px;
	font-size:84%;
}
#comment,#email,#url,#author{
	border-top:1px solid #666666;
	border-left:1px solid #666666;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;

}
#author{
	width:200px;
	margin:5px 0px 0px 0px;
}
#email{
	width:350px;
	margin:5px 0px 0px 0px;
}
#url{
	width:450px;
	margin:5px 0px 0px 0px;
}
#comment{
	width:520px;
	margin:5px 0px 5px 0px;
}
p.tags{
	background:url(images/line_01.gif) repeat-x 0% 0%;
	margin:10px 0px 35px 10px;
	padding:7px 0px 5px 0px;
	line-height:120%;
	font-size:84%;
	width:540px;
}
p.tags a{
	color:#666666;
}
.date{
	background:url(images/date_bg.gif) no-repeat;
	margin:5px 0px 10px 0px;
	padding:4px 0px 0px 10px;
	font-size:84%;
	width:549px;
	height:23px;
}
p.date_no{
	width:120px;
	float:left;
}
p.category{
	width:420px;
	text-align:right;
	float:left;
}
#p_text{
	margin:20px 0px 0px 0px;
}
#text p,#p_text p{
	margin:0px 0px 0px 10px;
	width:540px;
}
p.point{
	line-height:120%;
	font-size:84%;
	margin:20px 0px 20px 10px !important;
	color:#999999;
}
.navigation{
	margin:10px 0px 0px 2px;
	font-size:84%;
	width:555px;
}
.alignleft{
	float:left;
}
.alignright{
	float:right;
}
.more-link{
	font-size:84%;
	text-align:right;
	padding:10px 0px 0px 0px;
}
ul#p_list li{
	background:url(images/icon_02.gif) no-repeat 0% 30%;
	margin:0px 0px 0px 10px;
	padding:0px 0px 5px 10px;
	line-height:120%;
}
ul#p_list .small{
	font-size:88%;
}

ul#c_list{
	margin:20px 0px 0px 0px;
}
ul#c_list li{
	background:url(images/icon_02.gif) no-repeat 0% 30%;
	margin:0px 0px 0px 10px;
	padding:0px 0px 5px 10px;
	line-height:120%;
}
ul#c_list .small{
	font-size:88%;
}
.add{
	margin:20px 0px 10px 10px;
}
p.p_similar{
	padding:0px 0px 5px 1px;
	font-weight:bold;
}
ul.st-related-posts{
	margin:0px 0px 0px 12px;
	padding:0px 0px 0px 0px;
}
ul.st-related-posts li{
	background:url(images/icon_02.gif) no-repeat 0% 40%;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 7px;
	font-size:84%;
}
p.impression{
	padding:10px 0px 10px 10px;
}

ol#commentlist{
	margin:10px 0px 15px -10px;
	padding:0px 0px 0px 0px;
}
#commentlist li{
	padding:0px 0px 10px 0px;
	line-height:140%;
}
#commentlist p.commentmeta{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:94%;
	font-style: italic; 
	color:#999999;
}


/* side  ---------------------------------------------------- */
h4{
	background:url(images/icon_01.gif) no-repeat;
	margin:15px 0px 5px 5px;
	padding:0px 0px 0px 20px;
	width:140px;
	height:23px;
	font-weight:bold;
	font-size:100%;
}
h2.widgettitle{
	background:url(images/icon_01.gif) no-repeat;
	margin:15px 0px 5px 5px;
	padding:0px 0px 0px 20px;
	width:140px;
	height:23px;
	font-weight:bold;
	font-size:100%;
}
ul{
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
}
li{
	font-size:92%;
	margin:0px 0px 0px 25px;
	padding:0px 0px 0px 0px;
	line-height:120%;
}
ul.icon li,.page_item,#recent-posts li,.cat-item,#archives li,#recent-comments li,#meta li{
	background:url(images/icon_02.gif) no-repeat 0px 5px;
	margin:0px 10px 5px 10px;
	padding:0px 0px 0px 10px;
}
.show_archive{
	margin:0px 10px 0px 30px;
	font-size:84%;
	line-height:120%;
}
.yahoo{
	margin:15px 0px 0px 33px;
	padding:0px 0px 0px 0px;
}
.banner{
	margin:20px 0px 0px 33px;
	padding:0px 0px 0px 0px;
}

#wp-calendar{
border-collapse: separate; 
	border:1px solid #cccccc;
	margin:20px 0px 0px 33px;
	padding:0px 0px 0px 0px;
	width:140px;
	font-size:84%;
}
caption{
	text-align:right;
	margin:0px 0px -20px 0px;
	padding:0px 0px 0px 0px;
}
#wp-calendar th{
	border:1px solid #cccccc;
	text-align:center;
	padding:0px 2px 0px 4px;
}
#wp-calendar td{
	text-align:center;
	padding:0px 2px 0px 5px;
}
#today{
	background:#d1df9c;
}

.tag_cloud,.st-tag-cloud{
	margin:0px 10px 0px 10px;
	font-size:88%;
	line-height:120%;
}
.post_list{
	background:url(images/icon_02.gif) no-repeat 55% 50%;
	margin:-5px 10px 0px 0px;
	font-size:88%;
	text-align:right;
	font-weight:bold;
}
.textwidget{
	margin:0px 10px 0px 10px;
	font-size:84%;
}

/* foot  ---------------------------------------------------- */
p.copy{
	margin:10px 0px 0px 0px;
	padding:0px 0px 20px 0px;
	text-align:center;
	font-size:82%;
	letter-spacing:1px;
}