/*----------------------------------------------------------------------------
 ***                                                                     Inner
----------------------------------------------------------------------------*/
.bg_coffee {
	background:url(../img/coffee_bg.gif) no-repeat center top;
}




/*----------------------------------------------------------------------------
 ***                                                                    Coffee
----------------------------------------------------------------------------*/

#coffeeSelect {
	width:980px;
	margin:0 auto;
}

#coffeeSelect ul {
	padding:30px 0 60px 0;
}

#coffeeSelect ul li {
	float:left;
	width:244px;
	display:block;
	margin:0 1px 0 0;
	display:block;
}

.coffeeOutline {
	float:left;
	width:254px;
	display:block;
}

.coffeeBalance {
	float:left;
	width:146px;
	margin:0 20px 0 0;
	display:block;
}

.coffee_catch_1 {
	background:url(../img/coffee_catch_1.png) no-repeat;
	width:254px;
	height:0px;
	padding-top:43px;
	margin:0 0 10px 0;
	overflow:hidden;
}

.coffee_catch_2 {
	background:url(../img/coffee_catch_2.png) no-repeat;
	width:254px;
	height:0px;
	padding-top:43px;
	margin:0 0 10px 0;
	overflow:hidden;
}

.coffee_catch_3 {
	background:url(../img/coffee_catch_3.png) no-repeat;
	width:254px;
	height:0px;
	padding-top:43px;
	margin:0 0 10px 0;
	overflow:hidden;
}

.coffee_catch_4 {
	background:url(../img/coffee_catch_4.png) no-repeat;
	width:254px;
	height:0px;
	padding-top:43px;
	margin:0 0 10px 0;
	overflow:hidden;
}

.recommend {
	padding:10px 10px;
	border:#FFF dotted 1px;
}

.recommendTitle {
	background:url(../img/recommend_title.png) no-repeat;
	width:234px;
	height:0px;
	padding-top:18px;
	margin:0 0 5px 0;
	overflow:hidden;
}


/*----------------------------------------------------------------------------
 ***                                                                    machine
----------------------------------------------------------------------------*/

#machineSelect {
	width:980px;
	margin:0 auto;
}

#machineSelect ul {
	padding:30px 0;

}

#machineSelect ul li {
	float:left;
	width:325px;
	display:block;
	margin:0 1px 0 0;
	display:block;
}


.outlineArea {
	border-bottom:#FFF dotted 1px;
	padding:20px 0;
	margin:0 0 20px 0;
}

.itemTitle_1_1 {
	background:url(../img/item_title_coffee1_1.png) no-repeat;
	width:420px;
	height:0;
	padding-top:64px;
	margin:0 0 20px 0;
	overflow:hidden;
}

.itemTitle_1_2 {
	background:url(../img/item_title_coffee1_2.png) no-repeat;
	width:420px;
	height:0;
	padding-top:64px;
	margin:0 0 20px 0;
	overflow:hidden;
}

.itemTitle_1_3 {
	background:url(../img/item_title_coffee1_3.png) no-repeat;
	width:420px;
	height:0;
	padding-top:64px;
	margin:0 0 20px 0;
	overflow:hidden;
}

.itemTitle_2_1 {
	background:url(../img/item_title_coffee2_1.png) no-repeat;
	width:420px;
	height:0;
	padding-top:64px;
	margin:0 0 20px 0;
	overflow:hidden;
}

.itemTitle_3_1 {
	background:url(../img/item_title_coffee3_1.png) no-repeat;
	width:420px;
	height:0;
	padding-top:64px;
	margin:0 0 20px 0;
	overflow:hidden;
}

.itemTitle_3_2 {
	background:url(../img/item_title_coffee3_2.png) no-repeat;
	width:420px;
	height:0;
	padding-top:64px;
	margin:0 0 20px 0;
	overflow:hidden;
}

.itemTitle_3_3 {
	background:url(../img/item_title_coffee3_3.png) no-repeat;
	width:420px;
	height:0;
	padding-top:64px;
	margin:0 0 20px 0;
	overflow:hidden;
}


.itemTitle_4_1 {
	background:url(../img/item_title_coffee4_1.png) no-repeat;
	width:420px;
	height:0;
	padding-top:64px;
	margin:0 0 20px 0;
	overflow:hidden;
}

#categoryJump {
	position:absolute;
	top:0;
	right:0;
}

