@charset "utf-8";

/* screen.css
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||

	1. imported styles
	2. ショコラトップ
		└ショコラ共通スタイル
		└トップページスタイル
	3. 定番ショコラ
	4. ショコラの哲学
	
	99. other
	
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
*/
/* font-size
10px - 83.4%
11px - 91.7%
12px - 100%
13px - 108.4%
14px - 116.7%
15px - 125%
16px - 133.4%
17px - 141.7%
18px - 150%
19px - 158.4%
20px - 166.7%
21px - 175%
22px - 183.4%
23px - 191.7%
24px - 200%
*/


/* ------------------------------------------------------------
	1. imported styles
   ------------------------------------------------------------*/
@import url("../../shared/css/reset.css");
@import url("../../shared/css/basic.css");
@import url("../../shared/css/design.css");
/* header（共通ヘッダー）*/
div.chocolat-header { }
div.chocolat-header div.image {
	width: 100px;
	float: left;
}
div.chocolat-header div.body {
	width:585px;
	float: right;
}
div.chocolat-header div.body div.title {
	font-size: 108.4%;
	font-weight: bold;
	color: #473A33;
	padding-bottom: 7px;
	padding-top: 10px;
}
/* menu（共通メニュー） */
div.chocolat-menu {
	padding-top: 5px;
	padding-bottom: 20px;
	clear: both;
}
/* menu（共通　フッター　メニュー） */
div.lnav-btm {
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: right;
}
div.lnav-btm ul,
div.lnav-btm li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline;
}
div.lnav-btm li {
	padding-left: 15px;
	padding-right: 6px;
}
div.lnav-btm a,
div.lnav-btm a:visited {
	text-decoration: none;
	font-weight: bold;
}
div.lnav-btm a:hover,
div.lnav-btm a:active { text-decoration: none; }
div.lnav-btm a span {
	background: url(../../shared/img/arw1_r.gif) no-repeat left top;
	height: 13px;
	width: 16px;
	display: inline-block;
}
/* for javascript selflink */
div.lnav-btm a.current span {
	background: url(../../shared/img/arw2_t.gif) no-repeat left top;
	height: 13px;
	width: 16px;
}
div.lnav-btm a.current { color: #A2894E; }
/* 共通タイトル回り */
#second-level-contents .category-title img {
	padding-top: 30px;
	padding-bottom: 0px;
}
/* 共通　ページトップへ */
#second-level-contents .pagetop {
	padding-top: 5px;
	padding-bottom: 5px;
}
/* ------------------------------------------------------------
	2. ショコラトップ
   ------------------------------------------------------------*/
div.category-title { padding-bottom: 10px; }
div#chocolat-top div.sdw-body div.body {
	position: relative;
	border-bottom: 1px solid #D1CFCD;
	zoom:1;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 0px;
}


/* 詳細ナビ用 */
div#chocolat-top .lnav {
	line-height: 1;
	font-weight: bold;
}
div#chocolat-top .lnav a:hover,
div#chocolat-top .lnav a:active {
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}

div#chocolat-top .lnav img {
	vertical-align: middle;
	margin-right: 3px;
}
div#chocolat-top table.detail td { vertical-align: top; }
div#chocolat-top table.detail .header td { vertical-align: middle; }

div#chocolat-top p.chonote {
	color: #473A33;
	font-size: 100%;
 }
 
 
 /* タイトル */
div#chocolat-top div#tit2,
div#chocolat-top div#tit1 {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 25px;
}


 /* 《 春季限定 》 プランタン */
div#chocolat-top div#item65 { }
div#chocolat-top div#item65 div.header {
	padding-top: 20px;
	padding-bottom: 5px;
}
div#chocolat-top div#item65 div.header h3 {
	padding: 0px;
	margin-top: 10px;
}
div#chocolat-top div#item65 p.chonote {
	margin: 0px;
	padding: 0px;
}
div#chocolat-top div#item65 div.info div.section { padding-bottom: 10px; }
div#chocolat-top div#item65 div.info p.name {
	padding-bottom: 3px;
	font-size: 108.4%;
	color: #512900;
}
div#chocolat-top div#item65 div.info p.description {
	font-size: 83.4%;
}
div#chocolat-top div#item65 img.icon {
	vertical-align: middle;
	margin-right: 5px;
}
 /*夏季限定ショコラ「フォルム ド フリュイ」　*/
