<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body { margin: 0px; color:#333333; background-color:#FFFFFF;   font-family:Verdana,Roboto,"Droid Sans","ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ ProN W3","Hiragino Kaku Gothic ProN","ãƒ¡ã‚¤ãƒªã‚ª",Meiryo,sans-serif; font-size:16px; }
body,td { text-decoration:none; }
a img { border:none; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
html { overflow-y:scroll; }
img { max-width:100%; height:auto; border: 0; }
.img-responsive { display:block; width:100%; height:auto; }
.grid { float:left; display:block; width:100%; margin:0; padding:0; }
.grid:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; }
.grid &gt; .col { width:100%; }
.flexbox { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
.flexbox img { vertical-align: middle; }
#sm-nav-btn { position:absolute; top:0; right:5px; display:none; z-index:9999; }

.mainbody { width:100%; overflow:hidden; }
.maintablebox { margin:0px; padding:0px; }
.maintablebox2 { margin:0 auto; padding-left:0px; padding-right:0px; padding-top:20px; background-image: url();   }
div#header_box { width:100%;   }
div#top_baner1_box { width:100%; background-color:#162772;  }
div#top_baner2_box { width:100%;   }
div#top_baner3_box { width:100%;   }
div#foot_baner_box { width:100%;   }
div.maintablebox2_outerbox { width:100%;   }
div.footbackground {   }
div.menut{ clear: left; width:; text-align:left; vertical-align:text-top; }
div.navi_new { width:200px; float:left;  }
div.document_new { text-align:left; }
div.document_new_r { margin-left:-200px; float:right; width:100%; }
div.document_new_r_contents { margin-left:200px; }
.menubt ul { margin:0px; padding:0px; list-style:none; }
.menubt ul li {  padding:0px; list-style:none; }
.menubt a { margin:0px; padding:5px; display:block; width:; height:2.2em; overflow:hidden; font-size:0.9em; font-weight:bold; color:; background-color:; text-decoration:none; text-align:center; border:solid 1px ; }
.menubt a:link { margin:0px; padding:5px; display:block; width:; height:2.2em; overflow:hidden; font-size:0.9em; font-weight:bold; color:; background-color:; text-decoration:none; text-align:center; border:solid 1px ; }
.menubt a:visited { margin:0px; padding:5px; display:block; width:; height:2.2em; overflow:hidden; font-size:0.9em; font-weight:bold; color:; background-color:; text-decoration:none; text-align:center; border:solid 1px ; }
.menubt a:hover { margin:0px; padding:5px; display:block; width:; height:2.2em; overflow:hidden; font-size:0.9em; font-weight:bold; color:; background-color:; text-decoration:underline; text-align:center; border:solid 1px ; }
#sm-nav { position: absolute; top: -1000px; width:70%; height: auto; z-index: 999; /* box-shadow: 0 0 3px 0 #333; */ padding: 5px; }
ul.global_nav_list { margin: 0 auto; padding: 0; line-height: 2em; }
ul.global_nav_list li.gnav_sub_head { border-bottom:none !important; list-style: none; background: none; text-indent: 0px; font-weight: bold; }
ul.global_nav_list li:last-child { border-bottom:none !important; }
ul.global_nav_list_disc { list-style-image: none !important; list-style-type: disc !important; list-style-position: inside !important; }
ul.global_nav_list_icon { list-style: none; }
ul.global_nav_list li { padding: 5px 10px; }
ul.global_nav_list_icon li { background-image: url("/image/icon/sp_menu_icon.png"); background-repeat: no-repeat; background-position: 97% 50%; text-indent: 0; }
ul.global_nav_list li a { text-decoration: none; display: block; font-weight: normal !important; }
ul.global_nav_list_disc li a { display: inline-block; }
.global_nav_list li a { color: #333333 !important; }
.global_nav_list li a:visited { color: #333333 !important; }
.global_nav_list li a:hover { color: #333333 !important; }
.global_nav_list li a:active { color: #333333 !important; }
.global_nav_list li { border-bottom: 1px solid #e6e6e6; }

.mov { border: solid 1px #999999; background-color:#000000; }
#read_brws_link_box a { font-size:1px; text-indent: -10000px; position:absolute; top:0; left:0; }
table.mainw{ width:; margin-top:0px; margin-bottom:0px; margin-right:auto; margin-left:auto; }
td.navi { width:; vertical-align:top; text-align:left; }
td.naviR { width:; vertical-align:top; text-align:right; }
td.document { width:; vertical-align:top; text-align:left;  }
td.toplimg { text-align:center; vertical-align:top; }
td.rcaption { text-align:center; vertical-align:text-top; }
td.qrcode { width:174px; text-align:center; vertical-align:text-top; }
table.news { width:100%; border-style:none; font-size:13px; }
table.news td { text-align:left; }
div.news_list { width:100%; border-style:none; font-size:1em; }
div.news { width:100%; border-style:none; position:relative; }
div.news h3 { margin:0px; padding:0px; display:inline; }
div.news h2 { margin:0px; padding:0px; display:inline; }
div.name { text-align:right; border-style:none; padding-left:20px; padding-right:20px; margin-top: 13px; }
div.footselect { width:100%; height:7px; background-image:url(/image/bar/); background-repeat:repeat-x; }
div.topmenuarea { width:; margin-top:0px; margin-bottom:0px; margin-right:auto; margin-left:auto; }
.mainbody a:link { color:#4255a8; text-decoration:none; }
.mainbody a:visited { color:#4255a8; text-decoration:none; }
.mainbody a:hover { color:#4255a8; text-decoration:underline; }
div.menutR{ clear: left; width:; text-align:left; vertical-align:text-top;  }

img.button { width:100px; height:25px; margin-top:5px; margin-bottom:5px; border-style:none; }
img.topl { width:140px; height:64px; margin-top:5px; margin-left:0px; border-style:none; }
img.topr { width:140px; height:64px; margin-top:5px; margin-left:0px; border-style:none; }
div.rcaptionex h1 { font-weight:bold; font-size:15pt; text-align:center; }
div.rcaptionex span { padding-left: 90px; font-weight:bold; font-size:15pt; text-align:center; }
div.rcaption h1 { font-weight:bold; font-size:15pt; text-align:center; }
div.rcaption span { padding-left: 90px; font-weight:bold; font-size:15pt; text-align:center; }
div.rcaption { margin-top:5px; margin-left:10px; width:; height:64px; padding-top:5px; background-image:url(/image/topr/); background-repeat:no-repeat; background-position:top center; }
div.ccaption { width:400px; height:32px; padding-top:7px; padding-left:40px; background-image:url(); background-repeat:no-repeat; font-weight:bold; font-size:13pt; }
div.rcaptionex {  margin-top:0px; margin-left:0px; padding-top:0px; background-image:url(/image/topr/); background-repeat:no-repeat; background-position:top center; }
div.menu_space { height:10px; }
div.document_space { height:10px; }
div.news_scroll { width:100%; height:300px; overflow-y:auto;  }
div.news2_scroll { width:100%; height:300px; overflow-y:auto;  }
div.vmode_scroll { width:100%; height:0px; overflow-y:auto;  }
div.toplimg_new { width:140px; text-align:center; vertical-align:top; float:left; }
div.rcaption_new { margin-top:5px; margin-left:10px; width:520px; height:64px; padding-top:5px; background-image:url(/image/topr/); background-repeat:no-repeat; background-position:top center; float:left; }
div.rcaption_new h1 { font-weight:bold; font-size:15pt; text-align:center; }
div.rcaption_new span { padding-left: 90px; font-weight:bold; font-size:15pt; text-align:center; }
div.qrcode_new { width:174px; text-align:center; vertical-align:text-top; float:left; }
div.toprimg_new { vertical-align:text-top; text-align:left; float:left; }
div.blockend { clear:both; }
div.blockend_br { padding-top:1em; clear:both; }
div.naviR_new { width:; float:left; }
;
div.document1_new { width:; }
div.document2_new { width:; float:left; }
a.rss { margin-left:4px; }
img.newsbar { vertical-align:bottom; }
td.p_nopad p { margin-top:0;padding-top:0; }
hr.news_head { height:1px; border:none; color:ffffff; background-color:#ffffff; }
hr.news2_head { height:1px; border:none; color:000; background-color:#000; }
hr.news_contents { height:1px; border:none; color:d9d9d9; background-color:#d9d9d9; }
hr.news2_contents { height:1px; border:none; color:000; background-color:#000; }
hr.youtube_head { height:1px; border:none; color:000; background-color:#000; }
hr.youtube_foot { height:1px; border:none; color:000; background-color:#000; }
div.at-content-box { margin-top:5px; }
div.at-content-text { text-align:left; }
.clear { clear:both; }

.center_box { margin:0 auto; width:100%; }
.left_box { text-align:left; width:100%; }
.right_box { text-align:right;  width:100%; }

div#font-size-change { font-size:16px; line-height:150%; text-align:center; }
div#font-size-change &gt; dl { margin:0px; }
div#font-size-change &gt; dl &gt; dt { float: left; font-size: 85%; margin-top: 5px; margin-right:2px;  }
div#font-size-change &gt; dl &gt; dd { float: left; border-radius:2px; margin-left: 2px; padding: 3px; min-width: 20px;
    background-color:#ffffff; border:1px solid #162772; color:#333;
}
div#font-size-change &gt; dl &gt; dd:hover { background-color:#dcdcdc; color:#333; }
dd.font-select { background-color:#dcdcdc !important; color:#333 !important; }
dd#font-size-normal { min-width: 30px !important; cursor:pointer; }
dd#font-size-small { font-size:75% !important; cursor:pointer; }
dd#font-size-big { font-size:130% !important; cursor:pointer; }

div#color-change { font-size:16px; text-align:center; }
div#color-change &gt; dl { margin:0px; }
div#color-change &gt; dl &gt; dt { float: left; font-size: 85%; margin-top: 5px; margin-right:2px;  }
div#color-change &gt; dl &gt; dd { float: left; cursor:pointer; border-radius:2px; margin-left: 2px; padding: 3px; width: 20px; }
div#color-change &gt; dl &gt; dd:hover {   }
dd#color-mode-default { width: 30px !important; background-color:#ffffff; border:1px solid #d9d9d9; color:#333333; }
dd#color-mode-white { background-color:#ffffff; border:1px solid #d9d9d9; color:#000000; }
dd#color-mode-black { background-color:#000000; border:1px solid #000000; color:#ffffff; }
dd#color-mode-blue { background-color:#0000aa; border:1px solid #0000aa; color:#ffffff; }

a img { border: none; }
a:hover img { opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }
img { vertical-align: bottom; }
.clear { clear: both; }

.tel-fax a { text-decoration: underline !important; }
 
#header_box { overflow: hidden; padding-bottom: 10px; }
#header_box a { color: #fff !important; }
#header_in { background-color: #162772; }

#top-menu { max-width: 1200px; margin: 0 auto; padding: 4px 5px 0 5px; height: 30px; }
#top-menu ul { float: right; margin: 3px 40px 0 0; padding: 0; font-size: 0.75em; }
#top-menu ul li { list-style: none; display: inline-block; padding: 0 0 0 17px; margin: 0 0 0 10px; }

.at_listmenu a { font-weight:bold !important; }

.font-sm { font-size:0.85em; }

div#font-size-change { float: right; margin: 0 15px 0 0; font-size: 0.8em; }
div#font-size-change &gt; dl &gt; dt { display: none; }
div#font-size-change &gt; dl &gt; dd { padding: 1px 3px !important; }

#site-info { clear:both; max-width:1200px; margin:15px auto 0 auto; }

h1#logo,div#logo { float: left; max-width: 350px; max-height: 90px; margin: 0 0 0 5px !important; }
img#shop-logo { display: inline-block; max-width: 360px; max-height: 90px; float: right; margin: 5px 10px 0 0; }

/* ã‚µã‚¤ãƒˆå†…æ¤œç´¢ãƒ•ã‚©ãƒ¼ãƒ&nbsp; */
.search_form { width: 190px; float: right; margin: 13px 15px 0 0; }
.search_form #field { float:left; width:150px; height:22px; line-height:19px; text-indent:6px; font-family:arial, sans-serif; font-size:1em; color:#333; background: #ffffff; border:solid 1px #ddd; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.search_form #space { float:left; width:2px; height:22px; line-height:19px; margin:0; padding:0; font-family: "Lucida Sans", "Lucida Sans Unicode",sans-serif; font-size:1px; border:none; }
.search_form #submit { cursor:pointer; float:left; width:34px; height: 22px; line-height:0; font-size:0; text-indent:-999px; color: transparent; background: url(/image/search/ico-search.png) no-repeat #162772 center;
border: 1px solid #162772; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.search_form .fclear { clear:both }

/* ãƒŠãƒ“ */
#top_baner1_box { clear: both; background-color: #f1f1f1 !important; border-bottom: solid 1px #fff; }
#top_baner1_box_in { padding: 0; }
nav &gt; ul#main-menu { clear: both; width: 100%; height: 44px; line-height: 44px; margin: 0; padding: 0; border-left: 1px solid #fff; }
nav &gt; ul#main-menu &gt; li { display: block; float: left; /* width: 16.66666666%;*/ width:14.256%; margin: 0; text-align: center; list-style: none; border-right: 1px solid #fff; }
nav &gt; ul#main-menu &gt; li &gt; a { color:#333 !important; font-size: 0.95em; display: inline-block; width: 100%; font-weight:bold; }
nav &gt; ul#main-menu &gt; li &gt; a:hover { background-color:#e7e7e7; text-decoration: none; color: #4255a8 !important; }
#search_catalog_btn {
    display: block;
    float: right;
    background-color: #162772;
    border-radius: 5px;
    padding: 5px;
    line-height: 1em;
    margin-top: 11px;
    margin-right: 15px;
    font-size:0.95em;
}

.common_inner { max-width:1200px; margin:0 auto; }
.main_inner { max-width:1200px; margin:0 auto; }
.free_inner { max-width:900px; margin:0 auto; }
.dir_free_inner { max-width:900px; margin:0 auto; }

#top_baner1_in { max-width:1200px; margin:0 auto; }

/* ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚¨ãƒªã‚¢ */
#top_baner2_box { background: #f1f1f1; }
#top_baner2_in { max-width:1200px; margin:0 auto; }
.nav li.activeSlide a { border: 1px solid #999 !important; }

.main_block_updown_img img { display: block; margin: 0 auto;}
.main_block1_box { background-color:#ffffff; padding:30px 0; }
.main_block2_box { background-color:#ffffff; padding:40px 0; border-top: solid 1px #d9d9d9; }
.tpc_box { background-color:#ffffff; padding:30px 0; }
.pku_box { background-color:#ffffff; padding:40px 0; border-top: solid 1px #d9d9d9; }
.pku2_box { background-color:#ffffff; padding:30px 0; }
.news_box { background-color:#ffffff; padding:30px 0; border-top: solid 1px #d9d9d9; }
.news2_box { background-color:#ffffff; padding:30px 0; }
.vmode_box { background-color:#ffffff; padding:30px 0; }
.youtube_box { background-color:#ffffff; padding:30px 0; }
.cover_box { background-color:#ffffff; padding:30px 0; }
.more_box { text-align:center; margin:20px 0; }

.footbackground { border-top:1px solid #d9d9d9; margin-top:20px; font-size: 0.85em; }

.footer-in { max-width:1000px; margin:0 auto; }
.footer-in h2 { margin:15px auto 20px auto; padding:0; text-align:center; }
.footer-in .col { border-left: 1px solid #d9d9d9; padding: 5px 0 5px 15px; background-color: #fff; margin-bottom:5px; }
.footer-in .col h3 { margin:0 0 5px 0; padding:0; font-size:1.1em; color:#162772; }
.footer-in ul { list-style:none; margin:0; padding:0; }
.footer-in .col li { margin: 0.5rem 0; }
.footer-in .col li a { color:#333; } 
.footer-in .col:last-child { border-right: 1px solid #d9d9d9; }

#footer-shop { text-align: center; margin-top:10px; padding: 20px 0; }
#footer-shop a { color: #333 !important; text-decoration: none; }
#copyright { text-align:center; background-color: #162772; color: #fff; padding:10px 0; font-size: 0.8em; }

/* ãƒ‹ãƒ¥ãƒ¼ã‚¹ */
#at_news1 { text-align: center; }
.news_scroll { width: 90% !important; margin: 0 auto !important; }
ul.top_news { margin: 2px 5px !important; }
ul.top_news li { padding: 10px 0; list-style: none; border-bottom: dotted 1px #ccc; overflow: hidden; }
ul.top_news li:first-child { border-top: dotted 1px #ccc; }
.top_news_title_box { padding: 0 10px !important; float: left; }
hr.news_contents { display: none; }
ul.top_news li a { color: #333 !important; }
ul.top_news li a:hover { color: #bbb !important; text-decoration: none; } 
img.newsbar { vertical-align: middle !important; }
a.rss img.newsbar { padding-bottom: 5px; }
.news_title { padding: 0 15px 0 0 !important; }
.at_news_cate1 { margin-left: 10px; }
.at_news_cate2 { margin-left: 10px; }
.at_news_cate3 { margin-left: 10px; }
.at_news_cate4 { margin-left: 10px; }
.at_news_cate5 { margin-left: 10px; }

.news { width: 90% !important; margin: 0 auto; }
.disp_news_title_box { margin-bottom: 20px; }


/* æ¤œç´¢ï¼ˆä¸­å¤®ï¼‰*/
#product_kensaku { margin: 30px auto; width: 80%; padding: 10px; text-align: center; background-color: #f1f1f1; font-size:0.9em; }
#mainform { margin: 5px auto; max-width: 750px; overflow: hidden; }
.mainform-frame { float: left; width: 93%; margin-right: 2px; border: solid 1px #aaa; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; height: 23px; }
.mainform-btn { float: left; border: solid 1px #555; background-color: #555; color: #fff; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
#product_kensaku_comment { clear: both; }

/* ã‚«ã‚¿ãƒ­ã‚°ç”¨CSS */
#catalog-menu-box { border:1px solid #d5d5d5; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 15px; padding: 15px 0; text-align:center; }
#catalog-menu-box ul { margin:0; padding:0; list-style:none; }
#catalog-menu-box li a {
    display: block;
    padding: 15px 0;
    margin: 5px;
    text-align: center;
    border: 1px solid #bbb;
    text-decoration: none;
}
#catalog-menu-box li a:hover { background-color:#bbb; }

#catalog-list-title { width: 100% !important; color: #162772; font-size: 1.5em; text-align: center; margin-top: 10px !important; font-weight: bold; }

#product_pan { margin-top: 40px; font-size: 1.1em; font-weight: bold; }
#product_list { list-style:none; margin:30px 0 0; padding:0; }
#product_list li { margin-bottom:15px; }
#product_list .product_item_box { margin:10px 5px 0; border: 1px solid #ccc; padding: 5px; min-height:100%; }
.product_item_box .item_img a { display:block; height:170px; text-align:center; }
.product_item_box .item_img img { height:100% !important; }
.product_item_box .item_name { padding:5px 0; font-size:1.1em; }
.product_item_box .item_desc { font-size:0.9em; }
#category_list { list-style:none; margin:0; padding:0; overflow:hidden; text-align:center; border-top:1px solid #aaa; border-bottom:1px solid #aaa; }
#category_list a { cursor: pointer; }
#category_list &gt; li { width:20%; display:inline-block; }
#category_list &gt; li &gt; a { padding:7px; display:block; font-weight:bold; }
#category_list li:hover &gt; ul &gt; li { height:auto; overflow:visible; }
#category_list li ul li:hover &gt; ul &gt; li { height:auto; overflow:visible; }
#category_list ul { width:200px; }
.category_list3:before { top:13px; }

.table-list { list-style:none; }

.item_cart { background-color: #4255a8; text-align: center; padding: 5px; margin: 5px 0 0; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.item_cart a { color:#fff !important; display:block; }
.product_inner .ccaption { margin-top:30px; }

/* ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ— */
.pku_cont1 .pku_cont_box { padding: 10px 0px !important; overflow: hidden; }
.pku-menu-list { margin:0 auto; padding:0; width: 90%; list-style:none; clear:left; }
.pku-menu-list li { width: 44%; float: left; margin: 0 3%; }
.pku-menu-list li a { display: block; width: 100%; text-decoration: none; background-color: #4255a8; color: #fff !important; text-align: center; border-radius: 5px; padding: 2px 5px; font-size: 0.9em; }

.pku_cont2 .pku_cont_box { background-color: #e1e1e1; padding: 0 0 17px 0 !important; overflow: hidden; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.pku_cont2 .pku_cont_list { padding: 0 5px 10px 5px !important; }

.pku_cont4 &gt; ul &gt; li { padding: 0 0.5% 5px 0.5% !important; }
.pku_cont4 a { display: block; padding: 15px 0; text-align: center; text-decoration: none; border: solid 1px #d9d9d9; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-size: 1.2em; color:#333 !important; }
.pku_cont4 a:hover { background-color: #f1f1f1; text-decoration: none; }

.pku_cont1 &gt; ul &gt; li { padding:0 2% 10px 2% !important; }
.pku_cont2 &gt; ul &gt; li { padding:0 1.5% 10px 1.5% !important; }
.pku_cont3 &gt; ul &gt; li { padding:0 3% 10px 3% !important; }

.pku_cont5 { max-width: 80%; }
.pku_cont5 &gt; ul &gt; li { padding: 0 3% 10px 3% !important; }

/* ã‚«ã‚¿ãƒ­ã‚°ãƒ€ã‚¦ãƒ³ãƒ­ãƒ¼ãƒ‰ */
#dl-table { border-collapse: collapse; width: 90%; margin: 15px auto 0 auto; }
#dl-table tr { border-bottom: solid 1px #d9d9d9; }
#dl-table th { width: 40%; padding: 10px 15px; font-weight: normal; }
#dl-table td { width: 60%; padding: 10px; font-size: 0.85em; }
#dl-table td img { display: inline-block; margin-right: 15px; vertical-align: middle !important; }
#dl-table th ul { margin: 10px 0 0 7px; padding: 0; }
#dl-table th li { background: url(/files/icon-arrow1.png) no-repeat 0% 50%; padding: 6px 0 6px 18px; list-style:none; }
#dl-table td ul { margin: 10px 0 0 0; padding: 0; }
#dl-table td li { padding: 6px 0; list-style:none; }

/* è€ç’°å¢ƒåˆ†é¡ž */
.taikankyo { margin: 0; padding: 0; overflow: hidden; }
.taikankyo &gt; li { width: 13.8857%; width: calc(100% / 3 - 1.6%); list-style: none; float: left; margin: 0 0.2% 10px 0.2%; padding: 25px 0; text-align: center; background-color: #e0e7f4; border: #ced8ea 1px solid; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.taikankyo &gt; li { width: 23.4%; width: calc(100% / 3 - 1.6%);  margin: 0 0.8% 20px 0.8%; padding: 15px 0; }
.kata { margin-bottom: 12px; font-size: 1.2em; font-weight:bold; }
.taikankyo ul.pku-menu-list { width: 94%; }
.taikankyo ul.pku-menu-list li { width: 46%; margin: 0 2%; }


/* ãƒ†ã‚­ã‚¹ãƒˆ */
.txt-red { color: #ff0000; }
.txt-blue { color: #1c9ffc; }
.txt-orange { color: #ef7c01; }
.p-top-text { text-align: center; margin: 20px 0; }
.f-b-blue { color: #1c9ffc; font-weight: bold; font-size: 1.1em; }
.f-b-orange { color: #ef9701; font-weight: bold; font-size: 1.1em; }

/* ãƒ†ãƒ¼ãƒ–ãƒ« */
.table-style1 { border-collapse: collapse; border: solid 1px #ccc; margin: 15px 0; font-size: 0.95em; }
.table-style1 th { width: 15%; padding: 9px 10px; font-weight: normal; border: solid 1px #ccc; }
.table-style1 td { padding: 9px 10px; border: solid 1px #ccc; }

.table-style2 { border-collapse: collapse; border: solid 1px #ccc; margin: 15px 0; font-size: 0.9em; }
.table-style2 th { padding: 9px 10px; font-weight: normal; text-align: center; border: solid 1px #ccc; background-color: #eaf1e8; }
.table-style2 td { padding: 9px 10px; text-align: center; border: solid 1px #ccc; }

.table-style3 { width: 100%; border-collapse: collapse; border: solid 1px #ccc; margin: 15px 0; font-size: 0.85em; }
.table-style3 th { padding: 6px 3px; font-weight: normal; text-align: center; border: solid 1px #ccc; background-color: #eaf1e8; line-height: 1.6em; }
.table-style3 td { padding: 10px 3px; text-align: right; border: solid 1px #ccc; font-size: 0.9em; }

.table-style4 { border-collapse: collapse; border: solid 1px #ccc; margin: 15px 0; font-size: 0.95em; }
.table-style4 th { padding: 9px 10px; font-weight: normal; text-align: center; border: solid 1px #ccc; background-color: #eaf1e8; }
.table-style4 td { padding: 9px 10px; text-align: left; border: solid 1px #ccc; }

.deliv-table { border-collapse: collapse; border: solid 1px #ccc; margin: 15px 0; font-size: 0.95em; }
.deliv-table th { width: 15%; padding: 9px 10px; font-weight: normal; border: solid 1px #ccc; }
.deliv-table td { padding: 9px 10px; border: solid 1px #ccc; }
.deliv-table td.td-price { text-align:center; }

.scroll{ overflow: auto; white-space: nowrap; }
.scroll::-webkit-scrollbar{ height: 5px; }
.scroll::-webkit-scrollbar-track{ background: #F1F1F1; }
.scroll::-webkit-scrollbar-thumb { background: #BCBCBC; }

#dir_free_area1 table { border-collapse: collapse; border: solid 1px #ccc; margin: 15px 0; }
#dir_free_area1 th { padding: 9px 10px; font-weight: normal; text-align: center; border: solid 1px #ccc; background-color: #eaf1e8; }
#dir_free_area1 td { padding: 9px 10px; text-align: right; border: solid 1px #ccc; }

.tec-title { border-left:30px solid #d29299; font-size:1.3em; padding-left:0.5em; }
#dir_free_area1 dl dt { border-left:20px solid #d29299; font-size:1.2em; padding-left:0.5em; margin:20px 0 10px; font-weight:bold; }

.free_inner h4 { border-left:20px solid #d29299; font-size:1.2em; padding-left:0.5em; }

.tbl-50 { width: 50%; }
.tbl-bg-gray { background-color: #eaf1e8; }

/* ãƒªã‚¹ãƒˆ */
.dl-style1 { max-width: 900px; }
.dl-style1 dt { float:left; clear:left; width: 95px; }
.dl-style1 dd { float:left; margin: 0 0 15px 0; max-width: 805px; }
.dl-style2 { max-width: 900px; }
.dl-style2 dt { float:left; clear:left; width: 75px; }
.dl-style2 dd { float:left; margin: 0 0 15px 0; max-width: 825px; }
.dl-style3 { max-width: 900px; }
.dl-style3 dt { float:left; clear:left; width: 140px; }
.dl-style3 dd { float:left; margin: 0 0 15px 0; max-width: 760px; }

.dl-style4 dt { font-size:1em; font-weight:bold; color:#162772; }

.dl-style5 { clear: both; }
.dl-style5 dt { float:left; margin-left: 1rem; clear:left; }
.dl-style5 dd { float:left; margin: 0 0 15px 0; }

.dl-style6 dt { font-size:1em; font-weight:bold; color:#162772; float:left; clear:left; min-width:240px; }
.dl-style6 dd { float:left; margin-bottom:1.5em; }

.dl-style-dt130 dt { float:left; clear:left; width:130px; font-weight:normal; }
.dl-style-dt130 dd { margin: 0 0 15px 0; margin-left:130px; }

#download-list-ac { vertical-align:top; padding:15px !important; }
#download-list-ac ul { margin:17px 0 0 7px !important; }
#download-list-ac ul li { padding:11px 0 6px 18px !important; }

.margin30 { margin-left:3em; }

.mark { clear: both; font-width:bold; font-size:1.1em; }

/* ãƒœãƒ¼ãƒ€ãƒ¼ã®ä¸­ã«ãƒ†ã‚­ã‚¹ãƒˆ */
.box-border { margin: 15px 10px 0 10px !important; padding: 17px 20px; border: solid 2px #80c350; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background-color: #fff; max-width: 960px; margin: 0 auto; }

/* ãƒœã‚¿ãƒ³ */
.btn-form img { display:block; max-width: 260px; margin: 35px auto 0 auto; }

/* ä½™ç™½ */
.mar-b10 { margin-bottom: 10px; }
.mar-b15 { margin-bottom: 15px; }
.mar-b20 { margin-bottom: 20px; }
.mar-b25 { margin-bottom: 25px; }
.mar-t10 { margin-top: 10px; }
.mar-t15 { margin-top: 15px; }
.mar-l10 { margin-left: 10px; }

.finger-list { list-style: none; margin: 0; padding: 0; text-align: center; font-weight: bold; font-size: 1.1em; }
.finger-list .col { margin: 15px 0; min-height: 100%; }


#sm-nav-btn img {
	width: 45px; /* å¿…è¦ãªå¹… */
	border: 1px solid; /* æž&nbsp;ç·šã®è¨­å®š */
	border-radius: 0.3em;
	background-color:#fff; /* å¥½ããªèƒŒæ™¯è‰² */
	margin-top: 5px;
}


@media screen and (max-width:767px) {
	/*ã€€ç”»é¢ã‚µã‚¤ã‚ºãŒ767pxã¾ã§ã¯ã“ã“ã‚’èª­ã¿è¾¼ã‚€ã€€*/
        .common_inner { padding:0 10px; }
	.top_menu_fixed { position:absolute; }
	.sm-none { display:none !important; } /* ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç‰ˆã§éžè¡¨ç¤ºã«ã—ãŸã„å&nbsp;´åˆã€sm-noneã‚¯ãƒ©ã‚¹ã‚’ä»˜ä¸Žã™ã‚‹ */
	.top_fixed_menu { display:none; }
	.document_new_r { margin-left:0 !important; }
	.document_new_r_contents { margin-left:0 !important; }
	.mainbody_r { margin-left:0 !important; }
	.mainbody_contents { margin-left:0 !important; }
	.navi_new { display:none; }
        h1#logo { max-width: 250px; margin: 0 !important; }
        #dl-table { width:95%; }
        #dl-table a { display:block; }
        #download-list-ac ul li { padding-top:20px !important; }

        .pku_box h2 { font-size:1em !important; line-height:1.2em !important; }

        #category_list &gt; li { width:33.33%; }
        .product_siries_box { float:none  !important; text-align:center  !important; width:100% !important; }
        .product_siries_desc_box { float:none  !important; width:100%  !important; }
        /*.product_item_box .item_img a { height:250px; }*/
        .product_item_box .item_img img { height:auto !important; max-height:100%; }

	.main-menu01 { display:none; }
	.at-content-text { overflow: initial !important; }
	#top_baner1_box { display:none; } /* ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç‰ˆã§ã¯ä¸Šãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’éžè¡¨ç¤ºã¨ã™ã‚‹ */
	#sm-nav-btn { display:block; }
	#sm-nav {
		background-color: #fff !important; /* å¥½ã¿ã®èƒŒæ™¯è‰² */
		background-image:none;
	}
	#sm-nav .span { 
		display:block;
		color:#fff;
		font-size:16px;
	}
	#sm-nav &gt; ul {
		width:100%;
	}
	#sm-nav ul.at_listmenu {
		position:relative;
	}
	#sm-nav ul.at_listmenu li {
		width:100%;
	}
	#sm-nav ul.at_listmenu ul {
		position:relative;
		left: 0;
	}
	#sm-nav &gt; ul &gt; li {
		padding:10px 5px;
	}
	#sm-nav &gt; ul &gt; li &gt; a {
		background:none;
		height:auto;
	}
	.grid-sm-1 &gt; .col {
		width:100%;
		padding-right:0;
	}
	.grid-sm-2 &gt; .col {
		width:50%;
		float:left;
	}
	.grid-sm-3 &gt; .col {
		width:33%;
		float:left;
	}
	.grid-sm-4 &gt; .col {
		width:25%;
		float:left;
	}
	.flexbox-sm-1 &gt; .col {
		width:100%;
		padding-right:0;
	}
	.flexbox-sm-2 &gt; .col {
		width:50%;
	}
	.flexbox-sm-3 &gt; .col {
		width:33%;
	}
	.flexbox-sm-4 &gt; .col {
		width:25%;
	}
	.flexbox-sm-5 &gt; .col {
		width:20%;
	}
	.flexbox-sm-6 &gt; .col {
		width:16.6%;
	}
	.search_form {
		margin: 9px 0 0 5px;
		float: left;
	}
.maintablebox2 { font-size: 0.8em; padding-top: 0; }
.tbl-50 { width: 100%; }

h1#logo { max-width: 300px; }
#site-info { margin: 7px auto 0 auto; }
img#shop-logo { max-width: 120px; float: left; margin: 0 0 0 120px; }

#footer-shop span { display:block; }
#footer-shop { font-size: 0.8em; padding: 6px 0; }
#footer-shop a { color: #0d2799 !important; }
div#main_block_head1_1 h2 { font-size: 0.9em !important; }

#catalog-menu-box { text-align: left; padding: 12px 10px; margin: 0 7px; }
#product_kensaku { margin: 10px auto 0 auto; width: 100%; }
.mainform-frame { width: 78% !important; }

.pku_box { padding: 20px 0; }

.ccaption { font-size: 1em !important; padding: 4px 0 !important; border-left: solid 8px #162772; }
.ccaption h2 { text-align: left !important; padding-left: 10px !important; }
.ccaption_sub { text-align: left !important; margin: 15px 0 8px !important; padding: 0 0 1px 10px !important; }
.ccaption_sub h3 { font-size: 1em !important; }

.ccaption_pku1 { width: auto; height: 30px !important; }
.ccaption_pku1 h2 img { height: 30px !important; }
.ccaption_pku2 { width: auto; height: 30px !important; margin-bottom: 3px !important; }
.ccaption_pku2 h2 img { height: 30px !important; }
.ccaption_pku3 { width: auto; height: 30px !important; margin-bottom: 3px !important; }
.ccaption_pku3 h2 img { height: 30px !important; }
.ccaption_pku4 { width: auto; height: 30px !important; margin-bottom: 3px !important; }
.ccaption_pku4 h2 img { height: 30px !important; }
.ccaption_pku5 { width: auto; height: 30px !important; margin-bottom: 3px; }
.ccaption_pku5 h2 img { height: 30px !important; }

.pku_cont1 &gt; ul &gt; li { padding: 0 1% 7px 1% !important; }
.pku-menu-list { width: 100%; }
.pku-menu-list li { width: 48%; margin: 0 1%; }
.pku-menu-list li a { padding: 2px 0; font-size: 0.85em; }

.pku_cont2 { width: 96% !important; }

.pku_cont4 .pku_cont_box { width: 94% !important; margin: 0px auto !important; }
.pku_cont4 .pku_cont_list { padding: 0.5px 0 !important; }
.pku_cont4 a { padding: 3px 0 !important; font-size: 1.0em; }

.pku_cont5 { max-width: 94% !important; }
.pku_cont5 &gt; ul &gt; li { padding: 0 1% !important; }
.pku_cont5 .pku_cont_headlist { padding: 0 !important; }
.pku_cont5 .pku_cont_list { padding: 0 5px !important; }

#main_block_head2_1 h2 img { height: 30px !important; }
#main_block_head2_1 { height: 30px !important; margin-bottom: 20px !important; }

.news_box { padding: 20px 0; }
#newsbar1 { height: 30px !important; width: auto; }
#at_news1 h2 img { height: 30px !important; width: auto; }
.news_scroll { width: 100% !important; }
.news { width: 100% !important; }
ul.top_news { padding: 2px 10px !important; margin: 2px 0 !important; }
.news_title { padding: 0 2px 0 7px !important; }

.free_inner h4 { border-left: 15px solid #d29299; }

ul { padding-left: 18px; }
ol { padding-left: 20px; }
dd { margin-left: 5px; }

/* ãƒ†ãƒ¼ãƒ–ãƒ« */
.table-style1 { font-size: 0.75em; }
.table-style1 th { padding: 9px 2px; }
.table-style1 td { padding: 9px 2px; }

.table-style2 { font-size: 0.75em; }
.table-style2 th { padding: 9px 2px; }
.table-style2 td { padding: 9px 2px; }

.table-style3 { font-size: 0.75em; }
.table-style3 th { padding: 7px 2px; }
.table-style3 td { padding: 7px 2px; }

.table-style4 { font-size: 0.75em; }
.table-style4 th { padding: 9px 2px; }
.table-style4 td { padding: 9px 2px; }

/* ã‚¹ãƒžãƒ›ã‚°ãƒ­ãƒ¼ãƒãƒ«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ */
#smp-global-nav { clear: both; font-size: 0.8em; }
#smp-global-nav h3 { background-color: #162772; color: #fff; padding: 8px 6px; margin: 0; font-size: 0.97em; }
#smp-global-nav ul { margin: 0; padding: 0; }
#smp-global-nav ul li { margin: 0; padding: 0 0 0 20px; height: 38px; line-height: 38px; list-style: none; background: url(/files/icon-arrow2.png) no-repeat 0% 50%; border-bottom: 1px solid #ebebeb; }
#smp-global-nav ul li a { color: #333; display:block; width: 100%; height: 100%; text-decoration: none; }
#smp-global-nav ul li a:hover { color: #4255a8; }
.toppage { background-color: #f1f0f0; height: 38px; line-height: 38px; margin: 0 0 5px 0; padding-left: 6px; font-size: 0.97em; font-weight: bold; }
.toppage a { color: #333; display:block; width: 100%; height: 100%; text-decoration: none; }
.sp-tel { width: 100%; margin: 5px auto; }
.home { display: inline-block; margin: 9px 7px 0 0; float: right; }

.taikankyo &gt; li { width: 48.4%; width: calc( 2/(100%-3.2%)); margin: 0 0.8% 10px 0.8%; padding: 12px 0; }
.kata { margin-bottom: 10px; font-size: 0.85em; }
.taikankyo-clear-sp { clear: both; }

}

@media screen and (min-width:768px) and ( max-width:1024px) {
	/*ã€€ç”»é¢ã‚µã‚¤ã‚ºãŒ768pxã‹ã‚‰1024pxã¾ã§ã¯ã“ã“ã‚’èª­ã¿è¾¼ã‚€ã€€*/
        .common_inner { padding:0 10px; }
	#main-menu .col { text-align: center; line-height:50px; border-bottom: 1px solid #3d50a5; }
        #nav02 { font-size:0.75em; }
        #nav07 { font-size:0.9em; }
        .grid-mm-1 &gt; .col {
		width:100%;
		padding-right:0;
	}
	.grid-mm-2 &gt; .col {
		width:50%;
		float:left;
	}
	.grid-mm-3 &gt; .col {
		width:33%;
		float:left;
	}
	.grid-mm-4 &gt; .col {
		width:25%;
		float:left;
	}
	.grid-mm-5 &gt; .col {
		width:20%;
		float:left;
	}
	.flexbox-mm-1 &gt; .col {
		width:100%;
		padding-right:0;
	}
	.flexbox-mm-2 &gt; .col {
		width:50%;
	}
	.flexbox-mm-3 &gt; .col {
		width:33%;
	}
	.flexbox-mm-4 &gt; .col {
		width:25%;
	}
	.flexbox-mm-5 &gt; .col {
		width:20%;
	}
	.flexbox-mm-6 &gt; .col {
		width:16.6%;
	}

.at-content-text { overflow: initial !important; }
.maintablebox2 { font-size: 0.85em; }
nav &gt; ul#main-menu &gt; li &gt; a { font-size: 0.8em; }
.footbackground { font-size: 0.75em; }
#footer-shop span { display:block; }
.footer-in div.flexbox { padding: 0 10px; }
.footer-in .col { padding: 5px 0 5px 10px; }

#main_block_head1_1 { padding: 0 !important; }
#main_block_head1_1 h2 { font-size: 1.2em !important; }
#product_kensaku { margin: 10px auto 0 auto; width: 96%; }
.mainform-frame { width: 92% !important; }

.pku_cont1 &gt; ul &gt; li { padding: 0 0.5% 7px 0.5% !important; }
.pku_cont4 .pku_cont_list { padding: 5px !important; }
.pku_cont5 { max-width: 96%; }

.news_scroll { width: 96% !important; }
.news { width: 98% !important; }

.taikankyo &gt; li { width: 24.2%; width: calc( 4/(100%-3.2%)); margin: 0 0.4% 10px 0.4%; padding: 15px 0; }
.kata { margin-bottom: 12px; font-size: 0.85em; }
.taikankyo-clear { clear: both; }
#dl-table { width:95%; }
#download-list-ac ul li { padding-top:16px !important; }
}

@media print,screen and (min-width:1024px) {
	/*ã€€ç”»é¢ã‚µã‚¤ã‚ºãŒ1024pxã‹ã‚‰ã¯ã“ã“ã‚’èª­ã¿è¾¼ã‚€ã€€*/
        #nav02 { font-size:0.85em; }
	.grid-wm-1 &gt; .col {
		width:100%;
		padding-right:0;
	}
	.grid-wm-2 &gt; .col {
		width:50%;
		float:left;
	}
	.grid-wm-3 &gt; .col {
		width:33%;
		float:left;
	}
	.grid-wm-4 &gt; .col {
		width:25%;
		float:left;
	}
	.grid-wm-5 &gt; .col {
		width:20%;
		float:left;
	}
	.grid-wm-6 &gt; .col {
		width:16.6%;
		float:left;
	}
	.grid-wm-7 &gt; .col {
		width:14%;
		float:left;
	}
	.flexbox-wm-1 &gt; .col {
		width:100%;
		padding-right:0;
	}
	.flexbox-wm-2 &gt; .col {
		width:50%;
	}
	.flexbox-wm-3 &gt; .col {
		width:33%;
	}
	.flexbox-wm-4 &gt; .col {
		width:25%;
	}
	.flexbox-wm-5 &gt; .col {
		width:20%;
	}
	.flexbox-wm-6 &gt; .col {
		width:16.6%;
	}
	.flexbox-wm-7 &gt; .col {
		width:14%;
	}
}
/* media printç”¨
-------------------------------------------------------------------------------------- */
@media print {
	/*ã€€ãƒ—ãƒªãƒ³ãƒˆç”¨ã«ã‚µã‚¤ã‚ºã‚’è¨­å®šã™ã‚‹ã€€*/
        body { min-width:1050px; margin: 0 auto; }
}
#product_title_box36 { background-color:#18438a; }
#product_siries_desc_box36 { background-color:#c4c6e1; color:#18438a; }
#product_siyo_table36 th { background-color:#c4c6e1; }
.product_inner { max-width:1000px; margin:0 auto; }
.product_box { margin-bottom:15px; font-size:13px; }
.product_title_box { width:100%; }
.product_siries_box { width:80%; color:#fff; font-weight:bold; float:left; padding: 5px; }
.product_siries_desc_box { width:20%; float:left; text-align:center; font-weight:bold; padding: 5px; }
.product_box h2 { margin:0; padding-left:10px; font-size:19.5px; line-height:2em; }
.product_box h3 {margin: 10px 0; padding: 8px; width: 100%; background-color: #aaa; color: #fff; font-size: 1.3em; line-height: 1.3em; }
.product_siyo_table { background-color:#333; width:100%; }
.product_siyo_table th { padding:7px; text-align:center; font-size:15px; }
.product_siyo_table td { background-color:#fff; padding:5px; font-size:15px; }
.product_siyo_name { width:20%; }
/*
.product_siyo_name { width:30%; }
.product_left { float:left; width:370px; }
.product_right { float:right; width:370px; }
*/
.product_box .at-content-box { margin-left:0px !important; margin-right:0px !important; }
#download_box {
    margin-top: 15px;
    background-color: #aaa;
    line-height: 3em;
    font-size: 1.5em;
    text-align: center;
}
#download_box a {
	display:block;
	color:#fff !important;
}
.at-content-img img { width:100%; }
.hitword { /* background-color:#ff0; color:#000; */ text-decoration: underline;}
.item_cart { padding:15px 0 !important; margin: 15px auto !important; border-radius:0px !important; }
.item_cart a { font-size:1.5em; }
 screen and (max-width:767px) {
.product_siries_box { float:initial; }
.product_siries_desc_box { float:initial; }

}
h1 { font-size:0.8em; font-weight:normal; text-align:center; color:#333333; margin:0.5em; }
</pre></body></html>