@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,200italic,300,300italic,400italic,600,600italic,700,700italic,900,900italic);

/*
font-family: 'Source Sans Pro', sans-serif;
*/

@charset "UTF-8";

/* CSS Document */


/*----------------------------------------------------
	☆indent
----------------------------------------------------*/


.center {
	text-align: center!important;
}

.left {
	text-align: left!important;
}

.right {
	text-align: right!important;
}

.top0 {
	margin-top: 0 !important;
}

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

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

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

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

.top25 {
	margin-top: 25px !important;
}

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

.top35 {
	margin-top: 35px !important;
}

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

.btm0 {
	margin-bottom: 0 !important;
}

.btm5,
.btm05 {
	margin-bottom: 5px !important;
}

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

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

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

.btm25 {
	margin-bottom: 25px !important;
}

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

.btm35 {
	margin-bottom: 35px !important;
}

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

.btm45 {
	margin-bottom: 45px !important;
}

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

.btm55 {
	margin-bottom: 55px !important;
}

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

.btm65 {
	margin-bottom: 65px !important;
}

.btm70 {
	margin-bottom: 70px !important;
}

.btm75 {
	margin-bottom: 75px !important;
}

.btm80 {
	margin-bottom: 80px !important;
}

.btm85 {
	margin-bottom: 85px !important;
}

.btm90 {
	margin-bottom: 90px !important;
}

.btm95 {
	margin-bottom: 90px !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;
}

.pT25 {
	padding-top: 25px!important;
}

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

.pT35 {
	padding-top: 35px!important;
}

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

.pT45 {
	padding-top: 45px!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;
}

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

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

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

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

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

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

.lm70 {
	margin-left: 70px !important;
}

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

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

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

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

.vAT {
	vertical-align: top!important;
}

.vAM {
	vertical-align: middle!important;
}

.vAB {
	vertical-align: bottom!important;
}

.red {
	color: #e20035;
}

.bold {
	font-weight: bold;
}

.normal {
	font-weight: normal;
}

.icon {
	margin-right: 3px;
	vertical-align: middle;
	margin-top: -1px;
}

.indent {
	text-indent: 1em;
}

.spHide {
	display: block;
}

.spDisp {
	display: none;
}

.hvBtn,
.hvBtns a {
	transition: 0.2s;
}

.hvBtn:hover,
.hvBtns a:hover {
	opacity: 0.7;
}

/*----------------------------------------------------
	☆Width
----------------------------------------------------*/




.w5 {
	width: 5%!important;
}

.w10 {
	width: 10%!important;
}

.w15 {
	width: 15%!important;
}

.w18 {
	width: 18%!important;
}

.w20 {
	width: 20%!important;
}

.w25 {
	width: 25%!important;
}

.w30 {
	width: 30%!important;
}

.w35 {
	width: 35%!important;
}

.w40 {
	width: 40%!important;
}

.w45 {
	width: 45%!important;
}

.w49 {
	width: 49%!important;
}

.w50 {
	width: 50%!important;
}

.w55 {
	width: 55%!important;
}

.w60 {
	width: 60%!important;
}

.w65 {
	width: 65%!important;
}

.w70 {
	width: 70%!important;
}

.w75 {
	width: 75%!important;
}

.w77 {
	width: 77%!important;
}

.w80 {
	width: 80%!important;
}

.w85 {
	width: 85%!important;
}

.w90 {
	width: 90%!important;
}

.w95 {
	width: 95%!important;
}

.wfull {
	width: 100%!important;
}

.w100 {
	width: 100px;
}

.w150 {
	width: 150px;
}

.w200 {
	width: 200px;
}

.w250 {
	width: 250px;
}

.w300 {
	width: 300px;
}

.w340 {
	width: 340px;
}

.w350 {
	width: 350px;
}

.w360 {
	width: 360px;
}

.w400 {
	width: 400px;
}

.w440 {
	width: 440px;
}

.w450 {
	width: 450px;
}

.w500 {
	width: 500px;
}

.w550 {
	width: 550px;
}

.w600 {
	width: 600px;
}

/*----------------------------------------------------
	☆fontsize
----------------------------------------------------*/


#contents .size10 {
	font-size: 10px!important;
	font-size: 1rem!important;
}

