/* **************************************************************** 

　※はじめに※

	ブログテンプレート「ビューティー」は、『ピンク系』『ブルー系』の
	２色があります。初期状態では『ピンク系』カラーです。

	「ブルー系」を
	使用する場合は、色別のcss設定が反映されるように編集を行って
	ください。

	■--編集例----------------------------------------------

	【　色指定を『ブルー系』に変更する場合　】
	文頭に『/＊』の記述の無い行が現在使用されている色指定となります。

	・編集前（『ピンク系』が使用されている初期状態）
	background:#F3E1E1 url(./template/cmsp/15/c_0/bg_all.gif) repeat-x;	/＊ ピンク系 ＊/
	/＊	background:#DFE3E4 url(./template/cmsp/15/c_1/bg_all.gif) repeat-x;	/＊ ブルー系 ＊/

	・編集後（色指定を『ブルー系』に変更後）
	/＊	background:#F3E1E1 url(./template/cmsp/15/c_0/bg_all.gif) repeat-x;	/＊ ピンク系 ＊/
	background:#DFE3E4 url(./template/cmsp/15/c_1/bg_all.gif) repeat-x;	/＊ ブルー系 ＊/

	※色指定はこのcssファイル内に複数箇所ありますので、
	必要に応じて設定変更を行ってください。
	
	※例文中のコメントについて、
	便宜上『 * 』を『＊』に変換しています。

	※左サイドの【ショップを見る】ボタンについて※
	ボタンを『ブルー系』に変更する場合は、htmlテンプレート内を編集してください。

 * ********************************************************** */


/* ************************************************ 
 * ------------------------------------------------
 *	共通設定
 * ------------------------------------------------
 * ************************************************ */

body {
	color:#000000;
	background:#ffffe8;
	font: 14px/150% "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	padding:0;
	}
	
	
* {
	margin: 0px;
	padding:0px;
	}

table {
	border:none;
	}

img {
	border:none;
	}

ul {
	margin: 0px;
	padding:0px;
	}

li {
	list-style-type:none;
	}

br.clear {
	clear:both;
	font:0/0 sans-serif;
	}
	
.border {
	background:url(./template/cmsp/15/border.gif) repeat-x;
	height:1px;
	margin-top:5px;
	}
.border img {
	width:1px; height:1px;
	}
	
	
/* ------------------------------------- 
 *	ページレイアウト
 * ------------------------------------- */

#wrapper {
	width:816px;
	margin: 0 auto;
	}

	
.left {
	width:8px;
	background:url(http://img09.shop-pro.jp/PA01042/364/etc/left_bg.gif) repeat-y;	/* ピンク系 */
	/*	background:url(./template/cmsp/15/c_1/left_bg.gif) repeat-y;	/* ブルー系 */
	}
.left img {
	width:8px;
	height:0px;
	background:url(./template/cmsp/15/c_0/left_top.gif) no-repeat;	/* ピンク系 */
	/*	background:url(./template/cmsp/15/c_1/left_top.gif) no-repeat;	/* ブルー系 */
	}

.center {
	width:800px;
	background:#FFF;
	}

.right {
	width:8px;
	background:url(http://img09.shop-pro.jp/PA01042/364/etc/right_bg.gif) repeat-y;	/* ピンク系 */
	/*	background:url(./template/cmsp/15/c_1/right_bg.gif) repeat-y;	/* ブルー系 */
	}
.right img {
	width:8px;
	height:0px;
	background:url(./template/cmsp/15/c_0/right_top.gif) no-repeat;	/* ピンク系 */
	/*	background:url(./template/cmsp/15/c_1/right_top.gif) no-repeat;	/* ブルー系 */
	}
	
	
#header {
	height:100px;
	background:url(http://img09.shop-pro.jp/PA01042/364/etc/hanacco-kanban2011.jpg) no-repeat;	/* ピンク系 */
	/*	background:url(./template/cmsp/15/c_1/bg_header.gif) no-repeat;	/* ブルー系 */
	}

#side {
	width:200px;
	float:left;
	padding-left:5px;
	padding-bottom:5px;
	margin-right:5px;
	}
	
#main {
	width:568px;
         margin-left:5px;
	float:left;
	padding-bottom:15px;
	}
	

	
