/*layout*/
/*------------------------------------------------------------------------------*/
#contents {
	width: 100%;
	margin: 0px auto 0px;
	padding: 0px 0px 0px;
}
#contents_in {
	max-width: 1000px;
	width: 100%;
	margin: 50px auto 0px;
	padding: 0 0px 70px;
	text-align: left;
	position: relative;
}
#contents_left {
	float: left;
	width: 73%;
	padding: 0;
	background: #FFF;
}
#contents_right {
	float: right;
	width: 24%;
	padding: 0;
	position: absolute;
    right: 0;
    top: 0;
}
#contents_right_in {
    width: auto;
    max-width: 240px;
}
.fixed {
  position: fixed;
  top: 20px;
}

.fixed02 {
  position: static;
  top: 0;
}
/*locator*/
/*--------------------------------------------------------------------------------*/
#locator {
    width: 100%;
    padding: 15px 0;
    line-height: 1.5;
    font-size: 11px;
    margin-bottom: 0px;
    background: #EFEFEF;
}


#locator_in {
    max-width: 1000px;
    width: 100%;
    margin: 0px auto;
    text-align: right;
    color: #666666;
}
#locator a{
	color:#035D9C;
	text-decoration:underline;
}



/*title*/
/*------------------------------------------------------------------------------*/


.subtitle02_box {
	display:table;
	width: 100%;
	background: url(../../image/common/h2_bg.jpg) no-repeat center center;
	background-size: cover !important;
}

.subtitle02_box_in {
	display:table-cell;
	vertical-align:middle;
	margin: 0px auto;
	height:161px;
}
.subtitle02 {
	max-width: 968px;
	width: 94%;
	margin:0 auto;
	padding: 20px 0px;
	font-size: 250%;
	line-height:1.5;
	display: block;
	color: #FFF;
}

	.subtitle02 span{
			display:block;
			color:#035D9C;
			font-size:50%;
		font-weight: normal;
	}


.subtitle04 a{
			color:#025C9B;
		}
		.subtitle04 a:hover{
			opacity:0.7;
		}

.subtitle05{
	font-size: 150%;
	display:block;
	color:#025c9c;
	margin-bottom: 15px;
	font-weight:bold;
}
.subtitle06{
	font-size: 180%;
	background:#035D9C;
	padding:5px;
	margin-bottom: 15px;
	color:#FFF;
	font-weight:bold;
	text-align:center;

}
.subtitle07{
	font-size: 130%;
	background: url(../../image/common/arr06.png) no-repeat left center, url(../../image/common/line.jpg) no-repeat left bottom;
	padding:5px 5px 5px 20px;
	margin-bottom: 15px;
	color:#005999;
}
.subtitle08{
	font-size: 120%;
	display:block;
	color:#025c9c;
	margin-bottom: 15px;
	font-weight:bold;
}
	.subtitle08 a{
	color:#E1011A;
	display:block;
	}

	.subtitle08 a:hover{
		opacity:0.7;
	}
	
.subtitle09{
	font-size: 130%;
	background: url(../../image/common/arr06.png) no-repeat left center;
	padding:5px 5px 5px 20px;
	margin-bottom: 10px;
	color:#005999;
}

	.subtitle09 a{
		color:#005999;
	}
	

.subtitle10{
		font-size:120%;
		color:#025C9B;
		background: url(../../image/common/tit_bg.jpg) no-repeat left center;
		padding:5px 0px 5px 10px;
		margin-bottom:10px;
		font-weight:bold;
}


	.subtitle10 a{
			color:#025C9B;
	}
	

.subtitle11{
		font-size:120%;
		color:#025C9B;
		background: url(../../image/common/tit_bg01.png) no-repeat left center;
		border-bottom:2px solid #025C9B;
		padding:5px 0px 5px 35px;
		margin-bottom:10px;
		font-weight:bold;
}

.subtitle12 {
    border-bottom: 0px solid #00448E;
    background: url(../../image/common/tit_03.png) no-repeat left center;
    font-size: 140%;
    color: #00448E;
    padding: 5px 0px 5px 50px;
    margin-bottom: 15px;
    display: table;
    width: 100%;
}


/* lp */
/*---------------------------------------------------------------------*/

.freetitle03 {
	background: #EFEFEF;
	border-top: 3px solid #0056B4;
	display: block;
	font-size: 150%;
	padding: 10px 20px;
	color: #0056B4;
	margin-bottom: 20px;
}
.freetitle04 {
	border-bottom: 1px solid #00448E;
	background: url(../../image/common/tit_03.png) no-repeat left center;
	font-size: 140%;
	color: #00448E;
	padding: 5px 0px 5px 50px;
	margin-bottom: 20px;
	display: table;
	width: 100%;
}
.freetitle05 {
	font-size: 115%;
	font-weight: bold;
	padding: 5px 15px 5px 10px;
	color: #FFF;
	background:#00448E;
	margin-bottom:15px;
	border-left:5px solid #00A3D9;
}

.freetitle06 {
	font-size: 105%;
	padding: 5px 15px;
	color:#00448E;
	background:#EEE;
	margin-bottom:15px;
}



.bg_yellow{
	background:#FFF3C2;
	border-radius:8px;
	padding:15px;
}

.free_box3:after{content: ""; display: block; height: 0; clear: both;}
.free_box3 li {
	width: 31.2%;
	float: left;
	margin-left: 3.2%;
}
.free_box3 li:nth-child(3n+1) {
	clear:both;
	margin-left: 0%;
}
.free_box3 li img {
	max-width: 100%;
	height: auto;
}

.free_box2:after{content: ""; display: block; height: 0; clear: both;}
.free_box2_ti_left{
	float:left;
	width:calc(100% - 170px);
}
.free_box2_ti_right{
	float:right;
	width:150px;
	text-align:center;
}

.free_detail_left{
	float: left;
	width:25%;
	text-align:center;
}
.free_detail_right{
	float: right;
	width:72%;
}

.free_detail_left img{
	max-width:100%;
	height:auto;
}

.faq_q{
	display:table;
	width:100%;
	margin-bottom:30px;
	position:relative;
}
.faq_q p{
	display:table-cell;
	vertical-align:middle;
	padding:10px 10px 10px 40px;
	background:#EEE;
	border-radius:8px;
	position:relative;
	line-height:1.5;
	font-size:14px;
}
.faq_q p:before{
	content:"Q.";
	font-size:20px;
	line-height:20px;
	color:#FF7F00;
	font-weight:bold;
	position:absolute;
	left:10px;
	top:calc(50% - 10px);
}
.faq_q:after{
	content:"";
	width: 0;
	height: 0;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-top: 18px solid #FF7F00;
	position:absolute;
	bottom:-25px;
	left:calc(50% - 30px);
	opacity:0.4;
}

.faq_a{
	display:table;
	width:100%;
}
.faq_a p{
	display:table-cell;
	vertical-align:middle;
	padding:10px 10px 10px 40px;
	background:#EEE;
	border-radius:8px;
	position:relative;
	line-height:1.5;
	font-size:14px;
}
.faq_a p:before{
	content:"A.";
	font-size:20px;
	line-height:20px;
	color:#FF7F00;
	font-weight:bold;
	position:absolute;
	left:10px;
	top:calc(50% - 10px);
}
.img_max100 img{
	max-width:100%;
	height:auto;
	width:auto;
}
.free_btn{
	display:inline-block;
	background:#1A92DE;
	position:relative;
	border-radius:8px;
}
.free_btn:after{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:50%;
	background:#0286DB;
	border-radius:0 0 8px 8px;
	z-index:1;
}
.free_btn a{
	display:inline-block;
	min-width:250px;
	padding:10px 25px;
	color:#FFF;
	position: relative;
	z-index:10;
	font-size:16px;
}
.free_btn:hover{opacity:0.7;}




.list_decimal li{
	margin-left: 15px;
	list-style-type: decimal;
	margin-bottom: 30px;
}
.list_decimal.m10 li{margin-bottom: 10px;}

.plist {
    font-size: 0;
    padding-bottom: 15px;
    border-bottom: 1px dotted #ccc;
}
.plist dt {
    float: left;
    width: 30px;
    display: inline-block;
    color: #0054B3;
    font-size: 27px;
    font-weight: bold;
    font-family: "Times New Roman";
}
.plist dd{
	float: left;
	width: calc(100% - 30px);
	display: inline-block;
	font-size: 14px;
}




