@charset "utf-8";

/*
===== CONTENTS =====

	1: text
	2: list
	3: table
	4: div
	
====================
*/

/* 1: text
----------------------------------------------- */

.m0{margin-bottom:0px!important;}
.m5{margin-bottom:5px!important;}
.m10{margin-bottom:10px!important;}
.m15{margin-bottom:15px!important;}
.m20{margin-bottom:20px!important;}
.m25{margin-bottom:25px!important;}
.m30{margin-bottom:30px!important;}
.m35{margin-bottom:35px!important;}
.m40{margin-bottom:40px!important;}
.m45{margin-bottom:45px!important;}
.m50{margin-bottom:50px!important;}
.m55{margin-bottom:55px!important;}
.m60{margin-bottom:60px!important;}
.m65{margin-bottom:65px!important;}
.m70{margin-bottom:70px!important;}
.m75{margin-bottom:75px!important;}
.m80{margin-bottom:80px!important;}
.m85{margin-bottom:85px!important;}
.m90{margin-bottom:90px!important;}


.t-left{text-align:left!important;}
.t-right{text-align:right!important;}
.t-center{text-align:center!important;}

.big{font-size:117%;}
.big2{font-size:134%;}
.small{font-size:84%;}

.bold{font-weight:bold;}

.monospace{	font-family:"Hiragino Kaku Gothic Pro","ＭＳ ゴシック", "Osaka－等幅";}



.external{
	background:url(../img/parts/icon-external.png) right no-repeat;
	background-size:12px 11px;
	padding-right:15px;
}

.marker{
	background:#f2e5b3;
}

.pdf{
	background:url(../img/parts/icon-pdf.png) right no-repeat;
	padding-right:22px;
}



/*
===== link-button =====
*/


.link-button{
	text-align:center;
}

.link-button a,
.link-button .button{
	display: inline-block;
	color:#fff;
	background:#12a7e4;
	border-radius: 25px;
	padding:10px 50px;
	position:relative;

	box-shadow: 0px 4px 0px #0789bf;
	top:0;
	transition: all .1s;
	text-align:center;

}


@media screen and (max-width: 768px) {

.link-button a,
.link-button .button{
	padding-left:35px;
	padding-right:35px;
}

}


.link-button a:hover,
.link-button .button:hover,
.link-box a:hover .link-button .button{
	text-decoration:none;
	box-shadow: 0px 0px 0px #0789bf;
	top:4px;
}


/* type */

.link-button.type-square a,
.link-button.type-square .button{
	border-radius: 5px;
}

.link-button.fluid a,
.link-button.fluid .button{
	display:block;
}


.link-button.arrow a:before,
.link-button.arrow .button:before{
	background-image: url(../img/parts/link-button.png);
	width:32px;
	height:32px;
	background-size:100% 100%;
	content:"";
	position:absolute;
	right:10px;
	top:50%;
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.link-button .button-copy{
	border-bottom:1px solid #fff;
	display:inline-block;
	margin-bottom:5px;
}

.link-button .button-label{
	font-size:185%;
	line-height:1.4;
	font-weight:bold;
}

@media screen and (max-width: 768px) {

.link-button.arrow a:before,
.link-button.arrow .button:before{
	width:22px;
	height:22px;
}

.link-button .button-copy{
	font-size:90%;
}
.link-button .button-label{
	font-size:130%;
}


}


/* color  */

.link-button.color-white a,
.link-button.color-white .button{
	background:#fff;
	box-shadow: 0px 4px 0px #0783da;
	color:#12a7e4;

}
.link-button.color-red a,
.link-button.color-red .button{
	background-color:#e44e63;
	box-shadow: 0px 4px 0px #bb1d33;
}
.link-button.color-purple a,
.link-button.color-purple .button{
	background-color:#6e91d7;
	box-shadow: 0px 4px 0px #4e6eac;
}
.link-button.color-green a,
.link-button.color-green .button{
	background-color:#19a8a8;
	box-shadow: 0px 4px 0px #098a8a;
}

.link-button .color-gray,
.link-button .color-gray{
	background:#aaa;
	box-shadow: 0px 4px 0px #999;

}



/* 2: list
----------------------------------------------- */

.indent{text-indent:-1em; margin-left:1em;}
.indent2{text-indent:-1.2em; margin-left:1.2em;}

.indent-list li{text-indent:-1em; margin-left:1em;}
.indent-list2 li{text-indent:-1.2em; margin-left:1.2em;}

.list-m5 li{margin-bottom:5px;}
.list-m10 li{margin-bottom:10px;}
.list-m15 li{margin-bottom:15px;}


.dot-list li{
	position:relative;
	padding-left:1.4em;
}
.dot-list li .dot{
	position:absolute;
	left:0;
}



/* 3: table
----------------------------------------------- */

.nowrap{white-space:nowrap;}
.v-top{vertical-align:top!important;}
.v-middle{vertical-align: middle!important;}
.v-bottom{vertical-align: bottom!important;}

.width5{width:5%!important;}
.width10{width:10%!important;}
.width15{width:15%!important;}
.width20{width:20%!important;}
.width25{width:25%!important;}
.width30{width:30%!important;}
.width35{width:35%!important;}
.width40{width:40%!important;}
.width45{width:45%!important;}
.width50{width:50%!important;}
.width55{width:55%!important;}
.width60{width:60%!important;}
.width65{width:65%!important;}
.width70{width:70%!important;}
.width75{width:75%!important;}
.width80{width:80%!important;}
.width85{width:85%!important;}
.width90{width:90%!important;}
.width95{width:95%!important;}
.width100{width:100%!important;}


.th-center th{
	text-align:center;
}
.td-center td{
	text-align:center;
}
.th-middle th{
	vertical-align:middle;
}
.td-middle td{
	vertical-align:middle;
}


.th-bold th{font-weight:bold;}

.table-center{
	text-align:center;
}
.table-center table{
	margin-left: auto;
	margin-right: auto;
}



/* table-normal */

.table-normal th,
.table-normal td{
	padding-right:10px;
}



/* table */

.table{
	margin-bottom:5px;
	border-collapse:collapse;
}
.table th,
.table td{
	border-width:1px;
	border-color:#ccc;
	padding:5px 10px;
}
.table th{
	background:#ECE7DC;
}
.table td{
}

.table table{
	border:0;
}
.table table th,
.table table td{
	background:none;
	border:0;
	padding:0 5px 0 0 ;
}

/* 4: div
----------------------------------------------- */


/*
===== link-box =====
*/


.link-box > a{
	display:block;
	background:#fff;
	color:#333333;
	box-shadow: 1px 1px 4px  rgba(100,100,100,0.3);
	border-radius: 5px;
	position:relative;
}

.link-box > a:hover{
	text-decoration:none;

	box-shadow: 1px 1px 4px rgba(100,100,100,0.3),
	0px 0px 0px 4px #12a7e4 inset;

}




/*
===== float =====
*/
.clearfix:after{content: ""; display: block; clear: both;height: 0;}

.float-l{float:left; margin:0 15px 15px 0;}
.float-l2{float:left;}
.float-r{float:right; margin:0 0 15px 15px;}
.float-r2{float:right;}
.clear{clear:both; min-height:1px;}



.float-text{
	overflow: hidden;
	zoom: 1;
}