@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700);
/*------ template stylization ------*/
body {
  background: #000000;
  font: 14px Arial, "Helvetica Neue", Helvetica, sans-serif;
  line-height: 20px;
  color: #ffffff;
  /*min-width: 1320px;*/
}
@media screen and (max-width:768px){
	body {
  		background: #000000;
  		font: 14px Arial, "Helvetica Neue", Helvetica, sans-serif;
  		line-height: 20px;
  		color: #ffffff;
		width:100%;
	}
}
#webSiteLoader {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #272626;
  z-index: 1023;
}
#webSiteLoader > span {
  position: absolute;
  left: 50%;
  top: 50%;
}
#pageLoader {
  position: fixed;
  width: 10px;
  height: 10px;
  top: 50%;
  left: 50%;
  margin: -5px 0 0 -5px;
  z-index: 1000;
  display: none;
}
#pageLoader > div {
  background: url(../img/page_loader.gif) 0 0 no-repeat;
  width: 50px;
  height: 50px;
}
._marginNull {
  margin: 0 !important;
}
._marginNull_1 {　　/* 　追加 */
  margin: 0 !important;
  padding: 2px;
  background: url(../img/divider2.png) 0 100% repeat-x;
  padding-bottom: 20px;
}

@media screen and (max-width:768px){
	._marginNull {
		width:480px;
	}
	._marginNull_1 {
		width:480px;
  		padding-bottom: 40px;
  		margin-bottom: 37px;
  		background: url(../img/divider2.png) 0 100% repeat-x;
	}
}

._marginNull_2 {　　/* 　追加 */
  margin: 0 !important;
  padding: 2px;
}


@media screen and (max-width:668px){
	._marginNull {
		width:420px;
	}
	._marginNull_1 {
		width:420px;
  		padding-bottom: 40px;
  		margin-bottom: 37px;
  		background: url(../img/divider2.png) repeat-x;
		background-position:100% 100%;
	}
	
	._marginNull_2 {
		width:200px;
  		background: none;
	}

}
@media screen and (max-width:640px){
	._marginNull {
		width:400px;
	}
	._marginNull_1 {
		width:400px;
  		padding-bottom: 40px;
  		margin-bottom: 37px;
  		background: url(../img/divider2.png) repeat-x;
		background-position:100% 100%;
	}
	
	._marginNull_2 {
		width:200px;
  		background: none;
	}

}

@media screen and (max-width:375px){
	._marginNull {
		width:190px;
	}
	._marginNull_1 {
		width:190px;
  		padding-bottom: 40px;
  		margin-bottom: 37px;
  		background: url(../img/divider2.png) repeat-x;
		background-position:100% 100%;
	}
	
	._marginNull_2 {
		width:200px;
  		background: none;
	}

}



._paddingNull {
  padding: 0 !important;
}



._borderNull {
  border: none !important;
}
._backgroundNull {
  background: none !important;
}
._relative {
  position: relative;
}
._absolute {
  position: absolute;
}
._left {
  float: left;
}
._right {
  float: right;
}
.wrap {
  overflow: hidden;
  margin: 0;
}
._txtLeft {
  text-align: left;
}
._txtRight {
  text-align: right;
}
._txtCenter {
  text-align: center;
}
._fullWidth {
  width: 100%;
}




/*------------- HEADER ---------------------------------------------------------- */
header {
  width: 100%;
  position: relative;
  z-index: 5;
}
h1 {
  max-width: 156px;
  width: 100%;
  margin: 0;
  display: inline-block;
  margin: 30px 22px 0;
  z-index: 10;
  position: relative;
}

@media screen and (max-width:768px){
	header {
  		width: 100%;
  		position: relative;
  		z-index: 5;
	}
	h1 {
  		max-width: 156px;
  		width: 100%;
  		margin: 0;
  		display: inline-block;
  		margin: 55px 0 0;
  		z-index: 10;
  		position: relative;
	}
}
@media screen and (max-width:667px){
	header {
  		width: 100%;
  		position: relative;
  		z-index: 5;
	}
	h1 {
  		max-width: 156px;
  		width: 100%;
  		margin: 0;
  		display: inline-block;
  		margin: 20px 0 0;
  		z-index: 10;
  		position: relative;
	}
}

h1 > a {
  display: inline-block;
  width: 100%;
  position: relative;
  z-index: 1;
}
#search {
  margin: 0;
  display: inline-block;
  width: 100%;
}
#search input {
  border: none;
  outline: none;
  box-shadow: none;
  border-radius: 0;
  width: 450px;
  padding: 4px 10px;
  background: none;
  border: 1px solid #494649;
  font: 12px/18px Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #7c7c7c;
}
#search a {
  float: right;
  margin-top: 1px;
}
#search #advancedSearch:hover {
  color: #005580;
}
/*---------------- header end ------------------------------------------------*/
/*---------------- MENU ------------------------------------------------------*/
.select-menu {
  display: none;
  width: 100%;
}
header .navbar {
  margin: 0;
  position: relative;
  margin-top: 50px;
  display: inline-block;
  width: 100%;
}
header .navbar > .navbar-inner {
  padding: 0;
  border-radius: 0;
  margin: 0;
  background: none;
  border: none;
  filter: none;
  box-shadow: none;
}

@media screen and (max-width:768px){
	header .navbar {
  		margin: 0;
  		position: relative;
  		margin-top: 80px;
  		display: inline-block;
  		width: 100%;
	}
	header .navbar > .navbar-inner {
  		padding: 0;
  		border-radius: 0;
  		margin: 0;
  		background: none;
  		border: none;
  		filter: none;
  		box-shadow: none;
	}
}

@media screen and (max-width:738px){
	header .navbar {
  		margin: 0;
  		position: relative;
  		margin-top: 20px;
  		display: inline-block;
  		width: 100%;
	}
	header .navbar > .navbar-inner {
  		padding: 0;
  		border-radius: 0;
  		margin: 0;
  		background: none;
  		border: none;
  		filter: none;
  		box-shadow: none;
	}
}

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

	header .navbar {
  		margin: 0;
  		position: relative;
  		margin-top: 20px;
  		display: inline-block;
  		width: 100%;
	}
	header .navbar > .navbar-inner {
  		padding: 0;
  		border-radius: 0;
  		margin: 0;
  		background: none;
  		border: none;
  		filter: none;
  		box-shadow: none;
	}
}




