@charset "Shift_JIS";

body { background: url(/img/okc/bg.gif) repeat ;
}
#TMG { background: none ;
	width: auto ;
	margin: auto ;
}
#BG { margin: 24px auto 0 ;
	background: url(/img/okc/bg1.gif) no-repeat left top ;
	width: 840px ;
}
#BG-END { margin: 0 auto 150px ; 
	width: 840px ;
	background: url(/img/okc/bg2.gif) no-repeat left top ;
}
a { color: #B54B01 ;
}
a:hover { color: #652801 ;
}

/* ヘッダー */
#HDR { padding: 13px 24px 12px  ;
	margin: 0 ;
	width: 792px ;
}
h1 { float: left ;
	width: 76px ;
}
#HDR .nv { float: right ;
	width: 363px ;
	padding-top: 9px ;
}
#SIZE { float: left ;
	width: 119px ;
}
#SIZE li { float: left ;
}
#SIZE a { display:block;
	height: 0px;
	overflow: hidden;
	font-size: 2px;
	line-height: 2em;
	padding-top: 20px;
	background: url(/img/okc/hdr_size_btn.gif) no-repeat ;
}
#SIZE-1 a { width: 20px ;
}
#SIZE-1 a:hover { background-position: 0 -20px ;
}
#SIZE-2 a { width: 22px ;
	background-position: -20px -20px ;
}
#SIZE-2 a:hover { background-position: -20px -20px ;
}
#SIZE #SIZE-3 a { width: 21px ;
	background-position: -42px 0 ;
}
#SIZE #SIZE-3 a:hover { background-position: -42px -20px ;
}
#HDR-NV { width: 204px ;
	float: right ;
	padding-top: 7px ;
}
#HDR-NV li { float: left ;
}
#HDR-NV a { display:block;
	height: 0px;
	overflow: hidden;
	font-size: 2px;
	line-height: 2em;
	padding-top: 20px;
	background: url(/img/okc/hdr_nv.gif) no-repeat ;
}
#HDR-NV .nv-1 a { width: 93px ;
}
#HDR-NV .nv-2 { float: right ;
}
#HDR-NV .nv-2 a { width: 84px ;
	background-position: -93px 0 ;
}
/* ヘッダー */
/* フッター */
.to-top { clear: both ;
	width: 745px ;
	margin: 0 auto ;
	text-align: right ;
	padding-bottom: 24px ;
}
#FTR { clear: both ;
	width: 745px ;
	margin: 0 auto ;
	padding-bottom: 36px ;
}
#CPYR { font-family: Arial, Helvetica, sans-serif ;
	float: left ;
}
#FTR ul { float: right ;
}
#FTR ul a { display:block;
	height: 0px;
	overflow: hidden;
	font-size: 2px;
	line-height: 2em;
	padding-top: 20px;
	background: url(/img/okc/ftr_nv.gif) no-repeat ;
}
#FTR .nv-1 a { width: 69px ;
}
/* フッター */

/* トップ */
#OKC-TOP .clm { width: clear: both ;
	width: 745px ;
	margin: 0 auto ;
}
#OKC-TOP .clm h2 { padding: 22px 0 20px 30px ;
	z-index: 5 ;
	position: relative ;
	width: 317px ;
}
#OKC-TOP .clm .copy { padding: 0 0 0 30px ;
	z-index: 5 ;
	position: relative ;
	width: 365px ;
}
#OKC-TOP .bg-img { z-index: 0 ;
	margin: -162px 0 0 ;
	position: relative ;
}
#OKC-TOP #TOP-NV { z-index: 5 ;
	position: relative ;
	margin: -43px 0 0 ;
	padding: 0 0 0 31px ;
}
#OKC-TOP #TOP-NV a { display:block;
	height: 0px;
	overflow: hidden;
	font-size: 2px;
	line-height: 2em;
	padding-top: 21px;
	background: url(/img/okc/top_nv.gif) no-repeat ;
}
#OKC-TOP #TOP-NV li { float: left ;
	position: relative ;
}
#OKC-TOP #TOP-NV .nv-1 a { width: 148px ;
}
#OKC-TOP #TOP-NV .nv-2 a { width: 156px ;
	background-position: -148px 0 ;
}
#OKC-TOP #TOP-NV .nv-3 a { width: 123px ;
	background-position: -304px 0 ;
}
#OKC-TOP #TOP-NV .nv-4 a { width: 136px ;
	background-position: -432px 0 ;
}
/* トップ */


/* ブログ */
#BLOG #page { clear: both ;
	width: 745px ;
	margin: 0 auto ;
}
#BLOG #CATE-NV { text-align: right ;
	padding-bottom: 12px ;
}
#BLOG #CATE-NV li { display: inline ;
}
#BLOG #CATE-NV a { background: url(/img/okc/arw.gif) no-repeat left center ;
	padding: 0 0 0 10px ;
	margin-left: 30px ;
	text-decoration: none ;
}
#BLOG #CATE-NV .current-cat a { color: #652801 ;
	text-decoration: none ;
}
#BLOG #header h2 { padding-bottom: 6px ;
}
#BLOG #header .bread { padding-bottom: 36px ;
}
#BLOG #content { float: right ;
	width: 528px ;
	color: #652801 ;
}
#BLOG h3 { padding-bottom: 48px ;
}
#BLOG .post { padding-bottom: 18px ;
	margin-bottom: 24px ;
	background: url(/img/okc/blg_line.gif) no-repeat left bottom ;
}
#BLOG .post h4 { padding: 1px 0 1px 24px ;
	margin-bottom: 12px ;
	background: url(/img/okc/blg_tt_bg.gif) no-repeat left center ;
	line-height: 1 ;
}
#BLOG .post h4 a { color: #652801 ;
	text-decoration: none ;
}
#BLOG .post .entry p { padding: 0 0 18px 24px ;
}
#BLOG .post .entry .wp-caption { padding: 0 0 18px 24px ;
}
#BLOG .post .entry .wp-caption p { padding: 0 ;
}

#BLOG .post .entry ul { padding-left: 24px ;
}
#BLOG .post .entry li { padding: 0 0 18px 24px ;
	background: url(/img/okc/blg_cmt_bg.gif) no-repeat left top ;
}
#BLOG .post .entry .shoplink { padding: 24px 0 0 ;
	text-align: right ;
}
#BLOG .post .entry .shoplink a { background: url(/img/okc/arw.gif) no-repeat left center ;
	padding: 0 0 0 10px ;
	text-decoration: none ;

}
#BLOG .navigation { margin-bottom: 36px ;
}
#BLOG .navigation a { text-decoration: none ;
}
#BLOG .alignleft { float: left ;
}
#BLOG .alignright { float: right ;
}

#BLOG #sidebar { width: 168px ;
}
#BLOG #sidebar h4 { padding-bottom: 12px ;
}
#BLOG #sidebar li ul { padding-bottom: 42px ;
}
#BLOG #sidebar li ul li { padding-bottom: 6px ;
}
#BLOG #sidebar li ul li a { background: url(/img/okc/arw.gif) no-repeat left 4px ;
	padding: 0 0 0 10px ;
	display: block ;
}
#BLOG #sidebar .current-cat a { color: #652801 ;
	text-decoration: none ;
}
/* ブログ */