@charset "UTF-8";

/* CSS Document */

/*----------------------------------------------------
	☆General
----------------------------------------------------*/

.fwBold {font-weight:bold;}

.normal {font-weight: normal;}

.alCenter {text-align:center;}

.alLeft{text-align:left;}

.alRight{text-align:right;}

.vaTop {vertical-align:top;}

.vaMiddle {vertical-align:middle;}

.vaBottom {vertical-align:bottom;}

.fLeft { float:left; }
.fRight { float:right; }

.offHidden {overflow:hidden;}

.m0a {margin:0 auto;}

.opTr a {
	opacity: 1;
	transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
}

.opTr a:hover img {
	opacity: .8;
}

a.ovUnder{
	
}

a.ovUnder:hover{
	text-decoration: none;
	opacity: .8;
}

.displayB {display:block;}

.inLineBlock {display:inline-block;}


i {margin-right: 7px;}

.icon {
	margin-right:3px;
	vertical-align:middle;
	margin-top:-1px;
}

.spHide { display: block;}
.spDisp { display: none;}


.trans01 {
	-webkit-transition:0.3s ease-out;
	-moz-transition:0.3s ease-out;
	-o-transition:0.3s ease-out;
	transition:0.3s ease-out;
}

.redColor {
	color: #B93E3E;
}

.mtMain {
	margin-top: 140px;
}

.rightSp {
  float: left;
  width: 380px;
}

 @media only screen and (max-width: 768px) {
    .rightSp {
      float: none; 
      width: 340px;
   } 
   #link #partner .rightSp ul li {
     float: none; 
   }
   
}

/*----------------------------------------------------
	☆Fonts
----------------------------------------------------*/



/*----------------------------------------------------
	☆Size
----------------------------------------------------*/

.size10 { font-size:1.0rem!important; }
.size11 { font-size:1.1rem!important; }
.size12 { font-size:1.2rem!important; }
.size13 { font-size:1.3rem!important; }
.size14 { font-size:1.4rem!important; }
.size15 { font-size:1.5rem!important; }
.size16 { font-size:1.6rem!important; }
.size17 { font-size:1.7rem!important; }
.size18 { font-size:1.8rem!important; }
.size19 { font-size:1.9rem!important; }
.size20 { font-size:2.0rem!important; }
.size21 { font-size:2.1rem!important; }
.size22 { font-size:2.2rem!important; }
.size23 { font-size:2.3rem!important; }
.size24 { font-size:2.4rem!important; }




/*----------------------------------------------------
	☆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;}
.w50 {width:50%!important;}
.w55 {width:55%!important;}
.w60 {width:60%!important;}
.w65 {width:65%!important;}
.w70 {width:70%!important;}
.w75 {width:75%!important;}
.w80 {width:80%!important;}
.w85 {width:85%!important;}
.w90 {width:90%!important;}
.w95 {width:95%!important;}
.wFull {width:100%!important;}



/*----------------------------------------------------
	☆Margin
----------------------------------------------------*/

.mt30 {
	margin-top: 30px;
}
/*----------------------------------------------------
	☆basecompo
----------------------------------------------------*/

#contents section {
	clear: both;
	margin: 60px auto 120px;
}

#contents section.last {
	margin-bottom:0;
}

.aural span,
span.aural {
	display:none;
	visibility:hidden;
}

img.icon {
	margin-right:5px;
	vertical-align:middle;
}


/*----------------------------------------------------
	☆Title
----------------------------------------------------*/


/*----------------------------------------------------
	☆Btn
----------------------------------------------------*/
/*---
.bscBtn01 a {
	background-color:#448CBC;
	border:1px solid #448CBC;
	color:#FFF;
	display:inline-block;
	padding:20px 30px;
	line-height:140%;
	text-decoration:none;
}

.bscBtn01 a:hover {
	background-color:#FFF;
	color:#448CBC;
}
--*/


