#topContents .news dl:after,
#topContents .cont:after,
#topContents .banner:after,
#activityForm .form dl:after,
#activityList .info:after,
#activityDetail .info:after,
#activityDetail .pager:after,
#contactForm .form dl:after,
#companyHistory .image:after,
#noticeDetail .image:after,
#MAPAREA ul:after,
#productDetail .online:after,
#productList .cont:after,
#newsDetail .info:after,
#newsList dl:after,
#newsList ul:after,
.row:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#topContents .news dl,
#topContents .cont,
#topContents .banner,
#activityForm .form dl,
#activityList .info,
#activityDetail .info,
#activityDetail .pager,
#contactForm .form dl,
#companyHistory .image,
#noticeDetail .image,
#MAPAREA ul,
#productDetail .online,
#productList .cont,
#newsDetail .info,
#newsList dl,
#newsList ul,
.row {
zoom: 1;
}

.box,
.block,
.block .image,
button,
a,
a img {
transition: box-shadow 0.3s ease;
-moz-transition: box-shadow 0.3s ease;
-webkit-transition: box-shadow 0.3s ease;
}

/* VISUALCONTENTS */
#visualContents {
margin-top: -3px;
padding-bottom: 5px;
overflow: hidden;
}
#visualContents .cont {
margin: 0 auto;
width: 940px;
text-align: left;
}
#visualContents .viewport {
margin: 0 -460px;
width: 1860px;
height: 424px;
overflow: hidden;
font-size: 0;
line-height: 0;
}
#visualContents .bx-wrapper {
position: relative;
}
#visualContents .bx-wrapper .bx-prev {
position: absolute;
left: 0;
top: 0;
width: 618px;
height: 424px;
display: block;
}
#visualContents .bx-wrapper .bx-next {
position: absolute;
right: 0;
top: 0;
width: 618px;
height: 424px;
display: block;
}
#visualContents li {
float:left;
}
#visualContents p.attention {
background: #fff9c4 url(../img/icn_attention.png) no-repeat 16px center;
box-shadow: 0px 1px 3px rgba(0,0,0,0.20);
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.20);
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.20);
margin: 10px 0 0 0;
padding: 21px 16px 21px 56px;
line-height: 1.35;
}
#visualContents p.attention strong {
font-weight: bold;
color: #f44336;
}

/* TOPCONTENTS */
#topContents {
padding-top: 18px;
}
#topContents .banner {
background-color: #eee;
border: solid 1px #e0e0e0;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 24px 0 24px 25px;
clear: both;
}
#topContents .banner li {
margin-right: 24px;
font-size: 0;
line-height: 0;
float: left;
}
#topContents .banner a img {
box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
#topContents .banner a:hover img {
box-shadow: 0px 8px 14px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 8px 14px rgba(0,0,0,0.16);
-webkit-box-shadow: 0px 8px 14px rgba(0,0,0,0.16);
}
#topContents .regular {
margin-top: 38px;
}
#topContents .regular .cont {
width: 720px;
}
#topContents .regular h3 {
background: url(../img/icn_hed_b_regular.png) no-repeat 0 center;
border-bottom: solid 1px #bdbdbd;
margin: 0 20px 0 0;
padding: 10px 0 10px 72px;
font-family:"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","貂ｸ繧ｴ繧ｷ繝�け","YuGothic","�ｭ�ｳ 繧ｴ繧ｷ繝�け",sans-serif;
font-size: 24px;
font-weight:700;
color: #512da8;
}
#topContents .regular .block {
position: relative;
box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
background-color: #fff;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
margin: 72px 20px 0 0;
width: 340px;
float: left;
cursor: pointer;
}
#topContents .regular .syouyuBLK {
background: #fff url(../img/bg_genre1.jpg) no-repeat left top;
}
#topContents .regular .bimisanBLK {
background: #fff url(../img/bg_genre2.jpg) no-repeat left top;
}
#topContents .regular .sirodasiBLK {
background: #fff url(../img/bg_genre3.jpg) no-repeat left top;
}
#topContents .regular .ponzuBLK {
background: #fff url(../img/bg_genre4.jpg) no-repeat left top;
}
#topContents .regular .tareBLK {
background: #fff url(../img/bg_genre5.jpg) no-repeat left top;
}
#topContents .regular .nametakeBLK {
background: #fff url(../img/bg_genre6.jpg) no-repeat left top;
}
#topContents .regular .suBLK {
background: #fff url(../img/bg_genre7.jpg) no-repeat left top;
}
#topContents .regular .block:nth-child(2n+1) {
margin-right: 0;
}
#topContents .regular .block.hover {
box-shadow: 0px 8px 14px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 8px 14px rgba(0,0,0,0.16);
-webkit-box-shadow: 0px 8px 14px rgba(0,0,0,0.16);
}
#topContents .regular .image {
position: relative;
width: 140px;
height: 200px;
float: left;
}
#topContents .regular .image a {
position: absolute;
left: -3px;
top: -60px;
}
#topContents .regular dl {
margin-left: 160px;
}
#topContents .regular dt {
padding-top: 13px;
font-family:"Hiragino Mincho ProN","Hiragino Mincho Pro","貂ｸ譏取悃","YuMincho","�ｭ�ｳ 譏取悃",serif;
font-size: 24px;
font-weight:600;
line-height: 1.25;
}
#topContents .regular dd {
margin: 9px 20px 0 0;
font-size: 14px;
line-height: 1.75;
}
#topContents .recommend {
padding-top: 61px;
}
#topContents .recommend .cont {
width: 720px;
}
#topContents .recommend h3 {
background: url(../img/icn_hed_b_recommend.png) no-repeat 0 center;
border-bottom: solid 1px #bdbdbd;
margin: 0 20px 24px 0;
padding: 10px 0 10px 72px;
font-family:"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","貂ｸ繧ｴ繧ｷ繝�け","YuGothic","�ｭ�ｳ 繧ｴ繧ｷ繝�け",sans-serif;
font-size: 24px;
font-weight:700;
color: #5d4037;
}
#topContents .recommend .block {
position: relative;
margin: 0 20px 21px 0;
width: 220px;
float: left;
cursor: pointer;
}
/*#topContents .recommend .block:nth-child(3n) {
margin-right: 0;
}*/
#topContents .recommend .image {
box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
background-color: #fff;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
width: 220px;
height: 220px;
}
#topContents .recommend .hover .image {
box-shadow: 0px 8px 14px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 8px 14px rgba(0,0,0,0.16);
-webkit-box-shadow: 0px 8px 14px rgba(0,0,0,0.16);
}
#topContents .recommend .image a {
padding-top: 8px;
text-align: center;
display: block;
}
#topContents .recommend dt {
padding-top: 19px;
font-family:"Hiragino Mincho ProN","Hiragino Mincho Pro","貂ｸ譏取悃","YuMincho","�ｭ�ｳ 譏取悃",serif;
font-size: 21px;
font-weight:600;
line-height: 1.25;
}
#topContents .recommend dd {
margin-top: 9px;
font-size: 13px;
line-height: 1.55;
}
#topContents .recommend2 {
padding-top: 33px;
}
#topContents .recommend2 h3 {
background: url(../img/icn_hed_b_recommend2.png) no-repeat 0 center;
margin: 0 20px 0 0;
padding: 10px 0 10px 72px;
font-family:"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","貂ｸ繧ｴ繧ｷ繝�け","YuGothic","�ｭ�ｳ 繧ｴ繧ｷ繝�け",sans-serif;
font-size: 24px;
font-weight:700;
}
#topContents .recommend2 .box {
position: relative;
box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
background-color: #fff;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
padding: 10px 20px 31px 0;
}
#topContents .recommend2 .image {
width: 160px;
float: left;
text-align: center;
}
#topContents .recommend2 .pack {
margin-left: 160px;
padding-top: 11px;
width: 380px;
}
#topContents .recommend2 h5 span {
background-color: #fff9c4;
}
#topContents .recommend2 p {
font-size: 14px;
line-height: 2;
}
#topContents .recommend2 dl {
padding-top: 22px;
float: right;
}
#topContents .recommend2 dd {
margin-top: 6px;
font-size: 12px;
line-height: 1.5;
text-align: center;
}
#topContents .recommend2 p.button {
margin-top: 25px;
}
#topContents .recommend2 p.button a {
box-shadow: 0px 6px 18px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 6px 18px rgba(0,0,0,0.18);
-webkit-box-shadow: 0px 6px 18px rgba(0,0,0,0.18);
background: #fff url(../img/icn_btn_arw.png) no-repeat right center;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
margin: 0 auto;
width: 296px;
font-size: 16px;
font-weight: bold;
text-align: center;
line-height: 40px;
color: #3f51b5;
display: block;
}
#topContents .recommend2 p.button a:hover {
box-shadow: 0px 6px 18px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 6px 18px rgba(0,0,0,0.28);
-webkit-box-shadow: 0px 6px 18px rgba(0,0,0,0.28);
text-decoration: none;
}
#topContents .news {
padding-top: 65px;
}
#topContents .news h3 {
background: url(../img/icn_hed_b_news.png) no-repeat 0 center;
margin: 0 20px 0 0;
padding: 10px 0 10px 72px;
font-family:"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","貂ｸ繧ｴ繧ｷ繝�け","YuGothic","�ｭ�ｳ 繧ｴ繧ｷ繝�け",sans-serif;
font-size: 24px;
font-weight:700;
}
#topContents .list {}
#topContents .news dl {}
#topContents .news dt {
padding: 7px 0 0 0;
width: 78px;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
float: left;
}
#topContents .news .dd1 {
margin: 8px 0 8px 0;
width: 64px;
float: left;
}
#topContents .news .dd1 span {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
margin: 0 auto;
width: 56px;
font-size: 12px;
line-height: 24px;
color: #fff;
text-align: center;
display: block;
}
#topContents .news .dd1 span.company {
background-color: #796baa;
}
#topContents .news .dd1 span.recruit {
background-color: #2196f3;
}
#topContents .news .dd1 span.product {
background-color: #9fa8da;
}
#topContents .news .dd2 {
margin-left: 162px;
padding: 6px 0 6px 0;
}
#topContents .news .more a {
background: #fff url(../img/icn_btn_arw.png) no-repeat 650px center;
margin-top: 32px;
padding: 0 60px 0 0;
display: block;
line-height: 64px;
text-align: right;
}