/*subnav*/
/*------------------------------------------------------------------------------*/
#subnav {
	width: 100%;
	margin-bottom: 20px;
	padding: 1px;
}
#subnav ul {
	list-style-type: none;
	background: #FFF;
	padding: 0px 0px;
}
#subnav ul li ul {
	list-style-type: none;
	border: none;
	width: 100%;
}
#subnav_title a {
	width: 100%;
	line-height: 1.5;
	background: #0056B4;
	color: #FFF;
	font-size: 120%;
	display: block;
	text-decoration: none;
	padding: 10px 10px 10px;
	text-align: center;
}
#subnav_title a span {
	display: block;
	font-size: 70%;
	color: #999999;
}
#subnav_title a:hover {
	text-decoration: none;
}
#subnav li a {
	width: 100%;
	color: #333;
	font-size: 100%;
	display: block;
	overflow: hidden;
	padding: 5px 10px 5px 10px;
	border-bottom: 1px dotted #999999;
	    transition: 0.3s ease;
}
#subnav li a:hover, #subnav ul li.current a, #subnav ul li.current a:hover {
    color: #0056b4;
    background: rgba(255,255,255,0.7);

}
#subnav li.current ul li a {
	background: url(../../image/common/subnav01.png) no-repeat 20px center #FFF;
	color: #333;
	padding: 5px 10px 5px 30px;
}
/*
#subnav li.current ul li a:before{
	content:">";
	font-size:50%;
	padding-right:5px;
	color:#D41218;
}
*/

#subnav li.current ul li a:hover, #subnav li.current ul li.current a {
	background: url(../../image/common/subnav01.png) no-repeat 20px center #EFEFEF;
	color: #0055B3;
}
/*
#subnav li.current ul li a:hover:before,#subnav li.current ul li.current a:before{
}
*/

#subnav li.current ul li.current ul li a {
	background: url(../../image/common/subnav02.png) no-repeat 20px center #FFF;
	color: #333;
	padding: 5px 5px 5px 40px;
}
#subnav li.current ul li.current ul li a:hover, #subnav li.current ul li.current ul li.current a {
	background: url(../../image/common/subnav02.png) no-repeat 20px center #D9E6F4;
	color: #0055B3;
}
/*side　banner*/
/*------------------------------------------------------------------------------*/
#sidebanner li {
	margin-bottom: 10px;
	text-align:center;
}
#sidebanner li:last-child {
	margin-bottom: 0;
}
#sidebanner li img {
	width: auto;
	max-width:100%;
	height: auto;
}



/*sub contact*/
/*------------------------------------------------------------------------------*/
#sub_comtact{
	background: #EEEEEE;
	border:1px solid #910A0A;
	padding: 25px;
	text-align: center;
}

#sub_comtact .txt{
	margin-bottom: 25px;
}

#sub_comtact_in{
	width:80%;
	margin:0px auto;
}

