/*  
Theme Name: tokushiyo template
Theme URI: http://www.tokushiyo.net/
Version: 1.1
Author: mae
Author URI: 

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/


/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, 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:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */


/* HTML Elements */
* {
	margin:0;
	padding:0;
	}
	

body {
	margin:3px auto 0;
	text-align: center;
	font: 12px "ヒラギノ 角ゴ","MS P ゴシック",Verdana,osaka;
	color: #565656;
	background: #CDEB8B url(images/bg.png) left top repeat-x;
	line-height:1.45;
}
a {
	color:#7dbf10;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration:underline;
}

p {	
	margin: 0 0 8px;
	}

a img {
	border:0;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}	

acronym, abbr, span.caps {	
	font-size: 0.9em;
	letter-spacing: .07em;
	cursor: help;
	}			

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	width:200px;
	padding: 10px 10px 0 10px;
	border-top: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	background: #ccff99;
	float:right;
	font:1.0em Georgia;
	line-height:1.5em;
	margin:10px 0px 10px 10px;
	}

select {
	width: 130px;
	}	

hr{visibility:hidden; clear:both; height:0;}

/* Structure */


#page {
	width:970px;
	margin:0 auto;
	padding:0px;
	background:#fff;
	text-align:left;
	}

.left {
	float:left;
	}

.right {
	float:right;
	}

.nav {
	width:970px;
	margin:3px auto;
	font-size:0.9em;
	text-align:right;
	}

/* Header*/
#header{margin-bottom:20px; padding:15px 0 0 15px; width:940px;}

.bookmark {
	font-size:0.9em;
	padding:3px 0;
	width:400px;
/*	text-align:right;*/
	}
.bookmark ul{float:right; display:inline;}
.bookmark ul li{float:left; display:inline; padding:10px 0 10px 32px;}
.bookmark ul li a{display:block; color:#923633;}

.bookmark li#nav-home{background:url(images/ico-home.gif) left center no-repeat; width:50px;}
.bookmark li#nav-bookmark{background:url(images/ico-favarit.gif) left center no-repeat; width:100px;}
.bookmark li#nav-rss{background:url(images/ico-rss.gif) left center no-repeat; width:60px;} 

.bookmark span {
	float:right;
	}

.bookmark span a {
	color: #666;
	}
	
.nav-bar{clear:both; font-size:0.82em;}
	.nav-bar ul {
		margin-bottom:0;
		width:940px;
		list-style-type: none;
		height: 37px;
		background: #F6F8E8 url(images/navbar.gif) top no-repeat;
	}
		.nav-bar ul li {
			float: left
		}
		.nav-bar ul li a {
			color: /*#A2A38B*/#777;
			display: block;
			padding: 12px 12px /*11px*/;
		}
		.nav-bar ul li a:hover {
			color:#fff;
			background-color: #C4C5A6;
		}

#header	.headline-feature{
		clear:both;
		margin:0;
		padding:10px 0;
		width:938px;
		height:210px;
		background:#F6F8E8;
		border-top:1px solid #C4C5A6;
		border-left:1px solid #C4C5A6;
		border-bottom:1px solid #C4C5A6;
		border-right:1px solid #C4C5A6;
		font-size:1em;
		}
	.headline-image{float:left; padding-left:10px; width:616px;}
	.headline-recent{float:right; display:inline; margin-right:10px; width:296px;}
	.headline-recent h2{margin-bottom:10px; padding:3px 0 3px 3px; background:url(images/latestNewsTitle.gif) left bottom repeat-x; color:#fff; font-weight:bold;}
#header .headline-recent ul{background:none; width:auto; height:auto;}
#header	.headline-recent ul li{float:none;}
#header .headline-recent ul li a{display:inline; padding:3px 0;}
#header .headline-recent ul li span{font-size:10px;}
	.headline-ads{padding:15px 25px; width:100%;}

#header .topicPath{clear:both; padding:4px 0 4px 5px; background:#F6F8E8/*#c4c5a6*/; font-size:0.95em;}
#header .topicPath a{color:#333; text-decoration:underline;}

/* Text*/

h1 {
	font-size:1.2em;
	font-weight:bold;
	}

h2 {
	font-size:1.1em;
	padding-bottom:10px;
	}

h3 {
	font-size:1em;
	margin-bottom:3px;
	color:#009933;
	}

h4 {
	font-size:1.0em;
	}

h3#respond {
	border-top:1px dotted #ccc;
	margin-top:25px;
	padding-top:20px;
	}

