@charset "UTF-8";
@import url(common.css);

/*
===========================================

File Name   : single.css
Description : トップページ
Author      : 彩子
Release     : 2009.08.24
Web Site    : LOVING CAT
              http://lovingcat.net/

===========================================

  Contents

(01) html elements
(02) header section
(03) post section
(04) comment section

===========================================
*/



/* ----------------------------------------
(01) html elements
---------------------------------------- */
body {
	margin : 0px;
	padding : 0px;
	text-align : center;
}

/* ----------------------------------------
(02) content section
---------------------------------------- */
ul.flip {
	clear : both;
	margin : 0px;
	padding : 0px;
	list-style : none;
	height : 30px;
}

ul.flip li {
	margin : 1em 0px;
	padding : 0.5em;
}

li.newer {
	float : left;
}

li.newer a {
	background : url(../images/newer.png) no-repeat left center;
	padding : 5px 0px 5px 30px;
}

li.older {
	float : right;
}

li.older a {
	background : url(../images/older.png) no-repeat right center;
	padding : 5px 30px 5px 0px;
}



/* ----------------------------------------
(03) post section
---------------------------------------- */
.post {
	text-align : center;
}

table.post_info {
	margin : 0.5em auto;
}

.post_info th {
	padding : 5px 5px 5px 30px;
}

.post_info td {
	padding : 5px;
	text-align : left;
}

th.info_theme {
	background : url(../images/info_theme.png) no-repeat left center;
}

th.info_author {
	background : url(../images/info_author.png) no-repeat left center;
}

th.info_date {
	background : url(../images/info_date.png) no-repeat left center;
}


.entry {
	clear : left;
	text-align : left;
}

/* ----------------------------------------
(04) comment section
---------------------------------------- */
#comments {
	clear : both;
	margin : 1em 80px;
}

.commentNotice {
	margin : 10px;
	text-align : left;
	font-size :80%;
}

ol.commentlist {
	list-style : none;
	margin : 0;
	padding : 0;
	text-indent : 0;
	text-align :left;
}

ol.commentlist li {
	border-radius:5px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	height : 1%;
	margin : 0 0 10px;
	padding : 5px 7px;
	position:relative;
}

li.comment hr {
	clear : left;
	border : none;
}

.commentMeta .author {
	font-size : 120%;
	font-weight : bold;
}

.commentMeta .author img {
	float : left;
	width : 40px;
	height : 40px;
	border : solid 3px #eaeaea;
	margin-right : 5px;
}

.commentBody {
	background : #fff;
	padding : 0.5em;
	margin : 5px 0px;
}

/* Comment parent */
ol.commentlist li.thread-even {
	background : #ceecf0;
	border : 1px solid #6cc8d2;
}

ol.commentlist li.thread-odd  {
	background : #fff7d2;
	border : 1px solid #fecb09;
}

/* Comment children */
ol.commentlist li ul.children {
	clear : right;
	list-style : none;
	margin : 1em 0 0 50px;
	padding : 0;
	text-indent : 0;
}

ol.commentlist li ul.children .even {
	background : #eaeaea;
	border : 1px solid #c0c0c0;
}

ol.commentlist li ul.children .odd {
	background : #fff;
	border : 1px solid #c0c0c0;
}

/* Comment Reply */
div.commentOperate {
	text-align : right;
	padding : 2px;
}

div.commentOperate a {
	background : url(../images/comentreply.png) left center no-repeat;
	padding : 10px 0px 10px 25px;
}

fieldset {
	text-align : left;
}

form dt {
	width : 10em;
	padding-right : 1em;
	float : left;
	clear : left;
	text-align : right;
	font-weight : bold;
}

form dt span {
	display : block;
	font-size : 60%;
	font-weight : normal;
}

.action {
	text-align : center;
}

input.submit {
	background : #df1b51;
	margin : 0;
	padding : 5px 20px !important;
	border : none !important;
	color : #fff;
	letter-spacing : 5px;
	font-weight : bold;
	font-size : 120%;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

#cancel-comment-reply-link {
	display : block;
	background : #6cc8d2;
	margin : 1em;
	padding : 5px 20px !important;
	border : none !important;
	color : #fff;
	letter-spacing : 5px;
	font-weight : bold;
	font-size : 120%;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

input.submit:hover,
#cancel-comment-reply-link:hover {
	text-decoration : none;
	cursor : pointer;
}