#contents .size11 {
	font-size: 11px!important;
	font-size: 1.1rem!important;
}

#contents .size12 {
	font-size: 12px!important;
	font-size: 1.2rem!important;
}

#contents .size13 {
	font-size: 13px!important;
	font-size: 1.3rem!important;
}

#contents .size14 {
	font-size: 14px!important;
	font-size: 1.4rem!important;
}

#contents .size15 {
	font-size: 15px!important;
	font-size: 1.5rem!important;
}

#contents .size16 {
	font-size: 16px!important;
	font-size: 1.6rem!important;
}

#contents .size17 {
	font-size: 17px!important;
	font-size: 1.7rem!important;
}

#contents .size18 {
	font-size: 18px!important;
	font-size: 1.8rem!important;
}

#contents .size19 {
	font-size: 19px!important;
	font-size: 1.9rem!important;
}

#contents .size20 {
	font-size: 20px!important;
	font-size: 2rem!important;
}

#contents .size21 {
	font-size: 21px!important;
	font-size: 2.1rem!important;
}

#contents .size22 {
	font-size: 22px!important;
	font-size: 2.2rem!important;
}

#contents .size23 {
	font-size: 23px!important;
	font-size: 2.3rem!important;
}

#contents .size24 {
	font-size: 24px!important;
	font-size: 2.4rem!important;
}




/*----------------------------------------------------
	☆basecompo
----------------------------------------------------*/

#contents section {
	clear: both;
	margin-bottom: 50px;
}

#contents section.last {
	margin-bottom: 0;
}

.aural span,
span.aural {
	display: none;
	visibility: hidden;
}

img.icon {
	margin-right: 5px;
	vertical-align: middle;
}

/*----------------------------------------------------
	☆flt
----------------------------------------------------*/


.fltL {
	float: left;
}

.fltR {
	float: right;
}

.fltImgL {
	float: left;
	margin: 0 15px 5px 0;
}

.fltImgR {
	float: left;
	margin: 0 0 5px 15px;
}

#contents div.basicFlt {
	clear: both;
	width: 690px;
}

#contents div.basicFlt div.fltDataL {
	float: left;
	line-height: 1.7;
	margin-right: 25px;
	padding-top: 5px;
	width: 430px;
}

#contents div.basicFlt p.fltImgR {
	float: right;
	width: 220px;
}

#contents div.basicFlt div.fltDataR {
	float: right;
	line-height: 1.7;
	padding-top: 5px;
	width: 430px;
}

#contents div.basicFlt p.fltImgL {
	float: left;
	margin-right: 25px;
	width: 220px;
}

#contents div.basicFlt div.bFL {
	float: left;
	padding-bottom: 10px;
	width: 330px;
}

#contents div.basicFlt div.bFR {
	float: right;
	padding-bottom: 10px;
	width: 330px;
}

#contents div.basicFlt ul.column3 {
	width: 690px;
}

#contents div.basicFlt ul.column3 li {
	float: left;
	margin-right: 10px;
	padding-bottom: 10px;
	width: 220px;
}

#contents div.basicFlt ul.column3 li.last {
	margin-right: 0;
}

/*----------------------------------------------------
	☆Box
----------------------------------------------------*/


#contents div.bscBox {
	border: 1px solid #CCC;
	padding: 25px 0;
	margin-bottom: 25px;
}

#contents div.bscBox div.inr {
	margin: 0 30px;
}

#contents div.bb01 {
	border: 1px dotted #666;
}

#contents div.bb02 {
	border: 5px solid #EEE;
}

#contents div.bb03 {
	border: 5px solid #EC6877;
}

#contents div.bb04 {
	background-color: #EFEFEF;
	border: 1px dotted #CCC;
}

/*----------------------------------------------------
	☆head
----------------------------------------------------*/

.imgHead {
	font-size: 0;
	line-height: 0;
}

#contents .head01 {
	background: url(../cmn_img/bg_head01.gif) left bottom no-repeat;
	font-size: 32px;
	font-size: 3.2rem;
	font-weight: normal;
	line-height: 1.4;
	letter-spacing: 0.04em;
	margin-bottom: 25px;
	padding-bottom: 20px;
}

