@charset "utf-8";

/* 全体 */

html {
	background: url(./img/bg.gif) repeat-y center top;
}

body {
	color: #ccc;
}
	.drop_pink body {
		background: url(./img/head-pink.gif) repeat-x left top;
	}
	.drop_rose body {
		background: url(./img/head-rose.gif) repeat-x left top;
	}
	.drop_blue body {
		background: url(./img/head-blue.gif) repeat-x left top;
	}
	.drop_lime body {
		background: url(./img/head-lime.gif) repeat-x left top;
	}
	.drop_gold body {
		background: url(./img/head-gold.gif) repeat-x left top;
	}

#wrapper {
	position: relative;
	top: 0px;
	left: 50%;
	margin: 0px -410px;
	width: 820px;
}



/* リンク */
a,
a:visited,
a:active {
	color: #ccc;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}



/* 修正 */
div,p,
ul,ol,li,
dl,dt,dd,
h1,h2,h3,h3,h4,h5,h6 {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}



/*クリアフィックス*/
.clearfix {
	zoom: 1;
}
.clearfix:after{
	content: ""; 
	display: block; 
	clear: both;
}



/* ヘッダ */
#header {
	text-align: center;
	height: 200px;
	width: 240px;
	margin: 0px 0px 0px 580px;
	padding: 0px 0px 25px;
}
	.drop_pink #header {
		background: url(./img/tab-pink.jpg) no-repeat right bottom;
	}
	.drop_rose #header {
		background: url(./img/tab-rose.jpg) no-repeat right bottom;
	}
	.drop_blue #header {
		background: url(./img/tab-blue.jpg) no-repeat right bottom;
	}
	.drop_lime #header {
		background: url(./img/tab-lime.jpg) no-repeat right bottom;
	}
	.drop_gold #header {
		background: url(./img/tab-gold.jpg) no-repeat right bottom;
	}

#header #site-title {
	font-size: 2em;
	padding: 20px 0px 15px;
}
	.drop_pink #site-title {
		background: url(./img/curve-pink.jpg) no-repeat right top;
	}
	.drop_rose #site-title {
		background: url(./img/curve-rose.jpg) no-repeat right top;
	}
	.drop_blue #site-title {
		background: url(./img/curve-blue.jpg) no-repeat right top;
	}
	.drop_lime #site-title {
		background: url(./img/curve-lime.jpg) no-repeat right top;
	}
	.drop_gold #site-title {
		background: url(./img/curve-gold.jpg) no-repeat right top;
	}
#header #site-title a {
	padding: 30px 0px;
}
#header #site-description {
	font-size: 1.2em;
	padding: 0px 0px 15px;
}
#header #site-title a,
#header #site-description {
	color: #fff;
	line-height: 1.4;
	display: inline-block;
	width: 190px;
}
	.drop_pink #site-title a,
	.drop_pink #site-description {
		background: url(./img/line-pink.gif) repeat-x left bottom;
	}
	.drop_rose #site-title a,
	.drop_rose #site-description {
		background: url(./img/line-rose.gif) repeat-x left bottom;
	}
	.drop_blue #site-title a,
	.drop_blue #site-description {
		background: url(./img/line-blue.gif) repeat-x left bottom;
	}
	.drop_lime #site-title a,
	.drop_lime #site-description {
		background: url(./img/line-lime.gif) repeat-x left bottom;
	}
	.drop_gold #site-title a,
	.drop_gold #site-description {
		background: url(./img/line-gold.gif) repeat-x left bottom;
	}



/* メイン包容 */

#contents {
	margin: 0px 10px;
}

#side {
	width: 220px;
	margin: 0px 0px 0px 30px;
	padding: 50px 0px;
	float: right;
}

#main {
	width: 550px;
	margin: -150px 0px 0px;
	float: left;
}
#foot {
	clear: both;
	margin: 0px 260px 0px 0px;
	padding: 10px 0px;
}



/* サイドバー */

