@charset "utf-8";
/*
Theme Name: netcreates.blog
Theme URI: http://www.netcreates/blog/
Description: netcreates.blogのテーマ
Version: 1.0
Author: netcreates
Author URI: http://netcreates
*/

*{
	margin: 0;
	padding: 0;
	font-size: 100%;
	text-decoration: none;
	font-style: normal;
	list-style: none;
}

body{
	color: #000;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	font-size: 12px;
	line-height: 1.85em;
	background-color: #FEFBF2;
	background: -moz-linear-gradient(top, #FFFEFB, #FDF7E8);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFEFB), to(#FBF4EA));
	overflow-x: hidden;
}

header,
article,
section,
hgroup,
nav,
footer{ display: block; }

/* Webkitでのrubyリセット */
ruby{ display: run-in; }
rt{display: inline; }

/* リンク */
a{
	color: #1A4A72;
	outline : 0;
}

	a img{
		margin-bottom: -6px;
		border-bottom: 3px solid #FFF;
	}

a:hover{
	opacity: 0.3;
}

img{ border: none; }


/*================================*/
/* 全体のコンテナ */

div.container{
	width: 920px;
	margin: 0 auto;
	overflow: hidden;
}


/*================================*/
/* ヘッダ */

header{
	position: relative;
	height: 70px;
	padding-top: 50px;
	background-image: url(/blog/wp-content/themes/netcreates/img/blog/header_image.gif);
	background-repeat: no-repeat;
	background-position: 700px 30px;
}

	/* ロゴ */
	header h1{
		font-family: "ヒラギノ角ゴ Pro W3";
		color: #1A4A72;
		font-size: 13px;
		font-weight: normal;
		font-style: italic;
		letter-spacing: -1px;
	}
	
		header h1 a{
			color: #C30;
			font-size: 56px;
			font-family: 'Open Sans Condensed';
			font-weight: 400;
			font-style: italic;
			letter-spacing: 1.5px;
		}
		
			header h1 a span{
				margin: 0 0.2em;
				color: #F60;
				font-size: 56px;
				font-family: 'Open Sans Condensed';
				font-weight: 400;
				font-style: italic;
				letter-spacing: 1.5px;
			}


/*================================*/
/* コンテンツ部のコンテナ */

#contents{
	float: left;
	clear: both;
}
	
	/* 外部リンク */
	#contents a.external{
		margin-right: 0.5em;
		padding-right: 18px;
		background-image: url(/blog/wp-content/themes/netcreates/img/common/external.gif);
		background-position: right center;
		background-repeat: no-repeat;
	}
	
	/* PDF */
	#contents a.pdf{
		margin-right: 0.5em;
		padding-right: 18px;
		background-image: url(/blog/wp-content/themes/netcreates/img/common/pdf.gif);
		background-position: right center;
		background-repeat: no-repeat;
	}
	
	/* リザルト */
	#contents h2.search-result{
		margin-bottom: 10px;
		padding-top: 10px;
		font-family: "ヒラギノ角ゴ Pro W6";
		font-size: 13px;
	}

	/* 各エントリ */
	#contents article{
		position: relative;
		width: 570px;
		margin-bottom: 45px;
		padding: 25px 30px;
		background-color: #FFF;
		border: solid 1px #DBCFBF;
		border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
	}
	
		/* 丸い影 */
		#contents article:after{
			content: "";
			position: absolute; 
			top: 60px;
			bottom: 0;
			left: 10px;
			right: 10px;
			border-radius: 300px / 30px; -webkit-border-radius: 300px / 30px; -moz-border-radius: 300px / 30px;
			box-shadow: 0 10px 10px #CECDC8; -webkit-box-shadow: 0 10px 10px #B1AFA8;
			z-index: -1;
		}

		/* エントリタイトル */
		#contents article h2{
			margin-bottom: 3px;
			font-family: "ヒラギノ角ゴ Pro W6";
			font-size: 16px;
			line-height: 1.6em;
			border-bottom: dotted 1px #666;
		}
		
			#contents article h2 a{
				border-bottom: none;
			}

		/* リンクの下線 */
		#contents article a{
			border-bottom: dotted 1px #1A4A72;
		}
		
		/* つづきを読む */
		#contents article .more-link{
			min-height: 19px;
			padding-left: 23px;
			background-image: url(/blog/wp-content/themes/netcreates/img/common/arrow_right.gif);
			background-repeat: no-repeat;
			background-position: left center;
		}
		
			#contents article .more-link a{
			}
		
		/* 日付など */
		#contents article .entry-meta{
		}
		
			/* clearfix（IE無視） */
			#contents article .entry-meta:after{
				content: "."; 
				display: block; 
				height: 0; 
				font-size: 0;	
				clear: both; 
				visibility: hidden;
			}

			#contents article .entry-meta ul{
				float: left;
			}
			
				#contents article .entry-meta ul li{
					display: inline;
					margin-right: 1.5em;
				}
				
				/* 日付 */
				#contents article .entry-meta ul li.date{
					padding-left: 13px;
					background-image: url(/blog/wp-content/themes/netcreates/img/common/date.gif);
					background-position: left center;
					background-repeat: no-repeat;
				}
				
				/* コメント */
				#contents article .entry-meta ul li.comment{
					padding-left: 17px;
					background-image: url(/blog/wp-content/themes/netcreates/img/blog/comment.gif);
					background-position: left center;
					background-repeat: no-repeat;
				}
				
				/* 書いた人 */
				#contents article .entry-meta ul li.auther{
					position: absolute;
					top: -0.8em;
					right: 20px;
					padding: 0.4em 10px 0.4em 20px;
					line-height: 1em;
					border-bottom-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-bottom-left-radius: 2px;
					border-bottom-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-bottom-right-radius: 2px;
					background-color: #DBCFBF;
					background-image: url(/blog/wp-content/themes/netcreates/img/blog/auther.gif);
					background-position: 5px center;
					background-repeat: no-repeat;
					box-shadow: 2px 2px 2px #DDD; -webkit-box-shadow: 2px 2px 2px #DDD;
				}
				
					/* 三角形 */
					#contents article .entry-meta ul li.auther:after{
						content: "";
						display: block;
						position: absolute;
						top: 0;
						right: -9px;
						width: 0;
						height: 0;
						border-top: 9px solid transparent;
						border-left: solid 9px #B9A282;
						z-index: 2;
					}
				
					#contents article .entry-meta ul li.auther a{
						color: #FFF;
						text-shadow: none;
						border-bottom: none;
					}
					
					/* 色分け */
					#contents article.shinsuke .entry-meta ul li.auther{
						background-color: #6FAFF0;
					}
					
						#contents article.shinsuke .entry-meta ul li.auther:after{
							border-left: solid 9px #2084E8;
						}
					
					#contents article.yuji .entry-meta ul li.auther{
						background-color: #FC9863;
					}
					
						#contents article.yuji .entry-meta ul li.auther:after{
							border-left: solid 9px #D9860B;
						}
					
					#contents article.unoki .entry-meta ul li.auther{
						background-color: #FE9494;
					}
					
						#contents article.unoki .entry-meta ul li.auther:after{
							border-left: solid 9px #D24242;
						}
					
					#contents article.tokumitsu .entry-meta ul li.auther{
						background-color: #89BE41;
					}
					
						#contents article.tokumitsu .entry-meta ul li.auther:after{
							border-left: solid 9px #5F842D;
						}
					
					#contents article.yusuke .entry-meta ul li.auther{
						background-color: #AE98D8;
					}
					
						#contents article.yusuke .entry-meta ul li.auther:after{
							border-left: solid 9px #8361C2;
						}
					
					#contents article.yoshiyuki .entry-meta ul li.auther{
						background-color: #E1CB00;
					}
					
						#contents article.yoshiyuki .entry-meta ul li.auther:after{
							border-left: solid 9px #A29200;
						}

			/* SNS */
			#contents article .entry-meta ul.sns{
				float: right;
				line-height: 1em;
			}

				/* ツイッター */
				#contents article .entry-meta ul li.twitter{
					position: relative;
					top: 1px;
					margin-right: 5px;
				}
				
				/* フェイスブック */
				#contents article .entry-meta ul li.facebook{
					position: relative;
					bottom: 5px;
					margin-right: 0;
				}
				
					#contents article .entry-meta ul li a{
						border-bottom: none;
					}
		
		/* 本文 */
		#contents article .entry-content{
			margin: 30px 0;
		}
		
			/* パラグラム */
			#contents article .entry-content p{
				margin-bottom: 1.3em;
			}
			
			/* リスト */
			#contents article .entry-content ul{
				margin: 0 0 1.3em 1.7em;
			}
			
				#contents article .entry-content ul li{
					list-style: outside disc;
				}
			
			/* 順序つきリスト */
			#contents article .entry-content ol{
				margin: 0 0 1.3em 2em;
			}
			
				#contents article .entry-content ol li{
					list-style: outside decimal;
				}
			
			/* 引用 */
			#contents article .entry-content blockquote{
				margin-bottom: 1.3em;
				padding: 10px 35px 10px 15px;
				background-color: #EEE;
				background-image: url(/blog/wp-content/themes/netcreates/img/blog/quote.gif);
				background-position: right top;
				background-repeat: no-repeat;
				border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
			}
			
		
		/* タグ */
		#contents article .entry-tag{
		}
		
			#contents article .entry-tag ul{
				padding-left: 20px;
				background-image: url(/blog/wp-content/themes/netcreates/img/blog/tag.gif);
				background-position: left 3px;
				background-repeat: no-repeat;
			}
			
				#contents article .entry-tag ul li{
					display: inline;
					margin-right: 0.8em;
				}
				
					#contents article .entry-tag ul li:last-child{
						margin-right: 0;
					}
					
		/* トラックバック */
		#contents article .trackbacks{
			margin: 70px 0 35px 0;
		}
		
			#contents article .trackbacks h3{
				margin-bottom: 10px;
				font-family: "ヒラギノ角ゴ Pro W6";
				font-size: 14px;
				line-height: 1.8em;
				border-bottom: dotted 1px #666;
			}
			
			#contents article .trackbacks #trackbacks-link{
				display: block;
				margin-top: 5px;
				line-height: 1.6em;
				word-break: break-all;
			}
		
		/* コメント */
		#contents article #comments{
		}
		
			/* コメント一覧 */
			#contents article #comments #comments-list{
				margin-bottom: 35px;
			}

				#contents article #comments #comments-list h3{
					margin-bottom: 15px;
					font-family: "ヒラギノ角ゴ Pro W6";
					font-size: 14px;
					line-height: 1.8em;
					border-bottom: dotted 1px #666;
				}
				
				#contents article #comments #comments-list ol{
				}
				
					#contents article #comments #comments-list ol li{
						margin-bottom: 20px;
					}
					
						/* コメント本文 */
						#contents article #comments #comments-list ol li p{
							position: relative;
							margin-bottom: 10px;
							padding: 10px 15px;
							background-color: #EEE;
							border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
							z-index: 2;
						}
						
						#contents article #comments #comments-list ol li .commenter{
							text-align: right;
						}
						
							/* コメント書いた人 */
							#contents article #comments #comments-list ol li .comment-author{
								position: relative;
								padding-left: 16px;
								background-image: url(/blog/wp-content/themes/netcreates/img/blog/user.gif);
								background-position: left top;
								background-repeat: no-repeat;
							}
							
							/* 三角形 */
							#contents article #comments #comments-list ol li .comment-author:after{
								content: " ";
								display: block;
								position: absolute;
								top: -13px;
								left: -4px;
								width: 0;
								height: 0;
								border-top: solid 10px #EEE;
								border-left: solid 10px #FFF;
								border-right: solid 10px #FFF;
							}
			
			/* コメントする */
			#contents article #comments #respond{
			}

				#contents article #comments #respond h3{
					margin-bottom: 10px;
					font-family: "ヒラギノ角ゴ Pro W6";
					font-size: 14px;
					line-height: 1.8em;
					border-bottom: dotted 1px #666;
				}
				
				/* ラベル */
				#contents article #comments #respond .form-label{
					float: left;
					width: 10em;
					max-width: 120px;
					margin: 0 20px 5px 0;
					text-align: right;
				}
				
					#contents article #comments #respond .form-label:after{
						content: "：";
						margin-left: 1em;
					}
				
				/* フォーム */
				#contents article #comments #respond .form-input,
				#contents article #comments #respond .form-textarea{
					margin: 0 0 5px 120px;
				}
				
					#contents article #comments #respond .form-input input{
						padding: 3px 5px;
						background-color: #EEE;
						border: none;
						border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
					}
					
					#contents article #comments #respond .form-textarea textarea{
						width: 420px;
						max-width: 420px;
						padding: 3px 5px;
						background-color: #EEE;
						border: none;
						border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
					}
				
				/* ボタン */
				#contents article #comments #respond .form-submit{
					margin-top: 10px;
					text-align: right;
				}
				
					#contents article #comments #respond .form-submit #submit{
						padding: 5px 30px;
						color: #FFF;
						font-weight: bold;
						text-shadow: -1px -1px 0 #BF654B;
						letter-spacing: 0.5em;
						background-color: #EF7D5C;
						border: none;
						border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
						cursor: pointer;
					}

	/* ページリンク */
	#contents #pages{
		margin-bottom: 60px;
		padding: 0 10px;
		font-family: 'Allerta', arial, serif;
	}
	
		#contents #pages p{
			font-size: 13px;
			line-height: normal;
			letter-spacing: -1px;
		}
	
		/* Newer Entries */
		#contents #pages p.new_ent{
			float: left;
			min-height: 19px;
			padding-left: 25px;
			font-size: 14px;
			background-image: url(/blog/wp-content/themes/netcreates/img/common/arrow_left.gif);
			background-position: left top;
			background-repeat: no-repeat;

		}
		
		/* Older Entries */
		#contents #pages p.old_ent{
			float: right;
			min-height: 19px;
			padding-right: 25px;
			font-size: 14px;
			background-image: url(/blog/wp-content/themes/netcreates/img/common/arrow_right.gif);
			background-position: right top;
			background-repeat: no-repeat;
		}
		
		/* ページ番号 */
		#contents #pages ul{
			text-align: center;
		}
		
			#contents #pages ul li{
				display: inline;
				margin: 0 0.5em;
			}
			
				/* リンクの下線 */
				#contents #pages ul li a{
					border-bottom: dotted 1px #1A4A72;
				}
			
				/* 現在のページ */
				#contents #pages ul li span.current{
					padding: 0 0.5em;
					background-color: #1A4A72;
					color: #FFF;
					text-shadow: none;
					letter-spacing: 0;
					border-radius: 3px;
						-webkit-border-radius: 3px;
						-moz-border-radius: 3px;
						-o-border-radius: 3px;
						-ms-border-radius: 3px;
				}