#contents .head02 {
	background-color: #7B6141;
	border-bottom: 3px solid #B2A496;
	color: #FFF;
	font-size: 20px;
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.04em;
	margin-bottom: 20px;
	padding: 12px 14px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #69543a), color-stop(0.40, #7B6141));
	background: -webkit-linear-gradient(top, #7B6141 40%, #69543a 100%);
	background: -moz-linear-gradient(top, #7B6141 40%, #69543a 100%);
	background: -o-linear-gradient(top, #7B6141 40%, #69543a 100%);
	background: -ms-linear-gradient(top, #7B6141 40%, #69543a 100%);
	background: linear-gradient(to bottom, #7B6141 40%, #69543a 100%);
}

#contents .head02 span {
	border-left: 4px solid #FFF;
	display: block;
	padding: 2px 14px 0;
}

#contents .head03 {
	background: url(../cmn_img/bg_head03.gif) left bottom no-repeat;
	color: #333;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.04em;
	margin-bottom: 20px;
	padding: 12px 6px;
}

#contents .head03 span {
	border-left: 4px solid #BE8318;
	display: block;
	padding: 4px 0 0 12px;
}

#contents .head04 {
	background-color: #DED6C2;
	color: #56340B;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.4;
	letter-spacing: 0.04em;
	margin-bottom: 10px;
	padding: 8px 13px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #d3c6a7), color-stop(0.40, #DED6C2));
	background: -webkit-linear-gradient(top, #DED6C2 40%, #d3c6a7 100%);
	background: -moz-linear-gradient(top, #DED6C2 40%, #d3c6a7 100%);
	background: -o-linear-gradient(top, #DED6C2 40%, #d3c6a7 100%);
	background: -ms-linear-gradient(top, #DED6C2 40%, #d3c6a7 100%);
	background: linear-gradient(to bottom, #DED6C2 40%, #d3c6a7 100%);
}

#contents .head04 span:before {
	content: "\f0da";
	color: #BE8315;
	display: inline-block;
	font-family: "fontawesome";
	font-size: 10px;
	margin-right: 0.8em;
	vertical-align: middle;
}



/*----------------------------------------------------
	☆cmnMv
----------------------------------------------------*/

#contents .cmnMv {
	line-height: 0;
	margin-bottom: 20px;
}




/*----------------------------------------------------
	☆Btn
----------------------------------------------------*/

.cmnBtn {
	margin-bottom: 35px;
	text-align: center;
}

.cmnBtn a {
	background: #D8A44A;
	border: 1px solid #D8A44A;
	color: #FFF;
	display: inline-block;
	font-size: 14px;
	font-size: 1.4rem!important;
	margin: 0 auto;
	text-decoration: none!important;
	transition: 0.2s;
}

.cmnBtn a:hover {
	background: #000;
	color: #FFF;
}

.cmnBtn a span {
	border: 1px solid #FFF;
	display: inline-block;
	line-height: 1.4;
	min-width: 280px;
	padding: 13px 30px;
}

.cmnBtn.pattern02 a {
	background: #053d9b;
	border: 1px solid #053d9b;
}

.cmnBtn.pattern02 a:hover {
	background: #000;
	color: #FFF;
}



/*----------------------------------------------------
	☆List
----------------------------------------------------*/

#contents .indList {
	padding-left: 10px;
	margin-bottom: 35px;
}

#contents .indList li {
	line-height: 1.7;
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: 10px;
}

#contents .indList li a {
	text-decoration: none;
}

#contents .indList li a:hover {
	text-decoration: underline;
}

#contents .indListS {
	padding-left: 10px;
	margin-bottom: 35px;
}

#contents .indListS li {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	margin-bottom: 8px;
	text-indent: -1em;
	padding-left: 1em;
}

#contents .indListS li a {
	text-decoration: none;
}

#contents .indListS li a:hover {
	text-decoration: underline;
}

#contents .numList {
	padding-left: 25px;
	margin-bottom: 35px;
}

#contents .numList li {
	line-height: 1.7;
	list-style: decimal outside none;
	margin-bottom: 10px;
}

#contents .numList li a {
	text-decoration: none;
}

#contents .numList li a:hover {
	text-decoration: underline;
}

#contents .numListS {
	padding-left: 25px;
	margin-bottom: 35px;
}

#contents .numListS li {
	line-height: 1.7;
	list-style: decimal outside none;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	margin-bottom: 8px;
}