/*
#sub_comtact .btn a{
	position: relative;
	display: block;
	padding: 20px 0 20px 40px;
	color: #fff;
	font-size: 22px;
	text-align: center;
	width: 100%;
	background-color:  #014DA3;
}
#sub_comtact .btn a:hover{
	background-color: #013978;
}
#sub_comtact .btn a:before{
	content: "";
	width: 32px;
	height: 23px;
	position: absolute;
	margin-top: 9px;
	margin-left: -45px;
	background: url(../../image/common/icon_mail.png) no-repeat 0 0 ;
	background-size: 32px 23px;
}




/*box*/
/*------------------------------------------------------------------------------*/
.box2:after  {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.box2 {
	min-height: 1px;
}

.box2_ti_left{
	width: 62%;
	float: left;
}
.box2_ti_right{
	width: 34%;
	float: right;
}
.box2_ti_right img{
	width: 100%;
	height: auto;
}

.box2_ti_left02{
	width: 34%;
	float: left;
}
.box2_ti_right02{
	width: 62%;
	float: right;
}
.box2_ti_left02 img{
	width: 100%;
	height: auto;
}


.box2_ti_left03{
	width: 77%;
	float: left;
}
.box2_ti_right03{
	width: 19%;
	float: right;
}
.box2_ti_right03 img{
	width: 100%;
	height: auto;
}

.box2_left{
  width: 48%;
  float: left;
  margin-right: 4%;
}
.box2_right{
  width: 48%;
  float: right;
  position:relative;
}
.box2_left img,
.box2_right img{
	width: 100%;
	height: auto;
}
.movie .box2_right:before{
	content:"";
	width: 0;
	height: 0;
	border-top:30px solid #0054B3;
	border-right:8px solid transparent;
	position:absolute;
	top:0;
	left:66px;
	z-index:10;
}
.movie .box2_right:after{
	content:"MOVIE";
	width:60px;
	padding-left:6px;
	height:30px;
	line-height:31px;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	letter-spacing:0.1em;
	color:#FFF;
	text-align:center;
	background:#0054B3;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}

.box3 li{
  width: 32%;
  float: left;
  margin-right: 2%;
  margin-bottom:20px;
}

	.box3 li:nth-child(3n){
	  margin-right: 0%;
	}
	
	.box3 li img{
		width: 100%;
		height: auto;
	}

.box3_left{
  width: 32%;
  float: left;
  margin-right: 2%;
}
.box3_right{
  width: 32%;
  float: right;
}
.box3_left img,
.box3_right img{
	width: 100%;
	height: auto;
}

.box4 li{
  width: 23.5%;
  float: left;
  margin-right: 2%;
  margin-bottom:20px;
}

	.box4 li:nth-child(4n){
	  margin-right: 0%;
	}
	
	.box4 li img{
		width: 100%;
		height: auto;
	}


.box4_left{
  width: 23.5%;
  float: left;
  margin-right: 2%;
}
.box4_right{
  width: 23.5%;
  float: right;
}
.box4_left img,
.box4_right img{
	width: 100%;
	height: auto;
}


/*rss news*/
/*--------------------------------------------------------------------------------*/
#sub_rss_box dl{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
#sub_rss_box dl:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.rss_date{
	float: left;
	width: 15%;
}
.rss_title{
	float: left;
	width: 85%;
}
.rss_contents{
	margin-left: 15%;
}




/*side*/
/*------------------------------------------------------------------------------*/

.side_area{
  margin-bottom:30px;
}

.side_tit{
	background:#005999;
	padding:5px 0px 5px 15px;
	font-size:120%;
  margin-bottom:10px;
}

.side_btn{
	text-align:center;
}

.side_area input[type=text]{
	border:1px solid #035D9D;
	line-height:38px;
	height: 38px;
	padding:0px 10px 0px 10px;
	width:100%;
	text-align:left;
	margin-bottom:10px;
}
.side_area input[type=button]{
border:none;
	width: auto;
	margin:0px auto;
	padding:10px 10px 10px 30px;
	background: url(../../image/common/search.png) no-repeat 10px center #005999;
	color:#FFF;
}
	.side_area input[type=button]:hover{
		opacity:0.7;
	}


.side_area select,.side_area option{
	width:100%;
	margin-bottom:5px;
}

.side_area input[type=checkbox] {
	margin-bottom:5px;
	color:#035D9D;
}

.side_area label {
	margin-bottom:5px;
	float:left;
	margin-right:10px;
	color:#035D9D;
}



.side_box{
  margin-bottom:10px;
  padding:0px 10px;
}



.side_box01{
	background:url(../../image/common/side_on.jpg) no-repeat left center;
	width:100%;
	border:none;
	padding:5px 0px 0px 15px;
	font-size:100%;
	line-height:1.5;
	display:block;
}

.side_box02{
	background:url(../../image/common/side_off.jpg) no-repeat left center;
}


.side_box03{
	padding-left:20px;
}


.side_box03 ul li{
	background: url(../../image/common/arr02.png) no-repeat left center;
	width:100%;
	border:none;
	padding:5px 0px 5px 15px;
	font-size:90%;
	line-height:1.5;
	display:block;
}

.product_in_left{
	width: 37.5%;
	float: left;
	margin-bottom: 25px;
	position:relative;
}

@media screen and (min-width: 1600px) {
	.product_in_left{
		width: 37%;
	}
}

.new .product_in_left:after{
	content:"NEW";
	width:44px;
	padding-left:6px;
	height:30px;
	line-height:31px;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	letter-spacing:0.1em;
	color:#FFF;
	text-align:center;
	background:#F00;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}
.new .product_in_left:before{
	content:"";
	width: 0;
	height: 0;
	border-top:30px solid #F00;
	border-right:8px solid transparent;
	position:absolute;
	top:0;
	left:50px;
	z-index:10;
}

.product_in_left .image_prev{
	margin-bottom: 10px;
}

.image_prev .tabcontent a{
	width: 270px;
	height: 170px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
    border: 1px solid #ccc;	
}

.image_prev .tabcontent img{
	max-width: 270px;
	max-height: 170px;
	width: auto;
	height: auto;
    padding: 2px;
}

.product_in_right{
	width: 60%;
	float: right;
	margin-bottom: 25px;
}

/* Zoom In */
.column_tech {
  margin: 0;
  padding: 0;
}
.column_tech:last-child {
  padding-bottom: 0px;
}
.column_tech::after {
  content: '';
  clear: both;
  display: block;
}
.column_tech div {
  position: relative;
  float: right;
  width: 242px;
  height: 152px;
  margin: 0 auto;
  padding: 0;
}
/*
.column_tech div:first-child {
  margin-right: 0;
}
*/
.column_tech div span {
  position: absolute;
  bottom: -20px;
  left: 0;
  z-index: -1;
  display: block;
  width: 300px;
  margin: 0;
  padding: 0;
  color: #444;
  font-size: 18px;
  text-decoration: none;
  text-align: center;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  opacity: 0;
}
.column_tech div:before{
	content:"";
	width: 0;
	height: 0;
	border-top:30px solid #0054B3;
	border-right:8px solid transparent;
	position:absolute;
	top:0;
	left:116px;
	z-index:10;
}
.column_tech div:after{
	content:"TECHNOLOGY";
	width:110px;
	padding-left:6px;
	height:30px;
	line-height:31px;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	letter-spacing:0.1em;
	color:#FFF;
	text-align:center;
	background:#0054B3;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}
figure {
  width: 242px;
  height: 152px;
  margin: 0 auto;
  padding: 0;
  background: #fff;
  border:1px solid #ccc;
  overflow: hidden;
}
figure:hover+span {
  bottom: -36px;
  opacity: 1;
}

/* Zoom In #1 */
.hover01 figure img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.hover01 figure:hover img {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  opacity: 1;
}

@media only screen and (max-width:690px) {
	.product_in_right p{
		text-align:left;
	}
	.column_tech div {
		float: none;
		text-align:center;
	}
}

.image_select li{
	width: 19.2%;
	display: block;
	float: left;
	padding:2px;
	border:1px solid #ccc;
	margin-right:1%;
	text-align: center;
}

.image_select li#last{
	margin-right:0%;
}

@media screen and (max-width: 1280.8px) and (min-width:1024px) {
	.image_select li{
		width: 19%;
	}
}

@media screen and (min-width: 910px) and (max-width:940px) {
		.image_select li{
		width: 16.2%;
	}
}
@media screen and (min-width: 820px) and (max-width:850px) {
	.image_select li{
		width: 18.2%;
	}
}

@media screen and (min-width: 851.8px) and (max-width:860px) {
	.image_select li{
		width: 17.6%;
	}
}

.image_select li img{
	max-width: 100%;
	height: auto;
}

.product_in {
    margin-top: 45px;
    padding-top: 15px;
    border-top: 2px solid #0056B4;
    margin-bottom: 50px;
}



.product_right_link {
    width: 100%;
    margin-bottom: 15px;
}

.product_right_link li {
    float: left;
    margin-right: 1%;
    width: 32%;
    text-align: center;
}

.product_right_link li a {
    display: block;
    padding: 5px;
    border: 1px solid #0056B4;
    border-radius: 6px;
    width: 100%;
    padding-right: 10px;
    background-image: url(../../image/common/subnav02.png);
    background-repeat: no-repeat;
    background-position: 97% center;
    transition: 0.3s ease;
    font-size: 13px;
	color:#333;
}

.product_right_link li a:hover{
    background-image: url(../../image/common/arr02.png);
    background-color: #0056B4;
    color: #fff;
}

.db_subtitle01 {
    font-size: 22px;
    margin-bottom: 15px;
}

.db_subtitle01 a{
	color:#333;
}

.db_subtitle02 {
    font-size: 17px;
    margin-bottom: 15px;
}

.db_subtitle02 span {
    font-size: 28px;
    font-weight: bold;
}

.db_subtitle02 a{
	color:#333;
}

.title_right {
    color: #3F80C7;
    padding-left: 15px;
    font-size: 20px;
    font-weight: bold;
}

.product_bottom_left {
    float: left;
    text-align: right;
    width: 64.4%;
}

.product_bottom_left a {
    background-color: #33a1e0;
    background-image: url("../image/common/arr02.png");
    background-position: 97% center;
    background-repeat: no-repeat;
    border-radius: 5px;
    color: #fff;
    display: block;
    float: right;
    padding: 7px 10px 7px 3px;
    text-align: center;
    transition: all 0.3s ease 0s;
    width: 30%;
}

.product_bottom_left p {
    width: 57%;
    float: right;
    font-size: 12px;
    color: #666;
}
.product_bottom_right{
	width: 35%;
	float: right;
}

.product_in_bottom{
	width: 100%;
	clear: both;
}

.product_bottom_right a:first-child {
    width: 49%;
    display: block;
    padding: 8px 3px;
    background-color: #595959;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    padding-right: 10px;
    background-image: url(../../image/common/arr02.png);
    background-repeat: no-repeat;
    background-position: 97% center;
    float: left;
    font-size: 13px;
    transition:0.3s ease;	

}

.product_bottom_right a:first-child:hover {
    background-color: #909090;
}

.product_bottom_right a:last-child {
    width: 49%;
    display: block;
    padding: 8px 3px;
    background-color: #FFA040;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    padding-right: 10px;
    background-image: url(../../image/common/arr02.png);
    background-repeat: no-repeat;
    background-position: 97% center;
    float: right;
    font-size: 13px;	
    transition: 0.3s ease;

}

.product_bottom_right a:last-child:hover{
	background-color: #fbd2a9;
}

.product_in02 {
    padding: 15px;
    background-color: #EFEFEF;
    border-radius: 5px;
    margin-bottom: 25px;
}

.product_in_left02 {
    width:calc(37% - 15px);
    background-color: #fff;
    border-radius: 5px;
    padding-top: 25px;
    padding-bottom: 10px;
    float: left;
}

.product_in_left02 p {
    text-align: center;
    font-size: 18px;
    margin-bottom: 15px;
    color: #1360B8;
    font-weight: bold;
}

.product_in_left02 a {
    width: 100%;
    text-align: center;
    display: block;
    background-image: url(../../image/common/db_arr.png);
    background-repeat: no-repeat;
    background-position: 15% center;
    padding-left:15px;
        color: #1360B8;
}

.product_in_right02{
	width: 63%;
	float:right;
} 

.product_in_right02 ul li{
	float: left;
	width: 15%;
	margin:0.5% 0 0 0.5%;
    width: 12%;
}
.product_in_right02 ul li:nth-child(-n+8){
	margin-top:0;
}

.product_in_right02 ul li:nth-child(8n+1){
	clear:both;
	margin-left: 0;
}

.product_in_right02 ul li img{
	max-width: 100%;
/*	width: auto;*/
	height: auto;
}

.product_in_right02 ul li:nth-child(6),.product_in_right02 ul li:nth-child(12),.product_in_right02 ul li:nth-child(18),.product_in_right02 ul li:nth-child(24),
.product_in_right02 ul li:nth-child(30),.product_in_right02 ul li:nth-child(36),.product_in_right02 ul li:nth-child(42),.product_in_right02 ul li:nth-child(48),.product_in_right02 ul li:nth-child(54){
	margin-right: 0%;

}



.box5 li {
    width: 19.2%;
    float: left;
    display: table;
    margin-right: 1%;
    margin-bottom: 20px;
    border: 1px solid #00448E;
    background: url(../../image/common/arr03.png) no-repeat center 95%;
    padding: 5px;
    transition:0.3s ease;
}

.box5 li:nth-child(1){width:15%}
.box5 li:nth-child(2){width:15%}
.box5 li:nth-child(3){width:20%}
.box5 li:nth-child(4){width:26%}
.box5 li:nth-child(5){width:20%}
.box5 li:nth-child(6){width:15%}

.product_bottom_left a:hover {
    background-color: #85b2cc;
}

.new_icon {
    background-color: #fd9325;
    color: #fff;
    width: 60px;
    text-align: center;
    padding: 2px;
    position: absolute;
}

.box5 li:hover{
		background-color:#00448E !important;
		    background: url(../../image/common/arr04.png) no-repeat center 95%;
}

.box5 li:hover a{
	color: #fff;
}

.box5 li:nth-child(5n){
	margin-right: 0;
}

.box5 li a {
    display: table-cell;
    vertical-align: middle;
    color: #00448E;
    text-align: center;
    transition:0.3s ease;
}

.box5 .box5_ex {
    width: 19.2%;
    float: left;
    display: table;
    margin-right: 1%;
    margin-bottom: 20px;
    border: 1px solid #000000;
    background: url(../../image/common/arr03.png) no-repeat center 95%;
    padding: 5px;
    transition:0.3s ease;
}

.box5 .box5_ex:hover{
		background-color:#000000 !important;
		    background: url(../../image/common/arr04.png) no-repeat center 95%;
}

.box5 .box5_ex a {
    display: table-cell;
    vertical-align: middle;
    color: #000000;
    text-align: center;
    transition:0.3s ease;
}

.box5 .box5_ex:hover a{
	color: #fff;
}

.subtitle03 {
    background: #EFEFEF;
    border-top: 3px solid #00448e;
    display: block;
    font-size: 150%;
    padding: 10px 20px;
    color: #00448e;
    margin-bottom: 15px;
}

.subtitle04 {
    border-bottom: 1px solid #00448E;
    background: url(../../image/common/tit_03.png) no-repeat left center;
    font-size: 140%;
    color: #00448E;
    padding: 5px 0px 5px 50px;
    margin-bottom: 15px;
    display: table;
    width: 100%;
}





.product_in03 img {
    width: auto;
    max-width: 100%;
    margin-bottom: 30px;
}

.product_in03 table th{
	color:#333;
	width: 30%;
	padding:5px;
}

.product_in03 table td{
	width: 70%;
	padding:5px;
}

.product_in03 table th,.product_in03 table td{
	border:1px solid #ccc;
}

.product_in03 table{
	width: 100%;	
	margin-bottom: 30px;
}

/*.product_in03 table tbody tr:nth-child(2) th,.product_in03 table tbody tr:nth-child(2) td,
.product_in03 table tbody tr:nth-child(4) th,.product_in03 table tbody tr:nth-child(4) td{
	background-color: #e9e9e9;
}*/


.product_in_left03{
	width: 60%;
	float: left;
}

.product_in_right03{
	width: 38%;
	float: right;
}

.product_in_right03 img{
	width: auto;
	max-width: 100%;
}

.product_in_left03 img{
	width: auto;
	max-width: 100%;
}


.product_in_left04{
	width: 38%;
	float: left;
}

.product_in_right04{
	width: 60%;
	float: right;
}

.product_in_right04 img{
	width: auto;
	max-width: 100%;
}

.product_in_left04 img{
	width: auto;
	max-width: 100%;
}

.bottom_product_list li{
width: 24.2%;
margin-right:1%;
float: left;
}

.bottom_product_list li img{
	max-width: 100%;
	width: auto;	
	height: auto;
	margin-bottom: 10px;	
}

.bottom_product_list li:last-child{
margin-right: 0;
}

.bottom_product_list li p a:first-child {
    color: #3187c9;
    display: block;
    padding-left: 20px;
    background-image: url(../../image/common/db_arr.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-weight: bold;
}

.bottom_product_list li a:first-child {
    background-image: none;
    background-repeat: no-repeat;
    background-position: left center;
    font-weight: bold;
}

.search_box{
	background-color: #e9e9e9;

}


.db_contact_title{
	background-image: url(../../image/common/db_background.jpg);
	color: #fff;
	padding:20px;
	font-size: 20px;
	text-align: center;
	margin-bottom: 25px;
	border:1px solid #ccc;
}

.small_font {
    font-size: 13px;
    text-align: center;
    	margin-bottom: 15px;
}

.db_contact_box{
	width: 100%;
	border:1px solid #005A8A;

}


.box5 {
    margin-bottom: 25px;
}


.db_item_list{
	width: 100%;
}

.db_item_left{
	width: 35%;
	float: left;
	position:relative;
}

.db_item_right{
	width: 63%;
	float: right;
}

.item_list_list li{
	width: 12%;
	float: left;
	margin-right: 0.5%;
	margin-bottom: 0.5%;
}

.item_list_list li img{
	width: 100%;
	height: auto;
}

.db_item_list{
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px dotted #ccc;
}


.db_item_left a{
	width: 235px;
	height: 150px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.db_item_left img {
	max-width: 235px;
	max-height: 150px;
	width: auto;
	height: auto;
	position:relative;
	z-index:1;
}

.new .db_item_left:after{
	content:"NEW";
	width:44px;
	padding-left:6px;
	height:30px;
	line-height:31px;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	letter-spacing:0.1em;
	color:#FFF;
	text-align:center;
	background:#F00;
	position:absolute;
	top:0;
	left:0;
	z-index:10;
}
.new .db_item_left:before{
	content:"";
	width: 0;
	height: 0;
	border-top:30px solid #F00;
	border-right:8px solid transparent;
	position:absolute;
	top:0;
	left:50px;
	z-index:10;
}

.db_search_box{
	padding:10px;
	border:1px solid #3187c9;
	margin-top: 50px;
	margin-bottom: 50px;
}


.db_search_title {
    width: 100%;
    font-size: 18px;
    text-align: center;
    margin-bottom: 15px;
}

.db_search_left {
    width: 30%;
    padding: 7px;
    font-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../../image/common/db_arr02.png);
    background-repeat: no-repeat;
    background-position: 98% center;
    background-color: #e9e9e9;
    border: 0;
        margin-right: 1%;
}

.db_search_center {
    width: 50%;
    padding: 7px;
    font-size: 16px;
    color: #333;
    background-color: #e9e9e9;
    border: 0;
}

.db_search_right {
    width: 18%;
    padding: 8px;
    font-size: 16px;
    border: 0;
    background-color: #3187c9;
    border-radius: 10px;
    color: #fff;
}

.item_list02 li {
    width: 32%;
    float: left;
    margin-right: 2%;
    background-color: #e9e9e9;
    padding: 2px;
    border-top: 3px solid #106bb1;
}
.item_list02 li:last-child{margin-right: 0;}

.item_list02 .item_box_row{margin-bottom: 20px;}
.item_list02 li a{color: #00448e;}

.item_list02 li .item_image{
	width: 229px;
	height: 224px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	background-color: #FFFFFF;
}

.item_list02 li img{
	max-width: 170px;
	max-height: 170px;
	width: auto;
	height: auto;
}


.item_list02 li p {
    padding: 10px;
    font-size: 20px;
}


.db_contact_btn {
    width: 100%;
    display: block;
    margin: 0px auto;
    background: url(../../image/common/btn_bg01.jpg) repeat-x center center;
    background-size: auto 100%;
    border-radius: 5px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.db_link_box {
    max-width: 600px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    padding:0 10px;
}

.db_link_box a:nth-child(1) {
    color: #FFFFFF;
    display: block;
    background: url(../../image/common/contact_icon.png) no-repeat 5% center, url(../../image/common/btn_bg01.jpg) repeat-x left center;
    border-radius: 5px;
    text-align: center;
    line-height: 32px;

    padding: 10px 10px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    float: left;
    width: 40%;
}


.db_link_box a:nth-child(2) {
    color: #FFFFFF;
    display: block;
    background: url(../../image/common/icon_dl.png) no-repeat 5% center, url(../../image/common/btn_bg02.jpg) repeat-x left center;
    border-radius: 5px;
    text-align: center;
    line-height: 32px;
    padding:10px 10px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    float: right;
    width: 40%;
}

/* reset */
/* ******************************************************* */
input, button {
	border: none; 
}

textarea, select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	border: none; 
}

select{
	background: url(../../image/common/arr06.png) no-repeat 95% center #fff;  
}
/* ******************************************************* */


/* sidesearch */
/* ******************************************************* */
.db_sidetitle{
	text-align: center;
	font-size: 18px;
	line-height: 65px;
	background-color: #0054B3;
	margin-bottom: 5px;
	color: #fff;
	letter-spacing: 0.05em;
}
.db_sidesearch{
	padding: 10px 10px 0;
	background-color: #EFEFEF;
}
.db_sidetitle2{
	background: url(../../image/common/tit_01.png) no-repeat 0 6px / 20px auto;
	padding-left: 28px;
	font-size: 14px;
	color: #0054B3;
	margin-bottom: 8px; 
}
.txt_small{
	text-align: center;
	font-size: 12px;
}

.txt_small a{
	color: #0054B3;	
}

.db_sidebar_submit_btn input{
	width: 100%;
	text-align: center;
	border-radius: 5px;
	background-color: #0054B3;
	color: #fff;
	font-size: 14px;
	line-height: 1;
	padding: 12px 0;
	margin-top: 15px;
	margin-bottom: 15px;
	cursor: pointer;
}
#db_aco{
	background-color: #fff;
	margin-bottom: 15px;
}


#db_aco dt{
	font-size: 14px;
	padding: 14px 12px 10px;
	line-height: 1;
	cursor: pointer;
	border-bottom: 1px solid #ccc;
	background: url(../../image/common/icon_plus.png) no-repeat 95% center; 
}
#db_aco dt.active{
	background-image: url(../../image/common/icon_minus.png);
	border-bottom: 1px dotted #ccc;
	color: #0056B5;
}
#db_aco dd{
	display: none;
	padding: 10px 15px 3px 15px;
	border-bottom: 2px solid rgba(0, 0, 0, 0.08);
}