div#chocolat-top div#item69 { }
div#chocolat-top div#item69 div.header {
	padding-top: 20px;
	padding-bottom: 5px;
}
div#chocolat-top div#item69 div.header h3 {
	padding: 0px;
	margin-top: 10px;
}
div#chocolat-top div#item69 p.chonote {
	margin: 0px;
	padding: 0px;
}
div#chocolat-top div#item69 div.info div.section { padding-bottom: 10px; }
div#chocolat-top div#item69 div.info p.name {
	padding-bottom: 3px;
	font-size: 108.4%;
	color: #512900;
}
div#chocolat-top div#item69 div.info p.description {
	font-size: 83.4%;
}
div#chocolat-top div#item69 img.icon {
	vertical-align: middle;
	margin-right: 5px;
}

 /*トロワ コクテル ショコラ*/
div#chocolat-top div#item67 { }
div#chocolat-top div#item67 div.header {
	padding-top: 20px;
	padding-bottom: 5px;
}
div#chocolat-top div#item67 div.header h3 {
	padding: 0px;
	margin-top: 10px;
}
div#chocolat-top div#item67 p.chonote {
	margin: 0px;
	padding: 0px;
}
div#chocolat-top div#item67 div.info div.section { padding-bottom: 10px; }
div#chocolat-top div#item67 div.info p.name {
	padding-bottom: 3px;
	font-size: 108.4%;
	color: #512900;
}
div#chocolat-top div#item67 div.info p.description {
	font-size: 83.4%;
}
div#chocolat-top div#item67 img.icon {
	vertical-align: middle;
	margin-right: 5px;
}

/* オランジェ  */
div#chocolat-top div#item09 { }
div#chocolat-top div#item09 div.header {
	padding-top: 20px;
}
div#chocolat-top div#item09 div.header h3 {
	margin-top: 15px;
	margin-bottom: 20px;
}
/* パルテール オ ショコラ   */
div#chocolat-top div#item41 { }
div#chocolat-top div#item41 div.header {
	padding-top: 20px;
}
div#chocolat-top div#item41 div.header h3 {
	margin-top: 15px;
	margin-bottom: 20px;
}
/* フルール     */
div#chocolat-top div#item45 { }
div#chocolat-top div#item45 div.header {
	padding-top: 20px;
}
div#chocolat-top div#item45 div.header h3 {
	margin-top: 15px;
	margin-bottom: 20px;
}




/* 《 記念日限定 》 抹茶 フォンダン ショコラ  */
div#chocolat-top div#item13 { }
div#chocolat-top div#item13 div.header {
	padding-top: 20px;
	padding-bottom: 5px;
}
div#chocolat-top div#item13 div.header h3 {
	margin-top: 10px;
	padding: 0px;
}




/* フォンダン ショコラ  */
div#chocolat-top div#item12 { }
div#chocolat-top div#item12 div.header {
	padding-top: 20px;
	padding-bottom: 5px;
}
div#chocolat-top div#item12 div.header h3 {
	margin-top: 10px;
	padding: 0px;
}


/* おすすめアニヴェルセル表参道オリジナルセット */
div#chocolat-top div#item5 {
	padding-left: 30px;
} 
div#chocolat-top div#item5 div.header {
	padding-bottom: 10px;
	padding-top: 20px;
}
div#chocolat-top div#item5 div.header h3 {
	margin: 0px;
	padding: 0px;
}
div#chocolat-top div#item5 div.info p {
	margin: 0px;
	padding: 0px;
}
div#chocolat-top div#item5 p.description {
	font-size: 91.7%;
	line-height: 1.4;
}
div#chocolat-top div#item5 span.sup { font-size: 10px; }
div#chocolat-top div#item5 div.title h3 {
	margin: 0px;
	padding: 0px;
}
div#chocolat-top div#item5 div.title2 h3 {
	margin: 0px;
	padding: 15px 0px;
	display: block;
}
div#chocolat-top div#item5 p.chonote {
	color: #473A33;
 }
div#chocolat-top div#item5 p.chonote2 {
	color: #473A33;
	font-size: 91.7%;
	line-height: 1.4;
 }