.sf-menu {
  float: left;
  width: 100%;
  list-style: none;
  padding: 0;
  display: inline-block;
  margin: 0;
  padding-bottom: 2px;
  background: url(../img/divider1.png) 0 100% repeat-x;
}
.sf-menu > li {
  height: 47px;
  position: relative;
  display: block;
  background: url(../img/divider1.png) 0 0 repeat-x;
}
.sf-menu > li > a {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 45px;
  overflow: hidden;
  margin-top: 2px;
}
.sf-menu > li > a:hover {
  text-decoration: none;
}
.sf-menu > li > a .base_text {
  color: #ffffff;
  font: 400 15px/19px 'PT Sans Narrow', Arial, "Helvetica Neue", Helvetica, sans-serif;
  /* font: 400 18px/22px 'PT Sans Narrow', Arial, "Helvetica Neue", Helvetica, sans-serif; */
  text-decoration: none;
  position: relative;
  text-align: center;
  display: block;
  text-transform: uppercase;
  padding: 12px 0;
  z-index: 1;
}
.sf-menu > li > a .over_text {
  color: #ffffff;
  font: 400 15px/19px 'PT Sans Narrow', Arial, "Helvetica Neue", Helvetica, sans-serif;
  /* font: 400 18px/22px 'PT Sans Narrow', Arial, "Helvetica Neue", Helvetica, sans-serif; */
  text-decoration: none;
  position: absolute;
  text-align: center;
  display: block;
  text-transform: uppercase;
  padding: 12px 0;
  top: 0px;
  width: 100%;
  left: 0;
  z-index: 1;
}
.sf-menu > li > a ._area {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 3;
  left: 0;
  display: block;
  background: url(../img/pixel.png);
}
.sf-menu > li > a ._over {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 1;
  left: 0;
  display: block;
  background: url(../img/bg2.png);
}
.sf-menu ul {
  position: absolute;
  list-style: none;
  margin: 0;
  left: 198px;
  top: -8px;
  z-index: 10;
  background: #474747;
  width: 155px;
}
.sf-menu ul .first {
  margin-top: 26px;
}
.sf-menu ul .last {
  margin-bottom: 30px;
}
.sf-menu ul:before {
  position: absolute;
  width: 15px;
  height: 17px;
  display: inline-block;
  left: -15px;
  top: 25px;
  background: url(../img/extra_item1.png) 0 0 no-repeat;
  content: " ";
}
.sf-menu ul > li {
  display: block;
  margin-bottom: 10px;
  text-align: center;
}
.sf-menu ul a {
  color: #ffffff;
  font: 400 14px/20px 'PT Sans Narrow', Arial, "Helvetica Neue", Helvetica, sans-serif;
  text-decoration: none;
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  text-align: center;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.sf-menu ul a:hover {
  color: #0068b6;　/*79b007→　0068b6*/
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.sf-menu ul .hoverItem {
  color: #0068b6 !important;　/*79b007→　0068b6*/
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.sf-menu .sub2 {
  top: 48px;
  left: 162px;
  background: #2d3030;
}
.sf-menu .sub2 a {
  color: #bbbcbc;
}
.sf-menu .sub2:before {
  background: none;
}
@media screen and (max-width:738px){
	.sf-menu {
  		float: left;
  		width: 100%;
  		list-style: none;
  		padding: 0;
  		display: inline-block;
  		margin: 0;
  		padding-bottom: 2px;
  		background: url(../img/divider1.png) 0 100% repeat-x;
	}
	.sf-menu > li {
  		height: 25px;
  		position: relative;
  		display: block;
  		background: url(../img/divider1.png) 0 0 repeat-x;
	}
	.sf-menu > li > a {
  		position: relative;
  		display: inline-block;
  		width: 100%;
  		height: 23px;
  		overflow: hidden;
  		margin-top: 2px;
	}
	.sf-menu > li > a:hover {
  		text-decoration: none;
	}
	.sf-menu > li > a .base_text {
  		color: #ffffff;
  		font: 400 12px/16px 'PT Sans Narrow', Arial, "Helvetica Neue", Helvetica, sans-serif;
  		text-decoration: none;
  		position: relative;
  		text-align: center;
  		display: block;
  		text-transform: uppercase;
  		padding: 5px 0;
  		z-index: 1;
	}
	.sf-menu > li > a .over_text {
  		color: #ffffff;
  		font: 400 12px/16px 'PT Sans Narrow', Arial, "Helvetica Neue", Helvetica, sans-serif;
  		text-decoration: none;
  		position: absolute;
  		text-align: center;
  		display: block;
  		text-transform: uppercase;
  		padding: 5px 0;
  		top: 0px;
  		width: 100%;
  		left: 0;
  		z-index: 1;
	}
}


@media screen and (max-width:640px){
	.sf-menu {
  		float: left;
  		width: 100%;
  		list-style: none;
  		padding: 0;
  		display: inline-block;
  		margin: 0;
  		padding-bottom: 2px;
  		background: url(../img/divider1.png) 0 100% repeat-x;
	}
	.sf-menu > li {
  		height: 27px;
  		position: relative;
  		display: block;
  		background: url(../img/divider1.png) 0 0 repeat-x;
	}
	.sf-menu > li > a {
  		position: relative;
  		display: inline-block;
  		width: 100%;
  		height: 25px;
  		overflow: hidden;
  		margin-top: 2px;
	}
	.sf-menu > li > a:hover {
  		text-decoration: none;
	}
	.sf-menu > li > a .base_text {
  		color: #ffffff;
  		font: 400 12px/16px 'PT Sans Narrow', Arial, "Helvetica Neue", Helvetica, sans-serif;
  		text-decoration: none;
  		position: relative;
  		text-align: center;
  		display: block;
  		text-transform: uppercase;
  		padding: 5px 0;
  		z-index: 1;
	}
	.sf-menu > li > a .over_text {
  		color: #ffffff;
  		font: 400 12px/16px 'PT Sans Narrow', Arial, "Helvetica Neue", Helvetica, sans-serif;
  		text-decoration: none;
  		position: absolute;
  		text-align: center;
  		display: block;
  		text-transform: uppercase;
  		padding: 5px 0;
  		top: 0px;
  		width: 100%;
  		left: 0;
  		z-index: 1;
	}
}


@media screen and (max-width:667px){
	.sf-menu {
  		float: left;
  		width: 100%;
  		list-style: none;
  		padding: 0;
  		display: inline-block;
  		margin: 0;
  		padding-bottom: 2px;
  		background: url(../img/divider1.png) 0 100% repeat-x;
	}
	.sf-menu > li {
  		height: 25px;
  		position: relative;
  		display: block;
  		background: url(../img/divider1.png) 0 0 repeat-x;
	}
	.sf-menu > li > a {
  		position: relative;
  		display: inline-block;
  		width: 100%;
  		height: 23px;
  		overflow: hidden;
  		margin-top: 2px;
	}
	.sf-menu > li > a:hover {
  		text-decoration: none;
	}
	.sf-menu > li > a .base_text {
  		color: #ffffff;
  		font: 400 12px/16px 'PT Sans Narrow', Arial, "Helvetica Neue", Helvetica, sans-serif;
  		text-decoration: none;
  		position: relative;
  		text-align: center;
  		display: block;
  		text-transform: uppercase;
  		padding: 5px 0;
  		z-index: 1;
	}
	.sf-menu > li > a .over_text {
  		color: #ffffff;
  		font: 400 12px/16px 'PT Sans Narrow', Arial, "Helvetica Neue", Helvetica, sans-serif;
  		text-decoration: none;
  		position: absolute;
  		text-align: center;
  		display: block;
  		text-transform: uppercase;
  		padding: 5px 0;
  		top: 0px;
  		width: 100%;
  		left: 0;
  		z-index: 1;
	}
}

/*-------------   menu end  --------------*/
/*----------------- CONTENT BASE --------------------------------------------------- */
#wrapper section {
  position: relative;
  width: 100%;
  height: 100% !important;
  z-index: 1;
  top: 0px;
}
#wrapper .containerHolder {
  position: relative;
  width: 100%;
  height: 100% !important;
  z-index: 1;
  top: 0px;
}
#wrapper section > div {
  position: relative;
  float: left;
  height: 100%;
}
.dynamicContent {
  position: absolute;
  width: 100%;
}
.dynamicContent > .content {
  padding: 0;
}
h2 {
  color: #ffffff;
  font: 30px/30px 'PT Sans Narrow', Arial, "Helvetica Neue", Helvetica, sans-serif;
  margin: 0 0 32px 0;
  text-transform: uppercase;
}


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

	h2 {
	  color: #ffffff;
	  font: 20px/20px 'PT Sans Narrow', Arial, "Helvetica Neue", Helvetica, sans-serif;
	  margin: 0 0 32px 0;
	  text-transform: uppercase;
	}
}