h3#comments {
	margin-top:32px;
	padding-left:0px;
	}

/* Content*/

#logo {
	padding:0;
	width:270px;
	}

#logo .sitetitle {
	letter-spacing:-0.05em;
	line-height:1.0em;
	}

#logo .description {
	font-size:0.7em;
	color:#bbb;
	text-transform:uppercase;
	letter-spacing:-0.05em;
	float:right;
	}

#content {
	width:621px;
	float:left;
	display:inline;
	margin:0 0 0 15px;
	padding:0 0 50px;
	}

/* トップページ #feature */
#feature{padding-bottom:20px; background:#F6F0DA url(images/feature-bottom.gif) left bottom no-repeat;}
#feature h2{margin:0; padding:10px; background:url(images/feature-top.gif) left top no-repeat; border-bottom:1px solid #C4C5A6;}
#feature_1,#feature_2,#feature_3,#feature_4{display:inline; padding:5px 0 15px 5px; width:305px;}
#feature_1,#feature_3{float:left; clear:left;}
#feature_2,#feature_4{float:right; clear:right;}

#feature .categorized{font-size:0.8em;}

.homeBanner{margin:10px auto; text-align:center;}

.recentEntries dl{margin:0; padding:2px 0;}
.recentEntries dt{margin:20px 0 6px; padding:0 0 0 65px; background-position:left center; background-repeat:no-repeat; color:#C64600; font-weight:bold; line-height:68px;}
.recentEntries dt a{display:block; padding-top:13px; color:#C64600;}
.recentEntries dd{margin:0; padding:5px; height:1%; overflow:hidden; border:1px solid #ddd;}
.recentEntries dd .include-thumb li{float:left; width:304px; overflow:hidden; /*min-height:120px; height:auto !important; height:120px;*/}
.recentEntries dd .textLinks{clear:both;}
.recentEntries dd .textLinks li{margin-left:30px; padding-left:0; list-style:disc;}
.recentEntries dd .textLinks li a{font-weight:normal;}

/* thumbnail */
.recentEntries .thumb-vc,
#feature .thumb-vc, /*バリューコマース*/
.thumb{float:left; display:inline; margin:0 0 5px 0; width:110px;}

.recentEntries .thumb{width:110px;}

.thumb a img{padding:4px; background:#fff; border:1px solid #ddd; width:75px; height:75px;}
.clearfloat .thumb a img,
.recentEntries .thumb a img{width:100px; height:100px;}


.recentEntries .inner,
.clearfloat .inner{float:left; display:inline; padding:0 5px 10px; width:180px;}
/*バリューコマースの時はinnerを縮める*/

.thumb iframe,
.thumb-vc iframe,
#feature .thumb-vc iframe{padding:4px; background:#fff; border:1px solid #ddd;}
.recentEntries .inner-vc{float:left; width:180px;}

.toCategoryList{float:right; display:inline; padding:3px 0; width:25em; background:url(images/tocategory-link.gif) left center repeat-x; color:#fff; text-align:center;}
.toCategoryList a{color:#fff;}



#sample dt{background-image:url(images/headline11.gif);}
#prize dt{background-image:url(images/headline12.gif);}
#mails dt{background-image:url(images/headline13.gif);}
#anc dt{background-image:url(images/headline14.gif);}
#games dt{background-image:url(images/headline15.gif);}
#knowledge dt{background-image:url(images/headline16.gif);}
/*
#aside {
	padding:10px;
	}

#aside .clearfloat {
	margin:0px 0px 10px 0px;
	border-bottom:1px dotted #ccc;
	}

#aside-1 {
	width:190px;
	float:left;
	padding:10px;
	}
	
#aside-2 {
	width:190px;
	float:left;
	padding:10px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	}

#aside-3 {
	width:190px;
	float:right;
	padding:10px;
	}
 
#aside-1 img, #aside-2 img, #aside-3 img {
	border:1px solid #ccc;
	float:left;
	margin:4px 8px 2px 0px;
	}

#aside img, #archive img {
	border:1px solid #ccc;
	float:left;
	margin:4px 10px 15px 0px;
	}

#aside p {
	margin-top:4px;
	}

#aside-1 p, #aside-2 p, #aside-3 p, #archive p {
	margin-top:0px;
	}
*/

.title
	{
	margin:0 0 10px;
	font-size:1.1em;
/*	line-height:1.0em;*/
	font-weight:bold;
	}

.noImage{padding:6px; border:1px solid #ddd;}
.noImage div{background:#eee;}



.author, .author a {
	font:0.9em Arial;
	color:#777;
	text-transform:uppercase;
	}

.meta, .meta a {
	font-size:0.9em;
	}

#aside h3 a, #aside-1 h3 a, #aside-2 h3 a, #aside-3 h3 a {
	font:10px Arial;
	color:#333;
	}

.post, #archive {
	padding:10px 0 0;
	}

.post p {
	margin-top:0px;
	}

.post .clearfloat {
	margin:10px 0px;
	}

.post .clearfloat h3{margin:0 0 3px;}

#archive .meta,
.post .meta{text-align:right;}

.post .title {
	font-size:1.7em;
	margin:15px 0px 3px 0px;
	}

.post ul, .post ol {
	margin-bottom:15px;
	}

.post ul li {	
	list-style:square;
	margin-left:30px;
	}

.post ol li {	
	list-style:decimal;
	margin-left:30px;
	}

.post ol li ul li {	
	list-style:square;
	margin-left:20px;
	}

.post .ads {
	margin-top:10px;
	}

	
/* single page */
.article #content{}
.article #content .post{margin-bottom:20px; padding:17px 8px; height:1%; background:url(images/articleBg.png) left top no-repeat;}
.article #content .title{position:relative; margin:0; padding-left:65px; height:90px; background:url(images/article-header.gif) left top no-repeat; line-height:1.1;}
.article #content .title h1{position:absolute; top:50%; margin-top:-1em; color:#C64600; font-size:24px; font-weight:normal;}
.article #content .entry{clear:both; padding:0 5px 20px;}
.article #content .entry .clearfloat{padding-bottom:40px;}
.article #content .entry strong{color:#900;}
.article #content .section{padding:20px 15px; background:url(images/articleBg.png) left top no-repeat;}
.article #content .section .thumb{float:none; display:block; width:135px;}
.article #content .section .thumb a img{ width:auto; max-width:125px; height:auto;}
.article #content .section-inner{/*float:left; width:280px;*/ padding:0 3px;}
.article #content .section h3{margin-bottom:15px; padding:3px 0 3px 26px; background:url(images/ico-check.gif) left center no-repeat; font-size:1.6em;}
.article #content .section ul{margin:0 0 20px;}
.article #content .section ul:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
.article #content .section ul {
	display: inline-block;
	}
/* Hides from IE-mac \*/
* html .article #content .section ul{
	height:1%;
	}
*+html .article #content .section ul{
	height:1%;
	}
.article #content .section ul {
	display:block;
	}

.article #content .section ul li{float:left; width:135px; padding-right:5px;}

#stats {
	margin:0px 0px 10px;
	padding:2px;
	background:#E85C2C;
	color:#fff;
	font-size:0.88em;
	text-align:right;
	}

#stats span {
	padding: 0 4px;
	}

