/*
Theme Name: Twenty Ten
Theme URI: http://wordpress.org/themes/twentyten
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: the WordPress team
Author URI: http://wordpress.org/
Version: 1.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu, flexible-header
Text Domain: twentyten
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
.tj {
text-indent: -9999px;
text-align: left;
overflow: hidden;
display: block;
font-size: 0.1em;
}

.clearfix{
  display:block;
}

.clearfix:after{
	content:".";
	display:block;
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden;
}



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
a img {
	border: none;
}

/* =Layout
-------------------------------------------------------------- */
div#hedder {
	width:100%;
	position:relative;
}
div#hedder div#topzero {
	background:#666;
	color:#FFF; font-size:10px;
	position:absolute;
	top:0;
	width:100%;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
div#hedder div#topzero h1 {
	width:980px;
	text-align:right;
	color:#FFF;
	font-size:10px;
	font-weight:normal;
	margin:0 auto;
	padding:5px 0;
}
div#menubars {
	width:100%;
	background: #666;
}
div#menubars ul {
	width:980px;
	margin:0 auto;
}
div#menubars ul li {
	width:140px;
	float:left;
}
div#menubars ul li a {
	display:block;
	font-size:10px;
	font-weight:bold;
	color:#FFF;
	text-align: center;
	text-decoration: none;
	width:140px;
	padding:10px 0;
}
div#menubars ul li a:hover {
	color: #333;
	background: #ccc;
}




/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< スライド部分 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
div#topslide {
	width: 100%; height: 200px;
	overflow: hidden;
}
div#topslide div#slide {
	position: relative;
	width: 1200px; height: 300px;margin: 0 auto;
}
div#topslide div#slide ul {
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
}
div#topslide div#slide ul li {
	float: left;
	width: 980px; height: 200px;
	margin: 0;
	padding: 0;
}
div#topslide div#slide ul li div#img {
	width: 980px; height: 200px;
	text-align: center;
	overflow: hidden;
}
div#topslide div#slide ul li div#img img {
	margin: 0;
	padding: 0;
}
div#topslide div#slide div#prevnext {
	position: absolute;
	width: 110px; height: 300px;
	background: rgba(204, 204, 204, 0.6);
}
div#topslide div#slide div#prevnext.prev {
	left: 0;
}
div#topslide div#slide div#prevnext.next {
	right: 0;
}
div#topslide div#slide div#prevnext.prev p {
	width: 110px; height: 200px;
	background: url(../../../img/slideprev.png) center center no-repeat;
}
div#topslide div#slide div#prevnext.next p {
	width: 110px; height: 200px;
	background: url(../../../img/slidenext.png) center center no-repeat;
}
div#onslide {
	display:block;
	z-index:5;
	position:absolute;
	width:400px;
	right:140px; top:20px;
}
div#onslide h2 {
	background:#FFF;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	margin:0 0 10px 0;
	font-size:18px;
	padding:10px;
}
div#onslide p {
	background:#FFF;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	margin:0 0 10px 0;
	font-size:18px;
	font-size:12px;
	line-height:125%;
	margin:0 0 15px 0;
	padding:10px;
}



/* =Index Page
-------------------------------------------------------------- */
div#contenersbox {
	width: 980px;
	margin: 60px auto 100px auto;
}
div#contenersbox div#firstbox {
	height: 292px;
	background: url(../../../img/background.png) no-repeat;
}
div#contenersbox div#firstbox div#firstbox_left {
	float: left;
	width: 480px; max-height: 230px;
	margin: 0;
	padding: 30px 0 30px 10px;
	overflow: hidden;
}
div#contenersbox div#firstbox div#firstbox_left h2 {
	margin: 0;
	padding: 0;
	font-size: 18px; color: #333;
	font-weight: bold;
	line-height: 1.2;
}
div#contenersbox div#firstbox div#firstbox_left p {
	margin: 20px 0 0 0;
	padding: 0;
	font-size: 12px; color: #333;
	font-weight: normal;
	line-height: 1.2;
}
div#contenersbox div#firstbox div#firstbox_right {
	float: right;
	position: relative;
	width: 450px; height: 292px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
