@charset "utf-8";

/*----------------------------------------------
 * common settings
----------------------------------------------*/

/*init
-------------------------*/
html{color:#000; background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,
form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0; padding:0;}
table{border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal; font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal; clear:both;}
q:before,q:after{content:'';}
abbr,acronym{border:0; font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit; font-size:inherit; font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
input{padding:1px;}
option{padding-left:10px;}
button{cursor:pointer;}

/*clearfix
-------------------------*/
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{ display:inline-block;}

/*Hidea from IE-mac \*/
*html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/

/*class
-------------------------*/
.hidden{visibility:hidden;}
.normal{font-weight:normal;}
.tleft{text-align:left;}
.tright{text-align:right;}
.vtop{vertical-align:top;}
.vmiddle{vertical-align:middle;}
.vbottom{vertical-align:bottom;}
.tcenter{text-align:center;}
.fleft{float:left;}
.fright{float:right;}
.fleftImg{float:left; padding:0 18px 0 0;}
.frightImg{float:right; padding:0 0 0 18px;}
.clear{clear:both;}
.block{display:block;}
.inline{display:inline;}
.frame{padding:3px; border:1px solid #e1e1e1;}
.nolistStyle{list-style:none !important;}
.red{color:#f00;}
.caption{font-size:85%; margin:8px 0 0 0; line-height:1.2; display:block; text-align:center;}
.fsmall{font-size:85%;}
.fmid{font-size: 105%}
.flarge{font-size: 125%}
.fllarge{font-size: 140%}

/*box spaces
-------------------------*/
.xs-space{padding-bottom:5px !important;}
.s-space{padding-bottom:10px !important;}
.m-space{padding-bottom:20px !important;}
.l-space{padding-bottom:35px !important;}
.xl-space{padding-bottom:50px !important;}
.xxl-space{padding-bottom:300px !important;}
.s-margin{margin-bottom:10px !important;}
.m-margin{margin-bottom:20px !important;}
.l-margin{margin-bottom:35px !important;}
.xl-margin{margin-bottom:50px !important;}

.vm-space{padding-top:30px !important; padding-bottom:30px !important;}
.vl-space{padding-top:50px !important; padding-bottom:50px !important;}

/*link navi
-------------------------*/
.LinkNavi a{background:url(../images/ico_marker_01.gif) left 3px no-repeat; padding:0 0 0 10px;}
.ToPageTop-min{padding:0 0 30px 0; clear:both; text-align:right;}
.ToPageTop{padding:60px 0 30px 0; clear:both; text-align:right;}
.pdf{background:url(../images/ico_pdf.png) right top no-repeat; padding:0 23px 3px 0;}

/*font anchor
-------------------------*/
html,body{height:100%;}
body{font-size:80%; text-align:center; line-height:1.5; color:#333;}
a{color:#255FEE; text-decoration:underline; overflow:hidden;}
a:visited{color:#255FEE; text-decoration:underline; overflow:hidden;}
a:hover{color:#255FEE; text-decoration:none; overflow:hidden;}
a:active{color:#255FEE; text-decoration:underline; overflow:hidden;}

/*site size
-------------------------*/
#Wrapper{width:100%; background:#fff; text-align:center;}
#Container{width:100%;}
#Contents{width:940px; margin:0 auto; text-align:left; padding:0;}

/*header
-------------------------*/
#Header{width:100%; border-top:3px solid #6eb92b; background:url(../images/bg_gnavi.gif) left bottom repeat-x;}
#HeaderInner{width:940px; margin:0 auto; text-align:left; position:relative;}
#Logo{padding:27px 0 20px 0;}
#english{position:absolute; top:0; right:0;}
#Hnavi{position:absolute; top:50px; right:0; background:url(../images/bg_dotted_v.gif) right top repeat-y;}
#Hnavi li{float:left; padding:2px 20px 0 20px; background:url(../images/bg_dotted_v.gif) left top repeat-y;}

/*global navi
-------------------------*/
#GlobalNavi{width:940px; height:42px; padding:0; margin:0 auto; text-align:left;}
#GlobalNavi li{float:left;}
#g-company{background:url(../images/gnavi_company_over.gif) left top no-repeat;}
#g-news{background:url(../images/gnavi_newsrelease_over.gif) left top no-repeat;}
#g-products{background:url(../images/gnavi_products_over.gif) left top no-repeat;}
#g-shop{background:url(../images/gnavi_shop_over.gif) left top no-repeat;}
#g-inquiry{background:url(../images/gnavi_inquiry_over.gif) left top no-repeat;}
#g-recruit{background:url(../images/gnavi_recruit_over.gif) left top no-repeat;}

/*left navi
-------------------------*/
.left-navi-box{width:232px; background:url(../images/bg_snavi_foot.gif) left bottom no-repeat; margin:0 0 10px 0; padding:0 0 10px 0;}
.left-navi-box h3{background:url(../images/bg_snavi_head.gif) left top no-repeat; padding:20px 0 5px 0;}
.left-navi-box h3 img{background:url(../images/bg_marker_02.gif) 16px 1px no-repeat; padding:0 0 0 34px;}
.left-navi-box ul{padding:10px 0 0 0; border-top:1px solid #e0e0e0;}
.left-navi-box li{background:url(../images/bg_marker_01.gif) 22px 5px no-repeat; padding:0 0 0 34px;}

/*footer
-------------------------*/
#Footer{padding:20px 0 0 0; clear:both;}
#FooterInner{width:940px; text-align:left; margin:0 auto; padding:0 0 50px 0;}
#FooterInner #Fnavi{width:830px;}
#FooterInner .fright{width:92px;}
#Fnavi li{float:left; background:url(../images/bg_marker_01.gif) left 6px no-repeat; padding:0 20px 0 8px;}

/*----------------------------------------------
 * top page settings
----------------------------------------------*/

/*size
-------------------------*/
#Contents{width:100%; background:#f3f3f3;}
#ContentsInner{width:940px; margin:0 auto; padding:35px 0;}
#ContentsLeft{width:232px; float:left;}
#ContentsRight{width:670px; float:right;}

/*main image
----------------------------------------------*/
#MainImage{width:100%; max-height:290px;}
#MainImage p{text-indent:-9999px; vertical-align:top;}

/*contents
-------------------------*/
#medialists{width:670px; padding:0 0 0 20px;}
#medialists .media-list{width:300px; float:left; padding:0 30px 0 0; margin:0 0 15px 0;}
#medialists .media-list-inner{width:300px; background:url(../images/bg_dotted_01.gif) left bottom repeat-x; padding:0 0 8px 0;}
#medialists .media-list .fleft{width:79px;}
#medialists .media-list .fright{width:200px;}
#medialists .media-list .fleft img{padding:3px; border:1px solid #e1e1e1;}
#medialists .media-list dt{font-size:85%; color:#a8a8a8;}

.contents-box .news-list{width:490px; padding:0 20px 0 160px; margin:-48px 0 5px 0;}
.news-list dt{font-size:85%; color:#a8a8a8; padding:8px 0 0 0;}
.news-list dd{background:url(../images/bg_dotted_01.gif) left bottom repeat-x; padding:0 0 6px 0;}
.contents-box .news-navi{padding:0 20px 0 0;}
.contents-box .news-navi img{padding:0 0 0 20px;}

/*----------------------------------------------
 * second page settings
----------------------------------------------*/

/*category images
-------------------------*/
.category-image{width:100%; height:97px;}
.category-image p{text-indent:-9999px; vertical-align:top;}
#company-image{background:url(../../company/images/ph_main.jpg) center top no-repeat;}
#news-image{background:#FDF7EB url(../../news/images/ph_main.gif) center top no-repeat;}
#products-image{background:#FDF7EB url(../../products/images/ph_main.jpg) center top no-repeat;}
#shop-image{background:#FDF7EB url(../../shop/images/ph_main.gif) center top no-repeat;}
#inquiry-image{background:#FDF7EB url(../../inquiry/images/ph_main.gif) center top no-repeat;}
#privacy-image{background:#FDF7EB url(../../privacy/images/ph_main.gif) center top no-repeat;}
#sitemap-image{background:#FDF7EB url(../../sitemap/images/ph_main.gif) center top no-repeat;}
#recruit-image{background:#FDF7EB url(../../recruit/images/ph_main.gif) center top no-repeat;}

/*contents
-------------------------*/
.top-green{width:670px; background:url(../images/bg_media_contents_foot.gif) left bottom no-repeat; margin:0 0 10px 0; padding:0 0 10px 0;}
.top-green h2{background:url(../images/bg_media_contents_head.gif) left top no-repeat; padding:20px 0 15px 0;}

.left-green{width:670px; background:url(../images/bg_contents_foot.gif) left bottom no-repeat; margin:0 0 10px 0; padding:0 0 10px 0;}
.left-green h2{background:url(../images/bg_contents_head.gif) left top no-repeat; padding:20px 0 15px 0;}
.contents-box h2 img{padding:0 0 0 20px;}

#page{
    margin:0 0 25px 0;
    min-height:1037px;
    top: -15px;
    position: relative;
}
.page-inner{padding:0 20px;}
#page h1{background:url(../images/bg_contents_head.gif) left top no-repeat; padding:20px 0 15px 0;}
#page h1 span{display:block; background:url(../images/bg_repeat.gif) left bottom repeat-x; margin:0 20px;}
#page h1 img{padding:0 0 5px 0;}
#page h2{background:url(../images/bg_dotted_02.gif) left bottom repeat-x; margin:0 0 15px 0; padding:10px 0 0 0;}
#page h2 img{background:url(../images/bg_h2.gif) left 1px no-repeat; padding:3px 0 3px 12px;}
#page h3{font-weight:bold; color:#6EB92B; padding:0 0 10px 0;}
#page ul{margin-left: 1.5em; display: inline-block;}
#page ul li{list-style: disc;}

/*float
-------------------------*/
.fbox-01 .fleft{width:222px;}
.fbox-01 .fright{width:370px;}
.fbox-02 .fleft{width:474px;}
.fbox-02 .fright{width:118px;}

/*table
-------------------------*/
table.normal-table{border:1px solid #ddd; border-collapse:collapse; table-layout:auto;}
table.normal-table th{border:1px solid #ddd; padding:8px; line-height:1.3; font-weight:bold; background:#FDF7EB; vertical-align:top;}
table.normal-table th img{vertical-align:top; padding:0 8px 0 0;}
table.normal-table td{border:1px solid #ddd; padding:8px; vertical-align:top;}

/*list item
-------------------------*/
ul.disc{list-style:disc; padding:0 5px 0 20px;}

ul.normal-disc{list-style:disc; padding:0 5px 0 30px;}
ul.normal-disc li{padding:0 0 5px 0;}

ul.list{padding:0 0 0 10px;}
ul.list li{float:left; padding:0 15px 0 0;}

.note{background:#EAFBFF; border:1px solid #B2E6F3; padding:10px 15px; margin:0 0 35px 0;}

dl.list{padding-bottom:30px;}
dl.list dt{vertical-align:bottom; position:absolute; padding:8px 0 6px 0; font-size:85%; color:#a8a8a8;}
dl.list dd{padding:8px 0 6px 80px; background:url(../images/bg_dotted_01.gif) left bottom repeat-x;}

/*news
-------------------------*/
.attention{background:#FFEFEF; border:1px solid #f99; padding:10px 15px;}
#media-list-2nd{padding:0 0 35px 0;}
#media-list-2nd .media-list{width:630px; background:url(../images/bg_dotted_01.gif) left bottom repeat-x;}
#media-list-2nd .media-list-inner{padding:8px 0 6px 0;}
#media-list-2nd .media-list .fleft{width:79px;}
#media-list-2nd .media-list .fright{width:520px;}
#media-list-2nd .media-list .fleft img{padding:3px; border:1px solid #e1e1e1;}
#media-list-2nd .media-list dt{font-size:85%; color:#a8a8a8;}

.pagenavi{text-align:center;}
.pagenavi .page-numbers{padding:5px 7px 3px 7px; border:1px solid #e0e0e0; font-size:90%; }
.pagenavi .current{background:#6EB92B; color:#fff;}
.pagenavi a, .pagenavi a:visited, .pagenavi a:hover, .pagenavi a:active{text-decoration:none;}

/*company
-------------------------*/
#Map{width:628px; height:380px; border:1px solid #ddd; margin:0 0 25px 0;}

/*products
-------------------------*/
.products-navi{width:637px; padding:0 0 100px 0; margin: 0 !important;}
.products-navi li{float:left; width:206px; padding:0 6px 25px 0;}
.products-navi li img{vertical-align:top;}

/*sitemap
-------------------------*/
#page-sitemap h2{background:url(../images/bg_repeat_gray.gif) left top repeat; padding:10px;}
#page-sitemap h2 a:link,#page-sitemap h2 a:visited,#page-sitemap h2 a:hover,#page-sitemap h2 a:active{text-decoration:none; font-weight:bold;}
#page-sitemap ul{padding:0 0 20px 0;}
#page-sitemap li{background:url(../images/bg_marker_01.gif) 12px 10px no-repeat; padding:3px 0 3px 20px;}

/*inquiry
-------------------------*/
button{border:none; cursor:pointer; background:none; font-weight:bold; color:#3078bf; margin:0; padding:3px;}
button img{vertical-align:middle;}
.textfield{width:220px;}
label{cursor:pointer; padding:0 10px 0 5px;}
option{padding-left:10px;}
.Err{padding:0 0 7px 0; background:url(../images/check.gif) left top no-repeat;}
.Err span{/*border:1px solid #E60012;*/ display:block; color:#c00; font-weight:bold; padding:7px 0 7px 30px;}
.Tel{font-size:240%; color:#00A0E9;}
textarea{width:350px; height:200px;}
.complete{padding:100px 0 180px 0; text-align:center;}


/*
* qTip2 - Pretty powerful tooltips
* http://craigsworks.com/projects/qtip2/
*
* Version: nightly
* Copyright 2009-2010 Craig Michael Thompson - http://craigsworks.com
*
* Dual licensed under MIT or GPLv2 licenses
*   http://en.wikipedia.org/wiki/MIT_License
*   http://en.wikipedia.org/wiki/GNU_General_Public_License
*
* Date: Tue Sep  6 17:07:56.0000000000 2011
*/

/* Core qTip styles */
.ui-tooltip, .qtip{position: absolute; left: -28000px; top: -28000px; display: none; max-width: 300px; min-width: 50px; font-size: 100%; line-height: 1.1; z-index: 15000; _width:300px;}


/* Fluid class for determining actual width in IE */
.ui-tooltip-fluid{display: block; visibility: hidden; position: static !important; float: left !important; }
.ui-tooltip-content{position: relative; padding: 6px 10px; overflow: hidden; border-width:3px; border-style:solid; text-align: left; word-wrap: break-word; overflow: hidden;}
.ui-tooltip-titlebar{position: relative; min-height: 14px; padding: 5px 35px 5px 10px; overflow: hidden; border-width: 1px 1px 0; border-style: solid; font-weight: bold; }
.ui-tooltip-titlebar + .ui-tooltip-content{ border-top-width: 0px !important; }

/*! Default close button class */
.ui-tooltip-titlebar .ui-state-default{position: absolute; right: 4px; top: 50%; margin-top: -9px; cursor: pointer; outline: medium none; border-width: 1px; border-style: solid; }

* html .ui-tooltip-titlebar .ui-state-default{ top: 16px; } /* IE fix */

.ui-tooltip-titlebar .ui-icon,
.ui-tooltip-icon .ui-icon{display: block; text-indent: -1000em; }

.ui-tooltip-icon, .ui-tooltip-icon .ui-icon{-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.ui-tooltip-icon .ui-icon{width: 18px; height: 14px; text-align: center; text-indent: 0; color: inherit; background: transparent none no-repeat -100em -100em; }

/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.ui-tooltip-focus{
}

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.ui-tooltip-hover{
}

/*! Default tooltip style */
.ui-tooltip-default .ui-tooltip-titlebar,
.ui-tooltip-default .ui-tooltip-content{border-color:#6EB92B; background-color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; filter:alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90;}
.ui-tooltip-default .ui-tooltip-titlebar{background-color: #fff; }
.ui-tooltip-default .ui-tooltip-icon{border-color: #CCC; background: #F1F1F1; color: #777; }
.ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover{border-color:#0099C0; color: #111; }

/* Tips plugin */
.ui-tooltip .ui-tooltip-tip{margin: 0 auto; overflow: hidden; background: transparent !important; border: 0px dashed transparent !important; z-index: 10; filter:alpha(opacity=65); -moz-opacity: 0.65; opacity: 0.65;}
.ui-tooltip .ui-tooltip-tip,
.ui-tooltip .ui-tooltip-tip *{position: absolute; line-height: 0.1px !important; font-size: 0.1px !important; color: #123456; background: transparent; border: 0px dashed transparent;}
.ui-tooltip .ui-tooltip-tip canvas{ top: 0; left: 0;}

.mobile-nav {
    display: none;
}

#page ul.products-navi li {
    list-style: none;
}

#page_top{
    width: 50px;
    height: 50px;
    position: fixed;
    right: 25px;
    bottom: 25px;
    background: #6EB92B;
    opacity: 0.6;
    border-radius: 50%;
    z-index: 1000;
}
#page_top a{
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    text-decoration: none;
    text-align: center;
}
#page_top a::before{
    font-family: "Font Awesome 5 Free";
    content: '\f106';
    font-weight: 900;
    font-size: 36px;
    color: #fff;
    position: absolute;
    width: 25px;
    height: 25px;
    top: 0px;
    bottom: 28px;
    right: 0;
    left: 0;
    margin: auto;
}

#Banner {
    display: none;
}

#page.manual .page-inner h3 {
    color: #69b14a;
    font-size: 1.5em;
}

#page.manual .page-inner h4 {
    color: white;
    background-color: #999;
    padding: 1px;
    height: 1.6em;
    border-radius: 1em;
    line-height: 1.6em;
    font-size: 1em;
    margin: 0.5em 0;
}

#page.manual .page-inner p {
    margin-bottom: 10px;
}

#page.manual .page-inner hr {
    height: 2px;
    border: none;
    background-color: #ccc;
    clear: both;
    margin: 10px 0 15px;
}

#page.manual .page-inner img{
    max-width: 100%;
    height: auto;
    margin: 20px 0;
}

#page.manual .page-inner img.alignright {
    float: right;
    margin: 0;
}

#page.manual .page-inner img.alignleft {
    float: left;
    margin: 0;
}

#page.manual .page-inner img.aligncenter {
    display: block;
    float: none;
    margin: 0 auto;
}

#page.manual.left-green {
    background-image: url("../images/bg_contents_body.gif");
    background-size: contain !important;
    background-repeat: repeat-y !important;
    border-bottom: thin solid #cccccc;
    border-right: 0px solid #cccccc;
    border-radius: 0 0 5px 5px;
}

#GlobalNavi li > ul.sub-menu {
    display: none;
}

#GlobalNavi li:hover ul.sub-menu {
    display: block !important;
    width: 189px;
    z-index: 5;
    position: absolute;
    background: white;
}

#GlobalNavi li ul.sub-menu li {
    float: none;
    padding: 5px 10px;
    border-bottom: thin solid #cccccc;
}

#GlobalNavi li ul.sub-menu li a:before {
    content: "▶︎";
    padding-right: 5px;
    color: #7cbc21;
    font-size: 0.5em;
    vertical-align: middle;
}
#GlobalNavi li ul.sub-menu li a {
    display: block;
    text-decoration: none;
    color: #666666;
}

#GlobalNavi li ul.sub-menu li a:hover {
    color: #999999;
}

#page.manual {
    font-size: 1.2em;
}

#page.manual .page-inner {
    padding: 0 50px;
}

#page.manual .page-inner h3 {
    font-size: 1.5em;
}
.pure-menu-item a {
    text-decoration: none;
}

.pure-menu-item a{
    color: #69b14a;
    text-decoration: none;
}

.pure-menu-item a:hover {
    color: #999;
}
#page.manual ul.pure-menu-list {
    margin-left: 4em;
}
#page.manual ul li {
    padding-left: 0.25em;
}
#page.manual ul li::marker,
#page.manual ul li.pure-menu-item::marker {
    font-family: "Font Awesome 5 Free";
    content: '\f111'; /* アイコンのunicode */
    font-weight: 900;
    font-size: 1em;
    color: #ccc;
    width: 2em;
    vertical-align:middle;
    line-height:1.2em;
}

#page.manual ul {
    margin-bottom: 1em;
}

#page.manual ul.download {
    margin-bottom: 0;
}

#page.manual ul.download li {
    margin-bottom: 0;
}

#page.manual .downloads hr {
    margin: 8px 0 10px;
}

#page.manual .downloads {
    margin-bottom: 30px;
}

.pure-button {
    background-color: #69b14a !important;
}

.sp-only { display: block!important; }
.pc-only { display: none!important; }
@media  (min-width: 992px) {
    .sp-only { display: none!important; }
    .pc-only { display: block!important; }
}

#page.manual div.wp-caption.alignright {
    display: block;
    float: right;
    margin-left: 10px;
}

#page.manual div.wp-caption.aligncenter {
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
}

#page.manual div.wp-caption.alignright {
    display: block;
    float: right;
    margin-left: 10px;
}

#page.manual div.wp-caption.alignleft {
    display: block;
    float: left;
    margin-right: 10px;
}
#page.manual div.wp-caption img {
    display: block;
    margin:0 auto;
    text-align: center;
}
#page.manual p.wp-caption-text {
    text-align:left;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 0px;
}