@charset "UTF-8";

/*================================================================
import 
================================================================*/

@import "reset.css";

/*================================================================
reco
================================================================*/

#reco {
	text-align: center;
	font-size: 62.5%;
	color: #5b5b5b;
	line-height: 1.75;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro","‚l‚r ‚oƒSƒVƒbƒN","MS P Gothic",Verdana,Osaka,sans-serif;
	background: url(../../reco/img/container_bg.jpg);
}
a:link {
	text-decoration: none;
	color: #60a625;
}
a:visited {
	text-decoration: none;
	color: #60a625;
}
a:hover {
	color: #a6d34e;
	text-decoration: underline;
}
a:active {
	color: #a6d34e;
	text-decoration: underline;
}

/*--------------------------------------------------------------*/
#reco #wrapper {
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 100px;
	background: url(../../reco/img/footer_top_bg.jpg) no-repeat left bottom;
	text-align: left;
	overflow: hidden;
}
/*--------------------------------------------------------------*/
#reco #header {
	width: 100%;
	height: 300px;
	text-align: center;
	background: url(../../reco/img/wrapper_bg.jpg) repeat-x top;
}
#reco #header #inner {
	position: relative;
	width: 1000px;
	height: 300px;
	margin: 0 auto;
	background: url(../../reco/img/header_bg_sub.jpg) no-repeat 0 0;
}
#reco #header #inner.illust {
	background: url(../../reco/img/header_bg_sub_illust.jpg) no-repeat 0 0;
}
#reco #header #inner h1 {
	position: absolute;
	top: 20px;
	left: 20px;
}
#reco #header #inner h1 img#header-logo-text {
	margin: 0 0 10px 20px;
}
#reco #header #inner p#rchousing-logo {
	position: absolute;
	top: 10px;
	right: 30px;
}
/*--------------------------------------------------------------*/
#reco #header #inner #category-info-header {
	position: absolute;
	width: 640px;
	top: 170px;
	left: 90px;
	text-align: left;
}
#reco #header #inner #category-info-header h2,
#reco #header #inner #category-info-header p.category-name,
#reco #header #inner #category-info-header p.category-excerpt {
	width: 395px;
	float: left;
}
#reco #header #inner #category-info-header h2 {
	margin-bottom: 50px;
}
#reco #header #inner #category-info-header p.category-name {
	margin-bottom: 10px;
}
#reco #header #inner #category-info-header p.category-excerpt {
	padding-top: 20px;
	background: url(../../reco/img/main_line_dot_l.gif) no-repeat top;
}
#reco #header #inner #category-info-header p.category-illust {
	width: 240px;
	float: right;
}
#reco #header #inner #category-info-header p.category-illust img.seed-illust {
	margin-top: 20px;
}

/*--------------------------------------------------------------*/
#reco #header #inner #category-senpai-header {
	position: absolute;
	width: 640px;
	top: 170px;
	left: 90px;
	text-align: center;
}
#reco #header #inner #category-senpai-header h2 {
	margin-bottom: 20px;
}
#reco #header #inner #category-senpai-header p.category-name {
	margin-bottom: 5px;
}
#reco #header #inner #category-senpai-header p.category-excerpt {
	padding-top: 15px;
	background: url(../../reco/img/main_line_dot_l.gif) no-repeat top;
}

