/*===================================================
	BASIC
===================================================*/

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
html {
	overflow: auto;
	margin-top: 0px;
	height: 100%;
	font-size: 62.5%;
}
body {
	display: table;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background: #FFF;
	text-align: center;
	font-size: 1.2em;
	font-family: Arial, Meiryo, "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
	line-height: 1.75em;
}
a {
	text-decoration:none;
	color:#000;
}
a:hover {
	text-decoration:underline;
	color: #999;
}


/* _____ COMMON _____ */
	.blk { margin: 10px 0;padding: 0; }
	.blk-inside { padding: 10px; }
	.bold { font-weight:bold !important; }
	.nobr { white-space: nowrap; }
	.hide, .no { display: none ; }
	/* CLEAR FIX */
	.clearfix:after,
	.cf:after {
		display: block;
		visibility: hidden;
		clear: both;
		height: 0;
		content: ".";
	}
	.clearfix,.cf { min-height: 1px; }


/* _____ LAYOUT _____ */
#main {
	display: table-cell;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 100%;
	background: #FFF;
	vertical-align: middle;
	text-align: left;
}
#container {
	margin: 0 auto;
	width: 800px;
	background: #FFF;
}
#header {
	margin-top: 20px;
	background: #FFF;
}
#footer {
	margin: 0 auto;
	width: 800px;
	background: #FFF;
}





