body,p,h1,h2,h3,h4,h5,h6,
span,small,strong,
div,ul,li,
figure,img{
    margin:0;
    padding:0;
	border:none;
	outline:none;
    font-size: 100%;
    font-weight: normal;
}
img { vertical-align:bottom; }
ul, ol { list-style: outside none none; }
li{ list-style:none; }
a{ text-decoration:underline; color:#162b6a; }
a:hover{ text-decoration: none; color:#162b6a; }
h3{ font-size:18px; margin-top:160px; }
.clearfix:after {
	content:' ';
	display:block;
	clear:both;
}
.clearfix {	zoom:1; }
.fr{ float:right; }
.fl{ float:left; }
.txal-right{ text-align:right; }
.txal-left{ text-align:left; }
.txal-center{ text-align:center; }
.fontsize12 { font-size:12px; }
body{
	background:#ffffff;
	font-family:arial,helvetica,clean,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ', Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:18px;
	color: #000;
	text-transform:none;
/*	overflow-x:hidden;*/
	background-color: transparent;
}
a.hover:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}
.mt10{ margin-top:10px; }
.mt20{ margin-top:20px; }
.mt30{ margin-top:30px; }
.mt40{ margin-top:40px; }
.mt50{ margin-top:50px; }
.mt60{ margin-top:60px; }
.mb10{ margin-bottom:10px; }
.mb15{ margin-bottom:15px; }
.mb20{ margin-bottom:20px; }
.mb30{ margin-bottom:30px; }
.mb40{ margin-bottom:40px; }
.mb50{ margin-bottom:50px; }
.mb60{ margin-bottom:60px; }
.mb100{ margin-bottom:100px; }
.mb150{ margin-bottom:150px; }
.mb180{ margin-bottom:180px; }
.mb200{ margin-bottom:200px; }
.mr10{ margin-right:10px; }
.mr20{ margin-right:20px; }
.mr30{ margin-right:30px; }
.mr40{ margin-right:40px; }
.mr50{ margin-right:50px; }
.mr60{ margin-right:60px; }
.ml10{ margin-left:10px; }
.ml20{ margin-left:20px; }
.ml30{ margin-left:30px; }
.ml40{ margin-left:40px; }
.ml50{ margin-left:50px; }
.ml60{ margin-left:60px; }


.bgcolorFFF{
	background-color:#fff;
}


#loading {
width: 100%;
height: 100%;
margin: 0;
background: #ffffff;
opacity: 1.0;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
}

/*---------- ヘッダー ----------*/
.header{
	min-width:1080px;
	width:1080px;
	margin:10px auto 0;
	overflow:hidden;
	background-color:#FFFFFF;
}
.bx{
	margin:0 auto;
	text-align:center;
	height:490px;
	z-index:-9999;
}
#info{
	margin:40px auto 0;
	width:980px;
}
.info_logo{
	float:left;
	width:200px;
	text-align:left;
	padding-top:1.8em;
}
.info_data{
	float:left;
	width:720px;
	border-left: 1px solid #888;
	padding-left:40px;
	padding-top:0.5em;
	padding-bottom:0.5em;
}
div.info_data p{
	font-size:14px;
	line-height:200%;
}

/*---------- ナビ ----------*/
nav {
  width: 100%;
  text-decoration: none;
  margin: 30px 0 10px 0;
  background: url(../images/nav_bg.gif) repeat-x;
}

nav h2 {
  padding: 5px 0 3px 14px;
  font-size: 14px;
  color: #ffffff;
  border-bottom: solid 1px;
  border-bottom-color: #cccccc;
  background: url(../images/h_bg_gray.gif) center repeat-x;
}

nav ul {
  width: 100%;
  border-top: solid 1px;
  border-top-color: #cccccc;
}

nav li {
  width: 100%;
  list-style: none;
  text-align: center;
}

nav li a {
  padding: 10px;
  display: block;
  color: #192f60 !important;
  font-weight: normal;
  text-decoration: none;
  border-bottom: solid 2px;
  border-bottom-color: #cccccc;
  background: url(../images/nav_bg.gif) repeat-x;
}

nav li a:hover {
  color: #1e50a2 !important;
  display: block;
  font-weight: normal;
  text-decoration: none;
  border-bottom: solid 2px;
  border-bottom-color: #cccccc;
  background: url(../images/nav_bg_hover.gif) repeat-x;
}