h3 {
  color: #ffffff;
  font: 14px/18px Arial, "Helvetica Neue", Helvetica, sans-serif;
  margin: 0 0 10px 0;
  display: inline-block;
}
p {
  font: 12px/18px Arial, "Helvetica Neue", Helvetica, sans-serif;
  margin-bottom: 18px;
  color: #7c7c7c;
}
.more_btn1 {
  display: inline-block;
  font: 400 11px/28px Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #ffffff;
  padding: 0;
  border: none;
  text-shadow: none;
  text-transform: uppercase;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.more_btn1:hover {
  text-decoration: none;
  color: #0068b6;　/*79b007→　0068b6*/
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
/*--- content end ------*/
/*---------------------- LINKS ---------------------------------- */
.mail {
  font: 400 12px/18px Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #7c7c7c;
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.mail:hover {
  color: #0068b6;　/*79b007→　0068b6*/
  text-decoration: underline;
}
._link1 {
  font: 400 12px/20px Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #777777;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
._link1:hover {
  color: #ffffff;
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
._link2 {
  font: 400 12px/20px Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #ffffff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
._link2:hover {
  color: #0068b6;　/*79b007→　0068b6*/
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
._link3 {
  font: 400 12px/18px Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #7c7c7c;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
._link3:hover {
  color: #0068b6;　/*79b007→　0068b6*/
  text-decoration: none;
}
._link4 {
  font: 10px/20px Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #7c7c7c;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
._link4:hover {
  color: #0068b6;　/*79b007→　0068b6*/
  text-decoration: none;
}
/*-------------------------- MARGIN PADDING --------- */
.margin1 {
  margin-bottom: 20px !important;
}
.margin2 {
  margin-bottom: 30px !important;
}
/*-.margin3 {
  margin-bottom: 18px;　/* 300 →　500　　変更 
}*/
.margin3 {
  margin-top: 10px;　/* 300 →　500　　変更 */
 /* margin-bottom: 10px;*/
}
.margin4 {
  margin-right: 20px;
}

.margin5 {
  margin: 0 2px;
}

@media screen and (max-width:640px){
	.margin4 {
  		margin-right: 20px;
	}

	.margin3 {
  		margin-right: 20px;
	}
	
}
.margin5 {
  margin-bottom: 40px;
}
.margin6 {
  margin-bottom: 2px;
}
.margin7 {
  margin-bottom: 5px;
}
.margin8 {
  margin-bottom: 55px;
}
/*-------------------------- TEXTSTYLES ------------- */
.textStyle1 {
  margin: 0 0 10px 0;
  font: 14px/18px 'PT Sans Narrow', Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.textStyle2 {
  font-style: italic;
}
.textStyle3 {
  margin: 0;
  font: 13px/24px 'PT Sans Narrow', Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.textStyle4 {
  border-radius: 0;
  border: none;
  background: none;
  padding: 0;
  font: 10px/20px Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #7c7c7c;
  margin: 0 0 8px 0;
}
.textStyle5 {
  font: 40px/40px 'PT Sans Narrow', Arial, "Helvetica Neue", Helvetica, sans-serif;
}
/*-------------------------- LISTS ------------------ */
._list1 {
  list-style: none;
  margin: 0;
}
._list1 li {
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-bottom: 32px;
}
._list2 {
  list-style: none;
  margin: 0;
}
._list2 li {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding-bottom: 16px;
  margin-bottom: 15px;
  background: url(../img/divider3.png) 0 100% repeat-x;
}
._list3 {
  list-style: none;
  margin: 0;
  display: inline-block;
}
._list3 li {
  width: 100%;
  position: relative;
  margin-bottom: 10px;
  background: url(../img/marker1.png) 0 6px no-repeat;
}
._list3 li a {
  font: 14px/18px Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #ffffff;
  margin-left: 15px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
._list3 li a:hover {
  color: #0068b6;　/*79b007→　0068b6*/
  text-decoration: none;
}
._list4 {
  list-style: none;
  margin: 0 0 22px 0;
  display: inline-block;
}

._list4 h3{
 margin-top:10px;
}




._list4 li {
  width: 235px;
  overflow: hidden;
  position: relative;
  margin-right: 30px;
  margin-bottom: 30px;
  float: left;
  padding: 8px;
}

._list4 .mar1 {
  margin-right: 0;
}
._list4 .mar2 {
  margin-bottom: 0;
}


@media screen and (max-width:668px){
	._list4 li {
  		width: 450px; /* 180 →　245　*/
  		overflow: hidden;
  		position: relative;
  		margin-right: 30px;
  		margin-bottom: 30px;
  		float: left;
	}
}



@media screen and (max-width:640px){
	._list4 li {
  		width: 400px; /* 180 →　245　*/
  		overflow: hidden;
  		position: relative;
  		margin-right: 30px;
  		margin-bottom: 30px;
  		float: left;
	}
}


@media screen and (max-width:480px){
	._list4 li {
  		width: 150px; /* 180 →　245　*/
  		overflow: hidden;
  		position: relative;
  		margin-right: 30px;
  		margin-bottom: 30px;
  		float: left;
	}
}

@media screen and (max-width:568px){
	._list4 li {
  		width: 150px; /* 180 →　245　*/
  		overflow: hidden;
  		position: relative;
  		margin-right: 30px;
  		margin-bottom: 30px;
  		float: left;
	}
}


@media screen and (max-width:414px){
	._list4 li {
  		width: 150px; /* 180 →　245　*/
  		overflow: hidden;
  		position: relative;
  		margin-right: 30px;
  		margin-bottom: 30px;
  		float: left;
	}
}

@media screen and (max-width:320px){
	._list4 li {
  		width: 130px; /* 180 →　245　*/
  		overflow: hidden;
  		position: relative;
  		margin-right: 30px;
  		margin-bottom: 30px;
  		float: left;
	}
}




/*-------------------------- EXTRA -------------------*/
.sideBar {
  position: absolute;
  display: inline-block;
  width: 220px;
  height: 100%;
  z-index: 10;
  left: 0;
  top: 0;
  background: url(../img/bg1.png);
}
.sideBar .holder1 {
  border: 1px solid #3c3c3e;
  width: 202px;
  margin: 8px;
}
.sideBar .holder1 .holder2 {
  border: 1px solid #131415;
  width: 202px;
  height: 100%;
  box-sizing: border-box;
}

@media screen and (max-width:768px){
	.sideBar {
  		position: absolute;
  		display: inline-block;
  		width: 107px;
  		height: 100%;
  		z-index: 10;
  		left: 0;
  		top: 0;
  		background: url(../img/bg1.png);
	}
	.sideBar .holder1 {
  		border: 1px solid #3c3c3e;
  		width: 90px;
  		margin: 8px;
	}
	.sideBar .holder1 .holder2 {
  		border: 1px solid #131415;
  		width: 90px;
  		height: 100%;
  		box-sizing: border-box;
	}

}

.cover {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  display: inline-block;
  left: 0;
  top: 0;
  background: url(../img/bg3.png);
}
.contentBox1 {
  padding: 100px 0 100px 0;
}
@media screen and (max-width:768px){
	.contentBox1 {
  		padding: 100px 0 100px 0;
	}
}
.img1 {
  border: 3px solid #ffffff;
  float: left;
  margin-right: 20px;
  padding: 0;
}
.img2 {
  border: 3px solid #ffffff;
  float: left;
  margin-bottom: 20px;
  padding: 0;
}
.divSet1 {
  padding-bottom: 40px;
  margin-bottom: 37px;
  /*background: url(../img/divider2.png) 0 100% repeat-x;*/
}

@media screen and (max-width:768px){
	.divSet1 {
		width:480px;
	}
}

@media screen and (max-width:668px){
	.divSet1 {
		width:420px;
	}
}
@media screen and (max-width:640px){
	.divSet1 {
		width:400px;
	}
}

@media screen and (max-width:414px){
	.divSet1 {
		width:230px;
	}
}


@media screen and (max-width:375px){
	.divSet1 {
		width:190px;
	}
}



.divSet2 {
  padding-bottom: 50px;
  margin-bottom: 37px;
  background: url(../img/divider2.png) 0 100% repeat-x;
}

@media screen and (max-width:768px){
	.divSet2 {
		width:480px;
	}
}

@media screen and (max-width:668px){
	.divSet2 {
		width:420px;
	}
}
@media screen and (max-width:640px){
	.divSet2 {
		width:400px;
	}
}

@media screen and (max-width:414px){
	.divSet2 {
		width:230px;
	}
}

@media screen and (max-width:375px){
	.divSet2 {
		width:190px;
	}
	
	.divSet2 h3{
		padding-top:10px;
		font-size: 0.9em;
	}
	
}


.badge {
  float: left;
  width: 60px;
  height: 50px;
  border-radius: 0;
  padding: 0;
  margin-right: 20px;
  overflow: hidden;
  border-bottom: 1px solid #585552;
  background-color: #414141;
  background-image: -moz-linear-gradient(top, #444444, #3d3d3d);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#3d3d3d));
  background-image: -webkit-linear-gradient(top, #444444, #3d3d3d);
  background-image: -o-linear-gradient(top, #444444, #3d3d3d);
  background-image: linear-gradient(to bottom, #444444, #3d3d3d);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff3d3d3d', GradientType=0);
}
.badge .txt1 {
  width: 100%;
  font: 18px/20px Arial, "Helvetica Neue", Helvetica, sans-serif;
  text-align: center;
  display: inline-block;
  float: left;
  margin-top: 9px;
}
.badge .txt2 {
  width: 100%;
  font: 10px/12px Arial, "Helvetica Neue", Helvetica, sans-serif;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
  float: left;
}
.thumb-pad {
  width: 166px;
  position: relative;
  float: left;
}

.thumb-pad .thumbnail {
  padding: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.thumb-pad .thumbnail img {
  border: 3px solid #ffffff;
  padding: 0;
  box-shadow: none;
}
.thumb-pad .thumbnail .caption {
  padding: 18px 0 0 0;
}

.thumb-pad .thumbnail .caption h4 {
 font-size: 0.9em;
 color: #fff;
 padding: 0 0 0 5px;
}

.thumb-pad2 {
  width: 128px;
  position: relative;
  float: left;
}

.thumb-pad2 .thumbnail {
  padding: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  text-align: center;
}
.thumb-pad2 .thumbnail img {
  /* border: 1px solid #ffffff; */
  padding: 0px;
  box-shadow: none;
    /* border: 1px solid #ffffff; */
}
.thumb-pad2 .thumbnail .caption {
  padding: 18px 0 0 0;

}

.thumb-pad2 .thumbnail .caption h3 {
 font-size: 1em;
 color: #fff;
 padding-bottom:10px;
 line-height: 5px;
 border-bottom: 1px solid #ffffff;
}


.thumb-pad2 .thumbnail .caption p {
 font: 12px/18px Arial, "Helvetica Neue", Helvetica, sans-serif;
 /*font-size: 0.8em;*/
 color: #fff;
 padding: 0 0 0 0;
 line-height: 5px;

}

/* 　追加 */
.thumb-pad3 {
  width: 500px;
  position: relative;
  float: left;
}

.thumb-pad3 .thumbnail {
  padding: 5px;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.thumb-pad3 .thumbnail img {
  border: 3px solid #ffffff;
  padding: 0;
  box-shadow: none;
  float: left;
}

.thumb-pad3 .thumbnail .captionL {
 width: 500px;
  float: left;
  padding: 0;
  margin-left: 8px;
}

.thumb-pad3 .thumbnail .captionL {
 width: 140px;
  float: left;
  padding: 0;
  margin-left: 8px;
}

.thumb-pad3 .thumbnail .captionR {
  width: 140px;
  float: left;
  padding: 0;
  margin-left: 8px;
}

.thumb-pad3 .thumbnail .captionL p {
 font-size: 0.9em;
 color: #fff;
 padding: 0 0 0 5px;
 line-height: 5px;
}

.thumb-pad3 .thumbnail .captionR p {
 font-size: 0.9em;
 color: #fff;
 padding: 0 0 0 5px;
 line-height: 5px;
}

@media screen and (max-width:1024px){
	.thumb-pad2 .thumbnail .caption p {
	 font: 11px/18px Arial, "Helvetica Neue", Helvetica, sans-serif;
	  line-height: 4px;
	}
}


@media screen and (max-width:768px){
	.thumb-pad2 .thumbnail .caption p {
	 font: 11px/18px Arial, "Helvetica Neue", Helvetica, sans-serif;
	 line-height: 4px;
	}
}

@media screen and (max-width:668px){
	.thumb-pad2 {　
	 width: 240px;
	 margin-right: 50px;
	}
	.thumb-pad2 .thumbnail {
	 width: 240px;
	  padding: 10px;
	  border: none;
	  border-radius: 0;
	  box-shadow: none;
	}
	.thumb-pad2 .thumbnail img {
	  border: none;
	  padding: 0;
	  box-shadow: none;
	}
	.thumb-pad2 .thumbnail .caption {
	 width: 240px;
	  float: left
	  padding: 18px 0 0 0;
	}

	.thumb-pad2 .thumbnail .caption p {
	 font: 12px/18px Arial, "Helvetica Neue", Helvetica, sans-serif;
	}
}

@media screen and (max-width:400px){
	.thumb-pad2 {　
	 width: 180px;
	}
	.thumb-pad2 .thumbnail {
	 width: 180px;
	  padding: 10px;
	  border: none;
	  border-radius: 0;
	  box-shadow: none;
	}
	.thumb-pad2 .thumbnail img {
	  border: none;
	  padding: 0;
	  box-shadow: none;
	}
	.thumb-pad2 .thumbnail .caption {
	 width: 180px;
	 padding: 18px 0 10px 0;
	 
	 
	}
	
}


@media screen and (max-width:640px){
	.thumb-pad3 {　
	  width: 400px;
	  position: relative;
	  float: left;
	}
	.thumb-pad3 .thumbnail {
	  padding: 10px;
	  border: none;
	  border-radius: 0;
	  box-shadow: none;
	}
	.thumb-pad3 .thumbnail img {
	  border: 3px solid #ffffff;
	  padding: 5;
	  box-shadow: none;
	  float: left;
	  margin-bottom: 5px;
	}
	.thumb-pad3 .thumbnail .caption {
	　width: 380px;
	  float: left
	  padding: 18px 0 0 5px;;
	  margin-left: 0;
	}
}


.space1 {
  display: inline-block;
  width: 30px;
}
.space2 {
  display: inline-block;
  width: 50px;
  text-align: center;
}
.splashLabel {
  width: 460px;
  height: 75px;
  display: inline-block;
  position: absolute;
  top: 720px;
  left: 485px;
  z-index: 1;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: url(../img/bg1.png);
}
.splashLabel .textHolder {
  padding: 20px 22px 6px 22px;
  display: block;
}
.splashLabel .textHolder .txt1 {
  font: 600 18px/20px 'PT Sans Narrow', Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #ffffff;
  text-transform: uppercase;
  display: inline-block;
}
.splashLabel .textHolder .txt2 {
  font: 400 12px/28px Arial, "Helvetica Neue", Helvetica, sans-serif;
  display: inline-block;
  color: #98999a;
}


@media screen and (max-width:768px){
	.splashLabel {
	width: 460px;
	height: 75px;
	display: inline-block;
	position: absolute;
	top: 447px;
	left: 248px;
	z-index: 1;
	border: 1px solid rgba(255, 255, 255, 0.2);
	background: url(../img/bg1.png);
	margin-left: -300px;
	}
	.splashLabel .textHolder {
  		padding: 20px 22px 6px 22px;
  		display: block;
	}
	
}
@media screen and (max-width:640px){
	.splashLabel {
  		width: 45%;
  		height: 100px;
  		/*display: inline-block;*/
  		position: absolute;
  		top: 450px;
  		left: 0px;
  		z-index: 1;
  		border: 1px solid rgba(255, 255, 255, 0.2);
  		background: url(../img/bg1.png);


	}
	.splashLabel .textHolder {
  		padding: 20px 10px 6px 10px;
  		display: block;
	}
	.splashLabel .textHolder .txt1 {
  		font: 600 12px/14px 'PT Sans Narrow', Arial, "Helvetica Neue", Helvetica, sans-serif;
  		color: #ffffff;
  		text-transform: uppercase;
  		display: inline-block;
	}
	.splashLabel .textHolder .txt2 {
  		font: 400 12px/12px Arial, "Helvetica Neue", Helvetica, sans-serif;
  		display: inline-block;
  		color: #98999a;
	
	}
}
.pageExtra {
  position: absolute;
  display: inline-block;
  width: 684px;
  z-index: -1;
  left: 240px;
  padding: 8px;
  background: url(../img/bg1.png);
  top: 0;
}
.pageExtra .holder1 {
  border: 1px solid #3c3c3e;
  width: 682px;
  height: 100%;
}
.pageExtra .holder1 .holder2 {
  border: 1px solid #131415;
  width: 682px;
  height: 100%;
  box-sizing: border-box;
}

@media screen and (max-width:800px){
	.pageExtra {
  		position: absolute;
  		display: inline-block;
  		width: 500px;
  		z-index: -1;
  		left: 120px;
  		padding: 8px;
  		background: url(../img/bg1.png);
  		top: 0;
	}
	.pageExtra .holder1 {
  		border: 1px solid #3c3c3e;
  		width: 498px;
  		height: 100%;
	}
	.pageExtra .holder1 .holder2 {
  		border: 1px solid #131415;
  		width: 498px;
  		height: 100%;
  		box-sizing: border-box;
	}
}


@media screen and (max-width:768px){
	.pageExtra {
  		position: absolute;
  		display: inline-block;
  		width: 610px;
  		z-index: -1;
  		left: 120px;
  		padding: 8px;
  		background: url(../img/bg1.png);
  		top: 0;
	}
	.pageExtra .holder1 {
  		border: 1px solid #3c3c3e;
  		width: 608px;
  		height: 100%;
	}
	.pageExtra .holder1 .holder2 {
  		border: 1px solid #131415;
  		width: 608px;
  		height: 100%;
  		box-sizing: border-box;
	}
}



@media screen and (max-width:668px){
	.pageExtra {
  		position: absolute;
  		display: inline-block;
  		width: 500px;
  		z-index: -1;
  		left: 120px;
  		padding: 8px;
  		background: url(../img/bg1.png);
  		top: 0;
	}
	.pageExtra .holder1 {
  		border: 1px solid #3c3c3e;
  		width: 498px;
  		height: 100%;
	}
	.pageExtra .holder1 .holder2 {
  		border: 1px solid #131415;
  		width: 498px;
  		height: 100%;
  		box-sizing: border-box;
	}
}


@media screen and (max-width:640px){
	.pageExtra {
  		position: absolute;
  		display: inline-block;
  		width: 450px;
  		z-index: -1;
  		left: 120px;
  		padding: 8px;
  		background: url(../img/bg1.png);
  		top: 0;
	}
	.pageExtra .holder1 {
  		border: 1px solid #3c3c3e;
  		width: 448px;
  		height: 100%;
	}
	.pageExtra .holder1 .holder2 {
  		border: 1px solid #131415;
  		width: 448px;
  		height: 100%;
  		box-sizing: border-box;
	}
}

@media screen and (max-width:568px){
	.pageExtra {
  		position: absolute;
  		display: inline-block;
  		width: 400px;
  		z-index: -1;
  		left: 120px;
  		padding: 8px;
  		background: url(../img/bg1.png);
  		top: 0;
	}
	.pageExtra .holder1 {
  		border: 1px solid #3c3c3e;
  		width: 398px;
  		height: 100%;
	}
	.pageExtra .holder1 .holder2 {
  		border: 1px solid #131415;
  		width: 398px;
  		height: 100%;
  		box-sizing: border-box;
	}
}
@media screen and (max-width:414px){
	.pageExtra {
  		position: absolute;
  		display: inline-block;
  		width: 270px;
  		z-index: -1;
  		left: 120px;
  		padding: 8px;
  		background: url(../img/bg1.png);
  		top: 0;
	}
	.pageExtra .holder1 {
  		border: 1px solid #3c3c3e;
  		width: 268px;
  		height: 100%;
	}
	.pageExtra .holder1 .holder2 {
  		border: 1px solid #131415;
  		width: 268px;
  		height: 100%;
  		box-sizing: border-box;
	}
}

@media screen and (max-width:375px){
	.pageExtra {
  		position: absolute;
  		display: inline-block;
  		width: 220px;
  		z-index: -1;
  		left: 120px;
  		padding: 8px;
  		background: url(../img/bg1.png);
  		top: 0;
	}
	.pageExtra .holder1 {
  		border: 1px solid #3c3c3e;
  		width: 218px;
  		height: 100%;
	}
	.pageExtra .holder1 .holder2 {
  		border: 1px solid #131415;
  		width: 218px;
  		height: 100%;
  		box-sizing: border-box;
	}
}


@media screen and (max-width:320px){
	.pageExtra {
  		position: absolute;
  		display: inline-block;
  		width: 180px;
  		z-index: -1;
  		left: 120px;
  		padding: 8px;
  		background: url(../img/bg1.png);
  		top: 0;
	}
	.pageExtra .holder1 {
  		border: 1px solid #3c3c3e;
  		width: 178px;
  		height: 100%;
	}
	.pageExtra .holder1 .holder2 {
  		border: 1px solid #131415;
  		width: 178px;
  		height: 100%;
  		box-sizing: border-box;
	}
}



/*===================================BG slider=======================*/
#bgStretch {
  overflow: hidden;
  z-index: -1;
  display: block;
  max-height:1020px;
}
#bgStretch img {
  background-color: #000;
}
@media screen and (max-width:768px){
	#bgStretch {
  		overflow: hidden;
  		z-index: -1;
  		display: block;
		width:100%;
		margin-left:-300px;
	}
	#bgStretch img {
  		background-color: #000;
	}
}
@media screen and (max-width:668px){
	#bgStretch {
  		overflow: hidden;
  		z-index: -1;
  		display: block;
		width:100%;
		margin-left:0px;
	}
	#bgStretch img {
  		background-color: #000;
	}
}
.spinner_bg {
  position: fixed;
  width: 0px;
  height: 0px;
  z-index: 10000;
  left: 50%;
  top: 50%;
  display: inline-block;
}
#bgNav {
  position: relative;
  z-index: 10;
  display: block;
  text-align: center;
}
#bgNav > ul {
  list-style: none;
  margin: 0;
  display: inline-block;
  position: relative;
}
#bgNav > ul .active a {
  background: #404040;
}
#bgNav > ul > li {
  display: inline-block;
  position: relative;
  float: left;
  width: 8px;
  height: 8px;
  line-height: 0;
  margin: 0 6px;
}
#bgNav > ul > li:hover a {
  background: #0068b6;　/*-　79b007→0068b6　*/
}
#bgNav > ul > li > a {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #d6d7d6;
  border-radius: 5px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
/*-------------------------- GOOGLE MAP --------------*/
.g_map {
  width: 330px;
  height: 280px;
  float: left;
  border: 3px solid #ffffff;
  margin: 0 22px 0 0;
}


@media screen and (max-width:640px){
	#g_map {
	  width: 330px;
  	　height: 280px;
	}
}


@media screen and (max-width:375px){
	#g_map {
	  width: 190px;
  	　height: 280px;
	}
	
	
	
}


.g_map > iframe {
  border: none;
  outline: none;
  width: 100%;
  height: 100%;
}




/*-------------------------- CONTACT FORM --------------*/
#form1 {
  position: relative;
  display: block;
}
#form1 label {
  margin-bottom: 15px;
  position: relative;
  color: #0068b6;　/*79b007→　0068b6*/
}
#form1 label input,
#form1 label textarea {
  outline: none;
  box-shadow: none;
  border-radius: 0;
  margin: 0;
  width: 100%;
  padding: 4px 10px;
  background: none;
  border: none;
  border: 1px solid #494649;
  font: 12px/18px Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #7c7c7c;
}
#form1 label textarea {
  width: 517px;
  height: 121px;
  resize: none;
}
#form1 label input {
  width: 360px;
}
#form1 .error {
  width: 100%;
  font-size: 10px;
  line-height: 12px;
  position: absolute;
  text-align: right;
  top: 0;
}
#form1 .empty {
  width: 99%;
  font-size: 10px;
  line-height: 12px;
  position: absolute;
  text-align: right;
  top: 0;
}
#form1 .success {
  background: #2b282b;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  padding: 8px 10px;
  width: 360px;
  height: 102px;
  border: 1px solid #494649;
}
#form1 .success > span {
  color: #0068b6;　/*79b007→　0068b6*/
  font: 400 14px/20px Arial, "Helvetica Neue", Helvetica, sans-serif;
  text-align: center;
  width: 100%;
  display: inline-block;
  margin-top: 30px;
}
.btns {
  float: left;
  margin-top: 0px;
}
.btns > a {
  margin-right: 20px;
}
#form1 .w1 {
  width: 382px;
}
@media screen and (max-width:640px){
	#form1 {
  		position: relative;
  		display: block;
	}
	#form1 label {
  		margin-bottom: 15px;
  		position: relative;
  		color: #0068b6;　/*79b007→　0068b6*/
	}
	#form1 label input,
	#form1 label textarea {
  		outline: none;
  		box-shadow: none;
  		border-radius: 0;
  		margin: 0;
  		width: 100%;
  		padding: 4px 10px;
  		background: none;
  		border: none;
  		border: 1px solid #494649;
  		font: 12px/18px Arial, "Helvetica Neue", Helvetica, sans-serif;
  		color: #7c7c7c;
	}
	#form1 label textarea {
  		width: 150px;
  		height: 121px;
  		resize: none;
	}
	#form1 label input {
  		width: 150px;
	}
	#form1 .error {
  		width: 100%;
  		font-size: 10px;
  		line-height: 12px;
  		position: absolute;
  		text-align: right;
  		top: 0;
	}
	#form1 .empty {
  		width: 99%;
  		font-size: 10px;
  		line-height: 12px;
  		position: absolute;
  		text-align: right;
  		top: 0;
	}
	#form1 .success {
  		background: #2b282b;
  		position: absolute;
  		top: 0;
  		left: 0;
  		z-index: 1;
  		padding: 8px 10px;
  		width: 150px;
  		height: 102px;
  		border: 1px solid #494649;
	}
	#form1 .success > span {
  		color: #0068b6;　/*79b007→　0068b6*/
  		font: 400 14px/20px Arial, "Helvetica Neue", Helvetica, sans-serif;
  		text-align: center;
  		width: 100%;
  		display: inline-block;
  		margin-top: 30px;
	}
	.btns {
  		float: left;
  		margin-top: 0px;
	}
	.btns > a {
  		margin-right: 20px;
	}
	#form1 .w1 {
  		width: 180px;
	}

}
/*------------- SEARCH LIST ------------------------------------------------------*/
.search_list > li {
  margin-bottom: 15px;
  color: #959595;
}
.search_list > li h4 {
  margin: 0;
}
.search_list > li h4 > a {
  color: #ffffff;
  font: 18px/21px 'Libre Baskerville', Arial, "Helvetica Neue", Helvetica, sans-serif;
  text-decoration: underline;
}
.search_list > li h4 > a:hover {
  text-decoration: none;
}
.search_list > li .match {
  display: block;
  color: #0068b6;　/*79b007→　0068b6*/
  font-size: 12px;
  font-weight: bold;
}
/*-------------- FOOTER ---------------------------------------------------- */
footer {
  color: #777777;
  position: absolute;
  width: 200px;
  z-index: 5;
  bottom: 0;
  height: 80px;
  overflow: visible !important;
}
footer .privacy_text {
  font: 400 12px/20px Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #777777;
  margin-top: 12px;
  white-space: nowrap;
  text-align: center;
  width: 100%;
}
@media screen and (max-width:768px){
	footer {
	color: #777777;
	position: absolute;
	width: 90px;
	z-index: 5;
	bottom: 30px;
	/*height: auto;*/
	overflow: visible !important;
	left: 11px;
	}
	footer .privacy_text {
  		font: 400 10px/18px Arial, "Helvetica Neue", Helvetica, sans-serif;
  		color: #777777;
  		margin-top: 12px;
		margin-left:5px;
  		white-space: normal;
  		text-align: center;
  		width: 80px;

	}
}
/*----------- FOOTER END ------------------------------------------------------*/
/*============= Grid =====================================*/
/*-----------------------------------------------------------------------------------*/
/*Core variables and mixins*/
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


