@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: #db453e; text-decoration:underline;} /* リンクの色 */
a:visited {color: #db453e; text-decoration:underline;} /* 訪問済みリンクの色 */
a:hover, a:active {color: #db453e; text-decoration:none;} /* マウスオーバー、アクティブリンクの色 */

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{ 
	font-size:80%; /* 基本のフォントサイズ */
	line-height: 1.5em; /* 基本の行間 */
	text-align:center;
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", Meiryo, sans-serif;
	text-align:justify; /* Firefox用*/
	text-justify:inter-ideograph;/* ie用 */
	background:url(/images/bg.jpg) repeat-x #000;
	color: #333; /* 基本文字色 */
}

#wrapper {
	width:960px;
	text-align:left;
	margin:0px auto;
}

/* ヘッダ
---------------------------------------------------- */
h1{
	font-size:10px;
	color:#fff;
	padding:2px 0px;
	font-weight:normal;
	width:860px;
	float:left;
}

h1 a:link {color: #fff; text-decoration:none;} /* リンクの色 */
h1 a:visited {color: #fff; text-decoration:none;} /* 訪問済みリンクの色 */
h1 a:hover, a:active {color: #fff; text-decoration:none;} /* マウスオーバー、アクティブリンクの色 */



#headnavi{
	float:right;
	width:84px;
	height:9px;
	margin-top:6px;
}

#header p{ color:#777;padding:10px 20px 0px 20px;}

/* コンテンツ幅
---------------------------------------------------- */
#pagebody{
	background:url(/images/pagebody-bg.jpg) repeat-y #fff;
	width:960px;
	clear:both;
}
#pagebody-sub{
	background:url(/images/main2.jpg) no-repeat;
	width:923px;
	padding:0px 20px 0px 17px;
}
#content-sub{
	float:right;
	width:690px;
	margin-top:135px;
}
#side{
	background:url(/images/navi-bg.png) no-repeat top;
	width:180px;	/* ナビボックス横幅 */
	float:left;
	height:500px;
	padding:0px 20px 0px 18px;
}
* html #side{
behavior: expression(IEPNGFIX.fix(this));
} 


#main {/* 左カラムの幅 */
    width:465px;
    float:left;
}

#block {/* 右カラムの幅 */
    width:210px;
    float:right;
}


/* サイド
---------------------------------------------------- */
.navi-top{ vertical-align:bottom; clear:both; width:180px;}
.navigation{
	font-size:12px;
	line-height:120%;
	margin-bottom:15px;
	_margin-bottom:0px;
	width:180px;
}
.navigation ul{list-style:none;}
.navigation li a{display:block;text-decoration:none;}
.navigation li{float:left; width:180px; height:31px;}



/* 汎用スタイルシート
---------------------------------------------------- */

.clear {clear:both;}

#page-top {
    clear:both;
    width:720px;
    text-align:right;
    margin:0px auto;
}

/* サイドバー
---------------------------------------------------- */

#calendar,
#search,
#recent,
#archive,
#category{
    width:210px;
    margin-bottom:15px;
	background-color:#fff0b2;
}

#rss{
    width:210px;
    margin-bottom:15px;
    text-align:center;
	background-color:#fff0b2;
}

.block-center { padding:10px 15px;}/* カレンダー・RSS・検索の位置調整*/

.EzCalendar{/* カレンダーのセンター揃え */
    width:180px;
    margin:0px auto;
    text-align:center;
    border-collapse:collapse;
    padding:1px;
}

.EzCalendar th{ font-weight:normal;padding:1px;}

.EzCalendar td{ border:1px solid #ddd09a;padding:1px;}

/*#block h2 {/* サイドバーのタイトル */
/*    background:url(../../img/plain/block-h2-back.jpg) no-repeat;
    height:39px;
    font-size:100%;
    font-weight:normal; text-indent:20px;
    line-height:310%;
    text-align:left;
}*/

#block ul { width:180px; margin:0px auto; padding-bottom:10px;}

#block li {
    list-style:none;
    background:url(../../img/plain/mark-link.gif) no-repeat 0px 12px;/* サイドバーリストアイコン */
    padding:5px 0px 5px 7px;
}

#block li a{color:#603412; text-decoration:underline;}
#block li a:hover{ color:#603412; text-decoration:none;}

/* トップページ
---------------------------------------------------- */
.entry h2 {font-size:90%; text-align:right; font-weight:normal;}/* 日付 */

.entry h3 {
	border-bottom:2px solid #603412;
	color:#603412;
    font-size:120%;
	padding-bottom:5px;
	margin-bottom:5px;
}

.entry .message {
    padding-bottom:15px;
    margin-top:10px;
}

.entry .posted {padding:10px; font-size:85%; border-top:1px solid #ccc;}

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 {}

/* コメント画面
---------------------------------------------------- */
.title2{
	border-bottom:2px dotted #603412;
	color:#603412;
    font-size:100%;
	padding-bottom:5px;
	margin-bottom:5px;
}

.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;
}

/* フッタ
---------------------------------------------------- */
#pagetop{
	clear:both;
	width:690px;
	border-bottom:1px solid #ccc;
	text-align:right;
	margin-bottom:0px;
}

#footer-link{
	font-size:10px;
	padding:7px 0px;
	border-bottom:1px solid #ccc;
}
#footer-link ul{ line-height:1.5em;}
#footer-link li{
	list-style:none;
	display:inline;
	border-right:#ccc 1px solid;
	padding:0px 3px;
}
#footer-link li.last{border:none; padding-right:0px;}

#footer-link a:link {color: #666; text-decoration:none;} /* リンクの色 */
#footer-link a:visited {color: #666; text-decoration:none;} /* 訪問済みリンクの色 */
#footer-link a:hover, a:active {color: #333; text-decoration:underline;} /* マウスオーバー、アクティブリンクの色 */


#footer{
	clear:both;
	background:url(/images/pagebody-bottom.jpg) no-repeat top;
	width:960px;
	padding-top:29px;
	margin-bottom:15px;
}

#footnavi{
	width:241px;
	float:right;
	font-size:12px;
	line-height:120%;
}
#footnavi ul{list-style:none;}
#footnavi li a{display:block;text-decoration:none;}
#footnavi li{float:left; height:12px;}
#footnavi1{ width:73px;}
#footnavi2{ width:94px;}
#footnavi3{ width:74px;}

address{ width:271px; height:11px; float:left;}
