@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 {
}

td {
          font-size : 12px ;
}

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

/*◆ リストマーク：でも基本はシンプル ◆*/
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 : 0px ;
          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 80px 0px ;
          text-align : center ;
}

/*-----* インデックス部分 *----------------------------------------------------------*/

/*◆ 画像とコピーのところ ◆*/
#IMAGE {
          float : left ;
          overflow : hidden ;
          margin : 20px 20px 0px 2px ;
}

/*◆ コピーのところ ◆*/
#COPYBOX {
          float : right ;
          overflow : hidden ;
          margin-top : 20px  ;
		  margin-left:-5px;
		  width: 300px ;
}

/*◆ 英語のタイトル（日本語と同じ大きさ） ◆*/
#COPYTITLE P {
          margin : 0px ;
          text-align : left ;
          font-size : 120% ;
          color : #50878a ;
          font-weight : bold ;
          line-height : 135% ;
}

/*◆ 日本語のタイトル ◆*/
#COPYTITLE H1 {
          margin : 0px 0px 10px 0px ;
          text-align : left ;
          font-size : 120% ;
          color : #50878a ;
          font-weight : bold ;
          line-height : 135% ;
}

/*◆ 英語のタイトル（小さくする時） ◆*/
#COPYTITLE2 P {
          margin : 0px ;
          text-align : left ;
          font-size : 100% ;
          color : #50878a ;
          font-weight : bold ;
          line-height : 140% ;
}

/*◆ 日本語のタイトル（小さくする時） ◆*/
#COPYTITLE2 H1 {
          margin : 0px 0px 10px 0px ;
          text-align : left ;
          font-size : 100% ;
          color : #50878a ;
          font-weight : bold ;
          line-height : 135% ;
}

.COPYTEXT P {
          text-align : left ;
          font-size : 12px ;
          line-height : 130% ;
          padding-top : 10px ;
}

/*◆ 左右ボックスのボックス ◆*/
.MAINBOX {
          clear : both ;
          width : 100% ;
          margin-bottom : 60px ;
}

	/*フロートクリア*/
		.MAINBOX:after {
			content: ".";
			display:block;
			clear: both;
			height:0;
			visibility: hidden;
		}
		.MAINBOX {display: inline-block;}
			/*Hides from IE-mac\*/
			* html .MAINBOX {height:1%; }
			.MAINBOX {display: block;}
			/*End*/

/*◆ ラベル ◆*/
.LABEL {
          text-align : left ;
          margin-bottom : 15px ;
}

/*◆ 左右のボックス ◆*/
.LEFTBOX {
          float : left ;
          overflow : hidden ;
          margin : 0px 15px 0px 0px ;
          width : 450px ;
}

.RIGHTBOX {
          float : right ;
          overflow : hidden ;
          margin : 0px 0px 0px 15px ;
          width : 450px ;
}

