@charset "UTF-8";

/* margin bottom settings */
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.mb100 {margin-bottom:100px !important;}
.mb120 {margin-bottom:120px !important;}
.mb150 {margin-bottom:150px !important;}


/* breadcrumb */
/* パンくずリスト */
.crumb {
	font-size:13px;
	border-bottom:1px solid #c1c1c1;
	margin:0 0 60px;
	display:block;
}
.crumb li {
	float:left;
	padding:20px 30px;
	background:url(../images/pg_08.png) right center no-repeat;
}
.crumb li.f {
	padding-left:0;
}
.crumb li.l {
	background:none;
}
.crumb a {
	color:#004da0;
}
.crumb a:hover {
	text-decoration:underline;
}

@media print, screen and (max-width:420px){
.crumb {
	display:none;
/*	font-size:11px;
	border-bottom:1px solid #c1c1c1;
	margin:0 0 40px;*/
}
/*.crumb li {
	float:left;
	padding:20px 15px;
	background:url(../images/pg_08.png) right center no-repeat;
}*/
}



/****************************** titles *********************************/
/* basic patterns of title design */
/* 各種タイトル */
/********** h2 title **********/
h2#page_ttl {
	width:100%;
	height:260px;
	padding:0;
	margin:0;
	line-height:260px !important;
	text-align:center;
	font-size:2em;
	color:#FFF;
	font-weight:bold;
	background:#3d7bc1;	
}

@media print, screen and (min-width:1025px) and (max-width:1399px){
h2#page_ttl {
	width:100%;
	padding:0;
	margin:0;
	height:200px;
	line-height:200px !important;
	text-align:center;
	font-size:2em;
	color:#FFF;
	font-weight:bold;
	background:#3d7bc1;	
}
}


@media print, screen and (min-width:421px) and (max-width:1024px){
h2#page_ttl {
	width:100%;
	height:160px;
	margin:65px 0 0;
	padding:0;
	line-height:160px !important;
	text-align:center;
	font-size:1.8em;
	color:#FFF;
	font-weight:bold;
	background:#3d7bc1;	
}
}


@media print, screen and (max-width:420px){
h2#page_ttl {
	width:100%;
	height:130px;
	margin:65px 0 35px;
	padding:0;
	line-height:130px !important;
	text-align:center;
	font-size:1.4em;
	color:#FFF;
	font-weight:bold;
	background:#3d7bc1;	
}
}


h2.bg_h2_01 {
	background:url(../images/h2_01.jpg) no-repeat center center !important;
	background-size:cover !important;
}

h2.bg_h2_02 {
	background:url(../images/h2_02.jpg) no-repeat center center !important;
	background-size:cover !important;
}

h2.bg_h2_03 {
	background:url(../images/h2_03.jpg) no-repeat center center !important;
	background-size:cover !important;
}

h2.bg_h2_04 {
	background:url(../images/h2_04.jpg) no-repeat center center !important;
	background-size:cover !important;
}

h2.bg_h2_05 {
	background:url(../images/h2_05.jpg) no-repeat center center !important;
	background-size:cover !important;
}

h2.bg_h2_06 {
	background:url(../images/h2_06.jpg) no-repeat center center !important;
	background-size:cover !important;
}

h2.bg_h2_07 {
	background:url(../images/h2_07.jpg) no-repeat center center !important;
	background-size:cover !important;
}

h2.bg_h2_08 {
	background:url(../images/h2_08.jpg) no-repeat center center !important;
	background-size:contain;
}


h2.bg_h2_09 {
	background:url(../images/h2_09.jpg) no-repeat center center !important;
	background-size:cover !important;
}

h2.bg_h2_10 {
	background:url(../images/h2_10.jpg) no-repeat center center !important;
	background-size:cover !important;
}

/********** h3 title **********/
h3.ttl_h3 {
	font-size:1.6em;
	padding:20px 30px 30px;
	border-bottom:1px solid #348bcb;
	position: relative;
	margin:0 0 50px;
	color:#004da0;
	font-weight:bold;
}


h3.ttl_h3::before {
	content: "";
	width:3px;
	height:57px;
	position: absolute;
	top:5px;
	left:0;
	background:#ff0000;
}

@media print, screen and (max-width:1024px){
h3.ttl_h3 {
	font-size:1.5em;
	padding:10px 15px 10px;
	border-bottom:1px solid #348bcb;
	position: relative;
	margin:0 0 30px;
	color:#004da0;
	font-weight:bold;
}


h3.ttl_h3::before {
	content: "";
	width:3px;
	height:30px;
	position: absolute;
	top:5px;
	left:0;
	background:#ff0000;
}
}