@media screen and (max-width:768px){
	._marginNull_1 {
		width:480px;
	}
}

@media screen and (max-width:668px){
	._marginNull_1 {
		width:420px;
	}
}
@media screen and (max-width:640px){
	._marginNull_1 {
		width:400px;

	}
}

@media screen and (max-width:375px){
	._marginNull_1 {
		width:190px;

	}
}


section table   { width: 95%; }
section th, section td  { padding: 10px; border: 1px solid #ddd; }
section th  { background: #4f4d4d; }

section caption  { text-align:left; padding: 13px 5px 5px; }


/*----------------------------------------------------
    .tbl_01
----------------------------------------------------*/
.tbl_01 th  { width: 30%; text-align: left; }
.tbl_01 th,
    .tbl_01 td{

        font: 12px/18px Arial, "Helvetica Neue", Helvetica, sans-serif;
}
@media only screen and (max-width:480px){
    .tbl_01 { margin: 0 5px; }
    .tbl_01 th,
    .tbl_01 td{
        width: 82%;
        display: block;
        border-top: none;
        font: 12px/18px Arial, "Helvetica Neue", Helvetica, sans-serif;
    }
     .tbl_01 caption{
		font: 12px/18px Arial, "Helvetica Neue", Helvetica, sans-serif;
     }
    
     .tbl_01 th{
     	padding-top: 5px;
     	padding-bottom: 5px;
     }
    
    .tbl_01 tr:first-child th   { border-top: 1px solid #ddd; font: 12px/18px;}
}

@media only screen and (max-width:320px){
    .tbl_01 { margin: 0 5px; }
    .tbl_01 th,
    .tbl_01 td{
        width: 60%;
        display: block;
        border-top: none;
        font: 12px/18px Arial, "Helvetica Neue", Helvetica, sans-serif;
    }
     .tbl_01 caption{
		font: 12px/18px Arial, "Helvetica Neue", Helvetica, sans-serif;
     }
    
     .tbl_01 th{
     	padding-top: 5px;
     	padding-bottom: 5px;
     }
    
    .tbl_01 tr:first-child th   { border-top: 1px solid #ddd; font: 12px/18px;}
}




/*----------------------------------------------------
    .tbl_02
----------------------------------------------------*/
.tbl_02 {width: 80%}
.tbl_02 caption { color: #7c7c7c; font: 12px/18px Arial, "Helvetica Neue", Helvetica, sans-serif;}
.tbl_02 th  { width: 50%; text-align: left; }
.tbl_02 td  { width: 30%; text-align: left; }
.tbl_02 th,
    .tbl_02 td{
    	border:none;
        font-size: 0.85em;
        background: none;
        font-weight: normal;
  		color: #7c7c7c;
  		padding: 0px 5px;

        
    }

@media only screen and (max-width:480px){
	.tbl_02 {width: 100%}
 }
    


@media only screen and (max-width:375px){
	.tbl_02 {width: 190px}
	.tbl_02 tr {width: 100%}
	.tbl_02 th  { width: 150px; text-align: left; }
	.tbl_02 td  { width: 30px; text-align: left;font-size: 0.8em; }

}





*/

/*----------------------------------------------------
    .tbl_03
----------------------------------------------------*/
.tbl_03 {width: 80%}
.tbl_03 caption { color: #7c7c7c; font: 12px/18px Arial, "Helvetica Neue", Helvetica, sans-serif;}
.tbl_03 th  { width: 79%; text-align: left; }
.tbl_03 td  { width: 1%; text-align: left; }
.tbl_03 th,
    .tbl_03 td{
    	border:none;
        font-size: 0.85em;
        background: none;
        font-weight: normal;
        font: 12px/18px Arial, "Helvetica Neue", Helvetica, sans-serif;
  		color: #7c7c7c;
  		padding: 0px 5px;

        
    }

@media only screen and (max-width:480px){
	.tbl_03 {width: 100%}
}

@media only screen and (max-width:375px){
	.tbl_03 {width: 190px}
	.tbl_03 tr {width: 100%}
	.tbl_03 th  { width: 190px; text-align: left; }
	.tbl_03 td  { width: 0px; text-align: left;font-size: 0.8em; }

}

*/

/*----------------------------------------------------

別のレスポンシブ table
table{ 
    width:90%; 
    border-collapse:collapse; 
    border-spacing:0; 
    border:1px solid #ccc; 
    padding:0; 
    margin:0; 

} 

table tr{ 
    border:1px solid #ddd; 
    padding:5px; 
} 

table th, table td{ 
    padding:10px; 
    text-align:left; 
} 

table th{ 
    font-size:14px; 
    letter-spacing:1px; 
} 

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

    table{ 
        border:0; 
    } 
    table thead{ 
        display:none; 
    } 
    table tr{ 
     	border:none;
        margin-bottom:10px; 
        display:block; 
        border-bottom:1px solid #ddd; 
    } 

    table td{ 
        display:block; 
        text-align:right; 
        font-size:13px; 
        border-bottom:1px dotted #ccc; 
    } 

    table td:last-child{ 
        border-bottom:0; 
    } 

    table td:before { 
        content:attr(data-label); 
        float:left; 
        font-weight: bold; 
    } 

} 
----------------------------------------------------*/