/* プティ アマンド */
div#chocolat-top div#item6 { }
div#chocolat-top div#item6 div.header {
	padding-top: 25px;
	padding-bottom: 15px;
}
div#chocolat-top div#item6 div.header h3 {
	margin: 0px;
	padding: 10px 0px 0px;
}
div#chocolat-top div#item6 div.info p {
	margin: 0px;
	padding: 0px;
}
div#chocolat-top div#item6 div.info div.section { padding-bottom: 10px; }
div#chocolat-top div#item6 div.info p.name {
	padding-bottom: 3px;
	font-size: 108.4%;
	color: #512900;
}
div#chocolat-top div#item6 div.info p.description {
	font-size: 91.7%;
	line-height: 1.4;
}
div#chocolat-top div#item6 img.icon {
	vertical-align: middle;
	margin-right: 5px;
}



/* 定番ショコラ */
div#chocolat-top div#item8 { }
div#chocolat-top div#item8 div.header {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
div#chocolat-top div#item8 h3.title2{ text-align: right; }
div#chocolat-top div#item8 div.vr{
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 30px;
	background: url(../img/top/100122/dot.gif) repeat-y center top;
}
div#chocolat-top div#item8 p.description {
	font-size: 108.4%;
	font-weight: bold;
	color: #473A33;
	margin: 0px;
	padding: 5px 0px;
	line-height: 1.4;
}







/* ------------------------------------------------------------
	ショコラ個別ページ
   ------------------------------------------------------------*/


 /* 共通 */  
div#chocolat-item .chonote {
	color: #473A33;
	font-size: 91.7%;
 }
 
/* トロワ コクテル ショコラ */
div#chocolat-item div#item67 div.header {
	padding-bottom: 5px;
	text-align: left;
	padding-top: 30px;
	padding-left: 35px;
}
div#chocolat-item div#item67 div.image {
	padding-top: 0px;
	padding-left: 30px;
}
div#chocolat-item div#item67 div.detail {
	padding-top: 0px;
	padding-left: 35px;
}
div#chocolat-item div#item67 .detail .description{
	text-align: left;
	margin-left: 30px;
}
div#chocolat-item div#item67 .detail .description td.padbot{
	padding-bottom: 25px;
}
div#chocolat-item div#item67 .detail .chotxt01 {
	color: #CC6600;
	font-weight: bold;
}
div#chocolat-item div#item67 .detail .chotxt02 {
	color: #996600;
	font-weight: bold;
}
div#chocolat-item div#item67 .detail .chotxt03 {
	color: #C4007B;
	font-weight: bold;
}
div#chocolat-item div#item67 .chotxt04 {
	color: #5C3D2E;
}


 
/* プランタン */
div#chocolat-item div#item65 { }
div#chocolat-item div#item65 div.header {
	padding-left: 35px;
	padding-top: 15px;
	padding-bottom: 15px;
	vertical-align: top;
}
div#chocolat-item div#item65 div.header h3 {
	margin: 0px;
	padding: 5px 0px 0px;
	vertical-align: top;
}
div#chocolat-item div#item65 .detail {
	padding-top: 0px;
	padding-left: 35px;
}
div#chocolat-item div#item65 td.description {
	font-size: 91.7%;
	line-height: 1.4;
	text-align: left;
	vertical-align: top;
	padding-bottom: 10px;
}

div#chocolat-item div#item65 .name{
	padding-bottom: 7px;
	font-weight: bold;
} 
div#chocolat-item div#item65 td.tttop{
	vertical-align: top;
	height: 70px;
} 

/* 《夏季限定ショコラ》 フォルム ド フリュイ */
div#chocolat-item div#item69 { }
div#chocolat-item div#item69 div.header {
	padding-left: 35px;
	padding-top: 15px;
	padding-bottom: 15px;
	vertical-align: top;
}
div#chocolat-item div#item69 div.header h3 {
	margin: 0px;
	padding: 5px 0px 0px;
	vertical-align: top;
}
div#chocolat-item div#item69 .detail {
	padding-top: 0px;
	padding-left: 35px;
}
div#chocolat-item div#item69 td.description {
	font-size: 91.7%;
	line-height: 1.4;
	text-align: left;
	vertical-align: top;
	padding-bottom: 10px;
}

div#chocolat-item div#item69 .name{
	padding-bottom: 7px;
	font-weight: bold;
	color: #CC6600;
} 
div#chocolat-item div#item69 td.tttop{
	vertical-align: top;
	height: 70px;
} 


