@charset "utf-8";
/* CSS Document */

/*---<<<<<<　common　>>>>>>---*/
body {
	width: 100%;
	background-color: #fcfae8;
	font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #231815;
}
img {
	vertical-align: bottom;
}
a {
	text-decoration: underline;
	color: #00a0e9;
}
a:hover {
	text-decoration: none;
	opacity: 0.7;
}
iframe {
	width: 100%;
}
p {
	margin: 0;
	line-height: 1.5;
	word-break: break-all;
}
ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
h1, .breadCrumbs {
	margin: 0 30px;
}
h1 {
	margin-bottom: 15px;
	border-bottom: 1px solid #727172;
	font-weight: normal;
}
h2, h3, dl, dd {
	margin: 0;
}
h2 {
	overflow: hidden;
	line-height: 1.5;
	padding: 10px 25px;
	background-color: #89c4ec;
	border-left: 14px solid #17439a;
	color: #fff;
}
h3 {
	line-height: 2;
	font-size: 1.15em;
}
table {
	width: 100%;
}
section {
	overflow: hidden;
	margin: 0 0 25px 1em;
}
section p.imgL {
	float: left;
}
section p.imgL span,
section p.imgR span {
	text-align: center;
	font-size: 1.15em;
	font-weight: bold;
	line-height: 2;
}
section p.imgL img,
section p.imgL span {
	float: left;
	margin: 0 1em 1em 0;
}
section p.imgL span img {
	float: none;
	margin: 0;
}
section p.imgR img,
section p.imgR span {
	float: right;
	margin: 0 0 1em 1em;
}
section p.imgR span img {
	float: none;
	margin: 0;
}
.breadCrumbs {
	margin-top: 1em;
	text-align: right;
}
.contents {
	overflow: hidden;
}
.container, .contents, .wrapper, #mainPhoto {
	width: 948px;
	margin: 0 auto;
}
header {
	height: 65px;
	padding-top: 45px;
	background-color: #fff;
}
.contents {
	background-color: #fff;
}
main {
	float: left;
	width: 610px;
	margin-left: 30px;
}
main header {
	height: auto;
	margin-bottom: 15px;
	padding: 0;
}
aside {
	float: right;
	width: 250px;
	margin: 0 35px 70px 0;
}
aside li {
	margin-bottom: 15px;
}
nav {
	height: 195px;
	padding-top: 35px;
	background-color: #32a6df;
}
nav ul {
}
nav li {
	position: relative;
	float: left;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#739fd4')";
	background: linear-gradient(to bottom, #ffffff, #739fd4);/* IE10+, W3C */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#739fd4));
	background-image: -moz-linear-gradient(top, #fff, #739fd4);
	background-image: linear-gradient(top, #fff, #739fd4);
	padding-right: 2px;
	cursor: pointer;
}
nav li:last-child {
	padding-right: 0;
}
nav li a {
	display: block;
	line-height: 1;
}
nav li ul {
	z-index: 100;
	list-style: none;
	position: absolute;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
}
nav li ul li {
	display: none;
	color: #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	background-color: #17439a;
	background-image: none;
}
nav li ul li:first-child {
	border-top: 1px solid #fff;
}
nav li:hover ul li {
	display: block;
	width: 180%;
	padding: 1em;
	color: #fff;
}
nav li ul li a {
	text-decoration: none;
	color: #fff;
}
nav li ul li:hover {
	background-color: #afa63a;
}
footer {
	text-align: center;
	padding: 20px 0;
	background-color: #afa63a;
}
.footerBox {
	overflow: hidden;
}
.footerBox p {
	float: left;
	width: 510px;
	margin-bottom: 70px;
	text-align: left;
	font-size: 0.92em;
	color: #fff;
}
.footerBox p span {
	line-height: 2;
	font-size: 1.25em;
	font-weight: bold;
}
.footerBox ul {
	overflow: hidden;
	float: right;
	width: 180px;
}
.footerBox li {
	float: left;
	margin-right: 1em;
}
.footerBox li a {
	text-decoration: none;
	font-weight: bold;
	color: #231815;
}
.footerBox li:last-child {
	margin-right: 0;
}
small {
	font-size: 1em;
}
.contents small {
	font-size: x-small;
}
.bBtm {
	margin-bottom: 25px;
	border-bottom: 1px dashed #d3d4d4;
}
section p img.bd {
	padding: 18px;
	border: 1px solid #b8b9b9;
}
.toTop {
	position: absolute;
	right: 30px;
	bottom: 18px;
	z-index: 100;
}
.fr {
	float: right;
}
.ml0 {
	margin-left: 0;
}
.ml1em {
	margin-left: 1em;
}
.mt1em {
	margin-top: 1em;
}
.mb25 {
	margin-bottom: 25px;
}

/*---<<<<<<　top　>>>>>>---*/

#mainPhoto {
	position: relative;
	z-index: 10;
	top: -145px;
}
#top .contents {
	overflow: hidden;
	position: relative;
	top: -315px;
	margin-bottom: -315px;
	padding-top: 200px;
}
#top dl {
	overflow: auto;
	height: calc(270px - 2em);
	margin-bottom: 15px;
	padding: 1em;
	border: 2px solid #d3d4d4;
}
#top dt {
	float: left;
	clear: left;
	width: 10em;
}
#top dd {
	padding-left: 11em;
}
#top .btnLinks {
	overflow: hidden;
}
#top .btnLinks li {
	float: left;
	width: 280px;
	margin: 0 40px 23px 0;
	text-align: center;
	background-color: #c0ad5e;
	border: 1px solid #61605f;
	font-size: 1.15em;
}
#top .btnLinks li:nth-child(2n+0) {
	margin-right: 0;
}
#top .btnLinks li a {
	display: block;
	padding: 10px 0;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}