/*****  サイドナビ  *****/
#f01 {
width: 70px;
height: 29px;
background: url(../images/f01.gif) no-repeat;
position: fixed;
right: 30px;
bottom: 405px;
opacity: 1.00;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
z-index: 99999;
}
#f02 {
width: 70px;
height: 70px;
background: url(../images/f02.gif) no-repeat;
position: fixed;
right: 30px;
bottom: 334px;
opacity: 0.90;
filter: alpha(opacity=90);
-ms-filter: "alpha(opacity=90)";
z-index: 9999;
}
#f03 {
width: 70px;
height: 70px;
background: url(../images/f03.gif) no-repeat;
position: fixed;
right: 30px;
bottom: 263px;
opacity: 0.90;
filter: alpha(opacity=90);
-ms-filter: "alpha(opacity=90)";
z-index: 9999;
}
#f04 {
width: 70px;
height: 70px;
background: url(../images/f04.gif) no-repeat;
position: fixed;
right: 30px;
bottom: 192px;
opacity: 0.90;
filter: alpha(opacity=90);
-ms-filter: "alpha(opacity=90)";
z-index: 9999;
}
#f05 {
width: 70px;
height: 70px;
background: url(../images/f05.gif) no-repeat;
position: fixed;
right: 30px;
bottom: 121px;
opacity: 0.90;
filter: alpha(opacity=90);
-ms-filter: "alpha(opacity=90)";
z-index: 9999;
}
#f06 {
width: 70px;
height: 70px;
background: url(../images/f06.gif) no-repeat;
position: fixed;
right: 30px;
bottom: 50px;
opacity: 0.90;
filter: alpha(opacity=90);
-ms-filter: "alpha(opacity=90)";
z-index: 9999;
}
#f01 a{
display: block;
width: 70px;
height: 29px;
} 
#f02 a, #f03 a, #f04 a, #f05 a, #f06 a {
display: block;
width: 70px;
height: 70px;
} 
#sidenavi { display: none; }



/*****  ページダウンボタン  *****/
#pd {
width: 68px;
height: 68px;
background: url(../images/arrow-pagedown.png) no-repeat;
position: fixed;
left: 50%;
bottom: 20px;
opacity: 0.85;
filter: alpha(opacity=85);
-ms-filter: "alpha(opacity=85)";
z-index: 9999;
}
#pd a{
display: block;
width: 68px;
height: 68px;
left: 50%;
bottom: 20px;
/*margin-left:-34px;*/
}
 

/*****   メニュー   *****/

#gmenu {
	/*position:fixed;*/
	margin:0 auto;
/*	margin-top:544px;*/
	text-align:center;
	max-width:1400px;
	z-index:9999;
	height:59px;
	overflow: hidden; 
}
#gmenu ul {
	display:block;
	overflow:hidden;
	text-align: center;
	background: #FFFFFF url(../images/gmenu-bg.jpg) repeat-x;
}
#gmenu ul li { display: inline-block; }
#gmenu_fix {
	display:none;
	text-align:center;
	position:fixed;
	top:54px;
	width:100%;
	z-index:1;
	height:59px;
	overflow: hidden; 
}
#gmenu_fix ul {
	display:block;
	text-align: center;
	background: #FFFFFF url(../images/gmenu-bg.jpg) repeat-x;
}
#gmenu_fix ul li { display: inline-block; }
#gmenu a:hover, #gmenu_fix a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}
#addr { display:none; overflow:hidden; }

/*****   トップ   *****/
#top {
/*	position:fixed;*/
	width:100%;
	z-index:1;
/*	height:100px;*/
background-color:#fff;
}
#bgWr {
    height: 182%;
    left: -50%;
    position: fixed;
    top: -37%;
    width: 200%;
	z-index:-9999;
}
#bgWr img {
    bottom: 0;
    left: 0;
    margin: auto;
    min-height: 50%;
    min-width: 50%;
    position: absolute;
    right: 0;
    top: 0;
}
#wrapper {
    margin: 0 auto;
    padding: 0;
    width: 100%;
	background-position: center center;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size: cover;
/*	background-color: #FFFFFF;*/
    position: relative;
	z-index: 0;
    line-height: 1.4;
    overflow: hidden;
    overflow-wrap: break-word;
    word-break: break-all;
}
#block-top {
    background-position: center top!important;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    display: block;
    height: 544px;
	margin:0 auto;
/*    padding-top: 90px;
    margin-top: 49px;*/
    width: 1400px;
	z-index:1;
	text-align:center;
}
#logo_area {
	display:block;
	overflow: hidden!important; 
	position:fixed;
    margin: 0 auto;
