@charset "utf-8";

/* @group ソーシャルボタン記述 */

/** @コスメ共通設定　開閉共通
------------------------------------------------------------------------**/
/* 開閉される外枠 */
#nav-clm-otr,
.jq-fltpup .toggle {
  display: none;
  padding: 3px 0;
  z-index: 100;
}
#nav-clm-otr {
  left: 0;
  top: 23px;
  width: 446px;
}
.jq-fltpup .toggle {
  position: absolute;
  right: 0;
  top: 16px;
  width: 300px;
}
.jq-fltpup .trigger span {
	line-height: 1.5;
}

/* 開閉される内枠 */
#nav-clm-otr-ins,
.jq-fltpup .toggle-ins {
  overflow: hidden;
  width: auto;
  margin: 0 3px;
  border: 3px solid #d3d3d3;
}
#nav-clm-otr-ins {
  padding: 20px 8px 10px 12px;
  background-color: #eee;
}
.jq-fltpup .toggle-ins {
  padding: 30px 16px 15px;
  background-color: #fff;
}
/* 閉じるボタン */
#nav-clm-otr-ins .btn-close,
.jq-fltpup .btn-close {
  position: absolute;
  right: 6px;
  top: 6px;
  overflow: hidden;
  cursor: pointer;
  display: inline-block;
  width: 27px;
  height: 0;
  padding-top: 23px;
		background: url("../img/common/btn_close.png");
  line-height: 2;
  vertical-align: middle;
}

/** ソーシャルブックマーク指定
--------------------------------------------**/
.jq-fltpup {
  position: relative;
  min-height: 24px;
}
.jq-fltpup .trigger {
  position: absolute;
  right: 0;
  top: 0;
  padding-right: 15px;
  background-position: right -144px;
  cursor: pointer;
}
.jq-fltpup .active {
  background-position: right -176px;
}
.jq-fltpup .trigger span {/* skin */
  display: block;
  min-height: 16px;
  padding-left: 60px;
  background: url("/images/bt/common/ico_sbm.png") no-repeat;
  font-size: 95%;
  text-decoration: underline;
}
.jq-fltpup .sbm-list {
  padding-bottom: 5px;
}
.ifff {
  font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Tahoma","ＭＳ Ｐゴシック","Osaka","sans-serif" !important; } .jq-fltpup .sbm-list li {
  float: left;
  width: 128px;
}
.jq-fltpup .sbm-list iframe {
  height: 20px;
}
.jq-fltpup .sbm-list .sbm-twitter iframe {
  width: 130px;
}
.jq-fltpup .sbm-list .blg-prts {
  display: block;
  overflow: hidden;
  width: 140px;
  height: 0;
  padding-top: 24px;
  background: url("/images/bt/common/btn_blg_prts.png") no-repeat;
		 }
.jq-fltpup .sbm-list .blg-prts:hover {
  background-position: 0 -24px;
}

/* ソーシャルエリア*/
#sec-clm-acl .acl-sbm,
#sec-acl-idv .acl-sbm {
  margin: 10px 0 25px;
  padding: 10px 15px;
  background-color: #fff;
}
#sec-clm-acl .acl-sbm-cmnt,
#sec-acl-idv .acl-sbm-cmnt {
  float: left;
  background: url("/images/bt/user/bg_acl_sbm.png") no-repeat 0 0;
		 }
			
