html, body { height: 100%; }

body {
	margin: 0 auto;
	text-align: center;
	font-family:"HiraMinPro-W3", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "細明朝体",serif;
	color: #444;
	font-size: 17px;
	line-height: 200%; 
	padding:0px;
	letter-spacing:1px;
}


a:hover img
{
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}

img {
	border: 0px;
	vertical-align:bottom;
}

* {
	padding:0;
	margin:0;
}

ol,ul{list-style:none;}

a {
	color: #940B12;
	text-decoration: underline;
	padding:0;
	margin:0;
}

a:hover,a:active {
	color: #999;
	text-decoration: underline;
	padding:0;
	margin:0;
}



.clear {
	clear: both;
	font: 0pt/0pt sans-serif;
}

table {
	text-align: left;
	border: 0px;
	border-collapse: separate;
	border-spacing: 1px;
	margin:0px;
	padding: 0px;
	letter-spacing:0px;
}

td {
	text-align: left;
	margin:10px;
	padding: 10px;
}


h1{
	width: 300px;
	height: 170px;
	background: url(/images/logo2.png) no-repeat;
	background-size: 300px auto;
	display:block;
	text-indent:-9999em;
	text-decoration:none;
	overflow:hidden;
		    z-index: 10;
    	padding: 0;
	margin:20px 0;
}

h2{
	font-size: 20px;
	text-decoration: none;
	padding:0;
	margin:0;
	color: #940B12;
		letter-spacing:2px;
}

h3{
	font-size: 18px;
}

small{
	color: #666;
}

.font-g-12px{
	font-size: 12px;
	line-height:140%;
	color: #333333;
	font-weight: bold;
}

.font-w-12px{
	font-size: 12px;
	line-height:140%;
	color: #ffffff;
}
.font-w-14px{
	font-size: 14px;
	line-height:140%;
	color: #ffffff;
}
.font-g-14px{
	font-size: 14px;
	line-height:140%;
	color: #333333;
}
.font-g-16px{
	font-size: 16px;
	line-height:140%;
	color:#333333;
	font-weight: bold;
}
.font-b-16px{
	font-size: 16px;
	line-height:140%;
	color:#00877D;
	font-weight: bold;
}

/* Menu */

#menu {
	background: bottom center url(/images/sh01.png) repeat-x;
	width: 100%;
	height: 65px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	z-index: 100;
}

#menu-box {
	width: 965px;
	height: 65px;
	padding:0;
	margin: 0px auto 0px auto;
	z-index: 100;
	text-align: right;	    
}

/* Top */

#top-logo{
	width: 360px;
	height: 170px;
	margin: 80px 0px 0px 0px;
}

#top-blog{
	width: 170px;
	height: 170px;
	padding: 0px 0px 20px 0px;
}

#top-blog img{
	width: 100%;
	height: auto;
}

#top-mm{
    position: absolute;
    top:100px;
    right:35px;
	width: 240px;
	height: 240px;
}

#top-mm img{
	width: 100%;
	height: auto;
}

img#top-mm-g{
    float: right;
	width: 130px;
	height: auto;
}


#top-txt{
    position: absolute;
    top:0;
    right:0;
	width: 100%;
				text-align: right;
				  background: rgba(148,11,18, 0.65);
}

#top-txt p{
	font-size: 80%;
	color: #fff;
		letter-spacing:0px;
			line-height: 160%; 
				text-align: right;
}


#news {
	background: bottom center url(/images/news-back.png) ;
	width: 100%;
	padding: 30px 0px 30px 0px;
	margin: 0px;
		z-index: 100;
}

#news-box {
	width: 965px;
	padding:0;
	margin: 0px auto 0px auto;
	z-index: 100;
	text-align: left;	    
}

#news-box .box-left {
	width: 225px;
	margin: 0px;
	 padding: 0px 0px 0px 0px;
		float:left;
			text-align: left;	 
}


#news-box .box-left p{
	 padding: 0px 0px 15px 0px;
}

#news-box .box-right p{
	 padding: 0px 0px 15px 0px;
	 line-height: 180%; 
}

.box-right h2{
	font-size: 130%;
	padding: 0 0 10px 0;
}


#news-box h3{
	padding: 10px 0 0 0;
	margin:0 0 0 0;
}

#news-box h3 a{
	font-size: 14px;
	text-decoration: none;
	color: #444;
		 line-height: 160%; 
}

#news-box h3 a:hover{
	font-size: 14px;
	text-decoration: none;
	color: #940B12;
			 line-height: 160%; 
}