/*----BtRedLarge-----*/
 a.btRedLarge{
	font-size: 1.5em;
	font-size: 15px;
	height: 50px;
	line-height: 50px;
	width: 260px;
	border-radius: 5px;
	font-weight:bold;
	color: #fff;
	text-align:center;
	background:#BA3E3E;
	display:block;
	position:relative;
	margin: 40px auto 0;
}

 a.btRedLarge {
	-webkit-transition:0.3s ease-out;
	-moz-transition:0.3s ease-out;
	-o-transition:0.3s ease-out;
	transition:0.3s ease-out;
}

 a.btRedLarge {
	color: #fff;
}

 a.btRedLarge:hover{
	background:#222;
	color:#fff;
}

 a.btRedLarge:before {
  position: absolute;
  top: 0;
  right: 5%;
  content: '\f105';
  color: #fff;
	font-weight: normal;
  font-size: 2.0rem;
	font-size: 20px;
  font-family: fontAwesome;
}

/*----BtRedSmall-----*/
.btRedsmall{
	font-size: 1.5em;
	font-size: 15px;
	height: 50px;
	line-height: 50px;
	width: 90%;
	border-radius: 5px;
	font-weight:bold;
	color: #fff;
	text-align:center;
	background:#BA3E3E;
	display:block;
	position:relative;
	margin: 0 auto;
}

.btRedsmall {
	-webkit-transition:0.3s ease-out;
	-moz-transition:0.3s ease-out;
	-o-transition:0.3s ease-out;
	transition:0.3s ease-out;
}

 a.btRedsmall {
	color: #fff;
}

a.btRedsmall:hover{
	background:#222;
	color:#fff;
}

a.btRedsmall:before {
  position: absolute;
  top: 0;
  right: 5%;
  content: '\f105';
  color: #fff;
	font-weight: normal;
  font-size: 2.0rem;
	font-size: 20px;
  font-family: fontAwesome;
}

/*----BtBlackLarge-----*/
a.btBlackLarge{
	font-size: 1.6em;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	width: 100%;
	max-width: 300px;
	border-radius: 5px;
	font-weight:bold;
	color: #fff;
	text-align:center;
	background:#222;
	display:block;
	position:relative;
	margin: 40px auto 0;
}

a.btBlackLarge {
	-webkit-transition:0.3s ease-out;
	-moz-transition:0.3s ease-out;
	-o-transition:0.3s ease-out;
	transition:0.3s ease-out;
}

a.btBlackLarge {
	color: #fff;
}

a.btBlackLarge:hover{
	background:#BA3E3E;
	color:#fff;
}

a.btBlackLarge:before {
position: absolute;
top: 0;
right: 5%;
content: '\f105';
color: #fff;
font-weight: normal;
font-size: 2.0rem;
font-size: 20px;
font-family: fontAwesome;
}










/*--
.btBlackLarge:hover i:before{
	background:#f8e133;
	border-color:#000;
}
.btBlackLarge:hover i:after{
	background:#f8e133;
}
.btBlackLarge i{
	position:absolute;
	display:block;
}

.btBlackLarge i:before{
	background:#000;
	content:'';
	display:block;
	border:1px solid #f8e133;
	position:absolute;
	bottom:0;
	left:0;
	z-index:2;
}
.btBlackLarge i:after{
	background:#000;
	content:'';
	display:block;
	position:absolute;
	top:-1px;
	right:-1px;
	zindex:1;
}
-*/




/*----------------------------------------------------
	☆List
----------------------------------------------------*/

.indList,
.indListS {
	margin-bottom:15px;
}

.indList li,
.indListS li {
	line-height:170%;
	text-indent:-1em;
	padding-left:1em;
	margin-bottom:5px;
}

.indListS li {
	font-size: 1.1rem !important;
	line-height:130%;
}

.numList,
.numListS {
	margin-bottom:15px;
	padding-left:1.6em;
}

.numList li,
.numListS li {
	line-height:150%;
	list-style: decimal outside none;
	margin-bottom: 5px;
}

.numListS li {
	font-size: 1.1rem !important;
	line-height: 130%;
}

:first-child + html .numList {
    padding-left: 2em;
}
:first-child + html .numListS {
    padding-left: 2em;
}

#contents ul.iconList {
	margin-bottom:15px;
}

#contents ul.iconList li {
	line-height:140%;
	margin-bottom:5px;
	text-indent:-26px;
	padding-left:26px;
}

#contents ul.iconList li a {
	background:url(/lib/cmn_img/icon_newwin.gif) 4px 3px no-repeat;
	padding:0 0 3px 25px;
}

