@charset "utf-8";
				
/*index

１．コンテンツ左ブロック：商品画像、ボタン



２．コンテンツ右ブロック：ラインナップ

---------------------------------------------*/
#sbf_main_cnt {
	position:relative;
	}
	#sbf_main_cnt .socialbutton_suntory {
		position:absolute;
		top: 45px;
		right: 40px;
		}


/*style
---------------------------------------------*/
h2 {
	font-size:1.62em;
	font:bold;
	margin-bottom:30px;
	}
	
	
	
/* === １．コンテンツ左ブロック：商品画像、ボタン ==================================== */
	
#summary {
	width:680px;
	float:left;
	}

	#summary_wrap {
		margin: 0 68px 0 0;
		width:660px;
		}
		
	/* === 商品詳細画像・ボタン格納 =========== */
		#summary_img {
			float:left;
			width:190px;
			text-align:center;
			}
		#summary_img img {
			margin-bottom:1em;
			}
		
		/* === ブランドサイト、ご購入はこちら ボタン =========== */
			div.btn01,
			div.btn02 {
				margin: 0 20px;
				width:150px;
				height:40px;
				margin-bottom:20px;
				}
				div.btn01 a {
					display:block;
					width:150px;
					height:40px;
					background:url(../img2013/btn01_brand.jpg) top no-repeat;
					}
					div.btn01 a:hover {
						background:url(../img2013/btn01_brand.jpg) bottom no-repeat;
					}
				
				div.btn02 a {
					display:block;
					width:150px;
					height:40px;
					/* background:url(../img2013/btn02_buy.jpg) top no-repeat;* /
					}
					/* 
					div.btn02 a:hover {
						/* background:url(../img2013/btn02_buy.jpg) bottom no-repeat; */
						}
						div.btn01 span,
						div.btn02 span {
							display:none;
							}
				
			
	/* === 商品詳細テキスト =========== */
		#summary article {
			width:422px;
			float:right;
			}
			article p {
				font-size:0.88em;
				color:#444444;
				line-height:1.4;
				margin-bottom:10px;
				}
				article p.notes {
					margin-top:30px;
					}
					
			/* === 製造終了 =========== */
			#summary article .soldout {
				color:#888888;
				font-size:0.88em;
				line-height:40px;
				}

			/* === 発売日 =========== */
			#summary article .day {
				color:#ff7b00;
				font-size:0.88em;
				font-weight:bold;
				background:url(../img2013/icon_new.jpg) left no-repeat;
				padding-left:45px;
				line-height:20px;
				}
				#summary article .day span {
					vertical-align:middle;
					line-height:20px;
					}

	/* === 容量～賞味期間 =========== */
	  table#info {
		  width:420px;
		  background:url(../img2013/img05_bg_doted.gif) left top no-repeat;
		  padding-top:20px;
	  	 }
		  table#info tr th {
			  width:140px;
			  font-weight:normal;
			  text-align:left;
			  padding-left:20px;
			  }
		  table#info tr td {
			  padding-bottom:13px;
		  	  }
			  

			#table_info {
				font-size:0.88em;
				color:#444444;
				background:url(../img2013/img05_bg_doted.gif) left bottom no-repeat;
				}
			
			.table_info_first {
				padding-top:20px;
				}
			.table_info_last {
				padding-bottom:20px;
			   }

			p.notes02 {
				font-size:0.63em;
				color:#888888;
				margin-top:8px;
				}
				
	/* === 容量・サイズ =========== */
		#sizeList {
			line-height:1.4;
			background:url(../img2013/bg_sizeList.gif) left top repeat-y;
			padding:20px 20px;
			}
			#sizeList dt {
				font-size:0.88em;
				font-weight:bold;
				color:#444444;
				padding-bottom:8px;
				}
			#sizeList dd {
				font-size:0.88em;
				display:inline;
				padding-right:50px;
				}
					
	  /* === 成分表テーブル ==================== */
	  #seibun {
		  margin: 30px 0 0 30px;
		  border: solid 1px #ade0ed;
		  width: 580px;
		  font-size: 0.75em;
		  }					
					  
		#seibun td.seibun_ttl {
			border-bottom: 1px solid #ade0ed;
			padding: 18px;
			width: 140px;
			font-weight:bold;
			background: #eef9fb;
			vertical-align:top !important;
			}	
			#seibun td.seibun_ttl a {
				display:block;
				margin: 16px 0 0;
				font-weight: normal;
				line-height: 1.5;
				}	
			
		  #seibun td.seibun_txt {
			  padding: 18px;
			  color: #334455;
			  width: 440px;
			  background: url(../img2013/seibun_border_solid.jpg) no-repeat bottom left;
			  }	
		  #seibun td.reset {
			  margin: 0;
			  padding: 0;
			  background: none;
			  width: 440px;
			  text-align:center;
			  }	
			  
			  #seibun td table#tokusei {
				  margin: 0 auto;
				  width: 400px;
				  }	
				  #seibun td table#tokusei td {
					  padding: 15px;
					  background: url(../img2013/tokusei_border_dotted.jpg) no-repeat bottom left;
					  text-align:left;
					  }
					  
					  
				  #seibun td table#tokusei tr#end td {
					  background: none;
					  }

