/*-------------------------------------------------------------------*/
/*-- Resets --*/
/*-------------------------------------------------------------------*/

* {
border:0;
margin:0;
outline:0;
padding:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
vertical-align:baseline;
list-style:none;
}
img {
	vertical-align:bottom;
	-ms-interpolation-mode: bicubic;
	width:100%;
	height:auto;
	display:block;
}
html {width:100%; height:100%;}

body {
line-height:1;
position:relative;
-webkit-text-size-adjust:100%;
-moz-text-size-adjust:100%;
-ms-text-size-adjust:100%;
-o-text-size-adjust:100%;
text-size-adjust:100%;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
width:100%;
height:100%;
font-family: helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif;
}

div, article, aside, dialog, figure, footer, header, main, menu, nav, section {display:block;}
audio, canvas, video {display:inline-block;}

br,
hr {display:block;}

ol,
ul {list-style:none;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}

input,
select {
	vertical-align:middle;
}

table {border-collapse:collapse; border-spacing:0; empty-cells:show;}

/*-------------------------------------------------------------------*/
/*-- iframe responsive --*/
/*-------------------------------------------------------------------*/

.iframe-content {
	position: relative;
	width: 100%;
	padding: 75% 0 0 0;
}
.iframe-content iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*-------------------------------------------------------------------*/
/*-- ClearFix --*/
/*-------------------------------------------------------------------*/

.cf:before,
.cf:after { content:""; display:table; }
.cf:after { clear:both; }
 .cf { zoom:1; overflow: hidden; }


/*-------------------------------------------------------------------*/
/*-- Margin styles --*/
/*-------------------------------------------------------------------*/

.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;}
.mb40 {	margin-bottom:40px!important;}
.mb45 {	margin-bottom:45px!important;}
.mb50 {	margin-bottom:50px!important;}
.mb55 {	margin-bottom:55px!important;}
.mb60 {	margin-bottom:60px!important;}
.mb65 {	margin-bottom:65px!important;}
.mb70 {	margin-bottom:70px!important;}
.mb75 {	margin-bottom:75px!important;}
.mb80 {	margin-bottom:80px!important;}
.mb85 {	margin-bottom:85px!important;}
.mb90 {	margin-bottom:90px!important;}
.mb95 {	margin-bottom:95px!important;}
.mb100 {margin-bottom:100px!important;}


/*-------------------------------------------------------------------*/
/*-- Padding styles --*/
/*-------------------------------------------------------------------*/

.pd05 { padding:0.5%; }
.pd1 { padding:1%; }
.pd2 { padding:2%; }
.pd3 { padding:3%; }
.pd4 { padding:4%; }
.pd5 { padding:5%; }
.pd6 { padding:6%; }
.pd7 { padding:7%; }
.pd8 { padding:8%; }
.pd9 { padding:9%; }
.pd10 { padding:10%; }


/*-------------------------------------------------------------------*/
/*-- Border Radius --*/
/*-------------------------------------------------------------------*/

.br3 {	border-radius: 3px;	-webkit-border-radius: 3px;	-moz-border-radius: 3px;	-o-border-radius: 3px;	-ms-border-radius: 3px; overflow:hidden; }
.br5 {	border-radius: 5px;	-webkit-border-radius: 5px;	-moz-border-radius: 5px;	-o-border-radius: 5px;	-ms-border-radius: 5px; overflow:hidden; }
.br10 {	border-radius: 10px;	-webkit-border-radius: 10px;	-moz-border-radius: 10px;	-o-border-radius: 10px;	-ms-border-radius: 10px; overflow:hidden; }
.br15 {	border-radius: 15px;	-webkit-border-radius: 15px;	-moz-border-radius: 15px;	-o-border-radius: 15px;	-ms-border-radius: 15px; overflow:hidden; }
.br20 {	border-radius: 20px;	-webkit-border-radius: 20px;	-moz-border-radius: 20px;	-o-border-radius: 20px;	-ms-border-radius: 20px; overflow:hidden; }


