@charset "UTF-8";

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

	商品情報　共通スタイル
	2014.8 renewal

--------------------------------------------------*/
#wrap #contentWrap #contentHead {
	font-size: 77%;
	width: 748px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 2px solid #CCCCCC;
}
#wrap #contentWrap #contentMain {
	width: 748px;
	float: none;
	margin: 0 0 30px 0;
}
div#contentWrap div#contentMain p {
	font-size: 85%;
	line-height: 1.6;
	margin: 0 auto 15px auto;
}

/*　toTopBtn
------------------------------*/
div#contentWrap div#contentMain div.toTopBtn {
	text-align: right;
	width: 748px;
	margin-bottom: 0;
}

/*--------------------------------------------------
	#productTop
--------------------------------------------------*/
#contentWrap #contentMain .txtCaution {
	font-size: 77%;
	line-height: 1.6;
	margin: 0;
}
#contentWrap #contentMain .txtCaution span {
	display: block;
	font-size: 90%;
	line-height: 1.6;
}
#contentWrap #contentMain .productTxt {
	width: 708px;
	padding: 0 20px;
}

/*　productName
------------------------------*/
#contentMain #productTop .productName {
	margin-bottom: 10px;
}
#contentMain #productTop .productName h2 {
	font-size: 150%;
	font-weight: bold;
	line-height: 1.2;
	width: 438px;
	float: left;
	margin: 0;
}
#contentMain #productTop .productName h2 span {
	font-size: 75%;
	font-weight: normal;
}
#contentMain #productTop .productName ul {
/*
	width: 308px;
*/
	float: right;
	background: #FAF9F2;
	border: 1px solid #E5E3DB;
	padding: 5px 7px;
	margin: 18px 0 0 0;
}
#contentMain #productTop .productName ul li {
	font-size: 75%;
	text-align: center;
	line-height: 18px;
	width: 92px;
	height: 18px;
	float: left;
	background: #FFFFFF;
	border: 1px solid #808080;
	padding: 0;
	margin: 0 2px;
}

#contentMain #productTop .productName ul li.category_two {
	border: none;
}

#contentMain #productTop .productName ul li.classification {
	/*border: none;*/
	text-decoration: underline;
}

#contentMain #productTop .productName ul li.softdrink {
	/*border: none;*/
	text-decoration: none;
}

#contentMain #productTop .productName ul li.cosmetics {
	/*border: none;*/
	text-decoration: none;
}

#contentMain #productTop .productName ul li.food {
	/*border: none;*/
	text-decoration: none;
}

#seriesBox #sbSeries ul#seriesIcon {
	font-size: 75%;
	text-align: center;
	line-height: 18px;
	width: 92px;
	height: 18px;
	float: left;
	background: #FFFFFF;
	border: 1px solid #808080;
	padding: 0;
}

#seriesBox #sbSeries ul.category_two  {
	border: none !important;
}

#seriesBox #sbSeries ul li.classification {
	/*border: none;*/
	text-decoration: underline;
}

#seriesBox #sbSeries ul li.softdrink {
	/*border: none;*/
	text-decoration: none;
}

#seriesBox #sbSeries ul li.cosmetics {
	/*border: none;*/
	text-decoration: none;
}

#seriesBox #sbSeries ul li.food {
	/*border: none;*/
	text-decoration: none;
}

#seriesBox #sbRecom ul#seriesIcon {
	font-size: 75%;
	text-align: center;
	line-height: 18px;
	width: 92px;
	height: 18px;
	float: left;
	background: #FFFFFF;
	border: 1px solid #808080;
	padding: 0;
}

#seriesBox #sbRecom ul.category_two  {
	border: none !important;
}

#seriesBox #sbRecom ul li.classification {
	/*border: none;*/
	text-decoration: underline;
}

#seriesBox #sbRecom ul li.softdrink {
	/*border: none;*/
	text-decoration: none;
}

#seriesBox #sbRecom ul li.cosmetics {
	/*border: none;*/
	text-decoration: none;
}

#seriesBox #sbRecom ul li.food {
	/*border: none;*/
	text-decoration: none;
}

