@charset "utf-8";

/*-- COVER PAGE --*/
#main-content .service-menu {
overflow:hidden;
margin:0 0 0 29px;
}

#main-content .service-menu p {
float:left;
margin:0 8px 8px 0;
width:291px;
}

/*-- COFFEE --*/
ul#tab li#dem1-tab a {
background:url(/service/img/dem1-tab.png);
width:154px;
}

ul#tab li#dem_caution-cup_coffee-tab a {
background:url(/service/img/dem_caution-cup_coffee-tab.png);
width:170px;
}

ul#tab li#dem_caution-wash-tab a {
background:url(/service/img/dem_caution-wash-tab.png);
width:86px;
}

ul#tab li#dem_caution-bean_water-tab a {
background:url(/service/img/dem_caution-bean_water-tab.png);
width:230px;
}

ul#tab li#greentea-tab a {
background:url(/service/img/greentea-tab.png);
width:99px;
}

ul#tab li#hard_lineup-tab a {
background:url(/service/img/hard_lineup-tab.png);
width:225px;
}

ul#tab li#regular-tab a {
background:url(/service/img/regular-tab.png);
width:163px;
}

ul#tab li#machine-lineup-tab a {
background:url(/service/img/machine-lineup-tab.png);
width:140px;
}

ul#tab li#coffee-lineup-tab a {
background:url(/service/img/coffee-lineup-tab.png);
width:141px;
}

ul#tab li#soft_lineup-tab a {
background:url(/service/img/soft_lineup-tab.png);
width:129px;
}

#main-content ul.greentea-ul {
background:none;
font-size:0.92em;
margin:0;
padding:5px;
width:179px;
}

#main-content h3.greentea-h3 {
background:none;
font-size:100%;
margin:0 5px;
padding:0;
}

#main-content #regular-table table.sour th {
background:#9fcdfa;
}

#main-content #regular-table table.mild th {
background:#f2db8a;
}

#main-content #regular-table table.bitter th {
background:#fab79f;
}

#regular-table tr th {
border:0;
width:28px;
}

#regular-table tr td {
border:0;
padding:0.5em 0;
}

#regular-table img {
display:block;
margin:auto;
vertical-align:bottom;
}

#regular-table .regular-bar {
margin:0;
padding:0 0 0 5px;
}

#regular-table h3 {
background:#f2ede2;
color:#876153;
font-size:1em;
padding:2px 4px;
text-align:center;
}

#main-content #regular-table table.bitter td h3 {
margin:1em auto 0.6em;
width:118px;
}

#main-content #regular-table table.bitter td p {
margin:1em auto 0.6em;
width:126px;
}

#main-content #regular-table table.mild td h3,
#main-content #regular-table table.sour td h3{
margin:1em auto 0.6em;
width:160px;
}

#main-content #regular-table table.mild td p,
#main-content #regular-table table.sour td p{
margin:1em auto 0.6em;
width:168px;
}

#regular-table h3 img {
display:inline;
margin-left:4px;
vertical-align:middle;
}

#regular-table p {
color:#666;
font-size:0.92em;
line-height:1.4;
margin:0;
}

#regular-table .ats {
background:#F8F4ED;
}

#main-content #regular-table table.bitter td.ats h3 {
background:none;
margin:0.5em auto 0.2em;
}

#main-content #regular-table table.bitter td.ats p {
margin:0 auto;
width:126px;
}

#main-content h3.h3-root {
background: url(/img/h3-bg.png) no-repeat left bottom;
clear:none;
margin-top:0;
width:350px;
}


/*-- WATER --*/
ul#tab li#purewater-tab a {
background:url(/service/img/purewater-tab.png);
width:154px;
}

ul#tab li#purewave-tab a {
background:url(/service/img/purewave-tab.png);
width:140px;
}

ul#tab li#mineralplus-tab a {
background:url(/service/img/mineralplus-tab.png);
width:139px;
}

ul#tab li#naturalmineral-tab a {
background:url(/service/img/naturalmineral-tab.png);
width:159px;
}

#purewave .explain,
#naturalmineral .explain,
#caution .explain,
#system .explain {
background:#f2ede2;
margin:2em auto 1.5em;
padding:10px 12px 5px;
width:500px;
}

#cup_coffee .explain,
#bean_water .explain,
#wash .explain {
background:#f2ede2;
margin:2em auto 1.5em;
padding:10px 12px 5px;
width:500px;
}

#system .explain {
margin-left:25px;
width:358px;
}

/*
#cup_coffee .explain span,
#bean_water .explain span {
font-weight:bold;
}
*/

#purewave .explain h3,
#naturalmineral .explain h3 {
background:none;
color:#B60042;
font-size:1em;
margin:0 8px;
}

.explain ol {
margin-top:0;
}

#main-content h3.h3-na_caution {
background:url(/img/h3-bg-na.png) center bottom no-repeat;
clear:none;
padding-left:2px;
width:375px;
}

/*-- ECO TONER --*/
ul#tab li#ecotoner-tab a {
background:url(/service/img/ecotoner-tab.png);
width:125px;
}

/*-- CLEAN CARE --*/
ul#tab li#cleancare-tab a {
background:url(/service/img/cleancare-tab.png);
width:176px;
}

/*-- OFFICE CLEANING --*/
ul#tab li#officecleaning-tab a {
background:url(/service/img/officecleaning-tab.png);
width:176px;
}

.clm_change {
background:url(/img/clm-bg-officecleaning.png);
overflow:hidden;
margin:0 84px 1em;
padding:14px 16px;
width:436px;
height:272px;
}