#stats span a {
	color:#fff;
	}
#top_banner {
/*	float:left;
	width:200px;*/
	margin:5px 15px 15px;
	text-align:center;
	}
#top_banner a img{padding:5px; background:#fff; border:1px solid #ddd;}

/*外部リンクs*/
.toOut{margin:20px auto; padding:3px 0; width:550px; background:url(images/toOutBg.gif) left center repeat-x; border:1px solid #DDE7D4;}
.toOut h2{margin:0 10px; padding:5px 0 5px 30px; background:url(images/toOutIco.gif) left center no-repeat; color:#930; font-weight:bold;}
.toOut p{padding-left:60px;}
.toOut p a{color:#093;}
#url{float:right; width:370px; margin-top:30px; text-align:center;}


/*カテゴリー・タグの記事一覧 category archives */
.category #content .categoryDescription{margin:15px 10px 30px; font-size:14px; color:#900;}
.category #content .clearfloat,
.tag #content .clearfloat{
	float:none;
	display:block;
	width:auto;
	border-bottom:1px dotted #ccc;
	margin:10px 0 10px 15px;
	}
.category .thumb,
.tag .thumb{width:140px;}
.category .thumb a img,
.tag .thumb a img{padding:6px; border:1px solid #ddd; width:auto; max-width:125px; height:auto;}

.category .inner,
.tag .inner{width:456px;}

.toSinglePage{text-align:right;}
.toSinglePage a{ padding:5px 0 5px 30px; background:url(images/toSinglePage.gif) left center no-repeat;}

/*最新の一件*/
.categoryfeatured{position:relative; margin:10px 0 30px; padding-bottom:20px; background:#F6F0DA url(images/category-featured-bottom.gif) left bottom no-repeat;}
.categoryfeatured h2{margin:0; padding:40px 0 13px 100px; background:url(images/category-featured-top.gif) left top no-repeat;}
.categoryfeatured .caption{padding:0 0 20px 100px; color:#900; font-weight:bold;}
.categoryfeatured .caption a{color:#C64600; text-decoration:underline;}
.categoryfeatured .caption a:hover{text-decoration:none;}
.category #content .categoryfeatured .clearfloat{border-bottom:none;}
.categoryfeatured .featuredColumn{padding:0 20px;}
.categoryfeatured .thumb a img{background:#fff;}
.categoryfeatured .inner{margin:0; padding:0 0 0 10px; width:380px;}
.featuredlabel{position:absolute; top:0; left:0; width:181px; height:87px;}
.categoryfeatured .toSinglePage a{background-image:url(images/toSinglePage-featured.gif);}

#archive .clearfloat {
	float:none;
	display:block;
	width:auto;
	border-bottom:1px dotted #ccc;
	margin:10px 0 10px 15px;
	}
#archive .thumb{width:140px;}
#archive .thumb a img{padding:6px; border:1px solid #ddd; width:auto; max-width:125px; height:auto;}

#archive .inner{width:456px;}

#writer img  {
	margin:0px 10px 15px 0px;
	border: 1px solid #ccc;
	float:left;
	}

/* Sidebar*/
#sidebar {
	width:302px;
	float:right;
	display:inline;
	margin:0 15px 0 0;
	
	}

#sidebar li {
	list-style:none;
	}

#sidebar h3 {
	font:14px Arial;
	font-weight:bold;
	color:#333;
	padding:10px 10px 2px 10px;
	margin-top:10px;
	border-bottom:1px dotted #ccc;	
	}
#sidebar ul{padding:10px;}
#sidebar-top, #sidebar-middle {
	width:300px;
	float:right;
	margin:0px 0px 10px 0px;
	border:1px solid #ccc;
	background:#F6F8E8;
	}
	
#sidebar-middle {
background:#fff;
padding-bottom:10px;
	}