/*　productImage
------------------------------*/
#contentMain #productTop .productImage {
	width: 748px;
	height: 220px;
	margin-bottom: 15px;
}
#contentMain #productTop .productImage .pImageL {
	width: 435px;
	height: 218px;
	float: left;
	position: relative;
	border-top: 1px solid #CDD3D9;
	border-bottom: 1px solid #CDD3D9;
	border-left: 1px solid #CDD3D9;
}
#contentMain #productTop .productImage .pImageL .imgPackage {
	width: 300px;
	height: 160px;
	position: absolute;
	top: 29px;
	left: 22px;
}
#contentMain #productTop .productImage .pImageL .imgShape {
	width: 94px;
	height: 94px;
	position: absolute;
	top: 82px;
	left: 322px;
}
#contentMain #productTop .productImage .pImageL .txtShape {
	font-size: 75%;
	line-height: 1;
	margin: 0;
	position: absolute;
	top: 176px;
	left: 322px;
	padding: 3px 0 0 3px;
}

#contentMain #productTop .productImage .pImageR {
	width: 310px;
	height: 220px;
	float: right;
	position: relative;
}
/* ご購入はこちらからあり */
#contentMain #productTop .productImage .pImageR dl {
	width: 308px;
	height: 174px;
	float: right;
	position: relative;
	top: 0;
	left: 0;
	background: url(/product_material/images/all/bg_plImageL.png) repeat-x left bottom;
	border-top: 1px solid #CDD3D9;
	border-right: 1px solid #CDD3D9;
	border-left: 1px solid #CDD3D9;
}
#contentMain #productTop .productImage .pImageR dl dt {
	font-size: 110%;
	font-weight: bold;
	line-height: 1.4;
	width: 268px;
	padding: 35px 20px 0 20px;
	margin: 0 0 20px 0;
}
#contentMain #productTop .productImage .pImageR dl dd {
	width: 288px;
	padding: 0 0 0 20px;
}
#contentMain #productTop .productImage .pImageR p {
	line-height: 1;
	width: 310px;
	height: 45px;
	position: relative;
	bottom: 0;
	right: 0;
	z-index: 10;
	padding: 0;
	margin: 0;
}
/* ご購入はこちらからなし */
#contentMain #productTop .productImage .pImageR2nd dl {
	width: 308px;
	height: 218px;
	float: right;
	position: relative;
	top: 0;
	left: 0;
	background: url(/product_material/images/all/bg_plImageL.png) repeat-x left bottom;
	border-bottom: 1px solid #CDD3D9;
}
#contentMain #productTop .productImage .pImageR2nd dl dt {
	width: 268px;
	padding: 60px 20px 0 20px;
}
#contentMain #productTop .productImage .pImageR2nd dl dd {
	width: 288px;
	padding: 0 0 0 20px;
}
#contentMain #productTop .productImage .pImageR2nd p.selfmed {
	position:absolute; 
	top:10px; 
	right:-200px;
}
#contentMain #productTop .productImage .pImageR2nd p.selfmed img{
	width:100px;

}



/*--------------------------------------------------
	#brandInfo
--------------------------------------------------*/
#contentWrap #contentMain #brandInfo {
	padding: 15px 0;
	margin: 0 0 15px 0;
	border-top: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
}
#contentWrap #contentMain #brandInfo ul {
	width: 757px;
	margin: 0 -9px 0 0;
}
#contentWrap #contentMain #brandInfo ul li {
	line-height: 1;
	float: left;
	margin-right: 9px;
}
#contentWrap #contentMain #brandInfo ul li.brandInfo a {
	display: block;
	width: 370px;
	height: 70px;
	position: relative;
}
#contentWrap #contentMain #brandInfo ul li.brandInfo a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}
#contentWrap #contentMain #brandInfo ul li.brandInfo .biBackground {
	width: 370px;
	height: 70px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
#contentWrap #contentMain #brandInfo ul li.brandInfo .biBanner {
	width: 149px;
	height: 48px;
	border: 1px solid #FFFFFF;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 1;
}

/*--------------------------------------------------
	#seriesBox
--------------------------------------------------*/
#seriesBox {
	width: 948px;
	margin: 0 0 40px 0;
}
#seriesBox .pyonCheck {
	text-align: right;
	padding: 0;
	margin: 0;
}

#showCase .pyonCheck {
	text-align: right;
	padding: 0;
	margin: 0;
}

#seriesBox .txtCaution {
	color: #404040;
	font-size: 70%;
	line-height: 1.6;
	padding: 5px 0 0 0;
}