#main-content .clm_change h3 {
background:none;
margin:0;
padding:0;
}

#main-content .clm_change p {
margin:0;
}

/*-- COMMON TAB --*/
ul#tab li#lineup-tab a {
background:url(/service/img/lineup-tab.png);
width:107px;
}

ul#tab li#system-tab a {
background:url(/service/img/system-tab.png);
width:128px;
}

ul#tab li#dem1-tab a:hover,
ul#tab li#dem_caution-cup_coffee-tab a:hover,
ul#tab li#dem_caution-wash-tab a:hover,
ul#tab li#dem_caution-bean_water-tab a:hover,
ul#tab li#greentea-tab a:hover,
ul#tab li#hard_lineup-tab a:hover,
ul#tab li#soft_lineup-tab a:hover,
ul#tab li#regular-tab a:hover,
ul#tab li#machine-lineup-tab a:hover,
ul#tab li#coffee-lineup-tab a:hover,
ul#tab li#purewater-tab a:hover,
ul#tab li#purewave-tab a:hover,
ul#tab li#mineralplus-tab a:hover,
ul#tab li#naturalmineral-tab a:hover,
ul#tab li#ecotoner-tab a:hover,
ul#tab li#officecleaning-tab a:hover,
ul#tab li#lineup-tab a:hover,
ul#tab li#system-tab a:hover,
ul#tab li#cleancare-tab a:hover {
background-position:left -32px;
}

ul#tab li#dem1-tab a.active,
ul#tab li#dem_caution-cup_coffee-tab a.active,
ul#tab li#dem_caution-wash-tab a.active,
ul#tab li#dem_caution-bean_water-tab a.active,
ul#tab li#greentea-tab a.active,
ul#tab li#hard_lineup-tab a.active,
ul#tab li#soft_lineup-tab a.active,
ul#tab li#regular-tab a.active,
ul#tab li#machine-lineup-tab a.active,
ul#tab li#coffee-lineup-tab a.active,
ul#tab li#purewater-tab a.active,
ul#tab li#purewave-tab a.active,
ul#tab li#mineralplus-tab a.active,
ul#tab li#naturalmineral-tab a.active,
ul#tab li#ecotoner-tab a.active,
ul#tab li#officecleaning-tab a.active,
ul#tab li#lineup-tab a.active,
ul#tab li#system-tab a.active,
ul#tab li#cleancare-tab a.active {
background-position:left -64px;
}

/*-- LINEUP TABLE --*/
#lineup-table tr td {
border:0;
background:url(/service/img/lineup-table-line.gif) right bottom;
padding:20px;
vertical-align:top;
}

#lineup-table tr td.lastChild {
background:url(/service/img/lineup-table-line.gif) no-repeat left bottom;
}

#lineup-table tr.lastChild td {
background:url(/service/img/lineup-table-line.gif) no-repeat right 0;
}

#lineup-table tr.lastChild td.lastChild {
background:none;
}

#lineup-table img {
display:block;
margin:auto;
}

#lineup-table h3 {
background:#f2ede2;
color:#876153;
font-size:1em;
margin:1em 0 0.6em;
padding:2px 4px;
text-align:center;
width:154px;
}

/*#lineup-table h3.new {
background:url(/service/img/newlineup-icon.gif) no-repeat right 6px;
}*/

#lineup-table h3 img {
display:inline;
vertical-align:middle;
margin-left:4px;
}

#lineup-table p {
color:#666;
margin:0;
font-size:0.92em;
line-height:1.4;
}

/*-- LINEUP HARD --*/
table#lineup-hard th,
table#lineup-hard td {
padding:6px;
}

table#lineup-hard td.hard_img {
vertical-align:bottom;
}

/*-- CASE STUDY --*/
#main-content h2.casestudy-h2 {
margin-top:0;
}

.clearfix-casestudy {
background:url(/service/img/arrow-btm.png) 210px bottom no-repeat;
padding-bottom:1em;
overflow:hidden;
}

/*-- CAUTION --*/
.clearfix-caution {
background:url(/service/img/arrow-btm.png) 210px 65px no-repeat;
margin:1em 0 0;
padding-bottom:0;
overflow:hidden;
}

	/* for IE6 */
	* html .clearfix-caution {
	margin-bottom:-1em;
	}

.img-left {
float:left;
margin:0 0 0.5em 60px;
width:180px;
}

	/* for IE6 */
	* html .img-left {
	margin-left:30px;
	}

.img-right {
float:right;
margin:0 60px 0.5em 0;
width:180px;
}

	/* for IE6 */
	* html .img-right {
	margin-right:30px;
	}

.img-left-inner {
float:left;
margin:0.5em 0 0.5em 20px;
width:180px;
}

	/* for IE6 */
	* html .img-left-inner {
	margin-left:10px;
	}

.img-right-inner {
float:right;
margin:0.5em 55px 0.5em 0;
width:180px;
}

	/* for IE6 */
	* html .img-right-inner {
	margin-right:28px;
	}

#main-content p.caption-caution {
font-size:0.92em;
line-height:1.4;
margin:0.3em 0 0;
}

#main-content p.caption-caution-l {
text-align:center;
margin:0;
}

/* clearfix */
.service-menu:after,
.clearfix-casestudy:after,
.clearfix-caution:after {
clear:both;
content:"";
display:block;
}

	/* for IE6 */
	* html .service-menu,
	* html .clearfix-casestudy,
	* html .clearfix-caution {
	display:inline-block;
	}
	
	/* for IE7 */
	*+html .service-menu,
	*+html .clearfix-casestudy,
	*+html .clearfix-caution {
	display:inline-block;
	}