@charset "utf-8";



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

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;}


/* =================================== */
/* 焼肉ほれぼれデザイン部分　基礎 */
/* =================================== */

/* Share Style ----------------------------------------------------------- */



html{
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	color: #000;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Verdana, Arial, Helvetica, sans-serif,;
	font-size: 0.8em;
	background: url(http://horebore.jp/images/common/body-bg.jpg) repeat-x;
	background-color: #0F0800;
	z-index: 0;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	margin: 0;
	padding: 0;
}

p,li {
	line-height: 1.8;
}

dt,dl {
	line-height: 1.6;
}

p {
	margin: 0 0 1.6em 0;
}

li {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

hr {
	display: none;
}

strong {
	font-style: bold;
}

em {
	font-style: normal;
}

.clear {
	clear: both;
}

.center {
	text-align: center;
}

.imgleft {
	float: left;
	margin: 0 20px 20px 0;
}

.imgright {
	float: right;
	margin: 0 0 20px 20px;
}



/* Link Color ----------------------------------------------------------- */

a {
	text-decoration: none;
}

a:link {
	color: #F36;
	text-decoration: underline;
}

a:visited {
	color: #903;
	text-decoration: underline;
}

a:hover, a:active {
	color: #F60;
	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;}

/* サイドメニューのリンク色
#side a {color:#000000;text-decoration:underline;}
#side a:link {color:#000000;text-decoration:underline;}
#side a:visited {color:#999999;text-decoration:underline;}
#side a:hover {color:#333333;text-decoration:none;}
#side a:active {color:#333333;text-decoration:none;}
 */
/* カレンダーのリンク色
.cell a,.call a:link,.call a:visited {color:#000000;text-decoration:underline;font-weight:bolder;}
.cell a:hover,.call a:active {color:#999999;text-decoration:none;}
 */ 


/* =================================== */
/* 焼肉ほれぼれデザイン部分　ページレイアウト */
/* =================================== */


/* background  ----------------------------------------------------------- */


body > #outer {
	height: 100%;
}

#outer > #container {
	height: auto;
}



/* header  ----------------------------------------------------------- */

#header {
	height: 110px;
	width: 900px;
	background: url(http://horebore.jp/images/common/header_bg.jpg) no-repeat;
	background-color: #211811;
	padding: 0;
	margin: 0;
	position: relative;
	z-index: 5;
}



/* container  ----------------------------------------------------------- */

#outer {
	width: 920px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: url(http://horebore.jp/images/common/cont-shadow.png) repeat-y;
	background-position: top;
	margin: 0 auto;
	padding: 0;
	position: relative;
	z-index: 2;
}

#container {
	width: 900px;
	min-height: 100%;
	height: 100%;
	background-color: #FFF;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	position: relative;
	z-index: 3;
}



/* container grobalNavigation  ----------------------------------------------------------- */

#grobalNavigation {
	width: 900px;
	height: 65px;
	text-align: left;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 4;
}



/* container mainarea  ----------------------------------------------------------- */

#mainarea {
	width: 840px;
	text-align: left;
	margin: 30px auto 0px auto;
	padding: 0;
	position: relative;
	z-index: 4;
}



/* header content ----------------------------------------------------------- */

#headernav {
	float: right;
	padding: 0;
	position: absolute;
	top: 29px;
	right: 30px;
	z-index: 6;
}


#headerlogo {
	float: left;
	padding: 0;
	position: absolute;
	top: 11px;
	left: 30px;
	z-index: 6;
}



/* grobalNavigation grobalNav  ----------------------------------------------------------- */

ul#grobalNav {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#grobalNav li {
	list-style-type: none;
	text-align: left;
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
}



/* container mainarea main sidebar  ----------------------------------------------------------- */

ul#SubMenu {
	width: 180px;
	list-style-type: none;
	margin: 3px 0 4.4em 3px;
	padding: 0;
	z-index: 100;
}

ul#SubMenu li {
	list-style-type: none;
	color: #000;
	font-size: 0.9em;
	line-height: 1.4em;
	text-align: left;
	margin: 0;
	padding: 0.3em 0 0.3em 24px;
	z-index: 100;
}

ul#sidebannarea {
	width: 280px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	z-index: 100;
}

ul#sidebannarea li {
	list-style-type: none;
	text-align: left;
	margin: 0;
	padding: 0;
	z-index: 100;
}

div.sideblogtxt {
	text-align: left;
	margin: 2px 4px 10px 4px;
	padding: 0px 0px 0px 4px;
	z-index: 100;
}



/* footer  ----------------------------------------------------------- */

#footer {
	height: 110px;
	width: 900px;
	background-color: #211811;
	background: url(http://horebore.jp/images/common/footer_bg.jpg) repeat-x;
	margin: 30px 0 0 0;
	position: relative;
	padding: 0;
	z-index: 5;
}



/* footer content  ----------------------------------------------------------- */


#footernav {
	margin: 0 auto;
	padding: 24px 0 0 0;
	text-align: center;
	z-index: 6;
}

