@charset "utf-8";
/* CSS Document */

body {
    font: 14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo,  sans-serif;
	margin: 0;
	padding: 0;
	color: #333;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

a img {
	border: none;
}

a:link {
	color: #005bac;
	text-decoration: none;
}

a:visited {
	color: #005bac;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	color: #3399FF;
	text-decoration: none;
}

a:hover img {
    opacity: 0.7;
}
 
a img {
	transition: opacity 0.3s ease-out;
}

table {
    border-collapse: collapse;
	border-spacing: 0;
}

p {
	padding: 0 0 1em;
	margin: 0;
	line-height: 180%;
	text-align: left;
}


/* layout */

.inner {
    width: 980px;
    margin: 0 auto;
    overflow: hidden;
}

section {
	width: 670px;
	float: left;
}

section#top {
    width: 100%;
    float: none;
}

aside {
    width: 270px;
    float: right;
}


/* header */

header {
    height: 120px;
    border-bottom: 12px solid #005bac;
}

header h1 {
    width: 272px;
    height: 47px;
    text-indent: -9999px;
    margin: 35px 55px 0 0;
    float: left;
}

header h1 a {
	background: url(../images/logo.png) no-repeat 0 0;
	display: block;
	width: 272px;
	height: 47px;
}

nav {
    float: left;
}

nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

nav ul li{
    float: left;
    height: 120px;
}

nav ul li a {
    display: table-cell;
    vertical-align: middle;
    height: 120px;
    padding: 0 18px;
    font-size: 16px;
    color: #333 !important;
    background: #fff;
}

nav ul li a:hover {
	background: #b5d7f2;
	border-bottom: 4px solid #6aafe8;
	box-sizing: border-box;
	padding: 4px 18px 0;
}

nav ul li a:hover {
	transition: background 0.5s ease-out;
}

nav ul li a.on {
	border-bottom: 4px solid #6aafe8;
	box-sizing: border-box;
	padding: 4px 18px 0;
}

#dl_btn {
    float: right;
    margin: 35px 0 0;
}


/* main slider */

.slider_box {
	height: 522px;
}

.wideslider {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
	margin: 0 0 30px;
}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

.wideslider ul li img {
	width: 100%;
	height: auto;
	display: none;
}

.wideslider_base {
	top: 0;
	position: absolute;
}

.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;
}

.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}

.slider_prev {background: #fff url(../images/prev.png) no-repeat right center;}
.slider_next {background: #fff url(../images/next.png) no-repeat left center;}

.pagination {
    bottom: 18px;
    left: 0;
    width: 100%;
    height: 16px;
    text-align: center;
    position: absolute;
    z-index: 200;
}

.pagination a {
    margin: 0 5px;
    width: 16px;
    height: 16px;
    display: inline-block;
    overflow: hidden;
    background: #3B5B76;
    border-radius: 100%;
    filter:alpha(opacity=100) !important;
    -moz-opacity: 1 !important;
    opacity: 1 !important;
}

.pagination a.active {
    background: #6BB0E5;
    filter:alpha(opacity=100) !important;
    -moz-opacity: 1 !important;
    opacity: 1 !important;
}

.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
    display: inline-block;
    overflow: hidden;
    padding: 0;
    margin: 0;
}


/* top bana */

ul#top_bana {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul#top_bana li {
    float: left;
    margin: 0 20px 0 0;
}

ul#top_bana li.li_last {
    margin: 0;
}

ul#top_bana li a {
    display: block;
    height: 85px;
}


/* page */


h2#page {
    text-indent: -9999px;
    height: 252px;
    margin: 0 auto 30px;
}

h3 {
    font-size: 16px;
    font-weight: bold;
    color: #005bac;
    padding: 0 0 10px;
}

h3#page {
    text-indent: -9999px;
    height: 100px;
    margin: 0 auto 30px;
    padding: 0;
}

h4#page {
    background: #56adef;
    color: #fff;
    padding: 4px 10px;
    margin: 0 0 15px;
    font-size: 16px;
    clear: both;
}


/* company */

