@charset "EUC-JP";

/* ----------------------------------------
 作成日:2011.07.26
 作成者:mana-project
 by ユーザー名 (http://www.ema-ema-ema.com)
---------------------------------------- */


/* --------------------------------------
　リセット
--------------------------------------- */
 
*{margin:0;padding:0;}

h1,h2,h3,h4,h5,h6{font-size:100%;}
a{text-decoration:underline;overflow:hidden;}
img{border:none;vertical-align:top;}
li{list-style-type:none;}
hr{display:none;clear:both;}
br.clear{clear:both;}

/* --------------------------------------
　共通部分
--------------------------------------- */

/* ページ全体のテキスト色 */
html{color:#333333;}

/* ページ全体 */
body{
	width:100%;
	text-align:center;
	font-size:12px;
	font-family:'ＭＳ Ｐゴシック','メイリオ',sans-serif,"Osaka‐等幅";
	line-height:2em;
	background-color:#ffffff;
	background-image:url(../images/bg-top.jpg);
	background-repeat:repeat-x;
	background-position:top center;
	background-attachment:fixed;
}

#container{
	background-image:url(../images/bg-bottom.jpg);
	background-repeat:repeat-x;
	background-position:bottom center;
	background-attachment:scroll;
}

#footlight{
	background:url(../images/gradation.png) repeat-x scroll center bottom transparent;
	height:72px;
	position:fixed;
	bottom:0;
	width:100%;
	z-index:10;
}

*html #footlight{
	background:none;
	height:0;
}

/* ページ全体のリンク色 */
a{color:#333333;text-decoration:underline;}
a:link{color:#333333;text-decoration:underline;}
a:visited{color:#333333;text-decoration:underline;}
a:hover{color:#555555;text-decoration:none;}
a:active{color:#555555;text-decoration:none;}

/* サイト名の色 */
h1 a,h1 a:link,h1 a:visited{color:#000000;text-decoration:none;}
h1 a:hover,h1 a:active{color:#999999;text-decoration:none;}

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

　■ページ全体の変更方法（初期は幅950に設定されています）
  ・A にページ全体の幅を指定する
  ・B + 40 = A になるように B の値を指定する
  ・C + D + 40 + 20 = A になるように C と D の値を指定する
  
  ※サイドメニューの幅は C　、記事の枠の幅は D の値を変更 
  ※余白(padding)の値を変えない場合の方法です
--------------------------------------- */

/* ページ全体の幅、レイアウトを中央揃え */
#wrapper{
	width:960px; /* A */
	margin:0 auto;
	padding:0 0;
	text-align:left;
	background-color:#fff;
}

/* ブログ名と説明文、トップ画像 */
#header{
	width:940px;  /* B */
	height:220px;
	clear:left;
	margin:0 auto;
	padding:0;
	background-color:#ffffff;
	background-image:url(../images/topimage.jpg);
	background-repeat:no-repeat;  
	background-position:top center;
	background-attachment:scroll;
}

/* コンテンツ枠（記事の枠）*/
#content{
	margin:0 auto;
	padding:0 10px 0 10px;
}

/* 記事の枠 */
#mainwrapper{
	margin:10px 0 0;
	background-image:url(../images/kazarikei-top.gif);
	background-repeat:no-repeat;  
	background-position:top center;
}

#main{
	width:800px;  /* D */
	margin:0 auto;
	padding:70px 0;
	background-image:url(../images/kazarikei-bottom.gif);
	background-repeat:no-repeat;  
	background-position:bottom center;
}

/*　フッター */
#footer{
 	width:100%;
}
 
 
/* --------------------------------------
　メイン
--------------------------------------- */

/* サイト名 */
h1{float:left;font-size:14px;font-weight:normal;padding:0 0 0 3px;}

/* サイトの説明文 */
div#description{float:right;padding:0 2px 0 0;}

.entry{margin:0 0 30px;}

/* 次の記事・前の記事 */
#entryNavi{margin:0;}
#entryNavi a{color:#a69425;}
#entryNavi a:hover{color:#555555;}

#pager{color:#a69425;padding:0 0 20px;text-align:center;width:100%;}
#pager span{margin:0 3px;}

#pager span.current{
	background-color:#a69425;
	padding:4px 7px;
	color:#fff;
	font-weight:bold;
}

#pager span a{
	background-color:#e4e4e4;
	color:#565656;
	padding:4px 7px;
	text-decoration:none;
}

#pager span a:hover,#pager span a:active{
	background-color:#666666;
	color:#fff;
	text-decoration:none;
}

/* 記事のタイトル */
h2{
	height:62px;
	font-size:14px;
	font-weight:bolder;
	line-height:58px;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	background-image:url(../images/titlebar.jpg);
	background-repeat:no-repeat;
	background-position:center center;
}

