@charset 'utf-8';

/*******************************************************
  Reset -> all
********************************************************/

@font-face{
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
}
*, html, body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, form, input, textarea, p,
header,footer,section {
	margin: 0;
	padding: 0;
	font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
}
html{
	overflow: scroll;
}
body{
	position: relative;
	margin: 0;
	padding: 0;
	min-width: 1000px;
	height: 100%;
	color: #000000;
	font-size: 14px;
	letter-spacing: 0.07em;
	line-height: 1.8em;
	text-align: center;
}
img,img a,a img{
	margin: 0;
	padding: 0;
	border: none;
	border-style: none;
	text-decoration: none;
}
a, a:link, a:visited{
	color: #0d6fb8;
	text-decoration: underline;
	font-weight: normal;
	overflow: hidden;
	cursor: pointer;
}
a:hover{ color: #0d11b8; }

h1,h2,h3,h4,h5,h6{
	font-size: 100%;
	font-weight: normal;
}
ol,ul{
    list-style: none outside;
    font-size: 100%;
}
form {
	margin: 0;
	padding: 0;
}
button, input, select, textarea{
	font-size: 1em;
	display: block;
}

/*-----------------------------------------------
  common -> all
-----------------------------------------------*/
body{
	background: #ffffff;
}

#wrap{
	position: relative;
	margin: 0 auto;
	width: 960px;
}

.container{
	clear: both;
	position: relative;
	margin: 10px auto;
	width: 960px;
	overflow:hidden;
	text-align: left;
}
section{
	display: block;
	float: left;
	margin-bottom: 20px;
	width: 100%;
	overflow: hidden;
}
section.cnt{
	margin: 0 99px 20px;
	width: 762px;
}

#main,
#sub{
	float: left;
}
#main{
	width: 772px;
	margin-left: 27px;
}
#main section{
	width: 760px;
	margin-left: 12px;
}
#main section p{
	margin: 0 5px;
}
#sub{
	width: 161px;
}

/*-----------------------------------
  btn
-----------------------------------*/
a.btn,
.bnr img,
h1 a{
	display: block;
	text-indent: -9999px;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
a:hover.btn,
.bnr a:hover img,
h1 a:hover {
	opacity: 0.7;  
	filter: alpha(opacity=30);
}

a#header_home,
a#header_contact{
	display: inline-block;
	margin: 0 2px;
	width: 73px;
	height: 66px;
}
a#header_home{ background: url(../images/header_home.png) no-repeat left top; }
a#header_contact{ background: url(../images/header_contact.png) no-repeat left top; }
a#footer_fb,
a#footer_tw{
	display: inline-block;
	margin: 0 4px;
	width: 45px;
	height: 45px;
}
a#footer_fb{ background: url(../images/footer_fb.png) no-repeat left top; }
a#footer_tw{ background: url(../images/footer_tw.png) no-repeat left top; }

a.topics_shouhin,
a.topics_haisou,
a.topics_hansoku{
	width: 310px;
	height: 90px;
}
a.topics_shouhin{ background: url(../images/topics_shouhin.png) no-repeat left top; }
a.topics_haisou{ background: url(../images/topics_haisou.png) no-repeat left top; }
a.topics_hansoku{ background: url(../images/topics_hansoku.png) no-repeat left top; }

a.btn_txt{
	clear: both;
	position: relative;
	display: block;
	margin: 10px auto;
	padding: 10px 20px;
	background: #32b3c8;
	border: 2px solid #32b3c8;
	width: 300px;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	font-size:1.1em;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
a.btn_txt:hover {
	background-color: #fff;
	border-color: #32b3c8;
	color: #32b3c8;
}
a.btn_txt::before,
a.btn_txt::after {
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #32b3c8;
}
a.btn_txt::before {
	right: 0;
}
a.btn_txt::after {
	left: 0;
}
a.btn_txt:hover::before,
a.btn_txt:hover::after {
	width: 0;
	background-color: #32b3c8;
}

@media all and (-ms-high-contrast:none){
	a.btn_txt{
		padding-bottom:5px;
	}
}

/*-----------------------------------------------
  header
-----------------------------------------------*/
header{
	position: relative;
	width: 100%;
	height: 115px;
	overflow: hidden;
}
header .container{
	height: 95px;
}

header #logo_copy{
	position: absolute;
	top: 10px;
	left: 0;
	width: 770px;
}

