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

　※はじめに※

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

	「ブルー系」を
	使用する場合は、色別の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 {}
	
* {
	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;
	}
	
	
/* ------------------------------------- 
 *	ページレイアウト
 * ------------------------------------- */

/* ------------------------------------- 
 *	リンクの色設定（初級モードで設定）
 * ------------------------------------- */
	
a:link    {color: #FF3366; text-decoration: underline;}
a:visited {color: #FF3366; text-decoration: underline;}
a:active  {color: #FF3366; text-decoration: underline;}
a:hover   {color: #FF3366; text-decoration: none;}
	
.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: #339999; text-decoration: underline;}
#main a:visited {color: #339999; text-decoration: underline;}
#main a:active  {color: #339999; text-decoration: underline;}
#main a:hover   {color: #99CCCC; text-decoration: none;} 
 
#footer a:link    {color: #4D4D4D; text-decoration: underline;}
#footer a:visited {color: #4D4D4D; text-decoration: underline;}
#footer a:active  {color: #4D4D4D; text-decoration: underline;}
#footer a:hover   {color: #666; text-decoration: none;}




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





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

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

.link {
	width:180px;
	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:link {
	text-decoration: none;
	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(./template/cmsp/15/round_top.gif) no-repeat;
	}
	
.round_bg {
	background:url(./template/cmsp/15/round_bg.gif) repeat-y;
	padding:0px 18px;
	}
	
.round_bottom{
	height:30px;
	background:url(./template/cmsp/15/round_bottom.gif) 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:12px;
	}
.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;
	}