div#contenersbox div#firstbox div#firstbox_right ul {
	position: absolute;
	bottom: 10px;
}
div#contenersbox div#catloops {
	margin-top: 25px;
}
div#contenersbox div#catloops + div#catloops {
	margin-top: 90px;
}
div#contenersbox div#catloops h2 {
	margin: 0;
	padding: 10px 0 10px 40px;
	font-size: 18px; color: #333;
	font-weight: normal;
	line-height: 22px;
	border-bottom: solid 1px #666;
}
div#contenersbox div#catloops h2.arrows0 {
	background: url(../../../img/h2sports.png) left center no-repeat;
}
div#contenersbox div#catloops h2.arrows1 {
	background: url(../../../img/h2drama.png) left center no-repeat;
}
div#contenersbox div#catloops h2.arrows2 {
	background: url(../../../img/h2medi.png) left center no-repeat;
}
div#contenersbox div#catloops h2.arrows3 {
	background: url(../../../img/h2news.png) left center no-repeat;
}
div#contenersbox div#catloops h2.arrows4 {
	background: url(../../../img/h2people.png) left center no-repeat;
}
div#contenersbox div#catloops div#contents {
	margin-top: 10px;
}
div#contenersbox div#catloops div#contents div#contents_left {
	float: left;
	width: 470px;
}
div#contenersbox div#catloops div#contents div#contents_left p {
	margin: 0;
	padding: 0;
	font-size: 12px; color: #333;
	font-weight: normal;
	line-height: 1.2;
}
div#contenersbox div#catloops div#contents div#contents_left p + p {
	margin-top: 25px;
}
div#contenersbox div#catloops div#contents div#contents_left h3 {
	margin: 25px 0 0 0;
	padding: 0;
	font-size: 15px; color: #333;
	font-weight: bold;
	line-height: 1.5;
	border-bottom: solid 1px #666;
}
div#contenersbox div#catloops div#contents div#contents_right {
	float: right;
	width: 450px;
}



/* =Other Page
-------------------------------------------------------------- */
div#contenersbox div#catsin_left {
	float: left;
}
div#contenersbox div#catsin_right {
	float: right;
	width: 720px;
}
div#contenersbox div#catsin_right h2 {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 18px; color: #333;
	font-weight: normal;
	line-height: 1.2;
	border-bottom: solid 1px #666;
}
div#contenersbox div#catsin_right div#kizi div#thumb {
	width: 720px; max-height: 250px;
	text-align: center;
	overflow: hidden;
}
div#contenersbox div#catsin_right div#kizi div#thumb img {
	margin: 0;
	padding: 0;
}
div#contenersbox div#catsin_right div#kizi div#topiccontent {
	margin-top: 10px;
}
div#contenersbox div#catsin_right div#kizi div#topiccontent h3 {
	margin: 0;
	padding: 10px 0 10px 0;
	font-size: 15px; color: #666;
	font-weight: bold;
	line-height: 1.2;
	border-top: solid 1px #666;
	border-bottom: solid 1px #666;
}
div#contenersbox div#catsin_right div#kizi div#topiccontent h4 {
	margin: 0;
	padding: 0;
	font-size: 12px; color: #666;
	font-weight: bold;
	line-height: 1.2;
}
div#contenersbox div#catsin_right div#kizi div#topiccontent p {
	margin: 0;
	padding: 10px 0 10px 0;
	font-size: 12px; color: #333;
	font-weight: normal;
	line-height: 1.2;
}
div#contenersbox div#catsin_right div#kizi div#topiccontent h2 + h3,
div#contenersbox div#catsin_right div#kizi div#topiccontent h3 + h4 {
	margin-top: 10px;
}
div#contenersbox div#catsin_right div#kizi div#topiccontent p + h4,
div#contenersbox div#catsin_right div#kizi div#topiccontent p + h3,
div#contenersbox div#catsin_right div#kizi div#topiccontent p + h2 {
	margin-top: 15px;
}
div#contenersbox div#catsin_right div#kizi div#tagslist {
	margin-top: 30px;
}
div#contenersbox div#catsin_right div#kizi div#tagslist ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div#contenersbox div#catsin_right div#kizi div#tagslist ul li {
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
}
div#contenersbox div#catsin_right div#kizi div#tagslist ul li a {
	display: block;
	margin: 0;
	padding: 5px 10px 5px 30px;
	font-size: 12px; color: #666;
	font-weight: bold;
	line-height: 1.2;
	text-decoration: none;
	border: solid 1px #666;
	background: url(../../../img/menunext.png) 10px center no-repeat;
}
div#contenersbox div#catsin_right div#catlooping {
	margin-top: 100px;
}



