@charset "utf-8";

/* for all */
* {
	margin: 0;
	padding: 0;
}

body {
	font: 'osaka', 'Times New Roman';
	font-size: 12px;


}

body.withbg {
	background: url('../images/main_bg.jpg') top center repeat-y;
}

img {
	border: none;
}

.alt {
	display: none;
}

a {
  font-weight: normal;
  font-size: 12px;
  color: #0066cc;
}

/* top */
#top {
	height: 102px;
	width: auto;
	background: url('../images/top_bg.jpg') repeat-x;
}
#top_menu {
	width: 720px;
	height: 82px;
	margin: 0 auto 0 auto;
	background: url('../images/suntory_top.jpg') no-repeat;
}

#suntory_logo {
	display: block;
	position: absolute;
	/*width: 200px;*//*add eshop 字*/
	width: 310px;
	height: 44px;
	margin-top: 7px;
	background: url('../images/suntory_logo.jpg') no-repeat;
}

#suntory_tw {
	display: block;
	position: absolute;
	width: 130px;
	height: 20px;
	margin-top: 25px;
	margin-left: 477px;
	background: url('../images/jp_suntory_tw.jpg') no-repeat;
}

#suntory_jp {
	display: block;
	position: absolute;
	width: 130px;
	height: 20px;
	margin-top: 25px;
	margin-left: 619px;
	background: url('../images/jp_suntory_jp.jpg') no-repeat;
}

#top_menu_1 {
	display: block;
	position: absolute;
	width: 150px;
	height: 14px;
	margin-top: 61px;
	margin-left: 238px;
	background: url('../images/jp_top_menu_1.jpg') no-repeat;
}

#top_menu_2 {
	display: block;
	position: absolute;
	/*width: 110px;*//*seraph modified 20080616*/
	width: 95px;
	height: 14px;
	margin-top: 61px;
	margin-left: 427px;
	background: url('../images/jp_top_menu_2.jpg') no-repeat;
}

#top_menu_3 {
	display: block;
	position: absolute;
	/*width: 110px;*//*seraph modified 20080616*/
	width: 31px;
	height: 14px;
	margin-top: 61px;
	margin-left: 616px;
	background: url('../images/jp_top_menu_3.jpg') no-repeat;
}



/* content */
#content {
	position: relative;
	width: 720px;
	height: auto;
	margin: 0 auto 0 auto;

}

/* main */

#main {
	float: left;
	width: 475px;

}

/* sidebar */

#sidebar {
	float: right;
	width: 230px;
}

#login_part {
	height: 70px;
	background: #FFFFFF;
}

#login {
	display: block;
	position: absolute;
	width: 183px;
	height: 21px;
	margin: 0 auto 10px 0;
	padding-top: 7px;
	padding-left: 47px;
	color: #FFFFFF;
	text-decoration: none;
	background: url('../images/login.jpg') no-repeat;
}
#login1 {
	padding-left: 47px;
	color: #FFFFFF;
	text-decoration: none;
}
#cart {
	display: block;
	position: absolute;
	width: 183px;
	height: 21px;
	margin-top: 33px;
	padding-top: 7px;
	padding-left: 47px;
	color: #FFFFFF;
	text-decoration: none;
	background: url('../images/cart.jpg') no-repeat;
}

#lineup {
	width: 230px;
}

#lineup_title {
  width: 230px;
  height: 30px;
  background: url('../images/lineupj.jpg') no-repeat;
}

#lineup_1 {
	display: none;
	position: absolute;
	width: 230px;
	height: 50px;
	background: url('../images/lineup_1js.jpg') no-repeat;
}

#lineup_2 {
	display: none;
	position: absolute;
	width: 230px;
	height: 50px;
	margin-top: 50px;
	background: url('../images/lineup_2.jpg') no-repeat;
}

#lineup_3 {
	display: none;
	position: absolute;
	width: 230px;
	height: 50px;
	margin-top: 100px;
	background: url('../images/lineup_3.jpg') no-repeat;
}