#footernav a {
	text-decoration: none;
}

#footernav a:link,
#footernav a:visited {
	color: #fff;
	text-decoration: none;
}

#footernav a:hover,
#footernav a:active {
	color: #fff;
	text-decoration: underline;
}



ul#FNavMain {
	margin: 0 auto;
}

ul#FNavMain li {
	list-style-type: none;
	font-size: 0.9em;
	line-height: 1.2;
	display: inline;
	margin: 0;
	padding: 0 9px 0 4px;
	background: url(http://horebore.jp/images/common/nav-line.gif) no-repeat right center;
}

/*for IE6 */
* html ul#FNavMain li {
	padding: 0 4px 0 4px;
}

/*for IE7 */
*:first-child+html ul#FNavMain li {
	margin: 0;
	padding: 0 4px 0 8px;
}



ul#FNavMain li.fnavend {
	list-style-type: none;
	background: url(http://horebore.jp/images/common/nav-line-off.gif) no-repeat left center;
}


#copyright {
	font-size: 0.9em;
	width: 100%;
	color: #fff;
	clear: both;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	bottom: 10px;
}



/* catcharea  ----------------------------------------------------------- */

#catcharea {
	width: 900px;
	height: 175px;
	margin: 0;
	position: relative;
	z-index: 5;
}



#catchmain {
	width: 900px;
	height: 175px;
	color: #000;
	text-align: left;
	margin: 0;
	padding:  0;
	position: relative;
	z-index: 5;
}



/* container mainarea main  ----------------------------------------------------------- */

#main {
	width: 600px;
	display: inline;
	float: left;
	color: #000;
	font-size: 1.0em;
	line-height: 1.2;
	text-align: left;
	margin: 0px;
	padding: 0;
	position: relative;
	z-index: 5;
}



/* container mainarea main sidebar  ----------------------------------------------------------- */

#sidebar {
	width: 220px;
	display: inline;
	float: right;
	margin: 0px;
	padding: 0;
	position: relative;
	z-index: 5;
}





 
 
/* =================================== */
/* メイン */
/* =================================== */

div.BloG				{}
div.BloG h2				{ width: 900px;	height: 175px; }
div.BloG h2 span		{ width: 100%;	height: 100%;	display: block;	background: url(http://horebore.jp/images/blog/catchimg.jpg) no-repeat;	position: absolute;	top: 0px;	left: 0px; }





/* =================================== */
/* 装飾の設定 */
/* =================================== */

blockquote {
	border: 1px dotted #CCC;
	padding: 0.2em;
	margin: 10px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear			: both;
	font			: 0/0 sans-serif;
}

.submit {

}

.lightup {
	background-color: #F8F8FF;
	cursor: pointer;
}


/* =================================== */
/* #main */
/* =================================== */

/* エントリー部分全体 */
#main .entry_area {
	margin: 0 0 20px 0;
}

/* エントリータイトル */
#main h3 {
	width: 575px;
	height: 30px;
	color: #F30;
	font-weight: bold;
	margin: 0 0 16px 0px;
	padding: 0 0 0 25px;
	background: url(http://horebore.jp/images/blog/ttl_bg.jpg) no-repeat bottom left;
}

#main h3 a 			{ color: #F30; text-decoration: none; }
#main h3 a:link		{ color: #F30; text-decoration: none; }
#main h3 a:visited	{ color: #F30; text-decoration: none; }
#main h3 a:active	{ color: #F30; text-decoration: none; }
#main h3 a:hover	{ color: #F30; text-decoration: none; }


/*エントリーナビゲーション*/
.entry_navi{
	margin: 10px 0px 5px;
	padding: 0 0 20px 25px;
	font-size: 1em;
	list-style-type: none;
}

/* カテゴリタグ */

#main ul.entry_tag {
	text-align: right;
	font-size: 0.9em;
	color: #000;
}

#main ul.entry_tag li {
	display:inline;
	padding-left:5px;
}



/* エントリー時刻 */
#main .entry_date {
	text-align: right;
	color: #333;
	font-size: 0.9em;
}

/* エントリー本文 */
#main .entry {
	padding: 20px 25px 20px 25px;
}

/* エントリー情報 */

#main ul.state {
	text-align: right;
	padding: 20px 0px;
}

#main ul.state li {
	display:inline;
	border-left:1px solid #666;
	padding-left:5px;
	font-size:10.5px;
}



/*コメント、TB、プロフィールタイトル*/


.comment {
	padding: 20px 25px;
	border: 1px solid #CCC;
	background-color: ghostwhite;
}


dl#com_area dt.title,
dl#com_form dt.title,
dl#tb_form dt.title,
dl#tb_area dt.title,
dl#profile_area dt.title {
	font-weight:bolder;
	border-bottom:1px solid #EFEFEF;
	margin: 0 0 10px 0;
	padding: 0 0 0 25px;
}

/* コメント本文 */
.com_desc {
	padding: 0 0 0 25px;
}