#sidebar-bottom {
	width:302px;
	float:right;
	margin:0px 0px 10px 0px;
	background:#F6F8E8;
	}

#sidebar-tabs {
	width:300px;
	border:1px solid #ccc;
	float:right;
	padding:0px;
	margin-bottom:10px;
	background:#F6F8E8;
	}

#sidebar-left {
/*	width:125px;
	border:1px solid #ccc;*/
	margin:0;
	padding:0;
/*	float:left;
	background:#F6F8E8;*/
	}
#sidebar-left h3{margin-top:0; }
#sidebar-left .textwidget{padding:0 1px 10px;}

#sidebar-banner {
	/* width:125px; 
	border:1px solid #ccc;*/
	clear:left;
	padding:0;
	/* float:right;
	background:#F6F8E8; */
	text-align:cener;
	}
#sidebar-banner .textwidget div{margin:10px auto; width:160px;}

#sidebar-ads {
	width:300px;
	float:right;
	margin:0 0 10px;
	}

#sidebar-top li{padding-left:18px; background:url(images/arrow-category.gif) left 6px no-repeat; line-height:1.8;}
#sidebar-top div{padding:10px;}

.textwidget{/*overflow:hidden; */ padding-bottom:15px;}	
.textwidget .ads{float:left; display:inline; margin:10px 0 0 15px; width:125px; height:125px; background:#eee;}

ul#popularPosts li{clear:left;}
ul#popularPosts div{float:left; width:60px; padding:0 3px 5px 0;}
ul#popularPosts div a img{width:60px; height:60px;}

/* Form Elements */

/*select {
	background:#bbb;
	border:1px dotted #ccc;
	width:100%
	}
*/
#searchform {
	padding:16px 0;
	text-align:center;	}