h2.company {
    background: url(../images/title_company.png) no-repeat 50% 0;
}

img#company_img {
    margin: 0 0 50px;
}

table#company {
    width: 100%;
    border-top: 1px dotted #666;
}

table#company th {
    width: 105px;
    text-align: left;
    border-bottom: 1px dotted #666;
    font-weight: bold;
    padding: 10px 0;
    vertical-align: top;
}

table#company td {
    text-align: left;
    border-bottom: 1px dotted #666;
    font-weight: normal;
    padding: 10px 0;
}

table#company td a {
    text-decoration: underline;
}

a.map {
    text-decoration: none !important;
    background: #ff7901;
    color: #fff;
    padding: 0px 6px;
    border-radius: 3px;
}

h3.history {
    background: url(../images/company_2.png) no-repeat 50% 0;
}

table#history {
    width: 100%;
    border-top: 1px dotted #666;
}

table#history th {
    width: 130px;
    text-align: left;
    border-bottom: 1px dotted #666;
    font-weight: bold;
    padding: 10px 0;
    vertical-align: top;
}

table#history td {
    text-align: left;
    border-bottom: 1px dotted #666;
    font-weight: normal;
    padding: 10px 0;
}

h3.suppliers {
    background: url(../images/company_3.png) no-repeat 50% 0;
}

table#suppliers {
    width: 100%;
    margin: 0 0 30px;
}

table#suppliers td {
	width: 52%;
	text-align: left;
	padding: 0 0 3px 0;
	vertical-align: top;
}


table#suppliers td:nth-of-type(1) {
	width: 48%;
}


table#suppliers a {
	text-decoration: underline;
}


/* product */

h2.product {
    background: url(../images/title_product.png) no-repeat 50% 0;
}

h3.product {
    background: url(../images/product_1.png) no-repeat 50% 0;
}

p.mincho {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 24px;
	color: #005bac;
}

#product_1_bg {
    height: 115px;
    background: url(../images/product_1_bg.png) no-repeat 0;
    padding: 15px 20px 0;
    margin: 10px 0 30px;
}

#product_1_bg h3 {
    padding: 0 0 4px;
}

#product_1_bg span {
	color: #56adef;
}

#product_1 h3 {
	padding: 0;
}

#product_1 img {
    float: right;
    margin: 0 0 0 25px;
}

#product_1 p {
    padding: 0 0 23px;
}

#product_youtube {
    margin: 15px 0 0;
}

h3.product_2 {
    background: url(../images/product_2.png) no-repeat 50% 0;
}

#product_2_bg {
    height: 69px;
    background: url(../images/product_2_bg.png) no-repeat 0;
    padding: 15px 20px 0;
    margin: 10px 0 30px;
}

#product_2_bg h3 {
    padding: 0 0 4px;
}

#product_2_bg span {
	color: #56adef;
}

h3.product_3 {
    background: url(../images/product_3.png) no-repeat 50% 0;
}

#product_3_bg {
    height: 101px;
    background: url(../images/product_3_bg.png) no-repeat 0;
    padding: 15px 20px 0;
    margin: 10px 0 30px;
}

#product_3_bg h3 {
    padding: 0 0 4px;
}

#product_3_bg span {
	color: #56adef;
}

img.product_3_img2 {
    float: none !important;
    margin: 10px 0 24px !important;
}

table#quick-dry {
    width: 100%;
    border: 1px solid #ccc;    margin: 0 0 25px;
	clear: both;
}

table#quick-dry th {
    border: 1px solid #ccc;
    text-align: center;
    padding: 5px 0;
}

table#quick-dry td {
    border: 1px solid #ccc;
    text-align: center;
    padding: 5px 0;
}

table#quick-dry th.bg_005bac {
	background: #005bac;
	color: #fff;
}

h3.product_4 {
    background: url(../images/product_4.png) no-repeat 50% 0;
}

#product_4 {
    margin: 30px 0 38px;
    clear: both;
    overflow: hidden;
}

#product_4 h3 {
	padding: 0;
}

#product_4 img {
    float: right;
    margin: 0 0 0 25px;
}