#db_aco label{
	display: block;
}

#db_aco input{
	vertical-align: middle;
	margin-right: 5px;
}


.db05_outline{
    width: 100%;
}

.db05_extend {
    width: 49%;
    float: left;
    margin-right: 2%;
    margin-bottom: 25px;
    border: 2px solid #e9e9e9;
    padding-bottom: 36px;
}

.db05_outline .db05_extend:nth-child(even){
    margin-right: 0;
}

.db05_title {
    font-size: 21px;
    line-height: 1.1;
    width: 80%;
    padding-left: 60px;
    text-shadow: 0px 0px 8px #fff;
        padding-top: 9px;
    padding-bottom: 8px;
}
.db05_title a{
	color:#333;
}

.db05_entitle {
    font-size: 13px;
    padding-left: 10px;
}


.bl{border-top: 3px solid #0098d8;
    padding-top: 25px;
	background:url(../../image/common/db_arr_b.png) no-repeat 98% center,url(../../image/common/db_left_img01.png) no-repeat 88% center;
}
.gr{border-top: 3px solid #468c00;
    padding-top: 25px;
	background:url(../../image/common/db_arr_g.png) no-repeat 98% center,url(../../image/common/db_right_img01.png) no-repeat 88% center;
}
.pi{border-top: 3px solid #c72573;
    padding-top: 25px;
    background:url(../../image/common/db_arr_p.png) no-repeat 98% center,url(../../image/common/db_left_img02.png) no-repeat 88% center;
}
.or{border-top: 3px solid #ff7f00;
    padding-top: 25px;
	background:url(../../image/common/db_arr_o.png) no-repeat 98% center,url(../../image/common/db_right_img02.png) no-repeat 90% center;
} 


