@charset "utf-8";

body #container {
	background-image: url(../imgs/bg.png);
	background-repeat: no-repeat;
	background-position: top 90px right;
	background-size: 100% auto;
	background-attachment: fixed;
	}
#titleimg{
	height:160px;
	width:100%;
	text-align:center;
	color:#FFF;
	background-image: url(../imgs/headimg.jpg);
	background-size: cover;
	background-position:center center;
	margin-bottom:60px;
	}

#R-SIDE h6 a{ color:#0D9FC5;}	

#L-SIDE h2 .s{ font-size:21px;}

.or-color {
	color: #E45E47;
}
.serif{font-family:'游明朝',YuMincho,'ヒラギノ明朝 ProN W3','HiraMinProN-W3',"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif}

.longurl{word-break: break-all;}


.profileBox{
	margin:30px 0;
	padding:30px 0;
	border-top:#DDD solid 1px;
	border-bottom:#0D9FC5 solid 1px;
	}	

.profileBox p{ font-size:12px;line-height:1.5;}	

.profileBox strong{
	font-weight:normal;
	font-size:26px;
	}

.profileBox ul {
	margin-bottom:15px;
	}	
.profileBox li {
	display: inline-block;
	vertical-align: middle;
	}	
.profileBox li.img {
	/*display: table-cell;*/
	width: 18%;
	padding-right: 2%;
	
	}
.titleborder{
	border-top:#DDD solid 1px;
	margin:30px 0;
	}

.box2 { padding: 30px;zoom:1;border:#4ba09d solid 2px; background-color:#FFF }

.box2 ul{ font-size:0; letter-spacing:0}
.box2 li{ display:inline-block; width:49%;}
.box2 li:first-child{ margin-right:2%;}

@media only screen and (max-width:1200px) {
.box2 ul{ max-width:580px; margin:10px auto}
.box2 li{ width:100%;}
.box2 li:first-child{ margin-right:0; margin-bottom:40px;}
}


@media only screen and (max-width:1200px) {
	/*body .wrapper {
	margin-left: 20px;
	margin-right: 20px;}
	ul.panelBox{ width:585px; margin:0 auto;}
	.panelBox li:nth-child(even){ margin-right:0;}*/
}

@media only screen and (max-width:820px) {
		body #container {padding-top: 90px;}
	}
@media only screen and (max-width:470px) {
		body #container { padding-top: 80px;}
		.profileBox strong{ font-size:18px;}
		.profileBox p{ font-size:10px;}	
	}
@media only screen and (max-width:380px) {	
.profileBox ul{ text-align:center}
.profileBox li { margin:auto;}	
.profileBox li.img {
	width: auto;
	padding-right: 0;
	margin-bottom:5px;
	}
}
/* .radius */
	body .radius {
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-ms-border-radius: 4px;
		-o-border-radius: 4px;
		border-style: solid;
		border-width: 1px;
	}
	/* box */
	.box {
		padding: 30px;
	}
	.box { zoom:1; }
	.box:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
	
	.box.nextBtn { margin-top: 60px; padding: 15px; text-align: center;}
	.box.nextBtn a { display: inline-block; padding: 10px 33px; width: 400px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
	}
	.box.nextBtn a.hasArrow { position: relative;}
	.box.nextBtn a.hasArrow span.arrow { position: absolute; top: 50%; margin-top: -9px; right: -1px; font-size: 20px; line-height: 21px;}
	
	.box.nextBtn a.hasArrow.iconOut span.arrow { position: absolute; top: 50%; margin-top: -5px; left: 50px; right: auto; font-size: 20px; line-height: 21px;}
	
	
	/* ttl */
	.ttl { font-weight: bold;}
h3.ttl { font-size: 24px; line-height: 40px; margin-bottom: 30px;}
h4.ttl { font-size: 20px; line-height: 30px; margin-bottom: 25px; padding-bottom: 4px; border-bottom-width: 1px; border-bottom-style: solid;}
h5.ttl { font-size: 16px; line-height: 26px; margin-bottom: 15px;}
h5.ttl.blt { padding-left: 15px; background-position: left 0.45em; background-repeat: no-repeat;}
	
	h3.ttl { color: #4ba09d; font-weight: normal;}
	h4.ttl { border-color: #53a8a6; font-weight: normal;}
	h5.ttl.p-color { color: #53a8a6;}
	h5.ttl.blt { margin-bottom: 0; background-image:url(../imgs/blt-ttl.gif);}
	h5.ttl.topline { border-top-width: 1px; border-top-style: solid; border-top-color: #53a8a6; padding-top:25px;}
	/* box */
	.box { background-color: #dff5f5; /*max-width:700px;*/ box-sizing:border-box; margin-left:auto; margin-right:auto;}
	.box.nextBtn a.radius{ background: #53a8a6; border-color: #f8f4f0 #ece7e2 #b3afab #ece7e2; color: #fff; text-decoration: none;}
	.box.nextBtn a.radius:hover{ background: #6ec4c2; border-color: #f8f4f0 #ece7e2 #b3afab #ece7e2;}
	.box .img { text-align: center;}
	@media only screen and (max-width:960px) {
		.box .img img { width: 100%;}

		/* ttl */
		h3.ttl { font-size: 22px; line-height: 38px; margin-bottom: 25px;}
		h4.ttl { font-size: 18px; line-height: 28px; margin-bottom: 20px; padding-bottom: 3px;}
		h5.ttl { font-size: 14px; line-height: 24px; margin-bottom: 10px;}
		h5.ttl.blt { padding-left: 15px; background-position: left 0.45em;}
	}
@media only screen and (max-width:599px) {
		.box.nextBtn a { width: 100%;}
	}
/* ftrTxtLinks */
	.ftrTxtLinks {
		position: relative;
		margin: 20px auto;
		text-align: center;
		/*max-width:700px;*/
	}
	.ftrTxtLinks li {
		display: inline-block;
	}
	.ftrTxtLinks li a {
		display: block;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		padding-top: 10px;
		padding-bottom: 10px;
		width: 51px;
		height: 51px;
		color: #666;
		text-decoration: none;
		font-size: 20px;
		line-height: 31px;
		background-color: #e6e6e6;
	}
	.ftrTxtLinks li a:hover {
		color: #fff;
	}
	.ftrTxtLinks .hasSubTxt li a {
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 14px;
		line-height: 16px;
	}
	.ftrTxtLinks li a span {
		display:block;
		font-size: 10px;
	}
	.ftrTxtLinks .pre,
	.ftrTxtLinks .next {
		position: absolute;
		top: 15px;
	}
	.ftrTxtLinks .pre a,
	.ftrTxtLinks .next a {
		font-size: 25px;
		line-height: 26px;
		color: #999999;
		text-decoration: none;
	}
	.ftrTxtLinks .on a {
		cursor: default;
	}
/* ftrTxtLinks */
	.ftrTxtLinks li a:hover { background-color: #53a8a6;}
	.ftrTxtLinks li.on a { color: #fff; background-color: #53a8a6;}
	.ftrTxtLinks .pre a:hover,
	.ftrTxtLinks .next a:hover  { color: #53a8a6;}
	.ftrTxtLinks .pre { left: 200px;}
	.ftrTxtLinks .next { right: 200px;}
	
	@media only screen and (max-width:959px) {
		.ftrTxtLinks .pre { left: 5%;}
		.ftrTxtLinks .next { right: 5%;}
	}
	@media only screen and (max-width:800px) {
		.ftrTxtLinks .pre { left: 0px;}
		.ftrTxtLinks .next { right: 0px;}
	}

@media only screen and (max-width:430px) {
		.ftrTxtLinks { padding:15px 0 15px; margin-bottom:60px;}
		.ftrTxtLinks li { display: none;}
		.ftrTxtLinks .next a { padding: 8px 0 8px 15px; display: block; text-align: center; border: #999 solid 1px;
			border-radius: 4px;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			-ms-border-radius: 4px;
			-o-border-radius: 4px;
		}
		.ftrTxtLinks .pre a { padding: 8px 15px 8px 0px; display: block; text-align: center; border: #999 solid 1px;
			border-radius: 4px;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			-ms-border-radius: 4px;
			-o-border-radius: 4px;
		}
		.box.nextBtn a span { display: block;}
	}
	
	/* vol.1 */
	.area01 .img {
		float: left;
		width: 38.571%;
		margin-right: 2.857%;
	}
	@media only screen and (max-width:599px) {
		.area01 .img {
			float: none;
			width: 100%;
			margin-left: 0;
		}
		.area01  p { margin-top: 20px;}
		.area01 .img {
			float: none;
			width: 100%;
			margin-top: 0;
			margin-left: 0;
		}
	}

	/* vol.2 */
	.area02 .box {
		width: 40%;
	}
	.area02 h5.ttl.blt.p-color {
		margin-bottom: 15px;
		font-weight: normal;
	}
	.area02 h5 br {
		display: none;
	}
	.area02 .box th {
		color: #53a8a6;
		font-weight: normal;
		text-align: left;
	}
	@media only screen and (max-width:599px) {
		.area02 .box.fl,
		.area02 .box.fr {
			float: none;
		}
		.area02 .box.fr {
			margin-top: 20px;
		}
		.area02 .box {
			width: 100%;
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-ms-box-sizing: border-box;
			-o-box-sizing: border-box;
		}
		.area02 h5.ttl.blt.p-color {
			margin-bottom: 5px;
		}
		.area02 h5 br {
			display: block;
		}
		.area02 .box th,
		.area02 .box td {
			display: list-item;
		}
		.area02 .box th {
			padding-top: 5px;
		}
	}

	/* vol.3 */
	.area03 .txt {
		float: left;
		width: 70%;
	}
	.area03 .img {
		float: right;
		width: 28.571%;
	}
	@media only screen and (max-width:599px) {
		.area03 .txt,
		.area03 .img {
			float: none;
			width: 100%;
		}
		.area03 .txt {
			margin-bottom: 25px;
		}
	}
	.area04 .txt,
	.area04 .img {
		display: table-cell;
		width: 50%;
	}
	.area04 .txt {
		color: #53a8a6;
		font-size: 20px;
		line-height: 28px;
		font-weight: bold;
		text-align: center;
		vertical-align: middle;
		background: #dff5f5;
	}
	.area04 .txt .arrow {
		padding: 5px 0;
		font-size: 24px;
		font-weight: bold;
	}
	.area04 .txt span {
		font-size: 31px;
		font-weight: bold;
	}
	@media only screen and (max-width:599px) {
		.area04 .txt,
		.area04 .img {
			display: block;
			width: 100%;
		}
		.area04 .txt {
			padding: 30px 0;
		}
	}
	
/* vol.8 */	

.box h6 { font-size:16px;color:#53a8a6; margin-bottom:5px; font-weight:normal;}

@media only screen and (max-width:960px) {
	.box h6 { font-size:14px;}
	}
	
/* vol.11 */	
h6.minititle { font-size:15px;color:#53a8a6; font-weight: bold;}
.box div.column_inbox {
	margin-top:-14px;
	padding:20px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #53a8a6;
	border-bottom-color: #53a8a6;
}
.box h5.column_ttl {
	font-size:16px;
	color:#53a8a6;
	font-weight:bold;
	position: relative;
	background-color: #dff5f5;
	display: inline;
}

h3.linebreak { text-indent:-2.5em; margin-left:2.5em;}

@media only screen and (max-width:630px) {
	.linebreak br{ display:none;}
	}