@charset "UTF-8";

/*
Theme Name: mellowpx
Theme URI: http://mellowpx.com/
Description: mellowpx Blog のためのテンプレート
Author: mellowpx
Author URI: http://mellowpx.com/
Tags: mellowpx
*/

/* 		Font-size Adjustment.

			77% = 10px	|	123.1% = 16px	|	167% = 22px

			85% = 11px	|	131% =  17px	|	174% = 23px 

			93% = 12px	|	138.5% = 18px	|	182% = 24px 

			100% = 13px	|	146.5% = 19px	|	189% = 25px 

			108% = 14px	|	153.9% = 20px	|	197% = 26px 

			116% = 15px	|	161.6% = 21px	| 
*/

body {
	font: 13px/1.231 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	text-align: center;	
	letter-spacing: 0.1em;
	line-height: 1.6;
	*font-size: small; /* Win IE7およびWin IE6標準準拠モード向け */
	*font: x-small; /* Win IE 5-5.5､6(後方互換モード)向け */
}

select,input,button,textarea{font:99%;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{*font-size:108%;line-height:100%;}

body,div,h1,h2,h3,ul,ol,dl,li,dt,dd,p,blockquote{
	margin: 0;
	padding: 0;
}

a img,a {
	border: none;
	outline: none;
}

h1 {
	font-size: 153.9%;
	margin-bottom: 0.5em;
}

h2 {
	font-size: 123.1%;
	letter-spacing: 0.1em;
}

h3 {
	font-size: 123.1%;
	margin-bottom: 0.5em;
}

p,blockquote {
	font-size: 93%;
	margin-bottom: 1em;
}


ul,dl,ol { list-style: none; }

li { }

a:link,a:visited { color: #555; text-decoration: none; }
a:hover,a:active { color: #999; text-decoration: underline; }

#container {
	text-align: left;
	width: 860px;
	margin: 0 auto;
	padding-bottom: 50px;
}

#header {
	text-align: left;
	text-indent: -999px;
	background: #fff url(./images/header_bg.gif) no-repeat center center;
	margin-bottom: 50px;
}

	#header #siteName{
	margin: 0px 0;
	}
	
	#header #siteName a{
	color: #000;
	display: block;
	width: 860px;
	height: 100px;
	margin: 0 auto;
}
	
	.entryHeader a:link,.entryHeader a:visited { color: #000; text-decoration: none; }
	.entryHeader a:hover,.entryHeader　a:active { color: #ccc; text-decoration: none; }

#contents {
	/*clearfix*/
}

/* -webkit-box-shadow:0 10px 30px #ccc; */

#main {
	width: 640px;
	float: left;
}

#entryPath {
	margin-bottom: 0;
	color: #fff;
	padding-left: 10px;
	margin-top:-30px;
	height: 30px;
	line-height: 30px;
	width: 608px;
}

/* 	-webkit-border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px; */

.entryBody {
	width: 640px;
	margin-bottom: 50px;
	border-bottom: 1px solid #eee;
}

.entryHeader {
	width: 640px;
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 2px solid #eee;
	/*clearfix*/
}

.entryHeader .entryTitle{
			width: 580px;
			float: left;
			color: #000;
			padding: 0px 0px 0.2em 0px;
			font-weight: normal;
			font-size: 18px;
			font-family:'ヒラギノ明朝 Pro','Hiragino Mincho Pro','ＭＳ Ｐ明朝', serif;
			line-height: 1.4;
			letter-spacing: -0.06em;
			margin-bottom: 0;
}

.entryData {
	width: 580px;
	float: left;
}
.entryData li{
	font-size: 10px;
	font-family: Verdana, sans-serif;
	display: inline;
}
		.entryData .entryCategory a,
		.entryData .entryTag a {
			color: #cab42c;
			padding: 0 2px;
}
		.entryData .entryComment span {
			display: inline-table;
			margin: 0 5px;
			font-size: 10px;
			color: #fff;
			width: 15px;
			padding-left: 4px;
			line-height: 13px;
			padding-bottom: 1px;
			background: url(./images/hukidashi.png) no-repeat 0 center;
			vertical-align: text-top;
			}
		
		.entryDate {
			width: 60px;
			float: right;
			font-family: Baskerville, serif;
			color: #000;
			background: #fff;
			text-transform: capitalize;
		}
		
		.entryDate li {
			vertical-align:bottom;
			width: 60px;
			text-align: center;
			letter-spacing: 2px;
			font-size: 12px;
		}
		.entryDate .month {
			font-size: 10px;
			line-height: 14px;
		}
			
		.entryDate .day {
			color: #cab42c;
			font-size: 30px;
			line-height: 32px;
		}

