@charset "UTF-8";


/*------------css------------------------------------------------------------*/
@import url("./common.css");



/*------------Header------------------------------------------------------------*/
div.headerNav {
	width: 100%;
	padding-top: 20px;
	margin: 0 auto;
	border-bottom: 8px solid #001a8e;
	overflow: hidden;
}
div#headNav {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	overflow: hidden;
}
div#headNav h1 {
	width: 382px;
	float: left;
}
div#headNav h1 a {
	display: block;
	padding-top: 18.32460732984293%;
	background: url(../img/logo.png) no-repeat left top;
	background-size: cover;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#headNav div#headTel dl {
	width: 254px;
	padding-top: 15px;
	float: right;
}
div#headNav div#headTel p,
div#headNav div#headTel dl dt { display: none; }
div#headNav div#headTel dl dd span,
div#headNav div#headTel dl dd a {
	display: block;
	padding-top: 18.11023622047244%;
	background: url(../img/telephone.png) no-repeat left top;
	background-size: cover;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div.headerNav ul {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	list-style: none;
	text-align: center;
}
div.headerNav ul li {
	display: inline-block;
	position: relative;
}
div.headerNav ul li:before {
	display: block;
	position: absolute;
	content: "";
	width: 2px;
	height: 15px;
	background-color: #2a2b2b;
	top: 50%;
	right: 0;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
div.headerNav ul li:nth-last-of-type(1):before { background-color: transparent; }
div.headerNav ul li a {
	display: inline-block;
	padding: 1em 1em;
	font-size: 0.87em;
}
.caution{
	max-width: 980px;
	margin: 0 auto;
	font-size: x-small;
}/* 20250403ｶﾀﾛｸﾞ価格改定の為、一時的に入れる。時間が経ったら消す */

/*------------Title---------------------------------------------------------------*/
div#Title {
	position: relative;
	width: 100%;
	height: 100%;
}
div#inTitle {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.6);
	z-index: 1;
}
div#inTitle * {
	text-align: center;
	line-height: 1.2;
	letter-spacing: 0.04em;
	text-shadow: 2px 2px 3px #fff,
	-2px 2px 3px #fff,
	2px -2px 3px #fff,
	-2px -2px 3px #fff;
	font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "Sawarabi Mincho" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-weight: bolder;
	color: #001a8e;
}
div#Title h2 {
	margin-top: 0.7em;
	font-size: 3.12em;
}
div#Title p { font-size: 1.12em; }

/*------------TopNav---------------------------------------------------------------*/
div#TopNav {
	width: 100%;
	max-width: 980px;
	margin: 0 auto 65px;
}
div#TopNav ul {
	width: 100%;
	margin-bottom: -5px;
	list-style: none;
	overflow: hidden;
}
div#TopNav ul li {
	margin-right: 10px;
	margin-bottom: 5px;
	background: #6a6b6b;
	float: left;
	transition: opacity .3s;
}
div#TopNav ul.list03 li { width: 320px; }
div#TopNav ul.list03 li:nth-child(3n) { margin-right: 0; }
div#TopNav ul.list05 li { width: 188px; }
div#TopNav ul.list05 li:nth-last-of-type(1) { margin-right: 0; }
div#TopNav ul li a {
	display: block;
	position: relative;
	padding: 0.5em 0.55em;
	line-height: 1.2;
	font-size: 0.93em;
	color: #fff;
	transition: opacity .3s;
}
div#TopNav ul li a:before {
	display: inline-block;
	position: absolute;
	width: 11px;
	height:100%;
	background-image: url(../img/top_nav.png);
	background-repeat: no-repeat;
	background-position: right center;
	content: "";
	top: 0;
	right: 5px;
}
div#TopNav ul li:hover,
div#TopNav ul li a:hover {
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
	text-decoration: none;
	color: #ff0;
}

