@charset "UTF-8";       /* 文字コードセット */

/*///目次/////////////////////////////

1.全体構造（全体構造～フッターの設定まで）
2.汎用スタイルシート
3.トップページ

////目次 終了/////////////////////////*/

/* 全体構造
---------------------------------------------------- */
* {margin:0px; padding: 0px;}/* 各ブラウザの独自解釈をリセット */
html{overflow:scroll;}

a{outline:none; }
a img{ border:none;background:transparent;}

a:link {text-decoration: none;color: #0000ff;}
a:visited {text-decoration: none;color: #0000ff;}
a:hover {text-decoration: underline;color: #0000ff;}
a:active {text-decoration: none;color: #0000ff;}

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;
	background-color:#fef7f7;
    text-align:center; /* IE5.5以前用中央揃え */
    font-size: 0.8em; /* 基本フォントサイズ */
    font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック";
    line-height: 1.5em; /* 基本の行間 */
}

#wrapper {
    background:#FFF;
    width: 760px; /* 基本ページ幅 */
    margin:0px auto; /* 新しいブラウザ用中央揃え */
    text-align:left;  /* 内容を左揃えに戻す */
	border-left:1px solid #ffcbcb;
	border-right:1px solid #ffcbcb;
}

/* ヘッダ
---------------------------------------------------- */

#header {
    width:760px;
    height:80px;
    background:url(../../img/plain/header.jpg) no-repeat;
    margin:0px auto;
	text-indent:-9999px;
}

#header h1 {
    font-size:140%;
    font-weight:normal;
    padding:20px 0px 0px 20px;
}

h1 a:link,  h1 a:visited{
    color:#333;
    background: transparent; 
    text-decoration:none;
}

#header p{ color:#777;padding:10px 20px 0px 20px;}

/* コンテンツ幅
---------------------------------------------------- */

#content {/* コンテンツ全体の幅 */
    width: 740px;
    padding:10px;
}

#main {/* 左カラムの幅 */
    width:530px;
    float:left;
}

#block {/* 右カラムの幅 */
    width:200px;
    float:right;
}

/* 汎用スタイルシート
---------------------------------------------------- */

.clear {clear:both;}

#page-top {
    clear:both;
    width:720px;
    text-align:right;
    margin:0px auto;
}

/* サイドバー
---------------------------------------------------- */

#calendar,
#search,
#recent,
#archive,
#category{
    width:198px;
    border:1px solid #ccc;
    margin-bottom:20px;
}

#rss{
    width:198px;
    border:1px solid #ccc;
    margin-bottom:20px;
    text-align:center;
}

.block-center { padding:20px;}/* カレンダー・RSS・検索の位置調整*/

.EzCalendar{/* カレンダーのセンター揃え */
    width:158px;
    margin:0px auto;
    text-align:center;
    border-collapse:collapse;
    padding:1px;
}

.EzCalendar th{ font-weight:normal;padding:1px;}

.EzCalendar td{ border:1px solid #ddd;padding:1px;}

#block h2 {/* サイドバーのタイトル */
    background:url(../../img/plain/block-h2-back.jpg) no-repeat;
    height:33px;
    font-size:100%;
    font-weight:normal; text-indent:35px;
    line-height:280%;
    text-align:left;
}

#block ul { width:160px; margin:0px auto; padding-bottom:20px;}

#block li {
    list-style:none;
    background:url(../../img/plain/list-icon.gif) no-repeat 0px 17px;/* サイドバーリストアイコン */
    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 {}

.entry h2 {font-size:90%; text-align:right; font-weight:normal;}/* 日付 */

#content h3 {
    background:url(../../img/plain/entry-title-back.jpg) no-repeat;/* 記事タイトル */
    height:32px;
    text-indent:25px;
    line-height:230%;
    font-size:100%;
}

.entry .message {
    padding:10px 10px 30px 10px;
    background:url(../../img/plain/comment-back.jpg) no-repeat;/* コメントの影背景 */
    margin-top:20px;
}

.entry .posted {padding:10px; font-size:85%;}

div.paging {color:#ccc;margin-bottom: 2em;}

div.paging div.disabled {color: #ddd;display:inline;}

div.paging span {}

div.paging span.current {color: #000;}

div.paging span a {}

/* コメント画面
---------------------------------------------------- */

.comments h4{ font-size:100%; font-weight:normal; padding:10px;}/* コメントした人 */

.comments p{ padding:10px;}

.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:760px;
    margin:0px auto;
    height:68px;
    background:url(../../img/plain/footer.jpg) no-repeat;
    text-align:right;
    font-size:90%;
	
}

#footer p{ padding:25px 20px 0px 0px;text-indent:-9999px;}