#product_4 p {
    padding: 0 0 23px;
}

#product_4_box {
    width: 410px;
    float: left;
}

h3.product_4_2 {
    background: url(../images/product_4_2.png) no-repeat 50% 0;
}

p.brightsol {
    font-size: 16px;
    font-weight: bold;
    color: #005bac;
    padding: 0 !important;
    text-align: center;
}

table#brightsol {
    width: 100%;
    border: 1px solid #ccc;
    margin: 0 0 5px;
	clear: both;
}

table#brightsol th {
    border: 1px solid #ccc;
    text-align: left;
    padding: 5px 10px;
    font-weight: normal;
}

table#brightsol td {
    border: 1px solid #ccc;
    text-align: center;
    padding: 5px 0;
}

table#brightsol th.bg_005bac {
	background: #005bac;
	color: #fff;
    text-align: center;
    width: 35%;
}

table#brightsol th.bg_727272 {
	background: #727272;
	color: #fff;
    text-align: center;
}

span.cl_56adef {
	color: #56adef;
}

span.txt_right1 {
    position: relative;
    left: 98px;
}

span.txt_right2 {
    position: relative;
    left: 109px;
}

span.txt_right3 {
    position: relative;
    left: 123px;
}

span.txt_right4 {
    position: relative;
    left: 123px;
}

span.txt_right5 {
    position: relative;
    left: 95px;
}

span.txt_right6 {
    position: relative;
    left: 76px;
}

h3.product_6 {
    background: url(../images/product_6.png) no-repeat 50% 0;
}

h3.product_7 {
    background: url(../images/product_7.png) no-repeat 50% 0;
}

#box_table {
    width: 50%;
    float: left;
}

#box_table02 {
    width: 48%;
    float: left;
}


/* contact */

h2.contact {
    background: url(../images/title_contact.png) no-repeat 50% 0;
}

table#contact {
    width: 100%;
    margin: 0 0 18px;
}

table#contact th {
    width: 160px;
    text-align: left;
    vertical-align: top;
    padding: 20px 10px;
    background: #d2e6f5;
    color: #005bac;
    border: 2px solid #fff;
	
}

table#contact td {
    background: #f2f2f2;
    border: 2px solid #fff;
    padding: 12px 14px;
}

span.required {
    color: #fff;
    background: #ff7901;
    padding: 1px 0;
    border-radius: 3px;
    font-size: 13px;
    font-weight: normal;
    text-align: center;
    width: 40px;
    display: block;
    float: right;
}

.yuubin {
    width: 160px !important;
}

.yuubin1 {
    width: 60px !important;
}

.yuubin2 {
    width: 85px !important;
}

#privacy {
    border: 1px solid #ccc;
    margin: 0 2px 20px;
    padding: 15px 18px;
}

#privacy h3 {
    color: #333;
    padding: 0;
}

#privacy p {
    padding: 0;
    line-height: 170%;
}

#formWrap h4 {
	margin: 0 0 20px;
}

p.error_messe {
	text-align: center;
}

input[type="text"], input[type="tel"], input[type="email"], textarea, select {
vertical-align:middle;
width: 449px;
line-height:30px;
height:30px;
padding:1px 5px;
margin: 2px 0;
border:1px solid #d4d4d7;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
font-size:100%;
color:#555;
background:#fcfcfc;
}

textarea {
    height: auto;
    line-height: 1.5;
    width: 449px;
    min-height: 270px;
}

input[type="reset"],input[type="button"] {
padding: 10px 100px;
background: #005BAC;
border:0;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
line-height:1.5;
font-size:100%;
color:#fff;
}

input[type="reset"]:hover,input[type="button"]:hover {
    opacity: 0.7;
}

input[type="reset"],input[type="button"] {
	transition: opacity 0.3s ease-out;
}

*:first-child+html input[type="submit"]{padding:3px;}

input[type="submit"] {
    background: url(../images/contact_btn.png) no-repeat 0;
    width: 230px;
    height: 54px;
    display: block;
    border: none;
    margin: 7px auto 30px;
    padding: 0;
    cursor: pointer;
}