#contents .numListS li a {
	text-decoration: none;
}

#contents .numListS li a:hover {
	text-decoration: underline;
}

#contents ul.iconList {
	padding-left: 10px;
	margin-bottom: 35px;
}

#contents ul.iconList li {
	line-height: 1.7;
	margin-bottom: 10px;
}

#contents ul.iconList li a {
	padding: 0 0 3px 20px;
	text-decoration: underline;
	position: relative;
}

#contents ul.iconList li a:hover {
	text-decoration: none;
}

#contents ul.iconList li.blankIcon a:before {
	content: "\f08e";
	color: #333;
	display: inline-block;
	font-family: "fontawesome";
	position: absolute;
	left: 0;
	top: 1px;
}

#contents ul.iconList li.pdfIcon a:before {
	content: "\f1c1";
	color: #B6202E;
	display: inline-block;
	font-family: "fontawesome";
	position: absolute;
	left: 0;
	top: 0;
}

#contents ul.iconList li.exlIcon a:before {
	content: "\f1c2";
	color: #2947AA;
	display: inline-block;
	font-family: "fontawesome";
	position: absolute;
	left: 0;
	top: 0;
}

#contents ul.iconList li.wrdIcon a:before {
	content: "\f1c3";
	color: #376F17;
	display: inline-block;
	font-family: "fontawesome";
	position: absolute;
	left: 0;
	top: 0;
}

#contents ul.arrowList {
	padding-left: 10px;
	margin-bottom: 35px;
}

#contents ul.arrowList li {
	line-height: 1.7;
	margin-bottom: 13px;
	padding-left: 1.2em;
	vertical-align: top;
	position: relative;
}

#contents ul.arrowList li a {
	vertical-align: top;
}

#contents ul.arrowList.pattern01 li:before {
	content: "\f144";
	color: #BE8315;
	display: inline-block;
	font-family: "fontawesome";
	font-size: 12px;
	position: absolute;
	left: 0;
	top: 0;
}

#contents ul.arrowList.pattern02 li:before {
	content: "\f144";
	color: #053d9b;
	display: inline-block;
	font-family: "fontawesome";
	font-size: 12px;
	position: absolute;
	left: 0;
	top: 0;
}

#contents dl.arrowDl {
	padding-left: 10px;
	margin-bottom: 35px;
}

#contents dl.arrowDl dt {
	color: #7b6041;
	font-weight: 600;
	line-height: 1.7;
	margin-bottom: 3px;
	padding-left: 1.4em;
	vertical-align: top;
	position: relative;
}

#contents dl.arrowDl dt a {
	color: #7b6041;
}

#contents dl.arrowDl.pattern01 dt:before {
	background-color: #be8315;
	content: "\f0da";
	color: #FFF;
	display: inline-block;
	font-family: "fontawesome";
	font-size: 9px;
	font-weight: normal;
	line-height: 1.2;
	padding: 2px 5px 1px 6px;
	position: absolute;
	left: 0;
	top: 3px;
}

#contents dl.arrowDl dd {
	line-height: 1.7;
	margin-bottom: 25px;
	padding-left: 1.4em;
	vertical-align: top;
}

#contents dl.arrowDl.pattern02 dt {
	color: #000;
}

#contents dl.arrowDl.pattern02 dt a {
	color: #000;
}

#contents dl.arrowDl.pattern02 dt:before {
	background-color: #083E98;
	content: "\f0da";
	color: #FFF;
	display: inline-block;
	font-family: "fontawesome";
	font-size: 9px;
	font-weight: normal;
	line-height: 1.2;
	padding: 2px 5px 1px 6px;
	position: absolute;
	left: 0;
	top: 3px;
}



/*----------------------------------------------------
	☆Table
----------------------------------------------------*/

#contents .tbl01 table,
#contents table.tbl01 {
	border-collapse: collapse;
	border-left: 1px solid #CFCFCF;
	border-top: 1px solid #CFCFCF;
	width: 100%;
}

#contents div.tbl01,
#contents table.tbl01 {
	margin-bottom: 30px;
}

#contents .tbl01 table th,
#contents .tbl01 table td,
#contents table.tbl01 th,
#contents table.tbl01 td {
	border-bottom: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	line-height: 1.7;
	padding: 12px 10px;
}

