@charset "utf-8";
/* CSS Document */
#main {
	margin:0 0 40px;
	max-width: 730px;
}
#product_box {
	display: flex;
	justify-content: center;
	flex-wrap:wrap;
	margin:0 0 40px;
	padding: 10px 0 0;
	position: relative;
}

#en_product_box {
	display: flex;
	justify-content: center;
	flex-wrap:wrap;
	margin:0 0 40px;
	padding: 10px 0 0;
	position: relative;
}
.en_product_explain {
	height: 82px !important;
}
.product_img img{
	width: 100%;
}

#product_box #product01, #product_box #product02, #product_box #product03{
	height: 200px;
}

#product01 {
	order: 1;
	z-index: 102;
	border: 1px solid #c9c9c9;
	border-radius: 10px 0 0 0;
	width: 33%;
	cursor: pointer;
}
#product01 h2 {
	margin: 0;
	padding: 14px 0 12px 17px;
	height: 17px;
	font-size: 17px;
	line-height: 1;
	font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
	text-shadow: 1px 1px 1px #FFF;
	border-radius: 10px 0 0 0;
	border: none;
	border-bottom: 4px solid #9ECB10;
	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #ffffff 50%, #CFE888 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #ffffff), color-stop(50%, #ffffff), color-stop(100%, #CFE888)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 50%, #ffffff 50%, #CFE888 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #ffffff 50%, #ffffff 50%, #CFE888 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 50%, #ffffff 50%, #CFE888 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #ffffff 50%, #CFE888 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#CFE888', GradientType=0 ); /* IE6-9 */
}
#product01 p {
	padding: 10px 17px;
	height: 42px;
}
#product01:hover p, #product01.select p {
	color: #818600;
}
#product01 .current{
	display:none;
}
#product01:hover .current, #product01.select .current {
	position:absolute;
	display:block;
	top: 211px;
	left:16%;
	z-index:102;
}
#product02 {
	order: 2;
	z-index: 101;
	border-top: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
	width: 33%;
	cursor: pointer;
}
#product02 h2 {
	margin: 0;
	padding: 14px 0 12px 17px;
	height: 17px;
	font-size: 17px;
	line-height: 1;
	font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
	text-shadow: 1px 1px 1px #FFF;
	border-radius: 10px 0 0 0;
	border: none;
	border-bottom: 4px solid #1486C5;
	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #ffffff 50%, #ABD6EA 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #ffffff), color-stop(50%, #ffffff), color-stop(100%, #ABD6EA)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 50%, #ffffff 50%, #ABD6EA 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #ffffff 50%, #ffffff 50%, #ABD6EA 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 50%, #ffffff 50%, #ABD6EA 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #ffffff 50%, #ABD6EA 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ABD6EA', GradientType=0 ); /* IE6-9 */
}
#product02 p {
	padding: 10px 17px;
	height: 42px;
}
#product02:hover p, #product02.select p {
	color: #1486C5;
}
#product02 .current{
	display:none;
}
#product02:hover .current, #product02.select .current {
	position:absolute;
	display:block;
	top: 211px;
	left: 49%;
	z-index:102;
}
#product03 {
	order: 3;
	z-index: 100;
	border: 1px solid #c9c9c9;
	border-radius: 0 10px 0 0;
	width: 33%;
	cursor: pointer;
}
#product03 h2 {
	margin: 0;
	padding: 14px 0 12px 17px;
	height: 17px;
	font-size: 17px;
	line-height: 1;
	font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
	text-shadow: 1px 1px 1px #FFF;
	border-radius: 0 10px 0 0;
	border: none;
	border-bottom: 4px solid #1BB2C1;
	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, #ffffff 50%, #9FE0E7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #ffffff), color-stop(50%, #ffffff), color-stop(100%, #9FE0E7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 50%, #ffffff 50%, #9FE0E7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #ffffff 50%, #ffffff 50%, #9FE0E7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 50%, #ffffff 50%, #9FE0E7 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #ffffff 50%, #9FE0E7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#CFE888', GradientType=0 ); /* IE6-9 */
}
#product03 .current{
	display:none;
}
#product03:hover .current, #product03.select .current {
	position:absolute;
	display:block;
	top: 211px;
	left:81%;
	z-index:102;
}
#product03 p {
	padding: 10px 17px;
	height: 42px;
}
#product03:hover p, #product03.select p {
	color: #0090BA;
}
#product01_list,#product02_list,#product03_list{
	order: 4;
	width: 100%;
	box-sizing: border-box;
}
#product01_list {
	z-index: 1;
	padding: 10px;
	border-left: 1px solid #c9c9c9;
	border-right: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
	background: -moz-linear-gradient(top, #DEEDAE 0%, #DEEDAE 50%, #DEEDAE 50%, #C1DE65 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #DEEDAE), color-stop(50%, #DEEDAE), color-stop(50%, #DEEDAE), color-stop(100%, #C1DE65)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #DEEDAE 0%, #DEEDAE 50%, #DEEDAE 50%, #C1DE65 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #DEEDAE 0%, #DEEDAE 50%, #DEEDAE 50%, #C1DE65 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #DEEDAE 0%, #DEEDAE 50%, #DEEDAE 50%, #C1DE65 100%); /* IE10+ */
	background: linear-gradient(to bottom, #DEEDAE 0%, #DEEDAE 50%, #DEEDAE 50%, #C1DE65 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DEEDAE', endColorstr='#C1DE65', GradientType=0 ); /* IE6-9 */
}
#product01_list .current{
	position:absolute;
	top:-1px;
	left:50px;
	z-index:102;
}
#product02_list {
	z-index: 1;
	padding: 10px;
	border-left: 1px solid #c9c9c9;
	border-right: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
	background: -moz-linear-gradient(top, #A1CFE7 0%, #A1CFE7 50%, #A1CFE7 50%, #62ADD8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #A1CFE7), color-stop(50%, #A1CFE7), color-stop(50%, #A1CFE7), color-stop(100%, #62ADD8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #A1CFE7 0%, #A1CFE7 50%, #A1CFE7 50%, #62ADD8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #A1CFE7 0%, #A1CFE7 50%, #A1CFE7 50%, #62ADD8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #A1CFE7 0%, #A1CFE7 50%, #A1CFE7 50%, #62ADD8 100%); /* IE10+ */
	background: linear-gradient(to bottom, #A1CFE7 0%, #A1CFE7 50%, #A1CFE7 50%, #62ADD8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A1CFE7', endColorstr='#62ADD8', GradientType=0 ); /* IE6-9 */
}
#product03_list {
	z-index: 1;
	padding: 10px;
	border-left: 1px solid #c9c9c9;
	border-right: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
	background: -moz-linear-gradient(top, #C5EBEF 0%, #C5EBEF 50%, #C5EBEF 50%, #86D7DE 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C5EBEF), color-stop(50%, #C5EBEF), color-stop(50%, #C5EBEF), color-stop(100%, #86D7DE)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #C5EBEF 0%, #C5EBEF 50%, #C5EBEF 50%, #86D7DE 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #C5EBEF 0%, #C5EBEF 50%, #C5EBEF 50%, #86D7DE 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #C5EBEF 0%, #C5EBEF 50%, #C5EBEF 50%, #86D7DE 100%); /* IE10+ */
	background: linear-gradient(to bottom, #C5EBEF 0%, #C5EBEF 50%, #C5EBEF 50%, #86D7DE 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C5EBEF', endColorstr='#86D7DE', GradientType=0 ); /* IE6-9 */
}
#product03_list .main_category {
	overflow: hidden;
	border-bottom: #c1c1c1 2px dotted;
	padding-bottom: 6px;
	margin-bottom: 15px;
	margin-right: 20px;
}
#product03_list .main_category li:last-child {
	margin-right: 0;
}
.disnon {
	display: none;
}
.product_list {
	padding: 20px 20px 10px;
	background-color: #FFF;
}
.product_list h3{
	margin:0 0 15px;
	font-size:18px;
	border-bottom:1px dotted #c9c9c9;
}
.product_list li{
	float:left;
	margin:0 10px 10px 0;
}
.product_list li a{
	display:block;
	padding:15px 0 13px 8px;
	border-radius:5px;
	background-color:#F7F7F7;
	border:1px solid #c7c7c7;
	width:191px;
	height:14px;
	color:#262626;
	font-size:14px;
	line-height:14px;
}
.product_list li a img{
	margin:0 8px 0 0;
	vertical-align:middle;
}
#tab{
	height:37px;
	border-bottom:1px solid #2862aa;
}
#tab li{
	float:left;
	margin:0 0 0 5px;
	font-size:15px;
	font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
	color:#FFF;
	text-align:center;
	width:148px;
	height:37px;
	line-height:37px;
	cursor:pointer;
	border:1px solid #2460AC;
	border-bottom:none;
	border-radius:5px 5px 0 0;
	background: -moz-linear-gradient(top, #366DB3 0%, #366DB3 50%, #1253A5 50%, #2E6780 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #366DB3), color-stop(50%, #366DB3), color-stop(50%, #1253A5), color-stop(100%, #2E6780)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #366DB3 0%, #366DB3 50%, #1253A5 50%, #2E6780 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #366DB3 0%, #C5E366DB3BEF 50%, #1253A5 50%, #2E6780 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #366DB3 0%, #366DB3 50%, #1253A5 50%, #2E6780 100%); /* IE10+ */
	background: linear-gradient(to bottom, #366DB3 0%, #366DB3 50%, #1253A5 50%, #2E6780 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#366DB3', endColorstr='#2E6780', GradientType=0 ); /* IE6-9 */
}
#tab li.tab01{
	margin:0;
}
#tab li.select,#tab li:hover{
	color:#2F68B0;
	background:none;
	background-color:#FFF;
}
#tab_wrap{
	border-bottom:1px solid #2862aa;
	border-left:1px solid #2862aa;
	border-right:1px solid #2862aa;
	padding:25px 15px 15px;
}
#new_info {
    border:1px solid #2862aa;
    padding: 10px 15px 5px;
    margin: 30px 0 0 0;
}
#new_info > p {
    font-size: 20px;
    font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
    padding: 0 5px 10px;
}
.tab_box table th,#new_info table th{
	padding:0 0 15px;
	font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
	vertical-align:top;
}
.icon{
	padding:0 15px 10px;
	vertical-align:top;
}
.icon img{
	margin:0 0 5px;
	zoom:0.5;
}
.txt{
	vertical-align:top;
}
.list_btn{
	text-align:right;
}
.list_btn a {
	margin:0 auto 0 0;
	padding: 7px 0 5px;
	font-size: 13px;
	line-height: 1;
	color: #FFF;
	border-radius: 13px;
	display: inline-block;
	width: 113px;
	height: 13px;
	text-align: center;
	background-color: #2460AC;
}