#sec-clm-acl .acl-sbm-cmnt {
  width: 231px;
  padding: 15px 15px 23px 12px;
}
#sec-acl-idv .acl-sbm-cmnt {
  width: 226px;
  padding: 15px 20px 23px 15px;
}
#sec-clm-acl .acl-sbm-cmnt p {
  width: 230px;
}
#sec-acl-idv .acl-sbm-cmnt p {
  width: 220px;
}
#sec-clm-acl .acl-sbm-cmnt span,
#sec-acl-idv .acl-sbm-cmnt span {
  font-size: 125%;
  line-height: 2;
  font-weight: bold;
}
#sec-clm-acl .acl-sbm-area,
#sec-acl-idv .acl-sbm-area {
  float: left;
  width: 329px;
  margin-left: 10px;
  padding: 0;
}
#sec-clm-acl .acl-sbm-area .acl-url,
#sec-acl-idv .acl-sbm-area .acl-url {
  margin-bottom: 7px;
  padding-left: 3px;
  border-left: 3px solid #ccc;
  font-weight: bold;
}
#sec-clm-acl .asid-sbm,
#sec-acl-idv .asid-sbm {
  margin-top: 0;
  z-index: 500;
}
#sec-clm-acl .asid-sbm .trigger span,
#sec-acl-idv .asid-sbm .trigger span {
  line-height: 16px;
  padding-bottom: 3px;
}
#sec-clm-acl #asid-sbm-smp.asid-sbm .sbm-list, 
#sec-acl-idv #asid-sbm-smp.asid-sbm .sbm-list {
  padding-bottom: 3px;
}
#sec-clm-acl .acl-sbm-area .ipt-mid,
#sec-acl-idv .acl-sbm-area .ipt-mid {
  width: 329px;
}
#sec-clm-acl .acl-sbm-area input,
#sec-acl-idv .acl-sbm-area input {
  margin-bottom: 8px;
}
#sec-clm-acl .acl-sbm-area .asid-sbm .trigger,
 #sec-acl-idv .acl-sbm-area .asid-sbm .trigger {
  top: 30px;
  /* ph.3
  top: 58px;
  */
}
#sec-clm-acl .acl-sbm-area .asid-sbm .trigger span,
#sec-acl-idv .acl-sbm-area .asid-sbm .trigger span {
  background: none;
  line-height: 1.6;
}
#sec-clm-acl .acl-sbm-area .asid-sbm .toggle,
#sec-acl-idv .acl-sbm-area .asid-sbm .toggle {
  top: 46px;
  /* ph.3
  top: 76px;
  */
  width: 220px;
}
#sec-clm-acl .acl-sbm-area .asid-sbm .toggle-ins, 
#sec-acl-idv .acl-sbm-area .asid-sbm .toggle-ins {
  padding: 30px 10px 18px 30px;
  background-color: #fff;
}
#sec-clm-acl .acl-sbm-area .asid-sbm .toggle .sbm-list li, 
#sec-acl-idv .acl-sbm-area .asid-sbm .toggle .sbm-list li {
  width: 40px;
  line-height: 20px;
}
#sec-clm-acl .acl-sbm-area .asid-sbm .toggle .sbm-list li.hatena, 
#sec-acl-idv .acl-sbm-area .asid-sbm .toggle .sbm-list li.hatena {
  width: 45px;
}
#sec-clm-acl .acl-sbm-area .asid-sbm .toggle .sbm-list li a,
#sec-acl-idv .acl-sbm-area .asid-sbm .toggle .sbm-list li a, 
#sec-clm-acl .acl-sbm-area .asid-sbm .toggle .sbm-list li iframe, 
#sec-acl-idv .acl-sbm-area .asid-sbm .toggle .sbm-list li iframe {
  display: inline-block;
  vertical-align: middle;
}
#sec-clm-acl .asid-sbm .sbm-twitter iframe, 
#sec-acl-idv .asid-sbm .sbm-twitter iframe, 
#sec-clm-acl #asid-sbm-smp.asid-sbm .sbm-twitter iframe, 
#sec-acl-idv #asid-sbm-smp.asid-sbm .sbm-twitter iframe {
  width: 130px;
  height: 20px;
}
#sec-clm-acl .asid-sbm .sbm-list .yahoo a, 
#sec-acl-idv .asid-sbm .sbm-list .yahoo a, 
#sec-clm-acl .asid-sbm .sbm-list .google a, 
#sec-acl-idv .asid-sbm .sbm-list .google a {
  display: block;
  overflow: hidden;
  height: 0;
  background: url("/images/bt/common/ico_sbm_otr.png") no-repeat 0 0;
		 } 
	#sec-clm-acl .asid-sbm .sbm-list .yahoo a, 
	#sec-acl-idv .asid-sbm .sbm-list .yahoo a {
  width: 15px;
  margin-top: 2px;
  padding-top: 15px;
}
#sec-clm-acl .asid-sbm .sbm-list .google a, 
#sec-acl-idv .asid-sbm .sbm-list .google a {
  width: 16px;
  margin-top: 2px;
  padding-top: 16px;
  background-position: 0 -15px;
}

/* @end */



/* @group 共通 */

#spc1108 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-size: 12px;
	width: 635px;
	color: #333;
	background: #fff;
}

#spc1108header {
	position: relative;
	height: 157px;
	z-index: 510;
}

#spc1108header .jq-fltpup {
	position: absolute;
	top: 76px;
	right: 10px;
	width: 400px;
	z-index: 530;
}

#spc1108 .navTop {
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 520;
	border-bottom: 3px solid black;
}

#spc1108 .navBottom {
	clear: both;
	overflow: hidden;
	border-bottom: 3px solid black;
	height: 42px;
}

#spc1108 .navTop li, #spc1108 .navBottom li {
	float: left;
}