header #logo_copy h1{
	margin: 0 0 15px;
	width: 226px;
	height: 39px;
}
header #logo_copy h1 a{
	display: block;
	width: 226px;
	height: 39px;
	background: url(../images/logo.png) no-repeat left top;
	text-indent: -9999px;
}
header #logo_copy p{
	width: 418px;
	height: 17px;
	background: url(../images/header_catch.png) no-repeat left top;
	text-indent: -9999px;
}

header div.info{
	position: absolute;
	top: 20px;
	right: 0;
	width: 190px;
	height: 66px;
}

/*-----------------------------------------------
  nav
-----------------------------------------------*/
nav{
	position: relative;
}
nav ul{
	margin: 0 auto;
	width: 960px;
	height: 50px;
	text-align: left;
}
nav ul li{
	float: left;
	height: 50px;
}
nav ul li a{
	display: block;
	margin: 0;
	width: 160px;
	height: 50px;
	text-indent: -9999px;
	background: url(../images/gnavi.png) no-repeat;
}
/* menu default
-----------------------------------------------*/
nav ul li a#menu01{ background-position: 0 0; }
nav ul li a#menu02{ background-position: -160px 0;}
nav ul li a#menu03{ background-position: -320px 0; }
nav ul li a#menu04{ background-position: -480px 0; }
nav ul li a#menu05{ background-position: -640px 0; }
nav ul li a#menu06{ background-position: -800px 0; }

/* menu mouse over
-----------------------------------------------*/
nav ul li a#menu01:hover{ background-position: 0 -50px; }
nav ul li a#menu02:hover{ background-position: -160px -50px; }
nav ul li a#menu03:hover{ background-position: -320px -50px; }
nav ul li a#menu04:hover{ background-position: -480px -50px; }
nav ul li a#menu05:hover{ background-position: -640px -50px; }
nav ul li a#menu06:hover{ background-position: -800px -50px; }

/* menu on page
-----------------------------------------------*/
body.taniguchi	nav ul li a#menu01{ background-position: 0 -50px; }
body.shouhin	nav ul li a#menu02{ background-position: -160px -50px; }
body.haisou	nav ul li a#menu03{ background-position: -320px -50px; }
body.hansoku	nav ul li a#menu04{ background-position: -480px -50px; }
body.kyujin	nav ul li a#menu05{ background-position: -640px -50px; }
body.gaiyou	nav ul li a#menu06{ background-position: -800px -50px; }

/*-----------------------------------------------
  footer
-----------------------------------------------*/
footer{
	display:block;
	position: relative;
	clear: both;
	width: 100%;
	height: 128px;
	overflow: hidden;
	line-height: 1em;
	border-top: solid 1px #0d6fb8;
	letter-spacing: 0;
}
footer .container{
	height: 108px;
}

footer ul{
	position: relative;
	top: 15px;
}
footer ul li{
	display: inline-block;
	padding: 0 6px 0 8px;
	border-left: solid 1px #0d6fb8;
}
footer ul li:first-child{
	border: none;
}
footer ul li a,
footer ul li a:link{
	text-decoration: none;
}

footer p.footer_careful{
	position: absolute;
	top: 50px;
	left: 20px;
	width: 430px;
	height: 52px;
	background: url(../images/footer_careful.png) no-repeat left top;
	text-indent: -9999px;
}
footer div.info{
	position: absolute;
	top: 54px;
	left: 470px;
	width: 120px;
	height: 45px;
}

