@charset "shift_jis";

/* =====================================================================

########################################################################

  FANBLOG REDESIGN 2009

 //各種コンテンツ

 Last update :2009.03.11
------------------------------------------------------------------------


  INDEX


  1. Yahoo UI Library Reset CSS

  2. Clearfix

  3. Common setting

  4. Header

  5. Main Contents

    5-1.記事表示
    5-2.機能紹介
    5-3.サイドバーなしページ用
    5-4.サイトマップ

  6. Side

  7. Footer

  8. Other


########################################################################

===================================================================== */

/* =====================================================================

1.Yahoo UI Library Reset CSS

===================================================================== */
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;overflow-y:scroll;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;border:none;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}

body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}strong{font-weight:bold;}
/* ----- END of YUI reset/base/font CSS ----- */
/* =====================================================================

2.Clearfix

===================================================================== */
/* clearfix */
.clr:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
	/* IE6 */
	* html .clr {
		display: inline-block;
	}
	/* IE7 */
	*+html .clr {
		display: inline-block;
	}
/* =====================================================================

3.Common setting

===================================================================== */
html {
	background: url('../image/bg_container_before.gif') left top repeat;
}
body {
	margin: 0; padding: 0; color: #000;
	font-size:93%;
}
a {
	color: #006;
	text-decoration: underline;
}
a:visited {
	color: #006;
	text-decoration: underline;
}
a:hover {
	color: #C00;
	text-decoration: none;
}
a:active {
	color:#006;
	text-decoration: none;
}
#container {
	width: 100%;
	margin: 0;
	font-size:90%;
}
/* =====================================================================

4.Header

===================================================================== */
#header{
	width: 950px;
	margin: 0 auto;
	background: url('../image/bg_header.gif') left top repeat-x;
}
#header-inner {
	width: 910px;
	margin:0;
	padding:0 20px;
}
#headerLeft {
	float:left;
	width:615px;
	height:70px;
	display:inline;
}
#headerLeft .headerImage  {
	width:255px;
	height:70px;
	float:left;
}
#headerLeft .prBox {
	width:322px;
	height:20px;
	border:1px solid #d9d9d9;
	padding:8px;
	margin:16px 0;
	text-align:center;
	float:right;
}
#headerRight {
	float:left;
	width:277px;
	height:20px;
	border:1px solid #FFF;
	padding:8px;
	margin:16px 0;
	text-align:right;
	float:right;
	display:inline;
}
#headerRight img {
	margin-left:5px;
}
/* =====================================================================

5. Main Contents

===================================================================== */
#bread {
	width:910px;
	background:#FFF;
	padding:10px 20px;
	margin:0 auto;
}
#bread-inner {
	padding:4px;
	background:#EEE;
}
#contents {
	width: 950px;
	margin: 0 auto;
	padding:0;
	background: #FFF;
}
#contents-inner {
	width:910px;
	margin: 0;
	padding: 10px 20px;
}
#contents-inner-single {
	width:600px;
	margin: 0 auto;
	padding: 10px 20px;
}
#main {
	float:right;
	width:690px;
	margin:0;
	padding:0;
}
#mainLogin {

}
/* ---------------------------------------------------------------------
 5-1.記事表示
--------------------------------------------------------------------- */
#entries {
	margin-bottom: 10px;
}
#entries .entry {
	margin-bottom: 5px;
}
#entries .entryDate {
	font-size: 120%;
	font-weight: bold;
	color: #333;
}
#entries .entryInfo {
	border-bottom: 1px dashed #ccc;
	background: #FFF;
	padding:3px;
	font-size: x-small;
	color: #999;
}
#entries .entryInfo a {
	text-decoration: none;
	color: #999;
}
#entries .entryInfo a:hover {
	background: #ccc;
}
#entries h2.entryTitle {
	border: none;
	border-left: 5px solid #aaa;
	background: #eee;
	padding: 6px;
	margin: 10px 0 0;
}
#entries h2.entryTitle a {
	text-decoration:none;
}
#entries h2.entryTitle a:hover {
	text-decoration:underline;
}
#entries .entryBody {
	color: #333;
	padding: 0;
}
#entries .entryContinue {
	margin:10px;
	text-align:left;
}
#entries .entryContinue a {
	padding: 4px;
	color: #fff;
	background: #999;
	text-decoration: none;
}
#entries .entryContinue a:hover {
	background: #333;
}
#letsEntry {
	margin:10px auto;
}
#letsEntry a img {
	width:690px;
	margin:0 auto;
}
#topbanner {
	width:615px;
	margin-bottom:10px;
}
#searchbox {
	border:1px solid #CCC;
	background:#EEE;
	padding:5px ;
}
#searchbox-inner {
	width:520px;
	height:25px;
	background: url('../image/bg_search.gif') left top no-repeat;
	padding:10px;
}
#searchbox table {
	margin:0;
}
#searchbox form {

}
#searchbox-inner form input.form-textbox {
	width:350px;
	margin-right:10px;
	height:14px;
	border:1px solid #CCC;
	padding:2px;
	margin-top:0;
}
.prBox {
	width:597px;
	height:20px;
	border:1px solid #d9d9d9;
	padding:8px;
	margin:16px 0 10px;
	text-align:center;
}
.main-block {
	margin-bottom:10px;
}
.main-block-inner {
	border:1px solid #CCC;
	border-top:none;
	padding:2px 18px;
}
.main-block-inner-guide img,
.main-block-inner-kinou img {
	margin:5px;
}
.main-block-pickup {
	float:left;
	width:265px;
	margin-right:15px;
}
.main-block-pickup img {
	float:left;
	margin-right:10px;
}
.main-block-pickup-blogname {
	font-weight:bold;
}
h2.blogcategory {
	font-weight:bold;
	padding-left:18px;
	background: url('../image/before_main_blogcategory.gif') left 3px no-repeat;
	background: url('../image/before_main_blogcategory.gif') left 3px no-repeat;
}
.blogcategory-list {
	padding-left:18px;
}
.box690 {
	width:668px;
	padding:10px;
	border:1px solid #CCC;
	border-top:none;
	margin:0 0 20px 0;
}
.box670 {
	width:648px;
	padding:10px;
	border:1px solid #CCC;
	border-top:none;
	margin:0 0 10px 0;
}
.green690 {
	line-height:30px;
	background:url('../image/690green.gif') left top no-repeat;
	padding-left:20px;
	font-weight:bold;
	color:#FFF;
}
.green690-left {
	float:left;
	width:360px;
	text-align:left;
}
.green690-right {
	float:right;
	width:300px;
	text-align:right;
	padding:0 5px;
	color:#000;
}
#search-result-box {
	padding:3px 10px;
}
.search-result-title {
	font-weight:bold;
	font-size:120%;
	padding-left:20px;
	background:url('../image/arrow_green.gif') left 2px no-repeat;
}
.pagenate {
	margin:10px auto;
	text-align:center;
}
.current-page {
	background:#DBEF96;
	font-weight:bold;
}
.result-box {
	margin-bottom:5px;
}
.result-box-title {
	width:668px;
	background:#DBEF96;
	border:1px solid #CCC;
	border-bottom:none;
	margin:0;
}
table.result-item {
	padding:0;
	margin:0;
}
table.result-item th {
	width:280px;
	text-align:left;
	font-size:120%;
}
table.result-item td.result-blogname {
	width:250px;
	text-align:left;
}
table.result-item td.result-blogname span {
	background:url('../image/arrow_tri_green.gif') left 3px no-repeat;
	padding-left:15px;
}
table.result-item td.result-update {
	width:135px;
	text-align:left;
}
table.result-item td.result-update span {
	background:url('../image/arrow_tri_green.gif') left 3px no-repeat;
	padding-left:15px;
}
.result-category {
	margin:0 0 10px 0;
	font-size:85%;
}
.result-more {
	text-align:right;
	margin:10px 10px 5px;
}
/* ---------------------------------------------------------------------
 5-2.機能紹介
--------------------------------------------------------------------- */
table#kinou {
	width:100%;
	border-top:1px solid #999;
	border-left:1px solid #999;
}
table#kinou th {
	width:160px;
	padding:5px;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	font-weight:bold;
	background:#DBEF96;
	vertical-align:top;
	text-align:left;
}
table#kinou td {
	padding:5px;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	text-align:left;
}
/* ---------------------------------------------------------------------
 5-3.サイドバーなしページ用
--------------------------------------------------------------------- */
h1 { margin:0;padding:0; }
h2 { margin:0;padding:0; }
#main-1col {
	width:910px;
	margin:0;
	padding:0;
}
#main-1col h1 ,
#main-1col h2 {
	margin:0;
	padding:0;
}
.box890 {
	width:868px;
	padding:10px;
	border:1px solid #CCC;
	border-top:none;
	margin:0 auto 20px;
}
.box890-inner-gray {
	padding:20px;
	background:#EEE;
}
table#table-skins {
	width:820px;
	margin:0 auto;
}
table#table-skins td {
	width:20%;
	text-align:center;
	padding-top:12px;
	padding-bottom:10px;
	background:url('../image/skins_bg.jpg') center top no-repeat;
}
table#table-skins td img {
	margin-bottom:10px;
}
/* ---------------------------------------------------------------------
 5-4.サイトマップ
--------------------------------------------------------------------- */
.errmes {
	width:856px;
	border:2px solid #CC0101;
	background:#FFFFE5;
	color:#CC0101;
	font-weight:bold;
	margin:0 auto 15px;
	padding:8px 0;
	text-align:center;
}
#sitemap-box890 {
	width:833px;
	padding:30px 35px 20px 20px;
	border:1px solid #CCC;
	border-top:none;
	margin:0 auto 20px;
}
#sitemap-box890-left {
	width:450px;
	float:left;
	display:inline;
	padding:0;
	margin:-;
}
#sitemap-box890-left ul {
	margin:0;
	margin-bottom:10px;
	padding:0;
}
#sitemap-box890-left ul li {
	background:url('../image/sitemap_bg_dt.gif') left top no-repeat;
	line-height:27px;
	font-weight:bold;
	padding-left:20px;
	margin-bottom:5px;
}
#sitemap-box890-left ul li ul li {
	margin-top:5px;
}
#sitemap-box890-left ul li ul li {
	background:none;
	line-height:20px;
	font-weight:bold;
	padding-left:12px;
}
#sitemap-box890-right {
	width:350px;
	float:left;
	padding-left:33px;
	display:inline;
}
.box350 {
	width:302px;
	border:1px solid #CCC;
	border-top:none;
	background:#fcfcf3;
	padding:23px;
}
/* =====================================================================

6.Side

===================================================================== */
#sidebar {
	float:left;
	width:200px;
	margin-right:20px;
}
.sidebar-block {
	margin-bottom:10px;
}
.sidebar-block-box {
	border:1px solid #CCC;
	border-top:none;
	padding:10px 10px 3px 10px;
}
.sidebar-block-box-gray {
	border:1px solid #EEE;
	border-top:none;
	padding:10px 10px 3px 10px;
	background:#EEE;
}
.sidebar-block-box-support {
	padding:10px;
}
.sidebar-blogk-box-support-box {
	width:172px;
	padding:5px 3px;
	line-height:1.7;
	margin:0;
	background:#FFF;
	border:1px solid #CCC;
	border-top:none;
	margin-bottom:10px;
}
.sidebar-block-box table,
.sidebar-block-box table th,
.sidebar-block-box table td {
	margin:0;
	padding:0;
	border:none;
}
.sidebar-block-box-thumbnails img {
	margin:3px;
}
.sidebar-block-box-info ,
.sidebar-block-box-reco {
	border:1px solid #CCC;
	border-top:none;
	padding:2px 10px 5px 2px;
}
.sidebar-block-box-info ul ,
.sidebar-block-box-reco ul {
	margin:0;
	padding:10px 5px 5px 20px;
}
#sidebar-login {
	width:240px;
	height:130px;
	padding:15px 20px 0;
	background:url('../image/before_bg_login.gif') left top no-repeat;
}
table#side-search-ranking {
	width:90%;
}
table#side-search-ranking th {
	width:3em;
	text-align:right;
	padding-right:10px;
}
form#search-category select {
	margin-bottom:10px;
}
form#search-category select {
	width:160px;
}
table#loginBox {
	font-weight:bold;
}
table#loginBox tr th {
	font-weight:bold;
	padding-right:15px;
	padding-bottom:4px;
}
table#loginBox tr td {
	padding-bottom:4px;
}
.autoLogin {
	padding-left:35px;
}
table#forgotPw tr th {
	width:16px;
	text-align:right;
	padding-right:5px;
}
#sidebar-theme {
	height:103px;
	background: url('../image/before_sb_bg_theme.gif') left top no-repeat;
}
#sidebar-theme .theme-box {
	padding-left:135px;
}
#sidebar-theme .theme-box h3 {
	font-weight:bold;
}
#sidebar-theme-text {
	height:65px;
}
#sidebar-theme-blog {
	line-height:12px;
}
/* =====================================================================

7.Footer

===================================================================== */
#footer{
	width: 950px;
	margin: 0 auto;
	padding: 0;
	background:#eaeaea;
}

#footer-inner {
	margin: 0;
	text-align:center;
	color:#FFF;
	background: url('../image/bg_footer.gif') left top repeat-x;
}
#footer-link {
	padding: 15px 5px 10px;
	text-align:center;
	color: #000;
}

table#footerLink {
	width:830px;
	margin: 10px auto;
	text-align:left;
	border:none;
}
table#footerLink tr {
	width:33%;
	border:none;
}
table#footerLink th {
	border:none;
}
table#footerLink td {
	border:none;
	height:18px;
}

span#beforeFooter {
	display:block;
	margin:0;
	padding:8px;
	background:#9EC22F;
	color:#333;
}
#footer-inner span a {
	color:#333;
}
/* =====================================================================

8.Other

===================================================================== */
.right {
	display:block;
	text-align:right;
	margin:5px;
}
.center {
	display:block;
	text-align:center;
	margin:2px;
	margin-top:4px;
}
.gotoTop {
	background:url('../image/arrow_upper_orange.gif') left 3px no-repeat;
	width:100px;
	margin-left:575px;
	padding-left:15px;
}


/* スキン一覧 ずれ対策 */
table#table-skins td {
	vertical-align:top;
	}

.title_m { display:none;}