#pickup {
}


#pickup-left {
	width: 460px;
	margin: 0px;
	 padding: 0px 0px 0px 0px;
		float:left;
}

#pickup-right {
	width: 200px;
	margin: 0px;
	 padding: 0px 0px 0px 0px;
		float:right;
}

#pickup h2,#pickup-left h2,#pickup-right h2{
	font-size: 120%;
	padding: 0 0 10px 0;
}



#pickup-right p{
	color: #222;
}

#pickup dl, #pickup-left dl, #pickup-right dl{
	width: 200px;
	margin: 0px;
	 padding: 0px 30px 0px 0px;
		float:left;
}

#pickup dl:nth-of-type(3) {
	 padding: 0px 0px 0px 0px;
}

#pickup dt, #pickup-left dt, #pickup-right dt{
	width: 200px;
	height: 150px;
	overflow:hidden;
	border: 2px solid #cfcfcf;
}

#pickup dt img, #pickup-left dt img, #pickup-right dt img {
	width: 200px;
	text-align: left;	    
}

#pickup dd, #pickup-left dd, #pickup-right dd{
	padding: 0px 0px 0px 0px;
}

#pickup a, #pickup-left a, #pickup-right a {
	color: #444;
	text-decoration: none;
	padding:0;
	margin:0;
		letter-spacing:0px;
			line-height: 180%; 
}

.box-right h3 {
	font-size: 16px;
}


/* Content */

#base{
	width: 100%;
	margin: 0px;
	border: 0px;	
	z-index: 10;
	position: absolute;
	}


#base-box {
	width: 965px;
	padding:0;
	margin: 0px auto 0px auto;
	text-align: left;
				    z-index: 10;
}

#contents {
	background: bottom center url(/images/k-back.gif) ;
	width: 100%;
	padding: 30px 0px 30px 0px;
	margin: 0px;
		z-index: 100;
}

#contents-box {
	width: 965px;
	padding:0;
	margin: 30px auto 30px auto;
	z-index: 100;
	text-align: left;	    
}

.box-left {
	width: 225px;
	margin: 0px;
	 padding: 0px 0px 0px 0px;
		float:left;
			text-align: center;	    
}

.box-left p{
	 padding: 30px 0px 10px 0px;
}

.box-left ul li a{
	color: #444;
	font-size: 15px;
	text-decoration: none;
	margin: 0px;
	padding: 15px 0px 0px 0px;
	text-align: left;	    
}

.box-left ul li a:hover {
	color: #999;
	text-decoration: underline;
}


.box-right {
	width: 670px;
	margin: 0px;
	 padding: 0px 0px 0px 0px;
		float:right;
		font-weight: bold; 
}

.box-img{
	margin: 0px 0px 0px -30px;
}

.box-img dl{
	width: 200px;
	height: 230px;	
	margin: 0px;
	 padding: 0px 0px 30px 30px;
		float:left;
}

.box-img dt{
	width: 200px;
	height: 150px;
	overflow:hidden;
	border: 2px solid #cfcfcf;
}

.box-img dt img{
	width: 200px;
	text-align: left;	    
}

.box-img dd{
	padding: 10px 0px 0px 0px;
}

.box-img a {
	color: #444;
	text-decoration: none;
	padding:0;
	margin:0;
		letter-spacing:0px;
			line-height: 150%; 
}



#k-logo{
	width: 360px;
	height: 140px;
	margin: 10px 0px 0px 0px;
}


#k-blog{
	width: 125px;
	height: 125px;
    position: absolute;
    top:20px;
   right:40px;
}

#k-blog img{
width: 100%;
	height: auto;
}

#k-mm{
	width: 125px;
	height: 125px;
    position: absolute;
    top:20px;
   right:200px;
}

#k-mm img{
width: 100%;
	height: auto;
}


#promotion {
	padding: 5px 0px 0px 0px;
}




.sen {
	width: 100%;
	margin: 30px 0px 30px 0px;
	border-top: 1px dotted #333;
}

#contents-title {
	width: 700px;
		float:right;
	border-bottom: 1px solid #00877D;
	margin: 0px 110px 0px 0px;
	 padding: 5px 0px 5px 0px;
}

#contents-left {
	width: 215px;
	margin: 0px;
	 padding: 0px 0px 20px 20px;
	font-size: 13px;
	font-weight: normal;
	line-height: 140%; 
		float:left;
}

#contents-right {
	width: 740px;
	margin: 0px;
	 padding: 0px 0px 20px 15px;
	font-size: 13px;
	font-weight: normal;
	line-height: 140%; 
		float:left;
}

