@charset "utf-8";

/*----- インポート -----*/
@import url("common.css");
@import url("second.css");


/* ====================================================================================================
　ブランド紹介：共通レイアウト
==================================================================================================== */


ul.ft-link:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
ul.ft-link {display: inline-table;min-height: 1%; /* IE 7対策 */}
/* Hides from IE-mac \*/
* html ul.ft-link { height: 1%; }
ul.ft-link { display: block; }
/* End hide from IE-mac */


ul.ft-link{
	margin: 24px 0 40px 0;
	text-align: center;
}
* html ul.ft-link{
	width: 600px;
}
ul.ft-link li{
	/*width: 194px;*/
	/*float: left;*/
	display: inline;
	margin-left: 5px;
}
ul.ft-link li.first-child{
	margin-left: 0;
	/*width: 194px;*/
	/*overflow: hidden;*/
}
ul.ft-link li a{
	background: url(../../img/icons/icn_arrow.gif) no-repeat left center;
}
ul.ft-link li a:hover{
	color: #B48B6B;
	background: url(../../img/icons/icn_arrow_on.gif) no-repeat left center;
}







/* ====================================================================================================
　ブランド紹介：レイアウト
==================================================================================================== */
#brand{}
#brand dl{}
#brand dt{
	width: 220px;
	float: left;
}
#brand dd{
	padding-left: 220px;
}
#brand dd a{
	padding-left: 16px;
	background: url(../../img/icons/icn_arrow.gif) no-repeat left center;
}
#brand dd strong{
	color: #8D6D50;
	font-size: 1.1em;
}
#brand dd a:hover{
	color: #B48B6B;
	background: url(../../img/icons/icn_arrow_on.gif) no-repeat left center;
}
#brand dd.separate{
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ddd;
}











/* ====================================================================================================
　アンリ・シャルパンティエ：レイアウト
==================================================================================================== */
#anri{}
#anri h3{
	margin-bottom: 30px;
}
#anri p{
	margin-bottom: 1em;
}









/* ====================================================================================================
　シーキューブ：レイアウト
==================================================================================================== */
#seecube{}
#seecube h3{ margin-bottom: 30px; }
#seecube p{ margin-bottom: 1em; }







/* ====================================================================================================
　マドモアゼルマカロン：レイアウト
==================================================================================================== */
#macaron{}
#macaron h3{ margin-bottom: 30px; }
#macaron p{ margin-bottom: 1em; }








/* ====================================================================================================
　ブランド紹介：サイドメニュー
==================================================================================================== */
#ct-left h4.cpt-brand{}
#ct-left ul#sidemenu{
	margin: 20px 0 0 10px;
}
#ct-left ul#sidemenu li{}
#ct-left ul#sidemenu li a{
	display: block;
	height: 15px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#ct-left ul#sidemenu li#sn_anri a{ background-image: url(../../img/brand/sn_anri.gif); }
#ct-left ul#sidemenu li#sn_anri a:hover{ background-image: url(../../img/brand/sn_anri_on.gif); }

#ct-left ul#sidemenu li#sn_seecube a{ background-image: url(../../img/brand/sn_seecube.gif); }
#ct-left ul#sidemenu li#sn_seecube a:hover{ background-image: url(../../img/brand/sn_seecube_on.gif); }

#ct-left ul#sidemenu li#sn_macaron a{ background-image: url(../../img/brand/sn_macaron.gif); }
#ct-left ul#sidemenu li#sn_macaron a:hover{ background-image: url(../../img/brand/sn_macaron_on.gif); }


#ct-left ul#sidemenu li a:hover{
	background-color: transparent;
}