#lineup_4 {
	display: none;
	position: absolute;
	width: 230px;
	height: 50px;
	margin-top: 150px;
	background: url('../images/lineup_4.jpg') no-repeat;
}

#lineup_5 {
	display: none;
	position: absolute;
	width: 230px;
	height: 50px;
	margin-top: 200px;
	background: url('../images/lineup_5j.jpg') no-repeat;
}

#lineup_6 {
	display: block;
	position: absolute;
	width: 230px;
	height: 50px;
	/*margin-top: 250px;*/
	background: url('../images/lineup_6_j.jpg') no-repeat;
}

#lineup_all {
	position: absolute;
	margin-top: 55px;
	/*margin-top: 305px;*/
	margin-left: 148px;
	padding-left: 15px;
	color: #014872;
	background: url('../images/s_tri_bb.jpg') center left no-repeat;
}

#lineup_all a {
	color: #014872;
}


#onsale {
	width: 230px;
	margin-top: 78px;
}

#onsale_title {
	width: 230px;
  height: 30px;
	background: url('../images/onsalej.jpg') no-repeat;
}

.onsale_part {
	width: 230px;
	height:110px;
	padding-top: 8px;
	border-bottom: #014872 1px dashed;

}

.onsale_img {
	position: absolute;
	width: 116px;
	height: 78px;
	margin-left: 8px;
}
.onsale_img1 {
	position: left;
	width: 116px;
	height: 78px;
	margin-left: 8px;
}
.onsale_text {
	position: absolute;
	width: 100px;
	margin-left: 128px;
	font-size: 12px;
	line-height: 120%;
}
.onsale_text1 {
	width: 100px;
	margin-left: 5px;
	font-size: 12px;

}
.onsale_text a {
	color: #014872;
}

/* foot */
#foot {
	clear: both;
	height: 29px;
 	margin: 0;
 	padding: 0;
 	background:#eeeeee url('../images/foot_bg.jpg') repeat-x;
}

#foot_part {
	width: 720px;
	height: 10px;
	margin: 10px auto 0 auto;
	padding-top: 6px;
	_padding-top: 0;
}

#copyright {
	display:-moz-inline-block;
	display:-moz-inline-box;
	display: inline-block;
	vertical-align: middle;
  width: 273px;
  height: 5px;
  margin-top: 4px;
 	background: url('../images/copyright.gif') no-repeat;
}

#privacy {
	position: absolute;
	margin-top: 3px;
	margin-left: 372px;
	_margin-left: 369px;
	padding-left: 15px;
	color: #666666;
	background: url('../images/s_tri_kk.jpg') center left no-repeat;
}

#privacy a {
	color: #666666;
}
#qanda {
	position: absolute;
	margin-top: 1px;
	margin-left: 302px;
	_margin-left: 309px;
	padding-left: 15px;
	color: #666666;
	background: url('../images/s_tri_kk.jpg') center left no-repeat;
}

#qanda a {
	color: #666666;

}
/*-------index-------*/
#top_ad {
	margin: 0;
	padding: 0;
	border: #cccccc 1px solid;
}

#index_whatsnew {
  margin-top: 10px;
	width: 475px;
}

#whatsnew {
  width: 475px;
  height: 30px;
  background: url('../images/whatsnew.jpg') top center no-repeat;
}

#index_whatsnew .newspart {
	width: 467px;
	height: 70px;
	margin-left: 8px;
	padding-top: 10px;
	border-bottom: #c1ae8e 1px dashed;
}

#index_whatsnew .newspart .date {
	position: absolute;
	color: #666666;
}

#index_whatsnew .newspart .news_title {
	position: absolute;
	width: 260px;
	margin-left: 90px;
	padding-left: 15px;
	background: url('../images/s_tri_gb.jpg') top left no-repeat;
}

#index_whatsnew .newspart .news_title2 {
	position: absolute;
	width: 330px;
	margin-left: 90px;
	padding-left: 15px;
	background: url('../images/s_tri_gb.jpg') top left no-repeat;
}

#index_whatsnew .newspart .news_title a {
	color: #0066cc;
}

