/*
Theme Name: bonpana
Theme URI:  http://www.bonpana.com
Description: This is my bonpana theme.
*/


body {
	margin: 0;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.4;
	color: #333333;
	background-image: url(bonpana_back_brown.jpg);
}


/* コンテナ */
div#container	{width: 800px;
	margin: auto;
	margin-top: 0px;
	position: relative;
background: #ffffff;
}

div#box	{width: 800px;
	background-image: url(bonpana_back_brown.jpg);
	z-index: 100}


/* ヘッダー の上のロゴと文字*/
.fonttop {
	font-size: 13px;
	color: #FFFFFF;
}

#logo {
	width: 800px;
	margin-top: 0px;
	padding-top: 0px;
}

#logo2 {
	position: absolute;
	top: 5px;
	left: 100px
}
/* ヘッダー */
div#header	{
	height: 400px;
	padding-top: 0px;
	padding-bottom: 0px}


/* ヘッダー　ナビゲーション内
---------------------------------------------*/



#wrapper {
	width: 800px;
	margin-top: 29px;
	padding-top: -15px;
}

#globalNav {
	position: absolute;
	top: 0px;
	left: -40px;
	margin-top: 80px;
	width: 800px;
	height: 0px;
	list-style-type: none;
}


#globalNav li {
	float: left;
	width: 200px;
}

#globalNav li a {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/:43px;
	padding-top: 43px;
	background-image: url(bonpana_navi.jpg);
	color: #FFFFFF;
}

/*  背景画像の位置
---------------------------------------------*/
	
	/* 通常 */
	#nav01 a { background-position:  0     0; }
	#nav02 a { background-position: -200px  0; }
	#nav03 a { background-position: -400px 0; }
	#nav04 a { background-position: -600px 0; }
	
	/* 現在位置 */
	#nav01 a.stay { background-position:  0     -43px; }
	#nav02 a.stay { background-position: -200px  -43px; }
	#nav03 a.stay { background-position: -400px -43px; }
	#nav04 a.stay { background-position: -600px -43px; }

	/* オンマウス */
	#nav01 a:hover { background-position:  0     -86px; }
	#nav02 a:hover { background-position: -200px  -86px; }
	#nav03 a:hover { background-position: -400px -86px; }
	#nav04 a:hover { background-position: -600px -86px; }
/* メイン */
div#main	{width: 800px;
	margin-top: -320px;
	z-index: 100}

#news_gazou {
	top: 10px;
		margin-left: 110px;
		margin-bottom: -15px
}

#ishigama {
		margin-top: -2px;
		margin-left: 0px;
}
/* コンテンツ */
div#content	{width: 570px;
	float: right;
	margin-bottom: 20px;
	padding: 10px 20px;
background: #ffffff}

p#pagetitle	{font-size: 0.875em;
	font-weight: bold;
	color: #32A03C;
	border: dotted 1px #32A03C;
	text-align: center;
	padding: 10px 0;
	margin-top: 20px}

/* 記事 */
div.post	{border-style: dashed;
	border-width: 1px;
	border-color: #A53700;
	padding: 18px;
	margin: 20px auto}

div.post h2	{background-image: url(mark.png);
	background-repeat: no-repeat;
	font-size: 0.875em;
	border-bottom: solid 1px #642832;
	padding-left: 22px;
	padding-bottom: 5px;
	margin: 0}

div.post h2 a	{text-decoration: none;
	color: #642832}

div.post p	{font-size: 0.75em;
	line-height: 1.6;
	margin-top: 10px}

p.postinfo	{color: #642832;
	text-align: right;
	margin: 20px 0 0;
	clear: both}

p.postinfo a	{color: #642832}


/* 記事内の画像 */
.aligncenter	{display: block;
		margin-left: auto;
		margin-right: auto}

div.post img	{border: none}

.alignleft	{float: left;
		margin-right: 10px;
		margin-bottom: 2px}

.alignright {float: right;
	margin-left: 10px;
	margin-bottom: 2px}

.wp-caption	{border: solid 1px #aaaaaa;
	text-align: center;
	padding-top: 5px;
	margin-top: 10px}


/* ページリンク */
p.pagelink a	{font-size: 0.75em;
	color: #642832}

span.pageprev	{float: left}

span.pagenext	{float: right}


/* コメント */
#comments	{clear: both}

div#com	{border: solid 1px #642832;
	padding: 0 18px;
	margin-top: 45px}

textarea	{width: 360px}

div#com h3	{font-size: 0.875em;
	border-bottom: solid 1px #642832;
	padding-bottom: 3px;
	margin-top: 20px}

div#com p	{font-size: 0.75em}

div.compost	{border-bottom: dotted 1px #642832}

p.cominfo	{text-align: right}

div#com a	{color: #642832}

p#comfeed img	{vertical-align: middle}

p#comfeed a	{color: black;
	text-decoration: none}

p#comfeed	{background-color: #a8d1ff;
	padding: 8px;
	margin-top: 30px}