/*　sbBlock
------------------------------*/
/*　sbInner
------------------------------*/
#seriesBox .sbBlock .sbInner {
	width: 946px;
	background: #FAF9F2;
	border-right: 1px solid #EDE8C9;
	border-left: 1px solid #EDE8C9;
}
#seriesBox .sbBlock table th {
	vertical-align: middle;
	width: 111px;
	padding: 0 0 0 30px;
}
#seriesBox .sbBlock table td {
	text-align: left;
	vertical-align: middle;
	width: 805px;
	padding: 15px 30px 15px 0;
	border-bottom: 1px dotted #CAC3B6;
}
#seriesBox .sbBlock table td.brdNone {
	border: none;
}
#seriesBox .sbBlock table td ul li {
/*
	display: inline;
*/
	font-size: 77%;
	white-space: nowrap;
	line-height: 1.8;
	float: left;
	padding: 0 0 0 12px;
	margin: 0 20px 0 0;
	background: url(/common/images/icn_listBoxarrow.gif) no-repeat 0 7px;
}
#seriesBox .sbBlock table td ul li span {
	color: #000000;
	font-weight: bold;
}
#seriesBox .sbBlock table td ul li a span {
	color: #005799;
	font-weight: normal;
}

/*　sbSeries
------------------------------*/
#sbSeries h3 {
	width: 948px;
	height: 50px;
	position: relative;
}
#sbSeries h3 span {
	display: block;
	width: 948px;
	height: 50px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
#sbSeries h3 a {
	display: block;
	width: 161px;
	height: 37px;
	position: absolute;
	top: 7px;
	right: 8px;
	z-index: 10;
}

/*　sbRecom
------------------------------*/
#seriesBox #sbRecom .sbInner {
	border-bottom: 1px solid #EDE8C9;
}

#seriesBox .border_bottom {
	border-bottom: 1px solid #EDE8C9;
}

/*　BubblePopup
------------------------------*/
#productTop .productName .bunrui1,
#productTop .productName .bunrui2,
#productTop .productName .s-bunrui2,
#productTop .productName .bunrui3,
#productTop .productName .quasidrug,
#productTop .productName .s-quasidrug {
	cursor: pointer;
}
#productTop .productName .bubbleBox {
	width: 214px;
	padding: 16px 18px;
	margin: 0 auto;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	position: absolute;
	z-index: 100;
}
#productTop .productName .bubbleBox h5 {
	font-size: 120%;
	font-weight: bold;
	text-align: left;
	padding-bottom: 5px;
}
#productTop .productName .bubbleBox .body {
	font-size: 100%;
	line-height: 1.4;
	text-align: left;
	margin: 0 auto;
}
#seriesList #slTop .bunrui1,
#seriesList #slTop .bunrui2,
#seriesList #slTop .s-bunrui2,
#seriesList #slTop .bunrui3,
#seriesList #slTop .quasidrug,
#seriesList #slTop .s-quasidrug {
	cursor: pointer;
}
#seriesList #slTop .bubbleBox {
	width: 214px;
	padding: 16px 18px;
	margin: 0 auto;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	position: absolute;
	z-index: 100;
}
#seriesList #slTop .bubbleBox h5 {
	font-size: 120%;
	font-weight: bold;
	text-align: left;
	padding-bottom: 5px;
}
#seriesList #slTop .bubbleBox .body {
	font-size: 100%;
	line-height: 1.4;
	text-align: left;
	margin: 0 auto;
}
#seriesList .slBox dd .bunrui1,
#seriesList .slBox dd .bunrui2,
#seriesList .slBox dd .s-bunrui2,
#seriesList .slBox dd .bunrui3,
#seriesList .slBox dd .quasidrug,
#seriesList .slBox dd .s-quasidrug {
	cursor: pointer;
}
#seriesList .slBox dd .bubbleBox {
	width: 214px;
	padding: 16px 18px;
	margin: 0 auto;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	position: absolute;
	z-index: 100;
}
#seriesList .slBox dd .bubbleBox h5 {
	font-size: 85%;
	font-weight: bold;
	text-align: left;
	padding-bottom: 5px;
}
#seriesList .slBox dd .bubbleBox .body {
	font-size: 77%;
	line-height: 1.4;
	text-align: left;
	margin: 0 auto;
}

/*--------------------------------------------------
	#sidebar
--------------------------------------------------*/
#wrap #sidebar .productList .seriesList {
	margin: 0;
}

/*--------------------------------------------------
	#bottomBanner
--------------------------------------------------*/

#contentMain #bottomBanner .brandInfo {
	width: 370px;
	margin: 0 auto;
}
#contentMain #bottomBanner .brandInfo a {
	display: block;
	width: 370px;
	height: 70px;
	position: relative;
}
#contentMain #bottomBanner .brandInfo a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}
#contentMain #bottomBanner .brandInfo .biBackground {
	width: 370px;
	height: 70px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
#contentMain #bottomBanner .brandInfo .biBanner {
	width: 149px;
	height: 48px;
	border: 1px solid #FFFFFF;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 1;
}