/*
THEME NAME: l-harmony
THEME URI: http://www.l-harmony.jp/
DESCRIPTION: l-harmony theme.
VERSION: 1.0
AUTHOR: Dosanite
AUTHOR URI: http://www.dosanite.jp
*/

/* 
 * ベースになるコード。あまり変更しなくて良いと思われるが必要に応じて変更若しくはここでオーバーライドすると良い。
 */
@import url('css/reset.css');
@import url('css/widget.css');
@import url('css/entry.css');


/*
 * IT IS SAMPLE CODE! YOU MUST REWRITE SUCH THINGS!!
 * 
 */

/* GLOBAL */
/* anchor */
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/*
+----------#wrapper-outer1-------+
+----------#wrapper-outer2-------+
+----------#wrapper--------------+
+----------#wrapper-inner-------+
|+---------#header--------------+|
||															||
||															||
|+------------------------------+|
++----#contents----+ +-#sidebar-++
||								 | |					||
||								 | |					||
||								 | |					||
||								 | |					||
|+-----------------+ +----------++
|+---------#footer--------------+|
||															||
|+------------------------------+|
+--------------------------------+
#wrapper.width = #sidebar.width + #contents.width
*/
/* cheap layouts */
#wrapper {
	width: 980px;
	margin: 0 auto;
}
#wrapper-inner {
	margin:0 15px;
}
/* wrapper real width is 980-15*2 = 950 */
#header {
}
#sidebar {
	width: 230px;
}
#contents {
	width: 720px;
}
#footer-inner {
	width: 950px;
}

#sidebar ,
#contents {
	/* Change it to change sidebar position*/
	float: right;
}
#sidebar-north {
	
}
#sidebar-north ,
#sidebar-south {
	padding: 0 20px;
}
#sidebar-west ,
#sidebar-east {
	margin: 0;
	float: left;
}
#sidebar-west {
	width: 110px;
}
#sidebar-east {
	width: 120px;
}
#sidebar-south {
	clear: left;
}
/* explain */
#explain {
	margin: 0 1em 0.5em;
	padding: 0.4em 1em;
	border: 1px solid #666;
	background: #ffffff;
}
/* wp-pagenavi */
.wp-pagenavi {
	margin-left: 14px;
}
#pagenavi-header {
	margin-top: 14px;
}
#pagenavi-footer {
	position: absolute;
	margin-top: 10px;
}
.wp-pagenavi {
margin-left: 16px;
}
.wp-pagenavi a ,
.wp-pagenavi span {
	background: url('img/background_pagenavi.png') repeat-x;
	line-height: 23px;
	height: 23px;
	padding: 4px 7px;
	font-size: 13px;
	color: #ffffff;
	border-top: solid 1px #547935;
	border-bottom: solid 1px #547935;
}
.wp-pagenavi a:hover ,
.wp-pagenavi span.current {
	background: #547935;
	text-decoration: none;
}
.wp-pagenavi a:first-child ,
.wp-pagenavi span:first-child {
	border-left: solid 1px #547935;
}
.wp-pagenavi a:last-child ,
.wp-pagenavi span:last-child {
	border-right: solid 1px #547935;
}
/* contents */
#contents .entry h2.header {
	margin-top: 1em;
	font-size: 20px;
}
#contents .entry p.date {
	font-size: 16px;
	text-align: right;
}
#contents .entry {
	margin: 0 1em;
}