/*	padding:10px 0 5px;*/
	height:54px;/* 54px? */
    width: 100%;
	text-align:center;
	background-color:#FFFFFF;
	z-index:9999;
}
#logo_area span { display:none; }
ul.yamau { text-align:right; }
ul.yamau li{
	float:left;
	margin-right:10px;
}
ul.yamau li:first-child { margin-right:0; }



/*****   会社概要   *****/
#outline, #outline2 {
	background-color: #FFFFFF;
	width:100%;
/*	max-width:1280px;*/
	margin:0 auto;
/*	margin-top:200px;*/
	padding-top:200px;
	text-align:left;
}
#outline h2, #outline2 h2 {
	margin:0 auto 100px;
	text-align:center;
}
#outline h2 span, #outline2 h2 span {
	display:none;
}
#outline h3, #outline2 h3 {
	margin:0 auto 80px;
	text-align:center;
}
#outline h3 span, #outline2 h3 span {
	display:none;
}
.box {
	width: 1080px;
	margin: 0 auto;
/*	margin-left: 100px;*/
}
.message {
	width: 880px;
	margin: 0 auto;
}
#idea p{
	font-size:120%;
	line-height:180%;
}
ul.idea {
	margin:50px auto 0;
	width:1024px;
}
ul.idea li {
	float:left;
	margin-left:20px;
}
ul.idea li:first-child { margin-left:0; }

#policy p{
	font-size:160%;
	line-height:180%;
	font-family:'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif;
	padding-bottom:100px;
}
table.table { 
/*    margin: 0 auto; */
    width: 980px;
	margin: 0 auto;
	border: solid 1px #e2e2e2;
    border-collapse: collapse; 
    background-color: #FFFFFF;
	line-height:160%;
} 
table.table th { 
	text-align:left;
    width: 25%;
	padding: 20px 40px!important;
    border-top: solid 1px #e2e2e2;
    border-left: solid 1px #e2e2e2;
    margin: 0;
    color: #00479d;
	background-color:#eff4fc;
    font-size: 16px;
	font-weight: normal;
} 
table.table th:first-child {
/*	padding-bottom: 10px;*/
	padding-bottom: 0px;
}
table.table td { 
    margin: 0;
	padding: 20px 40px; 
    width: 75%;
    border-top: solid 1px #e2e2e2;
    border-left: solid 1px #e2e2e2;
    color: #000;
    font-size: 16px;
}

#kanban {
    background: rgba(0, 0, 0, 0) url("../images/bg.jpg") no-repeat fixed center top / 100% auto;
    padding: 200px 0;
}
#kanban span { display:none; }


/* 沿革 */
table.history {
	margin: 0 auto;
	border: none;
	border-collapse: collapse;
	backgroud-color: #FFFFFF;
	line-height: 130%;
	width: 860px;
}
table.history th {
	text-align: right;
	vertical-align: top;
	height: 4em;
	color: #00479d;
	font-size: 16px;
	font-weight: normal;
	border-right: solid 1px #DDDDDD;
	padding-right:50px;
}
table.history td {
	text-align: left;
	vertical-align: top;
	height: 4em;
	font-size: 16px;
	color: #333333;
	font-weight: normal;
	padding-left: 50px;
}

/*****   取扱商品   *****/
#item {
	width:100%;
	max-width:1280px;
	margin:0 auto;
/*	margin-top:60px;*/
	text-align:center;
}
#item p{
	font-size:120%;
	line-height:180%;
}
#item h2 {
	margin:0 auto 70px;
	text-align:center;
	padding-top:260px;
}
#item h2 span {
	display:none;
}
#item ul li span {
	display:none;
}
#item ul {
	display:table;
	width:1080px;
	margin:0 auto;
}
#item ul li{
	display:table-cell;
	width:216px;
	height:125px;
	text-align: center;
	vertical-align: middle;
	padding:0;
}



/*****   ネットショップ＆実店舗   *****/
#shop {
	width:100%;
	max-width:1280px;
	margin:20px auto;
	margin-top:200px;
	text-align:center;
}
#shop p{
	font-size:120%;
	line-height:180%;
}
#shop h2 {
	margin:100px auto 60px;
	text-align:center;
}
#shop h2 span {
	display:none;
}
#shop p span{ font-size:16px; font-weight:bold; line-height:120%; }
#shop p a:link{ color:#0000FF; }
#shop p a:visited{ color:#000080; }
#shop p a:hover{ color:#ff0000; }
#shop p a:active{ color:#ff8000; }

#shop ul.netshop {
	margin:50px auto 0;
	width:1080px;
}
#shop ul.netshop li {
	float:left;
	margin-left:35px;
	text-align:center;
	font-size:120%;
}
#shop ul.netshop li:first-child { margin-left:0; }