#spc1108 .navTop li a,
#spc1108 .navTop li span,
#spc1108 .navBottom li a,
#spc1108 .navBottom li span {
	display: block;
}

#spc1108Main {
	overflow: hidden;
	background-image: url(../img/common/mainBG.jpg);
	clear: both;
	padding: 0.5em 0 0;
	position: relative;
	z-index: 0;
	margin: 0 0 1.8em;
}

#spc1108 table {
	clear: both;
}

#spc1108 table th {
	width: 8em;
	background: #6ebfc2;
	padding: 0.5em 0.7em 0.5em 0;
	border-bottom: 3px solid #fff;
	text-align: right;
	vertical-align: top;
	font-weight: bold;
	color: #fff;
	font-size: 1.2em;
}

#spc1108 table td {
	padding: 0.5em 0 0.5em 1.5em;
	text-align: left;
	vertical-align: top;
	color: #068681;
	font-size: 1.042em;
}

#spc1108 table td ul li {
	list-style-type: disc;
	margin: 0 0 0.3em 1em;
	color: #068681;
	font-size: 1.042em;
	line-height: 1.6em;
}

#spc1108 table tbody tr td p {
	line-height: 1.6em;
}


/* @group ソーシャルボタン */

/*352*/
/* スプライト化したアイコンを一括読み込み --------------------*/
.cmn-more/* 一覧をみる */,
.ico-cmn-more/* 一覧をみるのアイコンのみ */,
.sub-more/* 右カラムから一覧へ */,
.cmn-prev/* 記事に戻る */,
.srt-bt-acl span/* 並び替え */,
.nav-bt-fwdrev .back a/* 前へ */,
.nav-bt-fwdrev .next a/* 次へ */,
.trigger/* 折り畳み閉時 */,
.active/* 折り畳み開時 */,
.mod-cmn-dial .more span/* モーダル ダイアログ */ {
    background: url("../img/common/ico_arw.png") no-repeat;
}

/*1082*/
#nav-clm-otr, .jq-fltpup .toggle {
	background: none;
}

/*1101*/
#nav-clm-otr-ins, .jq-fltpup .toggle-ins {
}

/*1111*/
.jq-fltpup .toggle-ins {
	padding-right: 0;
}

/*1149*/
.jq-fltpup .trigger span {/* skin */
    display: block;
    min-height: 16px;
    padding-left: 41px; /* 変更 */
    background: url("../img/common/ico_sbm.png") no-repeat; /* 変更 */
    font-size: 95%;
    text-decoration: underline;
}

/*1913*/
.jq-fltpup {
	height: 2em;
}

/* @end */

/* @end */

/* @group index */

#spc1108indexMain {
	position: relative;
	z-index: 0;
	height: 830px;
	background: url(../img/index/indexBG.jpg) no-repeat 0 0;
	margin: 0 0 0.5em;
}

#spc1108indexMain h2 {
	padding: 0px 0 0 69px;
}

#spc1108indexMain p.lead {
	padding: 17px 0 0 78px;
	line-height: 1.4em;
}

#spc1108indexMain .indexVol1-5 h3 {
	position: absolute;
	z-index: 5;
	top: 10px;
	left: 10px;
	width: 170px;
}

#spc1108indexMain .indexVol1-5 p {
	margin: 0;
	padding: 0;
	line-height: 1;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}

#spc1108indexMain .indexVol1-5 p a {
	text-decoration: none;
}

#spc1108indexMain .indexVol1-5 {
}

#indexVol1 {
	position: absolute;
	z-index: 10;
	top: 225px;
	left: 31px;
}

#indexVol2 {
	position: absolute;
	z-index: 20;
	top: 225px;
	left: 224px;
}

#indexVol3 {
	position: absolute;
	z-index: 30;
	top: 225px;
	left: 417px;
}

#indexVol4 {
	position: absolute;
	z-index: 40;
	top: 456px;
	left: 126px;
}

#indexVol5 {
	position: absolute;
	z-index: 50;
	top: 456px;
	left: 322px;
}

#spc1108indexMain .indexVol1-5 .btn13 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 110;
}

#spc1108indexMain .indexVol1-5 .btn2 {
	position: absolute;
	top: 178px;
	left: 17px;
	z-index: 120;
}

#notice {
	padding: 0 0 20px;
}

#notice li {
	font-size: 0.8em;
	line-height: 1.5em;
}

/* @end */

/* @group brand */

#spc1108brandHeader {
	background: url(../img/common/headerBG.jpg) repeat-x center bottom;
	height: 79px;
	position: relative;
	z-index: 200;
}

#spc1108brandHeader h3 {
	float: left;
	padding: 16px 0 0 12px;
	line-height: 3em;
}

