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

　※はじめに※

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

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

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

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

	・編集前（『ピンク系』が使用されている初期状態）
	background:#74AEBF url(./template/cmsp/16/c_0/bg.gif);	/＊ ブルー系 ＊/
	/＊	background:#74AEBF url(./template/cmsp/16/c_1/bg.gif);	/＊ ピンク系 ＊/

	・編集後（色指定を『ブルー系』に変更後）
	/＊	background:#74AEBF url(./template/cmsp/16/c_0/bg.gif);	/＊ ブルー系 ＊/
	background:#74AEBF url(./template/cmsp/16/c_1/bg.gif);	/＊ ピンク系 ＊/


	【　罫線等の色指定を『ピンク系』に変更する場合　】
	---------------------------------------------------
	※ブルー系・ピンク系の色指定は複数クラスを一括指定しています。
	以下の、『★色の一括設定』の該当色の設定を使用します。

	(ピンク系はコメントアウトされています。
	使用する場合は、ブルー系をコメントアウトし、
	ピンク系の文頭『/＊』と、文末『＊/』を削除してください。
	
	※例文中のコメントについて、
	便宜上『 * 』を『＊』に変換しています。

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


/* ------------------------------------- 
 *	★色の一括設定
 * ------------------------------------- */

/*サイドデコレーションの枠線の色*/
.link_deco { border-color:#74AEBF; }	/* ブルー系 */
/*	.link_deco { border-color:#FF4164; }	/* ピンク系 */

/*サイドデコレーションのタイトル背景色*/
.link_deco .title { background:#74AEBF; }	/* ブルー系 */
/*	.link_deco .title { background:#FF4164; }	/* ピンク系 */


/*ページ中のレイアウト罫線の色*/
.entry,.com,.tb,.tb_body,.link li,.entry_state{  border-color:#78B3C4; }	/* ブルー系 */
/*	.entry,.com,.tb,.tb_body,.link li,.entry_state{  border-color:#FF6682; }	/* ピンク系 */


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

body {
	color:#333;
	background:#74AEBF url(./template/cmsp/16/c_0/bg.gif);	/* ブルー系 */
	/*	background:#74AEBF url(./template/cmsp/16/c_1/bg.gif);	/* ピンク系 */
	font: 12px/160% "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	margin:0;
	padding:0;
}
* {
	margin: 0px;
	padding:0px;
	}
img {
	border:none;
	}
ul {
	margin:0px;
	padding:0px;
	}
li {
	list-style-type:none;
	background:url(./template/cmsp/16/c_0/b_disc.gif) no-repeat;	/* ブルー系 */
	/*	background:url(./template/cmsp/16/c_1/b_disc.gif) no-repeat;	/* ピンク系 */
	padding-left:12px;
	}
form,input {
	margin:0px;
	padding:0px;
	}
br.clr {
	clear:both;
	font:0/0 sans-serif;
	}
.small {font-size:10px;}

.bold {font-weight:bolder;}



/* ------------------------------------- 
 *	リンクの色設定（初級モードで設定）
 * ------------------------------------- */

a:link    {color: #006380; text-decoration: underline;}
a:visited {color: #006380; text-decoration: underline;}
a:active  {color: #006380; text-decoration: underline;}
a:hover   {color: #FF3366; text-decoration: none;}

.pankuzu a:link    {text-decoration: none;}
.pankuzu a:visited {text-decoration: none;}
.pankuzu a:active  {text-decoration: none;}
.pankuzu a:hover   {text-decoration: underline;}

.catname a:link    {color: #FFF; text-decoration: none;}
.catname a:visited {color: #FFF; text-decoration: none;}
.catname a:active  {color: #FFF; text-decoration: none;}
.catname a:hover   {color: #FFFFE7; text-decoration: underline;}


/* ------------------------------------- 
 *	ページレイアウト
 * ------------------------------------- */

#wrapper {
	margin:0 auto;
	}

#lace_l {
	width:28px;
	background:url(./template/cmsp/16/c_0/lace_l.gif) repeat-y;	/* ブルー系 */
	/*	background:url(./template/cmsp/16/c_1/lace_l.gif) repeat-y;	/* ピンク系 */
	}
#lace_r {
	width:28px;
	background:url(./template/cmsp/16/c_0/lace_r.gif) repeat-y;	/* ブルー系 */
	/*	background:url(./template/cmsp/16/c_1/lace_r.gif) repeat-y;	/* ピンク系 */
	}

#header {padding:0 10px;}


#side {
	width:218px;
	}

#main {
	width:600px;
	padding:0 10px;
	}


#footer {
	text-align:right;
	padding:20px 10px 50px 10px;
	}

.main_clr {background:#FFFFE7;}




/* ------------------------------------- 
 *	スペーサー・マージンの調整
 * ------------------------------------- */
img.w1 {width:1px;}
img.h1 {height:1px;}
img.w28 {width:28px;height:1px;}
img.h14 {width:1px;height:14px;}
.ml10 {margin-left:10px;}


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

/* ------------------------------------- 
 *	サイトタイトル
 * ------------------------------------- */

#title {
	margin-right:250px;
	}
h1 {
	color:#CA005F;
	font-size:22px;
	line-height:150%;
	}

#title a:link    {color: #CA005F; text-decoration: none;}
#title a:visited {color: #CA005F; text-decoration: none;}
#title a:active  {color: #CA005F; text-decoration: none;}
#title a:hover   {color: #CA005F; text-decoration: none;}


/* ------------------------------------- 
 *	タイトル右部
 * ------------------------------------- */

#head_right {
	float:right;
	width:245px;
	}

#shop_btn {
	text-align:right;
	background:url(./template/cmsp/16/b_bird.gif) no-repeat;
	background-position:20px 5px;
	}
#shop_btn img {
	width:150px;
	height:35px;
	margin-bottom:10px;
	}


/* ------------------------------------- 
 *	検索スペース
 * ------------------------------------- */
 
.search_body {
	text-align:center;
	/*background:#B5D4DD;*/
	width:245px;
	height:34px;
	padding-top:10px;
	background:url(./template/cmsp/16/c_0/b_search.gif) no-repeat;	/* ブルー系 */
	/*	background:url(./template/cmsp/16/c_1/b_search.gif) no-repeat;	/* ピンク系 */
	}

/* ------------------------------------- 
 *	ボーダー
 * ------------------------------------- */
.border_1 {
	background:url(./template/cmsp/16/c_0/border_1.gif) repeat-x;	/* ブルー系 */
	/*	background:url(./template/cmsp/16/c_1/border_1.gif) repeat-x;	/* ピンク系 */
	}

.border_2 {
	background:url(./template/cmsp/16/c_0/border_2.gif) repeat-x;	/* ブルー系 */
	/*	background:url(./template/cmsp/16/c_1/border_2.gif) repeat-x;	/* ピンク系 */
	}



/* ************************************************ 
 *	サイド（id="side")
 * ************************************************ */

/* ------------------------------------- 
 *	枠つきスペース（デコレーション）
 * ------------------------------------- */

.side_deco_top {
	width:208px;
	height:75px;
	margin:0px auto;
	background:url(./template/cmsp/16/c_0/side_deco_top.gif) no-repeat;	/* ブルー系 */
	/*	background:url(./template/cmsp/16/c_1/side_deco_top.gif) no-repeat;	/* ピンク系 */
	}

.side_deco_bottom {
	width:208px;
	height:43px;
	margin:0px auto;
	background:url(./template/cmsp/16/c_0/side_deco_bottom.gif) no-repeat;	/* ブルー系 */
	/*	background:url(./template/cmsp/16/c_1/side_deco_bottom.gif) no-repeat;	/* ピンク系 */
	}

.link_deco {
	width:194px;
	margin:0px auto;
	border-right:2px solid;
	border-left:2px solid;
	background:#EAF7D6;
	}
.link_deco .title img {
	width:132px;
	height:26px;
	margin-left:13px;
	}



.link_deco ul {
	padding:15px 13px 20px 13px;
	}
.link_deco li {
	margin-bottom:3px;
	background-position:0px 10px;
	}

.cat li {
	background:url(./template/cmsp/16/c_0/li.gif) no-repeat;	/* ブルー系 */
	/*	background:url(./template/cmsp/16/c_1/li.gif) no-repeat;	/* ピンク系 */
	background-position:left;
	padding-left:15px;
	}

.arch  {
	background:url(./template/cmsp/16/c_0/b_side_border.gif) repeat-x;	/* ブルー系 */
	/*	background:url(./template/cmsp/16/c_1/b_side_border.gif) repeat-x;	/* ピンク系 */
	background-position:left bottom;
	margin:0 8px;
	text-align:center;
	padding-bottom:8px;
	}

/*デコレーション　タイトル画像指定*/
/*ブルー系*/
.img_arch {	background: url(./template/cmsp/16/c_0/b_linktitle_arch.gif) no-repeat;}
.img_category {	background: url(./template/cmsp/16/c_0/linkttile_cat.gif) no-repeat;}
.img_newentry {	background: url(./template/cmsp/16/c_0/b_linktitle_ent.gif) no-repeat;}
/*ピンク系*/
/*
.img_arch {	background: url(./template/cmsp/16/c_1/b_linktitle_arch.gif) no-repeat;}
.img_category {	background: url(./template/cmsp/16/c_1/linkttile_cat.gif) no-repeat;}
.img_newentry {	background: url(./template/cmsp/16/c_1/b_linktitle_ent.gif) no-repeat;}
*/



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

.calendar {
	width:162px;
	marign:0 16px;
	font-family :"Verdana";
	font-size:10px;
	background:url(./template/cmsp/16/c_0/b_cal.gif) no-repeat;	/* ブルー系 */
	/*	background:url(./template/cmsp/16/c_1/b_cal.gif) no-repeat;	/* ピンク系 */
	background-position:center top;
	padding-top:25px;
	text-align:center;
	}

.calendar table {
	margin:0 auto;
	}

.cell {
	width:23px;
	height:20px;
	text-align: center;
	font-weight:bolder;
	color: #000;
	}

.cell a {
	display: block;
	width:23px;
	height:20px;
	text-decoration: none;
	background: #FF6293;
	color: #EAF7D6;
	}
.cell a:visited {
	text-decoration: none;
	color: #EAF7D6;
	}
.cell a:active {
	text-decoration: none;
	color: #EAF7D6;
	}

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




/* ------------------------------------- 
 *	枠外スペース
 * ------------------------------------- */

/*サイド-　タイトル画像指定*/
/*ブルー系*/
.img_com {	background: url(./template/cmsp/16/c_0/b_linktitle_com.gif) no-repeat;}
.img_tblist {	background: url(./template/cmsp/16/c_0/b_linktitle_tb.gif) no-repeat;}
.img_lnk {	background: url(./template/cmsp/16/c_0/b_linktitle_lnk.gif) no-repeat;}
.img_prof {	background: url(./template/cmsp/16/c_0/b_linktitle_profile.gif) no-repeat;}

/*ピンク系*/
/*
.img_com {	background: url(./template/cmsp/16/c_1/b_linktitle_com.gif) no-repeat;}
.img_tblist {	background: url(./template/cmsp/16/c_1/b_linktitle_tb.gif) no-repeat;}
.img_lnk {	background: url(./template/cmsp/16/c_1/b_linktitle_lnk.gif) no-repeat;}
.img_prof {	background: url(./template/cmsp/16/c_1/b_linktitle_profile.gif) no-repeat;}
*/

.side_border {
	width:210px;
	margin:10px auto 0px auto;
	padding-bottom:15px;
	background:url(./template/cmsp/16/c_0/side_border.gif) no-repeat;	/* ブルー系 */
	/*	background:url(./template/cmsp/16/c_1/side_border.gif) no-repeat;	/* ピンク系 */
	background-position:center bottom;
	}

.link{margin:30px 0; }

.linktitle{
	color:#006380;
	font-weight:bolder;
	text-align:center;
	}


.link ul {
	margin:0px 15px;
	}

.link li {
	line-height:140%;
	padding:5px 5px 5px 12px;
	border-bottom:1px dotted;
	background-position:0px 13px;
	}


/* ------------------------------------- 
 *	feed
 * ------------------------------------- */
.feed {
	text-align:center;
	}
.feed img {
	width:57px;
	height:15px;
	margin:0 5px;
	}




/* ************************************************ 
 *	メインエリア（id="main")
 * ************************************************ */

/* ------------------------------------- 
 *	パンくずナビ
 * ------------------------------------- */	
.pankuzu {
	margin-bottom:10px;
	background:url(./template/cmsp/16/c_0/pankuzu_c.gif) repeat-x;	/* ブルー系 */
	/*	background:url(./template/cmsp/16/c_1/pankuzu_c.gif) repeat-x;	/* ピンク系 */
	background-position:bottom; 
	}
.pankuzu_l {
	height:23px;
	width:35%;
	text-align:left;
	background:url(./template/cmsp/16/c_0/pankuzu_l.gif) no-repeat;	/* ブルー系 */
	/*	background:url(./template/cmsp/16/c_1/pankuzu_l.gif) no-repeat;	/* ピンク系 */
	background-position:left; 
	}
.pankuzu_r {
	text-align:right;
	width:35%;
	background:url(./template/cmsp/16/c_0/pankuzu_r.gif) no-repeat;	/* ブルー系 */
	/*	background:url(./template/cmsp/16/c_1/pankuzu_r.gif) no-repeat;	/* ピンク系 */
	background-position:right;
	}
.pankuzu_c {
	width:30%;
	text-align:center;
	}
.pankuzu_l p {margin-left:20px;}
.pankuzu_r p {margin-right:25px;}


/* ------------------------------------- 
 *	ページナビ
 * ------------------------------------- */	
.pagenavi {
	width:100%;
	margin:10px 0px;
font-size:10px;
	}
.pagenavi_l {
	height:25px;
	background:url(./template/cmsp/16/c_0/pagenavi_l.gif) no-repeat;	/* ブルー系 */
	/*	background:url(./template/cmsp/16/c_1/pagenavi_l.gif) no-repeat;	/* ピンク系 */
	background-position:left;
	padding-left:25px; 
	}
.pagenavi_r {
	background:url(./template/cmsp/16/c_0/pagenavi_r.gif) no-repeat;	/* ブルー系 */
	/*	background:url(./template/cmsp/16/c_1/pagenavi_r.gif) no-repeat;	/* ピンク系 */
	background-position:right;
	text-align:right;
	padding-right:25px;
	}
.pagenavi_b {
	height:1px;
	background:url(./template/cmsp/16/c_0/pankuzu_c.gif) repeat-x;	/* ブルー系 */
	/*	background:url(./template/cmsp/16/c_1/pankuzu_c.gif) repeat-x;	/* ピンク系 */
	}


/* ------------------------------------- 
 *	境界線
 * ------------------------------------- */
.arrow {
	width:100%;
	height:17px; 
	}
.arrow_l {
	width:24px;
	background:url(./template/cmsp/16/c_0/arrow_l.gif) no-repeat; 	/* ブルー系 */
	/*	background:url(./template/cmsp/16/c_1/arrow_l.gif) no-repeat; 	/* ピンク系 */
	}
.arrow_c {
	background:url(./template/cmsp/16/c_0/arrow_c.gif) repeat-x; 	/* ブルー系 */
	/*	background:url(./template/cmsp/16/c_1/arrow_c.gif) repeat-x; 	/* ピンク系 */
	}
.arrow_r {
	width:24px;
	background:url(./template/cmsp/16/c_0/arrow_r.gif) no-repeat; 	/* ブルー系 */
	/*	background:url(./template/cmsp/16/c_1/arrow_r.gif) no-repeat; 	/* ピンク系 */
	}





/* ************************************************ 
 *	エントリー
 * ************************************************ */

/* ------------------------------------- 
 *	entry_date
 * ------------------------------------- */
.entry_date {
	width:100%;
	height:31px;
	background:url(./template/cmsp/16/c_0/catname_bg.gif) repeat-x; 	/* ブルー系 */
	/*	background:url(./template/cmsp/16/c_1/catname_bg.gif) repeat-x; 	/* ピンク系 */
	}
.entry_date_l {
	width:45px;
	background:url(./template/cmsp/16/c_0/catname_l.gif) no-repeat;	/* ブルー系 */
	/*	background:url(./template/cmsp/16/c_1/catname_l.gif) no-repeat;	/* ピンク系 */
	background-position:left; 
	}
.entry_date_r {
	color:#FFF;
	font-weight:bolder;
	background:url(./template/cmsp/16/c_0/catname_r.gif) no-repeat;	/* ブルー系 */
	/*	background:url(./template/cmsp/16/c_1/catname_r.gif) no-repeat;	/* ピンク系 */
	background-position:right; 
	}

/*記事タイトル　クラウン画像*/
	.listimg_crown {	background: url(./template/cmsp/16/c_0/crown.gif) no-repeat;	/* ブルー系 */
	/*	.listimg_crown {	background: url(./template/cmsp/16/c_1/crown.gif) no-repeat;	/* ピンク系 */
	width:17px;
	height:20px;
	margin-left:15px;
}

/* ------------------------------------- 
 *	エントリー
 * ------------------------------------- */

.entry {
	background:#FFF url(./template/cmsp/16/c_0/b_icon_ent.gif) no-repeat;	/* ブルー系 */
	/*	background:#FFF url(./template/cmsp/16/c_1/b_icon_ent.gif) no-repeat;	/* ピンク系 */
	background-position: 3px 18px;
	border:1px solid;
	margin-bottom:10px;
	}
.entry_top {
	background:#FFF url(./template/cmsp/16/c_0/lace_sc_top.gif) repeat-x;	/* ブルー系 */
	/*	background:#FFF url(./template/cmsp/16/c_1/lace_sc_top.gif) repeat-x;	/* ピンク系 */
	}
.entry_bottom {
	background:#FFF url(./template/cmsp/16/c_0/lace_sc_bottom.gif) repeat-x;	/* ブルー系 */
	/*	background:#FFF url(./template/cmsp/16/c_1/lace_sc_bottom.gif) repeat-x;	/* ピンク系 */
	}

.entry_body {
	padding:10px 20px;
	}

.entry_title {
	padding-bottom:10px;
	margin-bottom:10px;
	margin-left:25px;
	background:url(./template/cmsp/16/c_0/border_box.gif) repeat-x;	/* ブルー系 */
	/*	background:url(./template/cmsp/16/c_1/border_box.gif) repeat-x;	/* ピンク系 */
	background-position:bottom left;
	
	color:#006380;
	font-weight:bolder;
	}

.entry_more {
	padding:5px 0px;
	}

.entry_state {
	border-top:1px dotted;
	padding:5px 0;
	margin-top:10px;
	}

blockquote {
	margin:10px 0px;
	background:#FFF;
	border:1px dotted #999;
	padding:10px;
	}

.pict {
	background:#FFF;
	padding:4px;
	border-top:1px #D1D1D1 solid;
	border-right:1px #989898 solid;
	border-bottom:1px #989898 solid;
	border-left:1px #D1D1D1 solid;
	}




.etc_title {
	color:#3D859A;
	font-weight:bolder;
	margin-top:30px;
	}

.icon_com {
	height:22px;
	background:url(./template/cmsp/16/c_0/b_icon_com.gif) no-repeat;	/* ブルー系 */
	/*	background:url(./template/cmsp/16/c_1/b_icon_com.gif) no-repeat;	/* ピンク系 */
	background-position:left;
	margin-left:24px;
	padding-left:40px;
	}
.icon_tb {
	background:url(./template/cmsp/16/c_0/icon_tb.gif) no-repeat;	/* ブルー系 */
	/*	background:url(./template/cmsp/16/c_1/icon_tb.gif) no-repeat;	/* ピンク系 */
	background-position:left;
	margin-left:24px;
	padding-left:40px;
	}

/* ------------------------------------- 
 *	コメント
 * ------------------------------------- */
 
.com {
	 border:1px solid;
	 margin:10px 20px;
	 padding:10px;
	}

.com_state {
	line-height:120%;
	margin-bottom:10px;
	}

.comment_form {margin:10px 20px;}



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

.tb_url {
	background:url(./template/cmsp/16/c_0/tb_url.gif) no-repeat;	/* ブルー系 */
	/*	background:url(./template/cmsp/16/c_1/tb_url.gif) no-repeat;	/* ピンク系 */
	background-position:left;
	margin:5px 0px;
	margin-left:24px;
	padding-left:40px;
	}
.tb {
	margin:10px 24px;
	border:1px solid;
	}
.tb div { padding:5px 10px;}

.tb_body {
	padding:10px;
	border-top:1px dotted;
	border-bottom:1px dotted;
	}