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

　※はじめに※

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

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

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

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

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

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

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

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


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

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

body {
	color:#4D4D4D;
	font-size: 12px;
	line-height:1.5;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;

}

#wrapper_body {
	/*background:#F3E1E1 url(./template/cmsp-beauty/img/pink/bg.gif);  ピンク系 */
	/* background:#DFE3E4 url(./template/cmsp-beauty/img/blue/bg.gif); /* ブルー系 */
	background-repeat:repeat-x;
}
	

img {
	border:none;
}

li {
	list-style-type:none;
}

br.clear {
	clear:both;
	font:0/0 sans-serif;
}

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

#wrap {
	width:835px;
	margin: 0 auto;
	
	background-image:url(./template/cmsp-beauty/img/pink/wrap.gif); /* ピンク系 */
	/* background-image:url(./template/cmsp-beauty/img/blue/wrap.gif); /* ブルー系 */
	background-color:#FFF;
	background-repeat:repeat-y;
}

#wrap_top {
	width:812px;
	padding:0px 10px 0px 13px;
	
	background-image:url(./template/cmsp-beauty/img/pink/wrap_top.gif); /* ピンク系 */
	/* background-image:url(./template/cmsp-beauty/img/blue/wrap_top.gif); /* ブルー系 */
	background-repeat:no-repeat;
}


	
#header {
	height:110px;
	padding-left:15px;
	padding-top:25px;
	
	background-image:url(./template/cmsp-beauty/img/pink/header.jpg); /* ピンク系 */
	/* background-image:url(./template/cmsp-beauty/img/blue/header.jpg); /* ブルー系 */
	background-repeat:no-repeat;
	}

#side {
	width:195px;
	float:left;
	padding-bottom:30px;
	}

	
#main {
	width:580px;
	float:right;
	padding-bottom:30px;
	}

	
#footer {
	clear:both;
	width:812px;
	padding:15px 0;
	text-align:center;
	
	background:#DFC5C6; border-top:4px #CAB6B6 solid; /* ピンク系 */
	/* background:#BAD7D5; border-top:4px #C7DDDD solid; /* ブルー系 */
	}


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

#main a:link,
#main a:visited,
#main a:active  {color: #339999;}
#main a:hover   {color: #99CCCC;} 
 
#footer a:link,
#footer a:visited,
#footer a:active  {color: #4D4D4D;}
#footer a:hover   {color: #666;}




/* ************************************************ 
 *	ヘッダー、フッター
 * ************************************************ */

#header h1 {
	font-size:33px;
	font-family:'Sylfaen','Palatino Linotype',sans-serif;
}

.description {
	font-size:10px;
}

#footer address {
	font-style:normal;
	font-size:10px;
}



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

#side dl {
	margin-left:15px;
	width:180px;
}

#side dt {
	color:#666;
	font-weight:bolder;
	background:transparent url(./template/cmsp-beauty/img/side_dt.gif) no-repeat left;
	padding-left:15px;
}

#side dd {
	margin-bottom:15px;
	padding-top:5px;
	background:transparent url(./template/cmsp-beauty/img/side_dd.gif) no-repeat left top;
}

#side li {
	margin-bottom:3px;
	padding-left: 15px;
	list-style-type: none;
	background: url(./template/cmsp-beauty/img/li.gif) no-repeat;
	background-position: 0px 6px;
}



/* ------ 検索 ------ */

.search input.keyword {
	width:120px;
	margin-right:5px;
	vertical-align:middle;
}
.search input.btn {
	width:40px;
	height:20px;
	vertical-align:middle;
}

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

.calendar {
	font-family :"Verdana";
	font-size: 10px;
	margin-bottom:20px;
	color: #000;
	}

.calendar .date {
	width:173px;
	background:transparent url(./template/cmsp-beauty/img/date.gif) no-repeat;
	padding-top:27px; 
}

.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;
	color: #000;
	background:#FFF;
	text-align: center;
	font-weight:bolder;
	}

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

.cell a:hover {
	background: #CCC;
}

.calendar_month {
	background:#FFF;
	padding:3px 0px;
	}


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

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

/* ************************************************ 
 *	メイン
 * ************************************************ */
 
dl.entry {
	width:553px;
	background:url(./template/cmsp-beauty/img/round_bg.gif) repeat-y left top; 
	margin-bottom:20px;
}

dl.entry dt {
	background:url(./template/cmsp-beauty/img/round_top.gif) no-repeat left top;
	padding:15px 20px;
}

dl.entry dd {
	background:url(./template/cmsp-beauty/img/round_btm.gif) no-repeat left bottom;
	padding:0px 20px 15px 20px;
}
 


/* ------ エントリーナビ ------ */
 
.pankuzu {
	margin-bottom:10px;
	font-size:10px;
}


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

table.pagenavi {
	width:553px;
	height:23px;
	text-align:center;
	font-size:10px;
}

.pagenavi .prev {
	width:102px;
	background:url(./template/cmsp-beauty/img/page_prev.gif) no-repeat left;
}

.pagenavi .next {
	width:102px;
	background:url(./template/cmsp-beauty/img/page_next.gif) no-repeat right;
}

.pagenavi .num {
	width:349px;
	background:#EAEAEA;
}




/* ------------------------------------- 
 *	エントリー
 * ------------------------------------- */
.entry_title {
	font-weight:bolder;
	color:#333;
	background:transparent url(./template/cmsp-beauty/img/border.gif) repeat-x left bottom;
	padding-bottom:3px;

}

.entry_love {
	margin:0px 0px 0px 20px;
}

.entry_date {
}

.entry_body {
}

.entry_more {
	margin-top:10px;
}

.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;
}


/* ------------------------------------- 
 *	コメント
 * ------------------------------------- */
 
.com_box {
	 background:url(./template/cmsp-beauty/img/slash.gif) repeat-y;
	 padding:0px 20px;
	 margin-bottom:20px;
	}
.com_state {
	margin-top:10px;
	font-size:10px;
	}

.com_form {
	background:#E8E8E8;
	padding:10px 15px;
}

.com_form input.form {
	width:200px;
}

.com_form textarea {
	width:300px;
}

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

dl#trackback {
	width:525px;
	margin-left:12px;
}

dl#trackback dt {
	background:transparent url(./template/cmsp-beauty/img/border.gif) repeat-x left bottom;
	padding-bottom:5px;
	font-weight:bolder;
	color:#666;
}

dl#trackback dt div {
	background:url(./template/cmsp-beauty/img/disc.gif) no-repeat left;
	padding-left:20px;
}

dl#trackback dd.tb_url {
	font-weight:bolder;
	color:#FF3366;
	margin-top:5px;
	margin-bottom:20px;
}


dl#trackback dd.tb_box {
	border:1px #DDD solid;
	margin:10px 0px;
}


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

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