footer #copyright{
	font-size:0.85em;
	display:block;
	position: absolute;
	top: 85px;
	right: 0;
	text-align: right;
	width: 250px;
}

/*-----------------------------------
  breadcrumbs
-----------------------------------*/
#breadcrumbs{
	line-height: 1.5em;
}
#breadcrumbs li{
	float: left;
}
#breadcrumbs li:after{
	float: right;
	display: inline-block;
	content: ">";
	margin: 2px 5px;
}
#breadcrumbs li:last-child:after{
	content: "";
}
#breadcrumbs li a,
#breadcrumbs li a:link{
	display: inline-block;
	text-decoration: none;
	padding: 2px 5px;
}

/*-----------------------------------
  #main-image
-----------------------------------*/

#main-image{
	clear: both;
	width: 100%;
	height: 609px;
	overflow: hidden;
}
#main-image img{
	width: 100%;
}

/*-----------------------------------
h2,h3,h4
-----------------------------------*/
h2{
	position: relative;
	margin: 0 0 10px;
	width: 100%;
	height: 80px;
	overflow: hidden;
	text-indent: -9999px;
}
h2#topics{
	height: 41px;
	background: url(../images/ttl_topics.png) no-repeat left top;
}
h2#jigyobushokai{ background: url(../images/ttl_jigyobushokai.png) no-repeat left top; }
h2#shouhin{ background: url(../images/ttl_shouhin.png) no-repeat left top; }
h2#haisou{ background: url(../images/ttl_haisou.png) no-repeat left top; }
h2#haisounews{ background: url(../images/ttl_haisounews.png) no-repeat left top; }
h2#hansoku{ background: url(../images/ttl_hansoku.png) no-repeat left top; }
h2#kyujin{ background: url(../images/ttl_kyujin.png) no-repeat left top; }
h2#rinen{ background: url(../images/ttl_rinen.png) no-repeat left top; }
h2#enkaku{ background: url(../images/ttl_enkaku.png) no-repeat left top; }
h2#jigyosho{ background: url(../images/ttl_jigyosho.png) no-repeat left top; }
h2#aisatsu{ background: url(../images/ttl_aisatsu.png) no-repeat left top; }
h2#gaiyou{ background: url(../images/ttl_gaiyou.png) no-repeat left top; }
h2#jigyosho{ background: url(../images/ttl_jigyosho.png) no-repeat left top; }
h2#sitemap{ background: url(../images/ttl_sitemap.png) no-repeat left top; }

h3{
	clear: both;
	float: left;
	margin: 10px 0;
	background: url(../images/ttl_normal.png) no-repeat left top;
	width: 100%;
	height: 25px;
	text-indent: 6px;
	line-height: 32px;
	font-weight: bold;
}
.kyujin h3{
	margin: 0;
	width: 582px;
	text-indent: 0;
	font-weight: bold;
	font-size: 1.2em;
	background: none;
	line-height: 25px;
}
h3#haisou01,
h3#shouhin01,
h3#shouhin02,
h3#shouhin03,
h3#shouhin04{ background: url(../images/ttl_wide.png) no-repeat left top; }
h3#hansoku01{ background: url(../images/ttl_hansoku01.png) no-repeat left top; height: 35px; text-indent: -9999px; }

h4{
	clear: both;
	color: #5B7649;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:10px;
}


/*-----------------------------------
submenu
-----------------------------------*/

#sub strong{
	display: block;
	width: 161px;
	height: 30px;
	text-indent: -9999px;
}
.taniguchi #sub strong{ background: url(../images/subm_2.png) no-repeat left top; }
.gaiyou #sub strong{ background: url(../images/subm_7.png) no-repeat left top; }