#spc1108brandHeader p {
	position: absolute;
	z-index: 210;
	top: 9px;
	right: 5px;
}

/*#spc1108brandHeader p {
	float: right;
	padding: 9px 5px 0 0;
}*/

#spc1108detail {
	float: right;
	padding: 0 0 2em 40px;
	width: 420px;
	position: relative;
	z-index: 300;
}

#spc1108detailHeader {
	border-left: 6px solid black;
	margin: 0.8em 0 1em;
	padding: 0 0 0 6px;
}

#spc1108detailHeader h4 {
	font-size: 1.5em;
	line-height: 1em;
	padding: 0 0 0.5em;
}

#spc1108detailHeader p {
	color: #542f2d;
	line-height: 1em;
}

#spc1108detail .brandPhoto {
	text-align: center;
	background: url(../img/brand/detailPhotoBG.png) no-repeat;
	width: 370px;
	height: 330px;
	margin: 0 0 1em;
	padding: 20px 0 0;
	position: relative;
	z-index: 302;
}

#spc1108detail .brandPhoto span {
	position: absolute;
	z-index: 304;
	top: 323px;
	right: 16px;
	font-size: 9px;
	font-family: Verdana, Arial, sans-serif;
}

#spc1108detail .spc1108detailName {
	font-size: 1.167em;
	line-height: 1.5em;
	width: 370px;
}

#spc1108detail .goInfo, #spc1108detail .goBrandTop {
	text-align: center;
	padding: 0 50px 0 0;
}

#spc1108detail .goInfo {
	padding-top: 1.3em;
}

#spc1108detail .goBrandTop {
	padding-top: 0.6em;
}

#spc1108detail .goBack {
	position: absolute;
	z-index: 310;
	top: 220px;
	left: 1px;
}

#spc1108detail .goNext {
	position: absolute;
	z-index: 320;
	top: 220px;
	right: 13px;
}

#spc1108brandList {
	width: 160px;
	padding: 0 0 1.4em 5px;
}

#spc1108brandList h3 {
	font-weight: bold;
	color: #552e2a;
	padding: 0 0 0.6em 0.3em;
}

#spc1108brandList ul {
	padding: 0 0 1em;
}

#spc1108brandList ul li.firstChild {
	border-top: 1px solid #d1c9b1;
}

#spc1108brandList ul li {
	color: #bc573e;
	border-bottom: 1px solid #d1c9b1;
	line-height: 1.5em;
}

#spc1108brandList ul li a,
#spc1108brandList ul li em {
	display: block;
	padding: 0.4em 1em;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}

#spc1108brandList ul li strong {
	display: block;
	margin: 1px 0;
	padding: 0.4em 0.5em;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	color: #3a3339;
	background: #e1d9c7;
}

#spc1108brandList p {
	padding: 0 0 0.4em;
}

#spc1108brandList p.banner {
	padding: 0.6em 0 0;
}

/* @end */

/* @group photo */

#spc1108photoList {
	overflow: hidden;
	margin: 0 0 1.9em;
	padding: 0 6px 0 7px;
}

#spc1108photoList h3 {
	font-weight: bold;
	color: #552e2a;
	padding: 0 0 0.6em 0.3em;
}

#spc1108photoList .first,
#spc1108photoList .second,
#spc1108photoList .third {
	width: 206px;
	height: 285px;
	padding: 14px 0 2px;
	background: url(../img/photo/photoListBG.png) no-repeat;
	position: relative;
	z-index: 400;
}

#spc1108photoList .first {
	clear: both;
	float: left;
	padding-right: 2px;
}

#spc1108photoList .second {
	float: left;
}

#spc1108photoList .third {
	float: right;
}

#spc1108photoList .thumb {
	text-align: center;
	position: relative;
	z-index: 410;
}

#spc1108photoList .thumb span {
	position: absolute;
	z-index: 420;
	top: 129px;
	right: 29px;
	font-size: 9px;
	font-family: Verdana, Arial, sans-serif;
}

#spc1108photoList .thumb a img {
	width: 150px;
	-ms-interpolation-mode: bicubic;
}

#spc1108photoList .photoListName,
#spc1108photoList .photoListPrice {
}

#spc1108photoList .photoListName {
	font-size: 1.167em;
	line-height: 1.5em;
	padding: 0.5em 1em 0.2em;
}

#spc1108photoList .photoListNameSmall {
	font-size: 1.1em;
	line-height: 1.5em;
	padding: 0.6em 1em 0.2em;
}

#spc1108photoList .photoListPrice {
	padding: 0 1em;
	line-height: 1.2em;
}