/*  */
#side {
    display:none;
	clear:both;
	margin:0 auto;
	width: 730px;
}
#login {
	float:left;
	margin: 3px 0 20px;
	padding: 15px 0 0;
	border: 1px solid #c3c6c7;
	background-color: #e4f0f7;
	width:353px;
	height: 75px;
	text-align: center;
}
.login_btn {
	margin: 0 auto 10px;
	padding: 8px 0 7px;
	font-size: 15px;
	line-height: 1;
	color: #FFF;
	border-radius: 15px;
	display: block;
	width: 175px;
	height: 15px;
	text-align: center;
    background:no-repeat 40px 10px url(../../images/icon_arrow_btn.gif) #2460AC;
}
.login_btn:hover{
	color:#FFF;
}
.member {
	font-weight: bold;font-family: "I-OTF-UDゴ表示Pro B";
	line-height: 15px;
}
.member img {
	vertical-align: middle;
	margin: 0 5px 0 0;
}
#what{
	margin:0 0 20px;
	padding:0;
	float:right;
	width:355px;
	height:95px;
}
#what a{
	display:block;
	width:355px;
	height:95px;
	text-indent:-999em;
	background:no-repeat url(../../images/tub/bnr_whats_tub.jpg);
}
#info_navi {
    clear: both;
    width: 100%;
    margin: 0 0 30px;
}
#info_navi a {
    display:block;
    width:354px;
    height:70px;
    text-indent:-999em;
    background:no-repeat url(../../images/tub/bnr_navi_tub.jpg);
    margin: 0 auto;
 }