/*--------------------------------------------------------------*/
#reco #container {
	width: 1000px;
	background: url(../../reco/img/main_bg.jpg) repeat-y left;
	overflow: hidden;
}
/*--------------------------------------------------------------*/
#reco #container #main {
	width: 640px;
	padding: 15px 70px 0 90px;
	float: left;
}
#reco #container #main h3.category-title {
	margin-bottom: 30px;
	padding: 5px 0 5px 5px;
	border-left: #8a644a solid 25px;
	background-color: #60a625;
}
#reco #container #main h3.category-title#category-with-illust {
	margin-top: 90px;
}
#reco #container #main h3#archive-title {
	margin-bottom: 30px;
	padding: 5px 0 5px 5px;
	border-left: #8a644a solid 25px;
	background-color: #60a625;
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1.5;
	color: #FFF;
}
/*--------------------------------------------------------------*/
#reco #container #main.archive-page {
	position: absolute;
	margin-top: -160px;
}
/*--------------------------------------------------------------*/
#reco #container #main .post {
	margin-bottom: 40px;
}
/*--------------------------------------------------------------*/
#reco #container #main .post .post-header {
	width: 620px;
	margin: 0 0 25px 10px;
	background: url(../../reco/img/main_bg_posttitle_bottom.gif) no-repeat bottom;
}
#reco #container #main .post .post-header p.date {
	padding-bottom: 5px;
	background: url(../../reco/img/main_bg_posttitle_top.gif) no-repeat bottom;
	background-color: #FFF;
	color: #999;
	font-size: 1.2em;
}
#reco #container #main .post .post-header h3 {
	padding: 8px 5px 8px 60px;
	font-size: 1.6em;
	line-height: 1.5;
	color: #60a625;
	background: url(../../reco/img/main_icon_futaba_bg_gray.gif) no-repeat 10px 0.4em;
}
/*--------------------------------------------------------------*/
#reco #container #main.category-study .post .post-header {
	margin: 0 0 10px 10px;
	background: url(../../reco/img/main_bg_posttitle_bottom_illust.gif) no-repeat bottom;
}
#reco #container #main.category-study .post .post-header p.date {
	padding-bottom: 5px;
	padding-left: 65px;
	background: url(../../reco/img/main_bg_posttitle_top.gif) no-repeat bottom;
	background-color: #FFF;
	color: #999;
	font-size: 1.2em;
}
#reco #container #main.category-study .post .post-header h3 {
	line-height: 1;
	margin-top: -25px;
	padding: 35px 5px 25px 65px;
	background: url(../../reco/img/main_icon_seco.gif) no-repeat 5px 0;
}
/*--------------------------------------------------------------*/
#reco #container #main.category-seed .post .post-header {
	margin: 0 0 10px 10px;
	background: url(../../reco/img/main_bg_posttitle_bottom_illust.gif) no-repeat bottom;
}
#reco #container #main.category-seed .post .post-header p.date {
	padding-bottom: 5px;
	padding-left: 65px;
	background: url(../../reco/img/main_bg_posttitle_top.gif) no-repeat bottom;
	background-color: #FFF;
	color: #999;
	font-size: 1.2em;
}
#reco #container #main.category-seed .post .post-header h3 {
	line-height: 1;
	margin-top: -25px;
	padding: 40px 5px 30px 65px;
	background: url(../../reco/img/main_icon_reco.gif) no-repeat 10px 0;
}

/*--------------------------------------------------------------*/
#reco #container #main .post .post-footer {
	width: 620px;
	margin: 0 10px 60px;
	padding-top: 20px;
	background: url(../../reco/img/main_line_dot_l.gif) no-repeat top;
}
#reco #container #main .post .post-footer ul {
	margin-bottom: 10px;
	text-align: right;
}
#reco #container #main .post .post-footer ul li {
	display: inline;
	margin-left: 5px;
	padding-left: 5px;
	font-size: 1.2em;
	color: #888;
	line-height: 1;
	border-left: #ccc solid 1px;
}
#reco #container #main .post .post-footer ul li.first {
	border: none;
}
#reco #container #main .post .post-footer .page-top {
	text-align: right;
}