#spc1108photoList .goDetail {
	position: absolute;
	z-index: 430;
	bottom: 17px;
	left: 23px;
}

/* @end */

/* @group 個別カラー */

#contents .vol1 ul.navTop,
#contents .vol1 ul.navBottom {
	border-bottom: 3px solid #cf7258;
}

#contents .vol2 ul.navTop,
#contents .vol2 ul.navBottom {
	border-bottom: 3px solid #d8707a;
}

#contents .vol3 ul.navTop,
#contents .vol3 ul.navBottom {
	border-bottom: 3px solid #c675a4;
}

#contents .vol4 ul.navTop,
#contents .vol4 ul.navBottom {
	border-bottom: 3px solid #988eb3;
}

#contents .vol5 ul.navTop,
#contents .vol5 ul.navBottom {
	border-bottom: 3px solid #8a99b4;
}

/* ブランド一覧vol1〜5共通 */
#spc1108brandList ul li a:link,
#spc1108brandList ul li a:visited {
	color: #3a3339;
}
/* ブランド一覧vol1〜5 */

#contents .vol1 #spc1108brandList ul li a:hover,
#contents .vol1 #spc1108brandList ul li em {
	color: #bc573e;
}

#contents .vol2 #spc1108brandList ul li a:hover,
#contents .vol2 #spc1108brandList ul li em {
	color: #c44a54;
}

#contents .vol3 #spc1108brandList ul li a:hover,
#contents .vol3 #spc1108brandList ul li em {
	color: #ac4f81;
}

#contents .vol4 #spc1108brandList ul li a:hover,
#contents .vol4 #spc1108brandList ul li em {
	color: #736893;
}

#contents .vol5 #spc1108brandList ul li a:hover,
#contents .vol5 #spc1108brandList ul li em {
	color: #647494;
}

#contents .vol1 #spc1108detailHeader h4,
#contents .vol1 #spc1108detail a:link,
#contents .vol1 #spc1108detail a:visited,
#contents .vol1 #spc1108photoList a:link,
#contents .vol1 #spc1108photoList a:visited {
	color: #bc573e;
}

#contents .vol2 #spc1108detailHeader h4,
#contents .vol2 #spc1108detail a:link,
#contents .vol2 #spc1108detail a:visited,
#contents .vol2 #spc1108photoList a:link,
#contents .vol2 #spc1108photoList a:visited {
	color: #c44a54;
}

#contents .vol3 #spc1108detailHeader h4,
#contents .vol3 #spc1108detail a:link,
#contents .vol3 #spc1108detail a:visited,
#contents .vol3 #spc1108photoList a:link,
#contents .vol3 #spc1108photoList a:visited {
	color: #ac4f81;
}

#contents .vol4 #spc1108detailHeader h4,
#contents .vol4 #spc1108detail a:link,
#contents .vol4 #spc1108detail a:visited,
#contents .vol4 #spc1108photoList a:link,
#contents .vol4 #spc1108photoList a:visited {
	color: #736893;
}

#contents .vol5 #spc1108detailHeader h4,
#contents .vol5 #spc1108detail a:link,
#contents .vol5 #spc1108detail a:visited,
#contents .vol5 #spc1108photoList a:link,
#contents .vol5 #spc1108photoList a:visited {
	color: #647494;
}

#contents .vol1 #spc1108detail a:hover,
#contents .vol1 #spc1108photoList a:hover {
	color: #d27d63;
}

#contents .vol2 #spc1108detail a:hover,
#contents .vol2 #spc1108photoList a:hover {
	color: #d8707a;
}

#contents .vol3 #spc1108detail a:hover,
#contents .vol3 #spc1108photoList a:hover {
	color: #c675a4;
}

#contents .vol4 #spc1108detail a:hover,
#contents .vol4 #spc1108photoList a:hover,
#contents .vol4 #spc1108brandList ul li strong span {
	color: #988eb3;
}

#contents .vol5 #spc1108detail a:hover,
#contents .vol5 #spc1108photoList a:hover,
#contents .vol5 #spc1108brandList ul li strong span {
	color: #8a99b4;
}

#contents .vol1 #spc1108detailHeader {
	border-left: 6px solid #d27d63;
}

#contents .vol2 #spc1108detailHeader {
	border-left: 6px solid #d8707a;
}

#contents .vol3 #spc1108detailHeader {
	border-left: 6px solid #c675a4;
}

#contents .vol4 #spc1108detailHeader {
	border-left: 6px solid #988eb3;
}

#contents .vol5 #spc1108detailHeader {
	border-left: 6px solid #8a99b4;
}

/* @end */