@charset "utf-8";



/* --------------------------------

	* Pages Style Sheet {

		* last update 07.12.12
		* author : ECM-TOKYO;
	
	}
	
	
--------------------------------
		 Contents
	
	1. index.html
	2. .html
	3. .html
	4. .html
	5. .html
	6. .html
	
--------------------------------- */





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

	 1. index.html
 
============================================================================================================*/

.top_sales{
	line-height:16px;
	padding:0 270px 0 15px;
	height:66px;
	background: url(../images/top_sales_base.jpg) no-repeat;
}

.top_sales_b{
	padding:0 0 0 65px;
	height:35px;
	background: url(../images/top_sales_bbase.jpg) no-repeat;
}

.top_item01{
	float:left;
	width:192px;
}

.top_item01_tx{
	letter-spacing:0.3px;
	padding:0 0 0 15px;
	height:44px;
	background:url(../images/top_item_base01.jpg) no-repeat;
}

.top_item02{
	float:left;
	width:189px;
}

.top_item02_tx{
	letter-spacing:0.3px;
	padding:0 0 0 10px;
	height:44px;
	background:url(../images/top_item_base02.jpg) no-repeat;
}

.top_item03{
	float:left;
	width:200px;
}

.top_item03_tx{
	letter-spacing:0.3px;
	padding:0 10px 0 10px;
	height:44px;
	background:url(../images/top_item_base03.jpg) no-repeat;
}

.top_assessment{
	padding:0 10px 0 250px;
	height:84px;
	background:url(../images/top_assessment_base.jpg) no-repeat;
}

.top_assessment_b{
	padding:0 11px 0 0;
	text-align:right;
	height:31px;
	background:url(../images/top_assessment_bbase.jpg) no-repeat;
}

.top_feature_l{
	width:182px;
	float:left;
}

.top_feature_r{
	width:399px;
	float:right;
}

.top_feature{
	padding:20px 180px 0 0;
	height:86px;
	background:url(../images/top_feature_base.jpg) no-repeat;
}

.top_feature_b{
	padding:0 0 0 35px;
	height:37px;
	background:url(../images/top_feature_bbase.jpg) no-repeat;
}

.top_shop{ clear:both;}

.top_shop li{ float:left;}

.top_shop_b{
	padding:0 15px 0 0;
	text-align:right;
	background:url(../images/top_shop_bbase.jpg) no-repeat;
	height:37px;
	clear:both;
}

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

	 2. voice.html
 
============================================================================================================*/





.voice{
	padding:0 0 0 0;
	border:1px solid #0b6ff4;
	margin:0 10px 15px 10px;
	clear:both;
	width:560px;

}

.voice dt{
	padding:5px 0 5px 10px;
	color:#fff;
	font-size:14px;
	background:#0b6ff4;
	font-weight:bold;
	margin:0 0 5px 0;
}

.voice dd{
	padding:5px 50px 5px 10px;
	background:url(../images/voice_bg.jpg) no-repeat;
	width:500px;
	height:97px;
	
}


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

	 3. office.html
 
============================================================================================================*/

ul.concept { 
	width:580px;
	height:194px;
	margin:0 0 10px 0;
}


.concept li {
		float:left;
}

iframe,.map {
	width: 548px;
	height: 440px;
}

.map {
	border: 1px #D4D4D4 solid;
	margin: 10px 0 20px 10px;
}
/* ==========================================================================================================

	 4. information.html
 
============================================================================================================*/


ul.flow { 
	width:580px;
	height:117px;
	margin:0 0 10px 0;
}


.flow li {
		float:left;
}