/*◆ ボックス内のいろいろ ◆*/
.MAINTITLE H2 {
          margin : 0px 0px 20px 0px ;
          padding : 7px 5px 3px 20px ;
          background-color : #e6e6d8 ;
          background-image : url(http://www.candleworld.co.jp/tools/14-6_title.gif) ;
          background-repeat : repeat-y ;
          background-position : left ;
          font-size : 100% ;
          color : #666642 ;
          font-weight : bold ;
          text-align : left ;
}

.MAINTEXT {
          padding : 10px 0px 10px 5px ;
          text-align : left ;
          font-size : 12px ;
          line-height : 135% ;
}

.MAINMORE {
          text-align : right ;
          margin-top : 20px ;
}

.MAINCATEGORY H2 {
          border-top : 1px dashed #666564 ;
          margin-top : 10px ;
          padding : 10px 2px 10px 3px ;
          text-align : left ;
          font-size : 91.6% ;
}

.MAINLIST H3 {
          background : url(http://www.candleworld.co.jp/tools/ic_r_8_puchi.gif)  no-repeat top left ;
          margin-left : 20px ;
          padding : 0px 0px 5px 13px ;
          text-align : left ;
          font-size : 12px ;
          line-height : 130% ;
}

/*◆ 会社案内の「ペガサスキャンドルからのお知らせ」部分 ◆*/
.PEGANEWS H3 {
          padding : 10px 0px 0px 5px ;
          text-align : left ;
          font-size : 91.6% ;
}

.PEGADATE {
          padding : 0px 0px 0px 5px ;
          text-align : right ;
          font-size : 12px ;
          font-family : Georgia ;
}


/*-----* カテゴリとか２カラム部分 *----------------------------------------------------*/

/*◆ コンテンツの位置を決めます ◆*/
#ENTRY {
          float : left ;
          overflow : hidden ;
          text-align : left ;
          width : 600px ;
}

/*◆ カテゴリーの名前 ◆*/
.ENTRYHEADER H1 {
          text-align : left ;
          margin-top : 50px ;
          padding : 10px 5px 3px 7px ;
          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 ;
}

/*◆ エントリーのタイトル ◆*/
.ENTRYTITLE H2 {
          text-align : left ;
          margin-top : 60px ;
          padding : 7px 5px 3px 20px ;
          background-color : #e6e6d8 ;
          background-image : url(http://www.candleworld.co.jp/tools/14-6_title.gif) ;
          background-repeat : repeat-y ;
          background-position : left ;
          font-size : 100% ;
          color : #666564 ;
          font-weight : bold ;
}

/*◆ エントリーのカテゴリーとか日時とか ◆*/
.ENTRYCATE {
          text-align : right ;
          font-size : 12px ;
          font-family : Georgia ;
          margin : 7px 0px 30px 0px ;
}

/*◆ エントリーの本文とか ◆*/
.ENTRYTEXT {
          text-align : left ;
          font-size : 91.6% ;
          line-height : 140% ;
          margin : 40px 0px 30px 20px ;
}

/*◆ エントリーの続きを読む、は画像です。 ◆*/
.ENTRYMORE {
          text-align : right ;
          margin : 0px 0px 50px 0px ;
}

/*-----* サイドバー部分 *-----------------------------------------------------------*/

/*◆ サイドバーの位置を決めます ◆*/
#SIDE {
          float : right ;
          overflow : hidden ;
          width : 290px ;
}

#SIDELOGO {
          text-align : left ;
          margin : 10px 0px 30px 0px ;
          background-color : #f0f0e8 ;
          padding : 8px ;
}

#SIDELOGO P {
          margin : 8px 0px 0px 8px ;
          text-align : left ;
          font-size : 11px ;
}

/*◆ ショップの紹介とか ◆*/
#SIDESHOP {
          text-align : center ;
          margin : 40px 0px 40px 0px ;
}

#SIDESHOP P {
          margin : 5px 5px 5px 15px ;
          text-align : left ;
          font-size : 12px ;
          line-height : 135% ;
}