input[type="submit"]:hover {
    opacity: 0.7;
}

input[type="submit"] {
	transition: opacity 0.3s ease-out;
}

#form_btn {
	text-align: center;
}

#form_btn input[type="submit"] {
    padding: 10px 100px;
    background: #005BAC;
    border: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    line-height: 1.5;
    font-size: 100%;
    color: #fff;
    width: inherit;
    height: inherit;
    margin: 7px auto 30px;
}

#form_btn input[type="button"] {
    padding: 6px 0;
    background: #5D5D5D;
    border: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    line-height: 1.5;
    font-size: 100%;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    width: 200px;
}




/* download */

h2.dl {
    background: url(../images/title_dl.png) no-repeat 50% 0;
}

h4#page2 {
    background: #56adef;
    color: #fff;
    padding: 4px 10px;
    margin: 0;
    font-size: 16px;
}

#box_dl {
border-bottom: 1px dotted #999;
    clear: both;
    padding: 17px 0;
}

#box_dl a {
    position: relative;
    top: -5px;
    float: right;
}


/* contact */

img.side_tel {
    margin: 0 0 25px;
}

p.tel {
    line-height: 150%;
}



/* side */

ul#side_bana {
    list-style: none;
    margin: 0 0 14px;
    padding: 0;
}

ul#side_bana li {
    margin: 0 0 3px;
}

ul#side_bana li a {
	display: block;
}

img.side_title {
    margin: 0 0 -4px;
}


/* footer */

footer {
    background: #005bac;
    text-align: center;
    line-height: 60px;
    margin: 48px 0 0;
}

footer p.copy {
    margin: 0;
    padding: 0;
    font-size: 11px;
    color: #fff;
    text-align: center;
    line-height: inherit;
}


/* page top */

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
}

#page-top a {
    width: 56px;
    height: 56px;
    display: block;
    text-indent: -9999px;
    background: url(../images/scroll_top.png) no-repeat 0;
}

#page-top a:hover {}


/* 20200605 pocket-oshibori */


h3.product_8 {
    background: url(../images/product_8.png) no-repeat 50% 0;
}

.product_8_box {
    overflow: hidden;
    margin: 0 0 6px;
}

.product_8_bg {
    background: url(../images/product_2_bg.png) no-repeat 0;
    padding: 10px 20px 6px;
    margin: 10px 0 16px;
    line-height: 1.5;
}

.product_8_bg h3 {
    padding: 0 0 4px;
}

.product_8_bg span {
	color: #56adef;
}

.product_8_box img {
    float: right;
    margin: 0 0 0 25px;
}

p.fontsize12 {
    font-size: 12px;
    margin: -10px 0 0;
}

p.product_8_first {
    font-size: 16px;
    font-weight: bold;
    color: #005bac;
    padding: 12px 0 0;
}

.col_blue {
    color: #005bac;
    font-weight: bold;
}

.product_8_box_end {
    margin-bottom: 40px;
}

h3.product_9 {
    background: url(../images/product_9.png) no-repeat 50% 0;
    margin: 0 auto 23px !important;
}

p.margintop8 {
    font-size: 12px;
    margin: 8px 0 12px;
}

.product_9_box {
    overflow: hidden;
    margin: 0 0 20px;
}

.product_9_box img {
    display: block;
}

.product_9_box ul {
    overflow: hidden;
    padding: 0;
}

.product_9_box ul li {
    float: left;
    list-style: none;
}

.product_9_box ul li:nth-child(1) {margin: 0 0 35px;}
.product_9_box ul li:nth-child(2) {margin: 0 36px 0 0;}
.product_9_box ul li:nth-child(3) {margin: 0;}

.product_9_box ul li img {
    display: block;
}

ul.suppliers {
    overflow: hidden;
    padding: 0;
    margin: 0;
    width: 100%;
}

ul.suppliers li {
    float: left;
    width: 50%;
    list-style: none;
    padding: 0 0 3px;
}

p.onjyun {
    text-align: right;
    padding: 0 0 30px;
}

p.onjyun2 {
    text-align: right;
    padding: 0 0 0px;
}