/* ショコラ レジェ*/
div#chocolat-item div#item62 div.image {
	padding-bottom: 10px;
	padding-left: 0px;
}
div#chocolat-item div#item62 .detail .description{
	font-size: 91.7%;
}
div#chocolat-item div#item62 .detail .chotxt01 {
	color: #351004;
	font-weight: bold;
	font-size: 125%;
}
div#chocolat-item div#item62 .detail .chotxt02 {
	color: #A0611D;
	font-weight: bold;
	font-size: 125%;
}
div#chocolat-item div#item62 .detail .chotxt03 {
	color: #BAA323;
	font-weight: bold;
	font-size: 125%;
}
div#chocolat-item div#item62 .detail .chotxt04 {
	color: #351004;
	font-weight: bold;
	font-size: 125%;
}
div#chocolat-item div#item62 .detail .chotxt05 {
	color: #E14C81;
	font-weight: bold;
	font-size: 125%;
}
div#chocolat-item div#item62 .detail .chotxt06 {
	color: #666600;
	font-weight: bold;
	font-size: 125%;
}
div#chocolat-item div#item62 .detail {
	padding-top: 0px;
	padding-left: 35px;
}

div#chocolat-item div#item62 td.nobor{
	padding-right: 20px;
} 
div#chocolat-item div#item62 td.borleft{
	padding-left: 20px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #333333;
} 
/* フルール */
div#chocolat-item div#item45 div.header {
	padding-bottom: 5px;
	text-align: left;
	padding-top: 30px;
	padding-left: 35px;
}
div#chocolat-item div#item45 div.image {
	padding-top: 0px;
	padding-left: 35px;
}
div#chocolat-item div#item45 div.detail {
	padding-top: 0px;
	padding-left: 35px;
}
div#chocolat-item div#item45 .detail .description{
	font-size: 91.7%;
	padding-left: 10px;
	text-align: left;
}
/* パルテール オ ショコラ　  */
div#chocolat-item div#item41{position:relative;}
div#chocolat-item div#item41 div.header {
	padding-top: 20px;
	padding-left: 30px;
}
div#chocolat-item div#item41 .phtop {
	position:relative;
	zoom:1;
	height: 245px;
}
div#chocolat-item div#item41 img.parterre{
	position:absolute;
	top: 1px;
	right: -17px;
	}
div#chocolat-item div#item41 div.image {
	padding-top: 0px;
	padding-left: 35px;
}
div#chocolat-item div#item41 div.detail {
	padding-top: 0px;
	padding-left: 35px;
}
div#chocolat-item div#item41 .detail .description{
	font-size: 91.7%;
	padding-left: 10px;
	text-align: left;
	line-height: 1.4;
}
 
/* フォンダン ショコラ */
div#chocolat-item div#item12 { }
div#chocolat-item div#item12 div.header {
	padding-top: 15px;
	padding-bottom: 15px;
}
div#chocolat-item div#item12 div.header h3 {
	margin: 0px;
	padding: 5px 0px 0px;
}
div#chocolat-item div#item12 .detail {
	padding-top: 0px;
	padding-left: 35px;
}
div#chocolat-item div#item12 .detail .info img  {
	margin-left: 80px;

}

/* プティ フォンダン ショコラ */
div#chocolat-item div#item40 { }
div#chocolat-item div#item40 div.header {
	padding-top: 15px;
	padding-left: 30px;
	padding-bottom: 15px;
}
div#chocolat-item div#item40 div.image {
	padding-top: 0px;
	padding-left: 100px;
}
div#chocolat-item div#item40 div.detail {
	padding-top: 0px;
	padding-left: 35px;
}
div#chocolat-item div#item40 .detail .info img  {
	text-align: center;
}
/* オランジェ */
div#chocolat-item div#item09 div.image {
	padding-bottom: 30px;
	padding-left: 0px;
}
div#chocolat-item div#item09 div.detail {
	padding-top: 0px;
	padding-left: 30px;
}
div#chocolat-item div#itemset049 div.detail {
	padding-top: 30px;
	padding-left: 30px;
	padding-right: 20px;
}
div#chocolat-item div#itemset049 strong {
	font-size: 108.4%;
	font-weight: bold;
}

