@charset "UTF-8";
/* CSS Document */

/*Intro*/
div#introImg3{
	width:896px;
	height:250px;
	margin: 0 0 5px 2px;
	background-color:#000;
	color:#fff;
	position: relative;
}
div#introImg3 img{
	display:block;
}
div#introImg3 h1{
	position:absolute;
	width:400px;
	top:90px;
	left:23px;
	z-index:10;
	font-size:182%;
	line-height:1.5;
}

div.leadBlock{
	width:896px;
	margin: 0 0 20px 2px;
	background-color:#ddd;
}
div.leadBlock p{
	margin:0 23px 0 23px;
	padding:15px 0;
	font-size:123.1%;
}



div#pageList3{
	width:850px;
	margin: 0 0 40px 25px;
}

div.infoLine{
	width:100%;
	margin: 0 0 20px 0;
}

div.infoLine div.p1,
div.infoLine div.p2,
div.infoLine div.p3,
div.infoLine div.p4{
	width:200px;
	float:left;
	margin-right:16px;
}
div.infoLine div.p4{
	margin-right:0;
}

div#pageList3 a.thumbnail{
	display:block;
}
div#pageList3 a.thumbnail dt{
	margin-bottom:5px;
}
div#pageList3 a.thumbnail dt img{
	display:block;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
div#pageList3 a.thumbnail:hover dt img{
	opacity:0.75;
	filter:alpha(opacity=75);
}
div#pageList3 a.thumbnail dd{
	margin: 0 0 0.8em 0;
	padding: 0 0 3px 23px;
	font-size:100%;
	line-height:1.3;
	background:url(../../images/link_arrow.gif) 0 0 no-repeat;
}







/*Product overview*/
div.overview{
	width:100%;
	margin: 0 0 30px 0;
	padding:30px 0 15px 0;
	background:url(../images/dashline.gif) left bottom repeat-x;
}
div.overview div.left{
	width:280px;
	float:left;
}
div.overview div.right{
	width:550px;
	float:right;
}
h1.catch{
	margin: 0 0 0.5em 0;
	font-size:197%;
	line-height:1.3;
	color:#285ecc;
}
p.category{
	margin:0 0 0.3em 0;
	padding:0;
	font-size:123.1%;
	line-height:1.3;	
}
h2.model{
	margin-bottom:15px;
	padding:5px 10px;
	font-size:153.9%;
	line-height:1.3;
	background-color:#54626e;
	color:#fff;
}
ul.features{
	margin:0 0 25px 0;
	padding:0;
}
ul.features2{
	margin:0 0 10px 0;
	padding:0;
}
ul.features li,
ul.features2 li{
	margin:0 0 0.5em 0;
	padding: 0 0 0 15px;
	background:url(../images/list_point3.gif) 0 0.4em no-repeat;
	font-size:100%;
	line-height:1.5;
}
ul.shoe{
	padding-top:10px;
}
ul.shoe li{
	margin-bottom:5px;
}
ul.shoe li img{
	display:block;
}


div.supplied{
	width:100%;
}
div.supplied div.pict{
	width:230px;
	float:left;
}
div.supplied div.txt{
	width:300px;
	float:right;
}
div.supplied dl dt{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 0 0.8em 0;
	padding: 0.2em 1em;
	font-size:100%;
	line-height:1.2;
	background-color:#18347d;
	color:#fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
div.overview p.note{
	margin-bottom:2em;
	font-size:93%;
}


/* Promotion Movie */
div.pv{
	width:100%;
	margin: 0 0 30px 0;
	padding:0 0 15px 0;
	background:url(../images/dashline.gif) left bottom repeat-x;
	text-align:center;
}


/* Spec */
div.spec{
	width:100%;
	margin: 0 0 30px 0;
	padding:0 0 15px 0;
}
div.spec table{
	width:100%;
	border-collapse:collapse;
	border-top:2px #b3b3b3 solid;
	border-bottom:2px #b3b3b3 solid;
}
div.spec table caption{
	margin: 0;
	padding: 0 0 0.3em 0;
	font-size:108%;
	line-height:1.3;
	text-align:left;
	font-weight:bold;
}
div.spec table th,
div.spec table td{
	padding: 0.7em 0.5em;
	font-size:100%;
	line-height:1.3;
	text-align:left;
	vertical-align:top;
	border-bottom:1px #ccc solid;
}
div.spec table th{
	background-color:#eee;
	font-weight:normal;
}
div.spec table td{
	border-left:1px #ccc solid;
}
div.spec table tr.last th,	
div.spec table tr.last td{
	border-bottom:none;
}

div.spec table tr.heading th{
	padding:0.3em 0.5em;
	color:#fff;
	background-color:#454545;
	font-size:108%;
}
div.spec table td.alignR{
	text-align:right;
}



/* 3-1 (ECM-XYST1M) */
div#pattern3_1{
	width:100%;
	margin: 0 0 30px 0;
	padding:0 0 15px 0;
	background:url(../images/dashline.gif) left bottom repeat-x;
}
div#pattern3_1 div.left{
	width:410px;
	float:left;
}
div#pattern3_1 div.right{
	width:410px;
	float:right;
}
div#pattern3_1 dl{
	width:100%;
}
div#pattern3_1 dt{
	margin:0 0 0.5em 0;
	font-size:100%;
	line-height:1.3;
	font-weight:bold;
}
div#pattern3_1 dd{
	display:inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align:top;
}
div#pattern3_1 dd.pict{
	width:125px;
}
div#video3_1{
	width:480px;
	margin: 0 auto;
}
table#spec3_1 th{
	width:20em;
}