.bl .db05_title {
    background-image: url(../../image/common/db_door_icon.png);
    background-repeat: no-repeat;
    background-position: 4% center;

}

.gr .db05_title {
        background-image: url(../../image/common/db_car_icon.png);
    background-repeat: no-repeat;
    background-position: 4% center;
}

.pi .db05_title {
        background-image: url(../../image/common/db_hospital_icon.png);
    background-repeat: no-repeat;
    background-position: 4% center;
}

.or .db05_title {
        background-image: url(../../image/common/db_check_icon.png);
    background-repeat: no-repeat;
    background-position: 4% center;
}



.bl .db05_entitle {
    color: #0098d8;
}
.gr .db05_entitle {
    color: #468c00;
}
.pi .db05_entitle {
    color: #c72573;
}
.or .db05_entitle {
    color: #ff7f00;
}

#side_search_category_list,#side_search_category_list_child{
	padding: 8px;
}

.db_sidebar_keyword_box input{
	width: 100%;
	padding: 8px;
}

.db_sidebar_place_box{
	padding: 8px;	
}

.db_item_free_box01 img{
	display: block;
	width:auto;
	max-width: 100%;
	height: auto;
	margin:5px auto 25px;
}




/* screens smaller than 980---------------------------------------------------------- */
@media only screen and (min-width:691px) and (max-width:1000px) {

	label.checkbox_text {
		margin-right: 24px;
	}

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


.product_bottom_left a:hover {
    background-color: #85b2cc;
}

.new_icon {
    background-color: #fd9325;
    color: #fff;
    width: 60px;
    text-align: center;
    padding: 2px;
    position: absolute;
}

.pager {
	text-align: right;
	zoom:1;
    letter-spacing:-1em;
}
.pager a,
.pager span {
	display:inline-block;
	margin-right:4px;
    letter-spacing:normal;
}
.pager a,
.pager span{
	padding:5px 4px;
	min-width:15px;
	text-align:center;	
	font-size:12px;
	line-height:1;
	text-decoration: none !important;
}

.pager a:link,
.pager a:visited {

}

.pager a:hover,
.pager a:active {
	color: #FFFFFF;
	background:#0054B3;
}

.pager span {
	color: #FFFFFF;	
	background:#0054B3;
}

.pager .dots{
	border:none !important;
}
.pager .next {
	margin-right:0;
}


/*160720add*/


.product0203_table{
	width:630px;
	margin:0 auto 10px;
}

.product0203_table th,.product0203_table td{
	vertical-align:top;
	border:1px solid #CCC;
}


.product0203_table th{
    padding: 7px;
    width: 184px;
    font-weight: normal;
/*    text-align: center;*/
    background: #EFEFEF;
}

.product0203_table td{
    padding: 7px;
    width: 416px;
    text-align: left;
}



/*item_toilet*/
/*--------------------------------------------------------------------------------*/
.pc_style {
	display: block;
}
.sp_style {
	display: none;
}

.toilet_alert_box {
	border-radius: 10px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ccf2ff+0,ffffff+28,ffffff+100 */
	background: #ccf2ff; /* Old browsers */
	background: -moz-linear-gradient(top, #ccf2ff 0%, #ffffff 28%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ccf2ff 0%, #ffffff 28%, #ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ccf2ff 0%, #ffffff 28%, #ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccf2ff', endColorstr='#ffffff', GradientType=0 ); /* IE6-9 */
	padding: 10px;
	margin-bottom: 50px;
}
.toilet_title03 {
	text-align: center;
	padding: 15px;
	font-size: 20px;
	color: #0098D8;
	margin-bottom: 25px;
}
.toilet_alert_left {
	float: left;
	width: 40%;
	text-align: center;
}
.toilet_alert_left p {
	text-align: left;
}
.toilet_alert_left img {
	width: auto;
	max-width: 100%;
	height:auto;
}
.toilet_alert_right {
	width: 55%;
	float: right;
	text-align: center;
}
.toilet_alert_right img {
	width: auto;
	max-width: 100%;
	height:auto;
}

.toilet_alert_left2 {
	float: left;
	width: 48%;
	text-align: center;
}
.toilet_alert_left2 p {
	text-align: left;
}
.toilet_alert_left2 img {
	width: auto;
	max-width: 100%;
	height:auto;
}
.toilet_alert_right2 {
	width: 48%;
	float: right;
	text-align: center;
}
.toilet_alert_right2 img {
	width: auto;
	max-width: 100%;
	height:auto;
}

.toilet_alert_left3 {
	float: left;
	width: 40%;
}

.toilet_alert_left3 img {
	width: auto;
	max-width: 100%;
	height:auto;
}
.toilet_alert_right3 {
	width: 59%;
	float: right;
}
.toilet_alert_right3 img {
	width: auto;
	max-width: 100%;
	height:auto;
}


.toilet_alert_box img {
	width: auto;
	max-width: 100%;
	height:auto;
}
.toilet_link_box {
	width: 100%;
	margin-bottom: 50px;
	margin-top: 8px;
}
.toilet_link_box a {
	display: block;
	width: 30%;
	text-align: center;
	float: left;
	margin-right: 5%;
	padding: 8px;
	border-radius: 4px;
	transition: 0.3s ease;
	font-size: 16px;
	border: 1px solid #0091dc;
	background-color: #fff;
	color: #0091dc;
}
.toilet_link_box a:hover {
	background-color:#0056B4;
	color:#FFF;
}
.toilet_link_box a:nth-of-type(3) {
	margin-right: 0;
}
.toilet_case {
	border-radius: 0px;
	font-size: 19px;
	letter-spacing: 2px;
	font-weight: bold;
	color: #333;
	border-left: 5px solid #0056b4;
	padding-left: 4px;
	padding-top: 0px;
}
.toilet_title_in {
	padding-left: 10px;
	font-size: 18px;
}
.toilet_use_title01 {
    border-bottom: 1px solid #0056b4;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
.get_in_text {
	width: 100%;
	text-align: center;
	padding: 5px;
	font-size: 17px;
	color: #fff;
	background-color: #0056b4;
}
.get_out_text {
    background-color: #8c8c8c;
    color: #fff;
    font-size: 17px;
    padding: 5px;
    text-align: center;
    width: 100%;
}
.toilet_in_out_box {
    margin-bottom: 30px;
}
.color_gr {
	color: #4e923f;
}
.color_b {
	color: #0056b4;
}
.toilet_use_extend {
	float: left;
	width: 48%;
	margin-right: 4%;
}
.toilet_use_extend img {
	width: 100%; 
	height:auto;
	margin-top: 0px;
	margin-bottom: 10px;
}

.toilet_use_extend:last-child{margin-right: 0;}

.toilet_use_how_out_left {
	float: left;
	width: 49%;
}
.toilet_use_how_out_right .toilet_use_extend:last-child {
	margin-right: 0;
}
.toilet_use_how_out_right .toilet_use_extend {
	float: left;
	width: 48%;
	margin-right: 4%;
}
.color_br {
	color: #b94a4a;
}
.toilet_use_how_out_right {
	float: right;
	width: 49%;
}
.toilet_use_box {
	width: 100%;
	margin-bottom: 25px;
}
.toilet_function_box {
	width: 100%;
	margin-bottom: 30px;
}
.toilet_function_left01 {
	float: left;
	width: 65%;
}
.toilet_function_left01 img {
	width: auto;
	max-width: 100%;
	height:auto;
}
.toilet_function_right01 {
	width: 30%;
	float: right;
}
.toilet_function_right01 img {
	width: auto;
	max-width: 100%;
	height:auto;
}
.toilet_function_extend img {
	width: 100%;
	height:auto;
}
.toilet_function_extend {
	width: 30%;
	margin-right: 5%;
	float: left;
}
.toilet_function_box .toilet_function_extend:nth-child(1) {
	width: 65%;
}
.toilet_function_box .toilet_function_extend:nth-child(2), .toilet_function_box .toilet_function_extend:nth-child(5) {
	margin-right: 0;
}
.toilet_function_box .toilet_function_extend p {
	text-align: left;
}
.toilet_function_box img {
	width: auto;
	max-width: 100%;
	height:auto;
	margin-top: 0px;
	margin-bottom: 15px;
}
.toilet_function_extend02 {
	float: left;
	text-align: center;
}
.toilet_function_extend02 p {
	text-align: left;
}
.toilet_function_extend02 img {
	width: auto;
	max-width: 100%;
	height:auto;
}
.toilet_function_box .toilet_function_extend02:first-child {
	width: 29.5%;
	margin-right: 0%;
}
.toilet_function_box .toilet_function_extend02:nth-child(2) {
	width: 10%;
	margin-right: 0%;
}
.toilet_function_box .toilet_function_extend02:nth-child(2) img, .toilet_function_box .toilet_function_extend03:nth-child(2) img {
	margin-right: auto;
	margin-left: auto;
}
.toilet_function_box .toilet_function_extend02:last-child {
	width: 60%;
}
.toilet_function_extend03 {
	float: left;
	text-align: center;
}
.toilet_function_extend03 p {
	text-align: left;
}
.toilet_function_extend03 img {
	width: auto;
	max-width: 100%;
	height:auto;
}
.toilet_function_box .toilet_function_extend03:last-child {
	width: 29.5%;
	margin-right: 0%;
}
.toilet_function_box .toilet_function_extend03:nth-child(2) {
	width: 10%;
	margin-right: 0%;
}
.toilet_function_box .toilet_function_extend03:first-child {
	width: 60%;
}
.toilet_function_title01 {
	text-align: center;
	padding: 5px;
	margin-bottom: 10px;
	color: #fff;
	background-color: #4775a9;
	font-size: 16px;
}
.toilet_function_title02 {
	text-align: center;
	padding: 5px;
	margin-bottom: 10px;
	color: #fff;
	background-color: #8c8c8c;
	font-size: 16px;
}
.toilet_spec_box {
	width: 100%;
	margin-bottom: 50px;
}
.toilet_spec_box img {
	max-width: 100%;
	height:auto;
}
.spec_subtitle {
	color: #00448e;
	font-size: 18px;
	margin-bottom: 10px;
	border-bottom: 1px solid #00448e;
}
.toilet_spec_left {
	float: left;
	width: 25%;
}
.toilet_spec_right {
	width: 70%;
	float: right;
}
.toilet_spec_right table {
	width: 100%;
}
.toilet_spec_right table th {
	background-color: #efefef;
	color: #333;
	font-weight:normal;
	vertical-align: middle;
	padding: 10px;
	border: 1px solid #ccc;
	width: 30%
}
.toilet_spec_right table td {
	padding: 10px;
	vertical-align: middle;
	border: 1px solid #ccc;
	width: 70%;
}
.color_b {
    color: #0056b4;
    border: 1px solid #0056b4;
    padding: 0 2px;
}
.color_br {
    color: #b94a4a;
    border: 1px solid #b94a4a;
    padding: 0 2px;
}

.color_r {
    background-color: #e4001c;
    color: #fff;
    border-radius: 100%;
    display: inline-block;
    width: 22px;
    height: 22px;
    text-align: center;
}

.color_gr {
    color: #fff;
        background-color: #4e923f;;
    color: #fff;
    border-radius: 100%;
    display: inline-block;
    width: 22px;
    height: 22px;
    text-align: center;
}


/*en*/
/*------------------------------------------------------------------*/

#db_en_head_btn{
	padding:15px;
	background:#EFEFEF;
	margin-bottom:50px;
}

#db_en_head_btn *,#db_en_head_btn *:before,#db_en_head_btn *:after{
	transition:0.3s;
}

#db_en_head_btn li{
	float:left;
	margin-left:1.4%;
}
#db_en_head_btn li:first-child{
	margin-left:0;
}