#top .contentsBox {
	padding: 20px;
	background-color: #f9f3cd;
}
#top .contentsBox .title {
	margin-bottom: 25px;
	font-size: 1.23em;
	font-weight: bold;
	color: #ab951d;
}
#top .contentsBox h3 {
	font-size: 1em;
	font-weight: bold;
}
#top iframe {
	height: 550px;
}
#top h2 span {
	float: right;
}
#top h2 span a {
	color: #00f;
}

/*---<<<<<<　s1,s2-template　>>>>>>---*/

#s1 .contents,
#s2 .contents {
	overflow: hidden;
	position: relative;
	top: -149px;
	margin-bottom: -149px;
}
#s1 .contents p,
#s2 .contents p {
	line-height: 2;
}
#s1 .contents header,
#s2 .contents header {
	height: auto;
	padding: 0;
}

/*---<<<<<<　s1-template　>>>>>>---*/

#s1 .contents {
	overflow: hidden;
	position: relative;
	top: -149px;
	margin-bottom: -149px;
}
#s1 .contents p,
#s1 .contents ol,
#s1 .contents dt,
#s1 .contents dd {
	line-height: 2;
}
#s1 .contents header {
	height: auto;
	padding: 0;
}
#s1 .drop li {
	text-indent: -1em;
	padding-left: 1em;
}
#s1 .contents dt,
#s1 .contents dd {
	padding: 0.5em 0;
}
#s1 .contents dt {
	float: left;
	clear: left;
	width: 7em;
}
#s1 .contents dd {
	padding-left: 8em;
	border-top: 1px dotted #d3d4d4;
}
#s1 .contents dd span {
	font-size: 0.85em;
}
#s1 .contents dd.center img {
	display: block;
	margin: 0 auto;
}

/*---<<<<<<　s2-template　>>>>>>---*/

#s2 main {
	width: 690px;
}
#s2 main a {
	text-decoration: none;
	border-bottom: 1px solid #00a0e9;
	color: #231815;
}
#s2 main a:hover {
	border-bottom: none;
}
#s2 aside {
	width: 120px;
}
#s2 aside a {
	text-decoration: none;
	font-size: 0.92em;
	color: #231815;
}
#s2 aside li {
	margin-bottom: 0;
}
#s2 aside p a {
	font-size: 1.08em;
	font-weight: bold;
}
#s2 ul.anchorTop {
	overflow: hidden;
	margin-bottom: 1em;
}
#s2 .anchorTop li {
	float: left;
	margin-right: 2em;
}
#s2 .anchorTop li a {
	display: block;
	padding: 0.5em 2em;
	background-color: #1e8ccd;
	text-decoration: none;
	color: #fff;
}
#s2 .order {
	text-align: right;
}
#s2 h3 {
	margin-bottom: 20px;
	padding: 0.5em 0;
	text-align: center;
	background-color: #c0ad5e;
	font-size: 1.08em;
	color: #fff;
}
#s2 h4 {
	margin: 0;
	line-height: 2;
	font-size: 1.08em;
}
#s2 th, td {
	text-align: center;
	border: 1px solid #c9cacb;
	font-size: 0.85em;
}
#s2 th {
	background-color: #9fd9f6;
}
#s2 td {
	padding: 0.5em;
}
#s2 td:first-child {
	width: 105px;
	text-align: left;
}
#s2 td:nth-child(2) {
	width: 85px;
}
#s2 td:nth-child(3) {
	width: 83px;
}
#s2 td:nth-child(4) {
	width: 200px;
	text-align: left;
}
#s2 .pageTop {
	margin-top: 90px;
	padding-top: 50px;
	text-align: right;
	border-top: 1px dashed #d3d4d4;
}
#s2 .pageTop a {
	border: none;
}
#s2 ul.sanjoList {
	overflow: hidden;
	width: 90%;
	margin: 0 auto;
}
#s2 .sanjoList li {
	float: left;
	width: 50%;
}

