@charset "UTF-8";
@import url(reset.css);
@import url(common.css);
@import url(styles.css);

/* composition */
/* ---------*---------*---------*---------*---------*---------*---------*---------* */

body { background-image: url(../images/index/body_bg.gif); }

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

.ebox { padding-bottom: 30px; }

/* topimage */
/* ---------*---------*---------*---------*---------*---------*---------*---------* */

#topimage {
	position: relative;
	width: 960px;
	height: 308px;
}

#topimage li { display: inline; }

#topimage img {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}

#topimage a {
	border: 0;
	display: block;
}

#topimage .nivo-controlNav {
	position: absolute;
	left: 78px;
	bottom: -27px;
}

#topimage .nivo-controlNav a {
	display: block;
	width: 22px;
	height: 22px;
	background: url(../images/index/bullets.png) no-repeat;
	text-indent: -9999px;
	border: 0;
	float: left;
}

#topimage .nivo-controlNav a.active { background-position: 0 -22px; }

#topimage .nivo-directionNav a {
	display: block;
	width: 30px;
	height: 30px;
	background-image: url(../images/index/arrows.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	border: 0;
}

/* IE6 */
	* html #topimage .nivo-directionNav a { background-image: url(../images/index/arrows.gif); }

#topimage a.nivo-nextNav {
	background-position: -30px 0;
	right: 15px;
}

#topimage a.nivo-prevNav { left: 15px; }

#topimage .nivo-caption {
	text-shadow: none;
	font-family: Helvetica, Arial, sans-serif;
}

#topimage .nivo-caption a {
	color: #efe9d1;
	text-decoration: underline;
}

/* service */
/* ---------*---------*---------*---------*---------*---------*---------*---------* */

#service .border01 h3 { font-size: 100%; }

#service .border01 h3 { font-size: 182%; }

#service h3 span { font-size: 54.16%; }

#service .sd h3 span { color: #690; }

#service .sh h3 span { color: #F90; }

#service .sm h3 span { color: #09C; }

/* works */
/* ---------*---------*---------*---------*---------*---------*---------*---------* */

#works { padding-bottom: 8px; }

#works .einner { margin-right: 8px; }

#works li {
	width: 166px;
	display: inline-block;
	margin-right: 12px;
	margin-bottom: 12px;
}

* html #works li {
	display: inline;
	width: 166px;
	zoom: 1;
}

*:first-child+html #works li {
	display: inline;
	zoom: 1;
}

/* voice */
/* ---------*---------*---------*---------*---------*---------*---------*---------* */

#voice { padding-bottom: 20px; }

#voice .box3 img {
	border: 5px solid #e6e2da;
	margin-bottom: 5px;
}

#voice h3 a {
	text-decoration: none;
	color: #399;
}

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

#news {
	background: url(../images/common/menu_bg.gif) repeat-y left top;
	margin-bottom: 10px;
}

#news dt {
	background: url(../images/common/menu_bg_t.gif) no-repeat left top;
	text-align: center;
}

#news dd {
	background: url(../images/common/menu_bg_b.gif) no-repeat left bottom;
	padding: 0 15px 10px 15px;
	text-align: right;
}

#news dd strong {
	color: #09C;
	font-size: 85%;
}

#news ul { margin-bottom: 5px; }

#news li {
	border-bottom: 2px dotted #C9C4B5;
	padding: 5px 0;
	text-align: left;
}

#news a.navi { font-size: 85%; }

/* sample */
/* ---------*---------*---------*---------*---------*---------*---------*---------* */

#sample {	padding-bottom: 0; }

#sample .bg {	background: url(../images/index/sample_bg.gif) no-repeat left top; }

#sample p {
	padding: 0 520px 0 20px;
}

/* blog */
/* ---------*---------*---------*---------*---------*---------*---------*---------* */

#blog { padding-bottom: 0; }