@charset "UTF-8";
/*
Thema Name:Electric Fruits
Theme URI:http://www.electric-fruits.com/
Description:Electric Fruits Blog theme
Author:N.Takami
*/


/*-----------------------------初期設定-----------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td,hr,img,sub{
	margin:0;
	padding:0;
	line-height:1;
}

body{
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	height:100%;
	width:100%;
}

/* Win IE6 Hack*/
/*Mac IE Excludes\*/
* html body{
	font-family:"ＭＳ Ｐゴシック", sans-serif;
}
/**/

table{
border-collapse:collapse;
border-spacing:0;
}
fieldset,img,abbr{
border:0;
}
address,caption,cite,code,dfn,h1,h2,h3,h4,th,var{
font-style:normal;
font-weight:normal;
}
caption,th {
text-align:left;
}
q:before,q:after{
content:'';
}

html{
	height:100%;
	overflow-y:scroll;
}

body{
	font-size:62.5%;
}

html>/**/body{
	font-size:10px;
}

img{
	vertical-align:top; 
}

li{
	list-style-type:none;
}

em{
	font-style:normal;
}

strong{
	font-weight:normal;
}

#wrapper{
	position:relative;
	display:inline-block;
	width:800px;
	height:auto;
	margin:0 auto;
	padding-bottom:20px;
}



#wrapper:after{
	display:block;
	clear:both;
	content:".";
	height:0px;
	overflow:hidden;
}

#wrapper{
	display:block;
}

#wrapper #header{
	background:url(images/blogHeaderBg.gif) no-repeat left top;
	min-height:187px;
}

#wrapper #header h1{
	padding:33px 32px 0 0;
	text-align:right;
	font-size:1.4em;
	font-weight:700;
}

#wrapper #header h1 a{
	text-decoration:none;
	color:#29abe2;
}

#wrapper #header h1 a:hover{
	color:#99ffff;
}

#wrapper #header ul.linkNavi{
	padding:0px 0 0 8px;
	margin-top:-30px;
}

#wrapper #header ul.linkNavi li{
	display:inline;
	padding:0 6px 0 6px;
	border-right:1px solid #86a31c;
	font-size:1.1em;
}

#wrapper #header ul.linkNavi li:last-child{
	border:none;
}

#wrapper #header ul.linkNavi li a{
	text-decoration:none;
	color:#c1272d;
}

#wrapper #header ul.linkNavi li a:hover{
	color:#C4ABA4;
}


#wrapper #mainContents{
	clear:both;
	position:relative;
	float:right;
	width:596px;
	min-height:680px;
	padding-bottom:98px;
	background:url(images/blogNotebg.png) no-repeat left top;
}

#wrapper #mainContents p.date{
	padding:88px 140px 0 0px;
	font-size:1.0em;
	color:#666666;
	text-align:right;
}

#wrapper #mainContents p.postCategory{
	padding:4px 218px 0 0;
	text-align:right;
	font-size:1.1em;
	color:#aaaaaa;
}

#wrapper #mainContents p.postCategory a{
	text-decoration:none;
	color:#86a31c;
}

#wrapper #mainContents h2{
	padding:4px 0 0 95px;
	font-size:1.4em;
	color:#666666;
}

#wrapper #mainContents h2.pageTitle{
	padding:98px 0 0 95px;
}

#wrapper #mainContents .contentsText{
	padding:0 0 0 34px;
}

#wrapper #mainContents .linksGreeting{
	padding:12px 0 14px 48px;
	width:330px;
	font-size:1.2em;
	line-height:1.5;
}

#wrapper #mainContents ul.linkLists{
	padding:12px 14px 0 60px;
	width:330px;
	height:396px;
	font-size:1.1em;
	overflow:auto;
}

#wrapper #mainContents ul.linkLists li{
	padding:0 0 2.0em 18px;
	line-height:1.5;
}

#wrapper #mainContents ul.linkLists li a{
	color:#86a31c;
}

#wrapper #mainContents ul.linkLists li a:hover{
	color:#CBE05E;
}

#wrapper #mainContents ul.linkLists li.title{
	padding:0 0 1em 18px;
	line-height:1.1;
}

#wrapper #mainContents ul.linkLists li.title h3{
	padding-bottom:0.2em;
	margin-bottom:0.4xem;
	color:#c1272d;
	font-size:1.2em;
}

#wrapper #mainContents .contentsText  dl.postText{
	font-size:1.2em;
}