#searchform #s{width:200px;}

#header #searchform{float:right; display:inline; padding:0 0 5px 5px; background:none;}

.button {
	padding: 1px;
	border:1px solid #ccc;
	background:#fff;
	font-size:1.0em;
	}

#search .button {
	padding: 1px;
	border:1px solid #ccc;
	background:#fff;
	font-size:0.7em;
	}

#commentform input {
	width: 140px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 99%;
	margin-top:5px;
	}



/* Comments*/

#comments {
	padding:0 10px 10px 10px;
	}

.commentlist li {
	margin: 5px 0 3px;
	padding: 0px 15px 8px 15px;
	list-style: none;
	background:#f2f2f2;
	border-top: 1px dotted #ccc;
	}

.commentlist_author li {
	margin: 5px 0 3px;
	padding: 0px 15px 8px 15px;
	list-style: none;
	background:#ccff99;
	border-top: 1px dotted #ccc;
	}

#commentform small {
	background:#FFF;
	font-weight:bold;
	padding:0;
	}

.commentlist cite, .commentlist_author cite {
	font: 1.0em Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	letter-spacing:-0.05em;
	}	


/* Footer*/


#footer {
	margin: 0 auto;
	width: 970px;
	margin-top:15px;
	font-size:0.9em;
	padding-bottom:10px;
	text-align:left;
	}
#footer .nav{clear:both; text-align:left;}
#footer .nav li{display:inline; margin-left:.5em;}

#footer .footer-inner {margin-left:.5em;}
#footer .footer-inner h2{float:left; display:inline; width:4em;}
#footer .footer-inner ul li{display:inline;}

address{padding-bottom:4px; font-size:0.8em; text-align:center;}


/* sidebar-tabs */


#sidebar-tabs ul.tabs {
	display: block;
	padding: 0;
	margin-left: 10px;
	white-space: nowrap;
	text-transform: uppercase;
	z-index: 5500;
/*\*/	vertical-align: middle;/*\*/
	font-family: Arial, Helvetica, sans-serif;
	}
		
