@charset "Shift_JIS";

@media screen and (min-width:751px), print {
html {
}

body {
}

    
    
    
/* body
----------------------------------------------------*/
body {
    color: #212121;
    text-align: center;
    min-width: 1200px;
    background-color: #FFFFFF;
}
div.clear {
    clear: both;
    display: block;
    width: 100%;
}
/* -- font -- */
h1, h2, h3, h4, h5, h6, p, li, dt, dd, th, td, caption, address, figcaption, small, time, button, select {
    font-size: 1rem;
    line-height: 1.5;
}
/* -- i -- */
i {
    vertical-align: baseline;
}
/* -- img -- */
img {
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
/*---------- img alphaOver -----------*/

.alphaOver a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
}
.alphaOver_no a:hover img{
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
}
/*---------- img 明度 -----------*/

.alphaOver_slider a:hover img{
  filter: brightness(110%);
}
.alphaOver_slider_no a:hover img{
  filter: brightness(100%);
}
/* -- .sp -- */
.sp {
    display: none !important;
}
/* container
----------------------------------------------------*/
#container {
    text-align: left;
    background-color: #FFFFFF;
}
.head_hight {
    height: 70px;
}
/* header
----------------------------------------------------*/
#header {
    height: 60px;
    position: relative;
    z-index: 51;
    display: block;
    box-sizing: border-box;
    position: fixed;
    background-color: #FFFFFF;
    width: 100%;
    top: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    opacity: 0.98;
}
#header_s {
    height: 35px;
    position: relative;
    z-index: 51;
    display: block;
    box-sizing: border-box;
    position: fixed;
    background-color: #FFFFFF;
    width: 100%;
    top: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    opacity: 0.98;
}
/* clearfix */
#header:after {
    content: "";
    clear: both;
    display: block;
}
#hdInner {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
}
#hdLogo {
    float: left;
    margin-top: 10px;
    margin-right: 0;
    margin-left: 20px;
    margin-bottom: 0;
    min-width: 320px;
    width: 18%;
    display: block;
}
#hdLogo2 {
    float: left;
    margin-top: 10px;
    margin-right: 0;
    margin-left: 20px;
    margin-bottom: 0;
    min-width: 320px;
    width: 18%;
    display: block;
}
#hdSns {
    float: right;
    margin: 20px 20px 0 0;
}
#hdSns:after {
    content: "";
    clear: both;
    display: block;
}
#hdSns li {
    width: 19px;
    height: 19px;
    float: left;
    margin: 0 0 0 15px;
}
#hdSns li a {
    transition: 0.3s ease-out;
}
#hdSns li a:hover {
    opacity: 0.7;
}
    
/* gNavi
----------------------------------------------------*/
#gNavMenu {
    display: none;
}
    
#gNavWrapscroll {
    overflow-y: hidden;
    max-height: none;
    height: auto;
    -ms-overflow-style: none;    /* IE, Edge 対応 */
    scrollbar-width: none;       /* Firefox 対応 */
}
    
#gNavWrapscroll::-webkit-scrollbar {  /* Chrome, Safari 対応 */
        display:none;
    }
    
#gNavWrap {
    float: left;
    width: 60%;
    margin-left: 1%;
    min-width: 770px;
}
/* clearfix */
#gNav:after {
    content: "";
    clear: both;
    display: block;
}
#gNav > li {
    float: left;
    padding-top: 15px;
    min-width: 110px;
    width: 14%;
}
/*                             */
#gNav div.gNavMenu {
    display: table;
    width: 100%;
}
#gNav div.gNavMenu a {
    display: table-cell;
    height: 70px;
    vertical-align: middle;
    text-align: center;
    font-size: 1.1rem;
    color: #000000;
}

/*                             */
#gNav > li:hover div.gNavMenu a {
    text-decoration: none;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    background-color: #C3E9FF;
}
#gNav li:nth-child(1) div.gNavMenu a {
    text-indent: -1em;
    padding: 0 0 0 1.2em;
}
#gNav div.gNavMenu strong {
    display: block;
    font-size: 1.2em;
    font-weight: normal;
    line-height: 1;
    margin: 0 0 0px 0;
}
#gNav div.gNavMenu span {
    display: block;
    font-size: 1.2rem;
    font-weight: normal;
    line-height: 1;
    margin: 3px 0 0px 0;
}

/*                             */
#gNav .gNavBlc {
    padding-top: 0px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 30px;
    background-color: #FFFFFF;
    position: absolute;
    top: 100%;
    left: 0;
    cursor: auto !important;
    z-index: 50;
    display: none !important;
    opacity: 1;
    border-top: 5px solid #C3E9FF;
    border-bottom: 5px solid #C3E9FF;
    width: 100%;
}