#footer {
	text-align:center;
	font-size:x-small;
	padding:5px 0;
	background:url(http://img09.shop-pro.jp/PA01042/364/etc/background.gif) repeat-x;
border-top:1px #666666 solid;	/* ピンク系 */
	/*	background:#BAD7D5; border-top:1px #FFC8E3 solid;	/* ブルー系 */
	}


/* ------------------------------------- 
 *	リンクの色設定（初級モードで設定）
 * ------------------------------------- */
	
a:link    {color: #990000; text-decoration: underline;}
a:visited {color: #990000; text-decoration: underline;}
a:active  {color: #006699; text-decoration: underline;}
a:hover   {color: #006699; text-decoration: underline;}
	
.logo  a:link    {color: #4D4D4D; text-decoration: none;}
.logo  a:visited {color: #4D4D4D; text-decoration: none;}
.logo  a:active  {color: #4D4D4D; text-decoration: none;}
.logo  a:hover   {color: #666; text-decoration: none;}

#main a:link    {color: #990000; text-decoration: underline;}
#main a:visited {color: #990000; text-decoration: underline;}
#main a:active  {color: #006699; text-decoration: underline;}
#main a:hover   {color: #006699; text-decoration: underline;} 
 
#footer a:link    {color: #990000; text-decoration: underline;}
#footer a:visited {color: #990000; text-decoration: underline;}
#footer a:active  {color: #006699; text-decoration: underline;}
#footer a:hover   {color: #006699; text-decoration: none;}




/* ************************************************ 
 *	ヘッダー
 * ************************************************ */

#header .logo {
	font-size:22px;
	line-height:160%;
	font-weight:bolder;
	padding-left:0px;
	padding-top:0px;
	}
.description {
	padding-left:15px;
	font-size:10px;
	}

#topmenu {
	padding: 0px;
}
#topmenu ul {
	line-height: 25px;
	height: 25px;
	border-bottom: 1px solid #666666;
	background: #ffffff url(http://img09.shop-pro.jp/PA01042/364/etc/topmenu-b.gif) repeat-x;	/*メニュー背景のグラデーション画像指定箇所*/
	border-top: 1px solid #666666;
}
#topmenu li {
	float: left;
}
#topmenu ul li a {
	display: block;
	width: 159px;
	text-align: center;
	border-right: 1px solid #999999;
	color: #000000;	/*メニューの文字色*/
	text-decoration: none;
}
#topmenu ul li a:hover {
	background: #ffdfbf;	/*メニューカーソルオーバー時に背景色をこの色にする*/
}
#topmenu .last {
	border-right-style: none;	/*一番右のメニューの右境界線を消す設定*/
}

/* ************************************************ 
 *	サイドメニュー
 * ************************************************ */

.linktitle {
	width:200px;
	height:22px;
	margin-bottom:5px;
	}

.link {
	width:200px;
	margin-bottom:15px;
	}

.link li {
	margin-bottom:3px;
	padding-left: 15px;
	list-style-type: none;
	background: url(./template/cmsp/15/li.gif) no-repeat;
	background-position: 0px 6px;
	}
/* ------ ”ショップを見る”ボタン ------ */
.shop {
	width:180px;
	height:42px;
	margin-bottom:12px;
	}

/* ------ カレンダー ------ */

.calendar {
	font-family :"Verdana";
	font-size: 10px;
	background:url(./template/cmsp/15/b_date.gif) no-repeat;
	padding-top:27px;
	margin-bottom:20px;
	color: #000;
	}

.calendar table {
	background:#DDD;
	border-top:1px #DDD solid;
	border-bottom:1px #DDD solid;
	border-right:2px #DDD solid;
	border-left:2px #DDD solid;
	}

.cell {
	width:23px;
	height:18px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-weight:bolder;
	color: #000;
	background:#FFF;
	}

.cell a {
	display: block;
	width:23px;
	height:18px;
	text-decoration: none;
	background: #F42C79;
	color: #FFF;
	}
.cell a:visited {
	text-decoration: none;
	color: #FFF;
	}
.cell a:active {
	text-decoration: none;
	color: #FFF;
	}

.cell a:hover {
	display: block;
	width:23px;
	height:18px;
	text-decoration: none;
	background: #CCC;
	color: #FFF;
	}
.calendar_month {
	background:#FFF;
	padding:3px 0px;
	}


/* ------ feed ------ */

.feed {
	margin-right:10px;
	width:57px;
	height:15px;
	}

/* ************************************************ 
 *	メイン
 * ************************************************ */
 
/* ------------------------------------- 
 *	各ページ共通
 * ------------------------------------- */
 
 /* ------ 角丸ボックス ------ */
 
.round_top {
	height:30px;
	background:url(http://img09.shop-pro.jp/PA01042/364/etc/round_top.jpg) no-repeat;
	}
	
.round_bg {
	background:url(http://img09.shop-pro.jp/PA01042/364/etc/round_bg.jpg) repeat-y;
	padding:0px 18px;
	}
	
.round_bottom{
	height:30px;
	background:url(http://img09.shop-pro.jp/PA01042/364/etc/round_bottom.jpg) no-repeat;
	}

.round_top img {
	height:15px;
	margin-left:18px;
	}


/* ------ パンくずナビ ------ */
 
.pankuzu { margin-bottom:5px;font-size:10px; }


/* ------ ページナビ ------ */

.pagenavi {
	text-align:center;
	height:23px;
	}
.pagenavi .left {
	width:100px;
	background:url(./template/cmsp/15/b_page_l.gif) no-repeat;
	background-position:left;
	border-right:1px #FFF solid;
	text-align:center;
	}
.pagenavi .right {
	width:100px;
	background:url(./template/cmsp/15/b_page_r.gif) no-repeat;
	background-position:right;
	border-left:1px #FFF solid;
	text-align:center;
	}
.pagenavi .center {
	background:#EAEAEA;
	border-left:1px #CCC solid;
	border-right:1px #CCC solid;
	text-align:center;
	}



/* ------------------------------------- 
 *	エントリー
 * ------------------------------------- */
.entry_title {
	margin:0px 18px;
	font-size:14px;
	font-weight:bolder;
	color:#333;
	}
.entry_date {
	font-size:14px;
	}
.entry_body {
	margin-top:20px;
	}
.entry_more {
	padding-top:20px;
	}
.entry_state {
	font-size:10px;
	margin-top:20px;
	}
blockquote {
	margin:10px 0px;
	background:#FFF;
	border:1px dotted #999;
	padding:10px;
	}
.pict {
	border:1px dotted #999;
	}


/* ------------------------------------- 
 *	コメント
 * ------------------------------------- */
 
.comm {
	 background:url(./template/cmsp/15/cat_border.gif) repeat-y;
	 padding:0px 20px;
	 margin-bottom:20px;
	}
.comm_state {
	margin-top:15px;
	}


/* ------------------------------------- 
 *	トラックバック
 * ------------------------------------- */

.detail_title {
	width:529px;
	height:20px;
	margin-bottom:5px;
	}

.tb_url{
	font-size:12px;
	font-weight:bolder;
	color:#FF3366;
	margin-bottom:20px;
	}

.tb{
	border:1px #DDD solid;
	margin-bottom:20px;
width:529px;
	}

.tb_date {
	color:#333;
	background:#EAEAEA;
	padding:5px 10px;
	border-bottom:1px #DDD solid;
	}

.tb_title {
	color: #FF3366;
	background:#F4F4F4;
	padding:10px;
	}
.tb_body {
	padding:10px;
	border-top:1px #DDD solid;
	border-bottom:1px #DDD solid;
	}