@charset "utf-8";

/* base
---------------------------------------------*/

body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font: 88%/1.5 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	background: #fff;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}
img {
	border: none;
}
input,textarea,select {
	font-size: 1em;
}
form {
	margin: 0;
}

select {
	padding: 10px;
}

table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}

div:after,
ul:after,
dl:after {
	content: "";
	display: block;
	clear: both;
}

.fNomal {
	font-weight: normal !important;
}

.f63 {
	font-size: 63%;
}

.f72 {
	font-size: 72%;
}

.f77 {
	font-size: 77%;
}

.f79 {
	font-size: 79%;
}

.f85 {
	font-size: 85%;
}

.f86 {
	font-size: 86%;
}

.f93 {
	font-size: 93%;
}

.f100 {
	font-size: 100%;
}

.f110 {
	font-size: 110%;
}

.f120 {
	font-size: 120%;
}

.b {
	font-weight: bold !important;
}

.fNormal {
	font-weight: normal !important;
}

.w33 {
	width: 33%;
	box-sizing: border-box;
}

.w50 {
	width: 50%;
	box-sizing: border-box;
}
.w100 {
	width: 100%;
	box-sizing: border-box;
}
.w60px {
	width: 60px !important;
	box-sizing: border-box;
}
.w60px img {
	max-width: 60px;
	max-height: 60px;
	box-sizing: border-box;
}
.w32px {
	width: 32px;
	box-sizing: border-box;
}
.w32px img {
	max-width: 32px;
	max-height: 32px;
	box-sizing: border-box;
	display: block;
}

.c {
	text-align: center;
}
.r {
	text-align: right;
}
.l {
	text-align: left;
}

.btn a {
	display: inline-block;
	box-sizing: border-box;
	border-radius: 5px;
}

.btn.type1 a {
	background: #ff9c00 !important;
	color: #fff !important;
	font-weight: bold;
}

.btn.type2 a,
.btn.type2 button {
	background: #444 !important;
	color: #fff !important;
	font-weight: bold;
	border: none;
}

.fLeft {
	float: left;
}

.fRight {
	float: right;
}

.clear {
	clear: both;
}

.relative {
	position: relative !important;
}

.dspTbl {
	display: table;
	width: 100%;
}

.dspTbl li,
.dspTbl p {
	display: table-cell;
	vertical-align: middle;
}

.dspTbl .cell {
	display: table-cell;
	vertical-align: middle;
}

.dspInl {
	display: inline !important;
}

img.dspInl {
	vertical-align: middle;
}

.dspBlk {
	display: block !important;
}

.m0 {
	margin: 0px !important;
}

.m5 {
	margin: 5px !important;
}

.m10 {
	margin: 10px !important;
}

.m15 {
	margin: 15px !important;
}

.m18 {
	margin: 18px !important;
}

.m20 {
	margin: 20px !important;
}

.m30 {
	margin: 30px !important;
}

.mt0 {
	margin-top: 0px !important;
}

.mt5 {
	margin-top: 5px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt15 {
	margin-top: 15px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mt40 {
	margin-top: 40px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.mt60 {
	margin-top: 60px !important;
}

.mt70 {
	margin-top: 70px !important;
}

.mb0 {
	margin-bottom: 0px !important;
}

.mb5 {
	margin-bottom: 5px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.mb50 {
	margin-bottom: 50px !important;
}

.mb60 {
	margin-bottom: 60px !important;
}

.ml0 {
	margin-left: 0px !important;
}

.ml5 {
	margin-left: 5px !important;
}

.ml10 {
	margin-left: 10px !important;
}

.ml15 {
	margin-left: 15px !important;
}

.ml20 {
	margin-left: 20px !important;
}

.ml30 {
	margin-left: 30px !important;
}

.ml40 {
	margin-left: 40px !important;
}

.ml50 {
	margin-left: 50px !important;
}

.ml60 {
	margin-left: 60px !important;
}

.mr0 {
	margin-right: 0px !important;
}

.mr5 {
	margin-right: 5px !important;
}

.mr10 {
	margin-right: 10px !important;
}

.mr15 {
	margin-right: 15px !important;
}

.mr20 {
	margin-right: 20px !important;
}

.mlr0 {
	margin-right: 0px !important;
	margin-left: 0px !important;
}

.mlr-5 {
	margin-right: -5px !important;
	margin-left: -5px !important;
}

.mlr5 {
	margin-right: 5px !important;
	margin-left: 5px !important;
}

.mlr10 {
	margin-right: 10px !important;
	margin-left: 10px !important;
}

.mlr15 {
	margin-right: 15px !important;
	margin-left: 15px !important;
}

.mlr20 {
	margin-right: 20px !important;
	margin-left: 20px !important;
}

.mlr30 {
	margin-right: 30px !important;
	margin-left: 30px !important;
}

.p0 {
	padding: 0px !important;
}

.p5 {
	padding: 5px !important;
}

.p10 {
	padding: 10px !important;
}

.p15 {
	padding: 15px !important;
}

.p20 {
	padding: 20px !important;
}

.p20 {
	padding: 20px !important;
}

.pt0 {
	padding-top: 0px !important;
}

.pt5 {
	padding-top: 5px !important;
}

.pt10 {
	padding-top: 10px !important;
}

.pt15 {
	padding-top: 15px !important;
}

.pt20 {
	padding-top: 20px !important;
}

.pt30 {
	padding-top: 30px !important;
}

.pt40 {
	padding-top: 40px !important;
}

.pt50 {
	padding-top: 50px !important;
}

.pt60 {
	padding-top: 60px !important;
}

.pb0 {
	padding-bottom: 0px !important;
}

.pb5 {
	padding-bottom: 5px !important;
}

.pb10 {
	padding-bottom: 10px !important;
}

.pb15 {
	padding-bottom: 15px !important;
}

.pb20 {
	padding-bottom: 20px !important;
}

.pb30 {
	padding-bottom: 30px !important;
}

.pl5 {
	padding-left: 5px !important;
}

.pl10 {
	padding-left: 10px !important;
}

.pl20 {
	padding-left: 20px !important;
}

.pr5 {
	padding-right: 5px !important;
}

.pr10 {
	padding-right: 10px !important;
}

.pr20 {
	padding-right: 20px !important;
}

.bt0 {
	border-top: none !important;
}

.bb0 {
	border-bottom: none !important;
}




/* contents
---------------------------------------------*/
#contents {
	width: 100%;
}


/* hNavi
---------------------------------------------*/


#header #hNavi {
	padding-top: 6px;
	box-sizing: border-box;
	height: 40px;
	border-bottom: 1px solid #444;
	background: #eee;
	color: #444;
}
#header #hNavi p,
#header #hNavi .btn.type1 {
	margin-top: 2px;
}

#header #hNavi a {
	color: #444;
	text-decoration: none;
}
#header #hNavi a:hover {
	color: #fbbc05;
	text-decoration: underline;
}