/*---<<<<<<　s2-登録会員　>>>>>>---*/

#s2-2 td:first-child {
	width: 89px;
}
#s2-2 td:nth-child(2) {
	width: 170px;
	text-align: left;
}
#s2-2 td:nth-child(3) {
	width: 22px;
}
#s2-2 td:nth-child(4) {
	width: 240px;
	text-align: left;
}

/*---<<<<<<　s2-会員別事業案内　>>>>>>---*/

#s2 #s2-3 table p {
	margin-bottom: 1em;
	line-height: 1.5;
}
#s2-3 section > table {
	margin-bottom: 20px;
}
#s2-3 table table td {
	border: none;
	font-size: 1em;
}
#s2-3 table table tr:nth-child(2) td,
#s2-3 table table tr:nth-child(3) td,
#s2-3 table table tr:nth-child(4) td {
	background-color: #f5f5f5;
}
#s2 #s2-3 table table table tr {
	vertical-align: top;
}
#s2 #s2-3 table table table td {
	width: 43.35%;
	text-align: left;
}
#s2 #s2-3 table table table td:first-child {
	width: 13.3%;
}

/*---<<<<<<　s2-取扱店一覧　>>>>>>---*/

#s2-4 td:first-child {
	width: 160px;
}
#s2-4 td:nth-child(2) {
	width: 300px;
	text-align: left;
}

/*---<<<<<<　s1-lecture　>>>>>>---*/

#s1 #s1-lecture table {
	width: 100%;
	margin-bottom: 30px;
}
#s1 #s1-lecture table caption {
	text-align: left;
}
#s1 #s1-lecture td {
	padding: 0.5em 1em;
	text-align: right;
}
#s1 #s1-lecture tr:first-child td,
#s1 #s1-lecture td:first-child,
#s1 #s1-lecture td:nth-child(3),
#s1 #s1-lecture td:last-child {
	text-align: center;
}
#s1 #s1-lecture td:first-child {
	width: 35%;
}
#s1 #s1-lecture td:first-child,
#s1 #s1-lecture td:nth-child(3) {
	width: 15%;
}
#s1 .contents #s1-lecture ul {
	overflow: hidden;
	margin-top: 30px;
}
#s1 .contents #s1-lecture ul li {
	float: left;
	width: 33%;
}
#s1 .contents #s1-lecture ul li:before {
	content: "●";
	color: #669900;
}
#s1 .contents #s1-lecture ol {
	margin: 0;
}
#s1 #s1-lecture p {
	margin-bottom: 1em;
	line-height: 1.5;
}
#s1 #s1-lecture p.image {
	text-align: center;
}
#s1 #s1-lecture .option01 td {
	text-align: left;
}
#s1 #s1-lecture .option01 tr:first-child td {
	text-align: center;
}
#s1 #s1-lecture .option01 td:first-child {
	width: 30%;
}
#s1 #s1-lecture .option02 {
	font-size: 0.91em;
}
#s1 #s1-lecture .option02 tr td {
	width: 20%;
	text-align: center;
}
#s1 #s1-lecture .option02 tr:first-child td:nth-child(2),
#s1 #s1-lecture .option02 tr:first-child td:nth-child(3),
#s1 #s1-lecture .option02 tr:nth-child(2) td:first-child {
	width: 11%;
}
#s1 #s1-lecture .option02 tr td:last-child {
	width: auto;
}
#s1 #s1-lecture .option02 tr td:nth-child(2),
#s1 #s1-lecture .option02 tr td:nth-child(3),
#s1 #s1-lecture .option02 tr td:nth-child(4),
#s1 #s1-lecture .option02 tr td:nth-child(5) {
	text-align: left;
}
#s1 #s1-lecture .option02 tr:first-child td:nth-child(2),
#s1 #s1-lecture .option02 tr:first-child td:nth-child(4),
#s1 #s1-lecture .option02 tr:first-child td:nth-child(5),
#s1 #s1-lecture .option02 tr:nth-child(2) td {
	text-align: center;
}
#s1 #s1-lecture .option02 tr:first-child td:nth-child(3),
#s1 #s1-lecture .option02 tr:nth-child(2) td:first-child {
	text-align: right;
}
#s1 #s1-lecture ul.disc {
	margin: 0 0 1em;
	list-style-type: disc;
}
#s1 #s1-lecture ul.disc li {
	float: none;
	width: auto;
	text-indent: -1em;
	padding-left: 1em;
}
#s1 #s1-lecture ul.disc li:before {
	color: #231815;
}
#s1 #s1-lecture ol {
	line-height: 1.5;
}
#s1 #s1-lecture .option03 {
	margin-bottom: 0;
}
#s1 #s1-lecture .option03 td {
	width: 18%;
	text-align: left;
}
#s1 #s1-lecture .option03 td:first-child {
	width: 7%;
}
#s1 #s1-lecture .option03 tr:first-child td:nth-child(2) {
	width: 23%;
}
#s1 #s1-lecture .option03 td:nth-child(4) {
	width: 34%;
}
#s1 #s1-lecture .option03 tr:first-child,
#s1 #s1-lecture .option03 tr:nth-child(2n) td:first-child {
	text-align: center;
}
#s1 #s1-lecture .option04 {
	margin-bottom: 0;
}
#s1 #s1-lecture .option04 tr td {
	width: 20%;
	text-align: center;
}
#s1 #s1-lecture .option04 td:first-child {
	width: 60%;
	text-align: left;
}
#s1 #s1-lecture .option04 td:nth-child(2) {
	text-align: right;
}

