@charset "UTF-8"; 
/* デフォルト */
* {
	margin: 0; padding: 0;  
	font-family:メイリオ,Meiryo,Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#222;
}
#main #share{
	margin:10px auto;
	width:100%;
	text-align:center;
}
#main #share li{
	display:inline-block;
	margin:7px;
	padding:0;
	border:0;
	height:auto;
	width:auto;
}
#main #share img{
	width:auto;
	height:36px;
	margin:0;
	padding:0;
}
#main #share li a{
	background:#FFF;
}
#main #share li a:hover{
	opacity:.8;
}
.title{
	margin:30px;
}
h1{
	text-align:center;
	margin:0;
	font-size:20px;
	font-weight:bold;
}
h1.blog{
	padding-top:3px;
	background:#DEE;
	margin-bottom:30px;
}
h2{
	padding-left:10px;
	margin:0;
	font-size:18px;
	font-weight:bold;
}
.h1 a{
	margin:0;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
}
#main{
	text-align:center;
	width:100%;
	margin:auto;
}
.note{
	width:94%;
	margin:15px auto 40px auto;
}
.note img{
	margin:10px auto;
	display:block;
	width:94%;
}
.date{
	margin-top:30px;
	text-align:right;
	background:#EEE;
	padding:2px;
}
#contents{
	margin:auto;
	text-align:left;
}

#main li{
	display:block;
	border:5px solid #DDD;
	padding:5px;
	width:94%;
	height:406px;
	overflow:hidden;
	text-align:center;
	vertical-align:top;
	margin-bottom:6px;
}
#main li a{
	text-align:left;
	display:block;
	padding:5px;
	background:#DEE	;
	over-flow:hidden;
	font-size:16px;
	font-weight:bold;
	color:#11c;
	transition:.1s;
	text-decoration:none;
}
#main li a:hover{
	background:#CDD;
	transition:.1s;
}
#main li img{
	margin:10px auto;
	vertical-align:middle;
	width:100%;
	height:auto;
}
form{
	marign:20px;
}
input,select{
	width:400px;
	display:block;
	padding:2px;
	margin-bottom:15px;
}
textarea{
	display:block;
	width:600px;
	height:150px;
	padding:2px;
	margin-bottom:15px;
}
.intro{
	margin:10px 40px;
	font-size:13px;
	padding:5px;
	border:2px dotted #bbb;
}
#footer{
	display:none;
}