@charset "UTF-8";

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

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

 index.html
 
 Color Cordination
 Key Color: 

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

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

 global navigation & showcase

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

/* ----- global navigation ----- */

#global
{
	/* structure.css inherited. */
	margin-bottom: 0;
}
#global .wrapper
{
	
}
#global .navi
{
	/* structure.css inherited. */
}
#global .navi li
{
	/* structure.css inherited. */
}
#showcase
{
	clear: both;
	width: 100%;
	margin: 0 0 20px;
	background: #004277;
}
#showcase .tagline
{
	width: 840px;
	margin: 0 auto;
}
#showcase .tagline img
{
	display: none;
}

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

 main

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

#main .container
{
	margin: 0 0 20px;
}
#main .container h3
{
	margin: 0 0 10px;
	padding: 0 0 6px;
	border-bottom: 1px solid #ccc;
}

/* ----- consulting menu ----- */

#consulting .menu
{
	overflow: hidden;
	float: left;
	width: 280px;
	margin-bottom: 20px;
	margin-right: 10px;
	padding: 0 9px 3px;
	border: 1px solid #ccc;
}
#consulting .menu dt
{
	margin-bottom: 10px;
}
#consulting .menu ul
{
	
}
#consulting .menu li
{
	float: left;
	text-align: center;
	margin-right: 5px;
}
#consulting .menu li .label a
{
	padding-left: 7px;
	background: url(../img/index/arrow_r_390.gif) no-repeat left 0.4em;
}
#consulting .menu .last
{
	margin-right: 0;
}

#consulting #forCompany
{
	width: 160px;
	margin-right: 0;
}
#consulting #forCompany li
{
	width: 160px;
}
#consulting #forCompany li .label a
{
	padding-left: 7px;
	background: url(../img/index/arrow_r_004277.gif) no-repeat left 0.4em;
}

/* ----- column ----- */

#column
{
	float: left;
	width: 570px;
}

/* ----- main magazine ----- */

#mainMagazine input
{
	margin-left: 3px;
	padding: 3px;
}
#mainMagazine input#email
{
	width: 320px;
	margin-left: 10px;
	
}

/* ----- news ----- */

#news .frame
{
	overflow: auto;
	height: 172px;
	border: 1px solid #999;
}
#news .list
{
	padding: 10px;
}
#news .list .date
{
	float: left;
	padding: 0 0 0.7em;
}
#news .list .content
{
	margin: 0 0 0.7em;
	padding: 0 0 0.7em 7em;
	background: url(../img/com/dotted_line_2x2.gif) repeat-x left bottom;
}

/* ----- contact ----- */

#contact
{
	float: right;
	width: 190px;
	padding: 0 10px 10px;
	background: #e5ecf1;
}
#contact h4
{
	margin: 0 0 10px;
}
#contact .btContact
{
	margin: 0 0 10px;
}
#contact .email
{
	margin: 0 0 5px;
}
#contact .tel
{
	font-size: 84%;
	letter-spacing: 1px;
}
#contact .tel .number
{
	margin: 0 0 3px;
}