/*================================*/
/* サイドバー */

#sidebar{
	float: right;
	width: 250px;
	padding-top: 20px;
}

	#sidebar .widget{
		margin-bottom: 35px;
		line-height: 1.7em;
		clear: both;
	}

		#sidebar .widget h3{
			margin-bottom: 10px;
			padding-bottom: 4px;
			color: #333;
			font-size: 20px;
			font-family: 'Open Sans Condensed';
			font-weight: 400;
			letter-spacing: 1px;
			border-bottom: solid 2px #C30;
		}
		
		#sidebar .widget a{
			border-bottom: dotted 1px #1A4A72;
		}
	
	/* ABOUT */
	#about{
	}
	
		#about ul{
			margin-top: 10px;
			line-height: 2em;
		}
		
			#about ul li{
			}
			
				#about ul li img{
					margin: 0 5px -2px 0;
				}
	
	/* KEYWORD */
	#tag_cloud{
	}
	
		/* clearfix */
		#tag_cloud:after{
			content: "."; 
			display: block; 
			height: 0; 
			font-size: 0;	
			clear: both; 
			visibility: hidden;
		}
	
		#tag_cloud a{
			display: block;
			float: left;
			margin: 0 5px 5px 0;
			padding: 1px 0.5em;
			color: #FFF;
			line-height: 1.5em;
			background-color: #444;
			border-bottom: none !important;
			border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
		}
	
	/* ARCHIVE */
	#archives{
	}
	
		#archives li{
			line-height: 2em;
		}


/*================================*/
/* フッター */

footer{
	position: relative;
	border-top: solid 2px #7D6F48;
	z-index: 10;
}
	
	footer .container:after{
		display: block;
		content: " ";
		clear: both;
	}

	/* 黒い部分 */
	footer #copyright{
		color: #FFF;
		text-shadow: 1px 1px 0 #000;
		background-color: #333;
		clear: both;
	}
	
		footer #copyright .container{
			padding: 10px 0 30px 0;
		}
	
			/* Facebook */
			footer #copyright .container iframe{
				float: left;
				width: 75px;
				margin-right: 1em;
				overflow: hidden;
			}
	
			footer #copyright .container ul{
				float: left;
				font-size: 10px;
			}
			
				footer #copyright .container ul li{
					display: inline;
					margin-right: 0.5em;
				}
				
				footer #copyright .container ul li:after{
					content: "/";
					margin-left: 0.5em;
				}
				
				footer #copyright .container ul lilast-child{
					margin: 0;
				}
				
				footer #copyright .container ul li:last-child:after{
					content: none;
					margin: 0;
				}
	
					footer #copyright .container ul li a{
						color: #FFF;
					}
			
			footer #copyright .container p{
				text-align: right;
				font-size: 12px;
			}