#gNav > li:hover .gNavBlc {
    display: block !important;
}
#gNav .gNavBlc ul {
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
}
#gNav .gNavBlc ul:after {
    content: "";
    clear: both;
    display: block;
}
#gNav .gNavBlc li {
    width: 270px;
    float: left;
    margin: 30px 0 0 25px;
    line-height: 1.5;
}
#gNav .gNavBlc li a {
    display: block;
    min-height: 100px;
    padding-right: 0;
    padding-left: 110px;
    padding-bottom: 0;
    text-decoration: none;
    position: relative;
    transition: opacity 0.3s;
}
#gNav .gNavBlc li a:hover {
    opacity: 0.7;
}
#gNav .gNavBlc li img {
    position: absolute;
    top: 0;
    left: 0;
}
#gNav .gNavBlc li strong, #gNav .gNavBlc li span {
    display: block;
}
#gNav .gNavBlc li strong {
    font-size: 16px;
    color: #000000;
    display: inline-block;
}
#gNav .gNavBlc li strong + i {
    margin-left: 8px;
    color: #FFFFFF;
    font-size: 16px;
    padding-top: 3px;
}
#gNav .gNavBlc li span {
    font-size: 14px;
    color: #000000;
}
/*movie*/
#gNav .gNavBlc li.company strong {
    font-size: 16px;
    color: #000000;
    display: inline-block;
    margin-left: 10px;
}
#gNav .gNavBlc li.company strong + i {
    margin-left: 8px;
    color: #FFFFFF;
    font-size: 16px;
    padding-top: 3px;
}
#gNav .gNavBlc li.company span {
    font-size: 14px;
    color: #000000;
}
#gNav .gNavBlc li.company {
    padding-top: 30px;
    padding-right: 0;
    padding-left: 110px;
    padding-bottom: 0;
    position: relative;
    -webkit-box-sizing : border-box;
    -moz-box-sizing : border-box;
    box-sizing : border-box;
}
#gNav .gNavBlc li.company a {
    padding: 0;
    min-height: auto;
    color: #000000;
}
#gNav .gNavBlc li.company > a {
    position: absolute;
    top: 0;
    left: 0;
}
#gNav .gNavBlc li.company a img {
    position: static;
}
#gNav .gNavBlc li.company ul {
    margin-top: 0px;
    width: auto;
}
#gNav .gNavBlc li.company ul li {
    border-bottom: 1px solid #333;
    width: 100%;
    margin: 0;
}
#gNav .gNavBlc li.company ul li:first-child {
    border-top: 1px solid #333;
}
#gNav .gNavBlc li.company ul li a {
    display: block;
    font-size: 0.9rem;
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 0;
    padding-bottom: 5px;
    background: url("../img/icon_arw_nav.png") no-repeat right center;
    color: #000000;
}
#gNavBg {
    display: none;
}
#gNavSns {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #0168b7;
    border-bottom-left-radius: 10px;
    border: 1px solid #0168b7;
    padding-right: 15px;
    padding-top: 1px;
    padding-left: 5px;
    padding-bottom: 1px;
}
#gNavSns ul {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
}
#gNavSns li {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    letter-spacing: normal;
    height: auto;
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
}
#gNavSns li a {
    color: #FFFFFF !important;
}
#gNavSns li a:hover {
    color: #009DFF !important;
}
#gNavSns li a:visited {
}
#gNavClose {
    display: none;
}
/* contents
----------------------------------------------------*/
#contents {
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    background-color: #FFFFFF;
}
#contents_webshowroom {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    background-color: #FFFFFF;
}
/* clearfix */
#contents:after {
    content: "";
    clear: both;
    display: block;
}
/*                             */

div.topimage {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1920px;
}
div.topimage_p {
    width: 100%;
    max-width: 1920px;
    height: auto;
    max-height: 600px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 10px;
}
div.topimage_webshowroom {
    width: 100%;
    max-width: 1920px;
    height: auto;
    max-height: 900px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 10px;
}
div.topimage_exhibition {
    width: 100%;
    max-width: 1920px;
    height: auto;
    max-height: 900px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 10px;
}
/* main
----------------------------------------------------*/

main {
    overflow: hidden;
}
.mainInner {
    width: 1000px;
    margin: 0 auto;
}
/* footer
----------------------------------------------------*/
#footer {
    clear: both;
    color: #000000;
    background-color: #FFFFFF;
}
#ftInner {
    position: relative;
    height: 40px;
    padding-top: 5px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}

.kakushi {
    width: 70%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    height: 30px;
}

/*                             */
#footer .pagetop{
    width: 90%;
    overflow: hidden;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding: 0;
    opacity: 1;
    z-index: 55;
}
#footer .pagetop a{
    display: block;
    width: 110px;
    height: 20px;
    text-indent: -9999px;
    background-image: url(../img/btn_pagetop.png);
    background-repeat: no-repeat;
    float: right;
    margin-top: 5px;
}
p.pageTop {
    width: 75px;
    text-align: center;
    position: fixed;
    bottom: 10px;
    right: 10px;
    background-image: url(../img/btn_pagetop.png);
    background-repeat: no-repeat;
    background-position: center center;
    height: 75px;
}

    
/* clearfix */
#footer:after {
    content: "";
    clear: both;
    display: block;
}
#ftSitemapWrap {
    background-color: #C3E9FF;
}
div.ftcompany {
    background-color: #C3E9FF;
    margin-left: auto;
    width: 1200px;
    margin-right: auto;
    padding-top: 15px;
    font-size: 1.2rem;
    color: #000000;
}
div.ftcompany a {
    margin-left: 1%;
}
div.ftcompany a:hover {
    opacity: 0.5;
    margin-left: 1%;
}
#ftSitemap {
    width: 1200px;
    margin: 0 auto;
    padding-top: 8px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 8px;
}
/* clearfix */
#ftSitemap > ul:after {
    content: "";
    clear: both;
    display: block;
}
#ftSitemap > ul > li {
    width: 13%;
    float: left;
    margin-top: 0;
    margin-right: 0;
    margin-left: 1%;
    margin-bottom: 0;
}
#ftSitemap div {
    border-bottom: 1px solid #000000;
    margin-bottom: 3px;
}
#ftSitemap div a {
    display: block;
    padding-top: 5px;
    padding-right: 0;
    padding-left: 0;
    font-size: 1rem;
    color: #000000;
    transition: opacity 0.3s;
}
#ftSitemap div a:hover {
    text-decoration: none;
    opacity: 0.5;
}
#ftSitemap div.space {
    border-bottom: 1px solid #000000;
    margin-bottom: 3px;
    margin-top: 20px;
}
#ftSitemap div.space a {
    display: block;
    padding-top: 5px;
    padding-right: 0;
    padding-left: 0;
    font-size: 1rem;
    color: #000000;
    transition: opacity 0.3s;
}
#ftSitemap div.space a:hover {
    text-decoration: none;
    opacity: 0.5;
}
#ftSitemap li:nth-child(1) .play.movie > ul > li {
    margin: 0 0 0;
}
#ftSitemap div strong {
    display: block;
    font-size: 1.2rem;
    font-weight: normal;
    line-height: 1rem;
    vertical-align: text-bottom;
    color: #000000;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 3px;
}
#ftSitemap li ul {
    display: block !important;
    overflow: hidden;
}
#ftSitemap li li {
    line-height: 1.2;
    margin: 5px 0 0;
}
#ftSitemap li li a {
    font-size: 0.9rem;
}
#ftSitemap li li a:hover {
    font-size: 0.9rem;
    opacity: 0.5;
}

