@charset "utf-8";

/*-----* きほんのき *--------------------------------------------------------------*/

/*◆ ページ全体の基本構造 ◆*/
BODY {
          margin : 0px ;
          background-color : #ffffff ;
          font-family : "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, Osaka, verdana ,arial ,sans-serif ;
          color : #666564 ;
          text-align : center ;
          font-size : 100% ;
}

/*◆ リンク文字 ◆*/
A {
          border-bottom : 1px dashed #ffffff ;
}

A:link {
          color : #2f4f4f ;
          font-weight : bold ;
          text-decoration : none ;
}

A:visited {
          color : #8c8b8a ;
          font-weight : bold ;
          text-decoration : none ;
}

A:active,
A:hover {
          color : #c7dade ;
          font-weight : bold ;
          text-decoration : none ;
          border-bottom : 1px dashed #c7dade ;
}

A IMG {
          border : none ;
          text-decoration: none ;
}

A img {
          border : none ;
          text-decoration: none ;
}

/*◆ 見出しとかの基本 ◆*/
H1, H2, H3, H4, H5, P, input, textarea  {
          font-weight : normal ;
          margin : 0px ;
          padding : 0px ;
}

/*◆ 色設定とか ◆*/
.bold {
          color : #666564 ;
          font-weight : bold ;
}

.red {
          color : #d05636 ;
          font-weight : bold ;
}

.wine {
          color : #793c4b ;
          font-weight : bold ;
}

/*◆ 文字設定 ◆*/
.f11 {
          font-size : 11px ;
          line-height : 120% ;
}

.f12 {
          font-size : 12px ;
}

.date {
          font-family : Georgia ;
}

.big {
          font-size : 18px ;
          font-weight : bold ;
          line-height : 140% ;
          letter-spacing : 1px ;
}

/*◆ フォームの変なスペースを消しちまいな ◆*/
FORM {
          margin : 0px ;
          padding : 0px ;
}

/*◆ ポラ風に見せたい時 ◆*/
.photo {
          float : left ;
          margin : 0px 15px 13px 12px ;
          padding : 5px ;
          border-top : 1px solid #cac9c8 ;
          border-right : 1px solid #989796 ;
          border-bottom : 1px solid #989796 ;
          border-left : 1px solid #cac9c8 ;
          background-color : #ffffff ;
}

/*◆ ポラ風に見せたい時、右側 ◆*/
.photor {
          float : right ;
          margin : 0px 12px 13px 15px ;
          padding : 5px ;
          border-top : 1px solid #cac9c8 ;
          border-right : 1px solid #989796 ;
          border-bottom : 1px solid #989796 ;
          border-left : 1px solid #cac9c8 ;
          background-color : #ffffff ;
}

/*◆ ポラ風に見せたい時、３並べ ◆*/
.photo3 {
          float : left ;
          margin : 10px 0px 15px 25px ;
          padding : 5px 5px 5px 5px ;
          border-top : 1px solid #cac9c8 ;
          border-right : 1px solid #989796 ;
          border-bottom : 1px solid #989796 ;
          border-left : 1px solid #cac9c8 ;
          background-color : #ffffff ;
}

/*◆ ポラ風に見せたくない時 ◆*/
.img {
          float : left ;
          margin : 0px 20px 15px 10px ;
          padding : 5px ;
}

/*◆ 本文でテーブルを使う？ ◆*/
table {
          margin : 0px ;
}

td {
}

/*-----* リストマークは複雑怪奇です *-------------------------------------------------*/

/*◆ リストマーク：でも基本はシンプル ◆*/
OL {
          list-style : none ;
          margin : 0px ;
          padding : 0px ;
}

LI {
          list-style : none ;
          margin : 0px ;
          padding : 0px ;
}