#contents ul.iconList li.blankIcon a { background:url(/lib/cmn_img/icon_newwin.gif) 6px 4px no-repeat;}
#contents ul.iconList li.pdfIcon a { background:url(/lib/cmn_img/icon_pdf.gif) 2px top no-repeat;}
#contents ul.iconList li.exlIcon a { background:url(/lib/cmn_img/icon_excel.gif) 4px top no-repeat;}
#contents ul.iconList li.wrdIcon a { background:url(/lib/cmn_img/icon_word.gif) 4px top no-repeat;}




/*----------------------------------------------------
	☆head
----------------------------------------------------*/

.imgHead {
	font-size:0;
	line-height:0;
}




/*----------------------------------------------------
	☆Table
----------------------------------------------------*/


#contents div.bscTbl01 table,
#contents table.bscTbl01 {
	border-collapse:collapse;
	border-left:1px solid #ECECEC;
	border-top:1px solid #ECECEC;
	width:100%;
}

#contents div.bscTbl01 table th,
#contents div.bscTbl01 table td,
#contents table.bscTbl01 th,
#contents table.bscTbl01 td {
	background-color:#FFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-right:1px solid #ECECEC;
	border-bottom:1px solid #ECECEC;
	line-height:1.4;
	padding:20px 20px 17px;
	text-align:left;
}

#contents div.bscTbl01 table th,
#contents table.bscTbl01 th {
	background-color:#F3F3F3;
}

#contents div.bscTbl01 table tr.head th,
#contents table.bscTbl01 tr.head th {
	background-color:#448CBC;
	color:#FFF;
}



/*----------------------------------------------------
	☆pager
----------------------------------------------------*/

#contents p.pager {
	padding-top:20px;
	text-align:center;
}

#contents p.pager a {
	border:1px solid #4A4F59;
	color:#4A4F59;
	display:inline-block;
	line-height:1;
	margin:0 2px;
	padding:10px 12px;
	text-decoration:none;
}

#contents p.pager a:hover,
#contents p.pager a.current {
	background-color:#4A4F59;
	border:1px solid #4A4F59;
	color:#FFF;
}




/*----------------------------------------------------
	☆form
----------------------------------------------------*/


p.subscribeBtn{
	text-align: center;
}

p.subscribeBtn input{
	background-color:#000;
	border:1px solid #000;
	color:#FFF;
	display:inline-block;
	padding:15px 100px 13px;
	line-height:140%;
	text-decoration:none;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	margin-top: 20px;
}

p.subscribeBtn input:hover{
	background-color:#FFF;
	color:#000;
}

p.subscribeBtn input.gray{
	background-color: #666;
	border:1px solid #666;
	color:#FFF;
}

p.subscribeBtn input.gray:hover{
	background-color:#ddd;
	color:#000;
}

input {
}

input.textFocus {
	color:#333;
}

input.wSS,
input.wS,
input.wM,
input.wL,
input.wLL {
	background-color:#FCFBF8;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:1px solid #CCC;
	font-size:1.3rem;
	line-height: 140%;
	padding:8px 10px;
}

input {
	vertical-align:middle;
}

.wSS { width: 85px;}
.wS { width: 170px;}
.wM { width: 270px;}
.wL { width: 470px;}
.wLL { width: 340px;}
.imeOn { ime-mode: active;}
.imeOff { ime-mode: disabled;}

textarea.txtarea {
	background-color:#FCFBF8;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:1px solid #CCC;
	height: 200px;
	padding:10px;
	width: 100%;
}

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;
}

select.slctarea{
	background-color:#FCFBF8;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:1px solid #CCC;
	margin-bottom: 10px;
	padding:8px;
}

input.inputErr,
textarea.inputErr {
	background-color:#FADFDE;
}

input:focus,
select:focus,
textarea:focus{
	background-color: #EEE;

}


#contents .req {
	background-color:#a40000;
	color:#FFF;
	font-size:1.1rem;
	margin-left:3px;
	padding:2px 5px;
	margin-right: 5px;
	vertical-align:middle;
}




/*----------------------------------------------------
	☆float
----------------------------------------------------*/

.fltImgL {
	float:left;
	margin:0 25px 20px 0;
}

.fltImgR {
	float:right;
	margin:0 0 20px 25px;
}


.fltL {
	float:left;
}

.fltR {
	float:right;
}

.w100 { width:100px;}
.w200 { width:200px;}
.w300 { width:300px;}
.w400 { width:400px;}
.w450 { width:450px;}
.w500 { width:500px;}
.w600 { width:600px;}



