@charset "UTF-8";

/****************************************

          General Setting

*****************************************/

html, body {
	margin: 0;
	padding: 0;
}

body {
    color: #000;
	font-size: 14px;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    line-height: 180%;
}


/****************************************

          Typography

*****************************************/

h1, h2, h3, h4, h5, h6{
	font-weight: normal;
}

h1 {
	margin-bottom: 10px;
	font-size: 180%;
}

h2 {
	margin:0 0 30px 0;
	padding:10px 8px;
	border-left:5px solid #003399;
	background: #CCDCFE;
	color:#FFF;
	font-size: 160%;
}

h3 {
	margin:30px 0 20px 0;
	padding:10px 8px;
	border-left:10px solid #003399;
	border-bottom: 1px solid #003399;
	color:#000;
	font-size: 140%;
	font-weight: bold;
}

h4 {
	margin:50px 0 20px 0;
	padding-left: 8px;
	border-left:20px solid #003399;
	color:#000;
	font-size: 123%;
}

h5 {
	margin:10px 0;
	font-size: 110%;
	font-weight: bold;
}

blockquote{
	margin-bottom: 2em;
	margin-left: 20px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}

/****************************************

          List

*****************************************/

ul,ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul ul{
	margin-left: 1em;
}

/****************************************

          Link

*****************************************/

a {
	border-bottom: 1px solid #000;
	color: #000;
	text-decoration: none;
}

a:hover {
	border-bottom: 1px solid #3366cc;
	color: #3366cc;
}


/****************************************

          Line

*****************************************/

hr {
	margin: 40px 0;
	border: 0;
  	border-top: 1px solid #CCDCFE;
}


/****************************************

          table

*****************************************/

table {
	border-collapse: collapse;
}

th,td {
	padding: 10px 10px;
	vertical-align: top;
}

table.yline,th.yline,td.yline {
	border: 1px solid #cccccc;
}

table.ylinec,th.ylinec,td.ylinec {
	text-align: center;
	border: 1px solid #cccccc;
}


/****************************************

          image

*****************************************/

.contents-img {
	border: 1px solid rgba(0,0,0,0.1) ;
}


/****************************************

          Layout

*****************************************/

#container,
.wrapper {
	margin: 0 auto;
	width: 980px;
}

#header {
	margin-bottom: 20px;
	padding-top: 40px;
	border-bottom: 1px solid #ddd;
}
	#header .alignleft,
	#header .alignright{
		margin-bottom: 20px;
		width: auto;
	}
	#header .alignright{
		width: 200px;
	}

#main {
	float: left;
	width: 980px;
}

#sidebar {
	float: right;
	width: 200px;
}

#main,
#sidebar{
	margin-bottom: 59px;
	border-bottom: 1px solid transparent;
}

#footer {
	clear: both;
	background: #555;
	color: #fff;
}


/****************************************

          header

*****************************************/

*:first-child+html #header > div{ /* IE7 */
	clear: both;
	zoom:1;
}

#logo{
	line-height: 34px;
	border-bottom: 3px solid #003399;
}

#logo a{
	border: none;
}

#description {
	margin-top: 0;
	color: #777;
}


/****************************************

          Navigation

*****************************************/

#header .menu{
	position: relative;
	bottom: -1px;
	clear: both;
	margin-bottom: 0;
}
	#header div.menu > ul,
	#header ul.menu{
		border-left: 1px solid #ddd;
	}
	
	#header div.menu > ul > li,
	#header ul.menu > li{
		float: left;
	}

	#header .menu li{
		position: relative;
		border-top: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
	}
		#header .menu li a{
			display: block;
			padding: .5em 1em;
			border-bottom: none;
		}
		#header div.menu > ul > li.current_page_item,
		#header ul.menu > li.current_page_item{
			font-weight: bold;
			border-bottom: 1px solid #fff;
		}

		#header ul.sub-menu,
		#header ul.children{
			position: absolute;
			left:-1px;
			display: none;
			margin-left: 0;
			width: auto;
			width: 170px;
			border: 1px solid #ddd;
			background: #eee;
		}
			#header .sub-menu li,
			#header .children li{
				position: relative;
				border: none;
			}

			#header ul.sub-menu ul,
			#header ul.children ul {
				top:-1px;
				left:170px;
			}
				#header .menu li:hover > ul{
					display: block;
				}


/****************************************

          header image

*****************************************/

#header-image{
	margin-bottom: 40px;
}


/****************************************

          Breadcrumb

*****************************************/

#breadcrumb{
	margin-bottom: 20px;
}
#breadcrumb li{
	float: left;
	margin-right: .5em;
}


/****************************************

          Main

*****************************************/

#main .post,
#main .page{
	overflow: hidden;
	margin-bottom: 59px;
	border-bottom: 1px solid transparent;
}

.sticky{
	/* 先頭固定ポストのスタイル */
}

.post-meta{
	margin-bottom: 1.5em;
}
	.post-meta .post-date,
	.post-meta .category{
		padding-right: 1em;
	}
	.comment-num{ white-space: nowrap; }

.navigation{
	overflow: hidden;
	margin-bottom: 40px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: url(images/gray.gif) repeat-y 50% 0;
}
	.navigation > div{
		width: 50%;
	}

	.navigation .alignright{
		text-align: right;
	}

	.navigation a{
		display: block;
		padding: 1em;
		border: none;
	}
		.navigation a:hover{
			background: #ffeff7;
			color: #000;
		}
			.navigation .alignright a:hover{
				border-left: 1px solid #ddd;
			}

.footer-post-meta{
	margin-top: 40px;
	text-align: right;
}
	.post-author{ padding-left: 1em; }

#main ol {
	margin: 1em 0 0 3em;
	list-style-type: decimal ;
	line-height: 2.5em ;
}

/****************************************

          Comments Area

*****************************************/

#comment-area h3{
	font-size: 150%;
}

.required{ color: #3366cc;}

.commets-list,
.trackback-list{
	overflow: hidden;
	margin-top: -20px;
	margin-bottom: 40px;
}
	.commets-list li,
	.trackback-list li{
		overflow: hidden;
		margin-top: -1px;
		padding: 20px 0 0;
		width: 100%;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid transparent;
	}
		.commets-list .avatar{
			float: left;
			margin-right: 10px;
			margin-bottom: 10px;
		}

		.comment-meta,
		.reply,
		.comment-notes,
		.form-allowed-tags,
		span.small{
			font-size: 80%;
		}

		.comment-body p{
			clear: both;
		}
		.reply{
			text-align: right;
		}

.bypostauthor{
	/* 記事投稿者のコメントのスタイル */
}

.children{
	padding-left: 2em;
}

#respond{
	margin-bottom: 40px;
}

/****************************************

          index.php Main

*****************************************/

.content-box{
	float: right;
	margin-top: -0.25em;
	width: 420px;
}
	.content-box .more-link{
		margin: 0;
	}

.thumbnail-box{
	float: left;
	width: 160px;
}
	.thumbnail-box img{
		width: 160px;
		height: 160px;
	}



/****************************************

          Footer

*****************************************/

#copyright{
	padding: 20px 0;
	font-size: 80%;
}


/****************************************

          Clearfix

*****************************************/

#container:after,
#header .menu > ul:after,
#header ul.menu:after,
.clearfix:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: " ";
	font-size: 0;
}

/* clearfix for ie7 */
#container,
#header .menu > ul,
#header ul.menu,
.clearfix {
	display: inline-block;
}

#container,
#header .menu > ul,
#header ul.menu,
.clearfix {
	display: block;
}