/*------------InBox------------------------------------*/
div.InBox {
	width: 980px;
	margin: 0 auto 80px;
	overflow: hidden;
}
div.InBox table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #c1c1c1;
}
div.InBox table tr th {
	width: 16%;
	padding: 10px 20px;
	background-color: #ebebeb;
	border-right: 1px solid #c1c1c1;
	border-bottom: 1px solid #c1c1c1;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
}
div.InBox table tr td {
	width: auto;
	padding: 10px 20px;
	border-bottom: 1px solid #c1c1c1;
	text-align: left;
	vertical-align: top;
}

/*------------faq---------------------------------------------------------------*/
div#faq ul li {
	list-style: none;
	padding-left: 1em;
	text-indent: -1em;
}
div#faq div.Answer {
	min-height: 70px;
	padding-left: 100px;
	background: url(../img/a.png) no-repeat left top;
}
div#faq div.Answer span { display: none; }

/*------------cost---------------------------------------------------------------*/
div#cost table { width: auto; }
div#cost table tr th,
div#cost table tr td { border-right: 1px solid #c1c1c1; }
div#cost table tr th:nth-last-of-type(1),
div#cost table tr td:nth-last-of-type(1) { border-right: 0 none; }
div#cost table tr th { text-align: center; }

/*------------drawing---------------------------------------------------------------*/
div.drawList table tr th { vertical-align: middle; }
div.drawList ul,
div.drawList ol {
	width: 100%;
	list-style: none;
}
div.drawList ul { margin-bottom: -30px; }
div.drawList ul > li {
	width: 49%;
	margin-right: 2%;
	margin-bottom: 30px;
	float: left;
}
div.drawList ul > li:nth-of-type(2n) { margin-right: 0; }
div.drawList ol > li {
	float: left;
	margin-right: 2em;
}
div.drawList ol > li a {
	display: block;
	min-height: 30px;
	padding-left: 30px;
	line-height: 30px;
	background: url(../img/pdf.png) no-repeat left center;
}

/*------------stock---------------------------------------------------------------*/
div#stock p#Note {
	margin-bottom: 20px;
	color: #ff0028;
}

/*------------form---------------------------------------------------------------*/
div#contact strong { color: #ff1d25; }
div#contact a { color: #001a8e; }
div#contact ul#Note {
	list-style: none;
	margin-top: 0.8em;
}
div#contact ul#Note li {
	padding-left: 1.3em;
	text-indent: -1.3em;
	letter-spacing: 0;
}
div#contact ul#Note li:before {
	margin-right: 0.3em;
	content: "\00203b";
}

div#privacy h5 {
	margin-bottom: 20px;
	border-bottom: 2px solid #d6d6d6;
	line-height: 1.2;
	letter-spacing: 0.04em;
	font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "Sawarabi Mincho" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 1.43em;
	font-weight: bolder;
}
div#privacy p + p,
div#privacy p + ul,
div#privacy ul + p { margin-top: 0.8em; }
div#privacy ul { list-style: none; }
div#privacy ul > li {
	padding-left: 1.3em;
	text-indent: -1.3em;
}
div#privacy ul > li:before {
	margin-right: 0.3em;
	content: "\003007";
}
div#policy {
	height: 450px;
	padding-right: 1em;
	overflow: auto;
}
div.poliTxt { margin-top: 20px; }
div.poliTxt h6 {
	line-height: 1.2;
	letter-spacing: 0.04em;
	font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "Sawarabi Mincho" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size: 1.25em;
	font-weight: bolder;
	color: #00abe3;
}
div#privacy dl {
	width: 100%;
	overflow: hidden;
}
div#privacy dl * { float: left; }
div#privacy dl dd { margin-right: 3em; }
div#privacy dl dd:nth-last-of-type(1) { margin-right: 0; }