/* 3-2 (ECM-GZ1M) */
div#mode3_2{
	width:100%;
	margin: 0 0 30px 0;
	padding:0 0 15px 0;
	background:url(../images/dashline.gif) left bottom repeat-x;
}
div#mode3_2 div.left{
	width:220px;
	float:left;
}
div#mode3_2 div.right{
	width:620px;
	float:left;
}
div#mode3_2 ul li{
	margin: 0 0 0.5em 0;
}
table#spec3_2 th{
	width:20em;
}



/* 3-3 (ECM-CG50) */
div#supplied3_3{
	width:100%;
}
div#supplied3_3 div.pict{
	width:290px;
	float:left;
}
div#supplied3_3 div.txt{
	width:240px;
	float:right;
}

div#chart3_3{
	width:100%;
	margin: 0 0 30px 0;
	padding:0 0 15px 0;
	background:url(../images/dashline.gif) left bottom repeat-x;
}
div#chart3_3 div.left{
	width:350px;
	float:left;
	border-right:1px #ddd solid;
}
div#chart3_3 div.right{
	width:460px;
	float:right;
}
div#chart3_3 h3{
	margin: 0 0 0.5em 0;
	font-size:108%;
	font-weight:bold;
	line-height:1.3;
}

div#chart3_3 ul{
	padding-top:15px;
}

div#chart3_3 ul li{
	margin: 0 0 1em 0;
}

div#video3_3{
	width:480px;
	margin: 0 auto;
}
table#spec3_3 th{
	width:20em;
}



/* 3-4 (ECM-W1M) */
div#supplied3_4{
	width:100%;
}
div#supplied3_4 div.pict{
	width:280px;
	float:left;
}
div#supplied3_4 div.txt{
	width:250px;
	float:right;
}

div#recmode3_4{
	width:100%;
	margin: 0 0 30px 0;
	padding:0 0 15px 0;
	background:url(../images/dashline.gif) left bottom repeat-x;
}
div#recmode3_4 div.left{
	width:480px;
	float:left;
}
div#recmode3_4 div.right{
	width:240px;
	float:left;
}
div#recmode3_4 dl.illust{
	padding-right:20px;	
}
div#recmode3_4 dl.illust dt{
	margin: 0 0 0.3em 0;
	padding:0;
	font-size:108%;
	line-height:1.3;
}
div#recmode3_4 dl.illust dd{
	margin: 0 0 5px 0;
	border-bottom:1px #ccc solid;
}
div#recmode3_4 dl.illust dd.last{
	margin-bottom:0;
	border-bottom:none;
}

div#recmode3_4 dl.earphone{
	padding:10px 10px 20px 10px;
	background-color:#e1e6eb;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	
}
div#recmode3_4 dl.earphone dt{
	margin: 0 0 0.5em 0;
}
div#recmode3_4 dl.earphone dd{
	text-align:center;
}

table#spec3_4 th{
	width:20em;
}





/* 3-5 (ECM-AW4) */
div#supplied3_5{
	width:100%;
}
div#supplied3_5 div.pict{
	width:280px;
	float:left;
}
div#supplied3_5 div.txt{
	width:250px;
	float:right;
}

div#style3_5{
	width:100%;
	margin: 0 0 30px 0;
	padding:0 0 15px 0;
	background:url(../images/dashline.gif) left bottom repeat-x;
}
div#style3_5 h3{
	margin: 0 0 0.5em 0;
	font-size:108%;
	font-weight:bold;
	line-height:1.3;
}
div#style3_5 ul{
	width:100%;
}
div#style3_5 ul li{
	width:310px;
	float:left;
}
table#spec3_5 th{
	width:20em;
}



/* 3-6 (XLR-K2M) */

div#supplied3_6{
	width:100%;
}
div#supplied3_6 div.pict{
	width:300px;
	float:left;
}
div#supplied3_6 div.txt{
	width:230px;
	float:right;
}
div#supplied3_6 div.txt p{
	margin-bottom:1.5em;
	font-size:108%;
	line-height:1.3;
}

table#spec3_6 tr.heading th{
	width: auto;
}
table#spec3_6 th{
	width:20em;
}


