@charset "utf-8";

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

	@ Style Name	/css/common/products.css

------------------------------------------*/
/* #main .introduction */
#main .introduction {
	margin:0 0 20px 0;
	padding:30px 20px 0 0;
	min-height:320px;
	background:url(../images/products_parts/bg_introduction.jpg) 0 0 no-repeat;
}
#main .introduction .body {
	float:right;
	padding:0 25px 0 20px;
	width:365px;
}
#main .introduction .body .catchcopy {min-height:auto;}
#main .introduction .body .catchcopy.one {margin:30px 0 30px 30px;}
#main .introduction .body .btnArea {
	margin:15px 0 0 0;
	padding:15px 10px 0 10px;
	background:url(../images/line02.gif) 0 0 repeat-x;
}
#main .introduction .body .btnArea .btnEnd {margin:20px 0 0 0;}
#main .introduction .body .btnArea .treatment {font-weight:bold;}
#main .introduction .body .btnArea .treatment img,
#main .productsIndex .icoArea img {
	margin:0 0 0 5px;
	vertical-align:middle;
}

#main .bnrCafemeister {
	margin:0 0 50px 0;	
}
#main .productsIndex {
	margin:0 0 20px 0;
}
#main .productsIndex .btnCampaign {
	margin:30px 0 0 0;
}
#main .introduction .photo {
	float:left;
	margin:20px 0 0 0;
	width:270px;
	text-align:center;
}

/* .productIndex  */
#main .productsIndex .col3 section {margin:0 0 10px 0;}
#main .productsIndex .col3 .inner {
	width:218px;
	border:1px solid #f4ecd9;
}
#main .productsIndex .col3 .icoinner {
	position:relative;
}
#main .productsIndex .col3 .icoinner .icoNew {
	position:absolute;
	right:12px;
	top:3px;
}
#main .productsIndex h4 {
	padding:0 0 0 20px;
	margin:15px 0 15px 15px;
	min-height:auto;
	background:url(../images/ico_arrow01.png) 0 0 no-repeat;
	font-size:13px;
	font-size:1.3rem;
	line-height:1.2;
}
#main .productsIndex h4 .fzSmall {
	font-size:11px;
	font-size:1.1rem;
}
#main .productsIndex a {text-decoration: none;}
#main .productsIndex .col3 .inner .body {
	padding:0 12px 12px 0;
	width:115px;
}
#main .productsIndex .col3 .inner .photo {
	text-align: center;
}
#main .productsIndex .icoArea {margin:0 0 0 -5px;}
#main .productsIndex .icoArea img {margin:0 0 5px 5px;}


/* #feature */
#feature .each {
	margin:0 0 15px 0;
	padding:0 0 15px 55px;
	width:645px;
	background:url(../images/line02.gif) 0 bottom repeat-x;
}
#feature .each:last-child {margin:0 0 40px 0;}
#feature .each .body {margin:0;}
#feature .each .body .ttl {
	margin:0 0 10px -55px;
	padding:12px 0 0 55px;
	min-height:36px;
	line-height:1.2;
}
#feature .each .body .ttl01 {background:url(../images/products_parts/ttl_feature01.gif) 0 0 no-repeat;}
#feature .each .body .ttl02 {background:url(../images/products_parts/ttl_feature02.gif) 0 0 no-repeat;}
#feature .each .body .ttl03 {background:url(../images/products_parts/ttl_feature03.gif) 0 0 no-repeat;}
#feature .each .body .ttl04 {background:url(../images/products_parts/ttl_feature04.gif) 0 0 no-repeat;}
#feature .each .body .ttl05 {background:url(../images/products_parts/ttl_feature05.gif) 0 0 no-repeat;}
#feature .each .body .ttl06 {background:url(../images/products_parts/ttl_feature06.gif) 0 0 no-repeat;}
#feature .each .body .ttl07 {background:url(../images/products_parts/ttl_feature07.gif) 0 0 no-repeat;}
#feature .each .body .ttl08 {background:url(../images/products_parts/ttl_feature08.gif) 0 0 no-repeat;}
#feature .each .photo {
	float:right;
	margin:0 0 0 50px;
}
#feature .colGroup .photo {background:none;}