#sub ul li a{
	display: block;
	width: 161px;
	height: 30px;
	text-indent: -9999px;
}
.taniguchi #sub ul li:nth-child(1) a{ background: url(../images/subm_2-1.png) no-repeat left top; }
.gaiyou #sub ul li:nth-child(1) a{ background: url(../images/subm_7-1.png) no-repeat left top; }
.gaiyou #sub ul li:nth-child(2) a{ background: url(../images/subm_7-2.png) no-repeat left top; }
.gaiyou #sub ul li:nth-child(3) a{ background: url(../images/subm_7-3.png) no-repeat left top; }
.gaiyou #sub ul li:nth-child(4) a{ background: url(../images/subm_7-4.png) no-repeat left top; }
.gaiyou #sub ul li:nth-child(5) a{ background: url(../images/subm_7-5.png) no-repeat left top; height: 31px; }

/*-----------------------------------
  table
-----------------------------------*/
table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 1.6em;
}
table tr th,
table tr td {
	padding: 5px 8px;
	text-align: left;
	vertical-align: top;
}

table.tblist {
	margin: 0;
	border-top: 1px solid #eceded;
}
table.tblist tr th,
table.tblist tr td {
	padding: 4px 10px;
	border-right: solid 1px #eceded;
	border-bottom: solid 1px #eceded;
	color: #555555;
	vertical-align: middle;

}
table.tblist tr th{
	background: #f6f7f7;
	border-left: solid 1px #eceded;
	text-align: center;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

table.zebra tr {
	border: none;
	border-bottom: 1px dashed #e5e5e5;
}
table.zebra tr:first-child {
	border-top: 1px dashed #e5e5e5;
}
table.zebra td,
table.zebra th {
	padding: 5px;
	border-right: none;
}
table.zebra tbody tr:nth-child(odd) {
	background: #f5f5f5;
}
table.zebra th {
	padding: 5px 30px;
	width: 100px;
	text-align: left;
	font-weight: normal;
}

/*-----------------------------------
  common
-----------------------------------*/
.fltl{ float: left; }
.fltr{ float: right; }
.add{ color: #c30d23; font-size: 0.9em; }

/*-----------------------------------
  .home
-----------------------------------*/
div#tpcArea{
	clear: both;
	width: 100%;
	height: 90px;
}
div#tpcArea ul{
	margin: 20px auto 0;
	width: 960px;
}
div#tpcArea ul li{
	float: left;
	margin-left: 15px;
}
div#tpcArea ul li:first-child{
	margin-left: 0;
}
div#tpcArea ul li:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

.home #main{
	margin: 0;
	width: 619px;
}
.home #sub{
	margin-left: 31px;
	width: 310px;
}
.home #sub ul.bnr li{
	margin-bottom: 10px;
}
.home #sub ul.bnr li a{
	width: 310px;
	height: 95px;
}
ul.news{
	width: 100%;
}

ul.news li{
	display: table;
	padding: 5px 5px;
	width: calc(100% - 10px);
	line-height: 24px;
}

ul.news li:first-child{
	background: none;
}
ul.news li span{
	display: table-cell;
	width: calc(100% - 100px)
	margin-left:100px;
	height: 100%;
}
ul.news li span:first-child{
	display: table-cell;
	width: 100px;
	height: 100%;
}

/*-----------------------------------
  .shouhin
-----------------------------------*/
.shouhin ul.itemlst li{
	float: left;
	margin: 0 20px 21px 0;
	width: 223px;
	height: 450px;
	border: solid 1px #acaaaa;
	letter-spacing: 0;
}
.shouhin ul.itemlst li:nth-child(4),
.shouhin ul.itemlst li:nth-child(8),
.shouhin ul.itemlst li:nth-child(12),
.shouhin ul.itemlst li:nth-child(16),
.shouhin ul.itemlst li:nth-child(20),
.shouhin ul.itemlst li:nth-child(24),
.shouhin ul.itemlst li:nth-child(28),
.shouhin ul.itemlst li:nth-child(32),
.shouhin ul.itemlst li:nth-child(36),
.shouhin ul.itemlst li:nth-child(40){
	margin-right: 0;
}
.shouhin ul.itemlst li>div{
	position: relative;
	margin: 15px auto 18px;
	width: 220px;
	height: 206px;
}
.shouhin ul.itemlst li>div>img{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	margin: auto;
	max-width: 220px;
	max-height: 206px;
}
.shouhin ul.itemlst li>strong{
	display: block;
	margin: 0 auto 5px;
	width: 202px;
	border-bottom: solid 1px #a1a0a0;
	text-align: center;
}
.shouhin ul.itemlst li>strong.small{
	font-size:0.85em;
}
.shouhin ul.itemlst li>p{
	margin: 0 auto;
	width: 202px;
	height: 80px;
	font-size: 1em;
	line-height: 1.5em;
}

