/* CSS Document */

body { background: #ccc; color: #000;}
.container {
	width:100%;
	background: #FFFFFF;
	margin: 0 auto;
}
img{margin:0; padding:0;}
img{ width:100%; height:auto;}
header {background:#000; margin:0; padding:0.2em 0.2em 1.2em 0.2em;}
header h1 {
	font-size:80%;
	line-height:1em;
	color:#FFF;
	display:block;
	float:left;
	margin:4px 0 2px 5px;
	width:50%;
	padding-left:1.5em;
}
header .logo { display:block; float:left; width:50%;}
header .logo img { width:100%;}
header p { margin:0;}
header li { display:block; float:right;}
.btn1{width:20%;}
.btn2{width:15%;}
.content {}
section{ margin-bottom:0.5em;}


.pagetop_more {text-align:right; display:block;}
.pagetop_more a{ line-height:4em; padding:20px 10px; border:#45B4BB solid 1px; color:#45B4BB; text-decoration:none;}


footer{background:#00A1CB; margin:0; padding:0;}
footer nav {
	text-align:center;
	padding-top:1em;
}
footer nav li{
	display:inline;
	padding:0 20px;
}

footer nav a:link {color:#FFF; text-decoration: underline;}
footer nav a:visited {color:#FFF;	text-decoration: underline;}
footer nav a:hover, a:active, a:focus { text-decoration: none;}
#footerlogo{ width:60%; margin:0 auto;}
#footercopyRight{ width:60%; margin:0 auto;}


.lH0{line-height:0;}


.planudBlock{
	border-bottom: 2px solid #EAFF00;
	color:#E3017F;
}
#fbSec { float:right; padding-right:20px; padding-top:2.5em;}
#toPc{ float:right; width:15%;}


#pgTop{
	width:20%;
	position:fixed;
	bottom:0;
	right:0;
}

#pgTop p{ text-align:right; margin:0;}
#pgTop p img{ width:100%;}


.cvt img{ width:1px; text-indent:-9999; overflow:hidden; height:1px;}


/* display */
.flex{display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:start; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.dispBlock{display: block;}
.dispInBlock{display: inline-block;}
.dispInFlex{display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex;}
.dispFlex{display: -webkit-box; display: -ms-flexbox; display: flex;}
.dispFlexWrap{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; }
.flex-wrap{-ms-flex-wrap:wrap; flex-wrap:wrap;}
.flex-noWrap{-ms-flex-wrap:nowrap; flex-wrap:nowrap;}
.flex-column{-webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; }
.j-cont-s{-webkit-box-pack:start; -ms-flex-pack:start; justify-content:start; }
.j-cont-l{-webkit-box-pack:left; -ms-flex-pack:left; justify-content:left; }
.j-cont-r{-webkit-box-pack:right; -ms-flex-pack:right; justify-content:right; }
.j-cont-c{-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
.j-cont-sb{-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; }
.j-cont-sa{-ms-flex-pack:distribute; justify-content:space-around; }
.a-items-c{-webkit-box-align:center; -ms-flex-align:center; align-items:center; }
.a-items-s{-webkit-box-align:start; -ms-flex-align:start; align-items:start; }
.a-items-fe{-webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; }