/* NEWSLIST */
#newsList {}
#newsList .topTab {
}
#newsList .bottomTab li,
#newsList .topTab li {
font-family: Helvetica, Arial, sans-serif;
font-size: 18px;
text-align: center;
float: left;
}
#newsList .topTab li.active a {
border-bottom: solid 4px #796baa;
}
#newsList .bottomTab li.active a {
border-top: solid 4px #796baa;
}
#newsList .topTab a {
border-bottom: solid 4px #f5f5f5;
padding-top: 6px;
width: 96px;
display: block;
text-decoration: none;
}
#newsList .bottomTab a {
border-top: solid 4px #f5f5f5;
padding: 2px 0 4px 0;
width: 96px;
display: block;
text-decoration: none;
}
#newsList .topTab a:hover {
background-color: #e6e4ec;
border-bottom: solid 4px #e6e4ec;
}
#newsList .bottomTab a:hover {
background-color: #e6e4ec;
border-top: solid 4px #e6e4ec;
}
#newsList .list {
border-top: solid 1px #d9d9d9;
}
#newsList .list dl {
background-color: #fff;
border-bottom: solid 1px #d9d9d9;
}
#newsList .list dt {
padding: 21px 0 21px 0;
width: 96px;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
text-align: center;
float: left;
}
#newsList .list .dd1 {
margin: 21px 0 21px 0;
width: 64px;
float: left;
}
#newsList .list .dd1 span {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
margin: 0 auto;
width: 56px;
font-size: 12px;
line-height: 24px;
color: #fff;
text-align: center;
display: block;
}
#newsList .list .dd1 span.company {
background-color: #796baa;
}
#newsList .list .dd1 span.recruit {
background-color: #2196f3;
}
#newsList .list .dd1 span.product {
background-color: #9fa8da;
}
#newsList .list .dd2 {
margin-left: 180px;
padding: 18px 20px 16px 0;
}

/* NEWSDETAIL */
#newsDetail {}
#newsDetail .info dt {
margin-right: 8px;
padding: 18px 0 16px 0;
width: 96px;
font-family: Helvetica, Arial, sans-serif;
font-size: 18px;
text-align: center;
float: left;
}
#newsDetail .info .dd1 {
margin: 21px 0 21px 0;
float: left;
}
#newsDetail .info .dd1 span {
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
margin: 0 auto;
width: 56px;
font-size: 12px;
line-height: 24px;
color: #fff;
text-align: center;
display: block;
}
#newsDetail .info .dd1 span.company {
background-color: #796baa;
}
#newsDetail .info .dd1 span.recruit {
background-color: #2196f3;
}
#newsDetail .info .dd1 span.product {
background-color: #9fa8da;
}
#newsDetail .box {
background-color: #fff;
padding: 33px 30px 24px 30px;
}
#newsDetail .box img {
margin-bottom: 24px;
}
#activityDetail .box h3,
#newsDetail .box h3 {
margin-bottom: 22px;
font-size: 28px;
color: #000;
}
#activityDetail .box h5,
#activityDetail .box h4,
#newsDetail .box h5,
#newsDetail .box h4 {
margin-bottom: 24px;
color: #000;
}
#newsDetail .box p {
margin-bottom: 24px;
color: #000;
line-height: 2;
}
#activityDetail .box p.button,
#newsDetail .box p.button {
padding-top: 27px;
text-align: center;
}
#activityDetail .box p.button a,
#newsDetail .box p.button a {
box-shadow: 0px 6px 18px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 6px 18px rgba(0,0,0,0.18);
-webkit-box-shadow: 0px 6px 18px rgba(0,0,0,0.18);
background: #fff url(../img/icn_btn_arw.png) no-repeat right center;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
margin: 0 auto;
padding: 0 56px;
font-size: 18px;
font-weight: bold;
text-align: center;
line-height: 40px;
color: #3f51b5;
display: inline-block;
}
#activityDetail .box p.button a:hover,
#newsDetail .box p.button a:hover {
box-shadow: 0px 6px 18px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 6px 18px rgba(0,0,0,0.28);
-webkit-box-shadow: 0px 6px 18px rgba(0,0,0,0.28);
text-decoration: none;
}
#activityDetail .box table caption,
#newsDetail .box table caption {
font-family:"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","貂ｸ繧ｴ繧ｷ繝�け","YuGothic","�ｭ�ｳ 繧ｴ繧ｷ繝�け",sans-serif;
margin-bottom: 11px;
font-size: 18px;
font-weight:700;
text-align: left;
}
#activityDetail .box table,
#newsDetail .box table {
border-collapse: collapse;
margin-bottom: 24px;
width: 100%;
}
#newsDetail .box table th,
#activityDetail .box table th {
padding: 7px 16px;
font-size: 12px;
}
#activityDetail .box table td,
#newsDetail .box table td {
border-top: solid 1px #e0e0e0;
padding: 13px 16px 14px 16px;
font-size: 14px;
}