/* paginate */
.pageprev ,
.pagenext {
		margin: 10px 0;
		padding: 0 10px;
}
.pagesprev ,
.pagesnext {
		margin-bottom: 1em;
		padding: 0 10px;
}
.pageprev ,
.pagesprev {
		float: left;
}
.pagenext ,
.pagesnext {
		float: right;
}
/* sidebar header hidden */
html {
	background: url('img/background_repeat.png') repeat-x bottom left;
}
#wrapper-outer1 ,
#wrapper-outer2 {
	background-repeat: no-repeat;
}
#wrapper-outer1 {
	background-image: url('img/background_left.jpg');
	background-position: left bottom;
}
#wrapper-outer2 {
	background-image: url('img/background_right.jpg');
	background-position: right bottom;
}
#wrapper {
	background: url('img/background_shadow.png') repeat-y;
}
#wrapper-inner {
	background: url('img/background_cork.jpg') repeat;
}
#sidebar h2.header {
	display: none;
}
#header {
	padding-top: 0;
	background: url('img/background_navigation.png') 16px 170px no-repeat;
}
#banner {
	margin: 0;
	margin-left: -48px;
	position: relative;
	z-index: 20;
}
#description {
	display: none;
}
/* #header */
#navigation {
	margin-top: -58px;
	margin-left: -2px;
	padding-top: 20px;
	padding-left: 50px;
	position: relative;
	z-index: 30;
}
/* #header #navigation */
#navigation li {
	display: inline;
	margin-left: 26px;
}
#nav1 {
}
#nav2 a {
	
}
#nav3 {
	
}
#nav4 {
	
}
/* contents */
#contents_header ,
#contents_footer {
	position: relative;
	z-index: 10;
}
#contents_header {
	margin-top: -56px;
}
/*
#contents_header + #contentsWrapper > #contents {
	margin-top: 200px;
}
*/
#contents_header ,
#contents_footer ,
#contents_header_inner1 ,
#contents_footer_inner1 {
	background-repeat: no-repeat;
}
#contents_header_inner2 ,
#contents_footer_inner2 {
	background-repeat: repeat-y;
}
#contents_header ,
#contents_footer {
	background-position: left top;
}
#contents_header_inner1 ,
#contents_footer_inner1 {
	position: static;
	background-position: left bottom;
}
#contents_header_inner2 {
	width: 679px;
}
#contents_footer_inner2 {
	width: 682px;
}
#contents_header {
	background-image: url('img/contents_header_top.png');
	padding-top: 150px;
}
#contents_header_inner1 {
	background-image: url('img/contents_header_bottom.png');
	padding-bottom: 90px;
}
#contents_header_inner2 {
	background-image: url('img/contents_header_repeat.png');
}
#contents_header_inner2 > p{
	margin: -60px 50px;
}

#contents_footer {
	background-image: url('img/contents_footer_top.png');
	padding-top: 125px;
	margin-bottom: 60px;
}
#contents_footer_inner1 {
	background-image: url('img/contents_footer_bottom.png');
	padding-bottom: 94px;
}
#contents_footer_inner2 {
	background-image: url('img/contents_footer_repeat.png');
}
#contents_footer_inner2 > p{
	margin: -60px 50px;
}


#contentsWrapper {
	/* clearfix */
	overflow:hidden;/* モダンブラウザ */
	_zoom:1;/* IE6以下 */
	margin-top: -30px;
}
#contents{
	margin-top: 30px;
	background: url('img/background_contents.jpg') 73px 0 repeat-y;
}
.archive #contents {
	margin-bottom: 100px;
}
/* entry */
#contents .entry {
	width: 664px;
	margin-top: 50px;
}
.single #contents .entry {
	margin-top: 25px;
}
#contents .entry .header {
	position: relative;
	z-index: 20;
	height: 50px;
	top: -39px;
	margin-left: -7px;
	padding-right: 50px;
	padding-left: 50px;
	padding-top: 16px;
	background: url('img/entry_header.png') no-repeat;
}
#contents .entry .header ,
#contents .entry .header a {
	color: #673b30;
}
#contents .entry .calendar {
	background: url('img/entry_calendar.png') no-repeat;
	position: absolute;
	margin-left: 607px;
	margin-top: -101px;
	z-index: 30;
	width: 78px;
	height: 98px;
}
html:first-child #contents .entry .calendar {
	margin-left: 608px;
}

#contents .entry .calendar .date {
	margin-top: 20px;
	margin-left: 2px;
	text-align: center;
	font-family: 'Arial', sans-serif;
	color: #445773;
	line-height: 40px;
}
#contents .entry .calendar span {
	vertical-align: baseline;
}
#contents .entry .calendar span.month {
	vertical-align: 10px;
	font-size: 14px;
}
#contents .entry .calendar span.separator {
	margin-left: -6px;
	vertical-align: 0px;
	font-family: 'Georgia', serif;
	font-style: italic;
	font-size: 28px;
}
#contents .entry .calendar span.day {
	margin-left: -2px;
	vertical-align: -4px;
	font-size: 32px;
	letter-spacing: -1px;
}
#contents .entry .body {
	background: url('img/entry_background.png') 0px 0 repeat-y;
	margin-top: -93px;
	padding: 80px 1em 1em;
	min-height: 100px;
	position: relative;
	z-index: 10;
	/* clearfix */
	overflow:hidden;/* モダンブラウザ */
	_zoom:1;/* IE6以下 */

}
#contents .entry .body .comment {
	margin-top: 1em;
}