#contents .tbl01 table th,
#contents table.tbl01 th {
	background-color: #EFE8D5;
	color: #55330B;
}

#contents .tbl01 table tr.head th,
#contents table.tbl01 tr.head th {
	background-color: #7B6141;
	color: #FFF;
}

#contents .tbl01 table thead th,
#contents table.tbl01 thead th {
	background-color: #7B6141;
	color: #FFF;
}

#contents .tbl02 table,
#contents table.tbl02 {
	border-collapse: collapse;
	border-left: 1px solid #CFCFCF;
	border-top: 1px solid #CFCFCF;
	width: 100%;
}

#contents div.tbl02,
#contents table.tbl02 {
	margin-bottom: 30px;
}

#contents .tbl02 table th,
#contents .tbl02 table td,
#contents table.tbl02 th,
#contents table.tbl02 td {
	border-bottom: 1px solid #CFCFCF;
	border-right: 1px solid #CFCFCF;
	line-height: 1.7;
	padding: 12px 10px;
}

#contents .tbl02 table th,
#contents table.tbl02 th {
	background-color: #F1F1F1;
}

#contents .tbl02 table tr.head th,
#contents table.tbl02 tr.head th {
	background-color: #083E98;
	color: #FFF;
}

#contents .tbl02 table thead th,
#contents table.tbl02 thead th {
	background-color: #083E98;
	color: #FFF;
}

#contents .gairaiTbl th,
#contents .gairaiTbl td {
	font-size: 12px;
	font-size: 1.2rem;
	padding: 8px 5px;
}






/*----------------------------------------------------
	☆Form
----------------------------------------------------*/

input {
}

input.textFocus {
	color: #333;
}

input.wSS,
input.wS,
input.wM,
input.wL,
input.wLL {
	background-color: #FFF;
	border: 1px solid #CCC;
	line-height: 140%;
	padding: 5px 5px;
}

input {
	vertical-align: middle;
}

.wSS {
	width: 70px;
}

.wS {
	width: 90px;
}

.wM {
	width: 200px;
}

.wL {
	width: 400px;
}

.wLL {
	width: 400px;
}

.imeOn {
	ime-mode: active;
}

.imeOff {
	ime-mode: disabled;
}

textarea.txtarea {
	background-color: #FFF;
	border: 1px solid #CCC;
	font-size: 14px;
	height: 160px;
	padding: 5px 5px;
	width: 400px;
}

option {
	font-size: 14px!important;
}

label {
	cursor: pointer;
}

label:hover {
	color: #999;
}

input[type="checkbox"],
input[type="radio"] {
	margin-right: 3px;
}

.formErr {
	color: #E54E52;
	font-weight: bold;
}

input.inputErr,
textarea.inputErr {
	background-color: #FADFDE;
}




/*----------------------------------------------------
	☆Box
----------------------------------------------------*/

.bscBox00 {
	border: 1px solid #D0D0D2;
	margin-bottom: 20px;
	padding: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}




/*----------------------------------------------------
	☆pager
----------------------------------------------------*/

#contents .pagination {
	padding-top: 50px;
	text-align: center;
}

#contents .pagination p {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1;
}

#contents .pagination a,
#contents .pagination span {
	border: 1px solid #CCC;
	border-radius: 3px;
	display: inline-block;
	margin: 0 1px;
	padding: 3px 5px 2px;
	text-decoration: none;
}

#contents .pagination a:hover {
	text-decoration: underline;
}

#contents .pagination span {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #DADADA), color-stop(0.00, #EDEDED));
	background: -webkit-linear-gradient(#EDEDED, #DADADA);
	background: -moz-linear-gradient(#EDEDED, #DADADA);
	background: -o-linear-gradient(#EDEDED, #DADADA);
	background: -ms-linear-gradient(#EDEDED, #DADADA);
	background: linear-gradient(#EDEDED, #DADADA);
}

#contents .pagination a.prev,
#contents .pagination a.next {
	border: none;
}




/*----------------------------------------------------
	☆anchorBox
----------------------------------------------------*/

#contents .anchorBox {
	background-color: #F2ECDB;
	border: 1px solid #B2A496;
	margin-bottom: 25px;
	padding: 15px 20px 15px;
}

#contents .anchorBox ul li {
	float: left;
	font-size: 12px;
	line-height: 1.4;
	font-size: 1.2rem;
	margin: 0 15px 0 0;
}

#contents .anchorBox ul li a {
	color: #333;
	display: inline-block;
	padding: 3px 0 5px;
	text-decoration: none;
}