/*movie*/
#ftSitemap li .play.movie {
    display: block!important;
    border-bottom: none;
}
#ftSitemap li .play.movie:after {
    content: "";
    clear: both;
    display: block;
}
#ftSitemap li .play.movie ul {
    float: left;
}
#ftSitemap li .play.movie ul:first-child {
    width: 150px;
}
#ftSitemap li .play.movie ul:first-child li {
    width: 150px;
}
#ftSitemap li .play.movie ul:first-child + ul {
    width: 190px;
}
#ftSitemap li .play.movie ul:first-child + ul li {
    width: 190px;
}
#ftSitemap li .play.movie ul li a {
    padding: 0;
}
#ftSitemap li .play.movie ul li ul li a {
    padding-left: 18px;
    position: relative;
}
#ftSitemap li .play.movie ul li ul li a:after {
    content: "";
    width: 12px;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 0;
    background: #555;
    margin-top: -0.5px;
}
#ftSitemap li .account {
    margin-top: 30px;
}
#ftSitemap li .account li {
    width: 160px;
}
#ftSitemap li .account li.fb {
    float: left;
}
#ftSitemap li .account li.yt {
    float: right;
}
#ftSitemap li .account li a {
    padding: 7px 0 7px 52px;
    color: #FFFFFF;
    display: block;
    border-radius: 200px;
    transition: 0.3s ease-out;
}
#ftSitemap li .account li.fb a {
    background: url("../common/img/ico_fb.gif") no-repeat 15px center #3a579a;
    background-size: 25px;
}
#ftSitemap li .account li.yt a {
    background: url("../common/img/ico_yt.gif") no-repeat 15px center #b0210a;
    background-size: 25px;
}
#ftSitemap li .account li a:hover {
    opacity: 0.8;
    text-decoration: none;
}
#ftNav {
    text-align: center;
}
#ftNav ul {
    display: inline-block;
    letter-spacing: -0.3em;
}
#ftNav li {
    font-size: 0.9rem;
    line-height: 1;
    display: inline-block;
    letter-spacing: normal;
    border-left: 1px solid #555;
    padding: 0 0 0 10px;
    margin: 0 0 0 10px;
}
#ftNav ul:first-child li:first-child {
    border: none;
    padding: 0;
    margin: 0;
}
#ftNav li a {
    color: #000000;
    text-decoration: none;
}
#ftNav li a:hover {
    text-decoration: underline;
}
#ftCopyright {
    text-align: center;
    margin-top: 5px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
}
#ftCopyright small {
    font-size: 0.7rem;
}
/* bread_crumb
----------------------------------------------------*/

#wrapper_bread_crumb {
    background: #eee;
    line-height: 40px;
}
#bread_crumb {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}
#bread_crumb li {
    display: inline-table;
    font-size: 120%;
    height: 40px;
    padding-right: 25px;
    margin-right: 10px;
    background: url("../img/bread_crumb01.png") right center no-repeat;
    background-size: 15px auto;
}
#bread_crumb li:last-child {
    background: none;
    padding-right: 0;
    margin-right: 0;
}
#bread_crumb li a, #bread_crumb li > span {
    display: table-cell;
    vertical-align: middle;
    transition: opacity 0.3s;
}
#bread_crumb li a:hover {
    text-decoration: none;
    opacity: 0.7;
}
#bread_crumb li a > span {
    color: #0aa547;
}
/* spanGreen
---------------------------------------------*/
.spanGreen {
    font-size: 46.66%;
    color: #0aa547;
    display: block;
    font-weight: normal;
}
.utility {
    position: relative;
    float: right;
    line-height: 14px;
    right: 0px;
    top: 0px;
    z-index: 99;
}
    