#sidebar-tabs ul.tabs li {
	margin: 0;
	display: block;
	float: left;
	background-color: #ccff99;
	border: 1px solid #ccc;
	border-width: 1px 1px 1px 0;
	white-space: nowrap;
	padding: 4px 7px 3px 7px;
	z-index: 6000;
	background-image: none;
	}
		
#sidebar-tabs ul.tabs li.selected {
	background-color: #fff;
	border-bottom: none;
	z-index: 9998;
	padding: 4px 7px 4px 7px;
	}
		
#sidebar-tabs div.tabContent {
	clear: both;
	border-top:1px solid #ccc;
	padding: 15px;
	_padding: 15px 15px 15px 15px;
	margin: 0;
	display: none;
	}
		
#sidebar-tabs div.tabContent.tabContentActive {
	display: block;
	}
		
#sidebar-tabs div.tabContent ol {
	margin-top: 0;
	margin-bottom: 5px;
	}
		
#sidebar-tabs div.tabContent ol li {
	_padding-left: 0;
	padding-top: 2px;
	padding-bottom: 2px;
	}

#sidebar-tabs div.tabContent ul {
	margin-top: 0;
	margin-bottom: 5px;
	}
		
#sidebar-tabs div.tabContent ul li {
	_padding-left: 0;
	padding-top: 2px;
	padding-bottom: 2px;
	}
		

/* Most Popular Module */


#mostPopWidget, #tabsContainer {
	position: relative;
	top: 1px;
	_top: 0;
	left: 0px;
	_left: 0;
	_height: 14px;
	_padding-top: 6px;
	display: block;
	}


#mostPopWidget ul.tabs {
	font-size: 10px;
	_position: absolute;
	top: 0;
	}
					
#mostPopWidget ul.tabs li {
	position: relative;
	top: 0; 
	padding-left: 4px;
	padding-right: 5px;
	_padding-bottom: 2px;
	}
		
#mostPopWidget ul.tabs li.selected {	
	_padding-bottom: 3px;
	}	
				
#mostPopWidget ul.tabs li:first-child {
	border-left-width: 1px;
	padding-left: 4px;
	}
					
#mostPopWidget  ul.tabs li a {
	color: #333333;
	}			

#mostPopWidget ol li {
	padding-left:2px;
	margin-left:25px;
	list-style-type: decimal;
	line-height:115%;
	}

#mostPopWidget ul li {
	padding-left:2px;
	margin-left:25px;
	list-style-type:square;
	line-height:115%;
	}


/* Float Properties*/

.clearfloat:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.clearfloat {
	display: inline-block;
	}


/* Hides from IE-mac \*/
* html .clearfloat {
	height:1%;
	}

*+html .clearfloat {
	height:1%;
	}

.clearfloat {
	display:block;
	}

/* Animation*/

#slideshow .clearfloat {
	border-bottom:1px dotted #ccc;
	margin-bottom:0px;
	}

#slideshow .title
	{
	font:2.0em Georgia;
	line-height:1.0em;
	font-weight:bold;
	}

#control {
        margin: 0px 0px 10px 0px;
	}

#control img {
        margin: 0;
        padding: 0;
	}

#control span a {
	font:0.9em Arial, Verdana, Helvetica;
        border-right: 1px dotted #ccc;
        border-left: 1px dotted #ccc;
        border-bottom: 1px dotted #ccc;
        padding: 0 3px 0 3px;
        text-decoration: none;
	}

#control .cntrl_active {
	background-color: #94a9d1;
	}

#control .cntrl_active a {
	color: #fff;
	}
/*
#feature_1 a img, #feature_2 a img , #feature_3 a img, #feature_4 a img  {
	margin:0px 10px 10px 0px;
	border: 1px solid #ccc;
	float:left;
	}
*/
#feature_1 p, #feature_2 p, #feature_3 p, #feature_4 p  {
	margin-top: 4px;
	}