/* PRODUCTLIST */
#productList {
padding-top: 14px;
}
#productList .new {
width: 340px;
float: left;
}
#productList .regular {
width: 340px;
float: right;
}
#productList .genre {
padding-top: 53px;
width: 700px;
clear: both;
}
#productList .business {
padding-top: 14px;
}
#productList .new h4 {
background: url(../img/icn_hed_new.png) no-repeat 11px 0;
border-bottom: solid 6px #c2185b;
margin: 0 20px 20px 0;
padding: 1px 0 13px 60px;
}
#productList .regular h4 {
background: url(../img/icn_hed_regular.png) no-repeat 11px 0;
border-bottom: solid 6px #796baa;
margin: 0 20px 20px 0;
padding: 1px 0 13px 60px;
}
#productList .genre h4 {
background: url(../img/icn_hed_genre.png) no-repeat 11px 0;
border-bottom: solid 2px #9e9e9e;
margin: 0 20px 40px 0;
padding: 1px 0 13px 60px;
}
#productList .business h4 {
background: url(../img/icn_hed_business.png) no-repeat 11px 0;
border-bottom: solid 2px #f57f17;
margin: 0 20px 40px 0;
padding: 1px 0 13px 60px;
}
#productList h4 span {
font-size: 15px;
}
#productList .new .cont,
#productList .regular .cont {
width: 360px;
}
#productList .genre .cont {
width: 720px;
}
#productList .new .block,
#productList .regular .block {
position: relative;
margin-right: 20px;
width: 160px;
float: left;
cursor: pointer;
}
#productList .genre .block {
position: relative;
box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
background-color: #fff;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
margin: 0 20px 40px 0;
width: 340px;
float: left;
cursor: pointer;
}
#productList .business .block {
position: relative;
box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
background: #fff url(../img/bg_genre8.jpg) no-repeat left top;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
width: 700px;
cursor: pointer;
}
#productList .genre #syouyuBLK {
background: #fff url(../img/bg_genre1.jpg) no-repeat left top;
}
#productList .genre #bimisanBLK {
background: #fff url(../img/bg_genre2.jpg) no-repeat left top;
}
#productList .genre #sirodasiBLK {
background: #fff url(../img/bg_genre3.jpg) no-repeat left top;
}
#productList .genre #ponzuBLK {
background: #fff url(../img/bg_genre4.jpg) no-repeat left top;
}
#productList .genre #tareBLK {
background: #fff url(../img/bg_genre5.jpg) no-repeat left top;
}
#productList .genre #nametakeBLK {
background: #fff url(../img/bg_genre6.jpg) no-repeat left top;
}
#productList .genre #suBLK {
background: #fff url(../img/bg_genre7.jpg) no-repeat left top;
}
#productList .genre #mutenkaBLK {
background: #fff url(../img/bg_genre9.jpg) no-repeat left top;
}


#productList .genre .block:nth-child(2n+1),
#productList .new .block:nth-child(2n+1),
#productList .regular .block:nth-child(2n+1) {
margin-right: 0;
}
#productList .new .icon,
#productList .regular .icon {
position: absolute;
left: 8px;
top: 8px;
z-index: 2;
}
#productList .new .image,
#productList .regular .image {
box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
background-color: #fff;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
width: 160px;
height: 160px;
}
#productList .business .block.hover,
#productList .genre .block.hover,
#productList .new .hover .image,
#productList .regular .hover .image {
box-shadow: 0px 8px 14px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 8px 14px rgba(0,0,0,0.16);
-webkit-box-shadow: 0px 8px 14px rgba(0,0,0,0.16);
}
#productList .new .image a,
#productList .regular .image a {
padding-top: 8px;
text-align: center;
display: block;
}
#productList .genre .image {
position: relative;
width: 140px;
height: 144px;
float: left;
}
#productList .business .image {
position: relative;
width: 350px;
height: 144px;
float: left;
}
#productList .genre .image a {
position: absolute;
left: 21px;
top: -32px;
}
#productList .business .image a {
position: absolute;
left: 20px;
top: -7px;
}
#productList .genre dl {
margin-left: 160px;
}
#productList .business dl {
margin-left: 370px;
}
#productList dt {
padding-top: 19px;
font-family:"Hiragino Mincho ProN","Hiragino Mincho Pro","貂ｸ譏取悃","YuMincho","�ｭ�ｳ 譏取悃",serif;
font-size: 21px;
font-weight:600;
line-height: 1.25;
}
#productList .business dt,
#productList .genre dt {
padding-top: 16px;
}
#productList dd {
margin-top: 12px;
font-size: 13px;
line-height: 1.55;
}
#productList .genre dd {
margin-right: 20px;
margin-top: 11px;
}
#productList .business dd {
margin-right: 20px;
margin-top: 11px;
font-size: 11px;
line-height: 1.65;
}

/* PRODUCTCATEGORY */
#productCategory {
padding-top: 24px;
}
#productCategory .lead {
margin: -4px 0 29px 0;
font-size: 16px;
line-height: 1.5;
}
#productCategory .cont {
width: 720px;
}
#productCategory .block {
position: relative;
margin: 0 20px 21px 0;
width: 220px;
float: left;
cursor: pointer;
}
/*#productCategory .block:nth-child(3n) {
margin-right: 0;
}*/
#productCategory .image {
box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
background-color: #fff;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
width: 220px;
height: 220px;
}
#productCategory .hover .image {
box-shadow: 0px 8px 14px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 8px 14px rgba(0,0,0,0.16);
-webkit-box-shadow: 0px 8px 14px rgba(0,0,0,0.16);
}
#productCategory .image a {
padding-top: 8px;
text-align: center;
display: block;
}
#productCategory dt {
padding-top: 19px;
font-family:"Hiragino Mincho ProN","Hiragino Mincho Pro","貂ｸ譏取悃","YuMincho","�ｭ�ｳ 譏取悃",serif;
font-size: 21px;
font-weight:600;
line-height: 1.25;
}
#productCategory dd {
margin-top: 9px;
font-size: 13px;
line-height: 1.55;
}

/* PRODUCTDETAIL */
#mainContents h1.product {
padding: 0px 0px 14px 0px;
font-size: 0;
line-height: 0;
}
#productDetail .lead {
margin-top: 15px;
font-size: 16px;
font-weight: bold;
line-height: 2;
}
#productDetail .note {
margin-top: 11px;
font-size: 12px;
line-height: 1.7;
}
#productDetail .online {
box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
background-color: #fff;
background-color: #fff;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
margin: 36px 0 51px 0;
padding: 20px 16px;
}
#productDetail .online .text {
background: url(../img/icn_cart.png) no-repeat left center;
margin-top: 9px;
padding-left: 40px;
float: left;
font-size: 14px;
}
#productDetail .online .button {
float: right;
}
#productDetail .online .button a {
box-shadow: 0px 6px 18px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 6px 18px rgba(0,0,0,0.18);
-webkit-box-shadow: 0px 6px 18px rgba(0,0,0,0.18);
background: #8bc34a url(../img/icn_btn_arw2.png) no-repeat right center;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
margin: 0 auto;
padding: 0 50px;
font-size: 16px;
font-weight: bold;
text-align: center;
line-height: 40px;
color: #fff;
display: block;
}
#productDetail .online .button a:hover {
box-shadow: 0px 6px 18px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 6px 18px rgba(0,0,0,0.28);
-webkit-box-shadow: 0px 6px 18px rgba(0,0,0,0.28);
background-color: #66bb6a;
text-decoration: none;
}
#productDetail .use,
#productDetail .information {
margin-top: 26px;
}
#productDetail .use table,
#productDetail .information table {
background-color: #fff;
border-collapse: collapse;
margin-top: 10px;
width: 100%;
}
#productDetail .use th,
#productDetail .information th {
padding: 7px 15px;
font-size: 12px;
font-weight: normal;
}
#productDetail .use td,
#productDetail .information td {
border-top: solid 1px #e0e0e0;
padding: 14px 15px 13px 15px;
font-size: 14px;
}
#productDetail .use td {
box-sizing: border-box;
width: 50%;
}
#productDetail .allergy,
#productDetail .material {
margin-top: 26px;
}
#productDetail .use p,
#productDetail .allergy p,
#productDetail .material p {
background-color: #fff;
margin-top: 10px;
padding: 14px 15px 13px 15px;
font-size: 14px;
}
#productDetail .component {
margin-top: 26px;
width: 340px;
float: left;
}
#productDetail .component table {
background-color: #fff;
border-collapse: collapse;
margin-top: 10px;
width: 100%;
}
#productDetail .component th {
border-top: solid 1px #e0e0e0;
box-sizing: border-box;
padding: 10px 15px 9px 15px;
width: 50%;
font-size: 14px;
font-weight: normal;
}
#productDetail .component td {
border-top: solid 1px #e0e0e0;
box-sizing: border-box;
padding: 10px 0 9px 0;
width: 50%;
font-size: 14px;
}
#productDetail .component .top th,
#productDetail .component .top td {
border-top: none;
}
#productDetail .about {
margin-top: 26px;
width: 340px;
float: right;
}
#productDetail .about div {
margin-top: 10px;
}
#productDetail .about img {
max-width: 100%;
height: auto;
}