#categoryJump ul li a {
	background:url(../img/back_mark.png) no-repeat;
	float:left;
	padding:10px 30px;
	text-decoration:underline;
	display:block;
}

#categoryJump ul li a:hover {
}

.catchText {
	font-size:18px;
	font-weight:bold;
	padding:5px 0;
	margin:0 0 5px 0;
}

.explanationText {
	padding:15px 0 0 0;
	margin:0 0 20px 0;
}

.itemCode {
	padding:0 0 0 0;
	margin:0 0 5px 0;
}

.itemCode p {
	float:left;
	width:100px;
	display:block;
}

.itemCode ul {
	width:320px;
	float:left;
	padding:1px 0 0 0;
	display:block;
}

.itemCode ul li {
	font-size:10px;
	background:#e3001b;
	float:left;
	text-align:center;
	width:50px;
	padding:1px 5px;
	margin:0 3px 0 0;
	display:block;
}


.packSize {
	padding:0 0 20px 0;
}

.packSize p {
	float:left;
	width:100px;
	display:block;
}

.packSize ul {
	width:320px;
	float:left;
	padding:1px 0 0 0;
	display:block;
}

.packSize ul li {
	font-size:10px;
	background:#e3001b;
	float:left;
	text-align:center;
	width:50px;
	padding:1px 5px;
	margin:0 3px 0 0;
	display:block;
}

.packSize2 {
	padding:0 0 5px 0;
}

.packSize2 p {
	float:left;
	width:100px;
	display:block;
}

.packSize2 ul {
	width:320px;
	float:left;
	padding:1px 0 0 0;
	display:block;
}

.packSize2 ul li {
	font-size:10px;
	background:#e3001b;
	float:left;
	text-align:center;
	width:50px;
	padding:1px 5px;
	margin:0 3px 0 0;
	display:block;
}

.colorSize {
	padding:0 0 0 0;
}

.colorSize p {
	float:left;
	width:50px;
	display:block;
}

.colorSize ul {
	width:280px;
	float:left;
	padding:0 0 0 20px;
	display:block;
	border-left:#FFF dotted 1px;
}

.colorSize ul li {
	float:left;
	text-align:center;
	width:50px;
	padding:0 5px 0 20px;
	margin:0 10px 0 0;
	display:block;
}

.color_silver {
	background:url(../img/color_silver_icon.gif) no-repeat 0 3px;
}

.seriesBox {
	background:#000;
	width:960px;
	padding:20px 10px;
	margin:0 auto;
	border-top:#333 solid 1px;
}

.series_title_1 {
	background:url(../img/series_title_1.png) no-repeat 20px 7px;
	width:510px;
	height:0;
	padding-top:39px;
	margin:0 0 0 0;
	border-left:#FFF solid 1px;
	overflow:hidden;
	display:block;
}

.series_title_2 {
	background:url(../img/series_title_2.png) no-repeat 20px 7px;
	width:510px;
	height:0;
	padding-top:39px;
	margin:0 0 0 0;
	border-left:#FFF solid 1px;
	overflow:hidden;
	display:block;
}

.series_title_3 {
	background:url(../img/series_title_3.png) no-repeat 20px 7px;
	width:510px;
	height:0;
	padding-top:39px;
	margin:0 0 0 0;
	border-left:#FFF solid 1px;
	overflow:hidden;
	display:block;
}

.seriesBox p {
	padding:5px 0 5px 20px;
	border-left:#FFF dotted 1px;
}

.picture {
	width:980px;
	padding:0 0 0 0;
	margin:0 auto;
}

.photoBox {
	float:left;
	width:560px;
	display:block;
}

.itemPhoto {
	padding:0 80px 15px 80px;
}

.thumbBox {
	padding:0 0;
	margin:0;
	display:block;
	text-align:center;
}

.thumbBox ul {
	width:540px;
	display:block;
}

.thumbBox ul li.left {
	float:left;
	width:100px;
	height:100px;
	padding:0;
	margin:0 10px 0 0;
	background:#FFF;
	border:#999;
	display:block;
}

.thumbBox ul li.right {
	float:left;
	width:100px;
	height:100px;
	padding:0;
	margin:0 0 0 0;
	background:#FFF;
	border:#999;
	display:block;
}

.mainImage{
	border: 2px solid #333;
}

.thumb{
	border: 2px solid #333;
}

.infoBox {
	width:420px;
	float:left;
	display:block;
}