#index_whatsnew .newspart .news_img {
	position: absolute;
	width: 80px;
	/*-height: 60px;-*/
	margin-left: 387px;
}

/*-------shopping page-------*/

#shopping_step {
  width: 475px;
  height: 28px;
  background: url('../images/step_topj.jpg') top center no-repeat;
}

#step_progress {
  padding: 35px 0 7px 8px;
  border-left: #66c4c4 1px solid;
  border-right: #66c4c4 1px solid;
  border-bottom: #66c4c4 1px solid;
}

#step_progress_1{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display: inline-block;
	vertical-align: middle;
  width: 113px;
  height: 35px;
  background: url('../images/choose_offj.jpg') top center no-repeat;
}

#step_progress_1on{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display: inline-block;
	vertical-align: middle;
  width: 113px;
  height: 35px;
  background: url('../images/choose_onj.jpg') top center no-repeat;
}
#step_progress_1{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display: inline-block;
	vertical-align: middle;
  width: 113px;
  height: 35px;
  background: url('../images/choose_onj.jpg') top center no-repeat;
}
#step_progress_2{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display: inline-block;
	vertical-align: middle;
  width: 77px;
  height: 35px;
  margin-left: 2px;
  background: url('../images/accounting_offj.jpg') top center no-repeat;
}

#step_progress_2on{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display: inline-block;
	vertical-align: middle;
  width: 77px;
  height: 35px;
  margin-left: 2px;
  background: url('../images/accounting_offj.on') top center no-repeat;
}

#step_progress_3{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display: inline-block;
	vertical-align: middle;
  width: 146px;
  height: 35px;
  margin-left: 2px;
  background: url('../images/check_offj.jpg') top center no-repeat;
}
#step_progress_3on{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display: inline-block;
	vertical-align: middle;
  width: 146px;
  height: 35px;
  margin-left: 2px;
  background: url('../images/check_onj.jpg') top center no-repeat;
}

#step_progress_4{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display: inline-block;
	vertical-align: middle;
  width: 105px;
  height: 35px;
  margin-left: 2px;
  background: url('../images/finish_offj.jpg') top center no-repeat;
}
#step_progress_4on{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display: inline-block;
	vertical-align: middle;
  width: 105px;
  height: 35px;
  margin-left: 2px;
  background: url('../images/finish_onj.jpg') top center no-repeat;
}
/* body#__ #step_progress*/

body#choose #step_progress_1 {background: url('../images/choose_onj.jpg') top center no-repeat;}
body#accounting #step_progress_2 {background: url('../images/accounting_onj.jpg') top center no-repeat;}
body#check #step_progress_3 {background: url('../images/check_onj.jpg') top center no-repeat;}
body#finish #step_progress_4 {background: url('../images/finish_onj.jpg') top center no-repeat;}


/* goods */

#goods {
  margin: 45px 0 25px 0;
  _margin: -7px 0 25px 0;
  padding: 0;
  border: 0;
  border-spacing: 0;
}

#goods h1,
#goods h2,
#goods h3,
#goods h4,
#goods h5,
#goods h6{
  margin:0;padding:0;font-size:100%;font-weight:normal;
}*/


#goods td {
  width: 238px;
  height: 165px;
  
}

#goods .tdl {
  display: block;
  position:relative;
  width: 231px;
  /*height: 147px;*/
  height: 200px;
  margin-top: 18px;
  border-bottom: #65c4c4 1px solid;
}

#goods .tdr {
  display: block;
  position:relative;
  width: 231px;
  /*height: 147px;*/
  height: 200px;
  margin-top: 18px;
  margin-left: 7px;
  border-bottom: #65c4c4 1px solid;
}

#goods .goods_name {
  display: block;
  position: absolute;
}

#goods .goods_price {
  display: block;
  position: absolute;
  margin-top: 18px;
  color: #5e4d2f;
}

#goods .goods_describe {
  display: block;
  position: absolute;
  /*width: 150px;*/
  width:165px;
  margin-top: 40px;
  color: #888888;
}

span.goods_describe ul li{
margin:0;padding:0;
margin-left:1.5em;
padding-left:0;
list-style:circle url(/images/ico_dot.gif);
}


