/*
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: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
a img {
	border: none;
}

/* =Layout
-------------------------------------------------------------- */
div#hed {
	width:120%;
	background:#000;
	height:50px;
}
div#hed div#heshed {
	width:980px;
	margin:0 auto;
}
div#hed div#heshed img {
	float:left;
}
div#hed div#heshed ul {
	width:900px;
	float:right;
}



/* =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;
	}
}





/*  ================================================================================  */
/*  ==================================  共通書式  ==================================  */
/*  ================================================================================  */

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< div  >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
div.fullblk {
	width: 980px;
	margin: 0 auto 0 auto;
}
div.leftblk {
	float: left;
}
div.rightblk {
	float: right;
}

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< h2 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
h2 {
	margin: 0;
	padding: 5px 10px 5px 10px;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	font-size: 15px; color: #fff;
	font-weight: bold;
	line-height: 1.2;
	background: #666;
}
h2.noback {
	padding: 0;
	font-size: 15px; color: #666;
	font-weight: bold;
	line-height: 1.2;
	background: none;
}



/*  ================================================================================  */
/*  ===============================  共通コンテンツ  ===============================  */
/*  ================================================================================  */

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< テキスト >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
div.textblk h3 {
	margin: 0;
	padding: 5px 0 5px 0;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	font-size: 15px; color: #666;
	font-weight: bold;
	line-height: 1.2;
	border-bottom: solid 1px #666;
}
div.textblk h4 {
	margin: 0;
	padding: 0;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	font-size: 12px; color: #666;
	font-weight: bold;
	line-height: 1.2;
}
div.textblk p {
	margin: 0;
	padding: 0;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	font-size: 12px; color: #666;
	font-weight: normal;
	line-height: 1.2;
}
div.textblk h2 + h3,
div.textblk h3 + h4 {
	margin-top: 10px;
}
div.textblk h2 + p,
div.textblk h3 + p,
div.textblk h4 + p,
div.textblk p + p {
	margin-top: 10px;
}
div.textblk p + h4 {
	margin-top: 30px;
}
div.textblk p + h3 {
	margin-top: 40px;
}
div.textblk p + h2 {
	margin-top: 50px;
}

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<< タグリスト、人気リスト >>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
ul.catwordlist {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.catwordlist li {
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
	border-bottom: solid 1px #666;
}
ul.catwordlist li.first {
	margin-left: 0;
}
ul.catwordlist li a {
	display: block;
	width: 210px;
	margin: 0;
	padding: 10px;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	font-size: 12px; color: #6c6c6c;
	font-weight: normal;
	line-height: 1.2;
	text-decoration: none;
}
ul.catwordlist li a span.aarr {
	display: block;
	margin: 0;
	padding: 0 20px 0 0;
	background: url(../../../pict/gobig.png) right center no-repeat;
}


/* <<<<<<<<<<<<<<<<<<<<<<<<<<<< 記事リスト(タイトルのみ) >>>>>>>>>>>>>>>>>>>>>>>>>>>> */
ul.titlelist {
	margin: 15px 0 0 0;
	padding: 0;
	list-style-type: none;
}
ul.titlelist li {
	margin: 0;
	padding: 0;
}
ul.titlelist li + li {
	margin-top: 10px;
}
ul.titlelist li p {
	float: left;
	margin: 0;
	padding: 0;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	font-size: 15px; color: #333;
	font-weight: normal;
	line-height: 25px;
}
ul.titlelist li p.date {
	width: 120px;
	padding-left: 10px;
	padding-right: 30px;
	color: #666;
}
ul.titlelist li a.view {
	float: right;
	display: block;
	width: 120px;
	margin: 0;
	padding: 0 5px 0 5px;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	font-size: 15px; color: #fff;
	font-weight: normal;
	line-height: 25px;
	text-align: center;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #a71f46;
}

/* <<<<<<<<<<<<<<<<<<<<<<<<<< 記事リスト(アイキャッチのみ) >>>>>>>>>>>>>>>>>>>>>>>>>> */
ul.imglist {
	margin: 0;
	padding: 0 1px 0 1px;
	list-style-type: none;
}
ul.imglist li {
	float: left;
	width: 177px; height: 150px;
	margin: 0;
	padding: 0;
	background: #666;
}
ul.imglist li div#img {
	width: 177px; height: 150px;
	text-align: center;
	overflow: hidden;
	background: #fff;
}
ul.imglist li div#img img {
	margin: 0;
	padding: 0;
}

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<< 記事リスト(画像付き) >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
ul.topiclist {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.topiclist li {
	float: left;
	margin: 10px 10px 0 0;
	padding: 0;
}
ul.topiclist li.full {
	margin-right: 0;
}
ul.topiclist li a {
	display: block;
	width: 215px; height: 80px;
	margin: 0;
	padding: 5px 0 5px 5px;
	text-decoration: none;
	border: solid 5px #e0e0e0;
}
ul.topiclist li a div#eyecatch {
	width: 80px; height: 80px;
	background: #666;
}
ul.topiclist li a div#eyecatch div#img {
	width: 80px; height: 80px;
	overflow: hidden;
	background: #fff;
}
ul.topiclist li a div#eyecatch div#img img {
	margin: 0;
	padding: 0;
}
ul.topiclist li a div#detail {
	width: 120px; height: 80px;
	padding-right: 5px;
	overflow-y: auto;
}
ul.topiclist li a div#detail h3 {
	margin: 0;
	padding: 0;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	font-size: 15px; color: #666;
	font-weight: bold;
	line-height: 1.2;
}
ul.topiclist li a div#detail p {
	margin: 10px 0 0 0;
	padding: 0;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	font-size: 12px; color: #666;
	font-weight: normal;
	line-height: 1.2;
}

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< 前後リンク >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
div#nav-below {
	margin-top: 30px;
}
div#nav-below a {
	display: block;
	width: 120px;
	margin: 0;
	padding: 0 5px 0 5px;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	font-size: 15px; color: #fff;
	font-weight: normal;
	line-height: 25px;
	text-align: center;
	text-decoration: none;
	background: #a71f46;
}