.gold {
	background:url(../img/gold_icon.gif) no-repeat;
	padding:0 0 0 30px;
}

.itemLink {
	background:#00F;
	float:left;
	width:205px;
	height:70px;
	margin:0 10px 0 0;
}
.shopLink {
	background:#060;
	float:left;
	width:205px;
	height:70px;
	margin:0 0 0 0;
}

.slide1 {
	width:100%;
	height:600px;
	padding:0;
	margin:0px auto;
	background:#000 url(../images/slide1_bg.jpg) no-repeat top center;
}

.slide2 {
	width:100%;
	height:600px;
	padding:0;
	margin:0px auto;
	background:#000 url(../images/slide2_bg.jpg) no-repeat top center;
}

.slide3 {
	width:100%;
	height:600px;
	padding:0;
	margin:0px auto;
	background:#320206 url(../images/slide3_bg.jpg) no-repeat top right;
}



.prSection {
	position:relative;
	width:980px;
	margin:0 auto 0 auto;
}

#newsField {
	background:url(../img/newsfield_bg.gif) no-repeat top left;
	width:738px;
	height:29px;
	margin:0 auto;
	padding:5px 0 0 240px;
	border:#dddedf solid 1px;
}

.title_domain {
	background:url(../img/titlebar_domain.gif) no-repeat;
	width:650px;
	height:0px;
	padding-top:53px;
	margin-bottom:0px;
	overflow:hidden;
}

.detailLink {
	position:absolute;
	top:5px;
	right:0;
	z-index:500;
}

.detailLink a {
	background:url(../img/detail_btn.gif) no-repeat;
	width:56px;
	height:0;
	padding-top:23px;
	overflow:hidden;
	display:block;
}

.domainArea {
	position:relative;
	width:650px;
	padding:0px 0px;
	margin: 0 0 10px 0;
}

.domainBox {
	width:650px;
	padding:20px 0px;
}

.domainBox_l {
	background:url(../img/domainbox_bg.gif) no-repeat;
	float:left;
	width:309px;
	height:154px;
	padding:8px 7px;
	margin:0 4px 20px 0;
	display:block;
}

.domainBox_r {
	background:url(../img/domainbox_bg.gif) no-repeat;
	float:left;
	width:309px;
	height:154px;
	padding:8px 7px;
	margin:0 0 20px 0;
	display:block;
}

.domainBox_l h4,.domainBox_r h4{
	background:url(../img/flink_icon.png) no-repeat 10px 8px;
	height:30px;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	text-decoration:underline;
	padding:5px 10px 5px 30px;
	margin:0;
	overflow:hidden;
}

.domainBox_l h4 a,.domainBox_r h4 a {
	font-size:12px;
	font-weight:bold;
}

.domainBox_l p,.domainBox_r p {
	padding:0 20px;
}

	

#linkBox {
	width:980px;
	margin:0 auto;
}

#linkBox ul li.left {
	float:left;
	width:300px;
	height:90px;
	margin:0 40px 0 0;
	display:block;
}

#linkBox ul li.right {
	float:left;
	width:300px;
	height:90px;
	margin:0 0 0 0;
	display:block;
}

.sidecompanyBox {
	width:220px;
	border:#dddedf solid 1px;
	padding:0;
	margin:0 0 30px 0;
}

.companyLink li {
	background:url(../img/clink_icon.png) no-repeat 10px 14px;
	padding:8px 0 8px 30px;
	border-top:#f0f0f0 solid 1px;
}

.sidecsrBox {
	padding:0;
	margin:0 0 0 0;
}

.groupLink li {
	background:url(../img/clink_icon.png) no-repeat 0px 10px;
	padding:5px 0 5px 20px;
}

.title_side_company {
	background:url(../img/side_titlebar_companyinfo.gif) no-repeat;
	width:220px;
	height:0;
	padding-top:41px;
	overflow:hidden;
}

.title_side_csr {
	background:url(../img/side_titlebar_csr.gif) no-repeat;
	width:220px;
	height:0;
	padding-top:41px;
	overflow:hidden;
}

#itemField {
	background:#000;
	width:980px;
	height:200px;
	padding:10px 0;
}

.charmArea {
	float:left;
	width:320px;
	height:188px;
	padding:0;
	margin:0 10px 0 0;
}

.enjoyArea {
	float:left;
	width:320px;
	height:188px;
	padding:0;
	margin:0 10px 0 0;
}