/********** h4 title **********/
/* 01. navy background, white text and red line decoration*/
/* 紺色背景、白テキスト　赤いアクセント */
h4.ttl_h4 {
	font-size:1.5em;
	padding:25px 30px;
	position: relative;
	margin:0 0 35px;
	color:#FFF;
	font-weight:bold;
	background:#004da0;
}

h4.ttl_h4::before {
	content: "";
	width:18px;
	height:6px;
	position: absolute;
	top:50%;
	left:0;
	margin-top:-3px;
	background:#dd1010;
}

@media print, screen and (max-width:1024px){
h4.ttl_h4 {
	font-size:1.4em;
	padding:15px 20px;
	position: relative;
	margin:0 0 20px;
	color:#FFF;
	font-weight:bold;
	background:#004da0;
}

h4.ttl_h4::before {
	content: "";
	width:15px;
	height:6px;
	position: absolute;
	top:50%;
	left:0;
	margin-top:-3px;
	background:#dd1010;
}
}


/* 02. white background, gray border bottom and red line decoration*/
/* 紺色背景、灰色ライン、　赤いアクセント */
h4.ttl2_h4 {
	font-size:1.5em;
	padding:25px 30px;
	position: relative;
	margin:0 0 35px;
	color:#000;
	font-weight:bold;
	border-bottom:3px solid #CCC;
}

h4.ttl2_h4::before {
	content: "";
	width:18px;
	height:6px;
	position: absolute;
	top:50%;
	left:0;
	margin-top:-3px;
	background:#dd1010;
}

@media print, screen and (max-width:1024px){
h4.ttl2_h4 {
	font-size:1.4em;
	padding:15px 10px 15px 20px;
	position: relative;
	margin:0 0 20px;
	color:#000;
	font-weight:bold;
	border-bottom:3px solid #CCC;
}

h4.ttl2_h4::before {
	content: "";
	width:15px;
	height:6px;
	position: absolute;
	top:50%;
	left:0;
	margin-top:-3px;
	background:#dd1010;
}
}


/* 03. blue border bottom*/
/* 青ライン　文字中央寄せ */
h4.ttl3_h4 {
	font-size:1.5em;
	padding:15px;
	margin:0 0 35px;
	color:#333;
	text-align:center;
	font-weight:bold;
	border-bottom:2px solid #348bcb;
}

@media print, screen and (max-width:1024px){
h4.ttl3_h4 {
	font-size:1.4em;
	padding:15px;
	position: relative;
	margin:0 0 20px;
	color:#333;
	text-align:center;
	font-weight:bold;
	border-bottom:2px solid #348bcb;
}
}


/* 04. light blue background, blue border bottom*/
/*  水色背景、青ライン */
h4.ttl4_h4 {
	font-size:1.5em;
	padding:15px;
	margin:0 0 35px;
	color:#333;
	font-weight:bold;
	border-bottom:2px solid #348bcb;
	background:#e4ebf6;
}

@media print, screen and (max-width:1024px){
h4.ttl4_h4 {
	font-size:1.4em;
	padding:15px;
	position: relative;
	margin:0 0 20px;
	color:#333;
	font-weight:bold;
	border-bottom:2px solid #348bcb;
	background:#e4ebf6;
}
}


/* 05. blue border bottom*/
/* 灰色ライン、文字中央寄せ*/
h4.ttl5_h4 {
	display: inline-block;
	font-size:2em;
	padding:15px 5em;
	margin:0 auto 35px;
	color:#333;
	text-align:center;
	font-weight:bold;
	border-bottom:3px solid #e7e7e7;
}

@media print, screen and (min-width:421px) and (max-width:1024px){
h4.ttl5_h4 {
	display: inline-block;
	font-size:1.6em;
	padding:15px 3em;
	position: relative;
	margin:0 auto 20px;
	color:#333;
	text-align:center;
	font-weight:bold;
	border-bottom:3px solid #e7e7e7;
}
}

@media screen and (max-width:420px) {
h4.ttl5_h4 {
	display: inline-block;
	font-size:1.6em;
	padding:15px 1em;
	position: relative;
	margin:0 auto 20px;
	color:#333;
	text-align:center;
	font-weight:bold;
	border-bottom:3px solid #e7e7e7;
}
}


