@charset "utf-8";

html, body, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption, 
tbody, tfoot, thead, table, label, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-family: inherit;
	vertical-align: middle;
	list-style:none;
	box-sizing: border-box;
	}
body{
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
	-webkit-text-size-adjust: 100%;
	-webkit-text-stroke-width: 0.1px;
	color: #222;
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 1.9em;
	} 
p {
	margin-bottom: 20px;
}
ul, ol {
	-webkit-margin-before: 0px;
	-webkit-margin-after: 0px;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0px;
}
ul li {
	list-style-type: none;
}
img {
	margin: 0;
	padding: 0;
	width: auto;
	max-width: 100%;
	height: auto;
	line-height: 100%;
	vertical-align: middle;
}
.clear{ 
	clear: both;
	line-height: 0
}
#sidebar > div > li {
	list-style-type: none;
}

/* =Utility
-------------------------------------------------------------- */
.clearfix {
    zoom: 1;/*for IE 5.5-7*/
    min-height: 1%;
}
.clearfix:after {/*for modern browser*/
    content: "";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
}
* html .clearfix {
    display: inline-table;
    /*\*/display: block;/**/
}
img {border: none;}
.red {color: #C00;}
.mini{font-size:x-small;}
.w80p {width: 80%;margin: 0 auto;}
.pd20 { padding: 20px;}
.fl {float: left;}
.fr {float: right;}
.alignR {text-align: right;}
.alignC {text-align: center!important;}
.alignL {text-align: left;}
.fontL {
  font-size: 150%;
}
.center {
    margin: 0 auto;
}
a:link,a:visited {
	color: #333;
	text-decoration: none;
}
a:hover,a:active {
	text-decoration: underline;
}
/* =Pages
-------------------------------------------------------------- */
figure {
    margin: 0;
}

/* =5. Post Entry
-------------------------------------------------------------- */
.editor-area h1{font-size:160%;}	
.editor-area h2, .editor-area h3, .editor-area h4, .editor-area h5, .editor-area h6{margin: 0px;}
.editor-area p{
    margin-top:15px;
    margin-bottom:15px;
}
.editor-area em{font-style: italic;}
.editor-area code{color: #06c; font-family:'Courier New',Courier,monospace;}
.editor-area blockquote{
	margin:20px auto;
	padding: 10px;
	width: 95%;
	border-left:5px solid #ddd;
	background: #eee;
	font-style:italic;
	}
	.editor-area blockquote p{margin:0;}
	.editor-area div.wp-caption{margin: 20px 0;}
	.editor-area div.wp-caption img{ margin: 0;}
	.editor-area div.wp-caption p{ font-size:85%;}
	.editor-area ul, .post ol{margin:20px 0;}
	.editor-area ul li{
		list-style-type: disc;
		margin-left:20px;
		}
	.editor-area ol li{list-style: decimal outside;margin-left:20px;}
.alignleft {
    float: left;
    padding-right: 15px;
}
.alignright {
    float: right;
    padding-left: 15px;
}
.aligncenter {
    text-align: center;
    margin: 0 auto;
    display: block;
}
.editor-area h2 {
    border-bottom: solid 2px #2b76ba;
    margin-bottom: 25px;
    padding: 0 0 5px 0;
    font-size: 130%;
}
.editor-area h3 {
    font-size: 130%;
    margin-bottom: 20px;
}
.editor-area h4 {
    font-size: 120%;
    margin-bottom: 20px;
}
.editor-area h5 {
    color: #3d535e;
    font-size: 110%;
    margin-bottom: 20px;
}
@media screen and (max-width: 680px){
	.alignleft,
	.alignright,
	.aligncenter {
	    float: none;
	    display: block;
	    margin: 0 auto;
	    padding: 0 0 15px 0;
	    text-align: center;
	}
}