div#form table tr th { width: 28%; }
div#form table tr th span { float: right; }
div#form table tr td span {
	margin-left: 0.8em;
	font-size: 0.75em;
	color: #ff1d25;
}
div#form table tr td ul {
	width: 100%;
	list-style: none;
	overflow: hidden;
}
div#form table tr td ul li {
	float: left;
	margin-right: 2em;
}
div#form table tr td ul li input { vertical-align: -0.05em; }
div#form table tr td .Inp01 { width: 100%; }
div#form table tr td .Inp02 { width: 44%; }
div#form table tr td .Inp03 { width: 19%; }
div#form table tr td input { font-size: 0.87em; }
div#form table tr td input[type="checkbox"],
div#form table tr td input[type="radio"] { margin-right: 0.5em; }
div#form table tr td input[placeholder] { color: #989898; }
div#form table tr td input[type="text"],
div#form table tr td input[type="tel"],
div#form table tr td input[type="email"],
div#form table tr td textarea {
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	padding: 0.4em;
	transition: 0.3s;
	border: 1px solid #5d83a4;
	outline: none;
}
div#form table tr td input[type="text"]:focus,
div#form table tr td input[type="tel"]:focus,
div#form table tr td input[type="email"]:focus,
div#form table tr td textarea:focus { border-color: #ab4d00; }
div#form table tr td textarea { height: 330px; }
div#form div#SubmitBtn {
	margin: 20px auto 0;
	text-align: center;
}
div#form div#SubmitBtn input { margin: 0 1em; }

/*------------product---------------------------------------------------------------*/
div#product div#SubNav {
	width: 100%;
	max-width: 980px;
	margin: 0 auto 65px;
}
div#product div#SubNav ul {
	width: 100%;
	list-style: none;
	overflow: hidden;
}
div#product div#SubNav ul li {
	width: 230px;
	margin-right: 20px;
	background: #4dc4eb;
	float: left;
	transition: opacity .3s;
}
div#product div#SubNav ul li:nth-last-of-type(1) { margin-right: 0; }
div#product div#SubNav ul li a {
	display: block;
	position: relative;
	padding: 1em 1.55em;
	line-height: 1.2;
	text-align: center;
	font-size: 0.93em;
	color: #fff;
	transition: opacity .3s;
}
div#product div#SubNav ul li a:before,
div#product div#SubNav ul li a:after {
	display: inline-block;
	position: absolute;
	height:100%;
	content: "";
	top: 0;
}
div#product div#SubNav ul li a:before {
	width: 15px;
	background-image: url(../img/product/btn_arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	right: 5px;
}
div#product div#SubNav ul li a:after {
	width: 43px;
	background-repeat: no-repeat;
	background-position: right center;
	left: 5px;
}
div#product div#SubNav ul li#SMBtn01 a:after { background-image: url(../img/product/icon_p01.png); }
div#product div#SubNav ul li#SMBtn02 a:after { background-image: url(../img/product/icon_p02.png); }
div#product div#SubNav ul li#SMBtn03 a:after { background-image: url(../img/product/icon_p03.png); }
div#product div#SubNav ul li#SMBtn04 a:after { background-image: url(../img/product/icon_p04.png); }
div#product div#SubNav ul li:hover,
div#product div#SubNav ul li a:hover {
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
	text-decoration: none;
	color: #ff0;
}
div#product div.prodList01 {
	width: 100%;
	overflow: hidden;
	margin-bottom: 30px;
}
div#product div.prodList01 ul {
	width: 50%;
	margin-top: 30px;
/*	border-top: 1px solid #ebebeb;
	border-left: 1px solid #ebebeb;*/
	list-style: none;
	float: left;
}
/*
div#product div.prodList01 ul + ul { border-left: 1px solid rgba(0,0,0,0); }
div#product div.prodList01 ul li {
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}*/

/*------------top---------------------------------------------------------------*/
div#productMenu ul {
	width: 100%;
	padding-bottom: 16px;
	background: url(../img/shadow.png) repeat-x center bottom;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	list-style: none;
	overflow: hidden;
}
div#productMenu ul li {
	width: 20%;
	float: left;
	border-right: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
}
div#productMenu ul li#space {
	display: block;
	width: 100%;
	float: none;
	clear: both;
	padding-bottom: 16px;
	background: url(../img/shadow.png) repeat-x center bottom;
	border: 0 none;
}
div#news {
	width: 100%;
	background: #f5f5f5;
	padding: 40px 0;
}
div#news div#Attention,
div#news div#Information {
	width: 950px;
	margin: 0 auto;
}
div#news div#Information { margin-top: 40px; }
div#news div#Attention h2,
div#news div#Information h2 {
	height: 40px;
	margin-bottom: 20px;
	background-position: center top;
	background-repeat: no-repeat;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#news div#Attention h2 { background-image: url(../img/top/attention_t.png); }