#wrapper #mainContents .contentsText dl.postText dd{
	width:330px;
	line-height:1.8;
	color:#666666;
	height:238px;
	padding-left:40px;
	overflow:auto;
}

#wrapper #mainContents .contentsText dl.postText dd dl{
	padding:12px 4px 12px 10px;
}

#wrapper #mainContents .contentsText dl.postText dd dl dt{
	display:list-item;
	list-style-type:disc;
	padding:4px 4px 4px 0;
	margin-left:14px;
	line-height:1.4;
}

#wrapper #mainContents .contentsText dl.postText dd code{
	background:#FFFFFF;
	width:278px;
	display:block;
	padding:12px 8px 12px 12px;
	border:1px solid #cfcfcf;
	margin:8px 16px 8px 0;
	white-space:nowrap;
	overflow:auto;
}

#wrapper #mainContents .contentsText dl.postText dd h4 {
  padding:12px 0 4px 0;
  fnt-size:1.4em;
  font-weight:700;
}

#wrapper #mainContents .contentsText dl.postText dd h4 a {
  color:#559900;
}

#wrapper #mainContents .contentsText dl.postText dd h4 a:hover {
  color:#99CC66;
}

#wrapper #mainContents .contentsText dl.postText dd cite{
	display:block;
}

#wrapper #mainContents .contentsText dl.postText dd p{
	padding:6px 0 4px 4px;
	line-height:1.5;
}


#wrapper #mainContents .contentsText dl.postText dd .attention{
	display:block;
	padding:8px;
	font-weight:900;
	color:#009900;
}

#wrapper #mainContents .contentsText dl.postText dd blockquote{
	display:block;
	padding:6px;
	width:290px;
	margin-right:8px;
	background:#ffffff;
	border:1px solid #cfcfcf;
	font-size:1.1em;
	line-height:1.25;
}

#wrapper #mainContents .contentsText dl.postText dd dl dd{
	width:auto;
	height:auto;
	overflow:visible;
	padding:2px 0 10px 30px;
	line-height:1.1;
}

#wrapper #mainContents .contentsText dl.postText ul li{
	font-size:1.0em;
	line-height:1.8;
}

#wrapper #mainContents ul#contentNavi{
	padding:8px 0 0 0;
	font-size:1.1em;
	width:600px;
}

#wrapper #mainContents ul#contentNavi li:first-child{
	float:left;
	display:block;
	padding:0 0 0 65px;
	
}

#wrapper #mainContents ul#contentNavi li:last-child{
	float:right;
	display:block;
	padding:0 195px 0 0;
	
}

#wrapper #mainContents ul#contentNavi li a{
	color:#86a31c;
}

#wrapper #mainContents ul#contentNavi li a:hover{
	color:#CBE05E;
}

#wrapper #mainContents p.commentLink{
	clear:both;
	padding:24px 58px 0 0;
	font-size:1.1em;
	text-align:right;
}

#wrapper #mainContents p.commentLink a{
	color:#86a31c;
}

#wrapper #mainContents #commentsBox{
	position:relative;
	z-index:100;
	width:270px;
	left:460px;
	margin-top:-578px;
	background:url(../../../../images/postit_big.png) no-repeat left bottom;
}

#wrapper #mainContents #commentsBox form p{
	padding:2px 0 4px 32px;
}

#wrapper #mainContents #commentsBox form{
	padding:30px 0 14px 0;
	height:206px;
}

#wrapper #mainContents #commentsBox form p input[type="text"]{
	height:20px;
	border:1px solid #86a31c;
}

#wrapper #mainContents #commentsBox form p textarea{
	border:1px solid #86a31c;
	height:80px;
}

#wrapper #mainContents #commentsBox .commPost{
	padding:10px 0 2px 5px;
	margin:8px 0 8px 10px;
	width:215px;
	background:url(../../../../images/postitsmoll.jpg) repeat-y top left;
}

#wrapper #mainContents #commentsBox .commPost p{
	clear:both;
	padding:2px 22px 8px 15px;
	font-size:1.2em;
	line-height:1.25;
	color:#666666;
}

#wrapper #mainContents #commentsBox .commPost p.commAuthor{
	float:left;
	margin-left:-4px;
	font-size:1em;
}

#wrapper #mainContents #commentsBox .commPost p.commDate{
	clear:none;
	font-size:0.9em;
	padding:2px 40px 0px 15px;
	line-height:1.5;
	color:#86a31c;
	text-align:right;
}

