@charset "utf-8";

.fixed{
	width:100%;
	position:fixed;
	_position:relative;
	top:0;
	left:0;
	z-index:100;
}


/* ▼▼ Page header
/////////////////////////////////////////////// */
.pageHeader{
	margin-bottom:30px !important;
}


/* ▼▼ Main Column
/////////////////////////////////////////////// */
div.mainColumn .mv{
	width:700px;
	height:320px;
	overflow:hidden;
	margin-bottom:20px;
}

/* ▽ Introduction
----------------------- */
div.mainColumn .introduction{
	border:solid 1px #e6e6e6;
	background:#fafafa url(../../images/home/introduction_bg-2.png) no-repeat;
	background-position:19px 54px;
	padding-bottom:20px;
	margin-bottom:19px;
}
div.mainColumn .introduction .thumb{
	width:210px;
	height:150px;
	float:right;
	background:url(../../images/home/introduction-thumb_bg.gif) repeat-y;
	background-position:0 0;
	padding:20px 20px 10px 20px;
}
div.mainColumn .introduction .heading{
	height:35px;
	padding:24px 0 20px 0;
}
div.mainColumn .introduction .content{
	float:left;
	width:410px;
	padding:0 0 0 19px;
}
div.mainColumn .introduction .content p{
	font-size:11px;
	line-height:18px;
	margin-bottom:17px;
}
div.mainColumn .introduction .content ul{
	border-left:dotted 1px #b3b3b3;
}
div.mainColumn .introduction .content li{
	float:left;
	font-size:11px;
	line-height:23px;
	color:#666;
	border-right:dotted 1px #b3b3b3;
	padding:0 10px;
}


/* ▽ Service Lineup
----------------------- */
div.mainColumn .serviceLineup{
}
div.mainColumn .serviceLineup .heading{
	padding-bottom:15px;
}

div.mainColumn .serviceLineup .item{
	width:330px;
	height:85px;
	float:left;
	padding:0 20px 15px 0;
}
div.mainColumn .serviceLineup .item .thumb{
	width:83px;
	height:83px;
	float:left;
	border:solid 1px #ccc;
}
div.mainColumn .serviceLineup .item .content{
	float:right;
	width:230px;
}
div.mainColumn .serviceLineup .item .content .name{
	line-height:30px;
	height:13px;
	padding:9px 0 8px 0;
}
div.mainColumn .serviceLineup .item .content .name *{
	vertical-align:top;
	line-height:30px;
	height:13px;
}
div.mainColumn .serviceLineup .item .thumb a:hover,
div.mainColumn .serviceLineup .item .content .name a:hover{
	opacity:0.7;
	/*filter:Alpha(Opacity=70);*/
}
div.mainColumn .serviceLineup .item .content p{
	font-size:10px !important;
	line-height:16px;
}


/* ▽ Common Container
----------------------- */
div.mainColumn div.commonContainer{
	margin-bottom:20px;
}
div.mainColumn div.commonContainer div.commonContent{
	margin:0 0 15px 10px;
}