/* 06. blue border bottom, blue letters*/
/* 青ライン、青文字中央寄せ */
h4.ttl6_h4 {
	font-size:1.5em;
	padding:15px;
	margin:0 0 35px;
	color:#004da0;
	text-align:center;
	font-weight:bold;
	border-bottom:2px solid #348bcb;
}

@media print, screen and (max-width:1024px){
h4.ttl3_h4 {
	font-size:1.4em;
	padding:15px;
	position: relative;
	margin:0 0 20px;
	color:#004da0;
	text-align:center;
	font-weight:bold;
	border-bottom:2px solid #348bcb;
}
}


/* 07. blue border top, blue letters, yellow background*/
/* 黄色背景、灰色ライン、青文字 */
h4.ttl7_h4 {
	font-size:1.5em;
	padding:20px 15px;
	margin:0 0 35px;
	color:#004da0;
	font-weight:bold;
	border-top:2px solid #348bcb;
	background:#fff475;
	overflow:hidden;
}


h4.ttl7_h4 span {
	dipslay:block;
	font-size:0.8em;
	float:right;
	padding:2px 5px 2px 20px;
	color:#000;
	font-weight:normal;
	border-left:1px solid #000;
}


@media print, screen and (max-width:1024px){
h4.ttl7_h4 {
	font-size:1.4em;
	padding:20px 15px;
	position: relative;
	margin:0 0 20px;
	color:#004da0;
	font-weight:bold;
	border-top:2px solid #348bcb;
	background:#fff475;
	overflow:hidden;
}
}


/* 06. blue border bottom, blue letters*/
/* 青ライン、青文字 */
h4.ttl8_h4 {
	font-size:1.5em;
	padding:15px;
	margin:0 0 35px;
	color:#004da0;
	font-weight:bold;
	border-bottom:2px solid #348bcb;
}

@media print, screen and (max-width:1024px){
h4.ttl8_h4 {
	font-size:1.4em;
	padding:15px;
	position: relative;
	margin:0 0 20px;
	color:#004da0;
	font-weight:bold;
	border-bottom:2px solid #348bcb;
}
}










/********** h5 title **********/
/* 01 blue border bottom*/
/* 灰色ライン、　赤いアクセント */
h5.ttl_h5 {
	font-size:1.4em;
	padding:5px 25px 15px;
	border-bottom:1px solid #cccccc;
	position: relative;
	margin:0 0 30px;
	color:#000;
	font-weight:bold;
}


h5.ttl_h5::before {
	content: "";
	width:3px;
	height:29px;
	position: absolute;
	top:5px;
	left:0;
	background:#F00;
}

@media print, screen and (max-width:1024px){
h5.ttl_h5 {
	font-size:1.2em;
	padding:10px 15px 10px;
	border-bottom:1px solid #cccccc;
	position: relative;
	margin:0 0 20px;
	color:#000;
	font-weight:bold;
}


h5.ttl_h5::before {
	content: "";
	width:3px;
	height:30px;
	position: absolute;
	top:5px;
	left:0;
	background:#F00;
}
}


/* 02 blue border bottom*/
/* 灰色ライン、　赤いアクセント */
h5.ttl2_h5 {
	font-size:1.4em;
	padding:20px 25px 18px;
	border-bottom:2px solid #004da0;
	position: relative;
	margin:0 0 30px;
	color:#FFF;
	font-weight:bold;
	background:#348ccc;
}

@media print, screen and (max-width:1024px){
h5.ttl2_h5 {
	font-size:1.3em;
	padding:15px 15px 13px;
	border-bottom:1px solid #004da0;
	position: relative;
	margin:0 0 20px;
	font-weight:bold;
	color:#FFF;
	background:#348ccc;
}
}







/************************** content blocks ****************************/
/* コンテンツブロック */

/* 01 gray background block */
/* 01 全面灰色背景ブロック */
.content_box_gray {
	width: 100%;
	padding:2em;
	background:#f2f2f2;
}

/* 02 white block with gray border */
/* 02 灰色境界線つき白背景ブロック */
.content_box_gray_border {
	width: 100%;
	padding:2em;
	background:#FFF;
	border:5px solid #e7e7e7;
}

/* 03 gray background with gray border */
/* 03 灰色ボーダー付き灰色背景ブロック */
.content_box_border_gray {
	width: 100%;
	padding:2em;
	background:#f2f2f2;
	border:1px solid #cccccc;
}