#optm {
    clear: both;
    width: 100%;
    margin: 0 0 30px;
}
#optm a {
    display:block;
    width:400px;
    height:110px;
    text-indent:-999em;
    background:no-repeat url(../../images/tub/bnr_optm_tub.png);
    margin: 0 auto;
}
#side ul {
	clear:both;
	margin: 0 0 25px;
	padding: 0 0 160px;
	border-bottom: 1px dotted #c9c9c9;
}
#side ul li {
	float:left;
	margin: 0 0 30px;
}
#side ul li+li{
	margin:0 0 30px 10px;
}
#side ul li.side05_column {
	margin: 0 0 30px;
	width: 100%;
}
#side ul li a{
	display:block;
	width:175px;
	height:56px;
	text-indent:-9999em;
}
.side01{
	background:no-repeat url(../../images/tub/bnr_web_tub.jpg);
}
.en_side01{
	background:no-repeat url(../../images/tub/en_bnr_web_tub.jpg);
}
.side02{
	background:no-repeat url(../../images/tub/bnr_download_tub.jpg);
}
.en_side02{
	background:no-repeat url(../../images/tub/en_bnr_download_tub.jpg);
}
.side03{
	background:no-repeat url(../../images/tub/bnr_support_tub.jpg);
}
.en_side03{
	background:no-repeat url(../../images/tub/en_bnr_support_tub.jpg);
}
.side04{
	background:no-repeat url(../../images/tub/bnr_contact_tub.jpg);
}
.en_side04{
	background:no-repeat url(../../images/tub/en_bnr_contact_tub.jpg);
}
.side05{
	background:no-repeat url(../../images/tub/bnr_access_tub.jpg);
	margin: 0 auto;
}
.en_side05{
	background:no-repeat url(../../images/tub/en_bnr_access_tub.html);
	margin: 0 auto;
}
.side06{
    background:no-repeat url(../../images/tub/bnr_jcssjnla_tub.jpg);
    margin: 0 auto;
}
.csr{
	text-align:center;
}
.product01_op{
	display:none;
}
.product02_op{
	display:none;
}
.product03_op{
	display:none;
}

/* Google Search Box */
.google_search_block {
    position: relative;
    margin: 1px auto;
    height: 30px;
    width: 280px;
    *display: inline;
    *zoom: 1;
}

.google_search_block .gsc-control-cse,
.google_search_block .gsc-control-cse-ja,
.google_search_block .gsib_a{
    margin:0 !important;
    padding:0 !important;
}

/* Input */
.google_search_block table.gsc-search-box td,
.google_search_block table.gsc-search-box input {
    vertical-align: top !important;
}
.google_search_block input[type="text"]{
    border: 1px solid #758da9 !important;
    height:25px !important;
}
.google_search_block input[type="text"]:focus {
    border: 1px solid #758da9 !important;
    outline: 0;
}
.google_search_block #gsc-iw-id1{
    border:none !important;
}
.google_search_block #gs_tti0 input{
    background-position:5px 5px !important;
}

/* Btn */
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
    border-color: #758da9!important;
    background-color: #2560ac!important;
}

.google_search_block .gsc-search-button{
    margin:0 0 0 -16px !important;
    border-radius:0;
    padding: 6px 20px;
}
.google_search_block td.gsc-search-button{
    padding: 0;
}

/* Delete Btn */
.google_search_block .gsib_b a{
    display: none;
}