@charset "UTF-8";

@import url("structure.css");

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

 index.html

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

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

 main

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

#showcase
{
	position: relative;
	width: 800px;
	margin: 0 0 20px;
}
#showcase .button
{
	position: absolute;
	right: 8px;
	bottom: 8px;
}
#main .container
{
	overflow: hidden;
	width: 800px;
	margin: 0 0 20px;
}
#main .container h2
{
	margin: 0 0 10px;
}
#main .container .wrapper
{
	overflow: hidden;
	width: 780px;
	padding: 9px;
	border: 1px solid #ccc;
}

/*----- clearance -----*/

#main .clearance li
{
	float: left;
	width: 385px;
	margin-right: 10px;
	margin-top: 10px;
}
#main .clearance li h4
{
	padding: 5px;
	background: #cbdae4;
	font-size: 114%;
}
#main .clearance li h4 .subtitle
{
	font-size: 86%;
	color: #666;
}
#main .clearance li p
{
	padding: 5px;
}
#main .clearance .even
{
	margin-right: 0;
}

/*----- checkup -----*/

#main #checkup .wrapper
{
	width: 770px;
	padding: 14px;
}
#main #checkup h3
{
	margin: 0 0 0.5em;
}
#main #checkup h3.border
{
	padding-top: 15px;
	background: url(../img/com/dotted_line.gif) repeat-x left top;
}
#main #checkup p
{
	margin: 0 0 1em;
}
table.form
{
	width: 770px;
	margin: 0 0 15px;
}
table.form th,
table.form td
{
	border: 1px solid #ccc;
	padding: 5px;
	vertical-align: top;
}
table.form th
{
	width: 30%;
	background: #ecf1f5;
}
table.form th .require
{
	color: #c00;
	font-size: 84%;
	margin-left: 0.5em;
	font-weight: normal;
}
table.form td .example
{
	color: #666;
}
table.form input.half
{
	width: 50%;
	margin-right: 5px;
}
table.form input.full
{
	width: 95%;
	margin-right: 5px;
}
table.form textarea.full
{
	width: 95%;
	margin-right: 5px;
}
table.form input.short
{
	width: 120px;
	margin-right: 5px;
}
table.form .checkboxes,
table.form .radiobuttons
{
	line-height: 180%;
}
table.form .checkboxes label,
table.form .radiobuttons label
{
	margin-right: 5px;
}
table.form .checkboxes input,
table.form .radiobuttons input
{
	margin-right: 2px;
}
table.form .other
{
	margin-top: 0.5em;
}
table.form .other dt
{
	float: left;
}
table.form .other dd
{
	padding-left: 5em;
}
table.form .other dd textarea
{
	width: 400px;
}

table.form .supplement
{
	margin-top: 0.5em;
}
#main .buttons
{
	margin: 0 0 10px;
    text-align: center;
}
#main .buttons li
{
	margin: 0;
	line-height: 150%;
    display: -moz-inline-box;/*for FF2*/
    display: inline-block;/*Modern Browser & FF3*/
}
    /* Windows IE6 only */
    * html #main .buttons li
    {
        display: inline;  
        zoom: 1;
		line-height: 100%;
    }
    /* Windows IE7 only */
    *+html #main .buttons li
    {
        display: inline;
        zoom: 1;
		line-height: 100%;
    }

#main .privacy
{
	text-align: center;
	font-size: 84%;
}

/*----- confirm -----*/

table.form td .addition
{
	color: #999;
}

/* ----- complete -----*/

#main #checkup .msg
{
	background: #ffffd8;
	padding: 5em 1em;
	text-align: center;
}