@media print, screen and (max-width:768px){
.content_box_gray {
	width: 100%;
	padding:1em;
	background:#f2f2f2;
}
	
.content_box_gray_border {
	width: 100%;
	padding:1em;
	background:#FFF;
	border:5px solid #e7e7e7;
}
	
.content_box_border_gray {
	width: 100%;
	padding:1em;
	background:#f2f2f2;
	border:1px solid #cccccc;
}
}






/******************************** lists *********************************/
/* 各種リストデザイン */
/* 01 menu style */
.list01 {
	list-style:none;
	padding:10px 5px;
}

.list01 li {
	padding:8px 0 8px 20px;
	position: relative;
}

.list01 li::after{
  position: absolute;
  top:18px;
  margin-top: -5px;
  content: "";
  vertical-align: middle;
  left: 5px;
  box-sizing: border-box;
  width: 5px;
  height: 5px;
  border: 5px solid transparent;
  border-left: 5px solid #000;
}

/* 02. 3 menus in a row */
.list02 {
	width:100%;
	overflow:hidden;
}
.list02 li {
	display:inline-block;
	width:32%;
	padding:15px 15px 15px 30px;
	position: relative;
}
@media screen and (min-width:421px) and (max-width:768px) {
.list02 li {
	display:inline-block;
	width:49%;
	padding:15px 15px 15px 30px;
	position: relative;
}	
}
@media screen and (max-width:420px) {
.list02 li {
	display:inline-block;
	width:100%;
	padding:15px 15px 15px 30px;
	position: relative;
}	
}


.list02 li::before {
	content: "";
	display:block;
	width: 18px;
	height: 18px;
	background:#e7e7e7;
	position:absolute;
	left:0;
	top:50%;
	margin:-9px 0 0;
}

.list02 li::after {
  content: '';
  width: 4px;
  height: 4px;
  border: 0px;
  border-top: solid 2px #000;
  border-right: solid 2px #000;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 5px;
  margin-top: -3px;
}

/* 03 menu style with border-bottom and link */
.list03 {
	list-style:none;
	padding:10px 5px;
}

.list03 li {
	padding:20px 0 20px 20px;
	position: relative;
	border-bottom:2px solid #eaeaea;
}

.list03 li::after{
  position: absolute;
  top: 50%;
  margin-top: -5px;
  content: "";
  vertical-align: middle;
  left: 5px;
  box-sizing: border-box;
  width: 5px;
  height: 5px;
  border: 5px solid transparent;
  border-left: 5px solid #000;
}

.list03 li a {
	color:#004da0;
	text-decoration: none;
}

.list03 li a:hover {
	color:#004da0;
	text-decoration:underline;
}



/* 04 */
.list04 {
	width:100%;
	padding:40px 20px;
	background:#f7f7f7;
	overflow:hidden;
}

.list04 li {
	display:block;
	width:calc(100%/6);
	float:left;
	padding:12px 0 12px 20px;
	position:relative;
}

.list04 li::before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #4696d0;
  border-right: solid 2px #4696d0;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 5px;
  margin-top: -6px;
}

@media screen and (min-width:769px) and (max-width:1024px) {
.list04 li {
	display:block;
	width:calc(100%/4);
	float:left;
	padding:12px 0 12px 20px;
	position:relative;
}
}

@media screen and (min-width:421px) and (max-width:768px) {
.list04 li {
	display:block;
	width:calc(100%/3);
	float:left;
	padding:12px 0 12px 20px;
	position:relative;
}
}

@media screen and (max-width:420px) {
.list04 li {
	display:block;
	width:calc(100%/2);
	float:left;
	padding:12px 0 12px 20px;
	position:relative;
}
}








/******************************** FAQ *********************************/
/* FAQデザイン */
/* FAQ #1 */
dl.faq1 {
	border-bottom:1px solid #ccc;
	margin:0 0 30px;
	padding:0 40px;
}

dl.faq1 dt {
	font-size:1.3em;
	font-weight:bold;
	padding:10px 10px 30px 55px;
	position:relative;
}

dl.faq1 dt::before {
	display:block;
	content: "Q";
	width:40px;
	height: 40px;
	line-height:40px;
	text-align:center;
	color:#FFF;
	background:#004da0;
	position: absolute;
	top:0;
	left:0;
}


dl.faq1 dd {
	font-size:1.2em;
	padding:10px 10px 30px 55px;
	position:relative;
}

dl.faq1 dd::before {
	display:block;
	content: "A";
	font-size:1.2em;
	font-weight:bold;
	width:40px;
	height: 40px;
	line-height:40px;
	text-align:center;
	color:#FFF;
	background:#dd1010;
	position: absolute;
	top:0;
	left:0;
}