/*---<<<<<<　s1-check　>>>>>>---*/

#s1 .contents #s1-check ul {
	overflow: hidden;
	margin: 30px 0;
}
#s1 .contents #s1-check ul li {
	float: left;
	width: calc(50% - 1em);
	text-indent: -1em;
	padding-left: 1em;
}
#s1 .contents #s1-check ul li:before {
	content: "●";
	color: #669900;
}
#s1 #s1-check p {
	margin-bottom: 1em;
	line-height: 1.5;
}
#s1 .contents #s1-check ul.label {
    display: -webkit-flex;
    display: flex;
	align-items: flex-end;
	overflow: visible;
	margin: 0;
}
#s1 .contents #s1-check .label li {
	float: none;
	width: 45%;
	text-indent: 0;
	padding: 0;
}
#s1 .contents #s1-check .label > li:first-child {
	margin-right: 8%;
}
#s1 .contents #s1-check .label li:before {
	content: none;
}
#s1 .contents #s1-check .label li ul {
    display: -webkit-flex;
    display: flex;
	align-items: flex-end;
	overflow: visible;
}
#s1 .contents #s1-check .label li li {
	float: none;
	width: 50%;
	text-align: center;
	font-size: 0.77em;
}

/*---<<<<<<　s1-bouka　>>>>>>---*/

#s1 .contents #s1-bouka p {
	line-height: 1.5;
	margin-bottom: 1em;
}
#s1 .contents #s1-bouka .grayBox {
	padding: 0.5em;
	background-color: #f5f5f5;
}
#s1 .contents #s1-bouka .grayBox p.title,
#s1 .contents #s1-bouka .grayBox span {
	color: #f00;
}
#s1 .contents #s1-bouka .innerBox {
	background-color: #fff;
	border: 1px solid #999;
}
#s1 .contents #s1-bouka .grayBox ul {
	list-style-type: disc;
	margin-bottom: 1em;
	padding-left: 2em;
}
#s1 .contents #s1-bouka dt {
	display: inline;
	clear: both;
	width: 170px;
}
#s1 .contents #s1-bouka dd {
	float: left;
	width: 410px;
	margin: 1em 0 0 1em;
	padding: 0;
	border: none;
}

/*---<<<<<<　s1-hanpu　>>>>>>---*/

#s1 .contents #s1-hanpu ol {
	line-height: 1.5;
}
#s1 .contents #s1-hanpu h4 {
	margin-bottom: 0;
}
#s1 .contents #s1-hanpu td {
	padding: 0.5em 1em;
	text-align: left;
	border: none;
	font-size: 1em;
}

/*---<<<<<<　s1-link　>>>>>>---*/

#s1 .contents #s1-link ul {
	list-style-type: disc;
}
#s1 .contents #s1-link li {
	float: left;
	width: calc(50% - 2em);
	margin: 0 0 1em 2em;
}

@media print {
	body {
		width: 172mm; /* A4縦の幅 */
    	height: 251mm; /* A4縦の高さ */
	}
	.contents,
	#mainPhoto {
		top: 0!important;
		margin-bottom: 0!important;
		padding-top: 0!important;
	}
	nav {
		display: none!important;
	}
}