#cmenu {
	 padding: 15px 0px 15px 0px;
}

#smenu {
	 padding: 0px 0px 15px 0px;
}



.news-list{
	text-align: left;
	padding: 20px 0px 20px 0px;
	margin: 10px 35px 10px 0px;
	clear: both;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #ccc;
	}	

.news-list0{
	text-align: left;
	padding: 20px 0px 20px 0px;
	margin: 10px 35px 10px 0px;
	clear: both;
	}	
		

.post-left {
	width: 470px;
	margin: 0px;
	 padding: 0px 30px 0px 0px;
	font-size: 12px;
	font-weight: normal;
	line-height: 140%; 
		float:left;
}

.post-right {
	width: 200px;
	margin: 0px;
		float:left;
			color: #940B12;
}



.pro table{
	width: 100%;
	vertical-align:top;
	text-align: left;
	border: 0px;
	border-collapse: separate;
	border-spacing: 1px;
	margin:5px 0px 0px 0px;
	padding: 0px;
}

.pro td {
	vertical-align:top;
	text-align: left;
	margin:2px 2px 2px 0px;
	padding: 2px 2px 2px 0px;
		border-top: 1px dotted #666;
	font-size: 15px;
}

.pro td strong{
	font-size: 17px;
}


.cel{
	font-size: 13px;
	background-color: #fff;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#E0E0E0));
background: -webkit-linear-gradient(#fff, #E0E0E0);
background: -moz-linear-gradient(#fff, #E0E0E0);
background: -ms-linear-gradient(#fff, #E0E0E0);
background: -o-linear-gradient(#fff, #E0E0E0);
background: linear-gradient(#fff, #E0E0E0);
-pie-background: linear-gradient(#fff, #E0E0E0);
behavior: url(PIE.htc);
}
.cel01{
	font-weight: bold;
	font-size: 13px;
	color: #ffffff;
	line-height:140%;
	padding: 5px 5px 5px 10px;
	background-color: #434A4B;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#434A4B), to(#121415));
background: -webkit-linear-gradient(#434A4B, #121415);
background: -moz-linear-gradient(#434A4B, #121415);
background: -ms-linear-gradient(#434A4B, #121415);
background: -o-linear-gradient(#434A4B, #121415);
background: linear-gradient(#434A4B, #121415);
-pie-background: linear-gradient(#434A4B, #121415);
behavior: url(PIE.htc);
}

.cel02{
	padding: 5px;
	font-size: 13px;
	color: #333333;
	line-height:140%;
	background-color: #FFFFFF;
}

.cel03{
	font-weight: bold;
	border-top: 1px solid #00877D;
	border-bottom: 1px dotted #323232;
	padding: 5px;
	background-color: #FFFFFF;
}

.cel04{
	border-bottom: 1px dotted #323232;
	padding: 5px;
	background-color: #FFFFFF;
}


.staff{
	padding: 5px;
	font-size: 12px;
	color: #333333;
	line-height:140%;
	background-color: #E9E3D3;
}


#title {
	padding: 0px 0px 8px 0px;
}


.next {
	text-align: right;
	padding: 0px 20px 0px 0px;
    margin:0;
	font-size: 13px;
	font-weight: normal;
	line-height: 140%; 
}
.next a{
	text-align: right;
	padding: 0px 20px 0px 0px;
    margin:0;
	font-size: 13px;
	font-weight: normal;
	line-height: 140%; 
}
.next a:hover {
	text-align: right;
	padding: 0px 20px 4px 0px;
    margin:0;
  text-decoration: underline;
}

.square{
	clear:left;
	border-top: 1px dotted #999999;
	border-right: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
	border-left: 1px dotted #999999;
	padding: 5px;
	}



.img-left{

	float:left;

	margin-right: 20px;

	}

.img-right{

	float:right;

	margin-left: 20px;

	}

.img-right p{
	margin-bottom: 20px;

	}

.time {

	color: #EA8683;
    font-size: 13px;
}


.subtitle{
	margin: 0px;
	padding: 0px 0px 0px 20px;
	background: url(/images/icons.gif) left top no-repeat;
	color: #555555;
	font-size: 12px;
	line-height: 150%; 
	font-weight: bold;
}

.news {
	padding: 0px 0px 0px 0px;
	border: 1px #666666 dotted;
}

.magenta{
	color: #D52558;

	}
.gray{

	color: #555555;

	}
	
.tb01 {
	padding: 6px 0px 6px 0px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #2EA98F;
		background-color: #ffffff;
	}
	
.tb02 {
	padding: 6px 0px 6px 0px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	}

.tb03 {
	padding: 4px;
	margin: 0px;
	background-color: #caf2eb;
	}

.tb04 {
	padding: 4px;
	margin: 0px;
	background-color: #e4faf7;
	}

.tb05 {
	padding: 2px;
	margin: 0px;
	background-color: #2EA98F;
	  color :#FFF;
	}
.tb06 {
	text-align: center;
	}
.tb07 {
	padding: 6px 6px 6px 6px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #2EA98F;
	}
.tb08 {
	background-color: #FFF;
	}
.tbl {
	padding: 4px;
	margin: 4px;
		background: url(/images/tb.gif) center top repeat;
	}
	
.tb00 {
	padding: 6px 0px 6px 0px;
	margin: 0px;
	}
	
.photo-box{
	width: 180px;
	height:160px;
	text-align: center;
	margin: 0 auto;
	padding: 0px;
	line-height:130%;
	background-image: url(images/photoback.gif);
	background-repeat: no-repeat;
	float:left;
}

.photo{
	width: 140px;
	height:150px;
	margin: 0 auto;
	padding: 14px 15px 0px 5px;
	font-size: 12px;
	color: #333333;
}

.photo img {
	margin: 0px 0px 5px 0px;
}

.photo a {
	font-size: 13px;
	line-height:130%;
	color: #00877D;
	text-decoration: none;
	padding:0;
	margin:0;
}

.photo a:hover,
.photo a:active {
	color: #00877D;
	text-decoration: underline;
	padding:0;
	margin:0;
}

.service-img {
	vertical-align:top;
	padding: 0px 10px 0px 0px;
	margin: 0px;
	float: left;
	}


.main{
	padding: 0px;
	margin: 0px;
	border: 0px;	
}

.main div.contents{
	padding: 0px;
	margin: 0px;
	border: 0px;	
}


.pan {
	margin: 0px;
	padding: 0px 10px 15px 0px;
	font-size: 10px;
	text-align: right;
	color: #666;
}

.pan a{
	color: #666;
}

.pan h2{
	font-size: 10px;
	text-align: right;
	color: #fff;
	display:inline;
}

.pan h2 a{
	color: #fff;
}


#company img{
	padding: 0px 10px 10px 0px;
}

#company a {
	padding:0;
	margin:0;
}

#company a:hover,
#company a:active {
	padding:0;
	margin:0;
}

#company-left {
	width: 170px;
	margin: 0px;
	 padding: 135px 0px 0px 0px;
	font-size: 13px;
	font-weight: normal;
	line-height: 140%; 
		float:left;
}

#company-right {
	width: 850px;
	margin: 0px;
	 padding: 0px 0px 0px 15px;
	font-size: 13px;
	font-weight: normal;
	line-height: 140%; 
		float:left;
}

#company-right  img{
	padding: 0px 13px 13px 0px;
}

#company-right  a {
	padding:0;
	margin:0;
}

#company-right  a:hover,
#company-right  a:active {
	padding:0;
	margin:0;
}

.thm{
	width: 150px;
	height: 225px;
	padding: 0px 0px 0px 50px ;
	float: left;
}

.thm01{
	width: 150px;
	height: 150px;
	padding: 0px 0px 0px 0px ;
    padding:0;
	overflow: hidden;
}

.thm02{
	padding: 5px 0px 0px 0px ;
	line-height: 130%;
}

.thm02 a {
	text-decoration: none;
	color: #fff;
	padding: 0px 0px 0px 0px ;
	}
	
.thm02 a:hover {
	text-decoration: none;
	color: #999;
	}



  /* Footer
-----------------------------------------*/

#footer {
  width: 100%;
  height: 250px;
  background-image: url(/images/footer.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
  z-index: 100;
  color: #fff;
  text-align: center;
}

#footer::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 100px);
  padding-top: 100px;
  background: rgba(148, 11, 18, 0.65);
  mix-blend-mode: multiply;
  z-index: 1;
}

#footer .footer-text {
  position: relative;
  z-index: 2; 
  padding-top: 100px;
  font-size: 80%;
}

#footer-box {
	width: 965px;
	margin: 0px auto 0px auto;
	text-align: right;
	font-size: 11px;
	line-height: 140%; 	
		    z-index: 0;
}


 .news-time{
	font-size: 10px;
	color: #666;
}



  /* Img
-----------------------------------------*/

