@charset "UTF-8";

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

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

 index.html
 2007.11.6
 
 Color Cordination
 Key Color: #ba0015(Red)

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

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

 main

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

/* ========== showcase ========== */

#showcase
{
	width: 570px;
	padding-bottom: 10px;
}

/* ========== recommend ========== */

#recommend
{
	float: left;
	width: 280px;
}
#recommend h3
{
	border: 1px solid #000;
}
#recommend ul
{
	border-bottom: 1px solid #ccc;
}
#recommend ul li
{
	border: 1px solid #ccc;
	border-bottom: 0;
}

/* ========== question ========== */

#question
{
	float: right;
	width: 280px;
}
#question h3
{
	border: 1px solid #000;
}
#question ul
{
	border-bottom: 1px solid #ccc;
}
#question ul li
{
	border: 1px solid #ccc;
	border-bottom: 0;
}

/* ========== sidebar ========== */

#sidebar ul#rectangle li
{
	margin-bottom: 5px;
}

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

 misc

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

#misc
{
	clear: both;
	width: 760px;
}
#misc h3
{
	margin-bottom: 5px;
}
#misc dl dt,
#misc dl dd
{
	font-size: 84%;
}
#misc dl dt
{
	float: left;
	font-family: Verdana, Arial, sans-serif;
}
#misc dl dd
{
	padding-left: 6.5em;
}
/* IE6 only ¥*/
* html #misc dl dd
{
	padding-left: 7em;
	text-indent: -3px;
	margin-left: 3px;
}
/* */

/* ========== information ========== */

#information
{
	float: left;
	width: 370px;
	padding-right: 10px;
	border-right: 1px solid #ccc;
}

/* ========== diary ========== */

#diary
{
	float: right;
	width: 370px;
}