@charset "utf-8";

/*--　初期設定　--*/
* {
	margin:0;
	padding:0;
}

body{
	background:#e8f3ea;
	margin:0;
	padding:0;
	min-height:100%;
	height:100%;
	_height:100%;
	font-family: Verdana,Arial,sans-serif;
	font-size:100%;
	*font-size:medium;
}

table{
	border-collapse: collapse;
	border-spacing: 0;
	border:0;
}

th,td,form{
	margin: 0;
	padding: 0;
	background-color: transparent;
	boder:0;
	}
a{
	text-decoration: none;
	}
a:link,a:visited{
	}
a:hover{
	}
a:active{
	}
	
h1,h2,h3,h4,h5,h6 { 
	text-decoration:none;
	font-weight:normal;
	font-size:100%;
	margin:0;
	padding:0;
}


select,input,button,textarea {
	font:99% ;
	font-family:Helvetica,Arial,sans-serif,ヒラギノ角ゴシック Pro W3,Hiragino Kaku Gothic Pro,MS P ゴシック;
}

/*IE6&IE7*/
*select,input,button,textarea {
	font-weight:normal;
	font-size:99%;
	font-family:Helvetica,Arial,sans-serif,ヒラギノ角ゴシック Pro W3,Hiragino Kaku Gothic Pro,MS P ゴシック;
}

dl,dt,dd {
	text-decoration:none;
	margin:0;
	padding:0;
}

ul,ol {
	list-style:none;
}

img	{
	border:0;
}
p {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	line-height: 1.5em;
}
/*--　初期設定　--*/



/*--　全体設定　--*/
html {	overflow-y:scroll; 
		overflow-x:hidden;
}

body > #wrapper {
	background: url(http://blog-imgs-48-origin.fc2.com/p/l/e/pleasewebinspiration/bg_stripe2.gif) repeat top left;
	margin: 0;
	padding: 0;
	color: #333;
	width:100%;
	height:100%;
	_height: 100% ;
	min-height:100%;
	}

/*--　全体設定　--*/

strong,em{
	text-decoration:none;
	font-weight:normal;
	font-style:normal;
	}



/*--------------リンク設定------------*/
a {
	color:#db8d79;
	text-decoration: none;
	}
a:link,a:visited{
	color:#db8d79;
	outline:none;
	}
a:hover{
	color:#7dbe89;
	}
a:active{
	color:#db8d79;
	outline:none;
	}
/*--------------リンク設定------------*/


/*-- ヘッダー --*/

#header{
	width:1024px;
	padding-top:50px;
	padding-bottom:15px;
	margin:0 auto;
	}
#header:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
   }
#header h1{
	display:block;
	width:500px;
	font-size:220%;
	text-shadow:#2e2e2e 1px 1px 1px;
	font-family:helvetica,Verdana, Geneva, sans-serif;
	float:left;
	}
#header h1 a:link,#header h1 a:visited{
	color:#7C6848;
	text-shadow:#fff 1px 1px 1px;
	}
#header h1 a:hover{
	color:#EC9E8A;
	text-shadow:#fff 1px 1px 1px;
	}
#header h2{
	display:block;
	width:500px;
	font-size:80%;
	padding-top:80px;
	float:left;
	}

/*-- ヘッダー --*/

/*--  ナビ　--*/

#navi{
	background:#d6caa2;
	width:100%;
	height:45px;
	clear:both;
	border-top:5px solid #f0f9f6;
	border-bottom:5px solid #f0f9f6;
	}
#navi ul{
	width:1024px;
	margin:0 auto;
	}
#navi li {
	display:block;
	width:150px;
	height:45px;
	line-height:45px;
	font-weight:600;
	font-family:helvetica,Verdana, Geneva, sans-serif;
	text-shadow:#000 1px 1px 1px;
	text-align:center;
	float:left;
	}
#navi li a:link,#navi li a:visited{
	display:block;
	width:150px;
	height:45px;
	color:#7C6848;
	text-shadow:#fff 1px 1px 1px;
	}
#navi li a:hover{
	background:#e1d5ae;
	color:#E9836A;
	text-shadow:#fff 1px 1px 1px;
	}
#tools {
	position:absolute;
	top:50px;
	left:85%;
	float:right;
	}
#tools ul{
	width:120px;
	}
#tools li.tool{
	display:block;
	width:60px;
	height:60px;
	float:left;
	}
/*--  ナビ　--*/



/*--  コンテンツ　--*/

#content-wrap{
	width:1024px;
	margin:0 auto;
	padding-top:30px;
	}
#content{
	width:610px;
	float:left;
	}

.main{

	}