/* ACTIVITYCATEGORY */
#activityCategory {
box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
background-color: #fff;
padding: 12px 24px 10px 24px;
margin: 18px 0 24px 0;
}
#activityCategory p {
font-family:"Hiragino Mincho ProN","Hiragino Mincho Pro","貂ｸ譏取悃","YuMincho","�ｭ�ｳ 譏取悃",serif;
font-size: 28px;
font-weight:600;
line-height: 1.5;
}
#activityCategory h1 {
background: url(../img/lin_hed.png) repeat-x left bottom;
margin-top: 10px;
margin-bottom: 19px;
line-height: 1.5;
}
#activityCategory h1 span {
border-bottom: solid 6px #796baa;
padding-bottom: 1px;
display: inline-block;
}
#activityCategory h1.group span {
border-bottom: solid 6px #00bcd4;
}
#activityCategory h1.event span {
border-bottom: solid 6px #8bc34a;
}
#activityCategory h1.factory span {
border-bottom: solid 6px #f06292;
}
#activityCategory h1.recommend span {
border-bottom: solid 6px #ff5722;
}

/* ACTIVITYTITLE */
#activityTitle {
box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
background-color: #fff;
padding: 14px 24px 15px 24px;
margin: 18px 0 24px 0;
}
#activityTitle h1 {
background: url(../img/lin_hed.png) repeat-x left bottom;
margin-bottom: 16px;
line-height: 1.5;
}
#activityTitle h1 span {
border-bottom: solid 6px #796baa;
padding-bottom: 1px;
display: inline-block;
}
#activityTitle p {
font-weight: bold;
line-height: 1.5;
}

/* ACTIVITYLIST & ACTIVITYDETAIL */
#activityList {
margin-bottom: -30px;
}
#activityList .block {
background-color: #fff;
padding: 26px 24px 40px 24px;
margin-bottom: 24px;
}
#activityDetail .cont {
background-color: #fff;
padding: 26px 24px 24px 24px;
margin-bottom: 24px;
}
#activityDetail .cont h2,
#activityList .block h2 {
line-height: 1.5;
}
#activityDetail .info dt,
#activityList .info dt {
padding: 8px 0 20px 0;
width: 107px;
font-family: Helvetica, Arial, sans-serif;
font-size: 18px;
text-align: center;
float: left;
}
#activityDetail .info .dd1,
#activityList .info .dd1 {
margin: 11px 0 0 0;
padding-bottom: 16px;
float: left;
}
#activityDetail .info .dd1 span,
#activityList .info .dd1 span {
background-color: #796baa;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
margin: 0 18px 9px 0;
padding: 0 8px;
font-size: 12px;
line-height: 24px;
color: #fff;
text-align: center;
display: block;
float: left;
}
#activityDetail .info .dd1 span.group,
#activityList .info .dd1 span.group {
background-color: #00bcd4;
}
#activityDetail .info .dd1 span.event,
#activityList .info .dd1 span.event {
background-color: #8bc34a;
}
#activityDetail .info .dd1 span.factory,
#activityList .info .dd1 span.factory {
background-color: #f06292;
}
#activityDetail .info .dd1 span.recommend,
#activityList .info .dd1 span.recommend {
background-color: #ff5722;
}
#activityDetail .box div,
#activityList .box div {
width: auto !important;
}
#activityDetail .box iframe,
#activityList .box iframe,
#activityDetail .box img,
#activityList .box img {
margin-bottom: 14px;
max-width: 625px;
height: auto;
}
#activityDetail .box p,
#activityList .box p {
margin-bottom: 28px;
color: #000;
}
#activityDetail .box a,
#activityList .box a {
text-decoration: underline;
}
#activityDetail .box p.wp-caption-text {
margin-top: -14px;
font-size: 14px;
}
#activityList .more a {
box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
background-color: #fff;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-sizing: border-box;
border: solid 1px #e0e0e0;
margin: 0 auto;
width: 170px;
font-size: 16px;
font-weight: bold;
text-align: center;
line-height: 46px;
color: #3f51b5;
display: block;
}
#activityList .more a:hover {
box-shadow: 0px 6px 12px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 6px 12px rgba(0,0,0,0.16);
-webkit-box-shadow: 0px 6px 12px rgba(0,0,0,0.16);
text-decoration: none;
}
#activityList .pagination {
padding-top: 16px;
text-align: center;
font-size: 0;
line-height: 0;
}
#activityList .pagination .nav-links {
background: #e0e0e0;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border: solid 1px #e0e0e0;
border-right: none;
display: inline-block;
overflow: hidden;
}
#activityList .pagination span,#activityList .pagination a {
background: #fff;
border-bottom: solid 4px #fff;
margin-right: 1px;
padding: 8px 0 2px 0;
width: 40px;
font-size: 14px;
line-height: 1.75;
text-decoration:none;
text-align: center;
display:block;
float:left;
}
#activityList .pagination a:hover{
border-bottom: solid 4px #796baa;
}
#activityList .pagination .current{
border-bottom: solid 4px #796baa;
padding: 8px 0 2px 0;
}
#activityList .pagination .prev{
background: #fff url(../img/icn_b_prev.png) no-repeat center 14px ;
overflow: hidden;
text-indent: -9999px;
}
#activityList .pagination .next{
background: #fff url(../img/icn_b_next.png) no-repeat center 14px ;
overflow: hidden;
text-indent: -9999px;
}
#activityDetail .pager {
padding-top: 16px;
}
#activityDetail .pager .next {
float: right;
}
#activityDetail .pager .prev {
float: left;
}
#activityDetail .pager a {
box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
background-color: #fff;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-sizing: border-box;
border: solid 1px #e0e0e0;
margin: 0 auto;
width: 170px;
font-size: 16px;
font-weight: bold;
text-align: center;
line-height: 46px;
color: #3f51b5;
display: block;
}
#activityDetail .pager a:hover {
box-shadow: 0px 6px 12px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 6px 12px rgba(0,0,0,0.16);
-webkit-box-shadow: 0px 6px 12px rgba(0,0,0,0.16);
text-decoration: none;
}
#activityDetail .other {
margin-top: 63px;
}
#activityDetail .other h5 {
border-bottom: solid 1px #e0e0e0;
padding-bottom: 15px;
}
#activityDetail .other .block {
border-bottom: solid 1px #e0e0e0;
padding: 16px  0;
cursor: pointer;
}
#activityDetail .other .image {
font-size: 0;
line-height: 0;
float: left;
}
#activityDetail .other .pack {
margin-left: 180px;
}
#activityDetail .other .pack p {
margin-top: 3px;
font-size: 14px;
}