/*天然水*/
#summary.water {
    width: 660px;
}
#summary.water #summary_img {
    width: 300px;
}
#summary.water #summary_img img {
    width: 100%;
}
#summary.water article {
    width: 330px;
}
#summary.water div.btn01 {
    margin: 0 auto;
}
#summary.water table#info {
    width: 280px;
}

#summary.water #seibun {
    width: 630px;
}
#summary.water #seibun td.seibun_ttl {
    width: 190px;
}
#summary.water #compositionList {
    width: 630px;
}



	/* === 栄養成分一覧をみる =========== */
		#compositionList {
			margin: 30px 0 0 30px;
			width: 580px;
			text-align:right;
			}
			#compositionList a {
				display:block;
				width:170px;
				height:40px;
				background:url(../img2013/btn03_composition.jpg) top no-repeat;
				margin-left:auto;
				}
				#compositionList a:hover {
					background:url(../img2013/btn03_composition.jpg) bottom no-repeat;
					}
					
				#compositionList a span {
					display:none;
					}
				

/* === ２．コンテンツ右ブロック：ラインナップ ==================================== */

#line-up {
	margin-bottom:30px;
	width:230px;
	float:right;
	}
	#line-up dl {
		padding: 0 0 15px;
		width: 230px;
		height: auto;
		background:url(../img2013/lineup_btm.jpg) no-repeat bottom left;
		}
		#line-up dl dt {
			width: 230px;
			height: 55px;
			background:url(../img2013/lineup_ttl.jpg) no-repeat top left;
			text-indent: -9999px;
			}
		#line-up dl dd {
			width: 230px;
			background:url(../img2013/lineup_bg.jpg) repeat-y top left;
			}

	/* === ラインナップ内、アイテム ==================== */
			#line-up dl dd ul li {
				margin: 0 25px 0;
				padding: 10px 0 15px;
				width:180px;
				background:#FCC;
				}
			#line-up dl dd ul li {
				margin: 0 25px 0;
				padding: 10px 0 15px;
				width:180px;
				background: url(../img2013/lineup_btmline.jpg) no-repeat bottom left;
				zoom:1;
				position:relative;
				}
				#line-up dl dd ul li:after {
					content: "";
					display: block;
					clear: both;
					}
				#line-up dl dd ul li div.photo {
					float:left;
					width:60px;
					}
				#line-up dl dd ul li div.text {
					float:right;
					padding: 35px 0 0;
					width:120px;
					font-size:0.75em;
					line-height: 1.5;
					}
					#line-up dl dd ul li div.text span {
						vertical-align:middle;
						}

			/* === ラインナップ最後 ==================== */
			#line-up dl dd ul li#last {
				background:none;
				}




#line-up .new_list {
	position:absolute;
	top:10px;
}


/* === ソフトドリンク一覧へ戻る ==================== */
#container p.back_top {
	position:absolute;
	left: 60px;
	bottom: 6px;
}
#container p.back_top a {
	display:block;
	height:19px;
	font-size:0.75em;
	padding-left:30px;
	padding-top:2px;
	background:url(../img2013/arrow_ichiran.gif) no-repeat left top;
}
#container p.back_top a:hover {
	background:url(../img2013/arrow_ichiran_on.gif) no-repeat left top;
}