@charset "utf-8";
@import "reset.css";

/* Universal Selectors
----------------------------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}

ul {
	list-style-type: none;
}

* a:link,
* a:visited,
* a:hover,
* a:active {
	font-size: 10px;
	text-decoration:underline;
	color: #333333;
}

* a:hover {
	cursor: pointer;
	text-decoration: underline;
}

* img {
	border: none;
}

a img {
	border: none;
}

:link img,
:active img {
	border: none;
}





/* Structure
----------------------------------------------------------------------------- */

html {
	overflow-x:hidden;
	background: #FFFFFF;
}

body {
	/* font-size: 62.5%; */
	font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
	text-align: left;
	color: #333333;
	font-size: 12px;
	line-height: 150%;
	background-image: url(../img/bg.gif);
	background-color:#FFFFFF;
	position : relative;
}

#holder {
	text-align: center;
}

#wrapper {
	position : relative;
	top : -444px;
	width: 1055px;
	margin: 0 auto;
	margin-bottom : -405px;
	text-align: left;
/*	font-size: 1.2em; */
}



#main {
	position : relative;
	z-index:400;
}

#content {
	width: 685px;
}

#sidebar {
	width: 211px;
	position: absolute;
	left: 715px;
	top : 15px;

}

#footer {
	*padding: 64px 0; /* IE6 and IE7 hack */
	clear: both;
	text-align:left;
	width: 100%;
	height: 64px;
	background-image: url(../img/footer_bg.gif);
	background-repeat:repeat-x;
}


/* Header
----------------------------------------------------------------------------- */
#header {
	position : relative;
}

.header-bar {
	width:100%;
	height:40px;
	background-color:#000000;
}

.header-bar .logo {
	color:#FFFFFF;
	width:136px;
	height:25px;
	position:absolute;
	top:6px;
	right:10px;
}

.header-bg-dot {
	width:100%;
	height:362px;
	background-image:url(../img/header_bg_dot.gif);
	background-repeat:repeat-x;
	position : relative;
	text-align : center;
}

h1 {
	margin : 0 auto;
	width: 340px;
	height: 348px;
	background : url(../img/title.png) no-repeat;
	position : relative;
	top : -414px;
	left: -306px;
	z-index : 900;
}

h1 a {
	display:block;
	width: 340px;
	height: 335px;
	text-indent: -9999px;
}

#header map {
	width: 340px;
	height: 340px;
	position : absolute;
	top : 14px;
	left: 0px;
	z-index: 910;
}

#header area {
	position : absolute;
	top : 14px;
	left: 0px;
	z-index: 920;
}

.header-bg-title {
	width: 100%;
	height: 473px;
	background : url(../img/header_bg_title.png) no-repeat 50% 0%;
	position : absolute;
	top : 40px;
}

/* Content
----------------------------------------------------------------------------- */

#content {
	width:590px;
	position:relative;
	top :11px;
	left:100px;
	z-index: 210;
}

#content .content-header {
	height:25px;
	margin-bottom: -5px; /* アーカイブヘッダ無しだと空くため */
	background-image:url(../img/content_header_bg.png);
	background-repeat: no-repeat;
}

#content .content-body {
	background-image:url(../img/content_body_bg.png);
	background-repeat:repeat-y;
}

#content .content-footer {
	height:62px;
	background-image:url(../img/content_footer_bg.png);
	background-repeat: no-repeat;
	text-align:center;
	margin-top: -20px; /* postのmargin-bottomを調整 */
}

#content .content-footer-navi {
	padding-top: 20px;
}

#content .content-footer-navi,
#content .content-footer-navi a {
	color:#FFFFFF;
	font-size: 13px;
	font-weight: bold;
}

#content .content-footer-navi .invalid {
	color:#EC6F9A;
	font-size: 14px;
	font-weight: bold;
}

#content .archive-header {
	margin: 5px auto 0px auto; /* アーカイブヘッダ無しの場合のために-5pxしているため調整 */
	width:540px;
	height:100px;
	background-repeat: no-repeat;
}

#content .content-posts {
	margin: 0px auto;
	width:540px;
	height:100%;
}

/* for archive */
#content .archive-header {
	margin-bottom: 20px;
}

#content .archive-header h2 {
	padding-top:37px;
	font-size:26px;
}

/* for main page */
#content .archive-header-index {
	text-align:left;
	background-image:url(../img/content_main_bg.gif);
}

#content .archive-header-index .thema-intro {
	display:none;
}

#content .archive-header-index h2 {
	margin-left:143px;
}