#feature .sec01 {
	overflow:hidden;
	margin: 20px 0 0 0;
}
#feature .sec01 .body {
	float: left;
	width:210px;
}
#feature .sec01 .photo {
	float:right;
	width: 460px;
}
/* あとで消す
#main .navIndex {
	margin:0 0 15px 0;
	background:url(../images/line02.gif) 0 bottom repeat-x;
}
#main .navIndex section .photo {
	padding:0;
	width:94px;
	background:none;
}
#main .navIndex section .body h3 {
	margin:0;
	padding:0;
	background:none;
}
*/

/* #movie */
#movie {width:700px;}
#movie section {}
#movie .col1 .src {
	float:left;
	width:320px;
}
#movie .col1 .inner {
	float:right;
	width:350px;
}
#movie .col2 {
	margin:0 60px 0 0;
	padding:0;
	width:320px;
	background:none;
}
#movie h3 {
	margin:0 0 5px 0;
	padding:0 0 0 15px;
	min-height:auto;
	background:url(../images/ico_circle.png) 0 center no-repeat;
}
#movie .col2:last-child {margin:0;}
#movie .col2 video:hover {cursor:pointer;}

/* #spec */
#spec .borderOn th, 
#spec .borderOn td {border:1px solid #e7e3d9;}
#spec table th {
	background:none;
	border-left:none;
	border-right:none;
	text-align:center;
}
#spec table td {
	border-right:none;
	text-align:center;
}
#spec table td.parent {
	padding:0;
	border:none;
}
#spec table td.parent th,
#spec table td.parent td {border:1px solid #e7e3d9;}
#spec table .even th,#spec table .even td {background:#fdf3e5;}
#spec table .even td.img {background:#fff;}
#spec table .img th {
	background:none;
	border-top:none;
	border-left:1px solid #e7e3d9;
}
#spec table .img th:first-child {border-left:none;}
#spec table .vlignM {
	vertical-align:middle;
}
/* #support */
#support .sec01 .body {
	float:left;
	width:420px;
}
#support .sec01 .photo {
	float:right;
	width:210px;
}
#support .sec02 .body {
	float:left;
	width:360px;
}
#support .sec02 .photo {
	float:right;
	width:320px;
}
#support .sec03 .body {
	float:left;
	width:420px;
}
#support .sec03 .photo {
	float:right;
	width:250px;
}

/* #flow */
#flow .each {
	position:relative;
	margin:-22px 0 0 0;
	padding:40px 10px 20px 50px;
	width:640px;
	background:url(../images/bg_flow_arrow.png) center top no-repeat;
}
#flow .each:nth-child(odd) {
	background:#fff6e9 url(../images/bg_flow_arrow_even.png) center top no-repeat;
	border-bottom:1px solid #e8ddca;
}
#flow h2+.each {
	margin:0;
	padding:0 10px 20px 50px;
	background:none;
}
#flow .each .body {margin:0;}
#flow .each .body .ttl {
	margin:0 0 5px -40px;
	padding:5px 0 0 40px;
	min-height:25px;
	line-height:1.2;
}
#flow .each .body .ttl01 {background:url(../images/products_parts/ttl_flow01.gif) 0 0 no-repeat;}
#flow .each .body .ttl02 {background:url(../images/products_parts/ttl_flow02.gif) 0 0 no-repeat;}
#flow .each .body .ttl03 {background:url(../images/products_parts/ttl_flow03.gif) 0 0 no-repeat;}
#flow .each .body .ttl04 {background:url(../images/products_parts/ttl_flow04.gif) 0 0 no-repeat;}
#flow .each .body .ttl05 {background:url(../images/products_parts/ttl_flow05.gif) 0 0 no-repeat;}
#flow .each .photo {
	float:right;
	margin:0 0 0 50px;
}

.fzSmall {
	font-size:10px;
	font-size:1rem;
}

/*------------------------------------------
 *	Clearfix
------------------------------------------*/
#main .introduction:after,
#movie:after {
	visibility:hidden;
	clear:both;
	display:block;
	content:" ";
	height:0;
	font-size:0;
}
*:first-child+html #main .introduction,
*:first-child+html #movie {zoom:1; /* IE7 */}