p#trurl	{background-color: #a8d1ff;
	padding: 8px;
	margin-bottom: 30px}

/* サイドバー */
div#sidebar    {width: 150px;
	         float: left;
	          margin-top: 20px;
	          margin-left: 20px;
	          margin-bottom: 20px}

div#sidebar2  {background-color: #ffffff;
                      width: 150px;
                      float: right;
                     margin-top: 20px;
	          margin-right: 20px;
                     margin-bottom: 20px}

div#sidebar h2, div#sidebar2 h2
               {background-image: url(menubar-small.png);
                background-repeat: no-repeat;
                font-size: 0.75em;
                color: black;
                padding: 6px 8px;
                margin: 0}


div#sidebar li, div#sidebar2 li
               {font-size: 0.75em;
                list-style-type: none;
                margin-bottom: 4px;
                background-repeat: no-repeat;
                padding-left: 10px;
                vertical-align: top}

div#tell
     { margin: 0 0 0.7em 0;
      padding: 0.1em 10px;
      border-top: 0px solid #000;
      border-right: 0px solid #000;
      border-bottom: 1px solid#daa520;
      border-left: 5px solid #ffa500;
      background: #ff0000;
      font-size: 1.3em;
      font-weight: bold;
      line-height: 1em;
      color: #ffffff;}

div#sidebar li a, div#sidebar2 li a
                {color: #642832;
                   text-decoration: none}

div#sidebar ul, div#sidebar2 ul
               {margin: 8px 8px 20px;
	background-image: url(listmark-small.png);
                padding: 0}
                 
div#sidebar2 ul li li
	{font-size: 1em;
	background-position: 0 3px;
	padding-left: 12px}

div#sidebar2 ul ul	{margin-left: 0}

/* カレンダー */
#wp-calendar   {width: 100%;
               margin-bottom: 20px;
               font-size:0.75em}

#wp-calendar a {color: #A53700}

#wp-calendar td, #wp-calendar th
                {text-align: center}

#wp-calendar caption
                 {background-image: url(menubar-small.png);
                  background-repeat: no-repeat;
                  color: black;
                  padding: 6px 8px;
                  text-align: left}

#wp-calendar #prev {text-aling: left;
                  padding-top: 3px;
                  padding-left: 3px}

#wp-calendar #next {text-align: right;
                       padding-top: 3px;
                       padding-right: 3px}

/* フィード */
p.feed         {font-size: 0.75em;
                font-family: Verdana, Helvetica, sans-serif;
                border: solid 1px #ffa500;
                padding: 5px;
                margin: 25px 0}

p.feed a      {color: #444444;
               text-decoration: none}ac

p.feed img     {vertical-align: middle;
                margin-right: 8px}

/* タグクラウド */
p#tagcloud  {line-height: 1.2;
                     margin-top:10px}

/* 検索フォーム */
input#s	{width: 140px;
	margin-bottom: 5px}



/* カレンダー */
#wp-calendar	{width: 100%;
	margin-bottom: 20px;
	font-size: 0.75em}

#wp-calendar a	{color: #642832}

#wp-calendar td, #wp-calendar th
	{text-align: center}

#wp-calendar caption	{background-image: url(menubar-small.png);
	background-repeat: no-repeat;
	color: black;
	padding: 6px 8px;
	text-align: left}

#wp-calendar #prev	{text-align: left;
	padding-top: 3px;
	padding-left: 3px}

#wp-calendar #next	{text-align: right;
	padding-top: 3px;
	padding-right: 3px}

/* フィード */
p.feed	{font-size: 0.75em;
	font-family: Verdana, Helvetica, sans-serif;
	border: solid 1px #c0c0c0;
	padding: 5px;
	margin: 25px 0}

p.feed a	{color: #444444;
	text-decoration: none}

p.feed img	{vertical-align: middle;
	margin-right: 8px}

/* タグクラウド */
p#tagcloud	{line-height: 1.2;
	margin-top:10px}

p#tagcloud a	{color: #642832}

/* 検索フォーム */
input#s	{width: 140px;
	margin-bottom: 5px}





/* フッター
---------------------------------------------*/
#footer {
        font-size: 0.7em;
	position: relative;
	padding: 5px 0 5px 220px;
	background-image: url(bonpana_back_green.jpg);
	clear: both
	}

/* ２段組み用の設定 */
div#main2 div#content	{width: 590px}

/* ウィジェット
---------------------------------------------*/
#widgets li {
font-size: 0.8em;
	margin-left: -10px;
	margin-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	list-style-type: none;
}

.aktt_tweets {
	line-height: 1.5em;
	padding: 0px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 0px;
	list-style-type: none;
}

.aktt_tweets  ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.aktt_tweets  ul li {
	margin-bottom: 15px;
	padding: 0px;
	list-style-type: none;
}

.style3 {font-size: 60%}