/* ACTIVITYFORM */
#activityForm .overview {
padding: 24px 0 59px 0;
}
#activityForm .overview h2 {
margin: 25px 0 21px 0;
font-size: 28px;
line-height: 1.6;
}
#activityForm .overview p {
line-height: 2;
}
#activityForm .overview p a {
text-decoration: underline;
}
#activityForm .overview p a:hover {
text-decoration: none;
}
#activityForm .overview p.attention {
background: #fff9c4 url(../img/icn_attention.png) no-repeat 16px center;
box-shadow: 0px 1px 3px rgba(0,0,0,0.20);
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.20);
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.20);
margin: 25px 0 51px 0;
padding: 13px 16px 9px 56px;
color: #f44336;
line-height: 1.35;
}
#activityForm .overview #BLKL1 dl {
margin-bottom: 34px;
}
#activityForm .overview #BLKL1 dt {
margin-bottom: 6px;
font-family:"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","貂ｸ繧ｴ繧ｷ繝�け","YuGothic","�ｭ�ｳ 繧ｴ繧ｷ繝�け",sans-serif;
font-size: 18px;
font-weight:700;
}
#activityForm .overview #BLKL1 dd {
margin-top: 12px;
line-height: 1.5;
}
#activityForm .overview #BLKL1 dd.note {
margin-top: 26px;
padding-left: 1em;
text-indent: -1em;
font-size: 14px;
}
#activityForm .overview #BLKL2 .div1 {
width: 340px;
float: left;
}
#activityForm .overview #BLKL2 h5 {
margin-bottom: 13px;
}
#activityForm .overview #BLKL2 h6 {
margin-bottom: 4px;
}
#activityForm .overview #BLKL2 p {
margin-bottom: 8px;
font-size: 14px;
line-height: 1.75;
}
#activityForm .overview #BLKL2 dl {
background-color: #eee;
border: solid 1px #e0e0e0;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
margin-bottom: 12px;
padding: 11px 15px 10px 15px;
font-weight: bold;
line-height: 1.35;
}
#activityForm .overview #BLKL2 dt {
padding-top: 2px;
font-size: 16px;
float: left;
}
#activityForm .overview #BLKL2 dd {
font-family: Helvetica, Arial, sans-serif;
font-size: 18px;
margin-left: 67px;
}
#activityForm .overview #BLKL2 .div2 {
width: 340px;
float: right;
}
#activityForm .overview #BLKL2 .button {
margin: 11px 0;
}
#activityForm .overview #BLKL2 .button a {
box-shadow: 0px 2px 4px rgba(0,0,0,0.12);
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.12);
-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.12);
background: #fff url(../img/icn_googlemap.png) no-repeat 73px center;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: none;
width: 340px;
font-family:"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","貂ｸ繧ｴ繧ｷ繝�け","YuGothic","�ｭ�ｳ 繧ｴ繧ｷ繝�け",sans-serif;
font-size: 14px;
text-align: center;
line-height: 40px;
color: #333;
text-decoration: none;
display: block;
}
#activityForm .overview #BLKL2 .button a:hover {
box-shadow: 0px 6px 12px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 6px 12px rgba(0,0,0,0.16);
-webkit-box-shadow: 0px 6px 12px rgba(0,0,0,0.16);
text-decoration: none;
}
#activityForm .form .attention {
border-bottom: solid 1px #e0e0e0;
margin-bottom: 34px;
padding: 6px 0 36px 0;
}
#activityForm .form .attention dt {
font-weight: bold;
line-height: 1.5;
color: #f44336;
}
#activityForm .form .attention dd {
line-height: 1.5;
}

#activityForm .form .attention dd strong {
background-color: #fff9c4;
font-weight: normal;
}

/* CAREERLIST & COMPANYLIST */
#companyList,
#careerList {
padding-top: 24px;
}
#companyList .div1,
#careerList .div1 {
box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
background-color: #fff;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
margin-bottom: 24px;
width: 340px;
height: 356px;
float: left;
cursor: pointer;
}
#companyList .div2,
#careerList .div2 {
box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
background-color: #fff;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
margin-bottom: 24px;
width: 340px;
height: 356px;
float: right;
cursor: pointer;
}
#companyList h4,
#careerList h4 {
margin: 12px 20px 14px 20px;
color: #9e9e9e;
}
#companyList h4 img,
#careerList h4 img {
position: relative;
top: -3px;
margin-right: 10px;
vertical-align: middle;
}
#companyList h4 a:hover,
#companyList h4 a,
#careerList h4 a:hover,
#careerList h4 a {
color: #333;
text-decoration: none;
}
#companyList p,
#careerList p {
margin: 0 20px;
font-size: 14px;
left: 1.5;
}
#careerList .disabled {
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
cursor: inherit;
}
#companyList .hover,
#careerList .hover {
box-shadow: 0px 8px 14px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 8px 14px rgba(0,0,0,0.16);
-webkit-box-shadow: 0px 8px 14px rgba(0,0,0,0.16);
}
#companyList .menu {
background-color: #eee;
border: solid 1px #e0e0e0;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 24px 24px 4px 24px;
clear: both;
}
#companyList .menu li {
margin-bottom: 20px;
}
#companyList .menu a {
box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
background-color: #fff;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding-left: 358px;
height: 112px;
font-size: 21px;
font-weight: bold;
line-height: 112px;
display: block;
cursor: pointer;
}
#companyList .menu .li1 a {
background: #fff url(../img/pht_company3.jpg) no-repeat left top;
}
#companyList .menu .li2 a {
background: #fff url(../img/pht_company4.jpg) no-repeat left top;
}
#companyList .menu .li3 a {
background: #fff url(../img/pht_company5.jpg) no-repeat left top;
}
#companyList .menu .li4 a {
background: #fff url(../img/pht_company6.jpg) no-repeat left top;
}
#companyList .menu a:hover {
box-shadow: 0px 8px 14px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 8px 14px rgba(0,0,0,0.16);
-webkit-box-shadow: 0px 8px 14px rgba(0,0,0,0.16);
color: #333;
text-decoration: none;
}

/* COMPANYMESSAGE */
#mainContents h1.message img {
position: relative;
top: 3px;
margin-right: 18px;
}
#companyMessage {
padding-top: 24px;
}
#companyMessage h2 {
padding-bottom: 13px;
font-size: 26px;
}
#companyMessage #BLK1 {
padding-top: 64px;
}
#companyMessage #BLK2 {
padding-top: 83px;
}
#companyMessage h2 img {
position: relative;
top: 2px;
margin-right: 13px;
}
#companyMessage #BLK1 h2 {
border-bottom: solid 2px #796baa;
}
#companyMessage #BLK2 h2 {
border-bottom: solid 2px #2f9846;
}
#companyMessage h2 span {
font-family:"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","貂ｸ繧ｴ繧ｷ繝�け","YuGothic","�ｭ�ｳ 繧ｴ繧ｷ繝�け",sans-serif;
font-size: 16px;
font-weight: normal;
}
#companyMessage h3 {
margin: 43px 0 -7px 0;
line-height: 1.55;
}
#companyMessage .pack {
width: 460px;
float: left;
}
#companyMessage .pack p {
margin-top: 32px;
line-height: 2;
}
#companyMessage .image {
padding-top: 40px;
float: right;
}
#companyMessage .image dt {
margin-top: 3px;
font-size: 14px;
line-height: 1.5;
}
#companyMessage .image dd {
margin-top: 6px;
font-family:"Hiragino Mincho ProN","Hiragino Mincho Pro","貂ｸ譏取悃","YuMincho","�ｭ�ｳ 譏取悃",serif;
font-size: 26px;
font-weight:600;
}