.title_news {
	background:url(../img/titlebar_news.gif) no-repeat;
	width:318px;
	height:0;
	padding-top:53px;
	overflow:hidden;
}


.newsArea {
	background:url(../img/news_bg.gif) no-repeat;
	float:left;
	position:relative;
	width:320px;
	height:188px;
	padding:0px 0px;
	margin:0 0 0 0;
	overflow:hidden;
}

.scroll_area {
    height:100px;
	overflow:auto;
}


.newsArea ul li {
	padding:10px 0;
	border-bottom:#CCC dotted 1px;
	
}


.newsDate {
	padding:0 0 0 0;
	margin:0 10px 0 0;
}

.newsIcon1 {
	padding:0;
	margin:0 10px 0 0;
}

.csrNavi {
	width:200px;
}

.csrYear {
	border:#999 solid 1px;
	padding:5px 10px;
}


.domain {
	float:left;
	background:#F00;
	width:300px;
	height:300px;
	padding:0;
	margin:0 20px 0 0;
	display:block;
}

/*----------------------------------------------------------------------------
 ***                                                                accessory
----------------------------------------------------------------------------*/

#accessorySelect {
	width:980px;
	margin:0 auto;
}

#accessorySelect ul {
	padding:30px 0;
}

#accessorySelect ul li {
	float:left;
	width:489px;
	height:388px;
	display:block;
	padding:0;
	margin:0 1px 0 0;
	display:block;
	overflow:hidden;
}

.cup {
	background:url(../img/accessory_menu1_.png) no-repeat;
}

.others {
	background:url(../img/accessory_menu2_.png) no-repeat;
}

.itemCode_c {
	padding:0 0 0 0;
	margin:0 0 5px 0;
}

.itemCode_c p {
	float:left;
	width:100px;
	display:block;
}

.itemCode_c ul {
	width:280px;
	float:left;
	display:block;
}

.itemCode_c ul li {
	background:#e3001b;
	float:left;
	text-align:center;
	width:100px;
	padding:0 5px;
	margin:0 10px 0 0;
	display:block;
}


.cupSize {
	padding:0 0 20px 0;
}

.cupSize p {
	float:left;
	width:100px;
	display:block;
}

.cupSize ul {
	width:280px
	float:left;
	display:block;
}

.cupSize ul li {
	background:#e3001b;
	float:left;
	text-align:center;
	width:100px;
	padding:0 5px;
	margin:0 10px 0 0;
	display:block;
}



.itemTitle_cup_1_1 {
	background:url(../img/item_title_cup1_1.png) no-repeat;
	width:420px;
	height:0;
	padding-top:80px;
	margin:0 0 20px 0;
	overflow:hidden;
}

.itemTitle_cup_1_2 {
	background:url(../img/item_title_cup1_2.png) no-repeat;
	width:420px;
	height:0;
	padding-top:80px;
	margin:0 0 20px 0;
	overflow:hidden;
}

.itemTitle_cup_1_3 {
	background:url(../img/item_title_cup1_3.png) no-repeat;
	width:420px;
	height:0;
	padding-top:80px;
	margin:0 0 20px 0;
	overflow:hidden;
}

.itemTitle_cup_1_4 {
	background:url(../img/item_title_cup1_4.png) no-repeat;
	width:420px;
	height:0;
	padding-top:80px;
	margin:0 0 20px 0;
	overflow:hidden;
}

.itemTitle_cup_1_5 {
	background:url(../img/item_title_cup1_5.png) no-repeat;
	width:420px;
	height:0;
	padding-top:40px;
	margin:0 0 20px 0;
	overflow:hidden;
}

.itemTitle_others_1_1 {
	background:url(../img/item_title_others1_1.png) no-repeat;
	width:420px;
	height:0;
	padding-top:40px;
	margin:0 0 20px 0;
	overflow:hidden;
}

.itemTitle_others_1_2 {
	background:url(../img/item_title_others1_2.png) no-repeat;
	width:420px;
	height:0;
	padding-top:40px;
	margin:0 0 20px 0;
	overflow:hidden;
}

.itemTitle_others_1_3 {
	background:url(../img/item_title_others1_3.png) no-repeat;
	width:420px;
	height:0;
	padding-top:80px;
	margin:0 0 20px 0;
	overflow:hidden;
}