h2.entry-head{
	width:523px;
	display:block;
	background: url(http://blog-imgs-48-origin.fc2.com/p/l/e/pleasewebinspiration/i_entry2.gif) no-repeat top left;
	font-size:140%;
    font-weight:600;
	color:#C0E0C6;
	line-height:80px;
	padding-left:45px;
	padding-top:15px;
	margin:0 auto;
	margin-bottom:20px;
	margin-left:-7px;
	margin-top:-40px;
	text-shadow:#888 1px 1px 1px;
	border-bottom:1px dotted #3e3e3e;
	z-index:100 !important;
	}
h2.entry-head a:link,h2.entry-head a:visited{
	color:#59b17c;
	}
h2.entry-head a:hover{
	color:#EC9E8A;
	}

.entry{
	width:558px;
	background:#fff;
	-moz-border-radius:8px;
	font-size:100%;
	padding:20px;
	margin:0 auto;
	margin-bottom:50px;
	}
.more{
	width:558px;
	text-align:right;
	}
.continue{
	background:#f1e8c9;
	display:block;
	width:200px;
	height:20px;
	font-size:80%;
	text-align:center;
	margin: auto 350px ;
	margin-top:20px;
	margin-bottom:20px;
	-moz-border-radius:3px;
	text-shadow:#fff 1px 1px 1px;
	}
.continue a:link,.continue a:visited{
	background:#f1e8c9;
	display:block;
	padding:5px;
	width:200px;
	height:20px;
	text-shadow:#fff 1px 1px 1px;
	-moz-border-radius:3px;
	}
.continue a:hover{
	background:#EC9E8A;
	display:block;
	padding:5px;
	width:200px;
	height:20px;
	color:#fff;
	text-shadow:#999 1px 1px 1px;
	-moz-border-radius:3px;
	}
.entry-foot{
	margin-top:40px;
	padding-top:20px;
	font-size:80%;
	border-top:1px dotted #3e3e3e;
	}
.fc2_footer{
	margin-top:40px;
	}
   
#comments,#trackbacks{
	width:558px;
	background:#fff;
	-moz-border-radius:8px;
	font-size:100%;
	padding:20px;
	margin:0 auto;
	margin-top:30px;
	font-size:90%;
	}
h3.comments-title,h3.trackbacks-title{
	background:#f1e8c9;
	font-size:100%;
	margin-bottom:30px;
	padding:10px;
	-moz-border-radius:5px;
	}
.comment-detail{
	font-size:100%;
	}
.comment-author{
	font-size:120%;
	color:#12ceda;
	}
.comment-date,.trackback-date{
	font-size:80%;
	}
/*--コメント本文--*/
.comment-body{
	font-size:100%;
	line-height:180%;
	}

.tb-content{
	font-size:90%;
	}

   
input.txt-box1{
	background:#f7f7f7;
	padding:4px;
	width:300px;
	border:1px solid #999;
	-moz-border-radius:3px;
	}
.txt-box2{
	background:#f7f7f7;
	padding:4px;
	width:300px;
	height:150px;
	overflow:auto;
	border:1px solid #999;
	-moz-border-radius:3px;
	}
   
.comment-submit{
	background:#C0E0C6;
	width:150px;
	padding:5px;
	margin-top:20px;
	border:none;
	text-shadow:#fff 1px 1px 1px;
	-moz-border-radius:3px;
	}
.comment-submit:hover{
	background:#EC9E8A;
	color:#fff;
	text-shadow:#333 1px 1px 1px;
	}


#form{
	width:558px;
	}
#form dl{ }
#form dt{
	padding:5px 0;
	}
   
   
p.page-nav{
	width:598px;
	font-weight:600;
	margin-top:20px;
	font-size:100%;
	text-shadow:#fff 1px 1px 1px;
	}
p.page-nav span.next{
	float:right;
	}
p.page-nav span.prev{
	float:left;
	}
p.page-nav a:link,p.page-navi a:visited{
	color:#7C6848;
	}
p.page-nav a:hover{
	color:#CAB189;
	}

#sub1,#sub2{
	min-height:100%;
	height:100%;
	_height:100%;
	font-size:80%;
	}
#sub1{
 	width:200px;
	float:left;
}

#sub2{
 	width:200px;
	float:right;
}

dl.sub-content{
	width:200px;
	}
dl.sub-content dt.sub-title{
	background: url(http://blog-imgs-48-origin.fc2.com/p/l/e/pleasewebinspiration/sub_title_bg.png) no-repeat bottom left;
	font-size:120%;
	color:#7C6848;
	text-shadow:#fff 1px 1px 1px;
	font-weight:600;
	padding-bottom:15px;
	}
dl.sub-content dd{
	padding-top:15px;
        margin-bottom:30px;
	}
dl.sub-content dd.sub-body{
	padding-top:10px;
	}
dl.sub-content dd.plugin-foot{
	padding-top:10px;
	}
  
#footer{
	background: #d6caa2;
	width:100%;
	font-size:80%;
	margin-top:50px;
	padding:30px 0;
	border-top:8px solid #fff;
	}



#footer-contents{
	width:1024px;
	margin:0 auto;
	}
#footer-contents .pagetop{
	background:#C0E0C6;
	display:block;
	width:40px;
	height:40px;
	margin-top:-50px;
	-moz-border-radius:3px;
	line-height:40px;
	text-align:center;
	float:right;
	}
#footer-contents .pagetop a:link,#footer-contents .pagetop a:visited{
	display:block;
	width:40px;
	height:40px;
	color:#fff;
	font-size:120%;
	-moz-border-radius:3px;
	}
#footer-contents .pagetop a:hover{
	background:#EC9E8A;
	-moz-border-radius:3px;
	}	
p.credit,p.ad{

	}
p.credit a:link,
p.credit a:visited,
p.ad a:link,
p.ad a:visited{
	color:#fff;
	}
p.credit a:hover,
p.ad a:hover{
	color:#4f2e00;
	}
	
   
/*clear*/
.clear{
	display:block;
	clear:both;
	padding-bottom:1px;
}

/* モダンブラウザ（Firefox Opera Safari）対策 */
.clearfix:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

/* Win版IE7とMac版IE5対策 */
.clearfix{
   display:inline-block;
}

/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html .clearfix{
   height:1px;
}

.clearfix{
   display:block;
}
/* End hide from IE-mac */