/* for archive by author */
#content .archive-header-author {
	text-indent: -9999px;
}

#content .archive-header-author .archive-author-day {
	text-indent: 0px;
	color: #E53C78;
	font-size: 11px;
	text-align: right;
	margin-top: -53px; /* margin-top: -16px; */
	padding-top: 11px;
	padding-right: 15px;
}

#content .archive-header-author .archive-author-description {
	text-indent: 0px;
	color: #FFFFFF;
	font-size: 12px;
	padding-top: 8px;
	padding-left: 136px;
	padding-right: 17px;
}

#content .archive-header-author-dahuya { background-image:url(../img/content_author_bg_dahuya.gif); }
#content .archive-header-author-tapiyo { background-image:url(../img/content_author_bg_tapiyo.gif); }
#content .archive-header-author-binbo  { background-image:url(../img/content_author_bg_binbo.gif);  }
#content .archive-header-author-yoyogi { background-image:url(../img/content_author_bg_yoyogi.gif); }
#content .archive-header-author-monmon { background-image:url(../img/content_author_bg_monmon.gif); }
#content .archive-header-author-ky     { background-image:url(../img/content_author_bg_ky.gif);     }

/* for archive by category */
#content .archive-header-category {
	text-align:center;
	background-image:url(../img/content_category_bg.gif);
}

#content .archive-header-category h2 {
}

/* for archive by tag */
#content .archive-header-tag {
	text-align:center;
	background-image:url(../img/content_tag_bg.gif);
}

#content .archive-header-search h2 {
}

/* for search results */
#content .archive-header-search {
	text-align:center;
	background-image:url(../img/content_search_bg.gif);
}

#content .archive-header-search h2 {
}


/* Post
----------------------------------------------------------------------------- */

#content .post {
	margin-bottom: 20px;
	background-color:#FFFFFF;
	background-image:url(../img/content_post_footer_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#content .post-header {
	height:250px;
	background-repeat: no-repeat;
	position:relative;
}

/* background for user post */
#content .post-header-dahuya { background-image:url(../img/content_post_header_bg_dahuya.gif); }
#content .post-header-tapiyo { background-image:url(../img/content_post_header_bg_tapiyo.gif); }
#content .post-header-binbo  { background-image:url(../img/content_post_header_bg_binbo.gif);  }
#content .post-header-yoyogi { background-image:url(../img/content_post_header_bg_yoyogi.gif); }
#content .post-header-monmon { background-image:url(../img/content_post_header_bg_monmon.gif); }
#content .post-header-ky     { background-image:url(../img/content_post_header_bg_ky.gif);     }

/* meta data */
#content .post-meta {
	position:relative;
	text-align: right;
}

#content .post-meta-author {
	display: inline;
	margin-right: 2px;
	text-align: right;
	font-size: 11px;
	position:relative;
	top: -18px;
}

#content .post-meta-author a {
	text-decoration: none;
	font-size: 11px;
}

#content .post-meta-author a:hover {
	text-decoration:underline;
}

#content .post-meta-date {
	display: inline;
	width:100%;
	margin-right: 33px;
	text-align: right;
	font-size: 11px;
	position:relative;
	top: -18px;
}

#content .post-meta-thema {
	clear:both;
	margin-top: 10px;
	margin-left: 135px;
	font-weight: bold;
	text-align: left;
	position:relative;
	top: -19px;
}

#content .post-meta-thema a {
	margin-left: 2px;
	text-decoration: none;
	font-size: 12px;
}

#content .post-meta-thema a:hover {
	text-decoration:underline;
}

#content .post-title {
	margin-top: 5px;
	margin-left: 135px;
	font-size: 25px;
	font-weight: bold;
	position:relative;
	top: 50px;
	z-index:1000;
}

/* entry */
#content .post-body {
	margin: -93px 22px 0px 22px;
	padding-bottom: 20px;
	line-height: 170%;
	position:relative;
}

#content .post-body a {
	font-size: 12px;
}

#content .post-body hr {
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #E53C78; 
	height: 1px;
}

#content .post-more {
	text-align: right;
	margin-top: 20px;
}





/* Sidebar
----------------------------------------------------------------------------- */

#sidebar .side {
	background-color: #E8E8E8;
	margin-bottom:10px;
	position: relative;
	display:block;
}

#sidebar .side h2 {
	text-indent: -9999px;
}

#sidebar .side .side-body {
	margin: 3px 20px 10px 20px;
	padding-bottom: 18px;
	position:relative;
}

/* about */

#sidebar .widget-about {
}