/* @group Entry CSS */

.entryContents .imgCenter {
	text-align: center;
}

.entryContents a:link,
.entryContents a:visited{
	color: #cab42c;
	text-decoration: none;
}

.entryContents a:hover,
.entryContents a:active{
	color: #fff;
	background: #cab42c;
}

.entryContents blockquote {
	line-height: 1.8;
	padding: 20px;
	border: 5px solid #eee;
}

.entryContents dt {
	font-weight: bold;
	margin-top: 1em;
}
.entryContents dd {
	padding-left: 2em;
	display: list-item;
}


.entryContents dl {
	list-style-position: inside;
	list-style-type: circle;
}

.exlink {
	padding-left: 12px;
	background: url(images/icon_link_2.gif) no-repeat left 2px;
}


/* @end */

		.entryContents p{
			line-height: 1.8;
		}
		
		.entryContents a.more-link{
			margin: 0;
			padding: 0;
			text-indent: 0;
		}

div.entryBody div.entryContents a.more-link:hover,
div.entryBody div.entryContents a.more-link:active {
	background: none;
}
		
		.entryContents a.more-link{
			display: block;
			text-align: right;
		}
		
		.entryContents a.more-link span{
			padding: 5px;
			background: #cab42c;
			color: #fff;
			font-family: Baskerville, serif;
			letter-spacing: 0.1em;
			font-style: italic;
			font-size: 14px;
		}
		
#commentBody h2 {
	padding: 0 0 10px 0;
	line-height: 1;
	color: #cab42c;
	letter-spacing: 0.2em;
	font-family: Baskerville, serif;
	font-size: 16px;
	border-bottom: 2px solid #eee;
	font-weight: normal;
	margin-bottom: 15px;
	margin-top: 30px;
}
		
	#commentBody h3 {
		padding: 0 0 10px 0;
		line-height: 1;
		color: #cab42c;
		letter-spacing: 0.2em;
		font-family: Baskerville, serif;
		font-size: 16px;
		font-weight: normal;
		margin-bottom: 0;
		margin-top: 20px;
	}
	
	#trackBackURL a {
		background-color: #eee;
		padding: 5px;
		font-size: 93%;
	}
	
	#commentlist li {
			padding: 0 0 15px 0;
			margin-bottom: 15px;
			border-bottom: 1px solid #eee;
	}
	
	#commentlist p {
		font-size: 77%;
		margin-bottom: 0.2em;
	}
	
	#commentlist cite {
		font-size: 10px;
	}
	
.sectionSign {
	font-size: 20px;
	font-family: Baskerville, serif;
	color: #cab42c;
	text-align: center;
	display: block;
	margin-bottom: 15px;
}
	
#utility {
	float: right;
	width: 180px;
}

	#utility dl{
		margin-bottom: 30px;
		width: 180px;
	}
	
	#utility dt{
		padding: 0 0 10px 0;
		line-height: 1;
		color: #cab42c;
		letter-spacing: 0.2em;
		font-family: Baskerville, serif;
		font-size: 16px;
		border-bottom: 2px solid #eee;
	}
	
	#utility dd{
	}
	
		#utility dd ul li{
			font-size: 11px;
			padding: 3px 5px 3px 0px;
			border-bottom: 1px solid #eee;
}
	

#sideA{
	float: right;
}

#sideA dt{
	
}

#sideB{
	float: right;
	font-family: Verdana;
}

#sideB dt{
}

#sideCategory{
	float: right;
}

#utility #sideCategory li ul li{
	border-top: 1px solid #eee;
	border-bottom: none;
	margin-top: 3px;
	padding-left: 1.5em;
}

#sidesideProfile{
	float: right;
}

#utility dl#sideProfile dd ul li{
	font-size: 10px;
}

#sideE dt{
}

#utility ul#twitter_update_list li {
	font-size: 10px;
}

#copyright {
	padding-left: 0px;
	height: 30px;
	line-height: 30px;
	margin-bottom: 0;
}


/*----------------------------------------------------------

	Clearfix

-----------------------------------------------------------*/

/*clearfix*/

div#contents:after,
div.entryHeader:after  {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#contents,
div.entryHeader {
	zoom: 1;
}