/*◆ サイドのタイトル ◆*/
.SIDETITLE H2 {
          text-align : left ;
          font-size : 91.6% ;
          font-weight : bold ;
          background : url(http://www.candleworld.co.jp/tools/ic_r_12_pochi.gif)  no-repeat top left ;
          border-bottom : 1px dashed #666564 ;
          margin : 60px 5px 20px 0px ;
          padding : 0px 0px 3px 18px ;
}

/*◆ サイドのタイトルくるくるver. ◆*/
.SIDEANITIT H2 {
          text-align : left ;
          font-size : 91.6% ;
          font-weight : bold ;
          background : url(http://www.candleworld.co.jp/tools/ani_r_12_pochi.gif)  no-repeat top left ;
          border-bottom : 1px dashed #666564 ;
          margin : 60px 5px 20px 0px ;
          padding : 0px 0px 3px 18px ;
}

/*◆ サイドのテキスト ◆*/
.SIDETEXT {
          text-align : left ;
          font-size : 12px ;
          margin : 0px ;
          line-height : 135% ;
          margin-left : 10px ;
}

.SIDETEXT OL {
}

.SIDETEXT LI {
          background : url(http://www.candleworld.co.jp/tools/ic_r_8_puchi.gif)  no-repeat top left ;
          padding-left : 12px ;
          margin-bottom : 5px ;
}

/*◆ サイドで商品写真を出したいな ◆*/
.SIDEPHOTO {
          float : left ;
          margin : 0px 10px 13px 0px ;
          padding : 5px ;
          border-top : 1px solid #cac9c8 ;
          border-right : 1px solid #989796 ;
          border-bottom : 1px solid #989796 ;
          border-left : 1px solid #cac9c8 ;
          background-color : #eeeeee ;
}

/*-----* 個別エントリ部分 *----------------------------------------------------------*/

/*◆ 個別ページのタイトル ◆*/
.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 ;
}

/*◆ 個別ページのカテゴリとか日付とか ◆*/
.PAGECREDIT H2 {
          text-align : right ;
          font-size : 12px ;
          margin : 7px 40px 20px 0px ;
          font-family : Georgia ;
}

/*◆ 個別ページの本文とか ◆*/
.PAGETEXT {
          text-align : left ;
          font-size : 91.6% ;
          line-height : 140% ;
          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% ;
}

/*◆ 個別ページのタグ ◆*/
.PAGETAGS H3 {
          text-align : right ;
          font-size : 12px ;
          margin : 50px 30px 0px 0px ;
}

/*◆ 個別ページの下のところ ◆*/
#PAGEFOOT {
          clear : both ;
          padding : 20px ;
          margin-top : 80px ;
          border-top : 1px solid #cac9c8 ;
          border-bottom : 1px solid #cac9c8 ;
}
		/*フロートクリア*/
		#PAGEFOOT:after {
			content: ".";
			display:block;
			clear: both;
			height:0;
			visibility: hidden;
		}
		#PAGEFOOT {display: inline-block;}
			/*Hides from IE-mac\*/
			* html #PAGEFOOT {height:1%; }
			#PAGEFOOT {display: block;}
			/*End*/

/*◆ 個別ページのカテゴリとかタイトル一覧 ◆*/
.PAGELIST {
          float : left ;
          overflow : hidden ;
          text-align : left ;
          width : 600px ;
}

.PAGELIST H3 {
          text-align : left ;
          font-size : 100% ;
          margin-bottom : 10px ;
          font-weight : bold ;
}

.PAGELIST OL {
          margin : 0px 0px 0px 20px ;
          font-size : 91.6% ;
}

.PAGELIST LI {
          background : url(http://www.candleworld.co.jp/tools/ic_r_8_puchi.gif)  no-repeat top left ;
          padding : 0px 0px 3px 12px ;
}

.PAGELIST P {
          margin : 0px 0px 0px 20px ;
          font-size : 91.6% ;
          line-height : 135% ;
}

/*◆ 個別ページのショップ情報のところ ◆*/
.PAGESHOP {
          float : right ;
          overflow : hidden ;
          width : 280px ;
}

.PAGESHOP P {
          margin : 5px 5px 5px 15px ;
          text-align : left ;
          font-size : 12px ;
          line-height : 135% ;
}

.PAGESHOPR {
          float : right ;
          overflow : hidden ;
          width : 280px ;
}

.PAGESHOPR P {
          margin : 5px 5px 5px 0px ;
          text-align : right ;
          font-size : 12px ;
          line-height : 135% ;
}

/*-----* アーカイブページ用 *--------------------------------------------------------*/

/*◆ リスト一覧 ◆*/
#LIST {
          text-align : left ;
          font-size : 91.6% ;
          line-height : 170% ;
          margin : 60px ;
}

#LIST LI {
          background : url(http://www.candleworld.co.jp/tools/ic_r_8_pochi.gif)  no-repeat top left ;
          padding-left : 15px ;
          margin : 5px 0px 3px 30px ;
}

/*-----* 検索結果の表示用 *--------------------------------------------------------*/

/*◆ エントリーのタイトルはＨ２で ◆*/
.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% ;
}

/*◆ エントリーの続きを読む、は画像です。 ◆*/
.SEARCHMORE {
          text-align : right ;
          margin : 0px 50px 50px 0px ;
}