@charset "UTF-8";

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

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

 index.html
 
 Color Cordination
 Key Color: 

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

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

 main

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

html body .sbox h1 {color: #ccc;}
html body .summary {color: #ccc;}

.summary a {
	text-decoration: none;
	color: #ccc;
}

#features
{
	width: 680px;
	margin: 0 0 20px;
}
#features li
{
	float: left;
	margin-right: 10px;
}
#features .lastChild
{
	margin-right: 0;
}

#message {
	margin: 20px 0;
	padding: 5px 15px;
	background: #FFF;
	border: 1px solid #E0E0E0;
}
#message p {
	margin: 0.75em 0;
	font-size: 116%;
	line-height: 160%;
}
#contents .container
{
	width: 330px;
	margin: 0 0 10px;
}
#contents .container .latest
{
	width: 320px;
	margin: 5px auto;
}
#contents .container .latest li
{
	margin: 0 0 5px;
}
#contents .container .latest dt
{
	float: left;
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#contents .container .latest dd
{
	margin: 0 0 5px;
	margin-left: 6.5em;
}

#contents .boxx {
	margin: 60px 0px;
}

#contents .boxx h3 {
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;
	font-size: 18px;
	padding: 0 10px 2px 10px;
	border-bottom: solid 1px #000;
}

#contents .boxx p {
	margin-top: 20px;
	line-height: 1.5;
}


#col1
{
	float: left;
	width: 330px;
}
#voice .latest li
{
	padding: 0 0 10px 30px;
	background: url(../img/com/ico_voice.gif) no-repeat left top;
}
#voice .latest li a
{
	display: block;
	width: 290px;
}
#tagcloud .tags
{
	padding: 5px 0;
}
#col2
{
	float: right;
	width: 330px;
}
#profile .image
{
	float: right;
	width: 100px;
}
#profile .list
{
	width: 210px;
	margin: 10px 5px;
}
#profile .list li
{
	margin: 0 0 10px;
	padding: 0 0 10px;
	background: url(../img/index/bg_profile.gif) no-repeat left bottom;
}
#profile .list li a
{
	padding-left: 15px;
	background: url(../img/com/arrow_r.gif) no-repeat left center;
}