@charset "UTF-8";

/*
	Theme Name: pantos
	Version: 1.0
	License: GNU General Public License
	License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

/* General Setting */
html,body{margin:0;border:0;padding:0;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',MS-Gothic;-webkit-text-size-adjust: 100%;-webkit-font-smoothing:subpixel-antialiased; -moz-osx-font-smoothing: grayscale; line-height:25px}
@keyframes fade-in{0%{display:none;opacity:0}1%{display:block;opacity:0}100%{display:block;opacity:1}}@-moz-keyframes fade-in{0%{display:none;opacity:0}1%{display:block;opacity:0}100%{display:block;opacity:1}}@-webkit-keyframes fade-in{0%{display:none;opacity:0}1%{display:block;opacity:0}100%{display:block;opacity:1}}
*{box-sizing:border-box}
h1,h2,h3,h4,h5,p{margin:0; padding:0;}
table{width:100%;border-collapse:collapse;border-spacing:0;}
th,td{padding:0; margin:0}
img{max-width: 100%;border: 0;-ms-interpolation-mode:bicubic;vertical-align: middle;}
a{selector-dummy:expression(this.hideFocus=true); outline: none; text-decoration:none; color:#116aac; text-decoration:underline}
a:focus, a:active, button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,select::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner {border: 0;outline : 0;}
a:hover{-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out; text-decoration:none;}
a:hover img,.hover:hover{opacity:.6;filter:alpha(opacity=60);-ms-filter: "alpha( opacity=60)";-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
a:active{color:#666}
.ns,.ns li, .ns dd, .ns dt, .ns ul{margin:0; padding:0;list-style:none;}
.cf:after,.webzine li:after{content:".";display:block;height:0; line-height:0;clear:both;visibility:hidden}
.cf,.webzine li{*+height:1%;}
.cb{clear:both}
.btn,.link_btn,.lbtn,.dark_btn{font-size:14px; color:#fff;  padding:10px 15px; line-height:1.2;  display:inline-block; position:relative; background-color:#116AAC; text-decoration:none; vertical-align:top}
.dark_btn{background-color:#003465}
.page_link .link_btn{font-size:14px; color:#fff; padding:10px 15px; line-height:1.2;  display:inline-block; position:relative; background-color:#116AAC; text-decoration:none;}
.down_btn{font-size:14px; color:#fff; padding:10px 15px; line-height:1.2; padding-right:40px; display:inline-block; position:relative; background-color:#116AAC; text-decoration:none;}

.btn:after{box-sizing: border-box;position: absolute;right:15px; top:0; bottom:0; margin: auto;content: "";vertical-align: middle;width:8px;height:8px;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.link_btn:after{content: "";position: absolute; width:20px; height:16px; right:15px; top:50%; margin-top:-8px; background:url(./img/icon/link.gif) no-repeat left top }
.link_btn2l:after{content: "";position: absolute; width:20px; height:16px; right:15px; top:50%; margin-top:-8px; background:url(./img/icon/link.gif) no-repeat left top }
.link_btn3:after{content: "";position: absolute; width:20px; height:16px; right:15px; top:50%; margin-top:-8px; background:url(./img/icon/link2.gif) no-repeat left top }




.down_btn:after{content: "";position: absolute; width:16px; height:14px; right:15px; top:50%; margin-top:-7px; background:url(./img/icon/down.gif) no-repeat left top }



.btn.d:after{-webkit-transform: rotate(135deg);transform: rotate(135deg);}
.btn.l:after,.btn.back:after{display:none}
.btn.l{padding-left:25px}
.btn.l:before{box-sizing: border-box;position: absolute;left:10px; top:0; bottom:0; margin: auto;content: "";vertical-align: middle;width:8px;height:8px;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.btn.back:before,.dark_btn:before{box-sizing: border-box;position: absolute;left:10px; top:0; bottom:0; margin: auto;content: "";vertical-align: middle;width:8px;height:8px;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform: rotate(-135deg);transform: rotate(-135deg);}
.btn.back,.dark_btn{padding-left:25px}
.gray_title{line-height:15px; padding:10px; color:#fff; background-color:#878787; text-align:center; font-size:14px; margin-bottom:15px; font-weight:normal}


.t_line .btn.l:before{ top:-18px}
.link_area .btn{padding:10px 15px; padding-right:5px; line-height:1.2; width:305px; text-align:left; margin:5px; text-align:center}
.link_area.t_line .btn{line-height:1.2; padding:5px 25px; margin:10px 50px}
.link_area .lbtn{padding:0; padding-left:25px; line-height:32px; width:250px; text-align:left; margin:5px}




.dot li{padding-left:15px; position:relative; line-height:1.2; margin-top:7px}
.dot li:first-child{margin-top:0}
.dot li:before{position:absolute; content:""; left:0; top:4px; width:10px; height:10px; border-radius:50%; background-color:#ddd}
.dark_title{background-color:#003465; font-weight:bold; padding-left:20px; line-height:40px; color:#FFF; margin-bottom:15px; font-size:14px}
#breadcrumb i{margin:0 5px;display:inline-block; width:15px; height:15px; position:relative}
#breadcrumb i:after{box-sizing: border-box;position: absolute;left:3px; top:8px; margin: auto;content: "";vertical-align: middle;width:5px;height:5px;border-top: 1px solid #888;border-right: 1px solid #888;-webkit-transform: rotate(45deg);transform: rotate(45deg);}

#right{font-size:14px}
#search_banner_area{background-color:#003465; padding:15px; margin-bottom:10px}
#search_banner_area h2{position:relative; color:#fff; text-align:center; margin-bottom:15px; font-size:14px}
#search_banner_area input{width:100%; height:35px}
#search_banner_area td input{background-color:#116AAC; color:#fff; border:none; font-size:14px; cursor:pointer}
#search_banner_area th input{font-size:12px; padding:0 10px}
#search_banner_area table{margin-bottom:15px}
#search_banner_area .btn{width:100%}

#banner_pdf{position:relative; border:1px solid #dcdcdc}
#banner_pdf a{position:absolute;}

.widget_box h2{text-align:center; font-size:14px; color:#fff; line-height:45px; background-color:#003465; position:relative}
.widget_box2 h2{text-align:center; font-size:14px; color:#fff; line-height:45px; background-color:#000080; position:relative}
.widget_contents{border:1px solid #dcdcdc; border-top:none; padding:10px}
.widget_contents li a{text-decoration:none; line-height:1.3; display:block; padding-bottom:10px; margin-bottom:15px;border-bottom:1px solid #dcdcdc; color:#222}
.widget_contents li a span{display:block; font-size:14px; margin-bottom:5px; color:#3399ff}
.widget_contents .btn{width:60%;}

.img_center_middle{line-height:180px; text-align:center; margin-bottom:15px}
.img_center_middle img{margin:0 5px}

#recruit_banner a{text-decoration:none; font-weight:bold; display:block; padding-left:10px;background:url(img/banner/banner7.jpg) no-repeat center right #116AAC; color:#fff;line-height:78px; background-size:auto 78px}

.box h2{background-color:#F4F4F4;border-bottom:3px solid #116aac; padding:15px 0px 15px 15px; font-size:18px; text-align:left; font-weight:bold; position:relative}
.box_contents{padding:15px; font-size:14px}
.box h2 span em,.widgets h2 span em{font-size:12px; font-style:normal; color:#fff; background-color:#14A3EA; font-weight:normal; display:inline-block; width:150px; text-align:center; line-height:25px; border-radius:5px; text-decoration:none; margin:0 5px}
.box h2 i{display: inline-block; background-color: #2c2c2c; color: #fff; margin-left:15px; line-height: 2; font-size: 14px; padding: 0 10px; border-radius:3px; font-style: normal}.box_contents dt{text-align:center;}

.link_area{text-align:center; margin-top:15px}

#main{font-size:14px}
.sub_title{background-color:#EEE; border-left:3px solid #116AAC; font-size:18px; padding:13px 0; padding-left:20px; margin-bottom:15px; line-height:20px; margin-top:30px}
.sub_title.x{margin-top:0}

.sub_title h2 i,#sub_top h1 i{display: inline-block; background-color: #2c2c2c; color: #fff; margin-left:15px; line-height: 2; font-size: 14px; padding: 0 10px; border-radius:3px; font-style: normal}.box_contents dt{text-align:center;}



.table{border-top:1px solid #dcdcdc; margin-bottom:30px}
.table.x{border-top:0}
#contact .table{margin-bottom:0}
.table th, .table td{border-bottom:1px solid #dcdcdc; padding:10px 15px}
.table th,.table td.th{vertical-align:top; font-weight:normal; background-color:#F3F7FA; text-align:left; white-space:nowrap}

.table th span{color:#F00}
.table th em{font-style:normal; font-size:12px}

.table td{font-size:14px}
.table .x th,.table .x td{border:none; padding:0; margin:0}
.table .x th{background:none;}
.table_title {font-size:14px; border-bottom:1px solid #005DA1; border-left:5px solid #005DA1; margin-bottom:15px; padding:5px 10px}

#contact .table td span{display:inline-block}
#contact .table td span.error{display:block; color:#F00; margin-bottom:0; margin-top:10px}
#contact .table th.t_s_title{text-align:center; background-color:#A3BACE}
#contact .zu{margin-bottom:20px}
.table td span{display:block; line-height:1.5; margin-bottom:10px}
.table td span.mwform-radio-field,.table td span.mwform-radio-field span,.table td span.mwform-tel-field{margin-bottom:0}
.table td p{font-size:12px}
.table td em{display:inline-block; width:47px; text-align:right; margin-right:10px; font-style:normal}

#contact label{cursor:pointer}
#contact input[type=text],input[type=email],#contact textarea{border:1px solid #ddd; padding:5px 10px;}
#contact input[type=text],input[type=email]{width:80%}
#contact textarea{width:100%}
#contact .mwform-tel-field input[type=text]{width:60px}
.webzine{margin-bottom:40px}
.webzine li {border-bottom:1px solid #ddd; padding:20px;}
.webzine li h3{color:#003465; font-size:14px; font-weight:bold}

.ss_title{color:#000; font-size:14px; position:relative; padding-left:20px}
.ss_title:before{position:absolute; left:0; top:0; bottom:0;margin: auto; content:""; width:12px; height:12px; background-color:#116AAC;}

.blue_box{background-color:#E7F0F6; padding:20px}
.blue_box h4{color:#0068AE}
.blue_box div{border:1px solid #dcdcdc; font-size:15px; background-color:#fff; padding:15px; margin-bottom:15px}
.blue_box div th{text-align:left; vertical-align:top; font-weight:normal}
#youto img{margin-bottom:15px}

#copyright{background-color:#003465; color:#fff}

#pageTop.fix{position:fixed; right:0; bottom:0; left:0; z-index:666;}
#pageTop a{display:block; float:right; background-color:#003465; position:relative}
#pageTop a:before,#pageTop a:after{position:absolute; content:"";}

.product_h3{ font-size:14px; font-weight:bold;border-bottom:2px solid #EEE;margin-bottom:20px;}
.product_h3 a{padding:0 20px; padding-left:30px; border-top-right-radius:8px; background-color:#eee; text-decoration:none; display:inline-block; position:relative}
.product_h3 a:before{box-sizing: border-box;position: absolute;left:10px; top:0; bottom:0; margin: auto;content: "";vertical-align: middle;width:8px;height:8px;border-top:2px solid #116aac;border-right:2px solid #116aac;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.send_box button{cursor:pointer;display: inline-block;padding: 10px 50px;text-decoration: none;border: 0;font-size: 14px;font-weight: bold;position: relative;margin:0 10px;}
.send_box .send{background-color: #336699;color: #fff;}
.send_box .back{background-color: #ddd;color: #555}
#thanks{text-align:center; margin:50px 0}
#thanks h3{font-size:24px; margin-bottom:20px}
.search_post,.news{margin-bottom:15px}
.search_post p,.news p{font-size:14px; line-height:1.5}
.news .date{font-size:13px; color:#777}
.wp-pagenavi{text-align:center}
.wp-pagenavi .pages{display:none}
.wp-pagenavi a, .wp-pagenavi span{display:inline-block; width:25px; height:25px; font-size:12px; line-height:25px; text-align:center; margin:0 5px; background-color:#fff; border:1px solid #116AAC; color:#116AAC; text-decoration:none}
.wp-pagenavi a:hover,.wp-pagenavi .current{background-color:#116AAC; color:#fff}
#news_single .sub_title{margin-bottom:30px}
.date{text-align:right; color:#777; font-size:12px; margin-bottom:20px}


#product_top dt h3{ text-align:left; font-weight:normal; font-size:14px; margin-top:10px}
#product_top dt h3 span{display:block;font-size:17px; color:#003465; font-weight:bold}
#product_top dd h3{font-size:18px; text-align:center; font-weight:normal; margin-bottom:20px}
#product_top dd p{margin-bottom:10px}
#product_top_desc{ margin:20px 0}
.blue{color:#003465;}
@media screen and (min-width: 641px){
.sp{display:none;}
body{min-width:1000px; font-size:14px;}
.wrap{width:960px; margin:0 auto}
#header{background-color:#fff;}
#header_contents{height:80px; border-bottom:1px solid #ddd}
#header_contents .wrap{position:relative}
#header_contents ul{position:absolute; left:200px; top:27px}
#header_contents ul li{float:left; margin-right:25px}
#logo{position:absolute; left:0; top:20px}
.pc_en{position:absolute; right:0; top:0; display:block; line-height:35px; height:36px; width:160px; text-align:center; background-color:#eee; text-decoration:none; color:#222}
.pc_en:hover{background-color:#116aac; color:#fff}

#nav_wrap{position:relative; height:50px}
#g_menu{width:960px; margin:0 auto; padding:5px 0; z-index:9999}
#g_menu li{float:left; position:relative}
#g_menu li a{display:block; text-decoration:none; padding:13px 0;color:#222;}
#g_menu li a span{display:block; height:14px; line-height:14px; text-align:center; width:160px; border-right:1px solid #ddd; }
#g_menu li:first-child a span{border-left:1px solid #ddd}
#g_menu li.active a span{color:#003464;}

#g_menu li:hover a{background-color:#003464; color:#fff;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
#g_menu li:hover a span{color:#fff; border:none}

#g_menu li ul{position:absolute; visibility:hidden; opacity:0; left:0; top:40px; width:330px; background-color:#003464; padding:10px; z-index:9999}
#g_menu li:hover ul{ visibility:visible; -webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;opacity:1;}
#g_menu li ul li{float:none;}
#g_menu li ul li a {text-align:left; color:#fff; padding:0; line-height:25px}
#g_menu li ul li a:hover,#g_menu li ul li.active a{text-decoration:underline}

#g_menu li a:hover,#g_menu li.current-menu-item a{color:#116aac;}

#g_menu.fix{position:fixed; width:100%; left:0; top:0; z-index:9999; background-color:#fff}
#g_menu.fix .menu{width:960px; margin:0 auto;}
#container{margin-top:40px}
#product_top dt{text-align:center}

#main{float:left; width:660px}
#right{float:left; width:260px; margin-left:40px}

#search_banner_area h2{padding-top:45px; font-size:14px; background:url(img/icon/search_icon.gif) no-repeat center 10px;}
#banner{margin-bottom: 5px}
#banner li{display:table; margin-bottom:5px; width:100%;table-layout:fixed}
#banner li a{display:block; background-color:#a7d7fb; border:1px solid #a7d7fb; text-decoration:none; color:#222; padding-left:10px; line-height:1.2; font-weight:bold;}
#banner li a img{float:right}
#banner li a span{display:table-cell; height:78px; vertical-align:middle;}
#banner li.x a{background-color:#dbd780; border:1px solid #dbd780;}
#banner li.x a span.sp{display:none}
#banner_pdf{margin:10px 0}
#banner_pdf a.link_btn{display:block; width:90%; left:5%; top:90px}
#kes_txt{display:block; text-align:center; position:absolute; width:100%; top:48%}
#kes_pdf{display:block;position:absolute;top:60%; text-align:center; width:100%}
#kes_pdf img{width:50%; }
.widget_box{margin-bottom:10px}

#recruit_banner{border:1px solid #dcdcdc; }
.box{margin-bottom:30px}
.box h2{line-height:40px;}
.box_contents dl{display:table; width:100%; table-layout:fixed}
.box_contents dt,.box_contents dd{display:table-cell; vertical-align:middle}
.box_contents dt{width:42%; text-align:center;}
.box_contents dd{width:55%; padding-left:3%}
.box h2 span,.widgets h2 span{float:right; margin-right:15px; margin-top:-3px}

.widget_two_column .box{float:left; width:315px}
.widget_two_column .box:nth-child(odd){margin-right:30px}
.widget_two_column .link_area .btn{width:100%}
#product_top dl{display:table; width:100%; table-layout:fixed}
#product_top dt,#product_top dd{display:table-cell; vertical-align:middle}
#product_top dt{width:45%}
#product_top dd{width:52%; padding-left:3%}

.view_link{margin-top:30px}
.view_link a{width:325px;}
.view_link .link_btn{ margin-right:10px}

.table td span{margin-right:15px}

#contact .table td span{margin-right:0}

.table td dt,.table td dd{float:left}
.table td dt{width:100px; vertical-align:top}
.table .x th{width:215px}
#contact .zu a{float:right; display:block; margin-left:20px}
#contact .table th{width:160px}

.webzine li div{float:left; margin-right:20px}
.blue_box div th{width:100px}
#pageTop a{margin-top:-60px; height:60px; width:60px; text-decoration:none; font-size:12px; text-align:center; color:#fff; line-height:85px}
#pageTop a:before{width:2px; left:50%; margin-left:-1px; top:12px; height:20px; background-color:#fff}
#pageTop a:after{left:50%; margin-left:-8px; top:14px; width:14px;height:14px;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}



#copyright{height:110px}
#copyright .wrap{text-align:right; padding-top:30px;}
#footer{margin-top:70px}
#footer_logo{float:left}
#footer_top{margin-bottom:15px}
#footer_top nav{float:left; margin-left:30px; margin-top:15px}
#footer_top nav li{float:left}
#footer_top nav li a{display:block; border-right:1px solid #666; padding:0 15px; line-height:15px}
#footer_top nav li:first-child a{border-left:1px solid #666}
#footer_top nav li a:hover,#footer_top nav li.current-menu-item a{color:#222; text-decoration:none}
}
@media screen and (max-width: 640px){
.pc{display:none}
body{font-size:14px;}

#header{height:50px; border-bottom:1px solid #D0D0CE; position:fixed; left:0; top:0; width:100%; z-index:9999; background-color:#fff}
#logo{position:absolute; left:10px; top:10px; display:block}
#logo img{height:30px;}
.o_p{position:absolute; cursor:pointer; display:block;width:50px;height:50px; text-align:center; line-height:0;top:0; text-decoration:none}
.o_p a{position:relative; width:18px; height:12px; margin-top:19px}
.o_p a,.o_p a span {transition: all .4s;box-sizing: border-box;display: inline-block;}
.o_p span { position: absolute;left:0; width:100%;height:2px;background-color:#fff;border-radius:2px;}
.o_p span:nth-of-type(1) {top:0;}
.o_p span:nth-of-type(2) {top:5px;}
.o_p span:nth-of-type(3) {bottom:0;}
.o_p.active a{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
.o_p.active span:nth-of-type(1) {-webkit-transform: translateY(6px) rotate(-45deg);transform: translateY(6px) rotate(-45deg);}
.o_p.active span:nth-of-type(2) {-webkit-transform: translateY(1px) rotate(45deg);transform: translateY(1px) rotate(45deg);}
.o_p.active span:nth-of-type(3) {opacity: 0;}

#menu_btn {right:0;background-color:#0068AE;}
#search_btn{right:50px;background:url(img/icon/search_icon.gif) no-repeat center center #003265; background-size:20px auto}
#search_btn.o_p a{opacity: 0;}
#menu_btn.active{background:none;}
#menu_btn.active span{background-color:#0068AE;}

#search_btn.active{background:none;border-left:1px solid #D0D0CE}
#search_btn.active span{background-color:#003265;}
#search_btn.o_p.active a{opacity:1;}

#search_area{padding:15px; background-color:#fff;width:100%; position:absolute; left:0; top:50px;border-bottom:1px solid #D0D0CE; display:none; z-index:9999}
#search_area table td{width:50px}
#search_area table td input{border:0; background-color:#0069AE; height:35px; color:#fff; width:100%; cursor:pointer; font-size:14px}
#search_area table th input{border:1px solid #0069AE; border-right:none; height:35px; width:100%; padding:0 10px}

#sp_menu{ position:absolute; left:0; top:50px; width:100%; background-color:#fff; overflow:auto; z-index:9999}
#sp_menu,#sp_menu li ul{display:none}
#sp_menu{padding:15px}

#sp_menu li li{border:none}
#sp_menu li a{font-size:17px; font-weight:normal; text-decoration:none; display:block; line-height:1; padding:10px 0; color:#222}
#sp_menu li.have_sub a{text-decoration:underline}
#sp_menu li.have_sub li a{text-decoration:none; padding:10px 15px; line-height:1; font-size:15px}
#sp_menu li.have_sub a span{position:relative}
#sp_menu li.have_sub a span:after{box-sizing: border-box;position: absolute;top:7px;right:-15px;margin: auto;content: "";vertical-align: middle;width:5px;height:5px;
border:5px solid transparent;border-left:5px solid #222;-webkit-transform:rotate(90deg);transform:rotate(90deg);}
#sp_menu li.have_sub.active a span:after{-webkit-transform:translateY(-5px) rotate(-90deg);transform:translateY(-5px) rotate(-90deg);}
#sp_menu li.have_sub li a span:after{display:none}
#sp_menu li.have_sub li a span{display:block}
#c_area{text-align:center; margin:10px 0}
#c_area a{display:block; margin-bottom:10px}
.en_btn{display:inline-block;line-height:35px; height:36px; width:160px; text-align:center; background-color:#eee; text-decoration:none; color:#222}
#container{padding-top:20px}

#right,#main{margin:0 10px}
#main{margin-bottom:20px}

#search_banner_area{margin-bottom:20px}
#search_banner_area h2 span{ display:inline-block; background:url(img/icon/search_icon.gif) no-repeat left center; background-size:25px auto; padding-left:35px; line-height:33px}
#banner li{margin-bottom:10px; width:48%; float:left}
#banner li.r{float:right}
#banner li a{display:block; background-color:#a7d7fb;text-decoration:none; color:#222;line-height:1.5; font-weight:bold;}
#banner li a img{float:right}
#banner li a span{display:block; text-align:center; font-size:3vw; line-height:2.5}
#banner li a span br{display:none}
#banner li.x a{background-color:#dbd780;}

#banner_pdf{margin:15px 0}
#banner_pdf a.link_btn{display:block; width:90%; left:5%; top:20%}
#kes_txt{display:block; text-align:center; position:absolute; width:100%; top:38%; font-size:5vw}
#kes_pdf{display:block;position:absolute;top:50%; text-align:center; width:100%}
#kes_pdf img{width:50%; }



.widget_box{margin-bottom:15px}
.widgets_contents dt,.two_column dd{text-align:center; margin-bottom:15px}

.box{margin-bottom:20px}
.box h2{line-height:25px; padding:15px}
.box h2.has_icon,.widgets h2.has_icon{margin-bottom:70px}

.box h2 span,.widgets h2 span{display:block; width:100%; text-align:center; position:absolute; top:65px; left:0; line-height:1.5}
.box h2 span em,.widgets h2 span em{width:auto; padding:0 10px}

.view_link{margin-top:20px}
.view_link a{display:block; width:100%; margin-bottom:15px}
.table th{padding:5px 15px}
.table th, .table td{display:block; width:100%}
.table td dl{margin-bottom:10px}
.table td dt{font-weight:bold}
.table td dd{line-height:1.2}
.table td dd br{margin-bottom:10px}
.table .x td{padding-bottom:10px; line-height:1.2}
#product_top dt{text-align:center}
.webzine li div{text-align:center; margin-bottom:15px}
.webzine li h3{text-align:center}
.blue_box div th{font-weight:bold}
.blue_box div th,.blue_box div td{ display:block; width:100%}
.blue_box div td{ white-space:normal;word-break: break-all; line-height:1.2; padding-bottom:10px}
#pageTop a{margin-top:-40px; height:40px; width:40px;text-indent:-9999em; margin-right:10px}
#pageTop a:before{left:9px; top:14px; width:20px;height:20px;border-top:2px solid #fff;border-right:2px solid #fff;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}

#footer{margin-top:70px}
#footer_top{padding-left:10px; height:35px; margin-bottom:5px}
#footer_top a{display:block;}
#copyright{display:table; width:100%; padding:10px;table-layout:fixed}
#copyright .wrap{line-height:1.2; display:table-cell; vertical-align:middle}

}


.recorder_readright{text-align:right;margin:0;}
.small_font{font-size:12px;}


.send_box {
	margin: 20px auto;
	text-align: center;
}


.flowmeter_fontread{font-size:24px;font-weight:bold;}
.flowmeter_fontsubread{font-size:18px;font-weight:bold;}
.flowmeter_fontsubread2{font-size:15px; line-height:1.9;}

body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}

.meter-banner {　/* 任意の名前 */
    position: fixed;　/* バナーを固定位置に配置 */
    margin: 15px 20px;
    z-index: 99998;　/* 他の要素より前面に表示 */
	bottom: 50px;　/* バナーの下端からの設置位置 */
	right: 0px;　/* バナーの右端からの設置位置 */
}
.meter-banner-close {
    font-weight: bold;
    position: absolute;
    top: 0px;　/* 閉じるボタンのトップからの設置位置 */
    right: 0px;　/* 閉じるボタンの右端からの設置位置 */
    z-index: 99999;　/* 他の要素より前面に表示 */
    padding: 4px 8px;
    border: none;
    background-color: #f8f8f8;
    border-radius: 25px;
    cursor: pointer;
    -webkit-box-shadow: 0 0 7px rgb(0 0 0 / 40%);
    box-shadow: 0 0 7px rgb(0 0 0 / 40%);