/*--------------------------------------------------------------*/
#reco #container #main .post .senpai-header {
	width: 620px;
	margin-bottom: 30px;
	padding: 0 10px 30px;
	background: url(../../reco/img/main_line_dot_l.gif) no-repeat bottom;
	overflow: hidden;
}
#reco #container #main .post .senpai-header .senpai-info {
	width: 440px;
	float: right;
}
#reco #container #main .post .senpai-header .senpai-info h4 {
	padding-top: 40px;
	font-size: 1.6em;
	line-height: 1.5;
	color: #60a625;
}
#reco #container #main .post .senpai-header dl {
	font-size: 1.2em;
}
#reco #container #main .post .senpai-header dl dt {
	margin-bottom: 5px;
}
#reco #container #main .post .senpai-header .senpai-photo {
	float: left;
	width: 120px;
	height: 120px;
	margin-right: 30px;
	padding: 13px 15px 15px;
	background: url(../../reco/img/main_bg_photo_senpai.gif) no-repeat;
}
#reco #container #main .post .senpai-header .senpai-photo a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}
/*--------------------------------------------------------------*/
#reco #container #main .archive-list {
	width: 640px;
	margin: 0 10px 20px;
	padding-bottom: 20px;
	background: url(../../reco/img/main_line_dot_l.gif) no-repeat 0 100%;
}
#reco #container #main .archive-list h3 {
	font-size: 1.6em;
}
#reco #container #main .archive-list ul {
	margin-left: -10px;
}
#reco #container #main .archive-list ul li {
	display: inline;
	margin-left: 5px;
	padding-left: 5px;
	font-size: 1.2em;
	color: #888;
	line-height: 1;
	border-left: #ccc solid 1px;
}
#reco #container #main .archive-list ul li.first {
	border: none;
}
/*--------------------------------------------------------------*/
#reco #container #main .senpai-archive {
	margin-bottom: 20px;
}
#reco #container #main .senpai-archive .senpai-header {
	margin-bottom: 0;
}
#reco #container #main .senpai-archive .senpai-header .senpai-info h4 {
	padding-top: 0;
}
#reco #container #main .senpai-archive .senpai-header .senpai-info .volnum {
	margin-left: -5px;
	padding: 10px 0 20px 40px;
	background: url(../../reco/img/main_bg_vol.gif) no-repeat;
}
#reco #container #main .senpai-archive .senpai-header dl {
	margin-bottom: 20px;
}
#reco #container #main .senpai-archive .senpai-header dl dt,
#reco #container #main .senpai-archive .senpai-header dl dd {
	display: inline;
}
#reco #container #main .senpai-archive .senpai-header p.more {
	text-align: right;
}


#reco #container #main .post .post-body {
	width: 620px;
	margin: 0 10px;
	overflow: hidden;
	font-size: 1.4em;
}
#reco #container #main .post .post-body p,
#reco #container #main .post .post-body ol,
#reco #container #main .post .post-body ul {
	margin-bottom: 1em;
}

#reco #container #main .post .post-body h3 { font-size: 1.6em; margin-bottom: 5px;}
#reco #container #main .post .post-body h4 { font-size: 1.4em; margin-bottom: 5px;}
#reco #container #main .post .post-body h5 { font-size: 1.2em; margin-bottom: 5px;}

#reco #container #main .post .post-body ol {
	list-style: outside decimal;
	padding-left: 25px;
}
#reco #container #main .post .post-body ul {
	list-style: outside disc;
	padding-left: 25px;
}
/*--------------------------------------------------------------*/
#reco #container #main .post .post-body .afterword {
	margin-top: 30px;
	border: #ACA dotted 1px;
	clear: both;
}
#reco #container #main .post .post-body .afterword .afterword-body {
	margin: 5px 20px 0;
	padding-top: 5px;
	border-top: #DDD solid 1px;
}
#reco #container #main .post .post-body .afterword p.afterword-title {
	margin: 15px 20px 0;
}
/*--------------------------------------------------------------*/
#reco #container #main .page-nav {
	width: 640px;
	height: 37px;
	margin-bottom: 30px;
	overflow: hidden;
	background: url(../../reco/img/main_bg_pagenav.gif) no-repeat;
}