.itemTitle_others_1_4 {
	background:url(../img/item_title_others1_4.png) no-repeat;
	width:420px;
	height:0;
	padding-top:80px;
	margin:0 0 20px 0;
	overflow:hidden;
}


/*----------------------------------------------------------------------------
 ***                                                                   Sweet
----------------------------------------------------------------------------*/


.itemTitle_sweet_1_1 {
	background:url(../img/item_title_sweet1_1.png) no-repeat;
	width:420px;
	height:0;
	padding-top:80px;
	margin:0 0 20px 0;
	overflow:hidden;
}

.itemTitle_sweet_1_2 {
	background:url(../img/item_title_sweet1_2.png) no-repeat;
	width:420px;
	height:0;
	padding-top:80px;
	margin:0 0 20px 0;
	overflow:hidden;
}

/*----------------------------------------------------------------------------
 ***                                                                   Machine
----------------------------------------------------------------------------*/


.itemTitle_machine_1_1 {
	background:url(../img/item_title_machine1_1.png) no-repeat;
	width:420px;
	height:0;
	padding-top:40px;
	margin:0 0 20px 0;
	overflow:hidden;
}

.itemTitle_machine_1_2 {
	background:url(../img/item_title_machine1_2.png) no-repeat;
	width:420px;
	height:0;
	padding-top:40px;
	margin:0 0 20px 0;
	overflow:hidden;
}

.itemTitle_machine_1_3 {
	background:url(../img/item_title_machine1_3.png) no-repeat;
	width:420px;
	height:0;
	padding-top:40px;
	margin:0 0 20px 0;
	overflow:hidden;
}

.itemTitle_machine_2_1 {
	background:url(../img/item_title_machine2_1.png) no-repeat;
	width:420px;
	height:0;
	padding-top:40px;
	margin:0 0 20px 0;
	overflow:hidden;
}

.itemTitle_machine_2_2 {
	background:url(../img/item_title_machine2_2.png) no-repeat;
	width:420px;
	height:0;
	padding-top:40px;
	margin:0 0 20px 0;
	overflow:hidden;
}

.itemTitle_machine_2_3 {
	background:url(../img/item_title_machine2_3.png) no-repeat;
	width:420px;
	height:0;
	padding-top:40px;
	margin:0 0 20px 0;
	overflow:hidden;
}

.itemTitle_machine_3_1 {
	background:url(../img/item_title_machine3_1.png) no-repeat;
	width:420px;
	height:0;
	padding-top:40px;
	margin:0 0 20px 0;
	overflow:hidden;
}

.itemTitle_machine_3_2 {
	background:url(../img/item_title_machine3_2.png) no-repeat;
	width:420px;
	height:0;
	padding-top:40px;
	margin:0 0 20px 0;
	overflow:hidden;
}

.itemTitle_machine_3_3 {
	background:url(../img/item_title_machine3_3.png) no-repeat;
	width:420px;
	height:0;
	padding-top:40px;
	margin:0 0 20px 0;
	overflow:hidden;
}




/*----------------------------------------------------------------------------
 ***                                                                    Scroll
----------------------------------------------------------------------------*/
table {
	background:url(../img/notation_bg.png) repeat;
	border-left: #c000 1px solid;
	border-collapse: collapse;
	width: 100%;
	font-size: 11px;
	color:#fff;
} 
table th.t_top {
	background:  url(../img/tmark_a.gif) no-repeat;
	border-top:#000 1px solid;
	border-bottom:#000 1px solid;
	border-right:#000 1px solid;
	text-align: left;
	vertical-align:top;
	padding: 10px;
}
table th.t_line01 {
	background:  url(../img/tmark_a.gif) no-repeat;
	border-bottom:#000 1px solid;
	border-right:#000 1px solid;
	text-align: left;
	vertical-align:top;
	padding: 10px;
}
table th.t_line02 {
	background:  url(../img/tmark_b.gif) no-repeat;
	border-bottom:#000 1px solid;
	border-right:#000 1px solid;
	text-align: left;
	vertical-align:top;
	padding: 10px;
}

table td {
	border-bottom:#000 1px solid;
	border-right:#000 1px solid;
	text-align: left;
	padding: 10px;
}

table td.t_top {
	border-top:#cccccc 1px solid;
	border-bottom:#000 1px solid;
	border-right:#000 1px solid;
	text-align: left;
	padding: 10px;
}

table td.no_img{background-image:none;}