/* =Footer
-------------------------------------------------------------- */
div#footer {
	border-top: solid 1px #666;
}
div#footer div#footer_in {
	width: 980px;
	margin: 0 auto 0 auto;
	padding: 20px 0 20px 0;
}
div#footer div#footer_in div#footer_in_left {
	float: left;
	width: 470px;
}
div#footer div#footer_in div#footer_in_left ul#footmenu {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div#footer div#footer_in div#footer_in_left ul#footmenu > li {
	margin: 0;
	padding: 0;
}
div#footer div#footer_in div#footer_in_left ul#footmenu > li + li {
	margin-top: 30px;
}
div#footer div#footer_in div#footer_in_left ul#footmenu > li > p {
	margin: 0;
	padding: 0;
	font-size: 15px; color: #333;
	font-weight: bold;
	line-height: 1.5;
	border-bottom: solid 1px #666;
}
div#footer div#footer_in div#footer_in_left ul#footmenu > li > p a {
	color: #333;
	text-decoration: none;
}
div#footer div#footer_in div#footer_in_right {
	float: right;
	width: 460px;
}
div#footer div#footer_in div#footer_in_right img {
	margin: 0;
	padding: 0;
	border: solid 1px #999;
}
div#footer div#footer_in div#footer_in_right div#flagin {
	margin-top: 15px;
}
div#footer div#footer_in div#footer_in_right div#flagin p {
	margin: 0;
	padding: 0;
	font-size: 12px; color: #333;
	font-weight: normal;
	line-height: 1.2;
}
div#footer div#footer_in div#footer_in_right div#flagin address {
	margin: 40px 0 0 0;
	padding: 0;
	font-size: 10px; color: #333;
	font-weight: normal; font-style: normal;
	line-height: 1.2;
	text-align: right;
}
div#footer div#footer_in div#footer_in_right div#flagin address a {
	color: #333;
	text-decoration: none;
}



/* =Sidebar
-------------------------------------------------------------- */
div.sidebox {
	width: 240px;
}
div.sidebox div#allcategory ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div.sidebox div#allcategory ul li {
	margin: 0;
	padding: 0;
	border-bottom: dotted 1px #ccc;
}
div.sidebox div#allcategory ul li a {
	display: block;
	margin: 0;
	padding: 10px 10px 10px 15px;
	font-size: 12px; color: #666;
	font-weight: bold;
	line-height: 1.2;
	text-decoration: none;
	background: url(../../../img/mininext.png) right center no-repeat;
}
div.sidebox div#allcategory ul.level0 > li {
	margin: 0;
	padding: 0;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}
div.sidebox div#allcategory ul.level0 > li + li,
div.sidebox div#allcategory ul.level0 > ul + li {
	margin-top: 30px;
}
div.sidebox div#allcategory ul.level0 > li a {
	display: block;
	margin: 0;
	padding: 15px 0 15px 20px;
	font-size: 15px; color: #666;
	font-weight: bold;
	line-height: 1.2;
	text-decoration: none;
	background: url(../../../img/menunext.png) left center no-repeat;
}


/* =Topic List (Index Page)
-------------------------------------------------------------- */
ul.newslist {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.newslist li {
	float: left;
	margin: 0;
	padding: 0;
	background: #fff;
}
ul.newslist li.dark {
	background: #333;
}
ul.newslist li.first {
	background: #999;
}
ul.newslist li a {
	display: block;
	width: 150px; height: 80px;
	margin: 0;
	padding: 0;
	text-align: center;
	overflow: hidden;
	background: #fff;
}
ul.newslist li a.nothumb {
	background: none;
}
ul.newslist li.first a {
	width: 450px; height: 170px;
}


/* =Topic List (Other Page)
-------------------------------------------------------------- */
ul.detaillist {
	margin: 20px 0 0 0;
	padding: 0;
	list-style-type: none;
}
ul.detaillist > li {
	float: left;
	width: 230px;
	margin: 0 15px 0 0;
	padding: 0 0 60px 0;
}
ul.detaillist > li.clear {
	margin: 0;
}
ul.detaillist > li > a {
	position: relative;
	display: block;
	width: 230px; height: 150px;
	margin: 0;
	padding: 0;
	text-decoration: none;
	background: #666;
}
ul.detaillist > li > a div#thumb {
	width: 230px; height: 150px;
	text-align: center;
	overflow: hidden;
	background: #fff;
}
ul.detaillist > li > a div#thumb img {
	margin: 0;
	padding: 0;
}
ul.detaillist > li > a div#list {
	position: absolute;
	bottom: 0;
	display: none;
	width: 210px; height: 100px;
	padding: 15px 10px 35px 10px;
	overflow: hidden;
	background: #ccc;
}
ul.detaillist > li > a:hover div#list {
	display: block;
}
ul.detaillist > li > a div#list h3 {
	margin: 0;
	padding: 0;
	font-size: 15px; color: #333;
	font-weight: bold;
	line-height: 1.2;
}
ul.detaillist > li > a div#list p#date {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 10px; color: #666;
	font-weight: bold;
	line-height: 1.2;
}
ul.detaillist > li > a div#list p#honbun {
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 10px; color: #333;
	font-weight: normal;
	line-height: 1.2;
}
ul.detaillist > li > a div#list div#koremiro {
	position: absolute;
	left:10px; bottom: 5px;
	width: 200px; height: 15px;
	padding: 4px;
	text-align: center;
	border: solid 1px #666;
	background: #fff;
}
ul.detaillist > li > a div#list div#koremiro span {
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin: 0;
	padding: 0 0 0 15px;
	font-size: 10px; color: #666;
	font-weight: normal;
	line-height: 15px;
	background: url(../../../img/mininext.png) left center no-repeat;
}