/*  ================================================================================  */
/*  =============================  ヘッダー、フッター  =============================  */
/*  ================================================================================  */
div#topborder {
	padding: 20px 0 20px 0;
	border-top: solid 2px #1a3c70;
}

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< タイトルロゴ >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
div#topborder div#headfoot img.logo {
	float: left;
	margin: 0;
	padding: 0;
}

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< h1、著作権 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
div#topborder div#headfoot div#menues {
	width: 630px;
	text-align: right;
}
div#topborder div#headfoot div#menues h1,
div#topborder div#headfoot div#menues address {
	margin: 0;
	padding: 5px 0 5px 0;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	font-size: 10px; color: #666;
	font-weight: normal; font-style: normal;
	line-height: 1.2;
	border-bottom: solid 1px #1a3c70;
}
div#topborder div#headfoot div#menues address a {
	color: #666;
	text-decoration: none;
}

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< メニューバー >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
div#topborder div#headfoot div#menues ul {
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin: 0;
	padding: 5px 0 5px 0;
	list-style-type: none;
}
div#topborder div#headfoot div#menues ul li {
	float: left;
	width: 90px;
	margin: 0;
	padding: 0;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	font-size: 10px; color: #666;
	font-weight: bold;
	line-height: 1.2;
	text-align: left;
}
div#topborder div#headfoot div#menues ul li a {
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin: 0;
	padding: 0 0 0 10px;
	color: #666;
	text-decoration: none;
	background: url(../../../pict/gosmall.png) left center no-repeat;
}

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< ヘッダイメージ >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
div#topborder div#headimg {
	margin-top: 15px;
	text-align: center;
}
div#topborder div#headimg img {
	margin: 0;
	padding: 0;
}



/*  ================================================================================  */
/*  =================================  サイドバー  =================================  */
/*  ================================================================================  */
div#side {
	width: 250px;
}
div#side ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div#side ul li {
	margin: 0;
	padding: 0;
	border-bottom: solid 1px #666;
}
div#side ul li a {
	display: block;
	margin: 0;
	padding: 10px;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	font-size: 12px; color: #6c6c6c;
	font-weight: normal;
	line-height: 1.2;
	text-decoration: none;
}
div#side ul li a span.aarr {
	display: block;
	margin: 0;
	padding: 0 20px 0 0;
	background: url(../../../pict/gobig.png) right center no-repeat;
}
div#side ul.level0 > li {
	margin: 0;
	padding: 0;
	border-bottom: none;
	background: #666;
}
div#side ul.level0 > li + li,
div#side ul.level0 > ul + li {
	margin-top: 30px;
}
div#side ul.level0 > li > a {
	display: block;
	margin: 0;
	padding: 5px 10px 5px 10px;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	font-size: 15px; color: #fff;
	font-weight: bold;
	line-height: 1.2;
	text-decoration: none;
}



/*  ================================================================================  */
/*  ================================  メインページ  ================================  */
/*  ================================================================================  */
div#sitebody {
	margin-bottom: 100px;
}
div#main {
	width: 710px;
}
div#main > div + div {
	margin-top: 50px;
}

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<< カテゴリー別新着情報 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
div#main div#cattopics > div + div {
	margin-top: 50px;
}

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< 記事本文 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
div#main div#topic div#topimgs {
	margin-bottom: 20px;
}
div#main div#topic div#catwordlist {
	margin-top: 50px;
}