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:14px; }
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 > .col { width:100%; }
.flexbox { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; flex-wrap:wrap; -webkit-flex-wrap:wrap; }
#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:0px; background-image: url();   }
div#header_box { width:100%;   }
div#top_baner1_box { width:100%;   }
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: #333 !important; }
.global_nav_list li a:visited { color: #333 !important; }
.global_nav_list li a:hover { color: #333 !important; }
.global_nav_list li a:active { color: #333 !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; }
a:link { color:#04a904; text-decoration:none; }
a:visited { color:#04a904; text-decoration:none; }
a:hover { color:#04a904; 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(/image/sub/); 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:275px; overflow-y:auto;  }
div.news2_scroll { width:100%; height:275px; 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:c8eb75; background-color:#c8eb75; }
hr.news2_head { height:1px; border:none; color:000; background-color:#000; }
hr.news_contents { height:1px; border:none; color:ffffff; background-color:#ffffff; }
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:14px; line-height:150%; text-align:center; }
div#font-size-change > dl { margin:0px; }
div#font-size-change > dl > dt { float: left; font-size: 85%; margin-top: 5px; margin-right:2px;  }
div#font-size-change > dl > dd { float: left; border-radius:2px; margin-left: 2px; padding: 3px; min-width: 20px;
    background-color:#fff; border:1px solid #04a904; color:#333;
}
div#font-size-change > dl > dd:hover { background-color:#04a904; color:#fff; }
dd.font-select { background-color:#04a904 !important; color:#fff !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:14px; text-align:center; }
div#color-change > dl { margin:0px; }
div#color-change > dl > dt { float: left; font-size: 85%; margin-top: 5px; margin-right:2px;  }
div#color-change > dl > dd { float: left; cursor:pointer; border-radius:2px; margin-left: 2px; padding: 3px; width: 20px; }
div#color-change > dl > 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; }

/* 共通
-------------------------------------------------------------------------------------- */
body { line-height: 140%; }
h1,h2,h3,h4,h5,h6,p { margin: 0; padding: 0; }
a { text-decoration: none; }
a img { border: none; }
a:hover img { opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }
img { vertical-align: bottom; }
.img-ctr { display: block; margin: 0 auto; }
.img-ctr-mar { display: block; margin: 15px 0 15px 30px; }
.clear { clear: both; }
ruby { line-height:1em; }
dt { margin: 6px 0; padding: 3px 5px; }
dd { margin-left: 5px; }
.maintablebox2_outerbox { clear: both; /* padding: 10px; */ padding:0; }
#nav_area2 li.activeSlide a { border:1px solid #f00 !important; }
.caution { color:#f00; }

/* トップメニュー・nav
-------------------------------------------------------------------------------------- */
#top-menu { max-width: 1040px; margin: 0 auto; padding: 5px 5px 0 5px; height: 35px; }
#top-menu ul { float: right; margin: 5px 20px 0 0; padding: 0; font-size: 12px; }
#top-menu ul li { list-style: none; display: inline-block; padding: 0 0 0 17px; margin: 0 0 0 10px; background: url(/files/icon-arrow1.png) no-repeat 0% 50%; }
#top-menu ul li a { color: #333; }
#top-menu ul li a:hover { color: #04a904; text-decoration: none; }

div#font-size-change { float: right; margin: 0 20px 0 0; }

.search_form { float: right; width: 226px; margin: 3px 25px 0 0; }
.search_form #field { float:left; width:180px; height:22px; line-height:19px; text-indent:6px; font-size:1em; color:#333; background: #ffffff; border:solid 1px #dcdcdc; margin-top: 1px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.search_form #space { float:left; width:2px; height:21px; line-height:19px; margin:0; padding:0; font-size:1px; border:none; }
.search_form #submit { float:left; cursor:pointer; width:40px; height: 23px; line-height:0; font-size:0; text-indent:-999px; color: transparent; background: url(/image/search/ico-search.png) no-repeat #04a904 center; border: 1px solid #dfdfdf; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.search_form .fclear {clear:both}

#shop-info { clear: both; max-width: 1040px; margin: 0 auto; }
h1#logo { float: left; width: 330px; height: 90px; margin: 0 0 0 20px !important; }
h1#logo img { width: 100%; }
img#shop-tel { display: inline-block; width: 360px; height: 90px; float: right; margin: 0 10px 0 0; }

nav > ul#main-menu { clear: both; float: left; width: 100%; height: 46px; line-height: 46px; margin: 0; padding: 0; }
nav > ul#main-menu > li { display: block; float: left; width: 16.6%; margin: 0; text-align: center; list-style: none; border-right: 1px solid #018f01; border-left: 1px solid #2fb72f; }
nav > ul#main-menu > li:first-child { border-left: solid 1px #018f01; }
nav > ul#main-menu > li > a { color:#ffffff !important; display: inline-block; width: 100%; }
nav > ul#main-menu > li > a:hover { background-color:#9dd225; text-decoration: none; }


/* トップページ　スライド
-------------------------------------------------------------------------------------- */
/*.top-image { display: block; margin: 0 auto; }*/
div#top_baner3_box { max-width: 1050px; }


/* ニュース
-------------------------------------------------------------------------------------- */
.news_inner { background-color: #ffffff; padding: 20px 25px !important; }
img.newsbar { vertical-align:middle !important; }
.top_news_date { margin-right: 20px !important; }
.more_box { text-align: right !important; }
ul.top_news li { padding: 3px 0; border-bottom: 1px dashed #dcdcdc; }
hr.news_head { margin: 0; }
.at_news_cate1 { margin-left: 20px !important; }
.at_news_cate2 { margin-left: 20px !important; } 
.at_news_cate3 { margin-left: 20px !important; } 
.at_news_cate4 { margin-left: 20px !important; } 
.at_news_cate5 { margin-left: 20px !important; }
.news_comment { height: 25px !important; }

/* フッター メニュー
-------------------------------------------------------------------------------------- */
footer { border-top: solid 1px #e6e6e6; margin: 0; }
#footer-menu-wrap { background-color: #f2f2f2; }
.footer-menu-t { width: 1040px; margin: 0 auto; padding: 10px 0 0 10px; overflow: hidden; }
.footer-menu-b { width: 1040px; margin: 0 auto; padding: 0 0 0 15px; overflow: hidden; }
.footer-menu1 { width: 17%; float: left; margin: 0 5px; padding: 15px 10px; background-color: #ffffff; border: 1px solid #e6e6e6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.footer-menu2 { width: 20%; float: left; margin: 0 5px; padding: 15px 10px; background-color: #ffffff; border: 1px solid #e6e6e6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.footer-menu3 { width: 19%; float: left; margin: 0 5px; padding: 15px 10px; background-color: #ffffff; border: 1px solid #e6e6e6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.footer-menu4 { width: 20%; float: left; margin: 0 5px; padding: 15px 10px; background-color: #ffffff; border: 1px solid #e6e6e6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.footer-menu5 { width: 18%; float: left; margin: 0 5px; padding: 15px 10px; background-color: #ffffff; border: 1px solid #e6e6e6; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.footer-menu-t h2 { text-align:center; margin-bottom: 10px; }
.footer-menu-t h3 { margin: 0 0 5px 3px; padding: 0 0 5px 3px; color: #04a904; font-size:0.9em; line-height: 110% !important; border-bottom: 1px dashed #04a904; }
.footer-menu-t ul { margin: 0; padding: 0; height: 100px; }
.footer-menu-t ul li { margin: 0 0 2px 0; padding: 0 0 0 17px; list-style: none; background: url(/files/icon-footer.png) no-repeat 0% 50%; font-size: 0.85em; }
.footer-menu-t ul li a { color: #333333; }
.footer-menu-t ul li a:hover { color: #04a904; text-decoration: none; }


/* フッター　ロゴ・問合せ等
-------------------------------------------------------------------------------------- */
#footer-contact ul { clear: both; max-width: 1050px; margin: 0 auto; padding: 0; }
#footer-contact ul li { list-style: none; margin: 30px 8px 30px 0; background: none; }
.footer-logo { float: left; }
.footer-logo-l { width: 70px; margin: 0 7px 0 0; float: left; }
.footer-logo-r { float: left; margin: 14px 20px 0 0; }
.footer-name { font-size: 17px; font-weight: bold; margin: 0 0 2px 0; }
.footer-recycle { font-size: 12px; }
.footer-tel { width: 270px; float: right; margin-right: 20px !important; }
.footer-email { width: 270px; float: right; margin-right: 20px !important; }

#footer-shop-wrap { clear: both; width: 100%; background-color: #e2e6de; padding: 20px 0; font-size: 13px; }
#footer-shop { max-width: 1050px; margin: 0 auto; text-align: center; }
.add { display: inline-block; margin: 0 30px; }

#copyright { padding: 2px 0; background-color: #969c90; color: #ffffff; font-size: 11px; text-align: center; }


div#main_block_head1_1 h2 { background-color: #04a904; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
div#main_block_head1_1 h2 img { width: 225px !important; }

/* ピックアップ
-------------------------------------------------------------------------------------- */
hr.news_head { height: 2px; margin: 4px 0 6px 0; }
.ccaption_pku1 h2 { background-color: #04a904; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.ccaption_pku1 h2 img { width: 235px !important; }
.pku_cont_img img { max-width: 100%; height: auto; }
.pku_cont1 > ul > li { padding: 0 7px 15px 8px !important; font-size: 0.95em; }
.pku_cont1 .pku_cont_list { padding: 0 !important; min-height: 115px; }
.pku_cont1 .pku_cont_list .pick1-title { margin: 0; padding: 5px 13px; background-color: #04a904; color: #fff; font-weight: bold; }
.pku_cont1 .pku_cont_list .pick1-title a { color: #fff; text-decoration: none; display: inline-block; width: 100%; }
.pku_cont1 .pku_cont_list .pick1-title a:hover { text-decoration: underline; }
.pku_cont1 .pku_cont_list .pick1-contents { margin: 0; padding: 8px 13px 12px 13px !important; }

.ccaption_pku2 h2 { background-color: #04a904; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.ccaption_pku2 h2 img { width: 170px !important; }
.pku_cont2 img { border: 1px solid #d5dbd5; }

#pku_box3 { border-style: solid none none none; border-width: 1px; border-color: #e6e6e6;  padding-top: 40px; }
.ccaption_pku3 h2 { background-color: #969c90; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.ccaption_pku3 h2 img { width: 200px !important; }

.pku_cont3 .pku_cont_headlist { text-align: center; padding: 25px 5px 25px 5px !important; }
.pku_cont3 .pku_cont_box { border: none; }
#pku_cont_box3_1 { background-color: #fdfcc8; border:1px solid #f6f39a; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
#pku_cont_box3_2 { background-color: #d0ffd1; border:1px solid #b5fcb7; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
#pku_cont_box3_3 { background-color: #c7f9fe; border:1px solid #a7f1f8; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
#pku_cont_box3_4 { background-color: #ffdefb; border:1px solid #fdd4f8; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }


/* 買取見積もり
-------------------------------------------------------------------------------------- */
tr.tableListColor01 { background-color:#96FF96; }
tr.tableListColor02 { background-color:#C8FFC8; }
tr.tableListColor03 { background-color:#04a904; text-align:center; }
tr.tableListColor03 td.title2 { padding:10px; color:#fff; font-size:1.4em; }


/* フリーページ
-------------------------------------------------------------------------------------- */
.ccaption { padding-top: 0 !important; width: 100% !important; }
.ccaption h2 { background-color: #edebeb; padding: 10px 10px 8px 10px !important; }
.ccaption_sub { padding-left: 0 !important; border-bottom: 1px solid #e2e2e2; }
.ccaption_sub h3 { font-weight: bold !important; font-size: 1.5em; padding: 5px 1px 3px 7px !important; margin-bottom: 3px; }
.free-comment-box { padding: 0 7px 10px 7px; }


/* レスポンシブ用テンプレート
-------------------------------------------------------------------------------------- */
.main_inner { max-width:1030px; margin:0 auto; padding:20px 10px;  }
.free_inner { max-width:990px; margin:0 auto; padding:20px 0;}
.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:30px 0; }
.tpc_box { background-color:#ffffff; padding:30px 0; }
.pku_box { background-color:#ffffff; padding:20px 0 0 0; }
.pku2_box { background-color:#ffffff; padding:30px 0; }
.news_box { background-color:#f2f2f2; padding:40px 0; }
.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; }

#top_baner1_box { width: 100%; background-color: #04a904; }
#top_baner1_box_in { max-width:1050px; margin: 0 auto; padding: 0; }

#top_baner2_box { clear: both; background-color: #04a904; }
#top_baner2_box_in { max-width: 1050px; margin: 0 auto; padding: 0; }

#sm-nav-btn img {
	width: 44px; /* 必要な幅 */
	border: 1px solid; /* 枠線の設定 */
	border-radius: 0.3em;
	background-color:#fff; /* 好きな背景色 */
	margin-top: 5px;
}

/* media screen スマホ用
-------------------------------------------------------------------------------------- */
@media screen and (max-width:767px) {
	/*　画面サイズが480pxからはここを読み込む　*/
	.top_menu_fixed { position:absolute; }
	.sm-none { display:none; }
	.top_fixed_menu { display:none; }
	.navi_new { display:none; }
	.document_new_r { margin-left:0 !important; }
	.document_new_r_contents { margin-left:0 !important; }
	.main-menu01 { 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 > 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 > ul > li {
		padding:10px 5px;
	}
	#sm-nav > ul > li > a {
		background:none;
		height:auto;
	}
	.grid-sm-1 > .col {
		width:100%;
		padding-right:0;
	}
	.grid-sm-2 > .col {
		width:50%;
		float:left;
	}
        .grid-sm-2 > .col-top4 {
		width:48%;
                margin:0 1% 13px 1%;
                border-width: 1px; border-style: solid; border-color: #dcdcdc;
		float:left;
	}
	.grid-sm-3 > .col {
		width:33%;
		float:left;
	}
        .grid-sm-3 > .col-top3 {
		width:31%;
                margin:0 1% 13px 1%;
                border-width: 1px; border-style: solid; border-color: #dcdcdc;
		float:left;
	}
	.grid-sm-4 > .col {
		width:25%;
		float:left;
	}  
	.flexbox-sm-1 > .col {
		width:100%;
		padding-right:0;
	}
	.flexbox-sm-2 > .col {
		width:50%;
	}
.maintablebox2 { padding-top: 5px; font-size:0.9em; }
.main_block1_box { padding:0 0 15px 0; }
.main_block2_box { padding:15px 0; }
#top_baner1_box_in { max-width: 100%; margin: 0 auto; }
#top_baner2_box_in { max-width: 100%; margin: 0 auto; }
.tpc_box { padding:15px 0; }
.pku_box { padding:15px 0; }
.pku2_box { padding:15px 0; }
.news_box { padding:22px 0; }
.news2_box { padding:15px 0; }
.vmode_box { padding:15px 0; }
.youtube_box { padding:15px 0; }
.cover_box { padding:15px 0; }

#top-menu { height: 55px; border-bottom: solid 1px #ebebeb; }
#top-menu ul { display: none; }
.search_form { margin: 9px 0 0 5px; float: left; }
h1#logo { margin-left: 5px !important; width: 220px !important; height: auto !important; }
img#shop-tel { display: none; }
nav { display: none; }
.main_inner { width:97%; margin:0 auto; }
.main_block1_inner { padding: 0; }

/* div#main_block_head1_1 h2 { margin-left: 7px !important; } */

.news_inner { max-width: 95%; padding: 15px 6px 8px 6px !important; }
h2 img.newsbar { width: 140px !important; margin-left: 8px; }
.top_news_date { margin: 5px 0 !important; }
.pku_inner { padding: 0 6px; }
.pku_box { background-color:#ffffff; padding:5px 0 0 0; }
.pku2_box { padding:12px 0; }
.ccaption_pku1 { margin-bottom: 0; height: 25px !important; }
.ccaption_pku2 { margin-bottom: 0; height: 25px !important; }
.ccaption_pku3 { margin-bottom: 0; height: 25px !important; }
.ccaption_pku1 h2 img { width:156px !important; }
.ccaption_pku2 h2 img { width: 113px !important; }
.ccaption_pku3 h2 img { width: 133px !important; }
div#main_block_head1_1 { margin-bottom: 0; height: 25px !important; }
div#main_block_head1_1 h2 img { width:156px !important; }

.pku_cont1 > ul > li { padding: 0 2px 4px 2px !important; }
.pku_cont1 .pku_cont_list { padding: 0 !important; min-height: 80px; }
.pku_cont1 .pku_cont_list .pick1-title { padding: 5px 5px; font-size: 1em; }
.pku_cont1 .pku_cont_list .pick1-contents { padding: 8px 5px 8px 5px !important; font-size: 1em; line-height: 130%; min-height: 73px; }
.pku_cont2 > ul > li { padding: 0 2px 4px 2px !important; }
.pku_cont3 > ul > li { padding: 0 2px 4px 2px !important; }
.pku_cont3 .pku_cont_headlist { padding: 15px 5px !important; }

.footer-menu-t { display: none; }
.footer-logo { display: none; }
.footer-tel { width: 270px; clear: both; float: left; margin: 6px 0 20px 25px !important; }
.footer-email { width: 270px; float: left; margin: 20px 0 0 25px !important; }
.add { margin: 0; }

.ccaption { padding-top: 0 !important; width: 100% !important; }
.ccaption h2 { background-color: #f1f0f0; padding: 10px 10px 8px 10px !important; }
.ccaption_sub { padding-left: 0 !important; border-bottom: 1px solid #ebebeb; }
.ccaption_sub h3 { font-weight: bold !important; font-size: 1.5em; padding: 5px 1px 3px 7px !important; }
.free_inner { padding: 0 !important; }
.free-comment-box { padding: 0 7px; }

/* スマホグローバルメニュー */
#smp-global-nav h3 { background-color: #f1f0f0; color: #04a904; 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: 13px 6px 12px 20px; list-style: none; background: url(/files/icon-arrow1.png) no-repeat 0% 50%; border-bottom: 1px solid #ebebeb; }
#smp-global-nav ul li a { color: #333; }

/* スマホ　ニュース */
div.news_scroll { height:185px;  }
.news_inner { max-width:90%; }

/* スマホ上部リンクボタン2個 */
.smp-btn2 { margin: 5px 3px 15px 3px; }
.smp-btn2 ul { width: 100%; margin: 0; padding: 0; }
.smp-btn2 ul li { width: 49%; float: left; margin: 0 0.5%; padding: 0; list-style: none; }
.smp-btn2 ul li img { width: 100%; }

/* #nav_area2 li { margin:4px; } */
#nav2 li {
    width: 48% !important;
    margin: 1%;
}
#nav2 li a {
    width: 100% !important;
}

}

/* media screen タブレット用
-------------------------------------------------------------------------------------- */
@media screen and (min-width:768px) and ( max-width:1024px) {
	/*　画面サイズが768pxから1024pxまではここを読み込む　*/
	.grid-mm-1 > .col {
		width:100%;
		padding-right:0;
	}
	.grid-mm-2 > .col {
		width:50%;
		float:left;
	}
	.grid-mm-3 > .col {
		width:33%;
		float:left;
	}
        .grid-mm-3 > .col-top3 {
		width:32%;
                margin:0 0.5%;
                border-width: 1px; border-style: solid; border-color: #dcdcdc;
		float:left;
	}
	.grid-mm-4 > .col {
		width:25%;
		float:left;
	}
        .grid-mm-4 > .col-top4 {
		width:24%;
                margin:0 0.5%;
                border-width: 1px; border-style: solid; border-color: #dcdcdc;
		float:left;
	}
	.grid-mm-5 > .col {
		width:20%;
		float:left;
	}
	.flexbox-mm-1 > .col {
		width:100%;
		padding-right:0;
	}
	.flexbox-mm-2 > .col {
		width:50%;
	}
	.flexbox-mm-3 > .col {
		width:33%;
	}
	.flexbox-mm-4 > .col {
		width:25%;
	}
	.flexbox-mm-5 > .col {
		width:20%;
	}

#top_baner1_box_in { max-width: 100%; margin: 0 auto; }
#top_baner2_box_in { max-width: 100%; margin: 0 auto; }
#logo { margin-left: 20px; }
h1#logo { margin: 0 0 0 10px !important; }

nav > ul { width: 97%; margin: 0 auto; padding: 0; }
nav > ul li { over-flow: none; }
nav > ul li a { font-size: 0.9em; }

.main_inner { width:97%; margin:0 auto; }
.main_block1_inner { padding: 0; }

/*div#main_block_head1_1 h2 { margin-left: 7px !important; }*/

.main_block1_inner ul#top-main-mechabey li h3 { padding: 7px 6px 5px 6px; }
.main_block1_inner ul#top-main-mechabey li p { max-width: 90%; padding: 0 10px 7px 10px; }
.news_inner { max-width: 95%; padding: 15px 20px; }
.pku_box { background-color:#ffffff; padding:5px 0 0 0; }
.pku_cont1 .pku_cont_list .pick1-title { padding: 5px 5px; font-size: 0.9em; }
.pku_cont1 .pku_cont_list .pick1-contents { padding: 8px 5px 8px 5px !important; font-size: 0.9em; line-height: 130%; }
.ccaption_pku1 h2 img { width:156px !important; }
.ccaption_pku2 h2 img { width: 113px !important; }
.pku_cont3 { font-size: 0.85em; }
.footer-menu-t { width: 98%; margin: 0 auto; padding: 15px 0 5px 10px; font-size: 0.9em; }
.footer-menu-b { width: 98%; margin: 0 auto; padding: 5px 0 15px 10px; font-size: 0.9em; }
.footer-menu ul li { padding: 0 0 0 4px; list-style: none; background: none; }
.footer-menu1 { margin: 0 2px; padding: 12px 5px; }
.footer-menu2 { margin: 0 2px; padding: 12px 5px; }
.footer-menu3 { margin: 0 2px; padding: 12px 5px; }
.footer-menu4 { margin: 0 2px; padding: 12px 5px; }
.footer-menu5 { margin: 0 2px; padding: 12px 5px; }
#footer-contact ul { margin-left: 0 !important; }
#footer-contact ul li { margin: 15px 0 5px 0; }
.footer-tel { max-width: 25% !important; margin: 20px 10px 20px 0 !important; }
.footer-email { max-width: 25% !important; margin: 20px 20px 20px 0 !important; }

/* スマホ上部リンクボタン2個 */
.smp-btn2 { display: none; }
}

/* media screen PC用
-------------------------------------------------------------------------------------- */
@media print,screen and (min-width:1024px) {
	/*　画面サイズが1024pxからはここを読み込む　*/
        .grid-wm-1 > .col {
		width:100%;
		padding-right:0;
	}
	.grid-wm-2 > .col {
		width:50%;
		float:left;
	}
	.grid-wm-3 > .col {
		width:33%;
		float:left;
	}
        .grid-wm-3 > .col-top3 {
		width:31%;
                margin:0 1%;
                border-width: 1px; border-style: solid; border-color: #dcdcdc;
		float:left;
	}
	.grid-wm-4 > .col {
		width:25%;
		float:left;
	}
        .grid-wm-4 > .col-top4 {
		width:23%;
                margin:0 1%;
                border-width: 1px; border-style: solid; border-color: #dcdcdc;
		float:left;
	}
	.grid-wm-5 > .col {
		width:20%;
		float:left;
	}
	.grid-wm-6 > .col {
		width:16.6%;
		float:left;
	}
	.grid-wm-7 > .col {
		width:14%;
		float:left;
	}
	.flexbox-wm-1 > .col {
		width:100%;
		padding-right:0;
	}
	.flexbox-wm-2 > .col {
		width:50%;
	}
	.flexbox-wm-3 > .col {
		width:33%;
	}
	.flexbox-wm-4 > .col {
		width:25%;
	}
	.flexbox-wm-5 > .col {
		width:20%;
	}
	.flexbox-wm-6 > .col {
		width:16.6%;
	}
	.flexbox-wm-7 > .col {
		width:14%;
	}
/* スマホ上部リンクボタン2個 */
.smp-btn2 { display: none; }
}

/* media screen PC用
-------------------------------------------------------------------------------------- */
@media print {
	/*　画面サイズが1050pxからはここを読み込む　*/
        body { min-width:1050px; margin: 0 auto; }
}

/* 管理画面ここから
a img{border:none;}
.span{display:none;}  */

/* main img
#title-logo {width:900px; height:70px; background: url(http://www.eco-loop.jp/files/title-logo.jpg) no-repeat; margin:0px 0px 5px 0px; padding:0px;} */

/* main menu
.menu-main01 ul { margin:0px 0px 0px 0px; padding:0px; list-style:none;}
.menu-main01 ul li{ margin:0px 0px 1px 0px; padding:0px; float:left; list-style:none;}
a.main-btn01:link, a.main-btn01:visited {display:block; width:147px; height:25px; margin:0px 3px 0px 0px ; padding:12px 0px 0px 0px; background :url(http://www.eco-loop.jp/files/btn01.jpg) repeat-x; overflow:hidden; font-size:0.8em; color:#FFFFFF; text-align:center; vertical-align:middle; text-decoration:none;}
a.main-btn01:hover {margin:0px 3px 0px 0px ; padding:12px 0px 0px 0px; overflow:hidden; text-decoration:none; font-size:0.8em; color:#FDFEB7; text-align:center; vertical-align:middle; background :url(http://www.eco-loop.jp/files/btn01.jpg) repeat-x;}

.menu-main02 ul { margin:0px 0px 0px 0px; padding:0px; list-style:none;}
.menu-main02 ul li{ margin:0px 0px 0px 0px; padding:0px; float:left; list-style:none;}
a.main-btn02-01:link, a.main-btn02-01:visited {display:block; width:299px; height:90px; margin:0px 1px 0px 0px; background :url(http://www.eco-loop.jp/files/kaitori.gif) repeat-x;}
a.main-btn02-01:hover {display:block; width:299px; height:90px; margin:0px 1px 0px 0px; background :url(http://www.eco-loop.jp/files/kaitori.gif) repeat-x;}
.main-btn02-02 {display:block; width:299px; height:90px; margin:0px 1px 0px 0px; background :url(http://www.eco-loop.jp/files/otoiawase.gif) repeat-x;}
.main-btn02-02 {display:block; width:299px; height:90px; margin:0px 1px 0px 0px; background :url(http://www.eco-loop.jp/files/otoiawase.gif) repeat-x;}
a.main-btn02-03:link, a.main-btn02-03:visited {display:block; width:299px; height:90px; margin:0px 0px 0px 0px; background :url(http://www.eco-loop.jp/files/shohin.gif) repeat-x;}
a.main-btn02-03:hover {display:block; width:299px; height:90px; margin:0px 0px 0px 0px; background :url(http://www.eco-loop.jp/files/shohin.gif) repeat-x;}

.email { display:block; width:280px; height:17px; padding:67px 0px 0px 10px;} */

/* sub menu
#left-box{width:190px; border:0; align:left; margin:0px 0px 0px -20px; padding:0;}
#left-box ul{margin:0 ; padding:0px; list-style:none;}
#left-box ul li{margin:0px; padding:0; list-style:none;}
a.left-btn:link, a.left-btn:visited {display:block; width:163px; height:32px; margin:0; line-height: 30px; padding-left: 27px; font-size:0.8em; color:#000000; text-align:left; vertical-align:middle; background :url(http://www.eco-loop.jp/files/submenu-bg.gif) no-repeat; overflow:hidden; text-decoration:none;}
a.left-btn:hover {color:#0123FF; } */

/* main content
#right-box{width:680px; margin:0px 0px 0px 0px; padding:0;}
.banner01{ width:680px; height:85px; margin-bottom:10px; padding:0px;}
.banner02{ width:680px; height:85px; margin-bottom:20px; padding:0px;}
.c-title-bg { width:680px; height:25px; margin:20px 0px 10px 0px; padding:8px 0px 0px 20px; background :url(/files/c-title-bg.gif) no-repeat; font-size: 0.9em; color:#005D00;}
.c-box-l{width: 218px; height: 120px; margin: 0px; float: right; border: 1px solid #ADDCC0;}
.c-box-l{ float: left; margin-left: 0px;}
.c-box-l{ margin-right: 10px; margin-bottom:10px}
.c-box-r{width: 218px; height: 120px; margin: 0px; float: right; border: 1px solid #ADDCC0;}
.c-box-r{ float: left; }
.c-box-r{ margin-right: 0px; margin-bottom:10px}
.c-box-l p a, .c-box-r p a { font-size:0.8em; color:#000000; text-decoration:none;}
.c-box-l img, .c-box-r img{ margin: 13px 5px 5px 5px; float:left; border: 1px solid #ADDCC0;}

.c-s-title a{font-size:0.9em; padding:5px 0px 3px 10px; color:#005D00; background-color:#E6F5E6; border-bottom:1px solid #ADDCC0; font-weight: bold; display:block; text-decoration:none;} */

/* sub content right */
.p-ctr { text-align: center; margin: 14px 0 5px 0; }
.mapoint { border:1px solid #E6F5E6; text-align:center; border-collapse: collapse; margin: 10px auto; }
.mapoint th { height:20px; font-size:0.9em; color:#000; padding:3px; border:1px solid #CDCDCD; background-color:#E6F5E6;}
.mapoint td { width:134px; height:20px; font-size:0.8em; color:#CDCDCD; padding:5px; border:1px solid #CDCDCD; color:#000;}
a:link.mapoint-text, a:visited.mapoint-text, a:hover.mapoint-text { color:#000;}


/* index tag
h1{margin:0px; padding:0px;}
h2{margin:0px; padding:0px;}
h3{margin:0px; padding:0px;}
h4{margin:0px; padding:0px;} */
div.ccaption {
	background-image: url(/image/sub/);
	width:600px;
					height:32px;
					background-repeat:no-repeat;
					padding-top:7px;
					padding-left:0px;
					font-weight:bold;
					font-size:13pt;
}

div.ccaption h2 {
	font-size:13pt;
	font-weight:bold;
	text-align:left;
	margin:0;
	padding:0;
}
div.ccaption_sub {
	background-image: url(/image/sub/icon0_2.gif);
	width:100%;
					height:auto;
					background-repeat:no-repeat;
					background-position:left center;
					padding-left:14px;
					font-size:11pt;
}
div.ccaption_sub h3 {
	font-size:11pt;
	font-weight:normal;
	margin:0;
	padding:0;
}
div.rcaptionex { margin-top:0px; margin-left:0px; width:px; height:px; padding-top:0px; background-image:url(/image/topr/); background-repeat:no-repeat; background-position:top center; }
h1 { font-size:0.8em; font-weight:normal; text-align:center; color:#333333; margin:0.5em; }