#contents .anchorBox ul li a:hover {
	text-decoration: underline;
}

#contents .anchorBox ul li a:before {
	content: "\f0d7";
	color: #BE8315;
	display: inline-block;
	font-family: "fontawesome";
	font-size: 9px;
	margin-right: 0.8em;
}




/*----------------------------------------------------
	☆clmBox
----------------------------------------------------*/

#contents div.clm2Box ul li {
	float: left;
	margin-bottom: 30px;
	width: 47%;
}

#contents div.clm2Box ul li.even {
	float: right;
}

#contents div.clm3Box ul li {
	float: left;
	margin: 0 2% 30px 0;
	width: 31%;
}




/*----------------------------------------------------
	☆tab area
----------------------------------------------------*/

#contents div.tabArea {
	padding-top: 20px;
}

#contents div.tabArea div.tabMenu {
	background: url(../cmn_img/texture_bluefrag.gif) left bottom repeat-x;
	margin-bottom: 30px;
	padding-bottom: 5px;
}

#contents div.tabArea div.tabMenu ul {
	margin: 0 10px;
}

#contents div.tabArea div.tabMenu ul li {
	float: left;
	line-height: 1.4;
	margin-right: 0.3%;
	width: 33%;
}

#contents div.tabArea div.tabMenu ul li span {
	background-color: #FFF;
	border: 1px solid #083E98;
	border-bottom: none;
	display: block;
	padding: 10px;
}

#contents div.tabArea div.tabMenu ul li span:before {
	content: "\f0da";
	color: #083E98;
	display: inline-block;
	font-family: "fontawesome";
	font-size: 9px;
	margin-right: 0.8em;
	vertical-align: middle;
}

#contents div.tabArea div.tabMenu ul li span:hover,
#contents div.tabArea div.tabMenu ul li.current span {
	background-color: #083E98;
	color: #FFF;
}

#contents div.tabArea div.tabMenu ul li span:hover:before,
#contents div.tabArea div.tabMenu ul li.current span:before {
	color: #FFF;
}


/*----------------------------------------------------
	☆halfArea
----------------------------------------------------*/

#contents div.halfArea {
}

#contents .halfArea .halfBox {
	background-color: #EFEAD6;
	border: 1px solid #DEDDD8;
	margin-bottom: 25px;
	padding-bottom: 15px;
	float: left;
	width: 48%;
}

#contents .halfArea .halfBox.even {
	float: right;
}

#contents .halfArea h2 {
	background-color: #7B6141;
	color: #FFF;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: normal;
	line-height: 1.7;
	margin-bottom: 15px;
	padding: 10px 10px 8px;
}

#contents .halfArea h2 a {
	color: #FFF;
	text-decoration: none;
}

#contents .halfArea h2 a:hover {
	text-decoration: underline;
}

#contents .halfArea h2:before {
	content: "\f144";
	color: #FFF;
	display: inline-block;
	font-family: "fontawesome";
	font-size: 10px;
	margin-right: 0.8em;
	padding: 0 0 0 5px;
	vertical-align: middle;
}

#contents .halfArea ul {
	background-color: #FFF;
	margin: 0 15px;
	padding: 10px 5px;
}

#contents .halfArea ul li {
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.7;
}

#contents .halfArea ul li a {
	display: block;
	padding: 4px 10px;
}

#contents .halfArea ul li a:hover {
	text-decoration: none;
}

#contents .halfArea ul li a span {
	display: block;
}

#contents .halfArea ul li a span:before {
	content: "\f0da";
	color: #BE8315;
	display: inline-block;
	font-family: "fontawesome";
	font-size: 10px;
	margin-right: 0.8em;
	vertical-align: middle;
	position: relative;
	top: -1px;
}



/* color selector */

body.bgBlack a,
body.bgBlack a:link,
body.bgBlack a:hover,
body.bgBlack a:focus {
	color: #E5DCAE;
}

body.bgBlack #contents {
	color: #FFF;
}

body.bgBlack #breadChumbs p,
body.bgBlack #breadChumbs p a {
	color: #FFF;
}