/*◆ リストマーク：テキスト内でのぽちっと用（１つめ：文字強調） ◆*/
.bochi{
          background : url(http://www.candleworld.co.jp/tools/ic_r_8_pochi.gif)  no-repeat top left ;
          padding-left : 15px ;
          margin : 20px 0px 5px 25px ;
          font-weight : bold ;
}

/*◆ リストマーク：テキスト内でのぽちっと用（１つめ：文字普通） ◆*/
.pochi {
          background : url(http://www.candleworld.co.jp/tools/ic_r_8_pochi.gif)  no-repeat top left ;
          padding-left : 15px ;
          margin : 20px 0px 5px 25px ;
}

/*◆ リストマーク：テキスト内でのぽちっと用（１つめ：文字普通：行間狭く） ◆*/
.pachi {
          background : url(http://www.candleworld.co.jp/tools/ic_r_8_pochi.gif)  no-repeat top left ;
          padding-left : 15px ;
          margin : 5px 0px 10px 25px ;
}

/*◆ リストマーク：テキスト内でのぽちっと用（１つめ：ぐるぐる） ◆*/
.aochi {
          background : url(http://www.candleworld.co.jp/tools/ani_ic_r_8_pochi.gif)  no-repeat top left ;
          padding-left : 15px ;
          margin : 20px 0px 5px 25px ;
          font-weight : bold ;
}

/*◆ リストマーク：テキスト内でのぽちっと用（２つめ） ◆*/
.puchi {
          background : url(http://www.candleworld.co.jp/tools/ic_r_8_puchi.gif)  no-repeat top left ;
          padding-left : 12px ;
          margin : 3px 0px 5px 50px ;
          line-height : 140% ;
}

/*◆ リストマーク：リンク専用。背景ブルー ◆*/
UL {
          list-style : none ;
          margin : 40px 0px 20px 20px ;
          padding : 2px ;
          background-color : #eff4f5 ;
}

/*◆ リストマーク：リンクリスト用 ◆*/
.home {
          background : url(http://www.candleworld.co.jp/tools/ic_b_home.gif)  no-repeat center left ;
          margin-left : 10px ;
          padding-left : 23px ;
          line-height : 150% ;
}

.etc {
          background : url(http://www.candleworld.co.jp/tools/ic_b_memo.gif)  no-repeat center left ;
          margin-left : 10px ;
          padding-left : 23px ;
          line-height : 150% ;
}

.item {
          background : url(http://www.candleworld.co.jp/tools/ic_b_cart.gif)  no-repeat center left ;
          margin-left : 10px ;
          padding-left : 24px ;
          line-height : 150% ;
}

.mail {
          background : url(http://www.candleworld.co.jp/tools/ic_b_mail.gif)  no-repeat center left ;
          margin-left : 10px ;
          padding-left : 23px ;
          line-height : 150% ;
}

/*◆ 引用の時、背景はピンク ◆*/
blockquote {
          margin : 40px 0px 10px 20px ;
          padding : 15px 10px 15px 15px ;
          background-color : #faf3f4 ;
          text-align : left ;
          line-height : 140% ;
}

/*◆ 商品紹介は、背景ブルー！ ◆*/
.blue {
          margin : 20px 0px 20px 20px ;
          padding : 15px 10px 15px 15px ;
          background-color : #eff4f5 ;
          text-align : left ;
          line-height : 140% ;
}

/*◆ 引用の中で使う、タイトル用アイコン（リストマーク“OL”を使用のこと） ◆*/
/*◆ 見出し用基本（ノート）：色つき、文字強調 ◆*/
.memo {
          background : url(http://www.candleworld.co.jp/tools/ic_book.gif)  no-repeat top left ;
          color : #793c4b ;
          font-weight : bold ;
          padding : 0px 0px 10px 35px ;
}

/*◆ 見出し用基本（ノート）：色なし、文字ふつう ◆*/
.note {
          background : url(http://www.candleworld.co.jp/tools/ic_book.gif)  no-repeat top left ;
          padding : 0px 0px 10px 35px ;
}

/*◆ 見出し用（踊るハニー）：色つき、文字強調 ◆*/
.hani {
          background : url(http://www.candleworld.co.jp/tools/ani_haniwa.gif)  no-repeat top left ;
          color : #793c4b ;
          font-weight : bold ;
          padding : 0px 0px 10px 25px ;
}

/*◆ 見出し用（ご注意！）：色つき、文字強調 ◆*/
.caution {
          background : url(http://www.candleworld.co.jp/tools/ic_lamp.gif)  no-repeat top left ;
          color : #793c4b ;
          font-weight : bold ;
          padding : 0px 0px 10px 20px ;
}

/*◆ 商品紹介の見出し用：リンクするから、色つき、文字強調 ◆*/
.shop {
          background : url(http://www.candleworld.co.jp/tools/ic_b_cart.gif)  no-repeat top left ;
          padding : 0px 0px 10px 25px ;
}

/*◆ 見出し用（ヒント）：色つき、文字強調 ◆*/
.key {
          background : url(http://www.candleworld.co.jp/tools/ic_key.gif)  no-repeat top left ;
          color : #793c4b ;
          font-weight : bold ;
          padding : 0px 0px 10px 25px ;
}

/*◆ シンプルリスト ◆*/
.list {
          background : url(http://www.candleworld.co.jp/tools/ic_r_8_puchi.gif)  no-repeat top left ;
          padding-left : 13px ;
          margin-left : 20px ;
          line-height : 150% ;
}

/*-----* 全体に共通のレイアウト *-----------------------------------------------------*/

/*◆ 幅を固定する時とか？ ◆*/
#CONTAINER {
          margin : 0 auto ; 
          width : 950px ;
          text-align : center ;
          background-color : #ffffff ;
}

/*◆ ヘッダのところ ◆*/
#BANNER {
          width : 950px ;
          margin-bottom : 50px ;
}
	/*フロートクリア*/
	#BANNER:after {
		content: ".";
		display:block;
		clear: both;
		height:0;
		visibility: hidden;
	}
	#BANNER {display: inline-block;}
		/*Hides from IE-mac\*/
		* html #BANNER {height:1%; }
		#BANNER {display: block;}
		/*End*/

/*◆ パンくずのところ ◆*/
#PANK {
          margin : 10px 0px 0px 10px ;
          text-align : left ;
          font-size : 12px ;
}

/*◆ フッタのところ ◆*/
#NAVI {
          clear : both ;
          width : 100% ;
          margin : 80px 0px 50px 0px ;
          text-align : center ;
}

/*◆ 不思議なチカラ。バナ ◆*/
#FUSHIGI {
          clear : both ;
          width : 100% ;
          margin : 20px 0px 40px 0px ;
          text-align : center ;
}

#FOOTER {
          clear : both ;
          width : 100% ;
          margin : 50px 0px 0px 0px ;
          text-align : center ;
}

#CREDIT P {
          margin : 40px 0px 10px 0px ;
          width : 100% ;
          padding-top : 10px ;
          font-size : 11px ;
          line-height : 15px ;
          border-top : 1px dashed #666564 ;
}

/*-----* 他でも使っている部分 *----------------------------------------------------------*/

/*◆ 個別ページのタイトル ◆*/
.PAGETITLE H1 {
          text-align : left ;
          margin : 20px 40px 10px 40px ;
          padding : 10px 170px 3px 10px ;
          background-image : url(http://www.candleworld.co.jp/tools/170-32_title.gif) ;
          background-repeat : no-repeat ;
          background-position : right bottom ;
          text-align : left ;
          font-size : 112.5% ;
          font-weight : bold ;
          border-bottom : 1px solid #cac9c8 ;         
          letter-spacing : 1px ;
}

/*◆ 個別ページの本文とか ◆*/
.PAGETEXT {
          text-align : left ;
          font-size : 100% ;
          line-height : 135% ;
          margin : 70px 100px 0px 100px ;
}

/*◆ 個別ページの見出しはＨ２で ◆*/
.PAGETEXT H2 {
          text-align : left ;
          margin : 60px 0px 15px 0px ;
          padding : 7px 20px 3px 5px ;
          background-color : #e6e6d8 ;
          background-image : url(http://www.candleworld.co.jp/tools/14-6_title.gif) ;
          background-repeat : repeat-y ;
          background-position : right ;
          color : #666642 ;
          font-weight : bold ;
          font-size : 112.5% ;
}

/*◆ エントリーのタイトルはＨ２で ◆*/
.SEARCHTITLE H2 {
          text-align : left ;
          margin : 60px 40px 10px 40px ;
          padding : 10px 20px 3px 5px ;
          background-color : #e6e6d8 ;
          background-image : url(http://www.candleworld.co.jp/tools/14-6_title.gif) ;
          background-repeat : repeat-y ;
          background-position : right ;
          color : #666642 ;
          font-weight : bold ;
          font-size : 112.5% ;
          letter-spacing : 1px ;
}

/*-----* ★アンテナショップと一緒のヘッダ★ *---------------------------------------------------*/

/*◆ ヘッダのところ全体 ◆*/
#ANTENNAHEADER {
          width : 956px ;
          text-align : center ;
          background-color : #ffffff ;
          margin : 0 auto ; 
}
	/*フロートクリア*/
	#BANNER:after {
		content: ".";
		display:block;
		clear: both;
		height:0;
		visibility: hidden;
	}
	#BANNER {display: inline-block;}
		/*Hides from IE-mac\*/
		* html #BANNER {height:1%; }
		#BANNER {display: block;}
		/*End*/

/*◆ ヘッダのところバナー ◆*/
#ANTENNABANNER {
          text-align : left ;
          float : left ;
          overflow : hidden ;
          width : 656px ;
          height : 90px ;
}

/*◆ バナーの隣の、カテゴリとか ◆*/
#ANTENNABOX {
          float : right ;
          overflow : hidden ;
          width : 300px ;
          height : 90px ;
          background : url(http://www.candleworld.co.jp/tools/300-90_antenna.gif)  no-repeat top left ;
}

#ANTENNACATE {
          text-align : left ;
          padding : 8px 10px 7px 10px ;
          font-size : 12px ;
          font-weight : bold ;
          border-bottom : 1px dashed #666564 ;
}

#ANTENNAMENU {
          padding-top : 7px ;
          text-align : center ;
          font-size : 12px ;
}

html body #CONTAINER { 
          clear:both; 
          margin-top:0; 
          padding-top:30px; 
}

/*-----* 英語ページ特別部分 *----------------------------------------------------------*/

/*◆ タイトル下の説明のところ ◆*/
.DESCRIPTION H2 {
          text-align : left ;
          font-size : 91.6% ;
          margin : 5px 10px 30px 50px ;
}

/*◆ 個別ページの見出し ◆*/
.PAGETEXT H3 {
          text-alig : left ;
          margin : 60px 0px 15px 0px ;
          padding : 7px 20px 3px 5px ;
          text-align : left ;
          font-size : 112.5% ;
          font-weight : bold ;
          border-bottom : 1px solid #cac9c8 ;         
}