#db_en_head_btn li:nth-child(1){width:10%;}
#db_en_head_btn li:nth-child(2){width:17%;}
#db_en_head_btn li:nth-child(3){width:17%;}
#db_en_head_btn li:nth-child(4){width:20%;}
#db_en_head_btn li:nth-child(5){width:18%;}
#db_en_head_btn li:nth-child(6){width:16%;}

#db_en_head_btn li a{
	display:block;
	text-align:center;
	background:#FFF;
	padding:10px 0 10px 10px;
	border:1px solid #0056B4;
	color:#0056B4;
	position:relative;
}

#db_en_head_btn li a:before{
	content:"";
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 7px solid #0056B4;
	position:absolute;
	left:5px;
	top:calc(50% - 3px);
}


#db_en_head_btn li a:hover{
	background:#0056B4;
	border:1px solid #0056B4;
	color:#FFF;
}

#db_en_head_btn li a:hover:before{
	border-top: 7px solid #FFF;
}

#db_en_head_btn li.main_current a{
	background:#0056B4 !important;
	border:1px solid #0056B4 !important;
	color:#FFF !important;
}

#db_en_head_btn li.main_current a:before{
	border-top: 7px solid #FFF !important;
}


#db_en_head_btn .sliding_door a{
	display:block;
	text-align:center;
	background:#FFF;
	padding:10px 0 10px 10px;
	border:1px solid #366092;
	color:#366092;
	position:relative;
}

#db_en_head_btn .sliding_door a:before{
	content:"";
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 7px solid #366092;
	position:absolute;
	left:5px;
	top:calc(50% - 3px);
}

#db_en_head_btn .sliding_door.main_current a{
	background:#366092 !important;
	border:1px solid #366092 !important;
	color:#FFF !important;
}

#db_en_head_btn .sliding_door a:hover{
	background:#366092;
	border:1px solid #366092;
	color:#FFF;
}


#db_en_head_btn .swing_door a{
	display:block;
	text-align:center;
	background:#FFF;
	padding:10px 0 10px 10px;
	border:1px solid #538DD5;
	color:#538DD5;
	position:relative;
}

#db_en_head_btn .swing_door a:before{
	content:"";
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 7px solid #538DD5;
	position:absolute;
	left:5px;
	top:calc(50% - 3px);
}

#db_en_head_btn .swing_door.main_current a{
	background:#538DD5 !important;
	border:1px solid #538DD5 !important;
	color:#FFF !important;
}

#db_en_head_btn .swing_door a:hover{
	background:#538DD5;
	border:1px solid #538DD5;
	color:#FFF;
}

#db_en_head_btn .industrial_door a{
	display:block;
	text-align:center;
	background:#FFF;
	padding:10px 0 10px 10px;
	border:1px solid #4BACC6;
	color:#4BACC6;
	position:relative;
}

#db_en_head_btn .industrial_door a:before{
	content:"";
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 7px solid #4BACC6;
	position:absolute;
	left:5px;
	top:calc(50% - 3px);
}

#db_en_head_btn .industrial_door.main_current a{
	background:#4BACC6 !important;
	border:1px solid #4BACC6 !important;
	color:#FFF !important;
}

#db_en_head_btn .industrial_door a:hover{
	background:#4BACC6;
	border:1px solid #4BACC6;
	color:#FFF;
}

#db_en_head_btn .parking a{
	display:block;
	text-align:center;
	background:#FFF;
	padding:10px 0 10px 10px;
	border:1px solid #4F6228;
	color:#4F6228;
	position:relative;
}

#db_en_head_btn .parking a:before{
	content:"";
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 7px solid #4F6228;
	position:absolute;
	left:5px;
	top:calc(50% - 3px);
}

#db_en_head_btn .parking.main_current a {
    background: #4F6228 !important;
    border: 1px solid #4F6228 !important;
    color: #FFF;
}

#db_en_head_btn .parking a:hover{
	background:#4F6228 !important;
	border:1px solid #4F6228 !important;
	color:#FFF;
}

/*--- sliding_door -------------------*/
#db_en_category_btn.sliding_door_in li a{
	border: 1px solid #366092;
	color: #366092;
}
#db_en_category_btn.sliding_door_in li:nth-child(1) a.tabover,
#db_en_category_btn.sliding_door_in li:nth-child(1) a:hover{
	background-color: rgba(54,96,146,1);
	border: 1px solid rgba(54,96,146,1);
	color: #ffffff; 
}
#db_en_category_btn.sliding_door_in li:nth-child(2) a.tabover, #db_en_category_btn.sliding_door_in li:nth-child(2) a:hover {
    background-color: rgb(54, 96, 146);
    border: 1px solid rgb(54, 96, 146);
    color: #ffffff;
}
#db_en_category_btn.sliding_door_in li:nth-child(3) a.tabover, #db_en_category_btn.sliding_door_in li:nth-child(3) a:hover {
    background-color: rgb(54, 96, 146);
    border: 1px solid rgb(54, 96, 146);
    color: #ffffff;
}
#db_en_category_btn.sliding_door_in li:nth-child(4) a.tabover,
#db_en_category_btn.sliding_door_in li:nth-child(4) a:hover{
    background-color: rgb(54, 96, 146);
    border: 1px solid rgb(54, 96, 146);
	color: #ffffff; 
}
#db_en_category_btn.sliding_door_in li:nth-child(1) a:before{border-top: 7px solid rgba(54,96,146,1);}
#db_en_category_btn.sliding_door_in li:nth-child(2) a:before{border-top: 7px solid rgba(54,96,146,1);}
#db_en_category_btn.sliding_door_in li:nth-child(3) a:before{border-top: 7px solid rgba(54,96,146,1);}
#db_en_category_btn.sliding_door_in li:nth-child(4) a:before{border-top: 7px solid rgba(54,96,146,1);}
#db_en_category_btn.sliding_door_in li:nth-child(5) a:before{border-top: 7px solid rgba(54,96,146,1);}