@media screen and (max-width:768px) {
dl.faq1 {
	border-bottom:1px solid #ccc;
	margin:0 0 30px;
	padding:0 15px;
}	
}


/* FAQ #2 */
dl.faq2 {
	border-bottom:1px solid #ccc;
	margin:0 0 30px;
	padding:0 40px;
}

dl.faq2 dt {
	font-size:1.3em;
	font-weight:bold;
	padding:10px 10px 10px 55px;
	position:relative;
	background:#004da0;
	color:#FFF;
	margin:0 0 20px;
}

dl.faq2 dt::before {
	display:block;
	content: "Q";
	width:40px;
	height: 40px;
	line-height:40px;
	text-align:center;
	color:#FFF;
	background:#004da0;
	position: absolute;
	top:0;
	left:0;
}


dl.faq2 dd {
	font-size:1.2em;
	padding:10px 10px 30px 55px;
	position:relative;
}

dl.faq2 dd::before {
	display:block;
	content: "A";
	font-size:1.2em;
	font-weight:bold;
	width:40px;
	height: 40px;
	line-height:40px;
	text-align:center;
	color:#FFF;
	background:#dd1010;
	position: absolute;
	top:0;
	left:0;
}

@media screen and (max-width:768px) {
dl.faq2 {
	border-bottom:1px solid #ccc;
	margin:0 0 30px;
	padding:0 15px;
}	
}


/* FAQ #3   -  faq2 without border-bottom */
dl.faq3 {
	margin:0;
	padding:0 40px;
}

dl.faq3 dt {
	font-size:1.2em;
	font-weight:bold;
	padding:10px 10px 10px 55px;
	position:relative;
	background:#004da0;
	color:#FFF;
	margin:0 0 30px;
}

dl.faq3 dt::before {
	display:block;
	content: "Q";
	width:40px;
	height: 40px;
	line-height:40px;
	text-align:center;
	color:#FFF;
	background:#004da0;
	position: absolute;
	top:0;
	left:0;
}


dl.faq3 dd {
	font-size:1em;
	padding:10px 10px 30px 55px;
	position:relative;
}

dl.faq3 dd::before {
	display:block;
	content: "A";
	font-size:1.2em;
	font-weight:bold;
	width:40px;
	height: 40px;
	line-height:40px;
	text-align:center;
	color:#FFF;
	background:#dd1010;
	position: absolute;
	top:0;
	left:0;
}





.news_re_bt{
	width:100%;
	margin:0;
	padding:0 0 20px 0;
	text-align:left;}


.news_re_bt{
	margin:0;
	padding:0 0 20px 0;
	overflow:hidden;}

.news_re_bt a{
	display:block;
	width:300px;
	padding:10px 20px;
	background:#023f8f;
	color:#FFF;
	text-decoration: none;
	text-align:center;
	font-size:16px;
	font-weight:normal;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	float:right;
}
.news_re_bt a:hover {
	background:#013272;
}




@media screen and (max-width:768px) {
dl.faq3 {
	margin:0;
	padding:0;
}	



.news_re_bt a{
	display:block;
	width:300px;
	padding:10px 20px;
	background:#023f8f;
	color:#FFF;
	text-decoration: none;
	text-align:center;
	font-size:16px;
	font-weight:normal;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	float:none;
	margin:0 auto;
}




}









/******************************** tables *********************************/
/* テーブルデザイン */

/* table design #1*/
.tbl_1 {
	border:none;
	border-collapse: collapse;
	width: 100%;
}

.tbl_1 th, .tbl_1 td {
	padding:2em;
	border-bottom:1px solid #cccccc;
	text-align:left;
	vertical-align: middle;
}

.tbl_1 th {
	padding:2em;
	background:#f2f2f2;
	color:#0e57a5;
}


@media print, screen and (max-width:768px){
.tbl_1 th, .tbl_1 td {
	padding:1em;
	border-bottom:1px solid #cccccc;
	text-align:left;
	vertical-align: middle;
}

.tbl_1 th {
	padding:1em;
	background:#f2f2f2;
	color:#0e57a5;
}
}


/* table design #2*/
.tbl_2 {
	border:none;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-collapse: collapse;
	width: 100%;
}

.tbl_2 th, .tbl_2 td {
	padding:2em;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	text-align:left;
	vertical-align: middle;
}

.tbl_2 th {
	padding:2em;
	background:#f2f2f2;
}

