@charset "utf-8"; 

/* layout
--------------------------------------------------------------------------- */
.flt_r{float:right!important;}
.flt_l{float:left!important;}
.flt_n{float:none!important;}

.txt_r{text-align:right!important;} 
.txt_c{text-align:center!important;} 
.txt_l{text-align:left!important;}


/* --- margin --- */
.mt0{margin-top:0!important;}
.mt5{margin-top:5px!important;}
.mt10{margin-top:10px!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;}
.mt60{margin-top:55px!important;}


.mr0{margin-right:0!important;}
.mr5{margin-right:5px!important;}
.mr10{margin-right:10px!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;}

.mb0{margin-bottom:0!important;}
.mb5{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!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;}

.ml0{margin-left:0!important;}
.ml5{margin-left:5px!important;}
.ml10{margin-left:10px!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;}

.m10{margin:10px!important;}
.m15{margin:15px!important;}
.m20{margin:20px!important;}
.m25{margin:25px!important;}
.m30{margin:30px!important;}
.m35{margin:35px!important;}


/* --- padding --- */
.pt0{padding-top:0!important;}
.pt5{padding-top:5px!important;}
.pt10{padding-top:10px!important;}
.pt15{padding-top:15px!important;}
.pt20{padding-top:20px!important;}

.pt0{padding-top:0!important;}
.pt5{padding-top:5px!important;}
.pt10{padding-top:10px!important;}
.pt15{padding-top:15px!important;}
.pt20{padding-top:20px!important;}

.pr0{padding-right:0!important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}

.pl0{padding-left:0!important;}
.pl5{padding-left:5px!important;}
.pl10{padding-left:10px!important;}
.pl15{padding-left:15px!important;}
.pl20{padding-left:20px!important;}

.pb0{padding-bottom:0!important;}
.pb5{padding-bottom:5px!important;}
.pb10{padding-bottom:10px!important;}
.pb15{padding-bottom:15px!important;}
.pb20{padding-bottom:20px!important;}


section{
	clear:both;
	margin:0 auto;
}

	section p{
		margin:10px 0 0;
		text-align:left;
	}


/* image
--------------------------------------------------------------------------- */
img{border:0;}

	img.image{border:solid 1px #CCC;}

.imgBox{
	margin:0 0 30px;
	overflow:hidden;
	clear:both;
}

.imgL{
	float:left;
	margin:0 10px 0 0;
}

.imgR{
	float:right;
	margin:0 0 0 10px;
}


/* table
--------------------------------------------------------------------------- */
.tableStyle01{
	margin:0 auto;
	border:1px solid #cccccc;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	width:700px;
}

	.tableStyle01 th{
		border:1px solid #cccccc;
		padding:8px 5px 8px 15px;
		background:#fff0f1;
		font-weight:normal;
		width:140px;
		vertical-align:middle;
		text-align:left;
	}

	.tableStyle01 td{
		border:1px solid #cccccc;
		padding:5px 5px 5px 15px;
		vertical-align:middle;
	}
	
	
/* list
--------------------------------------------------------------------------- */
.olList01{
	margin:10px 0 10px 0;
}

	.olList01 li{
		list-style:decimal;
		margin-bottom:3px;
		padding:0;
		text-align:left;
	}

.ulList01{
	margin:10px 0 10px 0;
}

	.ulList01 li{
		list-style:disc;
		margin:0 15px 3px;
		padding:0;
		text-align:left;
	}


/* text
--------------------------------------------------------------------------- */
/* --- size --- */
.txt10{font-size:10px!important;}
.txt12{font-size:12px!important;}
.txt13{font-size:13px!important;}
.txt14{font-size:14px!important;}
.txt15{font-size:15px!important;}
.txt16{font-size:16px!important;}


/* --- color --- */
.red{color:#F00;}
.col01{color:#996633;}


/* --- lineheight --- */
.lineh18{line-height:1.8;}
.lineh19{line-height:1.9;}
.lineh20{line-height:2;}


/* tabBox
--------------------------------------------------------------------------- */
.tabBox{
	margin:30px 0 0 0;
}

	.tabBox ul.tab{
		overflow:hidden;
		clear:both;
		border-bottom:#d7b800 3px solid;
	}
	
		.tabBox ul.tab li{
	float: left;
	cursor: pointer;
	background: #f0efe9;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	padding-left: 30px;
		}
		
		.tabBox ul.tab li:last-child{
			margin-right:0;
		}
			
		.tabBox ul.tab li.select{
		  background:#d7b800;
		  color:#fff;
		}
		
		.tabBox .disnon{
		  display: none;
		}
		
	.tabBox .tabCon{
		margin:20px 0 0 0;
	}

.pcnone{
	display: none;
}
.spnone{
	display: inline;
}


/* Button
--------------------------------------------------------------------------- */
.button_rh{
	text-align: center;
}
.button_rh a{
	display: inline-block;
	padding: 10px 30px;
	background: #d7b800;
}
.button_rh a:link,
.button_rh a:visited,
.button_rh a:active,
.button_rh a:hover{
	color: #fff;
	text-decoration: none;
}
.button_rh a:hover{
	filter:alpha(opacity=80);  
	-moz-opacity:0.8;  
	-khtml-opacity: 0.8;  
	opacity: 0.8;
}


@media only screen and (max-width: 767px) {
    .tabBox{
        margin:20px 0 0 0;
    }
    .tabBox ul.tab{
        overflow: auto;
        white-space: nowrap;
		display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch;
	}
	
    .tabBox ul.tab li{
        float: none;
        padding: 10px;
        margin: 0 2px 0 0;
    }

    .tabBox ul.tab li:last-child{
        margin-right:0;
    }

    .tabBox .tabCon{
        margin:10px 0 0 0;
    }
	.pcnone{
		display: inline;
	}
	.spnone{
		display: none;
	}
}