@charset "UTF-8";

/*== RESPONSIVE ====================================================*/
@media print, screen and (min-width: 671px) {
/*==================================================================*/

/* CSS Document */
body {
	font-size: 12px;
	font-family: Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #333333;
	margin: 0;
	padding: 0;
	overflow: hidden;
	min-width: 980px;
}
.Fl {
	float: left;
}
.Fr {
	float: right;
}
.PC-none{
	display:none;
}
h1,h2,h3,p,ul,li,dl,dt,dd {
	margin: 0;
	padding: 0;
	list-style: none;
}
h1,h2,h3,h4,h5,h6 {
	font-family: '游ゴシック',YuGothic,Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
a:link,
a:visited {
	color: #333333;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	cursor: pointer !important;
}
a:hover>img, .Header h1:hover {
    opacity:0.7; /*モダンブラウザ用*/
    filter:alpha(opacity=70); /*IE7以下用*/
    -ms-filter:"alpha(opacity=70)"; /*IE8用*/
}
.edit {
	width: 980px;
	margin: 0 auto 15px;
	overflow: hidden;
}
.edit img {
}
img {
	-moz-user-select : none; /*Firefox*/
	-khtml-user-select : none; /*Safari*/
	-webkit-user-select : none; /*Safari*/
	user-select:none;
}
img {
    max-width: 100%;
    height: auto !important;
}
.HTMLeditor {
    word-break: break-all;
}
.HTMLeditor:after {
    content: "";
    display: block;
    clear: both;
}
*, *:before, *:after {
    box-sizing: inherit;
}
input, textarea, th, td {
    margin: 0;
}

td, th {
    display: table-cell;
    vertical-align: inherit;
}
table {
    border-collapse: separate;
}
table {
    border-spacing: 0;
}
caption, th {
    text-align: left;
}
address, caption, cite, code, dfn, th, var {
    font-style: normal;
    font-weight: normal;
}
/* ---------------------------------
見えないようにする要素
--------------------------------- */ 
.Footer.sp,
.global-menu-sp,
.blog .main-content.sp,
.products .main-content.sp,
#acMenu,
.sp-menu .sp-logo  {
	display: none!important;
}

/* --------------------------------- 
------------------------------------
sub
------------------------------------
------------------------------------*/
.sub-image {
    margin: 0 0 40px;
    height: 200px;
}
.sub-image .sub-image-bg {
    width: 100%;
    height: 100%;
    background: url(/img/bg_subimage02.jpg) center top no-repeat;
}
.sub-image h2 {
    width: 980px;
	height: 200px;
    margin: auto;
	overflow: hidden;
	text-indent: -9999px;
}
.sub-image h2.blog-title {
	background: url(/img/subimage_01.png) 28px top no-repeat;
}
.sub-image h2.contact-title {
	background: url(/img/subimage_05.png) 28px top no-repeat;
}
.sub-image h2.concept-title {
	background: url(/img/subimage_04.png) 28px top no-repeat;
}
.sub-image h2.lesson-title{
	background: url(/img/subimage_lesson.png) 28px top no-repeat;
}
.sub-image h2.item-title {
	background: url(/img/subimage_03.png) 28px top no-repeat;
}
.sub-image h2.shop-title {
	background: url(/img/subimage_02.png) 28px top no-repeat;
}
.sub-image h2.catalog-title{
	background: url(/img/subimage_catalog.png) 28px top no-repeat;
}
.sub-image h2.order-title{
	background: url(/img/subimage_order.png) 28px top no-repeat;
}
/* --------------------------------- 
------------------------------------
Other
------------------------------------
------------------------------------*/
.Clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.Clearfix {
	/* for ie */
	display: inline-block;
}
/* Hides from IE-mac \*/
*html .Clearfix {
	height: 1%;
}
.Clearfix {
	display: block;
}
/* End hide from IE-mac */

/* --  txt-btn-wrap  --*/
.txt-btn-wrap {
	text-align: center;
}
.txt-btn-wrap:hover {
	background: #666;
}
.txt-btn-wrap a {
    color: #333 !important;
    display: block;
}
.txt-btn-wrap a:hover {
	text-decoration: none;
}

/* --  btn-wrap  --*/
.btn-wrap a {
	display: inline-block;
	text-indent: -9999px;
}
.btn-wrap a:hover {
	background-position: 0 bottom !important;
	cursor: pointer !important;
}
.inner-content {
	width: 980px;
	margin: 0 auto;
}
/* --  inner-wrap  --*/
.inner-wrap {
	width: 980px;
	margin: 0px auto;
}
.none {
	display: none;
}

/* --  shadow-element  --*/
.shadow-element {
	box-shadow:rgba(0, 0, 0, 0.0980392) 0px 0px 6px 2px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.0980392) 0px 0px 6px 2px;
	-moz-box-shadow:rgba(0, 0, 0, 0.0980392) 0px 0px 6px 2px;
}
.shadow-element02 {
	box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 14px 5px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 14px 5px;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 14px 5px;
	z-index: 1px;
	position: relative;
}

/* --PC　ここから--------------------------------------------------------------------- */
.content-title {
	font-size: 23px;
	padding: 1px 13px 0px;
	border-left: 9px solid #222;
	border-right: 9px solid #222;
	display: inline-block;
	margin-bottom: 10px;
	line-height: 1.2;
}
.main-content {
	margin-top: 5px;
}
/* --------------------------------- 
------------------------------------
Wrapper
------------------------------------
------------------------------------*/
.Wrapper {
  width: 100%;
  padding: 0;
}
/* --------------------------------- 
------------------------------------
Header 
------------------------------------
------------------------------------*/
.Header {
	margin: 10px 0;
}
.Header .inner-wrap {
	padding: 6px 0;
	position: relative;
}
.Header .inner-wrap .sp-left-wrap {
    width: 600px;
    float: left;
}
.Header .inner-wrap .sp-left-wrap .left-wrap {
	/*float: left;
	width: 244px;*/
	height: 72px;
}
.Header .inner-wrap .sp-left-wrap .left-wrap a {
	display: block;
}
.Header .inner-wrap .sp-left-wrap .left-wrap a img {
    width: 220px;
    margin-top: 10px;
}
.Header .left-wrap .logo.pc {
	/*float: left;
	width: 180px;
	padding-right: 20px;*/
}
.Header .right-wrap {
	float: right;
	padding: 6px 0px 0px;
}
.Header h1 {
	width: 645px;
	font-size: 12px;
	padding-top: 10px;
	font-weight: normal;
}
.Header .index-meta-pc h1 {
	width: 980px;
	padding-top: 0px;
	padding-bottom: 10px;
}
.Header .inquiry-tel {
	padding: 8px 0px; 
    color: #444;
    letter-spacing: 0.5px;
    /* background-color: #FEE8E2; */
}
.Header .inquiry-tel a {
    background-color: #bd3c1d;
    box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 3.5px 1px;
    display: inline-block;
    text-decoration: none !important;
    font-size: 16px;
    padding: 8px 30px 7px;
    line-height: 1.3;
    letter-spacing: 1.5px;
    color: #FFF !important;
}
.Header .inquiry-tel span {
	display: inline-block;
	vertical-align: middle;
}
.Header .inquiry-tel .read-txt {
	display: inline-block;
	/*margin-right:1em;*/
}
.Header .inquiry-tel .read-info {
    font-size: 16px;
	margin-right: 10px;
}

/* --  global-menu  --*/
.global-menu {
	padding-bottom: 4px !important;
	width: 980px;
	margin: 0 auto 15px;
}
.global-menu .wb-edit{
	width: 980px;
	margin: 0 auto;
}
.global-menu li {
    float: left;
	border-right: 1px solid #E2E2E2;
	width: 161px;
	padding:1px 0 1px 1px;
	height: 65px;
}
.global-menu li:first-child {
	border-left: 1px solid #E2E2E2;
	padding:1px 0 1px;
}
.global-menu li a {
	display: block;
	height: 65px;
}
.global-menu li:hover,
.global-menu li.current {
	background-color: #FEF4F4;
    border: 1px solid #E00717;
	padding: 0;
}
.global-menu li span {
	display: block;
	font-size: 11px;
	letter-spacing: 2px;
	color: #464646;
	margin-top: 2px;
}
.global-menu li a:hover>img {
  opacity:1; /*モダンブラウザ用*/
  filter:alpha(opacity=100); /*IE7以下用*/
  -ms-filter:"alpha(opacity=100)"; /*IE8用*/
}
/* --------------------------------- 
------------------------------------
Content
------------------------------------
------------------------------------*/

.Content.Sub{
	margin-bottom:40px;
}
.Content.Sub .inner-wrap {
	font-size: 13px;
	line-height: 1.6;
	position: relative;
}
.breadcrumb {
	position:absolute;
	bottom: 5px;
	left: 0;
}
.wb-sitemap {
  margin: 0 auto;
  background: #f4f4f4;
  padding: 10px;}
.wb-sitemap ul{
	display:block;
	width:980px;
	margin:0 auto;
}
.breadcrumb .wb-sitemap,
.wb-sitemap li {
	display: inline-block;
	padding: 0 3px;
	font-size: 11px;
}
.wb-sitemap li a {
	color: #666666;
}
/* ---------- sub-image -------------*/
.sub-image {
	margin: 20px 0;
	  height: 200px;
}
/* --------------------------------- 
------------------------------------
Alpha 
------------------------------------
------------------------------------*/
.Alpha {
    float: left;
    padding: 0 0 40px;
    width: 260px;
	font-size: 12px;
	line-height: 1.5;
}
.Alpha .side-anchor-wrap .title-wrap{
	border-bottom: 1px solid #222;
	margin-bottom: 16px;
	padding: 0px 20px 0px 5px;
}
.Alpha .side-anchor-wrap .wb-blog {
	margin-bottom: 26px;
}
.Alpha .wb-blog-date {
	display: block;
	font-size: 11px;
	padding-left: 20px;
}
.side-anchor-wrap .wb-blog-list a,  .side-anchor-wrap .wb-blog-categ-title a,  .side-anchor-wrap .wb-blog-month-title a {
	display: block;
	width: 240px;
	margin: 0 0 6px;
	padding: 0 0 4px 20px;
	background: url(/img/arrow.jpg) no-repeat 10px 6px;
	border-bottom: 1px solid #D7D7D7;
}
.side-anchor-wrap li {}
.side-anchor-wrap li a {
	display: block;
	width: 232px;
	margin: 0 0 10px;
	padding: 8px 0 8px 26px;
	background: url(/img/arrow.jpg) no-repeat 14px 50%;
	border: 1px solid #D7D7D7;
}
/* --------------------------------- 
------------------------------------
.Beta 
------------------------------------
------------------------------------*/
.Beta {
    float: right;
    width: 685px;
}
.Beta .wb-blog-title {
	padding: 5px 11px 3px;
	background-color: #F3F3F3;;
	font-size: 14px;
	font-weight: bold;
	font-family: '游ゴシック',YuGothic,Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.Beta .wb-blog-title a {
	color: #333;
}
.Beta .wb-blog-list {
	position: relative;
    margin-bottom: 20px;
}
.Beta .wb-blog-date {
	margin: 5px 12px 15px;
	font-size: 11px;
}
.Beta .wb-blog-body {
	padding: 0 12px;
}
.Beta .wb-blog-continue {
	margin-top: 20px;
	padding: 0 12px;
}
.Beta .wb-blog-bottom,  .wb-blog-trackback,  .wb-blog-page .wb-blog-page-separator {
	display: none;
}
.Beta .wb-blog-continue-btn {
	padding: 20px 12px 0px;
	font-size: 12px;
	text-align: right;
}
.Beta .wb-blog-blog .wb-blog-page {
	display: none;
}
.Beta .wb-list-back {
	margin-top: 40px;
	text-align: center;
}
.Beta .wb-list-back a {
	display:inline-block;
	text-indent: -9999px;
	text-align:center;
	width: 160px;
	height: 34px;
	background: url(/img/btn_blog_detail_back.jpg) no-repeat 0 0;
}
.Beta .wb-list-back a:hover {
	background-position: 0 bottom;
}
.Beta .wb-blog-categ-title {
    font-size: 19px;
    font-family: '游ゴシック',YuGothic,Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    font-weight: bold;
    padding: 1px 0 4px 45px;
    margin: 0px 0 20px;
    background: url("../img/icon_mizu_s.png") no-repeat left 2px;
    box-sizing: border-box;
    line-height: 1.15;
    border-bottom: 1px solid #E00717;
}
/* --------------------------------- 
------------------------------------
Pagetop
------------------------------------
------------------------------------*/
.Pagetop {
  width: 980px;
  margin: 0px auto;
  padding: 20px 0;
  text-align: right;
}
.Pagetop .wb-edit {
	display: inline-block;
	width: 300px;
	height: 20px;
}
.Pagetop a {
    color: #333;
    background: #FEE8E2;
    padding: 3px 6px;
    font-size: 10px;
}
/* --------------------------------- 
------------------------------------
Footer
------------------------------------
------------------------------------*/
.Footer {
	padding-top: 30px;
}
.Footer table tr th a:hover{
	text-decoration:none;
}
.Footer .inner-wrap {
	position: relative;
}
.Footer .left-wrap {
	float: left;
	width: 320px;
}
.Footer .right-wrap {
	float: right;
	width: 540px;
}
.Footer .footer_company_txt {
	float: left;
	width: 265px;
	text-align: right;
}
.Footer .footer_company_txt .wb-edit {
	display: inline-block;
	text-align: left;
}
.Footer .footer_company_map {
	float: right;
	width: 248px;
}
.Footer .footer_company_map .wb-map iframe {
    width: 248px;
	height: 225px;
}
.Footer .inner-wrap .left-wrap ul li{
  background: url(/img/arrow.jpg) no-repeat left 11px;
  text-align: left;
  font-weight: 100;
  padding: 5px 20px 5px 10px;
  font-size: 13px;
  vertical-align: top;
}

.Footer .inner-wrap .right-wrap table .footer_map{
  padding-left: 15px;
}
.Footer .Copyright {
	width: 980px;
	margin: 0 auto;
	font-size: 12px;
    clear: both;
    padding: 10px;
    border-top: 1px solid #CCC;
    color: #666666;
    text-align: right;
}
.Footer .page-top {
	padding-top: 14px;
	position: absolute;
	top: 0;
	right: 0;
}
.Footer .page-top #sp-menu-bottom {
	display: none;
}
.Footer .map-link {
    padding: 7px 3px;
	text-align: right;
}
/* --------------------------------- 
------------------------------------
Other
------------------------------------
------------------------------------*/
.Clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.Clearfix {
	/* for ie */
	display: inline-block;
}
/* Hides from IE-mac \*/
*html .Clearfix {
	height: 1%;
}
.Clearfix {
	display: block;
}
/* End hide from IE-mac */


/*-----------pair---------*/
.wb-pair {
	box-sizing: border-box;
	width: 980px;
}
.wb-pair-categ {
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
.wb-pair-list {
	border-bottom: 1px solid rgb(204, 204, 204);
}
.wb-pair-list-title, .wb-pair-list-body {
	display: table-cell;
	vertical-align: middle;
	padding: 8px 12px;
}
.wb-pair-list-title {
	background-color: #F3F3F3;
	font-weight: bold;
	font-family: "游ゴシック",YuGothic,Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 14px;
	line-height: 128%;
	width: 176px;
}
/* --------------------------------- 
------------------------------------
	一般のお客様へ／印刷業者様へ
------------------------------------
------------------------------------*/
.top-appeal {
	text-align: center;	
	margin-bottom: 65px;
}
.top-appeal .top-appeal-head {
	font-size: 34px;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN, "メイリオ", Meiryo, serif;
	border-bottom: 4px solid rgb(34, 34, 34);
	width: 980px;
	line-height: 122%;
	padding-bottom: 6px;
	margin-bottom: 18px;
	font-weight: bold;
}
.top-appeal .top-appeal-txt {
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','游ゴシック',YuGothic,Arial,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 15px;
	line-height: 150%;
}
.appeal-box {
	margin-bottom: 42px;
}
.appeal-title {
	padding: 0px;
	font-family: "游ゴシック",YuGothic,Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-weight: bold;
	line-height: 170%;
	margin-bottom: 10px;
}
.appeal-point {
    font-size: 16px;
    border-left: 4px solid #222;
    padding: 2px 9px 1px;
}
.appeal-title-txt {
	border-left: 4px solid #CCC;
	padding: 6px 9px 7px;
	font-size: 24px;
}
.appeal-content {
}
.appeal-content-left {
	float: left;
	width: 610px;
}
.appeal-content-txt {
	text-align: justify;
	padding-left: 14px;
	font-size: 14px;
}
.appeal-content-right {
	float: right;
	width: 340px;
}
.appeal-content-right img {
	max-width: 340px;
}
/*== RESPONSIVE ====================================================*/
}
/*==================================================================*/

/*== @media ここまで =============================*/