@media print, screen and (max-width:768px){
.tbl_2 th, .tbl_2 td {
	padding:1em;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	text-align:left;
	vertical-align: middle;
}

.tbl_2 th {
	padding:1em;
	background:#f2f2f2;
}
}


/* table design #3*/
/* mainly used for contact forms */
/* お問い合わせフォーム用テーブル */
.tbl_3 {
	border:none;
	border-collapse: collapse;
	width: 100%;
}

.tbl_3 tr {
	background:#f2f2f2;
}

.tbl_3 tr:nth-child(even) {
	background:#eaeaea;
}

.tbl_3 th, .tbl_3 td {
	padding:2em;
	border-bottom:2px solid #FFF;
	text-align:left;
}


.tbl_3 th {
	padding:2em;
	color:#0e57a5;
}


@media print, screen and (min-width:421px) and (max-width:768px){
.tbl_3 th, .tbl_3 td {
	display:block;
	padding:.8em;
	border-bottom:2px solid #FFF;
	text-align:left;
}


.tbl_3 th {
	padding:.8em;
	color:#0e57a5;
}
}


@media print, screen and (max-width:420px){
.tbl_3 th, .tbl_3 td {
	display:block;
	padding:.5em;
	border-bottom:2px solid #FFF;
	text-align:left;
}


.tbl_3 th {
	padding:.5em;
	color:#0e57a5;
}
}



/* table design #4*/
.tbl_4 {
	border:none;
	border-collapse: collapse;
	width: 100%;
}

.tbl_4 th, .tbl_4 td {
	padding:1em;
	border-bottom:1px solid #ccc;
	border-right:1px solid #fff;
	text-align:center;
	vertical-align: middle;
}

.tbl_4 th {
	padding:1em;
	background:#f2f2f2;
	font-weight:bold;
}

.tbl_4 th.cell_ttl {
	padding:1em;
	background:#ff9900;
	color:#FFF;
	font-weight:bold;
}

.tbl_4 th.cell_ttl2 {
	padding:1em;
	background:#eb6100;
	color:#FFF;
	font-weight:bold;
	font-size:1.1em;
}

.tbl_4 th.cell_total {
	padding:1em;
	background:#fff476;
	color:#ff9900;
	font-weight:bold;
}


@media print, screen and (max-width:768px){
.tbl_4 th, .tbl_4 td {
	padding:1em;
	border-bottom:1px solid #ccc;
	border-right:1px solid #fff;
	text-align:center;
	vertical-align: middle;
}

.tbl_4 th {
	padding:1em;
	background:#f2f2f2;
	font-weight:bold;
}

.tbl_4 th.cell_ttl {
	padding:1em;
	background:#ff9900;
	color:#FFF;
	font-weight:bold;
}
	
	
.tbl_4 th.cell_ttl2 {
	padding:1em;
	background:#eb6100;
	color:#FFF;
	font-weight:bold;
	font-size:1.1em;
}

.tbl_4 th.cell_total {
	padding:1em;
	background:#fff476;
	color:#ff9900;
	font-weight:bold;
}	
}



/* table design #5*/
.tbl_5 {
	border:none;
	border-collapse: collapse;
	width: 100%;
}

.tbl_5 th, .tbl_5 td {
	padding:2em;
	border-bottom:1px solid #cccccc;
	text-align:left;
	vertical-align: middle;
}

.tbl_5 th {
	padding:2em;
	color:#0e57a5;
	vertical-align: top;
}

@media print, screen and (max-width:768px){
.tbl_5 th, .tbl_5 td {
	padding:1em;
	border-bottom:1px solid #cccccc;
	text-align:left;
	vertical-align: middle;
}

.tbl_5 th {
	padding:1em;
	color:#0e57a5;
	vertical-align: middle;
}
}

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


/* table design #6*/
.tbl_6 {
	border:none;
	border-collapse: collapse;
	width: 100%;
}

.tbl_6 th, .tbl_6 td {
	padding:2em;
	border-bottom:1px solid #cccccc;
	text-align:left;
	vertical-align: middle;
}

.tbl_6 th {
	padding:2em;
	background:#d6e8f4;
	color:#0e57a5;
}

@media print, screen and (max-width:768px){
.tbl_6 th, .tbl_6 td {
	padding:1em;
	border-bottom:1px solid #cccccc;
	text-align:left;
	vertical-align: middle;
}

.tbl_6 th {
	padding:1em;
	background:#d6e8f4;
	color:#0e57a5;
}
}