.topslideshow { position: fixed; left:0; top:0; z-index: -1; height: 100%; width: 100%; }  
.topslideshow img { position: absolute; min-height: 100%; min-width: 800px; width: 100%; height: auto;left:0; bottom:0; } 

.slideshow { position: fixed; left:0; top:0; z-index: -1;  width: 100%; }  
.slideshow img { position: absolute;  min-width: 800px; width: 100%; height: auto;left:0; top:0; } 

@media screen and (max-device-width: 480px) {
#slide li img {
position: relative;
}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
#slide li img {
position: relative;
}
}


.navigation {
	margin-top: 15px;
	margin-bottom: 15px;
	}

.navigation a{
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	border-bottom-width: 0px
	}
	

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
/* Store */

.item-pickup-left{
	width: 	200px;
    padding: 20px 30px 20px 20px;
	float: left;
}

.item-pickup-left img{
	width: 	200px;
}

.item-pickup-left p{
    padding:2px 0 15px 0;
    margin: 0;
	text-align: left;
}


.item-pickup-right{
	width: 	550px;
    padding: 20px 0px 20px 0px;
	float: left;
}

.item-pickup-right select{
    padding: 0px 5px 0px 0px;
    vertical-align:top;
}


.item-box{
	width: 	170px;
	height: 170px;
    padding: 10px 0 25px 0;
	float: left;
}