/* COMPANYOUTLINE & COMPANYACCESS */
#companyAccess {
margin-top: 23px;
}
#companyOutline {
background-color: #fff;
margin-top: 24px;
}
#companyAccess .block {
margin-bottom: 25px;
}
#companyAccess .image {
padding-top: 7px;
font-size: 0;
line-height: 0;
float: left;
}
#companyAccess .image img {
box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
#companyAccess .pack {
margin-left: 240px;
}
#companyAccess .pack h4 {
margin-bottom: 13px;
}
#companyAccess .pack h4 span {
font-size: 16px;
}
#companyAccess .pack p span {
font-family: Helvetica, Arial, sans-serif;
font-size: 21px;
}
#companyOutline .catch {
border-bottom: solid 1px #bdbdbd;
margin: 0 80px 50px 80px;
padding: 40px 0;
text-align: center;
}
#companyOutline h3 {
margin-bottom: 47px;
line-height: 1.5;
text-align: center;
}
#companyOutline .block {
margin: 0 30px 64px 30px;
}
#companyOutline table {
width: 100%;
border-collapse: collapse;
}
#companyOutline th {
border-bottom: solid 1px #e0e0e0;
padding: 12px 0 12px 16px;
font-size: 14px;
font-weight: normal;
line-height: 1.75;
color: #000;
vertical-align: top;
}
#companyOutline td {
border-bottom: solid 1px #e0e0e0;
width: 430px;
padding: 12px 0 12px 0;
font-size: 16px;
line-height: 1.5;
color: #000;
}
#companyOutline td a {
background: url(../img/icn_map.png) no-repeat left center;
margin-left: 10px;
padding-left: 16px;
font-weight: bold;
color: #3f51b5;
text-decoration: underline;
}
#companyOutline td a:hover {
text-decoration: none;
}
#companyAccess #MAPAREA {
padding-top: 15px;
}
#companyAccess #MAPAREA li,
#companyOutline #MAPAREA li {
width: 25%;
font-size: 16px;
line-height: 1.5;
letter-spacing: -1px;
float: left;
text-align: center;
}
#companyAccess #MAPAREA .cullum3 .li1 {
width: 220px;
}
#companyAccess #MAPAREA .cullum3 .li2 {
width: 260px;
}
#companyAccess #MAPAREA .cullum3 .li3 {
width: 220px;
}
#companyOutline #MAPAREA .cullum4 li {
width: 25%;
}
#companyOutline #MAPAREA .cullum2 li {
width: 50%;
}
#companyAccess #MAPAREA a,
#companyOutline #MAPAREA a {
box-sizing: border-box;
height: 104px;
display: block;
}
#companyAccess #MAPAREA a:hover,
#companyOutline #MAPAREA a:hover {
background-color: #efedf5;
border-bottom: solid 8px #efedf5;
text-decoration: none;
color: #333;
}
#companyAccess #MAPAREA li.active a,
#companyOutline #MAPAREA li.active a {
border-bottom: solid 8px #796baa;
font-weight: bold;
}
#companyAccess #MAPAREA .cullum3 li a,
#companyOutline #MAPAREA .cullum2 .li1 a,
#companyOutline #MAPAREA .cullum4 .li1 a {
padding-top: 28px;
}
#companyOutline #MAPAREA .cullum4 .li2 a {
padding-top: 16px;
}
#companyOutline #MAPAREA .cullum2 .li2,
#companyOutline #MAPAREA .cullum4 .li4,
#companyOutline #MAPAREA .cullum4 .li3 {
line-height: 96px;
}
#companyAccess #MAP,
#companyOutline #MAP {
width: 700px;
height: 600px;
}
#companyAccess .link {
padding: 0 80px;
height: 80px;
}
#companyOutline .link {
padding: 0 80px;
height: 120px;
}
#companyAccess .link ul,
#companyOutline .link ul {
padding-top: 32px;
}
#companyAccess .link .pdf,
#companyOutline .link .pdf {
width: 220px;
float: left;
}
#companyAccess .link .map,
#companyOutline .link .map {
width: 220px;
float: right;
}
#companyAccess .link li a, 
#companyOutline .link li a {
box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
background-color: #fff;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-sizing: border-box;
border: solid 1px #e0e0e0;
margin: 0 auto;
font-size: 16px;
font-weight: bold;
text-align: center;
line-height: 46px;
color: #3f51b5;
display: block;
}
#companyAccess .link li a:hover,
#companyOutline .link li a:hover {
box-shadow: 0px 6px 12px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 6px 12px rgba(0,0,0,0.16);
-webkit-box-shadow: 0px 6px 12px rgba(0,0,0,0.16);
text-decoration: none;
}

/* COMPANYHISTORY */
#companyHistory {}
#companyHistory .block {
padding: 32px 0 56px 0;
}
#companyHistory #BLK3,
#companyHistory #BLK2 {
border-top: solid 1px #bdbdbd;
}
#companyHistory #BLK3 {
padding: 32px 0 0 0;
}
#companyHistory h3 {
margin-bottom: 26px;
font-size: 28px;
}
#companyHistory h4 {
margin-bottom: 20px;
}
#companyHistory p {
margin-bottom: 24px;
font-size: 16px;
line-height: 1.5;
}
#companyHistory p strong {
font-size: 18px;
}
#companyHistory .image {
margin-bottom: 37px;
font-size: 0;
line-height: 0;
text-align: center;
}
#companyHistory .image.middle {
margin-bottom: 64px;
}
#companyHistory .image p {
margin: 6px 0 0 0;
font-size: 13px;
line-height: 1.5;
text-align: left;
}
#companyHistory #BLK1 .div1 {
width: 340px;
float: left;
}
#companyHistory #BLK1 .div2 {
width: 340px;
float: right;
}
#companyHistory #BLK3 .div1,
#companyHistory #BLK2 .div1 {
margin-right: 20px;
width: 220px;
float: left;
}
#companyHistory #BLK3 .div2,
#companyHistory #BLK2 .div2 {
width: 220px;
float: left;
}
#companyHistory #BLK3 .div3,
#companyHistory #BLK2 .div3 {
width: 220px;
float: right;
}
#companyHistory #BLK3 .d1,
#companyHistory #BLK2 .d1 {
width: 100px;
float: left;
}
#companyHistory #BLK3 .d2,
#companyHistory #BLK2 .d2 {
width: 100px;
float: right;
}
#companyHistory dl {
padding-bottom: 32px;
}
#companyHistory dt {
font-size: 16px;
line-height: 1.5;
float: left;
}
#companyHistory dd {
margin: 0 0 24px 160px;
font-size: 16px;
line-height: 1.5;
}
#companyHistory p.back {
width: 200px;
margin-bottom: 0;
float: right;
}
#companyHistory p.back a {
background: #fff url(../img/icn_top_arw.png) no-repeat 17px center;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding-left: 14px;
height: 40px;
font-size: 14px;
line-height: 40px;
display: block;
text-align: center;
}