#reco #container #main .page-nav ul {
	position: relative;
	width: 640px;
}
#reco #container #main .page-nav ul li {
	position: absolute;
	width: 200px;
	margin-top: 8px;
	font-size: 1.2em;
}
#reco #container #main .page-nav ul li.prev {
	left: 30px;
	padding-left: 30px;
	background: url(../../reco/img/main_arrow_prev.gif) no-repeat left center;
}
#reco #container #main .page-nav ul li.next {
	right: 30px;
	padding-right: 30px;
	text-align: right;
	background: url(../../reco/img/main_arrow_next.gif) no-repeat right center;
}

#reco #container #main .page-nav ul li.archive {
	width: auto;
	left: 50%;
	margin-left: -5em;
}

#reco #container #main #recent-archive h3 {
	margin-bottom: 15px;
}
#reco #container #main #recent-archive li {
	margin-bottom: 5px;
	padding-left: 15px;
	background: url(../../reco/img/main_list_green.gif) no-repeat left center;
}
#reco #container #main #recent-archive ul li a {
	font-size: 1.4em;
	font-weight: bold;
}
#reco #container #main #recent-archive ul li span.profile {
	margin-left: 5px;
	font-size: 1.2em;
}

/*--------------------------------------------------------------*/
#reco #container #side {
	width: 182px;
	padding: 25px 18px 0 0;
	float: right;
}

#reco #container #side .side-sec {
	margin-bottom: 25px;
}
#reco #container #side #reco-info h3 {
	margin-bottom: 15px;
	text-align: center;
}
#reco #container #side #reco-info p {
	margin-bottom: 10px;
	line-height: 1.5;
}
#reco #container #side #reco-info dl {
	text-align: right;
	font-size: 1.2em;
	line-height: 1.5;
}
#reco #container #side #reco-info dl dt {
	color: #56b541;
	font-weight: bold;
}

#reco #container #side #category-nav ul li {
	margin-bottom: 5px;
}
#reco #container #side #category-nav ul li dl {
	padding-bottom: 15px;
	background: url(../../reco/img/side_bg_box_bottom.gif) no-repeat bottom;
}
#reco #container #side #category-nav ul li dl dt {
	margin-bottom: 10px;
}
#reco #container #side #category-nav ul li dl dd {
	padding: 0 10px;
}
#reco #container #side #category-nav ul li dl dd a {
	display: block;
	padding-left: 15px;
	background: url(../../reco/img/side_list_brown.gif) no-repeat left center;
	font-size: 1.1em;
	font-weight: bold;
	color: #8a644a;
}
#reco #container #side .archive h3 {
	margin-bottom: 15px;
}
#reco #container #side .archive a {
	text-decoration: underline;
	font-size: 1.2em;
}
#reco #container #side .archive p.more {
	text-align: right;
}
#reco #container #side #recent-entry ul li {
	padding-bottom: 10px;
	margin-bottom: 10px;
	text-indent: 1.1em;
	background: url(../../reco/img/side_list_green.gif) no-repeat 0 0.5em;
	border-bottom: #dddddd solid 1px;
}
#reco #container #side #recent-entry ul li a {
	line-height: 1.5;
}
#reco #container #side #monthly ul {
	margin-bottom: 10px;
}
#reco #container #side #monthly ul li {
	margin-bottom: 5px;
}

#reco #container #side #eco-bnr .bnr {
	margin-bottom: 10px;
}

/*--------------------------------------------------------------*/
#reco #footer {
	height: 140px;
	background: url(../../reco/img/footer_bg.gif) repeat-x bottom;
}
#reco #footer #footer-inner {
	position: relative;
	width: 1000px;
	height: 140px;
	margin: 0 auto;
	background: url(../../reco/img/footer_bg_illust.gif) no-repeat right bottom;
}
#reco #footer #footer-inner p#footer-logo {
	position: absolute;
	left: 30px;
	top: 5px;
}
#reco #footer #footer-inner p#all-pagetop {
	position: absolute;
	top: 68px;
	right: 20px;
}
#reco #footer #footer-inner address {
	position: absolute;
	left: 356px;
	bottom: 50px;
}