#db_en_category_btn.sliding_door_in li:nth-child(1) a:hover:before,
#db_en_category_btn.sliding_door_in li:nth-child(2) a:hover:before,
#db_en_category_btn.sliding_door_in li:nth-child(3) a:hover:before,
#db_en_category_btn.sliding_door_in li:nth-child(4) a:hover:before,
#db_en_category_btn.sliding_door_in li:nth-child(5) a:hover:before,
#db_en_category_btn.sliding_door_in li:nth-child(1) a.tabover:before,
#db_en_category_btn.sliding_door_in li:nth-child(2) a.tabover:before,
#db_en_category_btn.sliding_door_in li:nth-child(3) a.tabover:before,
#db_en_category_btn.sliding_door_in li:nth-child(4) a.tabover:before,
#db_en_category_btn.sliding_door_in li:nth-child(5) a.tabover:before{
	border-top: 7px solid rgba(255,255,255,1);
}
/*--- sliding_door -------------------*/
#db_en_category_btn.swing_door_in li a{
	border: 1px solid #538DD5;
	color: #538DD5;
}
#db_en_category_btn.swing_door_in li:nth-child(1) a.tabover,
#db_en_category_btn.swing_door_in li:nth-child(1) a:hover{
	background-color: rgba(83,141,213,1);
	border: 1px solid rgba(83,141,213,1);
	color: #ffffff; 
}
#db_en_category_btn.swing_door_in li:nth-child(2) a.tabover,
#db_en_category_btn.swing_door_in li:nth-child(2) a:hover{
	background-color: rgba(83,141,213,1);
	border: 1px solid rgba(83,141,213,1);
	color: #ffffff; 
}
#db_en_category_btn.swing_door_in li:nth-child(3) a.tabover,
#db_en_category_btn.swing_door_in li:nth-child(3) a:hover{
	background-color: rgba(83,141,213,1);
	border: 1px solid rgba(83,141,213,1);
	color: #ffffff; 
}
#db_en_category_btn.swing_door_in li:nth-child(4) a.tabover,
#db_en_category_btn.swing_door_in li:nth-child(4) a:hover{
	background-color: rgba(83,141,213,1);
	border: 1px solid rgba(83,141,213,1);
	color: #ffffff; 
}
#db_en_category_btn.swing_door_in li:nth-child(1) a:before{border-top: 7px solid rgba(83,141,213,1);}
#db_en_category_btn.swing_door_in li:nth-child(2) a:before{border-top: 7px solid rgba(83,141,213,1);}
#db_en_category_btn.swing_door_in li:nth-child(3) a:before{border-top: 7px solid rgba(83,141,213,1);}
#db_en_category_btn.swing_door_in li:nth-child(4) a:before{border-top: 7px solid rgba(83,141,213,1);}
#db_en_category_btn.swing_door_in li:nth-child(5) a:before{border-top: 7px solid rgba(83,141,213,1);}

#db_en_category_btn.swing_door_in li:nth-child(1) a:hover:before,
#db_en_category_btn.swing_door_in li:nth-child(2) a:hover:before,
#db_en_category_btn.swing_door_in li:nth-child(3) a:hover:before,
#db_en_category_btn.swing_door_in li:nth-child(4) a:hover:before,
#db_en_category_btn.swing_door_in li:nth-child(5) a:hover:before,
#db_en_category_btn.swing_door_in li:nth-child(1) a.tabover:before,
#db_en_category_btn.swing_door_in li:nth-child(2) a.tabover:before,
#db_en_category_btn.swing_door_in li:nth-child(3) a.tabover:before,
#db_en_category_btn.swing_door_in li:nth-child(4) a.tabover:before,
#db_en_category_btn.swing_door_in li:nth-child(5) a.tabover:before{
	border-top: 7px solid rgba(255,255,255,1);
}
/*--- sliding_door -------------------*/
#db_en_category_btn.industrial_door_in li a{
	border: 1px solid #4BACC6;
	color: #4BACC6;
}
#db_en_category_btn.industrial_door_in li:nth-child(1) a.tabover,
#db_en_category_btn.industrial_door_in li:nth-child(1) a:hover{
	background-color: rgba(75,172,198,1);
	border: 1px solid rgba(75,172,198,1);
	color: #ffffff; 
}
#db_en_category_btn.industrial_door_in li:nth-child(2) a.tabover,
#db_en_category_btn.industrial_door_in li:nth-child(2) a:hover{
	background-color: rgb(75,172,198);
	border: 1px solid rgb(75,172,198);
	color: #ffffff; 
}
#db_en_category_btn.industrial_door_in li:nth-child(3) a.tabover,
#db_en_category_btn.industrial_door_in li:nth-child(3) a:hover{
	background-color: rgb(75,172,198);
	border: 1px solid rgb(75,172,198);
	color: #ffffff; 
}
#db_en_category_btn.industrial_door_in li:nth-child(4) a.tabover,
#db_en_category_btn.industrial_door_in li:nth-child(4) a:hover{
	background-color: rgb(75,172,198);
	border: 1px solid rgb(75,172,198);
	color: #ffffff; 
}
#db_en_category_btn.industrial_door_in li:nth-child(1) a:before{border-top: 7px solid rgba(75,172,198,1);}
#db_en_category_btn.industrial_door_in li:nth-child(2) a:before{border-top: 7px solid rgba(75,172,198,1);}
#db_en_category_btn.industrial_door_in li:nth-child(3) a:before{border-top: 7px solid rgba(75,172,198,1);}
#db_en_category_btn.industrial_door_in li:nth-child(4) a:before{border-top: 7px solid rgba(75,172,198,1);}
#db_en_category_btn.industrial_door_in li:nth-child(5) a:before{border-top: 7px solid rgba(75,172,198,1);}

#db_en_category_btn.industrial_door_in li:nth-child(1) a:hover:before,
#db_en_category_btn.industrial_door_in li:nth-child(2) a:hover:before,
#db_en_category_btn.industrial_door_in li:nth-child(3) a:hover:before,
#db_en_category_btn.industrial_door_in li:nth-child(4) a:hover:before,
#db_en_category_btn.industrial_door_in li:nth-child(5) a:hover:before,
#db_en_category_btn.industrial_door_in li:nth-child(1) a.tabover:before,
#db_en_category_btn.industrial_door_in li:nth-child(2) a.tabover:before,
#db_en_category_btn.industrial_door_in li:nth-child(3) a.tabover:before,
#db_en_category_btn.industrial_door_in li:nth-child(4) a.tabover:before,
#db_en_category_btn.industrial_door_in li:nth-child(5) a.tabover:before{
	border-top: 7px solid rgba(255,255,255,1);
}
/*--- sliding_door -------------------*/
#db_en_category_btn.parking_in li a{
	border: 1px solid #4F6228;
	color: #4F6228;
}
#db_en_category_btn.parking_in li:nth-child(1) a.tabover,
#db_en_category_btn.parking_in li:nth-child(1) a:hover{
	background-color: rgba(79,98,40,1);
	border: 1px solid rgba(79,98,40,1);
	color: #ffffff; 
}
#db_en_category_btn.parking_in li:nth-child(2) a.tabover,
#db_en_category_btn.parking_in li:nth-child(2) a:hover{
	background-color: rgba(79,98,40,1);
	border: 1px solid rgba(79,98,40,1);
	color: #ffffff; 
}
#db_en_category_btn.parking_in li:nth-child(3) a.tabover,
#db_en_category_btn.parking_in li:nth-child(3) a:hover{
	background-color: rgba(79,98,40,1);
	border: 1px solid rgba(79,98,40,1);
	color: #ffffff; 
}
#db_en_category_btn.parking_in li:nth-child(4) a.tabover,
#db_en_category_btn.parking_in li:nth-child(4) a:hover{
	background-color: rgba(79,98,40,1);
	border: 1px solid rgba(79,98,40,1);
	color: #ffffff; 
}
#db_en_category_btn.parking_in li:nth-child(1) a:before{border-top: 7px solid rgba(79,98,40,1);}
#db_en_category_btn.parking_in li:nth-child(2) a:before{border-top: 7px solid rgba(79,98,40,1);}
#db_en_category_btn.parking_in li:nth-child(3) a:before{border-top: 7px solid rgba(79,98,40,1);}
#db_en_category_btn.parking_in li:nth-child(4) a:before{border-top: 7px solid rgba(79,98,40,1);}
#db_en_category_btn.parking_in li:nth-child(5) a:before{border-top: 7px solid rgba(79,98,40,1);}