/*-----------------------------------
  .haisou
-----------------------------------*/
.haisou #haisouarea{
	position: relative;
	margin-top: 10px;
	border: solid 1px #302522;
	height: 767px;
}
.haisou #haisouarea>img{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	margin: auto;
}
.haisou section.cnt table{
	font-size: 0.95em;
}

/*-----------------------------------
  .haisou.news
-----------------------------------*/
.section #news{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	margin: auto;
	text-align: center;
}

.section #news ul{
	position: absolute;
	font-weight:700;
	font-size: 200%;
	margin: auto;
}

.sumatyu {
	text-align: center;
}
/*-----------------------------------
  .hansoku
-----------------------------------*/

.hansoku ul.hansokulst li{
	float: left;
	margin: 0 12px 10px 0;
	width: 229px;
	height: 215px;
	border: solid 1px #bebfbf;
	letter-spacing: 0;
}
.hansoku ul.hansokulst li:nth-child(4),
.hansoku ul.hansokulst li:nth-child(8),
.hansoku ul.hansokulst li:nth-child(12){
	margin-right: 0;
}
.hansoku ul.hansokulst li>div{
	position: relative;
	margin: 4px auto 5px;
	width: 221px;
	height: 178px;
}
.hansoku ul.hansokulst li>div>img{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	margin: auto;
	max-width: 221px;
	max-height: 178px;
}
.hansoku ul.hansokulst li>strong{
	display: block;
	margin: 0 auto;
	width: 220px;
	text-align: center;
}

.hansoku table.hansokuinfo{
	table-layout: fixed;
	letter-spacing: 0;
}
.hansoku table.hansokuinfo td strong{
	display: block;
	margin: 0 auto 2px;
	border-bottom: dotted 1px #afabaa;
}
.hansoku table.hansokuinfo td p{
	font-size: 0.9em;
	line-height: 1.5em;
}

/*-----------------------------------
  .kyujin
-----------------------------------*/
.kyujin ul#tab{
	margin: 30px 0 25px;
	width: 100%;
	height: 39px;
	border-bottom: solid 6px #28a7e1;
	overflow: hidden;
}
.kyujin ul#tab li{
	float: left;
	margin-right: 1px;
}
.kyujin ul#tab li:last-child{
	margin-right: 0;
}
.kyujin ul#tab li a,
.kyujin ul#tab li a:link,
.kyujin ul#tab li a:visited{
	display: block;
	width: 110px;
	height: 39px;
	text-indent: -9999px;
	overflow: hidden;
}
.kyujin ul#tab li:nth-child(1) a { background: url(../images/tab_kyujin01.png) no-repeat left top; }
.kyujin ul#tab li:nth-child(2) a { background: url(../images/tab_kyujin02.png) no-repeat left top; }
.kyujin ul#tab li:nth-child(3) a { background: url(../images/tab_kyujin03.png) no-repeat left top; }
.kyujin ul#tab li:nth-child(4) a { background: url(../images/tab_kyujin04.png) no-repeat left top; }