/* =Header Menu (Primary)
-------------------------------------------------------------- */
	.menu { clear:both;margin:0 auto; }
	.menu, .menu ul { display:block;margin:0;padding:0;list-style-type:none; }
	.menu ul { position:absolute;top:0;left:0;z-index:10;visibility:hidden; }
	.menu li {
		position:relative;
		z-index:5;
		display:block;
		float:left;
		margin:0;
		margin-right:2em;
		padding:0;
		border: 0;
		list-style:none;
		font-weight: 700;
	}
	.menu li:hover {
		z-index:10000;
		white-space:normal;
	}
	.menu li li { float:none; }
	.menu li:hover > ul { top:100%;visibility:visible; }
	.menu li li:hover > ul { top:0;left:100%; }
	.menu:after, .menu ul:after { display:block;visibility:hidden;clear:both;overflow:hidden;height:0;content:'.'; }
	.menu, .menu ul { min-height:0; }
	.menu ul, .menu ul ul { margin:0;padding:0; }
	.menu ul li a:hover, .menu li li a:hover { color:#484848;text-decoration:none; }
	.menu ul { margin-top:1px;min-width:15em;width:auto; }
	.menu a {
		position:relative;
		display:block;
		margin:0;
		height:45px;
		padding: 0;
		color:#000;
		text-decoration:none;
		font-weight:700;
		line-height:45px;
		cursor:pointer;
	}
	.menu a:hover {
		position:relative;
		top:1px;
		color:#777;
	}
	.menu .current_page_item a,
	.menu .current-menu-item a {  }
	.home .menu .current_page_item a {
		background:none;
		background-color:transparent;
		background-image:none;
		filter:none;
	}
	.menu li li {
		margin:-1px 0 1px 0;
		width:auto;
		border:1px solid #e5e5e5;
		background:#fff;
		background-image:none;
		color:#444;
		filter:none;
	}
	.menu li li a {
		padding:5px 10px;
		height:auto;
		height:20px;
		border:none;
		background:transparent !important;
		color:#444;
		text-shadow:none;
		white-space:nowrap;
		font-weight:400;
		font-size:12px;
		line-height:20px;
	}
	.menu li li a:hover {
		border:none;
		background:#f5f5f5 !important;
		background-image:none;
		color:#444;
		filter: none;
	}
	.menu ul > li + li { border-top:0; }
	.menu li li:hover > ul { top:0;left:100%; }
	.menu > li:first-child > a { border-left:none; }



/* --------------------------------------------------------------
TOP NANI
-------------------------------------------------------------- */
	ul.top-menu {
		float: right;
		font-size: 0.9em;
		line-height: 50px;
	}
	ul.top-menu li {
		float: left;
		margin-left: 10px;
		list-style: none;
	}
	ul.top-menu li a {
		text-decoration: none;
		font-weight: bold;
		color: #000;
	}
	ul.top-menu li a:hover { position: relative;top: 1px;color: #777; }

/* --------------------------------------------------------------
SUB HEADER NAVI
-------------------------------------------------------------- */
	ul.sub-header-menu {
		font-size: 0.9em;
		line-height: 1.5em;
		padding-bottom: 10px;
	}
	ul.sub-header-menu li {
		float: left;
		margin-left: 10px;
		list-style: none;
	}
	ul.sub-header-menu li a {
		text-decoration: none;
		font-weight: bold;
		color: #000;
	}
	ul.sub-header-menu li a:hover { position: relative;top: 1px;color: #777; }


/* --------------------------------------------------------------
FOOTER NANI
-------------------------------------------------------------- */
	ul.footer-menu {
		display:block;
		clear:both;
		list-style-type:none;
	}
	ul.footer-menu li {
		position:relative;
		float:left;
		margin-right:15px;
		font-weight:bold;
	}
	ul.footer-menu li a {
		position:relative;
		color:#000;
		text-decoration:none;
	}
	ul.footer-menu li a:hover {
		top:1px;
		color: #777;
	}
	ul.footer-menu li.current_page_item a,
	ul.footer-menu li.current-menu-item a { color: #F00; }




/* WIDGET */
.widget-title {
	padding:5px 0;
	border-bottom:solid 1px #ddd;
	color:#333;
	font-weight:normal;
	font-size: 1.2em;
	line-height: 1.5em;
}

/* TOP WIDGET */
#top-widget {
	margin: 0;
	padding: 0;
	background: transparent;
	color:#666;
	font-size:1em;
	line-height:1.5em;
}
#top-widget ul { list-style-type: none; }
#top-widget ul li { padding: 5px 10px;border-bottom: solid 1px #ddd; }
#top-widget ul li a { text-decoration: none; }






/* COLOPHON-WIDGET */
/*
#colophon-widget {
	margin: 0;
	padding: 10px;
	background: #666;
}
#colophon-widget ul {
	list-style-type: none;
}
#colophon-widget ul li {
	padding: 5px 10px;
	border-bottom: solid 1px #DDD;
}
#colophon-widget ul li li {
	padding: 5px 10px;
	border-top: solid 1px #DDD;
	border-bottom: none;
}
#colophon-widget ul li a {
	padding: 5px 10px;
	text-decoration: none;
}
#colophon-widget .widget-title {
	padding: 5px 0;
	border-bottom: solid 1px #DDD;
	font-weight: 700;
	font-size: 1em;
	line-height: 1.5em;
}
*/


/* _____ SOCIAL NETWORK SERVICE NAVI _____ */
#social { margin: 20px 0; }
#social ul { }
#social ul li {position: relative; float: left;margin-right: 15px;list-style: none;font-weight: bold; }
#social ul li a { color: #000;text-decoration: none; }
#social ul li a:hover { position: relative;top: 1px;color: #777; }
#social ul li a.facebook,
#social ul li a.myspace,
#social ul li a.twitter,
#social ul li a.instagram,
#social ul li a.bandcamp,
#social ul li a.soundcloud 	{ display: inline-block;padding-left: 29px;height: 24px;line-height: 24px; }
#social ul li a.facebook 	{ background: url(../social_icon/facebook.png) no-repeat left center; }
#social ul li a.myspace 	{ background: url(../social_icon/myspace.png) no-repeat left center; }
#social ul li a.instagram 	{ background: url(../social_icon/instagram.png) no-repeat left center; }
#social ul li a.twitter 	{ background: url(../social_icon/twitter.png) no-repeat left center; }
#social ul li a.soundcloud 	{ background: url(../social_icon/soundcloud.png) no-repeat left center; }
#social ul li a.bandcamp 	{ background: url(../social_icon/bandcamp.png) no-repeat left center; }


#content {
}

#widgets {
	margin: 40px 0;
	/*
	border-top: solid 1px #d5d5d5;
	border-bottom: solid 1px #d5d5d5;
	*/
	position:relative;
}
#content-archive { background: #fff; }
#page_content_body {}
#page_archive_body {}


#widgets .column-1 { background: #fff; }
#widgets .column-2 { background: #fff; }
#widgets .column-3 { background: #fff; }
.column-2-blk-first {
	position:relative;
	float: left;
	margin:0;
	padding:0;
	width: 50%;
	background: transparent;
}
.column-2-blk {
	position:relative;
	float: left;
	margin:0;
	padding:0;
	width: 50%;
	background: transparent;
}
.column-3-blk-first {
	position:relative;
	float: left;
	margin:0;
	padding:0;
	width: 34%;
	background: transparent;
}
.column-3-blk {
	float: left;
	margin:0;
	padding:0;
	width: 33%;
	background: transparent;
}

.column-2-blk-first .widget_content_inside,
.column-3-blk-first .widget_content_inside {
}
.column-2-blk .widget_content_inside,
.column-3-blk .widget_content_inside {
	/*border-left:solid 1px #d5d5d5;*/
}



.widget_content_inside { padding: 0px; }
.widget-title,
.widget-title-home h3 {
	margin: 0;
	padding: 10px;
	border-left:solid 3px #333;
	border-bottom: solid 1px #e5e5e5;
	color: #333;
	font-weight: bold;
	font-size: 1em;
	line-height: 1.5em;
	background:#fff;
}

.widget_content_inside ul {
	margin:0;
	padding:0;
}
.widget_content_inside ul li {
	margin:0;
	padding:5px 10px;
	font-size: 1em;
	line-height: 1.5em;
	list-style:none;
	border-bottom: solid 1px #e5e5e5;
	border-left:solid 3px #aaa;
}
.widget_content_inside ul li:hover {
	border-left:solid 3px #666;
}
.widget_content_inside ul li a {
	margin:0;
	padding:0;
	text-decoration:none;
	color:#999;
}
.widget_content_inside ul li a:hover {
	color:#000;
}
.widget_content_inside ul li ul li { padding: 0px;border:none; }

.widget_content_inside .tagcloud { padding:10px; }



.widget_em_widget ul {

}

.em-calendar-wrapper {}
.em-calendar {
	margin: 0 auto;
	width: 250px;
}






/* ----------------------------------------
	PAGE.PHP
---------------------------------------- */
#page_content_body h1.post-title {
	font-size: 1.8em;
	line-height: 1.75em;
}
.post-meta {
	color: #999;
}
.post-meta .posted {
	color: red;
}
.post-meta .byline {
	color: blue;
}
.post-meta .author a {
	color: #333;
}
.post-meta .comments-link {

}
.post-meta .comments-link .mdash {

}
.post-meta .comments-link a {
}

.post-entry {
	margin: 10px 0;
}
.post-data {}
.post-edit {
		font-size:.9em;
		line-height:2em;
	}
	.post-edit a {
		padding:3px 5px;
		background:#333;
		color:#fff;
		text-decoration:none;
	}
	.post-edit a:hover {
		background:#999;
	}