#goods .goods_img {
  position: absolute;
  width: 70px;
  height: 125px;
  margin: 21px 0 0 157px;
}

#goods .buy_on,#goods .buy_off,#goods .buy_look {
	display: block;
	position: absolute;
	bottom:3px;
	width: 103px;
	height: 21px;
	/*margin: 115px auto 0 0;
	padding-top: 3px;
	padding-left: 36px;*/
	color: #FFFFFF;
	text-decoration: none;*
}

#goods .buy_on {
	/*display: block;
	position: absolute;
	width: 103px;
	height: 21px;
	margin: 115px auto 0 0;
	padding-top: 3px;
	padding-left: 36px;
	color: #FFFFFF;
	text-decoration: none;*/
	background: url('../images/buy_on.jpg') no-repeat;
}
#goods .buy_look {
	background: url('../images/buy_look.gif') no-repeat;
}
#goods .buy_off {
background: url('../images/buy_off.jpg') no-repeat;
}

#goods .sold_out {
	position: absolute;
	margin: 122px 0 0 110px;
	color: #CC0000;
}

#goods img.shohinpic {
	margin:0 5px;
	position:absolute;
	bottom:2px;
	right:5px;
}


/* goods2 */

#goods2 h1,
#goods2 h2,
#goods2 h3,
#goods2 h4,
#goods2 h5,
#goods2 h6{
  margin:0;padding:0;font-size:100%;font-weight:normal;
}

#goods2 {
  margin: 45px 0 25px 0;
  _margin: -7px 0 25px 0;
  padding: 0;
  border: 0;
  border-spacing: 10;
}
#goods2 .goods2_price {
  margin: 60px 25px 25px 25px;
  color: #5e4d2f;
}
#goods2 .goods2_note {
  color: #666666;
}

#goods2 span.goods2_note {
  margin-left:2em;  
  margin-right:120px;
  border:1px dotted #ccc;
  display:block;
  
}

#goods2 span.goods2_note ul {margin-left:1.5em;}
#goods2 span.goods2_note h5 {font-size:14px;}

#goods2 img.shohinpic {
	margin:0 5px;
	position:absolute;
	bottom:2px;
	right:5px;
}

/*
商品規格
*/

#goods2 span.goods2_spec {
  margin-left:2em;
  display:block;
}

#goods2 span.goods2_spec dl {}
#goods2 span.goods2_spec dt {}
#goods2 span.goods2_spec dd {}

/*
goods2_spec
detail.php內
商品規格
*/
dl,dd,dt {margin:0;padding:0;}
span.goods2_spec {
  width:400px;border:1px solid #888;margin-top:3em;display:block;margin-left:auto;margin-right:auto;
}
span.goods2_spec {padding:5px;}
span.goods2_spec dl {}
span.goods2_spec dt {width:50px;float:left;clear:left;margin-left:1em;line-height:100%;position:relative;top:1px;padding-top:5px;padding-bottom:5px;}
span.goods2_spec dd {margin-left:10px;padding-left:60px;line-height:100%;padding-top:5px;padding-bottom:5px;}
span.goods2_spec dl.nutrition {margin-top:1em;padding-top:1em;border-top:2px solid #ccc;}
span.goods2_spec dl.nutrition dt {width:216px;}
span.goods2_spec dl.nutrition dd {text-align:right;margin-right:1em;}

/*日文營養成份 待修正*/

td.shohin_name {line-height:18px;}
td.shohin_name a {border:0;display:inline;text-decoration:underline;color:#000;}
td.shohin_name a:link {color:#000; }
td.shohin_name a:visited {color:#000; }
td.shohin_name a:active { }
td.shohin_name a:hover {text-decoration:none; color:#dc143c;}

.bl {background: url(/images/bg_bl.gif) 0 100% no-repeat #e68200; width: 20em;width: 100%;}
.br {background: url(/images/bg_br.gif) 100% 100% no-repeat}
.tl {background: url(/images/bg_tl.gif) 0 0 no-repeat}
.tr {background: url(/images/bg_tr.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px}