body.bgBlack #lMenu div.categoryMenu {
	background-color: #000;
	border: 1px solid #DDDAD3;
}

body.bgBlack #lMenu div.categoryMenu h3,
body.bgBlack #lMenu div.categoryMenu h3 a {
	color: #FFF;
}

body.bgBlack #lMenu div.categoryMenu div.cmList ul li {
	background-color: #000;
}

body.bgBlack #lMenu div.categoryMenu div.cmList>ul>li {
	border-top: 1px solid #EEE;
}

body.bgBlack #lMenu div.categoryMenu div.cmList ul li a {
	color: #FFF;
}

body.bgBlack #lMenu div.categoryMenu div.cmList ul li a span:before {
	color: #FFF;
}

body.bgBlack #lMenu div.categoryMenu div.cmList ul li.sub>a span:after {
	color: #FFF;
}

body.bgBlack #lMenu div.categoryMenu div.cmList ul li a.current,
body.bgBlack #lMenu div.categoryMenu div.cmList ul li a:hover {
	background-color: #444;
}

body.bgBlack #lMenu div.categoryMenu div.cmList ul li a.current {
	color: #777;
}

body.bgBlack #lMenu div.categoryMenu div.cmList ul li.on > a {
	background-color: #444;
}

body.bgBlack #lMenu div.categoryMenu div.cmList ul li ul li a:hover,
body.bgBlack #lMenu div.categoryMenu div.cmList ul li.sub ul li a:hover {
	background-color: #777;
}

body.bgBlack #lMenu div.categoryMenu div.cmList ul li ul li a.current,
body.bgBlack #lMenu div.categoryMenu div.cmList ul li.sub ul li a.current {
	background-color: #777;
	color: #FFF;
}

body.bgBlack #contents p,
body.bgBlack #contents li,
body.bgBlack #contents dt,
body.bgBlack #contents dd {
	color: #FFF;
}

body.bgBlack #contents th,
body.bgBlack #contents th p,
body.bgBlack #contents th span,
body.bgBlack #contents td,
body.bgBlack #contents td p,
body.bgBlack #contents td span {
	color: #FFF!important;
}

body.bgBlack #contents .head01 {
	color: #FFF;
}

body.bgBlack #contents .head02 {
	background: #333;
	border-bottom: 3px solid #666;
	color: #fff;
}

body.bgBlack #contents .head03 {
	color: #FFF;
}

body.bgBlack #contents .head03 span {
	border-left: 4px solid #FFF;
}

body.bgBlack #contents .head04 {
	background: #777;
	color: #FFF;
}

body.bgBlack #contents .head04 span::before {
	color: #FFF;
}

body.bgBlack #contents .tbl01 table td,
body.bgBlack #contents table.tbl01 td {
	color: #FFF;
}

body.bgBlack #contents .tbl01 table th,
body.bgBlack #contents table.tbl01 th {
	background-color: #333;
	color: #FFF;
}

body.bgBlack #contents .tbl01 table tr.head th,
body.bgBlack #contents table.tbl01 tr.head th {
	background-color: #777;
	color: #FFF;
}

body.bgBlack #contents .tbl01 table thead th,
body.bgBlack #contents table.tbl01 thead th {
	background-color: #777;
	color: #FFF;
}

body.bgBlack #contents .tbl02 table th,
body.bgBlack #contents table.tbl02 th {
	background-color: #363654;
}

body.bgBlack #contents .tbl02 table thead th,
body.bgBlack #contents table.tbl02 thead th {
	background-color: #211E55;
	color: #FFF;
}

body.bgBlack #contents div.bb04 {
	background-color: #777;
}

body.bgBlack #contents ul.iconList li.blankIcon a::before {
	color: #FFF;
}

body.bgBlack #contents dl.arrowDl.pattern02 dt {
	color: #FFF;
}

body.bgBlack #contents .halfArea .halfBox {
	background-color: transparent;
}

body.bgBlack #contents .halfArea ul {
	background-color: transparent;
}

body.bgBlack #contents .anchorBox {
	background-color: #333;
}

body.bgBlack #contents .anchorBox ul li a {
	color: #FFF;
}

#contents div.tabArea div.tabMenu ul li span {
	color: #333;
}
