@charset "UTF-8";       /* 文字コードセット */

/*///目次/////////////////////////////

1.全体構造（全体構造～フッターの設定まで）
2.汎用スタイルシート
3.トップページ

////目次 終了/////////////////////////*/

/* 全体構造
---------------------------------------------------- */
* {margin:0px; padding: 0px;}/* 各ブラウザの独自解釈をリセット */
html{overflow:scroll;}

a{outline:none; }
a img{ border:none;background:transparent;}

a:link {color: #f54978; text-decoration:none;} /* リンクの色 */
a:visited {color: #f54978; text-decoration:none;} /* 訪問済みリンクの色 */
a:hover, a:active {color: #f54978; text-decoration:underline;} /* マウスオーバー、アクティブリンクの色 */

div{
	zoom:1;/*for IE 5.5-7*/
	behaviors: url(iepngfix.htc);
}
div:after{/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

body{ 
	color:#333;
	background:url(images/bg.jpg) repeat-x #f8d0d9;
	text-align:center; /* IE5.5以前用中央揃え */
	font-size: 0.8em; /* 基本フォントサイズ */
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック";
	line-height: 1.5em; /* 基本の行間 */
}

#wrapper {
	background-color:#fff;
	width: 758px; /* 基本ページ幅 */
	margin:0px auto; /* 新しいブラウザ用中央揃え */
	text-align:left;  /* 内容を左揃えに戻す */
	border-left:1px solid #d79eab;
	border-right:1px solid #d79eab;
	border-bottom:1px solid #d79eab;
}

#pagebody{
	width:730px;
	padding:0px 14px;
}

/* ヘッダ
---------------------------------------------------- */
#header {
	width:730px;
	height:64px;
	margin:0 auto;
	background:url(images/header.jpg) no-repeat;
}
h1 {margin: 0px;text-align:right;}
h1 strong{
	font-size:10px;
	font-weight:normal;
	color:#333;
}
h1 a{display:block;text-decoration:none; width:730px; height:61px;}
h1 a:link, h1 a:visited{text-decoration:none;}
h1 img{vertical-align:bottom;} /* firefox,Operaなどで、見出し画像下の隙間をなくす */


/* コンテンツ幅
---------------------------------------------------- */
#main {/* 左カラムの幅 */
	width:515px;
	float:left;
}

#block {/* 右カラムの幅 */
	width:200px;
	float:right;
}

/* 汎用スタイルシート
---------------------------------------------------- */
.clear {clear:both;}

#page-top {
	clear:both;
	width:730px;
	text-align:right;
	margin:0px auto;
}
.float_left {float:left;}
.float_right {float:right;}
.center {text-align:center;}
.midashi1 {
	background:url(images/list-icon.gif) no-repeat left center;
	padding-left:10px;
}
.midashi2 {
	background:url(images/icon01.gif) no-repeat left center;
	padding-left:15px;
	font-size:100%;
	margin-top:15px;
	margin-bottom:5px;
}
.bold {font-weight:bold;}

/* サイドバー
---------------------------------------------------- */
#calendar,
#search,
#recent,
#archive,
#category{
	width:198px;
	border:1px solid #ccc;
	margin-bottom:10px;
}

#rss{
	width:198px;
	border:1px solid #ccc;
	margin-bottom:20px;
	text-align:center;
}

.block-center {padding:5px 20px;}/* カレンダー・RSS・検索の位置調整*/

.EzCalendar-head{/* カレンダーのセンター揃え */
	width:158px;
	margin:0px auto;
	text-align:center;
	border-collapse:collapse;
	padding:1px;
}
.EzCalendar{/* カレンダーのセンター揃え */
	width:158px;
	margin:0px auto 10px auto;
	text-align:center;
	border-collapse:collapse;
	padding:1px;
}

.EzCalendar th{ font-weight:normal;padding:1px;}

.EzCalendar td{ border:1px solid #ddd;padding:1px;}

.recent-box {
	border-bottom:1px dotted #999;
	padding-top:5px;
}

#block h2 {/* サイドバーのタイトル */
/*	background:url(images/default/block-h2-back.jpg) no-repeat;
	height:39px;
	font-size:100%;
	font-weight:normal; text-indent:20px;
	line-height:310%;
	text-align:left;*/
	width:198px;
	height:34px;
}

#block ul { width:160px; margin:0px auto; padding-bottom:20px;}

#block li {
	list-style:none;
	background:url(images/list-icon.gif) no-repeat left;/* サイドバーリストアイコン */
	border-bottom:1px solid #ddd;
	padding:10px 0px;
	text-indent:12px;
}

#block li a{color:#333; text-decoration:underline;}
#block li a:hover{ color:#333; text-decoration:none;}

/* トップページ
---------------------------------------------------- */
/*.entry h2 {font-size:90%; text-align:right; font-weight:normal;margin-bottom:5px;}/* 日付 */

.entry h3 {
	background:url(images/entry-title-back.jpg) no-repeat;/* 記事タイトル */
	height:30px;
	line-height:230%;
	font-size:100%;
	padding-left:20px;
	color:#fff;
	margin-bottom:10px;
}

.entry h3 a:link {color: #fff; text-decoration:none;} /* リンクの色 */
.entry h3 a:visited {color: #fff; text-decoration:none;} /* 訪問済みリンクの色 */
.entry h3 a:hover, a:active {color: #fff; text-decoration:underline;} /* マウスオーバー、アクティブリンクの色 */

.message{
	background:url(images/comment-back.jpg) no-repeat top;/* コメントの影背景 */
	padding:15px;
}

.message p{	margin-bottom:10px;}

.message img{
	border:1px solid #ddd;
	background-color:#fff;
	padding:2px;
}

.posted {padding:10px 0 0 10px; font-size:85%;}

div.paging {color:#ccc;margin-bottom: 2em;}

div.paging div.disabled {color: #ddd;display:inline;}

div.paging span.current {color: #000;}


/* コメント画面
---------------------------------------------------- */
	
.comments p{ padding:10px;}

.comments-box {
	background-color:#f1f1f1;
	padding:10px;
	margin-bottom:10px;
	width:478px;
	border:1px solid #ccc;
}

.input{border-bottom:1px solid #ddd;padding:15px 10px;}

.input label{width:80px;float:left; }

.input input{width:390px; float:right;}

.required{border-bottom:1px solid #ddd; padding:15px 10px;}

.required label{width:80px; float:left;}

.required textarea{ width:390px;float:right;}

.submit{ padding:10px 0px 0px 5px;}

.errorDiv{
	background:#f9f9f9;/* エラーコメント */
	color:#ff0000;
	margin-top:15px;
	padding:5px;
}

/* フッタ
---------------------------------------------------- */
#footer{
	width:730px;
	margin:0px auto 20px auto;
}