/* 抹茶 フォンダン ショコラ */
div#chocolat-item div#item13 { }
div#chocolat-item div#item13 div.header {
	padding-top: 15px;
	padding-left: 30px;
}
div#chocolat-item div#item13 div.header p { padding-top: 15px; }
div#chocolat-item div#item13 div.image {
	padding-top: 0px;
	padding-left: 0px;
}
div#chocolat-item div#item13 div.detail {
	padding-top: 0px;
	padding-left: 30px;
}
/* プレステージュ キャトル */
div#chocolat-item div#item43 { }
div#chocolat-item div#item43 p.image { text-align: center; }
div#chocolat-item div#item43 div.header {
	padding-top: 15px;
	padding-bottom: 5px;
	padding-left: 30px;
}
div#chocolat-item div#item43 div.header h3 {
	margin: 0px;
	padding: 0px;
}
div#chocolat-item div#item43 div.info p {
	margin: 0px;
	padding: 0px;
}
div#chocolat-item div#item43 div.info div.section { padding-bottom: 10px; }
div#chocolat-item div#item43 div.info p.name {
	padding-bottom: 3px;
	font-size: 108.4%;
	color: #512900;
}
div#chocolat-item div#item43 div.info p.description {
	font-size: 91.7%;
	line-height: 1.4;
}
div#chocolat-item div#item43 div.info span.sup { font-size: 10px; }
div#chocolat-item div#item43 img.icon {
	vertical-align: middle;
	margin-right: 5px;
}
div#chocolat-item div#item43 div.caution {
	padding: 7px;
	border: 1px solid #B18F50;
	font-size: 83.4%;
	line-height: 1.3;
	margin-top: 1em;
	margin-bottom: 1em;
	color: #666666;
}
/* プティ アマンド */
div#chocolat-item div#item15 { }
div#chocolat-item div#item15 div.header {
	padding-top: 25px;
	padding-bottom: 15px;
}
div#chocolat-item div#item15 div.header h3 {
	margin: 0px;
	padding: 5px 0px 0px;
}
div#chocolat-item div#item15 div.info p {
	margin: 0px;
	padding: 0px;
}
div#chocolat-item div#item15 div.info div.section { padding-bottom: 10px; }
div#chocolat-item div#item15 div.info p.name {
	padding-bottom: 3px;
	font-size: 108.4%;
	color: #512900;
}
div#chocolat-item div#item15 div.info p.description {
	font-size: 91.7%;
	line-height: 1.4;
}
div#chocolat-item div#item15 img.icon {
	vertical-align: middle;
	margin-right: 5px;
}

/* ------------------------------------------------------------
	3. 定番ショコラ
   ------------------------------------------------------------*/
div#chocolat-list { }
div#chocolat-list div.sdw-body div.body { padding: 20px; }
div#chocolat-list div.sdw-body div.body img.tit {
	padding-top: 10px;
	padding-bottom: 5px;
}
div#chocolat-list div.sdw-body div.body .chotxt { color: #6E3D0C; }
div#chocolat-list div.sdw-body div.body .chonote { color: #512900; }
div#chocolat-list div.sdw-body div.body .chotxts { font-size:95%; }
div#chocolat-list div.sdw-body div.body .bor {
	border: 1px solid #BA995C;
	padding: 10px;
	margin-bottom: 10px;
}
div#chocolat-list div.sdw-body div.body .title { margin-bottom: 8px; }
div#chocolat-list div.sdw-body div.body .chotxt01 {
	color: #351004;
	font-weight: bold;
}
div#chocolat-list div.sdw-body div.body .chotxt02 {
	color: #A0611D;
	font-weight: bold;
}
div#chocolat-list div.sdw-body div.body .chotxt03 {
	color: #BAA323;
	font-weight: bold;
}
div#chocolat-list div.sdw-body div.body .chotxt04 {
	color: #E14C81;
	font-weight: bold;
}
div#chocolat-list div.sdw-body div.body .chotxt05 {
	color: #666600;
	font-weight: bold;
}
div#chocolat-list div.sdw-body div.body .padr { padding-right: 10px; }
/* ------------------------------------------------------------
	4. ショコラの哲学
------------------------------------------------------------*/
div#chocolat-philosophy { }
div#chocolat-philosophy div.sdw-body div.body { padding: 20px; }
/* ------------------------------------------------------------
	
------------------------------------------------------------*/


/* ----- 楽天とYahoo!のボタン ----- */
.btn-shop img {
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
}
/* ----- 楽天とYahoo!のボタンが縦に並んでいる場合 ----- */
.btn-shop-tate { margin-bottom: 0px; }
.btn-shop-tate img {
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
}
/* ----- タイトル画像と文字の関係 ----- */

.title img {
	margin-right: 10px;
	vertical-align: text-bottom;
	display: inline-block;
}
/* -----  ----- */
#second-level-contents .giftbox {
	background-color: #FFF;
	border: 1px solid #ccc;
	zoom:1;
	position: relative;
}
#second-level-contents .giftboximg {
	float: left;
	margin-right: 20px;
}



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

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