div#news div#Information h2 { background-image: url(../img/top/information_t.png); }
div#news table {
	width: 100%;
	border-collapse: collapse;
}
div#news table tr th,
div#news table tr td {
	width: auto;
	padding: 5px 0;
	border-bottom: 1px solid #ebebeb;
}
div#news table tr th {
	width: 15%;
	padding-right: 1.5em;
	white-space: nowrap;
}
div#news table tr th strong {
	display: inline-block;
	margin-left: 1em;
	color: #ff1720;
}

/*------------Footer---------------------------------------------------------------*/
/*------------FooterAdd------------------------*/
div#FooterAdd {
	width: 100%;
	max-width: 980px;
	margin: 60px auto 0;
	overflow: hidden;
}
div#FooterAdd h2 {
	width: 300px;
	float: left;
}
div#FooterAdd h2 span {
	display: block;
	width: 256px;
}
div#FooterAdd h2 span a {
	display: block;
	padding-top: 18.32460732984293%;
	background: url(../img/logo.png) no-repeat left top;
	background-size: cover;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#FooterAdd div#FootAddTxt {
	width: 370px;
	float: left;
}
div#FooterAdd dl#FootTel { width: 256px; }
div#FooterAdd .DispNo,
div#FooterAdd dl#FootTel dt { display: none; }
div#FooterAdd dl#FootTel dd span,
div#FooterAdd dl#FootTel dd a {
	display: block;
	padding-top: 18.11023622047244%;
	background: url(../img/telephone.png) no-repeat left top;
	background-size: cover;
	overflow: hidden;
	line-height: 0;
	text-indent: -99999px;
	font-size: 0;
}
div#FooterAdd p { margin-top: 10px; }
div#FooterAdd p,
div#FooterAdd dl { font-size: 0.87em; }
div#FooterAdd dl#TelFax {
	width: 100%;
	overflow: hidden;
}
div#FooterAdd dl#TelFax * { display: inline-block; }
div#FooterAdd dl#TelFax dd { margin-right: 1em; }
div#FooterAdd dl#TelFax dd:nth-last-of-type(1) { margin-right: 0; }
div#FooterAdd ul {
	width: 310px;
	margin-bottom: -10px;
	list-style: none;
	float: right;
	overflow: hidden;
}
div#FooterAdd ul li {
	width: 150px;
	margin: 0 10px 10px 0;
	list-style: none;
	float: left;
	overflow: hidden;
	font-size: 0.75em;
	text-align: center;
}
div#FooterAdd ul li:nth-child(2n) { margin-right: 0; }
div#FooterAdd ul li a {
	display: block;
	padding: 0.4em 1em;
	background-color: #00abe3;
	color: #fff;
}
div#FooterAdd ul li a:hover { text-decoration: none; }
/*------------FooterNav------------------------*/
div#FooterNav {
	margin-top: 45px;
	padding-bottom: 15px;
	border-bottom: 10px solid #001a8e;
}
div#FooterNav ul {
	width: auto;
	max-width: 980px;
	margin: 0 auto;
	list-style: none;
	text-align: center;
}
div#FooterNav ul li {
	display: inline-block;
	position: relative;
	font-size: 0.75em;
}
div#FooterNav ul li:before {
	display: block;
	position: absolute;
	content: "";
	width: 1px;
	height: 1em;
	background-color: #001a8e;
	top: 50%;
	right: 0;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}
div#FooterNav ul li:nth-last-of-type(1):before { background-color: transparent; }
div#FooterNav ul li a {
	display: inline-block;
	padding: 0 1.2em;
	font-weight: bolder;
	color: #001a8e;
}
/*------------address------------------------*/
div#Footer address {
	padding: 0.4em 0 50px;
	text-align: center;
	font-size: 0.75em;
}