/* balloon
---------------------------------------------*/


.balloonBox {
	margin-top: 20px;
}

.balloonBox .cell {
	vertical-align: middle;
	line-height: 1;
}
.balloonBox .cell img {
	display: block;
	vertical-align: middle;
}
.balloon {
	width: 655px;
	padding: 10px;
	box-sizing: border-box;
}

.balloon {
	position: relative;
}

.balloonBox.type2 .balloon:before {
	position: absolute;
	top: 15px;
	left: -10px;
}

.balloon.type1 {
	background: #FBDAC8;
}

.balloon.type1:before {
	content: url(/blog/shared/images/balloonArw1.png);
	opacity: 1;
}

.balloon.type2 {
	background: #FEECD2;
}

.balloon.type2:before {
	content: url(/blog/shared/images/balloonArw2.png);
	opacity: 1;
}

.balloon.type3 {
	background: #FFFCDB;
}

.balloon.type3:before {
	content: url(/blog/shared/images/balloonArw3.png);
	opacity: 1;
}

.balloon.type4 {
	background: #ECF4D9;
}

.balloon.type4:before {
	content: url(/blog/shared/images/balloonArw4.png);
	opacity: 1;
}

.balloon.type5 {
	background: #D5EAD8;
}

.balloon.type5:before {
	content: url(/blog/shared/images/balloonArw5.png);
	opacity: 1;
}


.balloon.type6 {
	background: #D4ECEA;
}

.balloon.type6:before {
	content: url(/blog/shared/images/balloonArw6.png);
	opacity: 1;
}

.balloon.type7 {
	background: #D3EDFB;
}

.balloon.type7:before {
	content: url(/blog/shared/images/balloonArw7.png);
	opacity: 1;
}

.balloon.type8 {
	background: #D3DEF1;
}

.balloon.type8:before {
	content: url(/blog/shared/images/balloonArw8.png);
	opacity: 1;
}

.balloon.type9 {
	background: #D2CCE6;
}

.balloon.type9:before {
	content: url(/blog/shared/images/balloonArw9.png);
	opacity: 1;
}

.balloon.type10 {
	background: #E7D5E8;
}

.balloon.type10:before {
	content: url(/blog/shared/images/balloonArw10.png);
	opacity: 1;
}

.balloon.type11 {
	background: #FADCE9;
}

.balloon.type11:before {
	content: url(/blog/shared/images/balloonArw11.png);
	opacity: 1;
}

.balloon.type12 {
	background: #FADBDA;
}

.balloon.type12:before {
	content: url(/blog/shared/images/balloonArw12.png);
	opacity: 1;
}


/* label
---------------------------------------------*/

.labelGroup .label {
	color: #fff;
	font-size: 85%;
	padding: 2px;
	line-height: 1;
	display: inline-block;
	margin-right: 10px;
}

.labelGroup .label.type1 {
	background: #EF845C;
}

.labelGroup .label.type2 {
	background: #F9C270;
}

.labelGroup .label.type3 {
	background: #F3E100;
}

.labelGroup .label.type4 {
	background: #C1DB81;
}

.labelGroup .label.type5 {
	background: #69BD83;
}

.labelGroup .label.type6 {
	background: #61C1BE;
}

.labelGroup .label.type7 {
	background: #54C3F1;
}

.labelGroup .label.type8 {
	background: #6C9BD2;
}

.labelGroup .label.type9 {
	background: #796BAF;
}

.labelGroup .label.type10 {
	background: #BA79B1;
}

.labelGroup .label.type11 {
	background: #EE87B4;
}

.labelGroup .label.type12 {
	background: #EF858C;
}

.labelGroup .label.type13 {
	background: #BD6748;
}

.labelGroup .label.type14 {
	background: #C49958;
}

.labelGroup .label.type15 {
	background: #CAC264;
}

.labelGroup .label.type16 {
	background: #98AE66;
}

.labelGroup .label.type17 {
	background: #519768;
}

.labelGroup .label.type18 {
	background: #4A9A98;
}

.labelGroup .label.type19 {
	background: #419CC0;
}

.labelGroup .label.type20 {
	background: #547BA8;
}

.labelGroup .label.type21 {
	background: #60538C;
}

.labelGroup .label.type22 {
	background: #945E8D;
}

.labelGroup .label.type23 {
	background: #BC698F;
}

.labelGroup .label.type24 {
	background: #BD6970;
}

textarea {
	font-size: 14.8px;
}