#side h3 {
	font-family: Verdana;
	color: #fff;
	font-size: 1.6em;
	padding: 11px 10px;
}
	.drop_pink #side h3 {
		background: url(./img/side-pink.jpg) no-repeat left top;
	}
	.drop_rose #side h3 {
		background: url(./img/side-rose.jpg) no-repeat left top;
	}
	.drop_blue #side h3 {
		background: url(./img/side-blue.jpg) no-repeat left top;
	}
	.drop_lime #side h3 {
		background: url(./img/side-lime.jpg) no-repeat left top;
	}
	.drop_gold #side h3 {
		background: url(./img/side-gold.jpg) no-repeat left top;
	}
#side .in {
	font-size: 1.2em;
	padding: 20px 0px 50px;
}
#side ul {
	color: #666;
	line-height: 1.4;
	list-style: square;
	margin: 0px 30px;
}
	#side ul li {
		margin: 0px 0px 10px;
	}
	#side ul li a {
		color: #666;
	}



/* メインエリア */
#main .post {
	margin: 0px 30px 30px 10px;
	padding: 0px 0px 30px;
	background: url(./img/line.gif) repeat-x left bottom;
}
#main .cat-title,
#main .tag-title,
#main .archive-title {
	color: #fff;
	font-size: 2em;
	margin: 0px 10px 30px;
}
#main .entry-title, 
#main .page-title {
	color: #fff;
	font-size: 2em;
	margin: 0px;
}
	#main .entry-title a, 
	#main .page-title a {
		color: #fff;
	}
#main .entry-meta {
	color: #666;
	font-size: 1.2em;
	padding: 5px 0px 0px;
}
	#main .entry-meta a {
		color: #666;
	}

#main .entry {
	color: #bbb;
	font-size: 1.2em;
	line-height: 2;
	padding: 20px 0px 0px;
}
	#main .more-link {
		font-family: Verdana;
		margin: 20px 0px 0px;
		text-align: right;
	}



#comments {
	padding: 0px 10px;
}

#comments-title,
#reply-title {
	font-size: 2em;
}

.commentlist {
	color: #ccc;
	margin: 0px 0px 30px;
	padding: 30px 0px;
	background: url(./img/line.gif) repeat-x left bottom;
}
	.commentlist li {
		font-size: 1.2em;
		list-style: none;
		margin: 0px 0px 30px;
	}
	.comment-body {
		line-height: 2;
		padding: 0px 0px 10px;
	}
	.coment-meta {
		color: #666;
		text-align: right;
	}
	.coment-meta a {
		color: #666;
	}

.comment-form-author .required {
	display: none;
}

form {
	padding: 30px 30px;
}
form label {
	font-size: 1.2em;
	display: inline-block;
	width: 105px;
	margin: 0px 0px 10px;
}
form #author,
form #comment {
	font-size: 1.2em;
	width: 350px;
	background: #333;
	border: 1px solid #444;
}
form #submit {
	width: 460px;
	margin: 10px 0px 0px;
	padding: 10px 0px;
	background: #555;
	border: 1px solid #333;
}



/*-- ページナビ --*/
#main .numb {
	font-size: 1.2em;
	text-align: center;
	margin: 50px 0px;
}
a.page-numbers,
.current {
	color: #ccc;
	padding: 5px 10px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border: 1px solid #222;
	background: #333;
}
a.page-numbers:hover,
.current {
	color: #ccc;
	text-decoration: none;
	background: #444;
}



/*-- フッタ --*/
#foot {
	color: #666;
	font-size: 1.2em;
	text-align: center;
}



/*-- リンク整形 --*/

#side .book-mark {
	padding: 20px 15px;
	line-height: 1.4;
}
#side .book-mark h3,
#side .book-mark h4,
#side .book-mark h5,
#side .book-mark h6 {
	font-size: 1.0em;
	border: none;
	padding: 0px;
}
#side .book-mark a,
#side .book-mark a:visited,
#side .book-mark a:active {
	color: #999;
	text-decoration: none;
	display: block;
	margin: 0px 0px 5px;
	padding: 3px;
	background: #222;
	border: 1px solid #333;
}
#side .book-mark a:hover {
	background: #333;
}
#side .book-mark ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#side .book-mark li {
	margin: 0px;
}
#side .book-mark li a {
	margin: 0px -5px -15px;
}
#side .book-mark p,
#side .book-mark li,
#side .book-mark dl dd {
	color: #666;
	margin: 0px 5px 20px;
}