h3{
	color:#ff9900;
	font-size:14px;
	font-weight:bolder;
	margin-bottom:15px;
}
h3 a{color:#ff9900;}
h3 a:link{color:#ff9900;}
h3 a:visited{color:#ff9900;}
h3 a:hover{color:#ff9900;}

h4{
	font-weight:bolder;
	font-size:12px;
	color:#a69425;
	background-image:url(../images/listmark.gif);
	background-repeat:no-repeat;  
	background-position:center left;
	padding:2px 0 1px 15px;
	margin-bottom:10px;
}

/* 記事本文 */
.entryBodyTop{
	margin:0 auto;
	width:622px;
	height:40px;
	background-image:url(../images/entrybodytop.gif);
	background-repeat:no-repeat;  
	background-position:top center;
}

.entryBodyBottom{
	margin:0 auto;
	width:622px;
	height:40px;
	background-image:url(../images/entrybodybottom.gif);
	background-repeat:no-repeat;  
	background-position:bottom center;
}

.entryBody{margin:0 auto;padding:10px 40px 1px;width:540px;border-left:1px solid #CBBD9E;border-right:1px solid #CBBD9E;}

div.pbox{margin-bottom:20px;}

div.line{
	margin:0 auto 10px;
	height:40px;
	background-image:url(../images/entrybodyline.gif);
	background-repeat:no-repeat;  
	background-position:top center;
}

p{padding:0 10px;margin-bottom:10px;line-height:2em;}

p.marginoff{margin:0;}

ul.plist{color:#555555;margin-bottom:12px;padding-left:12px;}


/* このページの先頭へ */
.pageTop{
	margin:0 75px 20px 0;
	text-align:right;
}

.pageTop a{
	color:#a69425;
	padding:0 18px 0 0;
	background-image:url(../images/arrow.gif);
	background-repeat:no-repeat;  
	background-position:center right;
}

.pageTop a:hover{
	color:#555555;
	background-image:url(../images/arrow-ov.gif);
	background-repeat:no-repeat;  
	background-position:center right;
}

#pagetopheart{
	position:fixed;
	right:5px;
	bottom:20px;
	z-index:100;
	_display:none;
}


/* --------------------------------------
　記事の装飾
--------------------------------------- */

/* 引用 */
#main blockquote{
	border:1px dotted #cccccc;
	padding:10px;
	margin:10px;
}

/* 画像 */
#main .pict{border:1px solid #cccccc;padding:3px;margin-top:10px;margin-bottom:20px;}

#main a img.pict{
	background-image: url(../images/magnifying-glass.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding-bottom: 26px;
}


/* リスト */
div.entryBody li{
	list-style:circle;
	margin:0 0 0 15px;
}

div table.listbox{
	border:0;
	margin:0 auto;
	padding-bottom:30px;
}

div table.listbox li{
	background-image:url(../images/listmark.gif);
	background-repeat:no-repeat;  
	background-position:center left;
	padding:2px 0 1px 15px;
	list-style:none;
}

div table.listbox li a{
	color:#33aa88;
}

div table.listbox li a:visited{
	color:#777777;
}

div table.listbox li a:hover{
	color:#a69425;
}

div table.straightlistbox{
	border:0;
	margin:0 auto;
	padding-right:15px;
}

div table.straightlistbox li{
	background-image:url(../images/listmark.gif);
	background-repeat:no-repeat;  
	background-position:center left;
	padding:2px 0 1px 15px;
	list-style:none;
	display:inline;
}

.center{
	text-align:center;
}

.right{
	text-align:right;
}

.red{
	color:#ff0000;
}


/* ----------------------------------------
　Footer
---------------------------------------- */

#footer{
	text-align:center;
	margin:0;
	height:110px;
	background-color:#ffffff;
	background-image:url(../images/footbar.jpg);
	background-repeat:no-repeat;  
	background-position:top center;
	background-attachment:scroll;
}

#copyright{
	color:#a69425;
	font-size:12px;
	padding-top:75px;
	text-align:center;
}

/* --------------------------------------
　グローバルナビゲーション
--------------------------------------- */

#nav_wrapper{
	width:940px;
	margin:0;
}
#nav{
	width:100%;
	height:35px;
	background:#a69425 url(../images/bg-nav.png) repeat-x;
	background-position:top center;
	margin:0;
}
#nav ul{
	width:100%;
	border:none;
	margin:0;
	padding:0;
	list-style:none;
}
#nav li{
	float:left;
	background:#a69425 url(../images/bg-nav.png);
	color:#FFFFFF;
	line-height:35px;
	z-index:20;
	font-weight:bold;
	font-size:14px;
	margin:0;
	padding:0;
	font-family:tahoma,sans-serif;
	position:relative;
}
#nav li a{
	border:none;
	background:none;
	text-decoration:none;
	display:block;
	padding:0 12px;
	color:#FFFFFF;
}
#nav li:hover{
	background:#a69425 url(../images/bg-nav.png);
	background-position:0 60px;
}
#nav li a:hover{
	border:none;
	text-decoration:none;
	color:#FFFFFF;
	background-position:100% -120px;
}
#nav li:hover ul{
	left:auto;
}
#nav ul ul{
	position:absolute;
	left:-999em;
	top:35px;
}
#nav ul ul li{
	letter-spacing:normal;
	color:#444444;
	z-index:auto;
	white-space:nowrap;
	font-family:helvetica,arial,sans-serif;
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	background:#FFFFFF;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	margin:0;
	opacity:0.9;
	filter:alpha(opacity=90);/* for IE */
}
#nav ul ul li a{
	line-height:22px;
	color:#333333;
	text-decoration:none;
	padding:4px 10px;
}
#nav ul ul li:hover{
	background:#a69425;
	opacity:0.90;
	filter:alpha(opacity=90);/* for IE */
}
#nav ul ul li a:hover{
	border:none;
	text-decoration:none;
	color:#FFFFFF;
}