/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

html {
    overflow-y: scroll;
	height: 100%;
	background: #FFFFFF;
}

body {
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
	line-height: 1.8;
	font-size: 16px;
	overflow: hidden;
	background: #FFF;
	color: #000;/*文字色*/
}

article {
}

/*
*:first-child+html body {
	font-family: "メイリオ",Meiryo,sans-serif;
	font-size: 75%;
}
* html body {
	font-family: "メイリオ",Meiryo,sans-serif;
	font-size: 75%;
}*/

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
    list-style:none;
}

li {
	list-style: none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    /*font-size:100%;*/
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #2B6939;
    /*margin:1em 0;*/
    padding:0;
	margin: 0;
}

input, select {
    vertical-align:middle;
}

img {
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}

/* --------------------------------------------------
リンク
-------------------------------------------------- */
a { text-decoration:none; outline:none; color: #000; }
/*a:hover { text-decoration:underline; color: #000; }*/

/* --------------------------------------------------
マージン・パッディング
-------------------------------------------------- */
.mt00 { margin-top: 0   !important;}
.mt05 { margin-top: 5px !important;}
.mt10 { margin-top:10px !important;}
.mt12 { margin-top:12px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt40 { margin-top:40px !important;}
.mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}
.mr00 { margin-right: 0   !important;}
.mr05 { margin-right: 5px !important;}
.mr10 { margin-right:10px !important;}
.mr12 { margin-right:12px !important;}
.mr15 { margin-right:15px !important;}
.mr20 { margin-right:20px !important;}
.mr25 { margin-right:25px !important;}
.mr30 { margin-right:30px !important;}
.mr35 { margin-right:35px !important;}
.mr40 { margin-right:40px !important;}
.mr45 { margin-right:45px !important;}
.mr50 { margin-right:50px !important;}
.mb00 { margin-bottom: 0   !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb12 { margin-bottom:12px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}
.mb80 { margin-bottom:80px !important;}
.mb150 { margin-bottom:100px !important;}
.ml00 { margin-left: 0   !important;}
.ml05 { margin-left: 5px !important;}
.ml10 { margin-left:10px !important;}
.ml12 { margin-left:12px !important;}
.ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml30 { margin-left:30px !important;}
.ml35 { margin-left:35px !important;}
.ml40 { margin-left:40px !important;}
.ml45 { margin-left:45px !important;}
.ml50 { margin-left:50px !important;}

.pt00 { padding-top: 0   !important;}
.pt05 { padding-top: 5px !important;}
.pt10 { padding-top:10px !important;}
.pt12 { padding-top:12px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt25 { padding-top:25px !important;}
.pt30 { padding-top:30px !important;}
.pt35 { padding-top:35px !important;}
.pt40 { padding-top:40px !important;}
.pt45 { padding-top:45px !important;}
.pt50 { padding-top:50px !important;}
.pr00 { padding-right: 0   !important;}
.pr05 { padding-right: 5px !important;}
.pr10 { padding-right:10px !important;}
.pr12 { padding-right:12px !important;}
.pr15 { padding-right:15px !important;}
.pr20 { padding-right:20px !important;}
.pr25 { padding-right:25px !important;}
.pr30 { padding-right:30px !important;}
.pr35 { padding-right:35px !important;}
.pr40 { padding-right:40px !important;}
.pr45 { padding-right:45px !important;}
.pr50 { padding-right:50px !important;}
.pb00 { padding-bottom: 0   !important;}
.pb05 { padding-bottom: 5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb12 { padding-bottom:12px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb25 { padding-bottom:25px !important;}
.pb30 { padding-bottom:30px !important;}
.pb35 { padding-bottom:35px !important;}
.pb40 { padding-bottom:40px !important;}
.pb45 { padding-bottom:45px !important;}
.pb50 { padding-bottom:50px !important;}
.pl00 { padding-left: 0   !important;}
.pl05 { padding-left: 5px !important;}
.pl10 { padding-left:10px !important;}
.pl12 { padding-left:12px !important;}
.pl15 { padding-left:15px !important;}
.pl20 { padding-left:20px !important;}
.pl25 { padding-left:25px !important;}
.pl30 { padding-left:30px !important;}
.pl35 { padding-left:35px !important;}
.pl40 { padding-left:40px !important;}
.pl45 { padding-left:45px !important;}
.pl50 { padding-left:50px !important;}
.pl70 { padding-left:70px !important;}

/* --------------------------------------------------
clearfix
-------------------------------------------------- */
.clearfix { overflow:hidden; }
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix { zoom:1; }
*:first-child+html .clearfix { zoom:1; }

/* --------------------------------------------------
行揃え
-------------------------------------------------- */
.taL { text-align: left; }
.taC { text-align: center; }
.taR { text-align: right; }

/* --------------------------------------------------
インデント
-------------------------------------------------- */
.indent {
	text-indent: -1em;
	margin-left: 1em; 
}

/* --------------------------------------------------
太字
-------------------------------------------------- */
.ftw_B {
	font-weight: bold;
}

/* !FLoat  ---------------------------------------------------------------- */

.colTop {
	max-width: 960px;/* 幅はサイトによって変更 */
	margin: 20px auto;/* 上下の余白中央寄せ */
	text-align: left;/* テキスト右寄せ */
	overflow: hidden;/* フロート解除 */
}

/* 左カラム40% 右カラム60% */
.col40L {
	float: left;
	width: 40%;
}
.col60R {
	float: right;
	width: 60%;
	padding-left: 3%;
	box-sizing: border-box;
}
/* 左カラム30% 右カラム70% */
.col30L {
	float: left;
	width: 30%;
}
.col70R {
	float: right;
	width: 70%;
	padding-left: 3%;
	box-sizing: border-box;
}
/* 左カラム20% 右カラム80% */
.col20L {
	float: left;
	width: 20%;
}
.col80R {
	float: right;
	width: 80%;
	padding-left: 3%;
	box-sizing: border-box;
}
/* 左カラム10% 右カラム90% */
.col10L {
	float: left;
	width: 10%;
}
.col90R {
	float: right;
	width: 90%;
	padding-left: 3%;
	box-sizing: border-box;
}



/* 左カラム60% 右カラム40% */
.col40R {
	float: right;
	width: 40%;
}
.col60L {
	float: left;
	width: 60%;
	box-sizing: border-box;
	padding-right: 3%;
}
/* 左カラム70% 右カラム30% */
.col30R {
	float: right;
	width: 30%;
}
.col70L {
	float: left;
	width: 70%;
	box-sizing: border-box;
	padding-right: 3%;
}
/* 左カラム80% 右カラム20% */
.col20R {
	float: right;
	width: 20%;
}
.col80L {
	float: left;
	width: 80%;
	box-sizing: border-box;
	padding-right: 3%;
}
/* 左カラム90% 右カラム10% */
.col10R {
	float: right;
	width: 10%;
}
.col90L {
	float: left;
	width: 90%;
	box-sizing: border-box;
	padding-right: 3%;
}

/* !Color  ---------------------------------------------------------------- */

.clrwhite {
	color: #FFF;
}

/* !3カラム  ---------------------------------------------------------------- */

ul.col33 {
	overflow: hidden;
}

/* cssバックアップ
ul.col33 li {
	float: left;
	width: 30%;
	margin-left: 5%;
	list-style: none;
	margin-bottom: 20px;
}
*/

ul.col33 li {
	display: inline-block;
	width: 29.6%;
	margin-left: 5%;
	list-style: none;
	margin-bottom: 20px;
	vertical-align: top;
}

ul.col33 li:nth-child(3n+1) {
	margin-left: 0;
}



/* !テンプレート  ---------------------------------------------------------------- */

#template {
	text-align: right;
	position: fixed;
	top: 0px;
	z-index: 100;
	margin: 0px;
	padding: 0px;
	right: 0px;
	color: #999;
}


/* !投稿一覧  ---------------------------------------------------------------- */

.screen-reader-text {
	display: none;
}


.page-numbers {
	padding: 8px 10px;
	background: #0E6EB8;
	border-radius: 8px;
	color: #FFF;
}

.page-numbers.current {
	padding: 8px 10px;
	background: #EEB032;
	border-radius: 8px;
	color: #FFF;
}

.cf::before, .cf::after {
    content: "";
    display: table;
}
.cf::after {
    clear: both;
}
.cf {
}
#prevnext {
    clear: both;
    font-size: 14px;
    line-height: 1.8;
    list-style: outside none none;
    margin: 20px 0;
    padding: 0;
}
#prevnext .prev {
    float: left;
}
#prevnext .next {
    float: right;
}