/* CAREEREDETAIL */
#mainContents h1.career {
background: url(../img/hed_career.png) no-repeat left 12px;
padding: 10px 0 2px 206px;
}
#careerDetail h3 {
margin: 32px 0 14px 0;
}
#careerDetail .block {
padding-bottom: 11px;
}
#careerDetail table {
border-bottom: solid 1px #bdbdbd;
border-collapse: collapse;
margin-bottom: 14px;
width: 100%;
}
#careerDetail table th {
padding: 17px 0 15px 0;
font-size: 16px;
}
#careerDetail table th strong {
font-size: 18px;
}
#careerDetail table th span {
font-size: 14px;
font-weight: normal;
}
#careerDetail table td {
border-top: solid 1px #bdbdbd;
padding: 19px 4px 17px 4px;
font-size: 16px;
line-height: 1.25;
}
#careerDetail table td span {
font-size: 14px;
}
#careerDetail table td.td1 {
padding: 19px 0 17px 0;
}
#careerDetail table td.td4_note,
#careerDetail table td.td2_note,
#careerDetail table th.th4,
#careerDetail table td.td4,
#careerDetail table th.th2,
#careerDetail table td.td2 {
background-color: #eee;
}
#careerDetail table td.td1 {
width: 160px;
box-sizing:border-box;
}
#careerDetail table td.td4,
#careerDetail table td.td3,
#careerDetail table td.td2 {
padding: 9px 18px 7px 18px;
width: 180px;
box-sizing:border-box;
}
#careerDetail table td.td4_note,
#careerDetail table td.td3_note,
#careerDetail table td.td2_note {
padding: 7px 10px 6px 10px;
width: 180px;
box-sizing:border-box;
vertical-align: top;
}
#careerDetail table td p {
padding: 4px 0 3px 0;
font-size: 14px;
line-height: 1.5;
}
#careerDetail p.bottom {
margin-top: 20px;
}
#careerDetail p.bottom a {
text-decoration: underline;
}
#careerDetail p.bottom a:hover {
text-decoration: none;
}

/* CONTACTLIST */
#contactList .faq {
padding: 32px 0 64px 0;
}
#contactList h3 {
margin-bottom: 10px;
}
#contactList .faq p {
margin-bottom: 19px;
}
#contactList .menu {
background-color: #eee;
border: solid 1px #e0e0e0;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding: 24px 24px 4px 24px;
clear: both;
}
#contactList .menu li {
margin-bottom: 20px;
}
#contactList .menu a {
box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
background-color: #fff;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding-left: 358px;
height: 112px;
font-size: 21px;
font-weight: bold;
line-height: 112px;
display: block;
cursor: pointer;
}
#contactList .menu .li1 a {
background: #fff url(../img/pht_contact.jpg) no-repeat left top;
}
#contactList .menu a:hover {
box-shadow: 0px 8px 14px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 8px 14px rgba(0,0,0,0.16);
-webkit-box-shadow: 0px 8px 14px rgba(0,0,0,0.16);
color: #333;
text-decoration: none;
}
#contactList .contact {
border-top: solid 1px #bdbdbd;
padding: 32px 0 32px 0;
}
#contactList .contact .block {
border-top: solid 1px #e0e0e0;
padding: 24px 0 29px 0;
}
#contactList .contact #BLK1 {
border-top: none;
padding: 6px 0 29px 0;
}
#contactList .contact h4 {
margin-bottom: 2px;
}
#contactList .contact p {
line-height: 1.5;
}
#contactList .button {
margin-top: 20px;
}
#contactList .button a {
box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
-webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.16);
background-color: #fff;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-sizing: border-box;
border: solid 1px #e0e0e0;
width: 300px;
font-size: 16px;
font-weight: bold;
text-align: center;
line-height: 46px;
color: #3f51b5;
display: block;
}
#contactList .button a.blank {
background: #fff url(../img/icn_btn_blank.png) no-repeat right center;
}
#contactList .button a:hover {
box-shadow: 0px 6px 12px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 6px 12px rgba(0,0,0,0.16);
-webkit-box-shadow: 0px 6px 12px rgba(0,0,0,0.16);
text-decoration: none;
}
#contactList .tel {
background: url(../img/icn_tel.png) no-repeat left center;
padding-left: 32px;
font-family: Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: bold;
}
#contactList .fax {
background: url(../img/icn_fax.png) no-repeat left center;
padding-left: 32px;
font-family: Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: bold;
}
#contactList .fax span,
#contactList .tel span {
font-size: 28px;
}
#contactList .bottom {
font-size: 14px;
line-height: 1.5;
}

/* CONTACTFORM */
#contactForm .overview {
padding: 34px 0 54px 0;
}
#contactForm .overview h4 {
margin-bottom: 20px;
}
#contactForm .overview h5 {
margin-bottom: 9px;
}
#contactForm .overview dd,
#contactForm .overview li,
#contactForm .overview p {
line-height: 1.5;
}
#contactForm .overview ul {
padding-bottom: 20px;
}
#contactForm .overview li {
padding-left: 1em;
text-indent: -1em;
margin-bottom: 12px;
}
#contactForm .overview dt {
margin: 24px 0 2px 0;
font-size: 21px;
color: #3f51b5;
}
#activityForm .form,
#contactForm .form {
background-color: #fff;
padding: 20px 30px 60px 30px;
}
#activityForm .form .lead,
#contactForm .form .lead {
margin: 24px 0 22px 0;
font-weight: bold;
}
#activityForm .form .block,
#contactForm .form .block {
margin-bottom: 33px;
}
#activityForm .form h2,
#contactForm .form h2 {
font-size: 30px;
}
#activityForm .form h4,
#contactForm .form h4 {
margin-bottom: 9px;
}
#activityForm .form h6,
#contactForm .form h6 {
margin: 17px 0 11px 0;
}
#activityForm .form .lead span,
#activityForm .form h4 span,
#contactForm .form .lead span,
#contactForm .form h4 span {
color: #f44336;
}
#activityForm .form h4 span.note,
#contactForm .form h4 span.note {
font-size: 16px;
font-weight: normal;
color: #333;
}
#activityForm .form select,
#activityForm .form input[type='email'],
#activityForm .form input[type='tel'],
#activityForm .form input[type='text'],
#contactForm .form select,
#contactForm .form input[type='email'],
#contactForm .form input[type='tel'],
#contactForm .form input[type='text'] {
border: solid 2px #bdbdbd;
box-sizing: border-box;
padding: 0 5px;
height: 48px;
font-size: 16px;
}
#activityForm .day input[type="text"] {
background: url(../img/icn_calendar.png) no-repeat right center;
cursor: pointer;
}
#activityForm input[type="checkbox"] {
display: none;
}
#activityForm label {
position: relative;
display: inline-block;
padding: 12px 12px 12px 39px;
cursor: pointer;
}
#activityForm label::before {
position: absolute;
content: '';
top: 50%;
left: 0;
width: 24px;
height: 24px;
margin-top: -13px;
background: #fff;
border:solid 2px #bdbdbd;
}
#activityForm input[type='checkbox']:checked + .wpcf7-list-item-label:after,
#activityForm input[type='checkbox']:checked + label:after{
position: absolute;
content: '';
left: 0;
top: 3px;
margin-top: 13px;
left: 0;
width: 24px;
height:7px;
border-left: solid 3px #f44336;
border-bottom: solid 2px #f44336;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#activityForm .form textarea,
#contactForm .form textarea {
border: solid 2px #bdbdbd;
box-sizing: border-box;
padding: 5px;
width: 100%;
height: 215px;
font-size: 16px;
}
#activityForm .form .tel .dd3 input,
#activityForm .form .tel .dd2 input,
#activityForm .form .zip .dd2 input,
#activityForm .form .name input,
#contactForm .form .tel .dd3 input,
#contactForm .form .tel .dd2 input,
#contactForm .form .zip .dd2 input,
#contactForm .form .name input {
width: 160px;
}
#activityForm .form .tel .dd1 input,
#activityForm .form .zip .dd1 input,
#contactForm .form .tel .dd1 input,
#contactForm .form .zip .dd1 input {
width: 120px;
}
#activityForm .form .address input,
#contactForm .form .address input {
width: 100%;
}
#activityForm .form .mail input,
#contactForm .form .mail input {
width: 520px;
}
#activityForm .form .group input,
#contactForm .form .group input {
border: solid 2px #7986cb;
width: 590px;
}
#activityForm .form .day input,
#contactForm .form .day input {
width: 260px;
}
#activityForm .form .number input,
#contactForm .form .number input {
width: 90px;
}
#activityForm .form .time {
margin: -12px 0;
}
#activityForm .form .head,
#contactForm .form .head {
padding: 15px 0 13px 0;
}
#activityForm .form dt,
#contactForm .form dt {
padding: 7px 23px 0 0;
float: left;
}
#activityForm .form .name dt,
#contactForm .form .name dt {
box-sizing: border-box;
padding: 7px 0 0 0;
letter-spacing: -2px;
width: 38px;
}
#activityForm .form dd,
#contactForm .form dd {
float: left;
}
#activityForm .form .block p span,
#activityForm .form dd span,
#contactForm .form .block p span,
#contactForm .form dd span {
padding: 0 12px;
}
#activityForm .form .name dd,
#contactForm .form .name dd {
padding-right: 43px;
}
#activityForm .form .confirm,
#contactForm .form .confirm {
margin-top: 24px;
}
#activityForm .form .error,
#contactForm .form .error {
margin-top: 9px;
color: #f44336;
line-height: 1.5;
}
#activityForm .form .ssl,
#contactForm .form .ssl {
margin: 53px 0;
}
#activityForm .form button,
#contactForm .form button {
box-shadow: 0px 6px 18px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 6px 18px rgba(0,0,0,0.18);
-webkit-box-shadow: 0px 6px 18px rgba(0,0,0,0.18);
background: #fff url(../img/icn_btn_arw.png) no-repeat right center;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: none;
width: 373px;
margin: 53px auto 0 auto;
font-family:"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","貂ｸ繧ｴ繧ｷ繝�け","YuGothic","�ｭ�ｳ 繧ｴ繧ｷ繝�け",sans-serif;
font-size: 18px;
font-weight: bold;
text-align: center;
line-height: 40px;
color: #3f51b5;
display: block;
}
#activityForm .form button:hover,
#contactForm .form button:hover {
box-shadow: 0px 6px 18px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 6px 18px rgba(0,0,0,0.28);
-webkit-box-shadow: 0px 6px 18px rgba(0,0,0,0.28);
text-decoration: none;
background-color: #796baa;
color: #fff;
cursor: pointer;
}