.kyujin ul#tab li:nth-child(1) a.on,
.kyujin ul#tab li:nth-child(1) a:hover{ background: url(../images/tab_kyujin01on.png) no-repeat left top; }
.kyujin ul#tab li:nth-child(2) a.on,
.kyujin ul#tab li:nth-child(2) a:hover{ background: url(../images/tab_kyujin02on.png) no-repeat left top; }
.kyujin ul#tab li:nth-child(3) a.on,
.kyujin ul#tab li:nth-child(3) a:hover{ background: url(../images/tab_kyujin03on.png) no-repeat left top; }
.kyujin ul#tab li:nth-child(4) a.on,
.kyujin ul#tab li:nth-child(4) a:hover{ background: url(../images/tab_kyujin04on.png) no-repeat left top; }

.kyujin #group01 p,
.kyujin #group02 p,
.kyujin #group03 p,
.kyujin #group04 p{
	float: left;
	width: 582px;
}
.kyujin #group01 table,
.kyujin #group02 table,
.kyujin #group03 table,
.kyujin #group04 table{
	float: left;
	margin-top: 20px;
	width: 582px;
}
.kyujin #group01 table th,
.kyujin #group02 table th,
.kyujin #group03 table th,
.kyujin #group04 table th{
	padding: 5px 10px;
	width: 60px;
	border-top: solid 2px #d2b280;
	text-align: center;
	font-weight: normal;
}
.kyujin #group01 table td,
.kyujin #group02 table td,
.kyujin #group03 table td,
.kyujin #group04 table td{
	padding: 5px 0 15px 30px;
}
.kyujin #group01 table td span,
.kyujin #group02 table td span,
.kyujin #group03 table td span,
.kyujin #group04 table td span{
	font-size: 0.9em;
}

.kyujin #group01 img,
.kyujin #group02 img,
.kyujin #group03 img,
.kyujin #group04 img{

	display: block;
	margin-bottom: 20px;
}

/*-----------------------------------
  .gaiyou.enkaku
-----------------------------------*/
.gaiyou.enkaku #main table{
	margin: 10px 0 20px;
}

/*-----------------------------------
  .gaiyou.aisatsu
-----------------------------------*/
.gaiyou.aisatsu #main img.photo{
	display: block;
	margin: 10px 0 15px;
}
.gaiyou.aisatsu #main p{
	margin: 0 0 5px;
}
.gaiyou.aisatsu #main p#shomei{
	margin-top: 30px;
	text-align: right;
}
.gaiyou.aisatsu #main p#shomei img{
	display: inline-block;
	margin: 0 0 -2px 10px;
}

/*-----------------------------------
  .gaiyou.kaishagaiyou
-----------------------------------*/
.gaiyou.kaishagaiyou #main table.tblist.g2 tr th{
	width: 200px;
}
/*-----------------------------------
  .gaiyou.jigyosho
-----------------------------------*/
.gaiyou.jigyosho #main table td{
	vertical-align: bottom;
}
.gaiyou.jigyosho #main table td:nth-child(2){
	width: 50%;
}

/*-----------------------------------
  .contact
-----------------------------------*/
.contact table.tblist{
	margin: 10px 0 0;
}
.contact table.tblist th{
	width: 25%;
}
.contact table.tblist td{
	width: 75%;
}
.contact table.tblist span,
.contact .fnt_att{
	color: #c30d23;
}
.contact p.fnt_att{
	margin: 10px 0 0;
}

.contact form table.tblist input,
.contact form table.tblist textarea{
	padding: 5px;
	line-height: 1.2em;
	width: 70%;
}
.contact form table.tblist textarea{
	width: 90%;
	height: 5em;
}
.contact input.btn_send{
	margin: 0 auto;
	padding: 5px 50px;
}

/*-----------------------------------
  .sitemap
-----------------------------------*/
.sitemap section ul{
  color: #1e366a;
  padding: 0.5em 0 0.5em 1.5em;
  margin-left:15px;
  list-style-type: disc;
}
.sitemap section ul ul{
  color: #1e366a;
  padding: 0.5em 0 0.5em 1.5em;
  margin-left:0;
  list-style-type: circle;
}
.sitemap section ul li{
	padding-left:10px;
  	line-height: 1.5;
	padding: 0.5em 0;
}