/* =Tag List (Inside Topic List)
-------------------------------------------------------------- */
ul#posttags {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul#posttags li {
	float: left;
	margin: 10px 5px 0 0;
	padding: 0;
}
ul#posttags li a {
	display: block;
	margin: 0;
	padding: 4px 9px 4px 19px;
	font-size: 10px; color: #666;
	font-weight: normal;
	line-height: 1.2;
	text-decoration: none;
	border: solid 1px #666;
	background: url(../../../img/mininext.png) 5px center no-repeat;
}



/* =Breadcrumbs (Common Contents)
-------------------------------------------------------------- */
div.breadcrumbs {
	margin-bottom: 10px;
}
div.breadcrumbs p {
	margin: 0;
	padding: 0;
	font-size: 12px; color: #666;
	font-weight: bold;
	line-height: 1.2;
}
div.breadcrumbs p a {
	color: #666;
	text-decoration: none;
}



/* =Sub-Category menu (Common Contents)
-------------------------------------------------------------- */
ul#submenu {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul#submenu li {
	float: left;
	margin: 5px 30px 0 0;
	padding: 0;
}
ul#submenu li a {
	display: block;
	margin: 0;
	padding: 0 0 0 15px;
	font-size: 12px; color: #333;
	font-weight: normal;
	line-height: 15px;
	background: url(../../../img/menunext.png) no-repeat;
}



/* =Asides
-------------------------------------------------------------- */

.home #content .format-aside p,
.home #content .category-asides p {
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
	margin-top: 0;
}
.home .hentry.format-aside,
.home .hentry.category-asides {
	padding: 0;
}
.home #content .format-aside .entry-content,
.home #content .category-asides .entry-content {
	padding-top: 0;
}


/* =Gallery listing
-------------------------------------------------------------- */

.format-gallery .size-thumbnail img,
.category-gallery .size-thumbnail img {
	border: 10px solid #f1f1f1;
	margin-bottom: 0;
}
.format-gallery .gallery-thumb,
.category-gallery .gallery-thumb {
	float: left;
	margin-right: 20px;
	margin-top: -4px;
}
.home #content .format-gallery .entry-utility,
.home #content .category-gallery .entry-utility {
	padding-top: 4px;
}


/* =Attachment pages
-------------------------------------------------------------- */

.attachment .entry-content .entry-caption {
	font-size: 140%;
	margin-top: 24px;
}
.attachment .entry-content .nav-previous a:before {
	content: '\2190\00a0';
}
.attachment .entry-content .nav-next a:after {
	content: '\00a0\2192';
}


/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-container img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
	max-width: 622px; /* caption width - 10px */
}
.wp-caption p.wp-caption-text {
	color: #777;
	font-size: 12px;
	margin: 5px;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #777;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}
#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}


/* =Navigation
-------------------------------------------------------------- */

.navigation {
	color: #777;
	font-size: 12px;
	line-height: 18px;
	overflow: hidden;
}
.navigation a:link,
.navigation a:visited {
	color: #777;
	text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
	color: #ff4b33;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#nav-above {
	margin: 0 0 18px 0;
}
#nav-above {
	display: none;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}
#nav-below {
	margin: -18px 0 0 0;
}




/* =Print Style
-------------------------------------------------------------- */

@media print {
	body {
		background: none !important;
	}
	#wrapper {
		clear: both !important;
		display: block !important;
		float: none !important;
		position: relative !important;
	}
	#header {
		border-bottom: 2pt solid #000;
		padding-bottom: 18pt;
	}
	#colophon {
		border-top: 2pt solid #000;
	}
	#site-title,
	#site-description {
		float: none;
		line-height: 1.4em;
		margin: 0;
		padding: 0;
	}
	#site-title {
		font-size: 13pt;
	}
	.entry-content {
		font-size: 14pt;
		line-height: 1.6em;
	}
	.entry-title {
		font-size: 21pt;
	}
	#access,
	#branding img,
	#respond,
	.comment-edit-link,
	.edit-link,
	.navigation,
	.page-link,
	.widget-area {
		display: none !important;
	}
	#container,
	#header,
	#footer {
		margin: 0;
		width: 100%;
	}
	#content,
	.one-column #content {
		margin: 24pt 0 0;
		width: 100%;
	}
	.wp-caption p {
		font-size: 11pt;
	}
	#site-info,
	#site-generator {
		float: none;
		width: auto;
	}
	#colophon {
		width: auto;
	}
	img#wpstats {
		display: none;
	}
	#site-generator a {
		margin: 0;
		padding: 0;
	}
	#entry-author-info {
		border: 1px solid #e7e7e7;
	}
	#main {
		display: inline;
	}
	.home .sticky {
		border: none;
	}
}