@charset "UTF-8";
.smallbr, .imgmq { display:none; }
.g_menu ul li .nolink { display:none; }
html { width:100%; }
body { margin:0; padding:0; background:url(../img/base/bg_body.jpg) repeat-x #f9f8f8; font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; color:#484848; width:100%; }
#wrapper { width:1024px; height:auto; margin:0 auto; }
header { height:73px; margin-bottom:20px; display:block; }
div .logo { width:65px; height:29px; float:left; margin-top:22px; }
header .g_menu { float:right; width:560px; height:32px; margin-top:30px; }
.g_menu a { width:110px; height:16px; line-height:16px; display:block; float:left; text-align:center; font-size:14px; color:#6d6b6c; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; text-shadow:0 1px 0 #fff; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; border-left:solid 1px #848484; }
.g_menu a:hover, .g_menu a.on { color:#da8832; }
.g_menu .tel a { height:30px; width:140px; background:url(../img/base/image_tel.png) no-repeat; float:right; display:block; border-left: none; }
header .g_menu a.btn { display:block; background:url(../img/base/btn_notice.png) right no-repeat; margin-top:-3px; width:74px; height:23px; padding-left:25px; border:none; }
header .g_menu a.btn:hover { opacity:0.8; }
.g_menu a#last { border-right:solid 1px #848484; }
.main_cont { clear:both; -moz-box-shadow: 0px 0px 4px #c4c4c4; box-shadow: 0px 0px 4px #c4c4c4; -webkit-box-shadow: 0px 0px 4px #c4c4c4; background:#FFF; max-width:1024px; margin:0 auto 20px; }
.s_menu { float:right; width:auto; height:18px; min-width:140px; margin-bottom:20px; }
.s_menu li { display:block; float:left; padding-left:30px; text-align:center; }
.s_menu li a.on, .s_menu li a:hover { color:#6e6c6c; }
.s_menu li a { color:#6e6c6c; font-size:13px; text-decoration:underline; }
.header_tel a.info { float:right; display:block; background:url(../img/base/header_tel.svg) no-repeat; width:218px; height:38px; margin:15px 0 15px  20px; }
h3.page_ttl { display:block; float:left; font-size:16px; color:#6e6c6c; -moz-text-shadow: 0px 0px 1px #fff; box-shadow: 0px 0px 1px #fff; -webkit-box-shadow: 0px 0px 1px #fff; font-weight:bold; }
h2.head { font-size:32px; margin-bottom:25px; clear: both; }
h4.beige { color:#b6a794; font-size:22px; }
h3.sub { font-size:30px; margin-bottom:10px; line-height:1.4em; }
a.txtlink { color:#e77800; text-decoration:underline; }
a.txtlink:hover { color:#f88f1e; text-decoration:underline; }
.clear { clear:both; }
a.btn_radius { border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; background:#e8a640; width:180px; height:35px; display:block; padding-top:10px; font-size:15px; color:#fff; margin:0 auto; text-align:center; }
a.btn_radius2 { border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; background:#e8a640; width:180px; height:35px; display:block; padding-top:10px; font-size:15px; color:#fff; margin:0 auto 15px; text-align:center; }
a.btn_radius_s { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background:#e8a640; width:130px; height:20px; display:block; font-size:12px; color:#fff; text-align:center; line-height: 20px; margin-top: 5px; margin-bottom: 0; padding: 2px 0; }
a.btn_radius:hover, a.btn_radius_s:hover { background:#f4bd69; }
/*3column******************************************************************/

/*footer*/
/*.foot_3clum {
	width:1024px;
	clear: both;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}
.foot_3clum:after, 
.inr:after {
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
	}
.foot_3clum h4 {
	font-size:16px;
	line-height:20px;
	margin-bottom:10px;
	}
.foot_3clum a {
	display:block;
	float:left;
	}
.foot_3clum a.col1 {
	background:url(../img/base/3col_1.jpg) no-repeat;
	height:115px;
	width:163px;
	padding:30px 20px 0 150px;
	margin-right:12px;
	}
.foot_3clum a.col2 {
	background:url(../img/base/3col_2.jpg) no-repeat;
	height:115px;
	width:183px;
	padding:30px 10px 0 140px;
	margin-right:13px;
	color:#fff;
	}
.foot_3clum a.col2 p, .foot_3clum a.col2 h4 {
	text-shadow: 0px 0px 3px #000;
	}
.foot_3clum a.col3 {
	background:url(../img/base/3col_3.jpg) no-repeat;
	height:115px;
	width:183px;
	padding:30px 10px 0 140px;
	color:#fff;
	}
.foot_3clum p {
	font-size:11px;
	line-height:1.3em;
	}
.foot_3clum a.col1:hover,
.foot_3clum a.col2:hover,
.foot_3clum a.col3:hover{
	opacity:0.9;
	}*/
/*3column******************************************************************/

/*fotter**********************************************************************************/
.footer { background:#191919 url(../img/base/bg_foot.jpg) repeat-x bottom; margin-top:40px; height:410px; padding-top: 33px; width: 100% !important; min-width: 1084px; clear: both; }
.footer .inr { width:1024px; margin:0 auto; height:307px; position:relative; }
.footer .inr .box { width:170px; float:left; margin-bottom: 10px; }
.footer .inr .box h4 { color:#FFF; border-bottom:dotted 1px #b8b8b8; size:12px; height:12px; line-height:12px; margin-bottom:13px; padding-bottom:13px; padding-left:5px; width: 120px; }
.footer .inr .box ul a { color:#FFF; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; line-height:20px; height:20px; margin-bottom:0; display:block; }
.footer .inr .box ul a:hover { color:#ffffff; }
.footer .inr .box ul li { color:#b8b8b8; padding-left:5px; }
.totop a { color:#FFF; height:27px; width:27px; background:#000; text-align:center; line-height:27px; border-radius: 27px; -webkit-border-radius: 27px; -moz-border-radius: 27px; position:absolute; right: 0; top: -45px; display:block; }
/*left*/
.footer .foot_left { width:277px; height:307px; float:left; margin-right:280px; background:url(../img/base/foot_left_bg.png) no-repeat; }
.footer .foot_left_none { width:277px; height:186px; float:left; margin-right:36px; background:url(../img/base/foot_left_bg.png) no-repeat bottom; }
.footer .foot_left .bg_regi { background:url(../img/base/foot_left_regi.png) no-repeat 15px; width:155px; height:105px; color:#d8d8d8; padding: 15px 0 0 120px; }
.footer .foot_left .bg_drawer { background:url(../img/base/foot_left_drawer.png) no-repeat 15px; width:135px; height:105px; padding:15px 20px 0 120px; color:#d8d8d8; }
.footer .foot_left .bg_handy { background:url(../img/base/foot_left_handy.png) no-repeat 15px; width:135px; height:105px; padding:15px 20px 0 120px; color:#d8d8d8; }
.footer .foot_left .bg_handy div { width:85px; float:left; margin-right:10px; }
.footer .foot_left .bg_printer_bix { background:url(../img/base/foot_left_printer_bix.png) no-repeat 15px; width:135px; height:105px; padding:15px 20px 0 120px; color:#d8d8d8; }
.footer .foot_left .bg_printer_ep { background:url(../img/base/foot_left_printer_ep.png) no-repeat 15px; width:135px; height:105px; padding:15px 20px 0 120px; color:#d8d8d8; }
.footer .foot_left .bg_printer_citi { background:url(../img/base/foot_left_printer_citi.png) no-repeat 15px; width:135px; height:105px; padding:15px 20px 0 120px; color:#d8d8d8; }
.footer .foot_left .bg_roll { background:url(../img/base/foot_left_roll.png) no-repeat 15px; width:135px; height:105px; padding:15px 20px 0 120px; color:#d8d8d8; }
.footer .foot_left span.price { font-size:20px; line-height:30px; font-weight:bold; margin-bottom: 20px; }
.footer .foot_left span.yen { font-size:18px; }
.footer .foot_left a.btn { margin-top:3px; display:block; height:23px; width:135px; background:url(../img/base/foot_left_btn.png) no-repeat; }
.footer .foot_left a.btn:hover { background:url(../img/base/foot_left_btn.png) no-repeat 0 -23px; }
.footer .foot_left a.info, .footer .foot_left_none a.info { display:block; background:url(../img/base/foot_left_tel.png) no-repeat; width:212px; height:70px; margin:20px auto; }
.footer .foot_left a.support, .footer .foot_left_none a.support { display:block; background:url(../img/base/foot_left_spt.png) no-repeat; width:212px; height:60px; margin:15px auto; }
.footer .foot_left a.form, .footer .foot_left_none a.form { display:block; background:url(../img/base/foot_left_form.png) no-repeat; width:212px; height:60px; margin: 15px auto; padding-bottom: 0px; }
.footer .foot_left a.info:hover, .footer .foot_left a.support:hover, .foot_left a.form:hover, .footer .foot_left_none a.info:hover, .footer .foot_left_none a.support:hover { filter: alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; }
.footerlogo { width:1004px; height:31px; margin:0 auto; clear:both; padding-right:20px; text-align:right; margin-top:52px; }
#trigger { display:none; }
/*fotter**********************************************************************************/

@media screen and (min-width:1001px) {
 .g_menu ul {
display:block !important;
}
}
@media screen and (min-width:1001px) {
 .ftmenu {
display:block !important;
padding-bottom: 20px;
}
}
@media screen and (min-width:1001px) {
.g_menu a#sp { display:none}
}
@media screen and (min-width:1px) and (max-width: 1000px) {
	.g_menu ul li .nolink { display:none; }
 html {
width:100%;
}
 body {
 margin:0;
 padding:0;
 background:url(../img/base/bg_body.jpg) repeat-x #f9f8f8;
 font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
color:#484848;
width:100%;
}
 #wrapper {
 width:100%;
 min-width:320px;
 position:relative;
}
 header {
 height:auto;
 min-height:70px;
 width:100%;
 margin:0 auto -5px;
 position: relative;
 z-index: 9999;
}
 div .logo {
 width:65px;
 height:49px;
 float:left;
 margin-top:22px;
 margin-left:5%;
}
	/*header:after{
		content:"";
		display:block;
		height:100px;
		}*/
	header .g_menu {
 float: none;
 clear:both;
 position: relative;
 height:auto;
 width:100%;
 margin-top: 0;
 z-index: 2;
}
 .g_menu ul {
 width:100%;
 overflow:hidden;/*
		transition:height 0.5s;
		-o-transition:height 0.5s;
		-ms-transition:height 0.5s;
		-moz-transition:height 0.5s;
		-webkit-transition:height 0.5s;*/
 margin-left:auto;
 position: static;
 top: 46px;
}
 .g_menu.js-showmenu ul {
 height:auto;
 width:100%;
}
 .g_menu ul:after {
 clear:both;
 content:"";
 display:block;
}
 .g_menu ul li {
 width:33.3333%;
 float:left;
 margin-left: 0;
 background: #575153;
 background: -moz-linear-gradient(top, #575153 0%, #302d2d 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #575153), color-stop(100%, #302d2d));
 background: -webkit-linear-gradient(top, #575153 0%, #302d2d 100%);
 background: -o-linear-gradient(top, #575153 0%, #302d2d 100%);
 background: -ms-linear-gradient(top, #575153 0%, #302d2d 100%);
 background: linear-gradient(to bottom, #575153 0%, #302d2d 100%);
}
 .g_menu ul li a {
 width: auto;
 padding:15px 20px;
 display:block;
 float:none;
 text-align:center;
 border-left:none;
 color:#fff;
 text-shadow:none;
 position:relative;
}
 .g_menu ul li a:before {
 content:"";
 position:absolute;
 top:0;
 left:0;
 bottom:0;
 width:1px;
 background:rgba(0, 0, 0, 0.2);
}
 .g_menu ul li a:after {
 content:"";
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 width:1px;
 background:rgba(255, 255, 255, 0.1);
}
 .g_menu a:hover,  .g_menu a.on {
 color:#da8832;
}
 .g_menu a#last {
 border-right:none;
}
 .s_menu {
 margin: 25px 0 20px;
}
 .g_menu .tel a {
 position:absolute;
 top:-50px;
 right: 5%;
 margin-right: 45px;
}
 .s_menu {
 padding-right:30px;
}
 .header_tel a.info { display:none }
#trigger {
 display:block;
 position:absolute;
 top:-55px;
 right:5%;
 width:36px;
 height:36px;
 background:url(../img/base/trigger.png) no-repeat center;
 background-size:25px;
}
	/*fotter**********************************************************************************/
	.footer {
 min-width:320px;
 height:auto;
 background: #0D0D0D url(../img/base/bg_foot.jpg) repeat-x bottom;
}
 .footer .inr {
 width:90%;
 height:auto;
}
 .footer .inr .ftmenu>div:nth-child(1),  .footer .inr .ftmenu>div:nth-child(2),  .footer .inr .ftmenu>div:nth-child(3) {
 padding-top: 5px !important;
 float:none !important;
 margin-left:300px !important;
 width: auto !important;
}
 .footer .inr .ftmenu>div:nth-child(1) *,  .footer .inr .ftmenu>div:nth-child(2) *,  .footer .inr .ftmenu>div:nth-child(3) * {
 float:none !important;
 width: auto !important;
}
 .footer .inr .ftmenu>div:nth-child(1) {
}
 .footer .inr .ftmenu>div:nth-child(2) {
padding-top: 15px !important;
}
 .footer .inr .ftmenu>div:nth-child(3) {
}
 .footer .inr .box {
 width:170px;
 float:left;
 margin-bottom: 10px;
}
 .totop a {
 color:#FFF;
 height:27px;
 width:27px;
 background:#000;
 text-align:center;
 line-height:27px;
 border-radius: 27px;
 -webkit-border-radius: 27px;
 -moz-border-radius: 27px;
 position:absolute;
 right: 0;
 top: -45px;
 display:block;
}
	/*left*/
	.footer .foot_left {
 width:277px;
 height:307px;
 margin:0 23px 0 0;
}/*
	@media(max-width:500px){
		.footer .inr{
			padding-bottom:7px;
			}
		.footer .foot_left{
			height: 157px !important;
			padding-top: 20px;
			width:100%;
			box-shadow:0 1px 4px rgba(255,255,255,.3) inset;
			background:url(../img/base/ft_bgsm.gif);
			position:relative;
			float:none;
			}
		.footer .foot_left a.info{
			margin: 0 auto 20px;
			}
		.footer .foot_left:after{
			content: "";
			position: absolute;
			left: 5%;
			right: 5%;
			top: 95px;
			height: 2px;
			background: #FFF;
			border-top: 2px solid #000;
			opacity: 0.15;
			}
		.footer .inr .ftmenu>div:nth-child(1),
		.footer .inr .ftmenu>div:nth-child(2),
		.footer .inr .ftmenu>div:nth-child(3){
			padding:0 !important;
			margin:0 !important;
			clear:both !important;
			margin-left:0 !important;
			}
		.footer .inr .ftmenu>div:nth-child(1) div.box,
		.footer .inr .ftmenu>div:nth-child(2) div.box,
		.footer .inr .ftmenu>div:nth-child(3) div.box{
			margin-bottom: 20px !important;
			}
		.footer .inr .ftmenu>div:nth-child(1) h4,
		.footer .inr .ftmenu>div:nth-child(2) div:nth-child(1) h4,
		.footer .inr .ftmenu>div:nth-child(3) h4{
			font-size:12px !important;
			line-height: 12px !important;
			padding:20px !important;
			margin:0 !important;
			border-bottom:none !important;
			background: #f0f0f0;
			background: -moz-linear-gradient(top, #f0f0f0 0%, #b0aaaa 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#b0aaaa));
			background: -webkit-linear-gradient(top, #f0f0f0 0%,#b0aaaa 100%);
			background: -o-linear-gradient(top, #f0f0f0 0%,#b0aaaa 100%);
			background: -ms-linear-gradient(top, #f0f0f0 0%,#b0aaaa 100%);
			background: linear-gradient(to bottom, #f0f0f0 0%,#b0aaaa 100%);
			color:#484848;
			}
		.footer .inr .ftmenu>div:nth-child(2) div:nth-child(2) h4{
			padding:0 !important;
			margin:0 !important;
			height:auto !important;
			}
		.footer .inr .ftmenu>div:nth-child(1) ul li,
		.footer .inr .ftmenu>div:nth-child(2) ul li,
		.footer .inr .ftmenu>div:nth-child(3) ul li{
			padding-left:0 !important;
			}
		.footer .inr .ftmenu>div:nth-child(1) ul li a,
		.footer .inr .ftmenu>div:nth-child(2) h4 a,
		.footer .inr .ftmenu>div:nth-child(2) div:nth-child(1) ul li a,
		.footer .inr .ftmenu>div:nth-child(3) ul li a{
			display:block;
			height:12px;
			font-size:12px !important;
			line-height: 12px !important;
			padding:20px !important;
			margin:0 !important;
			border-bottom:none !important;
			background: #575153;
			background: -moz-linear-gradient(top, #575153 0%, #302d2d 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#575153), color-stop(100%,#302D2D));
			background: -webkit-linear-gradient(top, #575153 0%,#302D2D 100%);
			background: -o-linear-gradient(top, #575153 0%,#302d2d 100%);
			background: -ms-linear-gradient(top, #575153 0%,#302d2d 100%);
			background: linear-gradient(to bottom, #575153 0%,#302D2D 100%);
			}
		.footer .foot_left {
			margin:0 0 20px 0;
			}
		#fttrigger{
			margin-left:auto;
			width:36px;
			height:36px;
			background:url(../img/base/trigger.png) no-repeat center;
			background-size:25px;
			margin-bottom:20px;
			cursor:pointer;
			}
		#ftclose{
			margin-left:auto;
			width:36px;
			height:36px;
			background:url(../img/base/close.png) no-repeat center;
			background-size:25px;
			margin-bottom:20px;
			cursor:pointer;
			}
		}*/
 .footerlogo {
 width:90%;
 margin-top:40px;
}
 .footerlogo img {
 margin-top: -20px;
}
}
 @media(min-width:1px) and (max-width:500px) {
 .smallbr {
display:block !important;
}
 .s_menu {
 padding-right:0;
 width:95%;
 float:none;
 text-align:right;
}
 .s_menu li {
 display: inline;
 float: none;
 padding-left: 10px;
 text-align: center;
}
 .g_menu .tel a {
 display:none;
}
 .g_menu ul li {
 width:50%;
}
}
 @media(max-width:1000px) {
 .footer .inr {
 padding-bottom:7px;
}
 .footer .foot_left {
 height: 157px !important;
 padding-top: 20px;
 width:100%;
 box-shadow:0 1px 4px rgba(255, 255, 255, .3) inset;
 background:url(../img/base/ft_bgsm.gif);
 position:relative;
 float:none;
}
 .footer .foot_left a.info {
 margin: 0 auto 20px;
}
 .footer .foot_left:after {
 content: "";
 position: absolute;
 left: 5%;
 right: 5%;
 top: 95px;
 height: 2px;
 background: #FFF;
 border-top: 2px solid #000;
 opacity: 0.15;
}
 .footer .inr .ftmenu>div:nth-child(1),  .footer .inr .ftmenu>div:nth-child(2),  .footer .inr .ftmenu>div:nth-child(3) {
 padding:0 !important;
 margin:0 !important;
 clear:both !important;
 margin-left:0 !important;
}
 .footer .inr .ftmenu>div:nth-child(1) div.box,  .footer .inr .ftmenu>div:nth-child(2) div.box,  .footer .inr .ftmenu>div:nth-child(3) div.box {
 margin-bottom: 20px !important;
}
 .footer .inr .ftmenu>div:nth-child(1) h4,  .footer .inr .ftmenu>div:nth-child(2) div:nth-child(1) h4,  .footer .inr .ftmenu>div:nth-child(3) h4 {
 font-size:12px !important;
 line-height: 12px !important;
 padding:20px !important;
 margin:0 !important;
 border-bottom:none !important;
 background: #f0f0f0;
 background: -moz-linear-gradient(top, #f0f0f0 0%, #b0aaaa 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0), color-stop(100%, #b0aaaa));
 background: -webkit-linear-gradient(top, #f0f0f0 0%, #b0aaaa 100%);
 background: -o-linear-gradient(top, #f0f0f0 0%, #b0aaaa 100%);
 background: -ms-linear-gradient(top, #f0f0f0 0%, #b0aaaa 100%);
 background: linear-gradient(to bottom, #f0f0f0 0%, #b0aaaa 100%);
 color:#484848;
}
 .footer .inr .ftmenu>div:nth-child(2) div:nth-child(2) h4 {
 padding:0 !important;
 margin:0 !important;
 height:auto !important;
}
 .footer .inr .ftmenu>div:nth-child(1) ul li,  .footer .inr .ftmenu>div:nth-child(2) ul li,  .footer .inr .ftmenu>div:nth-child(3) ul li {
 padding-left:0 !important;
}
 .footer .inr .ftmenu>div:nth-child(1) ul li a,  .footer .inr .ftmenu>div:nth-child(2) h4 a,  .footer .inr .ftmenu>div:nth-child(2) div:nth-child(1) ul li a,  .footer .inr .ftmenu>div:nth-child(3) ul li a {
 display:block;
 height:12px;
 font-size:12px !important;
 line-height: 12px !important;
 padding:20px !important;
 margin:0 !important;
 border-bottom:none !important;
 background: #575153;
 background: -moz-linear-gradient(top, #575153 0%, #302d2d 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #575153), color-stop(100%, #302D2D));
 background: -webkit-linear-gradient(top, #575153 0%, #302D2D 100%);
 background: -o-linear-gradient(top, #575153 0%, #302d2d 100%);
 background: -ms-linear-gradient(top, #575153 0%, #302d2d 100%);
 background: linear-gradient(to bottom, #575153 0%, #302D2D 100%);
}
 .footer .foot_left {
 margin:0 0 20px 0;
}
 #fttrigger {
 margin-left:auto;
 width:36px;
 height:36px;
 background:url(../img/base/trigger.png) no-repeat center;
 background-size:25px;
 margin-bottom:20px;
 cursor:pointer;
}
 #ftclose {
 margin-left:auto;
 width:36px;
 height:36px;
 background:url(../img/base/close.png) no-repeat center;
 background-size:25px;
 margin-bottom:20px;
 cursor:pointer;
}
.g_menu ul li .nolink{ background:#4a4546 !important; cursor:default; display:block;}
}