/*****   アクセス   *****/

#access {
	width:100%;
/*	max-width:1280px;*/
	margin:20px auto;
	margin-top:200px;
	text-align:center;
}
#access p{
	font-size:14px;
	line-height:120%;
}
#access h2 {
	margin:100px auto 80px;
	text-align:center;
}
#access h2 span {
	display:none;
}
#map {
	width: 100%;
	height: 600px;
	margin-bottom:5px;
	border:0;
}
#map_thunder {
	width: 100%;
	height: 600px;
	margin-bottom:5px;
	border:0;
}
.info_honsya{
	font-size:100%!important;
	line-height:180%!important;
	margin:0 auto 10px;
	width:1080px;
}
.info_thunder{
	font-size:100%!important;
	line-height:180%!important;
	margin:0 auto 10px;
	width:1080px;
}

/*****   お問い合わせ   *****/
#contact {
	width:100%;
	max-width:1080px;
	margin:20px auto 100px;
	margin-top:200px;
	text-align:left;
}
#contact p.txt{
	margin-bottom:60px;
	font-size:120%;
	line-height:180%;
	text-align:center;
}
#contact h2 {
	margin:100px auto 60px;
	text-align:center;
}
#contact h2 span {
	display:none;
}
table.contact { 
	table-layout:fixed;
	width:100%;
    border-collapse: collapse; 
    background-color: #FFFFFF;
} 
table.contact th { 
	text-align:right;
	font-weight:normal;
    width: 25%!important;
    margin: 0;
	padding: 10px 0;
} 
table.contact td { 
    margin: 0;
	font-weight:normal;
    width: 75%!important;
    color: #000;
	padding: 10px 0;
}

#contact input.confirm {
	border:solid 0px #ccc;
	padding:15px 30px 20px 30px;
	margin:40px 0 50px;
	font-size:1.2em;
	text-transform:uppercase;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#ff4d4d;
	cursor:pointer;
}
#contact-sp input.confirm {
	border:solid 0px #ccc;
	padding:15px 30px 20px 30px;
	margin:40px 0 50px;
	font-size:1.2em;
	text-transform:uppercase;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#ff4d4d;
	cursor:pointer;
}
#contact input.correct {
	border:solid 0px #ccc;
	padding:15px 30px 20px 30px;
	margin:40px 20px 20px 50px;
	font-size:1.2em;
	text-transform:uppercase;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#85b200;
	cursor:pointer;
}
#contact-sp input.correct {
	border:solid 0px #ccc;
	padding:15px 30px 20px 30px;
	margin:40px 20px 20px 0;
	font-size:1.2em;
	text-transform:uppercase;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#85b200;
	cursor:pointer;
}
.attention{
	font-size:70%;
	color:#999;
}
#form label.error, label.error {
 color: red;
}


/*****   フッター   *****/
#footer {
	width:100%;
	margin:20px auto 0;
	text-align:left;
	color:#FFFFFF;
	background-color:#0a132f;
	padding:35px 0 60px 0;
}
#footer a:link { color:#FFFFFF; }
#footer a:visited { color:#FFFFFF; }
#footer a:hover { color:#FFFFFF; }
#footer a:active { color:#FFFFFF; }

#footer div.ft-contents {
	width:1080px;
    padding: 0;
	margin:0 auto;
}
#footer section.ft-division {
    float: left;
    margin-right: -2.5%;
    padding-bottom: 10px;
    padding-left: 20px;
}
#footer section ul li {
	font-size:12px;
	line-height:100%;
	margin-bottom:20px;
	margin-left:10px;
}
#footer h3 {
	font-size:14px;
	margin-top:0px;
	margin-bottom:20px;
}
#footer span.ft-icon01 {
    background: rgba(0, 0, 0, 0) url("../images/footer-arrow01.gif") no-repeat scroll 0 4px;
    display: inline-block;
    float: left;
    height: 18px;
    line-height: 0;
    margin-left: 0;
    vertical-align: middle;
    width: 22px;
}
#footer span.ft-icon02 {
    background: rgba(0, 0, 0, 0) url("../images/footer-arrow02.gif") no-repeat scroll 0 0;
    display: inline-block;
    float: left;
    height: 8px;
    line-height: 0;
    margin-left: 0;
    vertical-align: middle;
    width: 14px;
}
#footer span.label {
    vertical-align: top;
}
#footer div.kb-box {
	padding-right:10px;
	float:right;
	width:335px;
}

#footer p.copyright {
	margin:60px 0 0 0;
	text-align:center;
	font-family:"Candara", Times, serif;
	font-size:14px;
}

