/* 全体構造
---------------------------------------------------- */
html
{
   margin: 0;
   /* setting border: 0 hoses ie6 win window inner well border */
   padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 14px;
	color: #000;
	background-color: #fff;
	border-left: 5px solid #223B54;
	border-right: 5px solid #223B54;
}

html, body,
h1, h2, h3, h4,div, p, ul, ol, dl, dt, dd, form, blockquote {
	margin: 0;
	padding: 0;
	display: block;
}

img {
	border: none;
	vertical-align: bottom;
	transition: 0.6s;
}
img:hover {
	opacity: 0.5;
}

#container {
	margin: 0 auto;
	padding: 20px 0 0;
	position: relative;
	border-bottom: 1px solid #223B54;
}

#top_content {
	height: 220px;
	margin: 0;
	padding: 0;
	position: relative;
}

#logo a {
	width: 200px;
	height: 200px;
	padding: 0;
	margin: 0 auto;
	text-indent: -9999px;
	display: block;
	z-index: auto;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
}
h1 {
	width: 100%;
	margin: 0 auto;
	padding: 8px 0;
	font-size: 28px;
	border-top: 1px solid #223B54;
	border-bottom: 1px solid #223B54;
	text-align: center;
	color: #223B54;
}
h2.label {
	margin:  15px 0 0;
	padding: 0;
	font-size: 18px;
	line-height:1;
	text-align: center;
	color: #223B54;
}
h2.more {
	width: 100%;
	margin: 0 auto;
	padding: 8px 0;
	font-size: 28px;
	border-top: 1px solid #223B54;
	border-bottom: 1px solid #223B54;
	text-align: center;
	color: #223B54;
}
#contentwrapper {
	width: 1270px;
	margin: 0 auto;
	padding: 40px 0 35px;
}
#contentwrapper:after {			/* ■floatをクリア */
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#contentwrapper { display: inline-block; }
/* Hides from IE-mac \*/
* html #contentwrapper { height: 1%; }
#contentwrapper { display: block; }
/* End hide from IE-mac */

/* トップ用
---------------------------------------------------- */
#boxwrapper {
	width: 1270px;
	margin: 0 auto 20px;
	padding: 40px 0 0;
}
#boxwrapper ul {
	width:100%;
	margin:0;
	padding:0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
#boxwrapper ul li {
	width: 250px;
	list-style:none;
	margin: 0 2px 10px;
	padding: 0;
}
#boxwrapper ul li img {
	width:100%;
	height: auto;
	margin:0 0 5px;
	padding:0;
}
#boxwrapper ul li p {
	margin: 0;
	padding: 0 3px;
	font-size: 13px;
	text-align: center;
	line-height: 1.3em;
}

/* リストメニュー用
---------------------------------------------------- */
#year_list {
	width: 100%;
	margin: 0 0 40px;
	padding: 0;
}
#label_list {
	width: 100%;
	margin: 0 0 40px;
	padding: 0;
}
#year_list h2, #label_list h2 {
	width: 100%;
	margin: 0 auto 20px;
	padding: 8px 0;
	font-size: 28px;
	border-top: 1px solid #223B54;
	border-bottom: 1px solid #223B54;
	text-align: center;
	color: #223B54;
}
#year_list ul, #label_list ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
#year_list li, #label_list li {
	margin: 0 0 0.5em;
	padding: 0;
	line-height:1.0;
}

/* 中ページ用
---------------------------------------------------- */
#data {
	float: left;
	width: 300px;
	margin: 0 60px 0 0;
	padding: 0;
}
#data img {
	width: 300px;
	margin: 0;
	padding: 0;
}
#data p {
	margin: 0 0 20px;
	padding: 0;
	font-size: 95%;
}
#content {
	float: left;
	width: 550px;
	margin: 0;
	padding: 0;
}
#content h3 {
	margin: 0 0 15px;
	padding: 0;
	line-height: 1.5;
	font-size: 130%;
	font-weight: bold;
}
#content p {
	margin: 0 0 20px;
	padding: 0;
	line-height:1.8;
}
#content img {
	margin: 0 0 5px;
	padding: 0;
	line-height:1.8;
}
#content p.date {
	font-size: 90%;
	text-align: right;
}
.paginate {
	text-align: center;
	margin: 0 auto;
	padding: 10px 0 0;
	font-size:100%;
	line-height:1.5;
	clear: both;
}

#sidemenu {
	float: right;
	width: 300px;
	padding: 0;
	margin: 0;
}

/* フッタ
---------------------------------------------------- */
#footer {
	padding: 15px 0;
	margin: 0 auto;
	background-color: #223B54;
}
#footer p {
	font-size: 90%;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #FFFFFF;
}

#cat {
	width: 1270px;
	padding: 0;
	margin: 0 auto;
	position: relative;
	height: 220px;
}
#blog_title1 a {
	width: 150px;
	height: 175px;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 350px;
	bottom: 20px;
	text-indent: -9999px;
	display: block;
	z-index: auto;
	background-image: url(../images/blog_title1.png);
	background-repeat: no-repeat;
}
#blog_title2 a {
	width: 150px;
	height: 175px;
	padding: 0;
	margin: 0;
	position: absolute;
	left: 560px;
	bottom: 20px;
	text-indent: -9999px;
	display: block;
	z-index: auto;
	background-image: url(../images/blog_title2.png);
	background-repeat: no-repeat;
}
#blog_title3 a {
	width: 150px;
	height: 175px;
	padding: 0;
	margin: 0;
	position: absolute;
	right: 350px;
	bottom: 20px;
	text-indent: -9999px;
	display: block;
	z-index: auto;
	background-image: url(../images/blog_title3.png);
	background-repeat: no-repeat;
}


/* リンク
---------------------------------------------------- */
a:link, a:visited {
	color: #616161;
	text-decoration: none;
}
a:active, a:hover {
	color: #FF009C;
	text-decoration : underline;
}
/* その他
---------------------------------------------------- */
.caution {
	margin: 0;
	font-size: 90%;
	line-height: 1;
	color: #FF4500;
}
.caution2 {
	margin: 0;
	font-size: 95%;
	line-height: 1.5;
	color: #0066CC;
}
.new {
	margin: 0;
	padding: 0 0 0 5px;
	font-weight: bold;
	color: #EE0000;
	font-size: 90%;
}
strong {
	font-size: 110%;
	font-weight:bold;
	line-height:1.8;
	letter-spacing:0;
	color: #000;
}
p.center {
	text-align: center;
}
.clear a {
	clear: both;
	margin: 0 auto;
	padding: 0;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
	width: 40px;
	height: 35px;
	background-image: url(../images/go_top.png);
}
.clear a:hover {
	background-position:left bottom;
}

/* 検索
---------------------------------------------------- */
dl.search{
	position:relative;
	background-color:#fff;
	border:1px solid #aaa;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-o-border-radius:6px;
	-ms-border-radius:6px;
	border-radius:6px;
	margin: 15px auto;
	padding: 0;
	width:300px;
}
dl.search dt{
	margin-right:40px;
	padding:8px 0 8px 8px;
}
dl.search dt input{
	width:100%;
	height:24px;
	line-height:24px;
	background:none;
	border:none;
	font-size: 18px;
}
dl.search dd{
	position:absolute;
	top:0;
	right:0;
}
dl.search dd button{
	display:block;
	padding:10px;
	background:none;
	border:none;
}
dl.search dd button span{
	display:block;
	width:20px;
	height:20px;
	background:url(../images/searches.png) no-repeat scroll 0 0;
}