#db_en_category_btn.parking_in li:nth-child(1) a:hover:before,
#db_en_category_btn.parking_in li:nth-child(2) a:hover:before,
#db_en_category_btn.parking_in li:nth-child(3) a:hover:before,
#db_en_category_btn.parking_in li:nth-child(4) a:hover:before,
#db_en_category_btn.parking_in li:nth-child(5) a:hover:before,
#db_en_category_btn.parking_in li:nth-child(1) a.tabover:before,
#db_en_category_btn.parking_in li:nth-child(2) a.tabover:before,
#db_en_category_btn.parking_in li:nth-child(3) a.tabover:before,
#db_en_category_btn.parking_in li:nth-child(4) a.tabover:before,
#db_en_category_btn.parking_in li:nth-child(5) a.tabover:before{
	border-top: 7px solid rgba(255,255,255,1);
}

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

.en_db_subtitle{
	font-size:110%;
	font-weight:bold;
	margin-bottom:15px;
}


#db_en_category_btn{
	padding:0 15px;
	margin-top:-30px;
	margin-bottom:50px;
}

#db_en_category_btn *,
#db_en_category_btn *:before,
#db_en_category_btn *:after{
	transition:0.3s;
}

#db_en_category_btn li{
	float:left;
	margin:1.4% 0 0 1.4%;
	position:relative;
	left:-1.4%;
}
#db_en_category_btn li:first-child{
	width:10%;
}

#db_en_category_btn li a{
	display:block;
	text-align:center;
	background:#FFF;
	padding:10px 10px 10px 20px;
	border:1px solid #0056b4;
	color:#0056b4;
	position:relative;
}

#db_en_category_btn li a:before{
	content:"";
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 7px solid #0056B4;
	position:absolute;
	left:5px;
	top:calc(50% - 3px);
}


#db_en_category_btn li a:hover,
#db_en_category_btn li a.tabover{
	background:#0056B4;
	border:1px solid #0056B4;
	color:#FFF;
}

#db_en_category_btn .combined_activation a:hover,
#db_en_category_btn .combined_activation a.tabover{
	background:#1F497D;
	border:1px solid #1F497D;
	color:#FFF;
}

#db_en_category_btn li a:hover:before,
#db_en_category_btn li a.tabover:before{
	border-top: 7px solid #FFFFFF;
}


#db_en_category_btn .combined_activation a{
	display:block;
	text-align:center;
	background:#FFF;
	padding:10px 10px 10px 20px;
	border:1px solid #8DB4E2;
	color:#1F497D;
	position:relative;
}

#db_en_category_btn .combined_activation a:before{
	content:"";
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 7px solid #1F497D;
	position:absolute;
	left:5px;
	top:calc(50% - 3px);
}

#db_en_category_btn .combined_activation a:hover,
#db_en_category_btn .combined_activation a.tabover{
	background:#8DB4E2;
	border:1px solid #8DB4E2;
	color:#1F497D;
}

#db_en_category_btn .activation a{
	display:block;
	text-align:center;
	background:#FFF;
	padding:10px 10px 10px 20px;
	border:1px solid #B8CCE4;
	color:#1F497D;
	position:relative;
}

#db_en_category_btn .activation a:before{
	content:"";
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 7px solid #1F497D;
	position:absolute;
	left:5px;
	top:calc(50% - 3px);
}

#db_en_category_btn .activation a:hover,
#db_en_category_btn .activation a.tabover{
	background:#B8CCE4;
	border:1px solid #B8CCE4;
	color:#FFF;
}

#db_en_category_btn .safety a{
	display:block;
	text-align:center;
	background:#FFF;
	padding:10px 10px 10px 20px;
	border:1px solid #DCE6F1;
	color:#1F497D;
	position:relative;
}

#db_en_category_btn .safety a:before{
	content:"";
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 7px solid #1F497D;
	position:absolute;
	left:5px;
	top:calc(50% - 3px);
}

#db_en_category_btn .safety a:hover,#db_en_category_btn .safety a.tabover{
	background:#DCE6F1;
	border:1px solid #DCE6F1;
	color:#FFF;
}

#db_en_category_btn .combined_activation2 a{
	display:block;
	text-align:center;
	background:#FFF;
	padding:10px 10px 10px 20px;
	border:1px solid #B7DEE8;
	color:#215967;
	position:relative;
}

#db_en_category_btn .combined_activation2 a:before{
	content:"";
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 7px solid #215967;
	position:absolute;
	left:5px;
	top:calc(50% - 3px);
}

#db_en_category_btn .combined_activation2 a:hover,#db_en_category_btn .combined_activation2 a.tabover{
	background:#B7DEE8;
	border:1px solid #B7DEE8;
	color:#FFF;
}


.product_btn3 li{
	float:left;
	width:26%;
	margin-left:2%;
}

.product_btn3 li:nth-child(2) {
    width: 40%;
}

.product_btn3 li:first-child{
	margin-left:0;
}
.product_btn3 li a{
	display:block;
	text-align:center;
	padding:8px 5px;
	background:#0054B3;
	color:#FFF;
	border-radius:5px;
	font-size:13px;
	transition:0.3s;
}
.product_btn3 li a:hover{
	opacity:0.7;
	transition:0.3s;
}

.zoom_box{display:none;}
body#tinymce .zoom_box{display:block;}

.zoom_title{
	font-size:130%;
	font-weight:bold;
	margin-bottom:20px;
}
.zoom_img{
	text-align:center;
	margin-bottom:20px;
}
.zoom_img img{
	max-width:100%;
	height:auto;
}

.circle_list > li{
	padding-left:1.3em;
	position:relative;
	line-height:1.5;
	margin-top:10px;
}
.circle_list > li:before{
	content:"●";
	color:#3187C9;
	position:absolute;
	left:0;
	top:0;
}

.circle_list ul{
	margin-bottom:20px;
}

.point_list > li{
	padding-left:1.3em;
	position:relative;
	line-height:1.5;
	margin-top:10px;
}
.point_list > li:before{
	content:"・";
	color:#3187C9;
	position:absolute;
	left:0;
	top:0;
}
.point_list ul{
	margin-bottom:20px;
}

.scroll-info{
 display:none;
}
#tinymce .scroll-info{
 display:block;
}

.db_table {
 width:100%;
 border-collapse:collapse;
}

.db_table tbody > tr > *{
 padding:10px;
 border:solid #CCC 1px;
 vertical-align:middle;
}

.db_table tbody > tr > th{
	font-weight:normal;
	background:#EFEFEF;
}

.spec.db_table tbody > tr > th{
	width: 30%;
	font-weight:normal;
	background:#EFEFEF;
}


#contents_right_in_sp {
    display: none;
}

#contents_right_sp{
	float: right;
	width: 24%;
	padding:0px 0px 30px;
}

.img_lerge img{
	width: 100%;
	height: auto;
}

.option_left {
	width: 38%;
	float:left;
	border:1px solid #ccc;
}
.option_left img {
	max-width:100%;
	height:auto;
}

.option_right {
	width:60%;
	float:right;
}

.pc_br {
    display: block;
}


/*title*/
/*------------------------------------------------------------------------------*/

.subtitle02_box {
	display:table;
	width: 100%;
	background: url(../../image/common/h2_bg.jpg) no-repeat center center;
	background-size: cover !important;
}

.subtitle02_box.door {
	background: url(../../image/common/h2_bg_door.jpg) no-repeat center center;
	background-size: 2000px auto !important;
}
.subtitle02_box.car {
	background: url(../../image/common/h2_bg_car.jpg) no-repeat center center;
	background-size: 2000px auto !important;
}
.subtitle02_box.care {
	background: url(../../image/common/h2_bg_swing.jpg) no-repeat center center;
	background-size: 2000px auto !important;
}
.subtitle02_box.entry {
	background: url(../../image/common/h2_bg_industrial.jpg) no-repeat center center;
	background-size: 2000px auto !important;
}
.subtitle02_box.door .subtitle02_box_in,
.subtitle02_box.car .subtitle02_box_in,
.subtitle02_box.care .subtitle02_box_in,
.subtitle02_box.entry .subtitle02_box_in{
	padding-left: 16px;
	padding-right: 16px;
}

/*features*/
/*------------------------------------------------------------------------------*/

.features .subtitle04{
    border-bottom: 1px solid #00448E;
    background: url(../../image/common/tit_03.png) no-repeat left center;
    background-size:32px;
    font-size: 100%;
    padding: 8px 0 8px 40px;
    margin-bottom: 10px;
    display: table;
    width: 100%;
    color:#000000;
    line-height:15px;
}

.features .subtitle04_line_non{
    border-bottom: none;
    background: url(../../image/common/tit_03.png) no-repeat left center;
    background-size:32px;
    font-size: 100%;
    padding: 8px 0 8px 40px;
    margin-bottom: 10px;
    display: table;
    width: 100%;
    color:#000000;
    line-height:15px;
}
/*--
.features ul{
	margin-left:36px;
}
*/
.asterisk {
padding-left: 1em;
text-indent: -1em;
}

.product_btn3 li:last-child{
	float: right;
}