/* menu
----------------------------------------------------*/
.menu:after {
    content: "";
    clear: both;
    display: block;
}
.menu li {
    float: left;
    width: 300px;
}
.menu li a {
    display: block;
    position: relative;
}
#main .menu li a:hover {
    opacity: 1;
}
.menu li a > span {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 1.1rem;
    position: absolute;
    bottom: 15px;
    left: 0;
}
.menu li:nth-of-type(1) a > span,.menu li:nth-of-type(2) a > span,.menu li:nth-of-type(3) a > span, .menu li:nth-of-type(4) a > span {
    color: #FFFFFF;
}
.menu li a > span strong {
    display: block;
    font-size: 1.8rem;
}
.menu li a > div {
    display: table;
    width: 100%;
    background-color: #0168b7;
    color: #FFFFFF;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s;
}
.menu li a:hover > div {
    opacity: 1;
}
.menu li a > div div {
    display: table-cell;
    height: 225px;
    vertical-align: middle;
    text-align: center;
    font-size: 16px;
    line-height: 175%;
}
.menu li a > div .menuTtl {
    color: #FFFFFF;
    display: block;
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 20px;
    line-height: 1.5;
}
.menu li img {
    width: 100%;
}
/* news
----------------------------------------------------*/
    
dl {
    width: 100%;
    padding: 0;
    margin: 0 auto;
}

dt {
    float: left;
    width: 90px;
    padding-top: 10px;
    padding-left: 0;
    padding-bottom: 10px;
    clear: both;
    border-top: dotted thin #999;
}

dd {
    margin-left: 100px;
    padding: 10px 0;
    border-top: dotted thin #999;
    width: auto;
}
dt.no-line, dd.no-line { border: none; }
dt.blank, dd.blank {
    height: 4px;
}
dt:hover, a:active, a:focus {
    text-decoration: none;
}

.top h1 {
    text-align: center;
    font-size: 1.2rem;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 10px;
}
div.information {
    margin-top: 0;
    margin-bottom: 3px;
    height: 150px;
    background-image: url(../img/titleimg_whatsnews.jpg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    line-height: 150px;
    color: #FFFFFF;
    text-align: center;
    font-size: 2.4em;
    text-shadow: 5px 5px 5px #000000;
    text-indent: 0px;
    letter-spacing: 0.3em;
    font-weight: bold;
}
h1.information {
    margin-top: 0;
    margin-bottom: 3px;
    height: 150px;
    background-image: url(../img/titleimg_whatsnews.jpg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    line-height: 150px;
    color: #FFFFFF;
    text-align: center;
    font-size: 2.4em;
    text-shadow: 5px 5px 5px #000000;
    text-indent: 0px;
    letter-spacing: 0.3em;
}
.mailmaga {
    padding-top: 20px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 40px;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}
.news {
    padding-top: 20px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 40px;
}
.news h2 {
    text-align: center;
    font-size: 1.8rem;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 10px;
}
.news p {
    width: 120px;
    margin-top: 15px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    display: table;
}
.news p a {
    display: table-cell;
    height: 30px;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 20px;
    box-sizing: border-box;
    text-decoration: none;
    color: #555;
    font-size: 0.8rem;
    background-color: #F5F5F5;
}
    
.news p a:hover {
    display: table-cell;
    height: 30px;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 20px;
    box-sizing: border-box;
    text-decoration: none;
    color: #C3BFBF;
    font-size: 0.8rem;
    background-color: #F5F5F5;
}
    
div.news01 {
    width: auto;
    border-top-color: #999999;
    border-top-style: solid;
    border-top-width: 1px;
    height: auto;
    background-color: #FFFFFF;
    margin-left: 100px;
    margin-right: 100px;
    font-size: 1rem;
    margin-bottom: -10px;
}
div.news01 a, li.news01 a:link li.news01 a:visited {
    text-decoration: underline;
}
div.news01 a:hover {
    text-decoration: none;
}
    
div.news02 {
    border-top-color: #999999;
    border-top-style: solid;
    border-top-width: 1px;
    height: auto;
    background-color: #FFFFFF;
    font-size: 1rem;
    margin-bottom: 50px;
    width: 100%;
}
div.news02 a, li.news02 a:link li.news02 a:visited {
    text-decoration: underline;
}
div.news02 a:hover {
    text-decoration: none;
}
.obi_news01{
	font-size: 18px;
	font-weight: 900;
	padding-bottom: 5px;
	padding-left: 5px;
}
.obi_news02{
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: 900;
	text-align: right;
}

    
/* CONETNTS ITEMS */
#cont_area {
    float: right;
    display: block;
    width: 79%;
    margin-bottom: 250px;
    margin-left: 1%;
}

#cont_area_new {
    float: right;
    display: block;
    width: 79%;
    margin-bottom: 250px;
    margin-left: 1%;
}

#sm_area {
    font-size: 0.9em;
    float: left;
    max-width: 190px;
    width: 20%;
    padding-top: 15px;
    padding-bottom: 1px;
}

#sm_area ul.sm {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

#sm_area ul.no_t_border { border-top: none; }

#sm_area li { list-style-type: none; }

.sm_space15 {
	height: 15pt;
	margin: 0;
	padding: 0;
	border-bottom: solid 1px #999;
	display: block;
}

.sm_title {
    font-size: 0.9rem;
    font-weight: normal;
    text-align: center;
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    padding-top: 2px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 1px;
    background-repeat: repeat-y;
    background-position: left top;
    background-color: #EEEEEE;
    color: #444444;
}

.sm_title2 {
    font-size: 0.9rem;
    font-weight: normal;
    text-align: center;
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
    padding-top: 2px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 1px;
    background-repeat: repeat-y;
    background-position: left top;
    background-color: #EEEEEE;
    color: #444444;
}