#wrapper #mainContents #commentsBox .commPost p.commType{
	clear:none;
	font-size:0.9em;
	padding:2px 40px 0px 15px;
	line-height:1.5;
	color:#86a31c;
	text-align:right;
}

#wrapper #mainContents #commentsBox textarea{
	width:200px;
}

#wrapper #mainContents p.trackback{
	padding:24px 0 0 42px;
	font-size:1em;
	color:#cccccc;
}

#wrapper #mainContents p.trackback_single{
	position:absolute;
	bottom:100px;
	left:42px;
	font-size:1em;
	color:#cccccc;
}

#wrapper #sidebar{
	float:left;
	width:204px;
	min-height:680px;
}

#wrapper #sidebar li#calendar{
	margin-top:80px;
}

#wrapper #sidebar li#calendar table#wp-calendar{
	margin:0px 0 0 22px;
	width:156px;
}

#wrapper #sidebar li#calendar table#wp-calendar caption{
	padding:0 0 8px 2px;
	width:132px;
	color:#c1272d;
	font-size:1.2em;
	font-weight:600;
}

#wrapper #sidebar li#calendar table#wp-calendar th,
#wrapper #sidebar li#calendar table#wp-calendar td{
	padding:2px;
	font-size:1em;
	color:#86a31c;
}

#wrapper #sidebar li#calendar table#wp-calendar td a{
	color:#b58a1b;
}

#wrapper #sidebar h3{
	margin:18px 0 0 22px;
	color:#c1272d;
	font-size:1.2em;
	font-weight:600;
}

#wrapper #sidebar ul#monthArchives{
	padding:11px 0 0 42px;
}

#wrapper #sidebar ul#monthArchives li{
	padding:0 0 8px 0;
	font-size:1.2em;
}

#wrapper #sidebar ul#monthArchives li a{
	text-decoration:none;
	color:#86a31c;
}


#wrapper #sidebar ul#monthArchives li a:hover{
	text-decoration:none;
	color:#CBE05E;
}

#wrapper #sidebar ul#category{
	padding:11px 0 40px 42px;
}

#wrapper #sidebar ul#category li{
	padding:0 0 8px 0;
	font-size:1.2em;
}

#wrapper #sidebar ul#category li a{
	text-decoration:none;
	color:#86a31c;
}

#wrapper #sidebar ul#category li a:hover{
	text-decoration:none;
	color:#CBE05E;
}

#wrapper #sidebar ul#recentposts{
	padding:11px 0 0 42px
}

#wrapper #sidebar ul#recentposts li{
	font-size:1.1em;
	padding:0 0 6px 0;
	line-height:1.5;
}

#wrapper #sidebar ul#recentposts li a{
	text-decoration:none;
	color:#86a31c;
}

#wrapper #sidebar ul#recentposts li a:hover{
	text-decoration:none;
	color:#CBE05E;
}


#wrapper #sidebar label{
	margin:40px 0 8px 32px;
	color:#c1272d;
	font-size:1.2em;
	font-weight:600;
}

#wrapper #sidebar input {
	margin:2px 0 2px 32px;
	border:1px solid #86a31c;
}

#footer{
	clear:both;
	position:relative;
	z-index:1;
	width:800px;
	height:40px;
	
	padding:38px 0 0 0;
	background:url(images/blog_design_06.gif) no-repeat left top;
	margin:0 auto 0 auto;
}

#footer ul.linkNavi{
	padding:12px 0 0 8px;
}

#footer ul.linkNavi li{
	float:left;
	padding:0 6px 0 6px;
	border-right:1px solid #86a31c;
}

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

#footer ul.linkNavi li a{
	text-decoration:none;
	color:#c1272d;
}

#footer ul.linkNavi li a:hover{
	color:#C4ABA4;
}

#footer ul#admin{
	clear:both;
	padding:40px 0 0 100px;
	margin:0 0 -50px 0;
}

#footer ul#admin li{
	float:left;
	border-right:1px solid #dcdcdc;
	padding-right:12px;
	padding-left:12px;
}

#footer ul#admin li:last-child{
	border:none;
}

#footer ul#admin li a{
	color:#dfdfdf;
}

#footer p.copyright{
	clear:both;
	padding:0 24px 4px 0;
	color:#86a31c;
	text-align:right;
}