@charset "UTF-8";

@import url("common.css");
@import url("structure.css");

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

 indivisual archive
 2008.3.12
 
 Color Cordination
 Key Color: 

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

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

 circular navigation

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

table.circular
{
	width: 640px;
	margin: 0 0 20px;
}
table.circular td.prev
{
	width: 45%;
}
table.circular td.prev a
{
	display: block;
	padding-left: 8px;
	background: url(../img/common/arrow_l_333.gif) no-repeat 0 0.4em;
}
table.circular td.list
{
	text-align: center;
}
table.circular td.list a
{
	padding-left: 13px;
	background: url(../img/common/arrow_u_333.gif) no-repeat 0 0.4em;
}
table.circular td.next
{
	width: 45%;
	text-align: right;
}
table.circular td.next a
{
	display: block;
	padding-right: 8px;
	background: url(../img/common/arrow_r_333.gif) no-repeat 100% 0.4em;
}

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

 common container

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

div.com_archive div.container
{
	clear: both;
	width: 640px;
	margin: 0 0 10px;
}
div.com_archive div.container h3
{
	margin: 0 0 10px;
	padding: 5px;
	border-bottom: 2px solid #ccc;
}
div.com_archive div.container div.setPadding
{
	padding: 0 10px;
}

/* ========== head ========== */

div.com_archive div.container div.head
{
	width: 640px;
	padding: 0 0 5px;
	border-bottom: 2px solid #f90;
}
div.com_archive div.container div.head ul.title
{
	
}
div.com_archive div.container div.head ul.title li.date
{
	margin: 0 0 0.3em;
	color: #666;
	font-size: 84%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
div.com_archive div.container div.head ul li h4
{
	font-size: 150%;
}

/* ========== main ========== */

div.com_archive div.container div.main
{
	padding: 10px;
}

/* ========== foot ========== */

div.com_archive div.container div.foot
{
	clear: both;
	width: 640px;
	background: url(../img/common/dotted_line.gif) repeat-x left top;
}
div.com_archive div.container div.foot p.keywords
{
	padding: 5px 0;
	text-align: right;
	color: #666;
}
div.com_archive div.container div.foot p.keywords a
{
	padding-left: 24px;
	background: url(../img/common/ico_tag.gif) no-repeat left center;
	color: #666;
	text-decoration: none;
}
div.com_archive div.container div.foot p.keywords a:link
{
	color: #666;
	text-decoration: none;
}
div.com_archive div.container div.foot p.keywords a:visited
{
	color: #333;
	text-decoration: none;
}
div.com_archive div.container div.foot p.keywords a:hover
{
	color: #999;
	text-decoration: underline;
}
div.com_archive div.container div.foot p.keywords a:active
{
	color: #999;
	text-decoration: underline;
}

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

 entry

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

#entry div.main
{
	font-size: 116%;
	line-height: 150%;
}

ul.bigConsultingButton
{
	text-align: center;
}

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

 consultant

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

#consultant table.main
{
	float: left;
	width: 410px;
}
#consultant table.main th,
#consultant table.main td
{
	vertical-align: top;
}
#consultant table.main th
{
	padding-right: 10px;
}
#consultant table.main th img
{
	border: 1px solid #999;
}
#consultant dl.side
{
	float: right;
	width: 200px;
}
#consultant dl.side dt
{
	margin: 0 0 5px;
}
#consultant dl.side dd a
{
	display: block;
	margin: 0 0 0.3em;
	padding-left: 8px;
	background: url(../img/common/arrow_r_333.gif) no-repeat 0 0.4em;
}
	* html #consultant dl.side dd a
	{
		width: 172px;
	}

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

 comment

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

#comment div.comment_holder
{
	margin: 0 0 10px;
}
#comment table.commenter
{
	float: left;
	width: 120px;
}
#comment table.commenter th,
#comment table.commenter td
{
	vertical-align: top;
}
#comment table.commenter th
{
	width: 38px;
}
#comment table.commenter img
{
	border: 1px solid #999;
}
#comment table.commenter td
{
	padding-left: 5px;
}
#comment div.balloon
{
	float: right;
	width: 480px;
	padding: 0;
	background: url(../img/comment/bg_comment_body.gif) repeat-y left center;
}
#comment div.balloon div.setBgBottom
{
	padding: 0 0 20px;
	background: url(../img/comment/bg_comment_bottom.gif) no-repeat left bottom;
}
#comment div.balloon div.setBgTop
{
	padding: 20px 20px 0 40px;
	background: url(../img/comment/bg_comment_top.gif) no-repeat left top;
}
#comment div.balloon p.date
{
	margin: 0 0 5px;
	color: #666;
	font-size: 84%;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

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

 post

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

#post h3
{
	margin: 0;
}
#post table
{
	width: 640px;
}
#post table th,
#post table td
{
	padding: 5px 10px;
	background: url(../img/common/dotted_line.gif) repeat-x left bottom;
}
#post table th
{
	width: 30%;
}
#post table th span.notes
{
	font-size: 84%;
}
#post table td input#author
{
	width: 50%;
}
#post table td input#email,
#post table td input#url,
#post table td textarea#comment-text
{
	width: 97%;
}
#post table td input#captcha_code
{
	margin: 5px;
}
#post table tr.captcha th,
#post table tr.captcha td
{
	background: none;
}
#post table tr.action td
{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #ffc none;
	text-align: center;
}

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

 ping

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

#ping
{
	margin: 0 0 40px;
}
#ping dl
{
	padding: 0 10px;
}
#ping dl dd
{
	padding: 5px 10px;
	background: #eee;
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
}