/* NOTICEDETAIL */
#noticeDetail {
padding-top: 5px;
}
#noticeDetail h3 {
margin: 27px 0 2px 0;
}
#noticeDetail h4 {
margin: 27px 0 2px 0;
}
#noticeDetail .image {
margin: 27px 0 0 0;
margin-bottom: 64px;
font-size: 0;
line-height: 0;
text-align: center;
}
#noticeDetail .image .div1 {
margin-right: 20px;
width: 220px;
float: left;
}
#noticeDetail .image .div2 {
width: 220px;
float: left;
}
#noticeDetail .image .div3 {
width: 220px;
float: right;
}

/* NOTICEDETAIL2 */
#noticeDetail2 {}
#noticeDetail2 h3 {
clear: both;
padding-top: 27px;
}
#noticeDetail2 h4 {
border-top: solid 1px #e0e0e0;
margin: 26px 0 18px 0;
padding-top: 23px;
}
#noticeDetail2 h5 {
margin: 18px 0 2px 0;
}
#noticeDetail2 p {
font-size: 14px;
line-height: 2;
}
#noticeDetail2 p.lead {
margin-top: 25px;
}
#noticeDetail2 dl.tel {
background-color: #fff;
margin: 13px 0 24px 0;
padding: 26px 30px 25px 30px;
}
#noticeDetail2 dl.tel dt {
margin-bottom: 1px;
font-size: 14px;
}
#noticeDetail2 dl.tel .dd1 {
margin-bottom: 7px;
font-size: 16px;
font-weight: bold;
}
#noticeDetail2 dl.tel .dd2 {
background: url(../img/icn_tel.png) no-repeat left 2px;
margin-bottom: 1px;
padding-left: 32px;
font-size: 18px;
font-weight: bold;
}
#noticeDetail2 dl.tel .dd3 {
font-size: 14px;
}
#noticeDetail2 p.back {
width: 200px;
margin-bottom: 0;
padding: 30px 0;
float: right;
}
#noticeDetail2 p.back a {
background: #fff url(../img/icn_top_arw.png) no-repeat 17px center;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding-left: 14px;
height: 40px;
font-size: 14px;
line-height: 40px;
display: block;
text-align: center;
}

/* CONTACTFORM7 */
.wpcf7 .wpcf7-not-valid {
background-color: #ffc0cb !important;
}
.wpcf7-mail-sent-ok	{
display: none!important
}
.wpcf7-validation-errors {
border: solid 2px #f44336 !important;
margin: -10px 0 22px 0;
padding: 10px;
color: #f44336;
}
.screen-reader-response {
display: none;
}
span.wpcf7-form-control-wrap {
position: relative;
}
span.wpcf7-not-valid-tip {
position: absolute;
top: -30px;
left: -10px;
z-index: 100;
font-size: 10px;
width: 280px;
color: #f44336;
}
#activityForm .form .block p span.wpcf7-form-control-wrap,
#activityForm .form dd span.wpcf7-form-control-wrap,
#contactForm .form .block p span.wpcf7-form-control-wrap,
#contactForm .form dd span.wpcf7-form-control-wrap {
padding: 0;
}

.ui-widget-content {
box-shadow: 0px 6px 18px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 6px 18px rgba(0,0,0,0.18);
-webkit-box-shadow: 0px 6px 18px rgba(0,0,0,0.18);
background-color: #fff;
}
.ui-state-active{background: #fff}
.ui-datepicker{font-family: 'Monda', sans-serif; text-align: center; background: #fff; margin: 0 0 10px 0}
.ui-datepicker a{color: #000;}
.ui-datepicker-group{
margin: 0 0 10px 0;
background: #ff0;
}
.ui-datepicker-header {color: #f06292; padding: 15px;text-transform: uppercase;letter-spacing: 3px;}
.ui-datepicker-calendar {
border-collapse: collapse;
}
.ui-datepicker-calendar thead th{color: #000;}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td{
border: solid 1px #f5f5f5;
font-size: 14px;
line-height: 40px;
text-align: center;
}
.ui-datepicker-calendar td span{
display: block;
width: 40px;
text-align: center;
}
.ui-datepicker-calendar td a{
display: block;
width: 40px;
text-align: center;
color: #000;
}
.ui-datepicker-calendar td a:hover {
background-color: #f06292;
color: #fff !important;
text-decoration: none;
}
.ui-datepicker-prev{
float: left;
}
.ui-datepicker-next{
float: right;
}
.ui-datepicker-next:hover,
.ui-datepicker-prev:hover{
color: #f06292;
text-decoration: none;
}
table.ui-datepicker-calendar tbody td:first-child a.ui-state-default{
color: #e57373;
}
table.ui-datepicker-calendar tbody td:last-child a.ui-state-default {
color: #7376e5;
}

.recipe_background{
    background-image: url(https://www.tenyo-takeda.co.jp/common/img)
}