/*--------------------------------------------------------------*/
/*- top --------------------------------------------------------*/
/*--------------------------------------------------------------*/
#reco.top #header #inner {
	background: url(../../reco/img/header_bg.jpg) no-repeat top;
}
#reco.top #header #inner #top-header h1 {
	position: absolute;
	top: 100px;
	left: 220px;
}
#reco.top #header #inner #top-header h2 {
	position: absolute;
	top: 265px;
	left: 120px;
	margin: 0;
}

#reco.top #main {
	margin-top: 15px;
}
#reco.top #main .top-recoinfo {
	width: 620px;
	margin-top: -100px;
	margin-left: 18px;
	overflow: hidden;
	position: absolute;
}
#reco.top #main .top-recoinfo h2,
#reco.top #main .top-recoinfo p.text {
	width: 365px;
	float: left;
}
#reco.top #main .top-recoinfo h2 {
	margin: 40px 0 20px;
}
#reco.top #main .top-recoinfo p.illust {
	width: 230px;
	float: right;
}
/*--------------------------------------------------------------*/
#reco.top #main {
}
#reco.top #main .info-archive {
	width: 640px;
	padding-top: 160px;
	margin-bottom: 50px;
	overflow: hidden;
}
#reco.top #main .info-archive .archive-sec {
	display: inline;
	width: 300px;
	float: left;
}
#reco.top #main .info-archive #blog-ken {
	margin-left: 30px;
}
#reco.top #main .info-archive h4 {
	margin-bottom: 5px;
	padding: 0 0 5px 40px;
	background: url(../../reco/img/main_icon_futaba.gif) no-repeat left center;
	border-bottom: #633 dotted 1px;
}
#reco.top #main .info-archive p.category-info {
	margin-bottom: 30px;
}
#reco.top #main .info-archive dl {
	margin-bottom: 20px;
	font-size: 1.2em;
	line-height: 1.5;
}
#reco.top #main .info-archive dl dt {
	color: #888;
}
#reco.top #main .info-archive dl dd {
	margin-bottom: 15px;
}
#reco.top #main .info-archive dl dd a {
	text-decoration: underline;
}
/*--------------------------------------------------------------*/
#reco.top #main .info-archive dl dd span.new {
	float: none;
	display: none;
	width: auto;
	padding-left: 5px;
	background: none;
}
#reco.top #main .info-archive dl dd span.new img {
	vertical-align: middle;
}
/*--------------------------------------------------------------*/
#reco.top #main p.archive-more {
	text-align: right;
}

#reco.top #main .senpai-archive {
	margin-bottom: 30px;
	
}
#reco.top #main .senpai-archive ul {
	width: 660px;
	margin-left: -20px;
	margin-bottom: 20px;
	overflow: hidden;
	background: url(../../reco/img/main_bg_illust_seco.jpg) no-repeat 95% 98%;
}
#reco.top #main .senpai-archive ul li {
	display: inline;
	float: left;
	width: 120px;
	margin: 0 0 15px 15px;
	padding: 13px 15px 0;
	background: url(../../reco/img/main_bg_photo_senpai.gif) no-repeat;
	text-align: center;
	font-size: 1.2em;
}
#reco.top #main .senpai-archive ul li a {
	display: block;
	height: 120px;
	margin-bottom: 18px;
}
#reco.top #main .senpai-archive ul li a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}
/*--------------------------------------------------------------*/
#reco.top #main .senpai-archive ul li span.new {
	float: none;
	display: none;
	width: auto;
	padding-left: 5px;
	background: none;
}
#reco.top #main .senpai-archive ul li span.new img {
	vertical-align: middle;
}