/* コメントユーザー情報 */
dl#com_area dd {
	padding:5px 0;
	margin: 5px 0 15px 0;
	border-bottom:1px solid #EFEFEF;
	text-align:right;
	font-size:10.5px;
}

dl#com_area dd ul {
	list-style-type:none;
}

dl#com_area dd li {
	display:inline;
	border-left:1px solid #666;
	padding-left:5px;
}


/* コメントフォーム */
dl#com_form dd {
	padding: 0 0 20px 25px;
}

dl#com_form dd input.input {
	border-left:1px solid #CCC;
	border-top:1px solid #CCC;
	border-right:1px solid #EFEFEF;
	border-bottom:1px solid #EFEFEF;
	padding: 1px 0;
	width:200px;
}

/* コメントフォーム textarea */
dl#com_form dd textarea {
	border:1px solid #CCC;
	width:300px;
	margin: 0 0 10px 0;
}


/* TBフォーム */
dl#tb_form dd {
	padding: 0 0 20px 25px;
}

dl#tb_form dd input.input {
	border-left:1px solid #CCC;
	border-top:1px solid #CCC;
	border-right:1px solid #EFEFEF;
	border-bottom:1px solid #EFEFEF;
	padding: 1px 0;
	width:300px;
}

/* TBタイトル */
dl#tb_area dt.tb_title {
	padding: 0 0 20px 25px;
}

/* TB本文 */
dl#tb_area dd {
	padding: 0 0 20px 25px;
}


/* TBユーザー情報 */
dl#tb_area dd.tb_state {
	padding:5px 0;
	margin: 5px 0 15px 0;
	text-align:right;
	font-size:10.5px;
	border-bottom:1px solid #EFEFEF;
}

.tb_state ul {
	list-style-type:none;
}

.tb_state li {
	display:inline;
	border-left:1px solid #666;
	padding-left:5px;
}


/* =================================== */
/* Lists */
/* =================================== */

.entry_lists dl {
	margin: 10px 0px;
}

.entry_lists dt {
	margin: 10px 0px 5px 13px;
	padding-left: 12px;
	background: url(http://horebore.jp/images/common/list-dot.gif) no-repeat center left;
	font-weight: normal;
	}
	
.entry_lists dd{
	margin:0px;
}

.entry_list_description {
	padding:10px;
	border: 1px solid #ccc;
	width:450px;
	overflow:hidden;
	/*background-color:ghostwhite;*/
	
}

.entry_list_date {
	color: #CCC;
	font-size: 11px;
}



/* =================================== */
/* Clouds */
/* =================================== */

.entry_cloud {
	margin: 10px 0px;
}


/* エントリータイトル */
.entry_cloud h2 {
	padding-left:30px;
	padding-top:10px;
	padding-bottom:10px;
}


.entry_cloud ul {
	margin: 10px 0px;
}


.entry_cloud li {
	display: inline;
	padding-left: 1em;
	font-weight: normal;
	}
	


/* =================================== */
/* サイドコンテンツ */
/* =================================== */

/*サイドコンテンツヘッダー画像*/
#side .side_header {
}


/*サイドコンテンツフッター画像*/
#side .side_footer {
	height:30px;
}

#side dl {
	margin-bottom:20px;
}

/* サイドタイトル */
#side dt {
	border-bottom: 1px solid #000000;
	font-weight:bolder;
	padding: 3px 0 3px 10px;
}
	
#side dd{
	padding:5px 0 5px 10px;
	line-height: 1.2em;
}

#side ul {
	margin-left:4px;
	list-style-type:none;
	}

#side li {
	margin: 3px 0 0 0;
	padding-left: 12px;
	background: url(http://horebore.jp/images/common/list-dot.gif) no-repeat center left;
	}

/* サイト内検索 */
#side input.search {
	border-left:1px solid #CCC;
	border-top:1px solid #CCC;
	border-right:1px solid #EFEFEF;
	border-bottom:1px solid #EFEFEF;
	padding: 1px 0;
	margin-bottom:5px;
}


/* =================================== */
/* ページ送り */
/* =================================== */

.pager {
	width: 900px;
	margin: 20px auto;
	text-align: center;
}

.pager strong {
	font-weight: bold;
}



/*カレンダー*/
.calendar td {
	font-size: 0.8em;
	text-align: center;
}

.calendar_month td {
	color: #000;
}


.calendar_day td {
	border-left:1px solid #CCC;
	border-top:1px solid #CCC;
	border-right:1px solid #EFEFEF;
	border-bottom:1px solid #EFEFEF;
	width: 24px;
	height: 24px;
	background:#FCFCFC;
	text-align:center;
	vertical-align:middle;
}

.calendar_day a 			{ text-decoration: none; }
.calendar_day a:link		{ text-decoration: none; }
.calendar_day a:visited		{ text-decoration: none; }
.calendar_day a:active		{ text-decoration: underline; }
.calendar_day a:hover		{ text-decoration: underline; }