.sm_link1, .sm_link1_new, .sm_link1_st, .sm_link1_st_new, .sm_item, .sm_eco {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.sm_eco { font-size: 0.8rem; }

.sm_link2, .sm_link3, .sm_link2_st, .sm_link3_st {
    border-top: 1px dotted #ccc;
}

.sm_link1 a:link, .sm_link1 a:visited {
    padding-top: 12px;
    padding-left: 20px;
    padding-bottom: 12px;
    color: #036;
    display: block;
    text-decoration: none;
    background-image: url(../common/img/sm1_btn_bg.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 0.8rem;
    opacity: 1;
    padding-right: 1px;
}

.sm_link1 a:hover {
    color: #FFF;
    background-image: url(../common/img/sm1_btn_bg_on.jpg);
}

.sm_link1_new a:link, .sm_link1_new a:visited {
    padding-top: 8px;
    padding-left: 20px;
    padding-bottom: 8px;
    color: #036;
    display: block;
    text-decoration: none;
    background-image: url(../common/img/sm1_btn_bg.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 0.8rem;
    opacity: 1;
    padding-right: 1px;
}

.sm_link1_new a:hover {
    color: #FFF;
    background-image: url(../common/img/sm1_btn_bg_on.jpg);
}

.sm_link1_st_new {
    padding-top: 8px;
    padding-left: 20px;
    padding-bottom: 8px;
    color: #036;
    display: block;
    text-decoration: none;
    background-image: url(../common/img/sm1_btn_bg_st.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 0.8rem;
    padding-right: 0px;
}
    
    
    
.sm_link1_st {
    padding-top: 12px;
    padding-left: 20px;
    padding-bottom: 12px;
    color: #036;
    display: block;
    text-decoration: none;
    background-image: url(../common/img/sm1_btn_bg_st.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 0.8rem;
    padding-right: 0px;
}
    
.sm_link2 a:link, .sm_link2 a:visited {
    padding-top: 3px;
    padding-bottom: 3px;
    color: #036 !important;
    display: block !important;
    text-decoration: none !important;
    background-image: url(../common/img/sm2_btn_bg.jpg) !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    font-size: 0.8rem !important;
    padding-left: 20px;
}

.sm_link2 a:hover {
	color: #FFF !important;
	background-image: url(../common/img/sm2_btn_bg_on.jpg) !important;
}

.sm_link2_st {
    padding-top: 5px;
    padding-left: 20px;
    padding-bottom: 5px;
    display: block !important;
    text-decoration: none !important;
    background-image: url(../common/img/sm2_btn_bg_st.jpg) !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    font-size: 0.8rem !important;
}

.sm_link3 a:link, .sm_link3 a:visited {
    padding: 5px 5px 5px 30px;
    color: #036;
    display: block;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: left center;
	background-image: url(../common/img/sm3_btn_bg.jpg);
    font-size: 0.8rem;
}

.sm_link3 a:hover {
	color: #FFF;
	background-image: url(../common/img/sm3_btn_bg_on.jpg);
}

.sm_link3_st {
	padding: 5px 5px 5px 30px;
	display: block;
	text-decoration: none;
	background-image: url(../common/img/sm3_btn_bg_st.jpg);
	background-repeat: no-repeat;
	background-position: left center;
    font-size: 0.8rem;
}

.sm_link2, .sm_link3, .sm_link2_st, .sm_link3_st {
}

.sm_eco a:link, .sm_eco a:visited {
    padding-top: 12px;
    padding-right: 5px;
    padding-left: 56px;
    padding-bottom: 12px;
    color: #063;
    display: block;
    text-decoration: none;
    background-image: url(../common/img/sm_eco_bg.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 0.8rem;
}

.sm_eco a:hover {
	color: #063;
	background-image: url(../common/img/sm_eco_bg_on.jpg);
}

.sm_item {
    padding-top: 7px;
    padding-right: 7px;
    padding-left: 7px;
    padding-bottom: 7px;
    text-align: center;
}

.testroom {
    margin-top: 3px;
    margin-right: 0;
    margin-bottom: 1px;
    width: 100%;
    border: 1px solid #ccc;
}
.movie_btn {
    margin-right: 0;
    width: 100%;
    border: 1px solid #ccc;
    margin-top: 3px;
}
h2.title_01 {
    width: 100%;
    font-size: 1.4rem;
    font-weight: bold;
    color: #039;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 10px;
    padding-right: 0;
    padding-left: 0;
    border-bottom: solid 1px #039;
    text-indent: 10px;
    margin-top: 15px;
    line-height: 2.4rem;
    margin-bottom: 15px;
    padding-bottom: 5px;
    text-shadow: 2px 2px 2px #B2B2B2;
    height: auto;
    background-image: url(../common/img/h2_bg.jpg);
}

h2.title_02 {
    width: 100%;
    font-size: 1.4rem;
    font-weight: bold;
    color: #039;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 10px;
    padding-right: 0;
    padding-left: 0;
    border-bottom: solid 1px #039;
    text-indent: 10px;
    margin-top: 15px;
    line-height: 2.4rem;
    margin-bottom: 15px;
    padding-bottom: 5px;
    text-shadow: 2px 2px 2px #B2B2B2;
    height: auto;
    background-image: url(../common/img/h2_bg.jpg);
}

h3 {
    width: 100%;
    font-size: 1.1rem;
    border-bottom: solid 1px #CCC;
    padding-right: 0;
    padding-bottom: 3px;
    padding-left: 0;
    padding-top: 5px;
    margin-bottom: 20px;
    display: block;
    margin-top: 30px;
    line-height: 1.4rem;
}

/* LAYOUT */
.wrapper {
    width: 100%;
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 0.9rem;
    display: block;
    line-height: 1.5rem;
}

.wrapper_auto {
    overflow: auto;
    width: 100%;
    margin-top: 0;
    margin-bottom: 30px;
    display: block;
}

.col2 {
    float: left;
    width: 49%;
	}

.col2_end {
    float: left;
    width: 49%;
    margin-bottom: 15px;
    margin-left: 18px;
}

.col2 p, .col2_end p,
.col3 p, .col3_end p, .col3_2 p {
	padding-left: 0;
	padding-right: 0;
}

.col3_1 {
	float: left;
	width: 400px;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 0;
}
.col3 {
    float: left;
    width: 32%;
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 15px;
    margin-right: 1%;
}

.col3_2 {
    float: left;
    width: 100%;
    margin: 0 15px 15px 0;
}

.col3_end {
    float: left;
    width: 33%;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 5px;
}

.col4 {
    float: left;
    width: 171px;
    margin: 0 14px 15px 0;
    height: 300px;
}
.catalog_box_001 {
    float: left;
    width: 19%;
    margin-top: 0;
    margin-right: 1%;
    margin-left: 0;
    margin-bottom: 1%;
    height: 300px;
}
.catalog_box_001 img {
	border: solid 1px #999999;
}

.products_box_nozzle {
    float: left;
    width: 24%;
    height: 280px;
    margin-top: 15px;
    margin-bottom: 10px;
    margin-right: 1%;
}


.col4_end {
    float: left;
    width: 171px;
    margin: 0 0 15px 0;
    height: 300px;
}

/* 證ｫ螳夊ｨｭ螳? START */
.col4 img, .col4_end img {
	border: solid 1px #999999;
}
/* 證ｫ螳夊ｨｭ螳? END */

.col3_2_3_1 {
	float: left;
	width: 153px;
	margin: 0 10px 10px 0;
}

.col3_2_3_1_last {
	float: left;
	width: 153px;
	margin: 0 0 10px 0;
}

/* 陬ｽ蜩∵ュ蝣ｱ逵溽ｩｺ END */

.products_box_shinku {
    float: left;
    width: 19%;
    margin-top: 1%;
    margin-right: 1%;
    margin-left: 0;
}

.products_box_shinku_last {
    float: left;
    width: 15%;
    margin-top: 1%;
    margin-right: 0;
    margin-left: 0;
}

/*failsafe逕ｨ START*/
.col3_2_fail {
	float: left;
	width: 227px;
	margin: 0;
	/*padding: 0 5px;*/
	background-color: #FFE6FF;
}

.col3_2_fail_old {
	float: left;
	width: 227px;
	margin: 0;
	/*padding: 0 5px;*/
	background-color: #DADADA;
}

.col3_2_fail_cent {
	float: left;
	width: 25px;
	margin: 0;
	padding: 0;
}

.col3_2_fail p,
.col3_2_fail_old p { margin: 5px; }

.fail_wrapper {
	width: 479px;
	height: auto;
	margin: 0 0 10px 0;
	padding: 0;
	background-image: url(../../products/order/img/fail_bg_arrow.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
/* MAIN TITLE */
#mt_container {
    width: 1200px;
    background-color: #FFF;
    margin: 0 auto;
    border-right: solid 1px #999;
    border-bottom: solid 1px #999;
    border-left: solid 1px #999;
    text-align: center;
}

#mt_container img { margin: 0 auto; }


/* 莠区･ｭ謇? */

.box_txt {
    float: left;
    width: 33%;
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 15px;
}

.col3_end {
    float: left;
    width: 33%;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 5px;
}

/* 製品情報*/
    
.products_img_001 {
    width: 35%;
    margin-top: 2%;
    margin-right: 2%;
    margin-left: 2%;
    margin-bottom: 2%;
    float: left;
}
.products_img_001_webshowroom {
    width: 40%;
    margin-right: 1%;
    margin-left: 1%;
    float: left;
    text-align: center;
}
.products_img_002 {
    width: 300px;
    float: left;
}
.products_txt_002 {
    display: block;
    padding-left: 10px;
    margin-left: 10px;
    float: left;
    width: 330px;
}
.products_txt_001 {
    float: right;
    width: 55%;
    margin-top: 2%;
    margin-left: 2%;
}
ul.prod li {
    list-style: none;
    padding-left: 10px;
    border-left: solid 8px #CCCCCC;
    margin-bottom: 15px;
    margin-top: 15px;
    display: block;
}


.products_tablebox_001 {
    float: left;
    width: 68%;
    margin-top: 0;
    margin-right: 2%;
    margin-left: 0;
    margin-bottom: 2%;
}
    
.products_tablebox_002 {
    float: left;
    width: 98%;
    margin-top: 0;
    margin-right: 2%;
    margin-left: 0;
    margin-bottom: 2%;
}
    
ul.products li {
    list-style: none;
    padding-left: 10px;
    border-left: solid 8px #CCCCCC;
    margin-bottom: 15px;
    margin-top: 20px;
}

ul.products_webshowroom li {
    list-style: none;
    padding-left: 10px;
    border-left: solid 8px #CCCCCC;
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 1.2rem;
}

.products_bunner_001 {
    float: left;
    width: 28%;
    margin-right: 0;
    margin-left: 2%;
    margin-bottom: 2%;
    margin-top: 49px;
}
    
.products_indexbox_001 {
    float: left;
    width: 23%;
    margin-top: 1%;
    margin-right: 1%;
    margin-bottom: 1%;
    margin-left: 1%;
    border-left: 0px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 0px solid #ccc;
	}

.products_indextxt_001 {
    float: left;
    width: 100%;
    padding-left: 3%;
    line-height: 1.4rem;
    font-size: 0.8rem;
    font-weight: bold;
    display: block;
    vertical-align: middle;
    border-left: 5px solid #ccc;
    height: 80px;
	}

.products_indextxt_002 {
    line-height: 1.6rem;
    font-size: 1.1rem;
    font-weight: bold;
    vertical-align: middle;
	}

.products_indextxt_003 {
    line-height: 1.4rem;
    font-size: 0.8rem;
    font-weight: bold;
    vertical-align: middle;
	}

.products_indextxt_004 {
    line-height: 1.4rem;
    font-size: 0.8rem;
    font-weight: bold;
    vertical-align: middle;
	}

.products_indeximg_001 {
    float: left;
    width: 49%;
	}

    

/* LAYOUT */
.movie_box {
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 0.9em;
    width: 96%;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
}
.movie_box_02 {
    margin-top: 30px;
    margin-bottom: 30px;
    width: 45%;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
}
/* LAYOUT */
.movie_container {
	text-align: center;
	text-align: center;
}
/* LAYOUT */
.movie_box_img {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}
/* LAYOUT */
.movie_box_txt {
    display: block;
    float: left;
    clear: none;
    width: 100%;
    margin-bottom: 30px;
    margin-top: 15px;
}
/* FONT */
.movie_txt {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 50px;
    margin-top: 20px;
    display: block;
    float: left;
    width: 100%;
    height: 50px;
    text-align: center;
}
.movie_title {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 50px;
    margin-top: 20px;
    display: block;
    float: left;
    width: 100%;
    height: 50px;
    text-align: center;
}
.movie_txt_01 {
	font-size: 15px;
	font-weight: bold;
	color: #E10000;
	text-align: left;
}
/* FONT */
.movie_txt_02 {
	width: 726px;
	font-size: 1.2em;
	font-weight: bold;
	color: #039;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 0;
	padding-left: 0;
	border-bottom: solid 1px #039;
	text-indent: 10px;
	margin-top: 10px;
	margin-right: 15px;
	margin-left: 15px;
	padding-bottom: 0px;
	margin-bottom: 5px;
}
.movie_txt_03 {
	font-size: 1.3em;
	line-height: 1.8em;
	font-weight: bold;
	color: #E10000;
	text-align: right;
	width: 726px;
}
.movie_txt_04 {
    font-size: 15px;
    font-weight: bold;
    color: #E10000;
    text-align: center;
}
.movie_txt_04 a:link {
    text-decoration: underline;
}
.movie_txt_04 a:hover {
    text-decoration: none;
}
.movie_txt_04 a:visited {
    text-decoration: underline;
}

.big_copy {
    font-size: 1.4rem;
    line-height: 2.2rem;
    font-weight: bold;
    margin-bottom: 10px;
}

.text_base_001 {
    font-size: 1.1rem;
    line-height: 2rem;
}

.text_base_001_gyoukai {
    font-size: 1.1rem;
    line-height: 2rem;
    float: left;
    margin-right: 20px;
    width: 180px;
    display: block;
}

/*                             */

.cp_table *, .cp_table *:before, .cp_table *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.cp_table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #CCC;
}
.cp_table th, .cp_table  td {
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    line-height: 2rem;
}
.cp_table th {
    width: 15%;
    text-align: left;
    background-color: #094D9B;
    line-height: 24px;
    font-size: 15px;
    color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    font-weight: bold;
}
.cp_table td {
    width: 90%;
}
.company-table{
	padding-top: 12rem;
	line-height: 2rem;
	width: 90%;
	margin-left: 5%;
}

.company-table th{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    vertical-align: top;
    box-sizing: border-box;
    padding-top: 12px;
    padding-bottom: 8px;
    font-size: 15px;
    padding-left: 5px;
}

.company-table td{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    vertical-align: top;
    box-sizing: border-box;
    padding-top: 12px;
    padding-bottom: 8px;
    padding-left: 5px;
    font-size: 15px;
}
/*                             */

.cp_table_no {
}
.cp_table_no th, .cp_table_no  td {
    border-bottom-style: none;
}

.indisp {
	background-color: #FFE8E5;
}
.cp_iptxt_zip input[type='text'] {
    font: 15px/24px sans-serif;
    box-sizing: border-box;
    width: 100%;
    padding: 3px;
    transition: 0.3s;
    letter-spacing: 1px;
    color: #3F3F3F;
    border: 1px solid #1b2538;
    border-radius: 4px;
}

/*                             */

div.form_txt {
    display: block;
    font-size: 1em;
    line-height: 2.1em;
    padding-left: 30px;
    padding-right: 30px;
    font-weight: bold;
}
.text_base_001_access_map a{
    font-size: 1rem;
    display: block;
    width: 40%;
    float: left;
    text-align: center;
    margin-top: 2%;
    margin-right: 2%;
    margin-bottom: 2%;
    vertical-align: middle;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding-top: 5px;
    padding-bottom: 5px;
}
.text_base_001_access_map a:hover{
    font-size: 1rem;
    display: block;
    width: 40%;
    float: left;
    text-align: center;
    margin-top: 2%;
    margin-right: 2%;
    margin-bottom: 2%;
    vertical-align: middle;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #DEDEDE;
}
.text_base_002_access_map a{
    font-size: 1rem;
    display: block;
    width: 25%;
    float: left;
    text-align: center;
    margin-top: 2%;
    margin-right: 2%;
    margin-bottom: 2%;
    vertical-align: middle;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding-top: 5px;
    padding-bottom: 5px;
}
.text_base_002_access_map a:hover{
    font-size: 1rem;
    display: block;
    width: 25%;
    float: left;
    text-align: center;
    margin-top: 2%;
    margin-right: 2%;
    margin-bottom: 2%;
    vertical-align: middle;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #DEDEDE;
}
.text_base_003_access_map a{
    font-size: 1rem;
    display: block;
    width: 150px;
    float: left;
    text-align: center;
    margin-top: 2%;
    margin-right: 2%;
    margin-bottom: 2%;
    vertical-align: middle;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding-top: 5px;
    padding-bottom: 5px;
}
.text_base_003_access_map a:hover{
    font-size: 1rem;
    display: block;
    width: 150px;
    float: left;
    text-align: center;
    margin-top: 2%;
    margin-right: 2%;
    margin-bottom: 2%;
    vertical-align: middle;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #DEDEDE;
}
.fixed {
    position: absolute;
    padding-top: 55px;
}

/*                             */
a.anchor{
    display: block;
    margin-top: -65px;
    padding-top: 65px;
    width: 200px;
}

/*---------- サイド -----------*/
.side{
    position: fixed;
    z-index: 9999;
    top: 10%;
    right: 0;
    margin-top: 0px;
    opacity: 0.9;
    width: 220px;
}

/* 前ページ、次ページボタン共通のスタイル */
.swiper-button-prev,
.swiper-button-next {
    width: 60px; /* ボタンの幅 */
    height: 70px; /* ボタンの高さ */
    background-size: 48px 48px; /* 背景画像としてのサイズ（＝表示したい画像サイズ） */
    margin-top: -24px; /* 縦中央配置用：ボタンの高さの半分のネガティブマージン（top:50%がすでに設定されている） */
}
/* 次ページボタンのスタイル */
.swiper-button-next {
	background-image: url(images/arrow-right.png);
}
/* 前ページボタンのスタイル */
.swiper-button-prev {
	background-image: url(images/arrow-left.png);
}

/* 新しい製品タイトルのスタイル */
.prod_new {
    background-image: url(../img/title_xxx_new.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    width: 100%;
    padding-top: 12px;
    padding-right: 5px;
    padding-left: 10px;
    padding-bottom: 10px;
    display: block;
    margin-top: 15px;
    min-height: 70px;
}
.prod_sub_new {
    width: 100%;
    height: 25px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    display: block;
    padding-left: 5px;
    padding-bottom: 5px;
}
.prod_main_new {
    width: 100%;
    height: auto;
    display: block;
}
.prod_t_s {
    color: #4D4D4D;
    font-size: 18px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    float: left;
    padding-left: 5px;
    padding-top: 5px;
    letter-spacing: -1px;
    width: auto;
}
.prod_t_s_off {
    color: #4D4D4D;
    font-size: 18px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    float: left;
    padding-left: 5px;
    padding-top: 5px;
    letter-spacing: -1px;
    width: auto;
}
.prod_t_m {
    color: #4D4D4D;
    font-size: 25px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    float: left;
    padding-left: 5px;
    letter-spacing: -1px;
    width: auto;
}
.prod_t_m_off {
    color: #4D4D4D;
    font-size: 25px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: bold;
    float: left;
    padding-left: 5px;
    letter-spacing: -1px;
    width: auto;
}
.prod_t_l {
    width: 100%;
    height: 55px;
    color: #454545;
    font-size: 2rem;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 300;
}
h2.prod_new_01 {
    width: 100%;
    margin-top: 10px;
}
/* インフォメーション*/

h1.info_title_00 {
    width: 100%;
    font-size: 1.4rem;
    font-weight: bold;
    color: #039;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 10px;
    padding-right: 0;
    padding-left: 0;
    border-bottom: solid 1px #039;
    text-indent: 10px;
    margin-top: 15px;
    line-height: 2.4rem;
    margin-bottom: 15px;
    padding-bottom: 5px;
    text-shadow: 2px 2px 2px #B2B2B2;
    height: auto;
    background-image: url(../common/img/h2_bg.jpg);
}
h2.info_copy_01 {
    font-size: 1.5rem;
    line-height: 2.2rem;
    font-weight: bold;
    margin-bottom: 20px;
    margin-left: 5%;
    width: 90%;
    border-bottom: 1px solid #6D6D6D;
    margin-top: 10px;
    padding-bottom: 5px;
}
h3.info_copy_02 {
    font-size: 1.3rem;
    line-height: 2.2rem;
    font-weight: bold;
    margin-bottom: 10px;
    margin-left: 5%;
    width: 90%;
    margin-top: 10px;
    border-bottom-width: 0px;
}
.info_img_001 {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}

.info_txt_001 {
    width: 90%;
    font-size: 1.1rem;
    line-height: 250%;
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 30px;
}

.info_txt_001_bold {
    line-height: 250%;
    font-weight: bold;
}

/* ***************************************************************************** */
}
@keyframes basePcShow {
 from {
 opacity: 0;
}
 to {
 opacity: 1;
}
}


@media screen and (max-height:768px), print {
.nav {
    margin-bottom: -1000px;
    position: relative;
}

}