.item-img{
	width: 150px;
	height: 150px;
    padding:0;
}

.item-img a:hover img
{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: #fff;
	border-width: 0px;
}

.item-title{
	width: 150px;
    padding:0;
    margin:5px 0 0 0;
	color: #ffffff;
	text-align: left;
	font-size: 13px;
}

.item-title a{
    text-decoration: none;
	color: #ffffff;
}

.item-title a:hover{
    text-decoration: none;
	color: #999999;
}

.item-ex{
    padding:0 0 0 0;
    margin: 0;
	text-align: left;
}

.item-ex p{
    padding:0;
    margin: 0;
	color: #777777;
    font-size: 11px;
　line-height: 11px;
}

dl.accordion {  margin:0 auto 30px; padding:0px; }
dl.accordion dt {
	letter-spacing:0px;
     padding:3px 3px 3px 3px; text-indent:10px;  color:#000; font-weight:bold; cursor:pointer;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eee), to(#E0E0E0));
background: -webkit-linear-gradient(#eee, #E0E0E0);
background: -moz-linear-gradient(#eee, #E0E0E0);
background: -ms-linear-gradient(#eee, #E0E0E0);
background: -o-linear-gradient(#eee, #E0E0E0);
background: linear-gradient(#eee, #E0E0E0);
-pie-background: linear-gradient(#eee, #E0E0E0);
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
behavior: url(/PIE.htc);}
dl.accordion dd { padding:10px; line-height:1.5; display:none; background: #fff;
opacity:0.9;
filter: alpha(opacity=90);
-ms-filter: "alpha( opacity=90 )";}

dl.accordion dd{  	font-size: 15px; }


.gallery-caption{
	display:none;
	}

.space{
	clear: both;
display:block;
height: 30px;
}

.sp-box {
  display: none;
  }

@media screen and (max-device-width: 480px) and (orientation: portrait) {
  #menu-box,#base-box,#news-box,#contents-box,#footer-box
{
    width: 90% !important;
}
  #menu-box
{
	text-align: center;
}
  .box-left,
  .box-right {
  width: 100% !important;
    float: none !important;
    margin: 0 auto;
    padding: 10px 0;
  }

  .box-left ul {
  display: none;
  }

#pickup dl, #pickup-left dl, #pickup-right dl{
	width: 30%;
	margin: 0px;
	 padding: 0px 3% 0px 0px;
		float:left;
}

#pickup dl:nth-of-type(3) {
	 padding: 0px 0px 0px 0px;
}

#pickup dt, #pickup-left dt, #pickup-right dt{
	width: auto;
}

#pickup dt img, #pickup-left dt img, #pickup-right dt img {
	width: 100%;
}

.box-img dl{
	width: 30%;
	margin: 0px;
	 padding: 0px 3% 0px 0px;
		float:left;
}

.box-img dl:nth-of-type(3) {
	 padding: 0px 0px 0px 0px;
}

.box-img dt{
	width: auto;
}

.box-img dt img{
	width: 100%;
}

.sp-box {
  display: block;
    padding: 10px 0 0 0;
   margin: 10px 0;
    	border-top: 1px dotted #333;
  }
  
  body {
    font-size: 16px;
  }
}