#sidebar .widget-about h2 {
	width:297px;
	height:285px;
	background-image:url(../img/sidebar_about_title.png);
	background-repeat: no-repeat;
	position: relative;
	top:-74px;
	left:-24px;
	z-index:710;
}

#sidebar .widget-about .side-body {
	font-size: 10.5px;
	line-height: 140%;
	margin-top: -240px;
	padding-left: 3px;
	position: relative;
	z-index:810;
}

/* thema */
#sidebar .widget-thema h2 {
	width:300px;
	height:305px;
	margin-top: -20px;
	background-image:url(../img/sidebar_thema_title.png);
	background-repeat: no-repeat;
	position: relative;
	top:-117px;
	left:36px;
	z-index:720;
}

#sidebar .widget-thema .side-body {
	margin-top: -220px;
	position: relative;
	z-index:820;
}

/* rei:jquery.treeview.css */

#sidebar .widget-thema-all {
	margin-top: -4px;
	text-align:right;
}

/* member */
#sidebar .widget-member h2 {
	width:232px;
	height:114px;
	background-image:url(../img/sidebar_member_title.png);
	background-repeat: no-repeat;
	position: relative;
	top:-28px;
	left:-31px;
	z-index:730;
}

#sidebar .widget-member .side-body {
	margin-top: -21px;
	position: relative;
	z-index:830;
}

#sidebar .widget-member .side-body a {
	margin-left: 2px;
	font-weight: bold;
}

/* search */
#sidebar .widget-search h2 {
	width:127px;
	height:94px;
	background-image:url(../img/sidebar_search_title.png);
	background-repeat: no-repeat;
	position: relative;
	top:-69px;
	left:133px;
	z-index:740;
}

#sidebar .widget-search .side-body {
	margin-top: -74px;
	padding-bottom: 20px;
	position: relative;
	z-index:840;
}

#sidebar .widget-search .side-body .search-input {
	width:120px;
	margin-right: 4px;
}

/* link */
#sidebar .widget-link h2 {
	width:202px;
	height:102px;
	background-image:url(../img/sidebar_link_title.png);
	background-repeat: no-repeat;
	position: relative;
	top:-17px;
	left:-9px;
	z-index:750;
}

#sidebar .widget-link .side-body {
	margin-top: -15px;
	padding-bottom: 16px;
	position: relative;
	z-index:850;
}

/* tagcloud */
#sidebar .widget-tagcloud h2 {
	width:200px;
	height:111px;
	background-image:url(../img/sidebar_tagcloud_title.png);
	background-repeat: no-repeat;
	position: relative;
	top:-22px;
	left:-21px;
	z-index:760;
}

#sidebar .widget-tagcloud .side-body {
	margin-top: -15px;
	position: relative;
	z-index:860;
}

#sidebar .widget-tagcloud .side-body ul {
	display:inline;
}

#sidebar .widget-tagcloud .side-body li {
	display:inline;
	margin-left: 5px;
	line-height: 200%;
}

#sidebar .widget-tagcloud .side-body a {
	text-decoration: none;
}

#sidebar .widget-tagcloud .side-body a:hover {
	text-decoration: underline;
}

#sidebar .widget-tagcloud .side-body .rank-1  a { font-size: 26px; font-weight:bold; }
#sidebar .widget-tagcloud .side-body .rank-2  a { font-size: 22px; font-weight:bold; }
#sidebar .widget-tagcloud .side-body .rank-3  a { font-size: 18px; font-weight:bold; }
#sidebar .widget-tagcloud .side-body .rank-4  a { font-size: 14px; }
#sidebar .widget-tagcloud .side-body .rank-5  a { font-size: 12px; }
#sidebar .widget-tagcloud .side-body .rank-6  a { font-size: 11px; }
#sidebar .widget-tagcloud .side-body .rank-7  a { font-size: 10px; }
#sidebar .widget-tagcloud .side-body .rank-8  a { font-size: 9px;  }



/* Footer
----------------------------------------------------------------------------- */

#footer .footer-logo {
	position:relative;
	top:18px;
	margin-left: 20px;
	float: left;
}

#footer address {
	float: left;
	position:relative;
	top:16px;
	margin-left: 20px;
	color:#FFFFFF;
	line-height:130%;
}

#footer .footer-copyright {
	float: right;
	position:relative;
	top:16px;
	margin-right: 15px;
	color:#999999;
	text-align: right;
	line-height: 130%;
}

#footer .footer-copyright a {
	color:#999999;
	text-decoration: underline;
}





/* Extras
----------------------------------------------------------------------------- */
hr {
	display: none;
}