@charset "UTF-8";

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

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

 temporary CSS file
 
 Color Cordination
 Key Color: 

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

#contents h2
{
	margin: 0 0 15px;
}
#contents .leading
{
	padding: 0 20px 15px;
	font-size: 116%;
	line-height: 150%;
	background:  
}

#contents .circular
{
	clear: both;
	margin: 0 0 15px;
    text-align: center;
}
#contents .circular li
{
	margin: 0 0.5em;
    display: -moz-inline-box;/*for FF2*/
    display: inline-block;/*Modern Browser & FF3*/
}
    /* Windows IE6 only */
    * html #contents .circular li
    {
		margin-bottom: 0.1em;
        display: inline;  
        zoom: 1;
    }
    /* Windows IE7 only */
    *+html #contents .circular li
    {
        display: inline;
        zoom: 1;
    }

#contents .circular .prev a
{
	padding-left: 15px;
	background: url(../img/com/arrow_l.gif) no-repeat left center;
}
#contents .circular .list a
{
	padding-left: 15px;
	background: url(../img/com/arrow_u.gif) no-repeat left center;
}
#contents .circular .next a
{
	padding-right: 15px;
	background: url(../img/com/arrow_r.gif) no-repeat right center;
}
#contents .circular .noitem
{
	color: #999;
}

#contents .entry
{
	clear: both;
	width: 640px;
	padding: 15px 20px;
	background: url(../img/com/bg_ttl_back_680.gif) no-repeat left top;
}
#contents .entry h3
{
	padding: 10px 10px 20px;
	font-size: 133%;
	line-height: 150%;
}
#contents .entry .date
{
	margin: 0 0 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
}
#contents .entry .tagged
{
	margin: 0 0 10px;
}
#contents .entry .tagged li
{
	float: left;
}
#contents .entry .tagged li a
{
	margin-right: 1em;
	padding-left: 1em;
	background: url(../img/com/ico_tag.gif) no-repeat left center;
}
#contents .entry .body
{
	font-size: 116%;
	line-height: 150%;
}
#contents .entry .body p
{
	margin: 0 0 1em;
}
#contents .entry .body h4
{
	margin: 0 0 10px;
	padding: 5px;
	border-left: 3px solid #d12548;
	color: #d12548;
	font-size: 114%;
}
#contents .entry .notes
{
	background: #fff2b0;
	padding: 10px;
}
#contents .entry .access a
{
	padding-left: 15px;
	background: url(../img/com/arrow_r.gif) no-repeat left center;
}
#contents .entry .link a
{
	padding-left: 15px;
	background: url(../img/com/arrow_r.gif) no-repeat left center;
}
#contents .entry .readMore
{
	clear: both;
	margin: 10px 0 0;
	text-align: right;
}
#contents .backnumber
{
	margin: 10px 20px 0;
}
#contents .backnumber li
{
	float: left;
	margin: 0 1em 0.5em 0;
}
#contents .backnumber li a
{
	padding-left: 15px;
	background: url(../img/com/arrow_r.gif) no-repeat left center;
}

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

 previous

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

#previous
{
	margin: 0 0 20px;
}
#previous .link
{
	margin: 0 20px;
	font-size: 116%;
}