/*-------------------------------------------------------------------*/
/*-- border box --*/
/*-------------------------------------------------------------------*/

.bob50 { padding-bottom:50px; border-bottom:1px dotted #999; }
.bob70 { padding-bottom:70px; border-bottom:1px dotted #999; }

/*-- Font and colors --*/
/*-------------------------------------------------------------------*/

h2, h3, h4, h5, h6 {
	color:#222;
	line-height:1.4em;
}

body {
	color:#454545;
	line-height:1.8em;
}

.tc {
	text-align:center;
}

.en {
	font-family: 'Open Sans', sans-serif;
}

ul.list_ic {
	margin-left:1em;
}
ul.list_ic li {
	list-style-image:url(../img/list_ic.png);
	margin-left:1em;
}
ul.list_ul {
}
ul.list_ul li {
	line-height:2em;
	border-bottom:1px dotted #ccc;
}

	h2 {	 font-size:30px;	 font-weight:200;	 }
	h3 {	 font-size:20px;	 font-weight:200;	}
	h4 {	 font-size:14px;	 font-weight:200;	}
	h5 {	 font-size:14px;	 font-weight:200;	}
	h6 {	 font-size:14px;	 font-weight:200;	}
	p { font-size:12px; }
	ul.list_ic li { font-size:12px; }
	ul.list_ul li { font-size:12px; }
	.fs12_wb_ul99 { font-size:12px; font-weight:bold; border-bottom:1px dotted #999; }

.bg_m1 {
	width:auto;
	height:auto;
	display:block;
	background-color:#f6f6f6;
	padding:5px;
}

.pmb10 { margin-bottom:10px!important; }
.pmb0 { margin-bottom:0px!important; }

.ptel {
		font-size:24px!important;
		font-weight:400!important;
}

/*-- Box styles --*/
/*-------------------------------------------------------------------*/

.linebox_br5_b1grey {
	width:100%;
	height:auto;
	display:block;
	border:1px solid #d5d5d5;
}
.linebox_br5_b2grey {
	width:100%;
	height:auto;
	display:block;
	border:2px solid #d5d5d5;
}

.linebox_br5_b1navy {
	width:100%;
	height:auto;
	display:block;
	border:1px solid #393C7D;
}
.linebox_br5_b2navy {
	width:100%;
	height:auto;
	display:block;
	border:2px solid #393C7D;
}


/*-- Text botton --*/
/*-------------------------------------------------------------------*/



	a.txtbn_w100 {
	width:100%;
	height:40px;
	display:block;
	text-align:center;
	font-size:14px;
	font-weight:300;
	line-height:40px;
	color:#fff!important;
	text-decoration:none!important;
	background-color:#333;
	}
	a.txtbn_w100:hover {
	color:#fff!important;
	background-color:#222!important;
	}

	a.txtbn_w60 {
	width:60%;
	height:60px;
	display:block;
	text-align:center;
	font-size:14px;
	font-weight:300;
	line-height:40px;
	color:#fff!important;
	text-decoration:none!important;
	background-color:#333;
	}
	a.txtbn_w60:hover {
	color:#fff!important;
	background-color:#222!important;
	}


/*-------------------------------------------------------------------*/
/*-- Column styles --*/
/*-------------------------------------------------------------------*/

@media screen and (min-width: 1025px) {
.col2 { width:50%; height:auto;	display:block;	float:left;}
.col2a { width:50%; height:auto;	display:block; margin:0 auto;}
.col2b { width:50%; height:auto;	display:block;	float:left;}
.col3 { width:33.3333333333%;	height:auto;	display:block;	float:left;}
.col4 { width:25%;	height:auto;	display:block;	float:left;}
.col4a { width:25%;	height:auto;	display:block;	float:left;}
.col5 { width:20%;	height:auto;	display:block;	float:left;}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.col2 { width:50%; height:auto;	display:block;	float:left;}
.col2a { width:50%; height:auto;	display:block;  margin:0 auto;}
.col2b { width:100%; height:auto;	display:block;	margin:0 auto; margin-bottom:10px;}
.col3 { width:50%;	height:auto;	display:block;	float:left;}
.col4 { width:33.3333333333%;	height:auto;	display:block;	float:left;}
.col4a { width:25%;	height:auto;	display:block;	float:left;}
.col5 { width:25%;	height:auto;	display:block;	float:left;}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
.col2 { width:100%; height:auto;	display:block;	float:left; margin-bottom:10px;}
.col2a { width:100%; height:auto;	display:block;	margin:0 auto; margin-bottom:10px;}
.col2b { width:100%; height:auto;	display:block;	margin:0 auto; margin-bottom:10px;}
.col3 { width:100%;	height:auto;	display:block;	float:left;}
.col4 { width:50%;	height:auto;	display:block;	float:left;}
.col4a { width:50%;	height:auto;	display:block;	float:left;}
.col5 { width:50%;	height:auto;	display:block;	float:left;}
}
@media screen and (max-width: 480px) {
.col2 { width:100%; height:auto;	display:block;	float:left; margin-bottom:10px;}
.col2a { width:100%; height:auto;	display:block;	 margin:0 auto; margin-bottom:10px;}
.col2b { width:100%; height:auto;	display:block;	 margin:0 auto; margin-bottom:10px;}
.col3 { width:100%;	height:auto;	display:block;	float:left;}
.col4 { width:100%;	height:auto;	display:block;	float:left;}
.col4a { width:50%;	height:auto;	display:block;	float:left;}
.col5 { width:100%;	height:auto;	display:block;	float:left;}
}


/*-------------------------------------------------------------------*/
/*-- Layout styles --*/
/*-------------------------------------------------------------------*/

@media screen and (min-width: 1025px) {
.mbl20_pb2p { width:20%; height:auto; display:block; padding:0 2%; float:left; }
.mbl30_pb2p { width:30%; height:auto; display:block; padding:0 2%; float:left; }
.mbl40_pb2p { width:40%; height:auto; display:block; padding:0 2%; float:left; }
.mbl50_pb2p { width:50%; height:auto; display:block; padding:0 2%; float:left; }
.mbl60_pb2p { width:60%; height:auto; display:block; padding:0 2%; float:left; }
.mbl70_pb2p { width:70%; height:auto; display:block; padding:0 2%; float:left; }
.mbl80_pb2p { width:80%; height:auto; display:block; padding:0 2%; float:left; }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.mbl20_pb2p { width:30%; height:auto; display:block; padding:0 2%; float:left; }
.mbl30_pb2p { width:40%; height:auto; display:block; padding:0 2%; float:left; }
.mbl40_pb2p { width:100%; height:auto; display:block; padding:0 0 0 0; }
.mbl50_pb2p { width:50%; height:auto; display:block; padding:0 2%; float:left; }
.mbl60_pb2p { width:100%; height:auto; display:block; padding:0 0 20px 0; }
.mbl70_pb2p { width:60%; height:auto; display:block; padding:0 2%; float:left; }
.mbl80_pb2p { width:70%; height:auto; display:block; padding:0 2%; float:left; }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
.mbl20_pb2p { width:100%; height:auto; display:block; padding:0 2%; float:left; }
.mbl30_pb2p { width:100%; height:auto; display:block; padding:0 2%; float:left; }
.mbl40_pb2p { width:100%; height:auto; display:block; padding:0 2%; float:left; }
.mbl50_pb2p { width:100%; height:auto; display:block; padding:0 2%; float:left; }
.mbl60_pb2p { width:100%; height:auto; display:block; padding:0 0 20px 0; }
.mbl70_pb2p { width:100%; height:auto; display:block; padding:0 2%; float:left; }
.mbl80_pb2p { width:100%; height:auto; display:block; padding:0 2%; float:left; }
}
@media screen and (max-width: 480px) {
.mbl20_pb2p { width:100%; height:auto; display:block; padding:0 2%; float:left; }
.mbl30_pb2p { width:100%; height:auto; display:block; padding:0 2%; float:left; }
.mbl40_pb2p { width:100%; height:auto; display:block; padding:0 2%; float:left; }
.mbl50_pb2p { width:100%; height:auto; display:block; padding:0 2%; float:left; }
.mbl60_pb2p { width:100%; height:auto; display:block; padding:0 0 20px 0; }
.mbl70_pb2p { width:100%; height:auto; display:block; padding:0 2%; float:left; }
.mbl80_pb2p { width:100%; height:auto; display:block; padding:0 2%; float:left; }
}

/*-------------------------------------------------------------------*/
/*-- box styles --*/
/*-------------------------------------------------------------------*/

.w80 { width:80%; height:auto; margin-left:auto; margin-right:auto; display:block;}
.w70 { width:70%; height:auto; margin-left:auto; margin-right:auto; display:block;}
.w60 { width:60%; height:auto; margin-left:auto; margin-right:auto; display:block;}
.w50 { width:50%; height:auto; margin-left:auto; margin-right:auto; display:block;}
.w40 { width:40%; height:auto; margin-left:auto; margin-right:auto; display:block;}
.w30 { width:30%; height:auto; margin-left:auto; margin-right:auto; display:block;}
.w20 { width:20%; height:auto; margin-left:auto; margin-right:auto; display:block;}

/*-------------------------------------------------------------------*/
/*-- Table Settings --*/
/*-------------------------------------------------------------------*/

table th {
	font-size:12px;
	line-height:1.4em;
	font-weight:normal;
}
table td {
	font-size:12px;
	line-height:1.4em;
}
.table01 {
	width:100%;
	height:auto;
	border-collapse:collapse;
}
.table01 th {
	width:20%;
	height:auto;
	padding:10px;
	border-bottom:1px solid #999;
	vertical-align:middle;
	text-align:left!important;
}
.table01 td {
	width:80%;
	height:auto;
	padding:10px;
	border-bottom:1px dotted #ccc;
}

.table02 {
	width:100%;
	height:auto;
	border-collapse:collapse;
}
.table02 th {
	width:auto;
	height:auto;
	padding:10px;
	border:1px dotted #ccc;
	vertical-align:middle;
}
.table02 th.t2th1 {
	background-color:#f6f6f6;
}
.table02 th.t2th2 {
	color:#fff;
	background-color:#fafafa;
}
.table02 th.t2th3 {
	background-color: #FFFFFF;
}
.table02 td {
	width: auto;
	height: auto;
	padding: 10px;
	border: 1px dotted #ccc;
	vertical-align: middle;
	background-color: #fff;
}
.table02 th.t2_col3_th {
	width:80%!important;
}
.table02 td.t2_col3_td {
	width:10%!important;
}
.table02 th.t2_col4_th {
	width:40%!important;
}
.table02 td.t2_col4_td {
	width:10%!important;
}

/*-------------------------------------------------------------------*/
/*-- Form styles --*/
/*-------------------------------------------------------------------*/

input, select, textarea { background-color:#f8f8f8; border:1px solid #d5d5d5; font-size:12px; line-height:1.6em; padding:3px 5px; }
.fm20 { width:20%; height:auto;	}
.fm50 { width:50%; height:auto;	}
.fm100 { width:100%; height:auto;	 }

/*-------------------------------------------------------------------*/
/*-- Shadow styles --*/
/*-------------------------------------------------------------------*/
.boxsha_0_2_5_ccc {
	box-shadow:0px 2px 5px #ccc;
}
.boxsha_0_2_10_999 {
	box-shadow:0px 2px 5px #999;
}

/*-------------------------------------------------------------------*/
/*-- iframe styles --*/
/*-------------------------------------------------------------------*/
.iframe-content {
  position: relative;
  width: 100%;
  padding: 75% 0 0 0;
}
.iframe-content iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}