#news {
	background: url('img/background_news.png') 10px 0 no-repeat;
	margin-top: 10px;
	margin-left: -6px;
	padding-top: 57px;
	height: 120px;
}
#news ul {
	margin: 0;
	padding: 0;
	padding-left: 60px;
	height: 78px;
}
#news li {
	height: 26px;
	font-size: 18px;
}
#news li a {
	color: #000000;
}
#news .recent_post {
	margin-top: 10px;
	margin-left: 500px;
}
.pagenavi {
/* clearfix */
	overflow:hidden;/* モダンブラウザ */
	_zoom:1;/* IE6以下 */
}

/* navigation */
#sidebar {
	margin-top: 24px;
	background: url('img/background_sidebar_top_bottom.jpg') 18px top no-repeat ;
	padding-top: 8px;
}
#sidebar-inner1 {
	margin-bottom: 280px;
	background: url('img/background_sidebar_top_bottom.jpg') 18px bottom no-repeat ;
	padding-bottom: 8px;
}
#sidebar-inner2 {
	background: url('img/background_sidebar_repeat.jpg') 18px top repeat-y ;
}
#sidebar .widget h3 {
	margin-top: 20px;
	padding: 0;
	padding-left: 30px;
	padding-top: 10px;
	height: 48px;
	white-space: nowrap;
	line-height: 27px;
	font-family: serif;
	font-size: 16px;
	font-weight: normal !important;
}
#sidebar-north ,
#sidebar-west ,
#sidebar-east ,
#sidebar-south {
}
#sidebar-west h3 ,
#sidebar-east h3 {
	position: relative;
	left: -20px;
	margin-right: -20px;
}
#sidebar .widget h3{
	background-position: left top;
	background-repeat: no-repeat;
}
#sidebar-north .widget h3{
	background-image: url('img/widget_header_wide_blue.png');
}
#sidebar-north .widget:first-child h3{
	margin-top: 0;
	margin-bottom: -20px;
	background-image: url('img/widget_header_top_red.png');
	position: relative;
	top: -12px;
}
#sidebar-west .widget h3{
	background-position: 34px 4px;
	background-image: url('img/widget_header_west_yellow.png');
	padding-left: 56px;
}
#sidebar-east .widget h3{
	background-position: 18px 4px;
	background-image: url('img/widget_header_east_orange.png');
	padding-left: 42px;
}
#sidebar-south .widget:first-child h3{
	padding-top: 20px;
	background-position: 0 12px;
}
#sidebar-south .widget h3{
	padding-left: 24px;
	background-position: 0 2px;
	background-image: url('img/widget_header_wide_green.png');
}
#sidebar .widget>* {
	padding: 0 25px;
}
#sidebar-west .widget>* {
	padding-right: 5px;
}
#sidebar-east .widget>* {
	padding-left: 5px;
}
#sidebar-west .widget>* ,
#sidebar-east .widget>* {
	font-size: 14px;
}
#sidebar a {
	color: #000000;
}
#sidebar ul ,
#sidebar ol {
	list-style-position: inside;
}
#sidebar .widget_mycategoryorder li a {
	position: relative;
	z-index: 10;
}

/* footer */
#footer {
	position: fixed;
	left:0;
	bottom: 0;
	z-index: 100;
	width: 100%;
	background: url('img/background_footer.jpg') left top repeat;
}
#footer-inner {
	margin: 0 auto;
	width: 950px;
	height: 48px;
	line-height: 48px;
	overflow: hidden;
}
#footer .navigation {
	float: left;
}
#footer .navigation li {
	display: inline;
	margin-bottom: 20px;
	margin-right: 1em;
}
#footer .navigation li ,
#footer .navigation li a {
	color: #f5edc9;
	font-size: 20px;
}
#footer .siteinfo {
	float: right;
}
#footer .copyright ,
#footer .logo ,
#footer address {
	float: left;
}
#footer .copyright img {
	margin-top: 21px;
	margin-bottom: 10px;
}
#footer .logo img {
	margin-top: 6px;
	margin-left: 16px;
	margin-bottom: 3px;
}
#footer address img {
	margin-top: 20px;
	margin-left: 16px;
	margin-bottom: 12px;
}

#inquiry {
	position: fixed;
	left: 50%;
	bottom: 0;
	margin-left: -492px;
	z-index: 99;
}
#pin {
	display: none;
	z-index: 1;
}