@charset "UTF-8";

* {font-family:"メイリオ","Hiragino Kaku Gothic Pro W6","ヒラギノ角ゴ Pro W6","Osaka","ＭＳ Ｐゴシック";;

}
@media screen and (min-width: 720px){
img{
vertical-align:middle;
}

article:after{/* 回り込み解除 */
	content: "";
	display:block;
	clear:both;
}

h1,h2,h3,h4{
	-moz-text-shadow:0 -1px 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(255, 255, 255, 0.5);	
	-webkit-text-shadow:0 -1px 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(255, 255, 255, 0.5);		
	text-shadow:0 -1px 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(255, 255, 255, 0.5);	
}

/* clear */

.clear{
	clear:both;
}

/* clearfix */
.clearfix:after {
  content: "";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
/*******トップ***********/
body{
width:100%;
height:100%;
margin:0;
padding:0;
text-align:center;
vertical-align:top;
background-position:top;
background:#FFF;
text-align:center;
}

#wrapper{
	width:880px;
	margin:10px auto 0;
	overflow:hidden;
	padding-bottom:10px;
}

header.head{
border-top:5px solid #055699;
text-align:left;
background: url(../images/headback.gif) repeat-x;
margin:0 auto;
}

header .hbox{
width:900px;
margin:0 auto;
overflow:hidden;
}

.gnavi{
width:250px;
margin:15px 0px 0px 5px;
padding:5px;
float:left;
border-radius:4px;
}

.gnavi ul li{
width:115px;
font-size:12px;
color:#000000;
list-style:none;
padding:3px;
font-weight:bold;
float:left;
}

.fl{
float:left;
margin:0 10px 10px 10px;
}

.fr{
float:right;
margin:0 10px 10px 10px;
}
img.fr {
object-fit:cover;
width: 25%;
}
.fr2{
float:right;
margin:0 10px 10px 10px;
}
img.fr2 {
object-fit:cover;
width: 25%;
}
#mainimg{
clear:both;
margin:0 auto;
}

.tobuy{
margin:0px auto;
padding:20px 0 40px 0;
}

/*******メインコンテンツ***********/

section#side{
	float:left;
	width:210px;
	text-align:center;
	margin:0;
	vertical-align:middle;
}

h2.stbana{
margin:0 0 10px 0;
padding:2px;
background-color:#DDD;
}

.sgn1{
margin:0;
padding:0 0 5px 0;
background:#0C5FA9;
font-size:16px;
}

.sgn2{
margin:10px 0;
padding:5px 0;
background:#ccc;
font-size:12px;
}

ul.sg{
margin:0 5px;
background-color:#FFFFFF;
padding:5px;
text-align:left;
}

ul.sg li{
list-style:none;
text-align:left;
color:#000000;
border-bottom:1px solid #CCCCCC;
padding:10px 0 5px 0;
margin-bottom:5px;
background-image:url(../images/sya.gif);
background-repeat:no-repeat;
background-position:right 50%;
}


h3{
padding:5px;
font-size:14px;
color:#FFFFFF;
}

h3.smt1{
background-color:#091138;
}

h3.smt2{
background-color:#301601;
}

h3.smt3{
background-color:#35277C;
}

h3.smt4{
background-color:#346B61;
}

h3.smt5{
background-color:#AB277E;
}

h3.smt6{
background-color: #F39;
}

h3.smt7{
background-color:#000000;
color:#FFFFFF;
}

/*******メインコンテンツ***********/
section#main{
	float:right;
	width:614px;
	text-align:center;
}

article{
margin:0px auto 0;
padding:0px;
}

header.tit{
margin:0 auto;
background:none;
}

.chach1{
background: #FFFFCC; 
padding:7px 10px;
border-radius:4px;
}

.chach1 p{
line-height:160%;
font-size:14px;
color:#000000;
text-align:left;
}

.tm{
margin:0 auto;
background:#DCE9F4;
text-align:left;
padding:0;
overflow:hidden;
}

.tm ul li{
width:283px;
background:#FFFFFF;
margin:5px;
float:left;
list-style:none;
border:1px solid #999999;
padding:3px;
}

.tm ul li p{
padding:5px;
font-size:12px;
line-height:160%;
}

article.topsei{
margin:10px auto;
background: url(../images/top_clear_back.gif) repeat-y;
border:1px solid #CCCCCC;
padding:10px;
}

article.topsei p{
padding:5px;
line-height:160%;
font-size:13px;
color:#000000;
text-align:left;
}

article.flowtoi{
margin:10px auto;
background:#DDD;
border:1px solid #CCCCCC;
padding:5px;
}

.wb{
margin:0 auto;
background:#FFFFFF;
padding-bottom:5px;
font-weight:bold;
font-size:13px;
}

.toitex1{
margin:5px;
padding:5px;
text-align:left;
background:#FFE9E9;
color:#000;
font-weight:bold;
font-size:13px;
}

/*******footer***********/
footer{
margin:0 auto;
background:#EDEDED;
}

#fmbox{
width:880px;
margin:0px auto;
padding:20px 0 10px 0;
overflow:hidden;
text-align:center;
overflow:hidden;
}

h3.ftit{
text-align:left;
font-size:12px;
color:#000000;
padding:5px;
font-weight:bold;
color:#003399;
border-left:5px solid #003399;
background-color:#F4F4F4;
}

.footm{
margin:0 20px 0 0;
padding:0;
float:left;

}

.footm ul{
margin:0 auto 10px;
padding:0;
}


.footm ul li{
text-align:left;
color:#000000;
padding:5px;
margin-left:10px;
list-style:none;
font-size:12px;
margin-left:5px;
}

p.ad{
clear:both;
background:#055699;
text-align:center;
padding:10px;
font-size:12px;
color:#FFFFFF;
}

a:link{
color:#000000;
text-decoration:none;
}

a:visited{
color:#000000;
text-decoration:none;
}

a:hover{
color:#FF0000;
text-decoration:underline;
}

/*******qa***********/

h3.qq{
margin:10px 10px 5px 10px;
padding:5px 10px;
background:#CCFFFF;
font-size:14px;
color:#003399;
text-align:left;
line-height:160%;
}

h4.qa{
margin:0 10px 10px 10px;
padding:5px 10px;
background:#FFF;
font-size:14px;
color:#000;
text-align:left;
font-weight:normal;
border-bottom:1px solid #CCCCCC;
line-height:160%;
}

h3.com{
margin:10px 10px 5px 10px;
padding:5px 10px;
background:#e4eef2;
font-size:14px;
color:#000;
text-align:left;
line-height:160%;
}

/*******sitemap***********/
h2.s2tit{
padding:0px 10px;
color: #003399;
font-size:16px;
font-weight:bold;
text-align:left;
}

h3.s3tit{
margin:5px 10px 0;
padding:5px 10px;
color: #000;
font-size:14px;
font-weight:bold;
text-align:left;
background:#DDD;
}

ul.smap{
margin:10px;
}

ul.smap li{
font-size:14px;
text-align:left;
color:#000000;
padding:10px;
margin-left:10px;
}

/*******generic***********/
h2.gentit{
margin:0 auto;
padding:0;
}

article.genex p{
padding:10px 20px;
line-height:160%;
font-size:14px;
color:#000000;
text-align:left;
}

/*******flow***********/
article.cyui{
clear:both;
border:3px solid #CC0000;
margin:20px 10px;
padding:5px 10px;
-webkit-box-shadow: 2px 2px 2px #777;
-moz-box-shadow: 2px 2px 2px #777;
box-shadow: 2px 2px 2px #777;
border-radius:4px;
}

h3.cyutit{
margin:0;
padding:5px 0px 0 0;
color: #000;
font-size:16px;
font-weight:bold;
text-align:center;
}

ul.cyutex{
margin:10px;
}

ul.cyutex li{
font-size:14px;
text-align:left;
color:#000000;
padding:10px;
margin-left:10px;
border-bottom:1px dotted #CCCCCC;
line-height:160%;
}

h2.fltit{
clear:both;
margin:10px 10px 5px 10px;
padding:10px;
background:#CCFFFF;
font-size:16px;
color:#FFF;
text-align:left;
background: -webkit-gradient(linear, left top, left bottom,from(#086BBB),to(#133F8B));
background: -moz-linear-gradient(top, #086BBB, #133F8B);
-webkit-box-shadow: 2px 2px 2px #777;
-moz-box-shadow: 2px 2px 2px #777;
box-shadow: 2px 2px 2px #777;
border-radius:4px;
text-shadow: 2px 2px 2px #777;
}

h3.fltex{
margin:0 10px 10px 10px;
padding:10px;
background:#FFF;
font-size:14px;
color:#000;
text-align:left;
font-weight:normal;
line-height:160%;
}

/*******jona***********/
h3.h3img{
clear:both;
margin:0;
padding:0;
}

h3.kt{
padding:10px 0 0 10px;
font-size:18px;
font-weight:bold;
color: #003399;
text-align:left;
border-bottom:1px solid #0099CC;
}

.buyare{
background:#FFFFCC;
margin:0 auto;
padding:0;
overflow:hidden;
}

.pryare{
width:270px;
margin:0 10px;
padding:10px;
float:left;
}

.pryare p{
font-size:16px;
color:#000000;
text-align:left;
line-height:160%;
font-weight:bold;
}

.pryare p.buypyu{
padding:3px;
font-size:12px;
color:#FFF;
text-align:left;
background:#FF6600;
font-weight:bold;
text-align:center;
}

.lastbuy{
width:290px;
float:left;
margin:20px 0 0 0;
padding:0;
}

.matbox{
margin:20px 0;
padding:20px;
clear:both;
border:6px solid #330000;
border-radius:4px;
}

dl.matinfo {
	        color: #000000;
            padding: 0px;
			text-align:left;
			line-height:155%;

		}

dl.matinfo p{
			font-size:16px;
	        color: #FF0000;
			text-align:left;
			font-weight:bold;

		}
		
	dl.matinfo dt {
			margin: 0;
			padding:5px;
			font-weight: bold;
			background:#E4EEF2;
			font-size:14px;

		}
	
	dl.matinfo dd {
	font-size:12px;
			padding: 5px 5px 10px 15px;
border-bottom: 1px dotted #999;
		}



/*******koe***********/
.koebox{
margin:10px;
padding:10px;
background:url(../images/koeboxback.gif) repeat-y;
border:3px solid #CCCC99;
}

/*******form***********/
section#form{
	float:right;
	width:614px;
	text-align:left;
}

.formbox{
margin:0 10px;
padding:20px;
border:3px solid #CCCCCC;
border-radius:2px;
}

p.formp{
padding:10px;
font-size:14px;
color:#000000;
text-align:left;
line-height:160%;
}

.formbox ol li.syou{
margin-bottom:15px;
padding-bottom:10px;
border-bottom:1px dotted #CCCCCC;
line-height:160%;
}


div#thanks {
	padding: 40px 0px 40px 0px;
	text-align: center;
}
div#thanks p {
	font-size: 16px;
}
div#thanks p strong {
	font-size: 18px;
	color: #CC0000;
}

/***** color ****************/


.fb{
font-weight:bold;
}

.fbcr{
color:#CC0000;
font-weight:bold;
}

.fbcrpr{
font-size:28px;
color:#CC0000;
font-weight:bold;
}

.fbcb{
color:#003399;
font-weight:bold;
}

.fbcg{
color: #006600;
font-weight:bold;
}

.fbcp{
color: #FF0066;
font-weight:bold;
}

.rul{
color:#CC0000;
text-decoration:underline;
}
.slideshow{
position:relative;
width:880px;
height:421px;
margin:0 auto;
}

.slideshow p{
position:absolute;
top:0;
left:0;
opacity:0.0;
margin:0;
height:auto;
}

.slideshow p.active{
opacity:1.0;
}
.slideshow p.last-active{
}

.slideshow p img{
width:880px;
height:421px;
display:block;
}

}



/*この↑パソコン*/












/*この下からスマホ*/
@media screen and (max-width: 720px){
img{
vertical-align:middle;
width:100%;
}

article:after{/* 回り込み解除 */
	content: "";
	display:block;
	clear:both;
}

h1,h2,h3,h4{
	-moz-text-shadow:0 -1px 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(255, 255, 255, 0.5);	
	-webkit-text-shadow:0 -1px 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(255, 255, 255, 0.5);		
	text-shadow:0 -1px 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(255, 255, 255, 0.5);	
}

/* clear */

.clear{
	clear:both;
}

/* clearfix */
.clearfix:after {
  content: "";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

/*******トップ***********/
body{
margin:0;
padding:0;
background:#FFF;
text-align:center;
}

header{
text-align:center;
margin:0 auto;
border-top:2px solid #055699;
padding-bottom:10px;
background:#FFF;
-pie-background:linear-gradient(#fff,#d6d6d6);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fff), color-stop(0.00, #d6d6d6));
background: -webkit-linear-gradient(top, #fff 70%, #d6d6d6 100%);
background: -moz-linear-gradient(top, #fff 70%, #d6d6d6 100%);
background: -o-linear-gradient(top, #fff 70%, #d6d6d6 100%);
background: -ms-linear-gradient(top, #fff 70%, #d6d6d6 100%);
background: linear-gradient(to bottom, #fff 70%, #d6d6d6 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFFFF', endColorstr='#d6d6d6');
}

.htit1{
margin:5px 70px;
padding:5px;
background:#003366;
color:#FFFFFF;
font-size:14px;
}

.htit2{
margin:0px;
padding:0px;
color:#000;
font-size:20px;
font-weight:bold;
}

.jenep{
background:#FFFFCC;
margin:0 auto;
padding:10px 10px 15px 10px;
color:#000000;
font-size:14px;
text-align:left;
}

.jenebt{
margin:10px 40px 0 40px;
background:#ff530b;
padding:10px;
text-align:center;
border-radius:8px;
border:1px solid #FFDCC4;
font-size:14px;
color:#FFFFFF;
font-weight:bold;
text-shadow:0 2px 2px 2px #777;
-webkit-box-shadow: 2px 2px 2px #777;
-moz-box-shadow: 2px 2px 2px #777;
box-shadow: 2px 2px 2px #777;
}

.telbt{
margin:0px 40px 0 40px;
background: #CC0000;
padding:10px;
text-align:center;
border-radius:8px;
border:1px solid #FFDCC4;
font-size:14px;
color:#FFFFFF;
font-weight:bold;
text-shadow:0 2px 2px 2px #777;
-webkit-box-shadow: 2px 2px 2px #777;
-moz-box-shadow: 2px 2px 2px #777;
box-shadow: 2px 2px 2px #777;
}

.toibt{
margin:0px 40px 10px 40px;
background:#ff530b;
padding:10px;
text-align:center;
border-radius:8px;
border:1px solid #FFDCC4;
font-size:14px;
color:#FFFFFF;
font-weight:bold;
text-shadow:0 2px 2px 2px #777;
-webkit-box-shadow: 2px 2px 2px #777;
-moz-box-shadow: 2px 2px 2px #777;
box-shadow: 2px 2px 2px #777;
}

.jenebt a, .telbt a, .toibt a{
width:98%;
display:block;
overflow:hidden;
}

a:link{
color:#FFF;
text-decoration:none;
}

a:visited{
color:#FFF;
text-decoration:none;
}

a:hover{
color: #0000FF;
text-decoration:underline;
}

/*******メインコンテンツ***********/
section{
margin:0 auto;
padding:0px;
text-align:center;
}

article{
margin:0px auto 0;
padding:0px;
}

article.pb5{
margin:0px auto 0;
padding-bottom:5px;
}

article.topsei{
margin:10px auto;
background: url(../images/top_clear_back.gif) repeat;
border:1px solid #CCCCCC;
padding:10px;
}

p.toip{
font-size:14px;
padding:10px;
line-height:160%;
color:#000000;
font-weight:bold;
text-align:center;
}

p.faxp{
font-size:18px;
padding:10px;
line-height:160%;
color:#000000;
font-weight:bold;
text-align:center;
}

article.topsei p{
padding:5px;
line-height:160%;
font-size:13px;
color:#000000;
text-align:left;
}

header.tit{
object-fit:cover;
/*margin:0 5px*/;
background:#FFFFFF;
/*padding:10px;*/
font-size:16px;
text-align:left;
color:#FFFFFF;
font-weight:bold;
}

.fl{
float:left;
margin:0 10px 5px 0px;
}

.fr{
float:right;
margin:0 0px 5px 10px;
}
.fr2{
float:right;
margin:0 40px 5px 10px;
}
img.fr {
object-fit:cover;
width: 100px;
margin:0 0px 20px 20px;
}

img.fr2 {
width: 40%;
margin:0 0px 5px 2px
}

footer{
margin:0px auto 0;
background:#EDEDED;
}

#fmbox{
margin:0px auto;
padding:10px 0 10px 0;
overflow:hidden;
text-align:center;
overflow:hidden;
}

h3.ftit{
text-align:left;
font-size:14px;
color:#000000;
font-weight:bold;
color:#FFF;
padding:10px;
}

/*******nav***********/
nav.syouhin{
background:#DCE9f4;
padding:5px;
margin:0 5px;
}

p.ssetu{
background: #FFFFCC;
padding:5px;
color: #FF3300;
font-size:12px;
text-align:left;
}

ul.tmat li{
margin:5px auto;
padding-bottom:5px;
border-bottom:1px dotted #CCCCCC;
list-style:none;
}

h3.stit{
font-size:15px;
font-weight:bold;
text-align:left;
padding:5px;
}

nav.footm{
margin:0px auto 0;
background:#EDEDED;
padding:5px 0;
overflow:hidden;
text-align:center;
overflow:hidden;
}

nav.footm ul{
margin:0 auto;
padding:0;
}


nav.footm ul li{
text-align:left;
color:#FFF;
padding:10px 5px;
margin-left:10px;
list-style:none;
font-size:16px;
margin-left:5px;
background:#F4F4F4;
margin-bottom:2px;
}

nav.footm ul li a{
width:96%;
display:block;
overflow:hidden;
}

nav.footm a:link{
color:#000;
text-decoration:none;
}

nav.footm a:visited{
color:#000;
text-decoration:none;
}

nav.footm a:hover{
color: #CC0000;
text-decoration:none;
}

/*******footer***********/
footer{
margin:0px auto 0;
background:#055699;
}

p.ad{
clear:both;
text-align:center;
padding:10px;
font-size:12px;
color:#FFFFFF;
}

/*******generic***********/
h2.gentit{
margin:0 auto;
padding:0;
}

article.genex p{
padding:10px 20px;
line-height:160%;
font-size:14px;
color:#000000;
text-align:left;
}

/*******cyui***********/

article.cyui{
clear:both;
background: #FFFFCC;
border:3px solid #CC0000;
margin:10px 5px;
padding:5px 10px;
-webkit-box-shadow: 2px 2px 2px #777;
-moz-box-shadow: 2px 2px 2px #777;
box-shadow: 2px 2px 2px #777;
border-radius:4px;
}

h3.cyutit{
margin:0;
padding:5px 0px 0 0;
color: #000;
font-size:15px;
font-weight:bold;
text-align:center;
}

ul.cyutex{
margin:0;
}

ul.cyutex li{
font-size:14px;
text-align:left;
color:#000000;
padding:10px;
border-bottom:1px dotted #CCCCCC;
line-height:160%;
list-style:none;
}

/*******qa***********/

h3.qq{
margin:10px 10px 5px 10px;
padding:5px 10px;
background:#CCFFFF;
font-size:14px;
color:#003399;
text-align:left;
line-height:160%;
}

h4.qa{
margin:0 10px 10px 10px;
padding:5px 10px;
background:#FFF;
font-size:14px;
color:#000;
text-align:left;
font-weight:normal;
border-bottom:1px solid #CCCCCC;
line-height:160%;
}

/*******flow***********/

h2.fltit{
clear:both;
margin:10px 5px 5px 5px;
padding:10px;
background:#CCFFFF;
font-size:16px;
color:#FFF;
text-align:left;
background: -webkit-gradient(linear, left top, left bottom,from(#086BBB),to(#133F8B));
background: -moz-linear-gradient(top, #086BBB, #133F8B);
-webkit-box-shadow: 2px 2px 2px #777;
-moz-box-shadow: 2px 2px 2px #777;
box-shadow: 2px 2px 2px #777;
border-radius:4px;
text-shadow: 2px 2px 2px #777;
}

h3.fltex{
margin:0 5px 10px 5px;
padding:10px;
background:#FFF;
font-size:14px;
color:#000;
text-align:left;
font-weight:normal;
line-height:160%;
}

/*******koe***********/
.koebox{
margin:10px;
padding:10px;
background:url(../images/koeboxback.gif);
border:3px solid #CCCC99;
}
/*******sgaiyou***********/
h3.h3img{
clear:both;
margin:0;
padding:0;
}

h3.kt{
padding:10px 0 0 10px;
font-size:16px;
font-weight:bold;
color: #003399;
text-align:left;
border-bottom:1px solid #0099CC;
}

.pryare{
margin:0;
padding-bottom:5px;
background:#FFFFCC;
}

.pryare p{
padding:5px 10px;
line-height:155%;
font-weight:bold;
font-size:16px;
color:#000000;
}

.pryare p.buypyu{
margin:0 60px;
padding:3px;
font-size:12px;
color:#FFF;
text-align:left;
background: #0066CC;
font-weight:bold;
text-align:center;
}

.matbox{
margin:10px 5px;
padding:5px 10px;
clear:both;
border:2px solid #330000;
}

dl.matinfo {
	        color: #000000;
            padding: 0px;
			text-align:left;
			line-height:155%;

		}

dl.matinfo p{
			font-size:16px;
	        color: #FF0000;
			text-align:left;
			font-weight:bold;

		}
		
	dl.matinfo dt {
			margin: 0;
			padding:5px;
			font-weight: bold;
			background:#E4EEF2;
			font-size:14px;

		}
	
	dl.matinfo dd {
font-size:12px;
padding: 5px 5px 10px 15px;
border-bottom: 1px dotted #999;
		}

dl.matinfo a:link{
color: #0000CC;
text-decoration:none;
}

dl.matinfo a:visited{
color:#0000CC;
text-decoration:none;
}

dl.matinfo a:hover{
color: #CC0000;
text-decoration:none;
}


div#thanks {
	padding: 20px 0px 20px 0px;
	text-align: center;
}
div#thanks p {
	font-size: 16px;
}
div#thanks p strong {
	font-size: 18px;
	color: #CC0000;
}


/***** color ****************/


.fb{
font-weight:bold;
}



.fbcr{
color:#CC0000;
font-weight:bold;
}

.fbcb{
color:#003399;
font-weight:bold;
}

.fbcg{
color: #006600;
font-weight:bold;
}

.fbcp{
color: #FF0066;
font-weight:bold;
}

.fbcrpr{
font-size:22px;
color:#CC0000;
font-weight:bold;
}

.rul{
color:#CC0000;
text-decoration:underline;
}


.slideshow{
position:relative;
width:880px;
height:421px;
margin:0 auto;
}

.slideshow p{
position:absolute;
top:0;
left:0;
opacity:0.0;
margin:0;
height:auto;
}

.slideshow p.active{
opacity:1.0;
}
.slideshow p.last-active{
}

.slideshow p img{
width:880px;
height:421px;
display:block;
}

.chach1{
background: #FFFFCC; 
padding:7px 10px;
border-radius:4px;
}

.chach1 p{
line-height:160%;
font-size:14px;
color:#000000;
text-align:left;
}




/*オーダー用*/

img{
text-align:center;
vertical-align:middle;
margin:0;
padding:0;
}

body{
margin:0;
padding:0;
background:#FFF;
text-align:center;
}

#theader{
text-align:center;
margin:0 auto;
border-top:2px solid #055699;
padding-bottom:10px;
background:#FFF;
-pie-background:linear-gradient(#fff,#d6d6d6);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fff), color-stop(0.00, #d6d6d6));
background: -webkit-linear-gradient(top, #fff 70%, #d6d6d6 100%);
background: -moz-linear-gradient(top, #fff 70%, #d6d6d6 100%);
background: -o-linear-gradient(top, #fff 70%, #d6d6d6 100%);
background: -ms-linear-gradient(top, #fff 70%, #d6d6d6 100%);
background: linear-gradient(to bottom, #fff 70%, #d6d6d6 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFFFF', endColorstr='#d6d6d6');
}

.htit1{
margin:5px 110px;
padding:5px;
background:#003366;
color:#FFFFFF;
font-size:28px;
}

.htit2{
margin:0px;
padding:0px;
color:#000;
font-size:40px;
font-weight:bold;
}

#mfp_phase_1{
box-shadow:none;
border:none;
}

form#mailform dd,dl,dt{
font-size:24px;
}

form#mailform dd.mfptr_s{
font-size:21px;
}

dl{
	margin:20px 30px;
	font-size:26px;
}

dt{
	margin:0;
	font-weight:bold;
}

dd{
	line-height:160%;
	padding:5px;
	border-bottom:dotted 1px #ccc;
	margin:0 0 10px 0;
}

p.fontb{
font-size:32px;
text-align:left;
}


#container{
	background:#fff;
	margin:10px 10px 0 10px;
	padding:10px;
	text-align:left;
	border-radius:6px;
}

#contents{
margin:0;
}

#contents p{
	padding:5px;
	font-size:28px;
	line-height:1.5em;
}

/*******nav***********/
nav.syouhin{
background:#DCE9f4;
padding:5px;
margin:0 5px;
}

p.ssetu{
background: #FFFFCC;
padding:5px;
color: #FF3300;
font-size:12px;
text-align:left;
}

ul.tmat li{
margin:5px auto;
padding-bottom:5px;
border-bottom:1px dotted #CCCCCC;
list-style:none;
}

h3.stit{
font-size:15px;
font-weight:bold;
text-align:left;
padding:5px;
}

.footm{
margin:0 10px;
background:#EDEDED;
padding:5px 0;
overflow:hidden;
text-align:center;
overflow:hidden;
}

.footm ul{
margin:0 auto;
padding:0;
}


.footm ul li{
text-align:left;
color:#FFF;
padding:10px 5px;
margin-left:10px;
list-style:none;
font-size:30px;
margin-left:5px;
background:#F4F4F4;
margin-bottom:2px;
}

.footm ul li a{
width:96%;
display:block;
overflow:hidden;
}

.footm a:link{
color:#000;
text-decoration:none;
}

.footm a:visited{
color:#000;
text-decoration:none;
}

.footm a:hover{
color: #CC0000;
text-decoration:none;
}

/*******footer***********/
#footer{
margin:0px auto 0;
background:#055699;
}

p.ad{
clear:both;
text-align:center;
padding:10px;
font-size:12px;
color:#FFFFFF;
}


.tit{
margin:10px 10px 0 10px;
background:#003366;
padding:10px;
font-size:32px;
text-align:left;
color:#FFFFFF;
font-weight:bold;
}

.cyui{
clear:both;
background: #FFFFCC;
border:3px solid #CC0000;
margin:0 10px;
padding:5px 10px;
-webkit-box-shadow: 2px 2px 2px #777;
-moz-box-shadow: 2px 2px 2px #777;
box-shadow: 2px 2px 2px #777;
border-radius:4px;
}

h3.cyutit{
margin:0;
padding:5px 0px 0 0;
color: #000;
font-size:30px;
font-weight:bold;
text-align:center;
}

ul.cyutex{
margin:0;
}

ul.cyutex li{
font-size:28px;
text-align:left;
color:#000000;
padding:10px;
border-bottom:1px dotted #CCCCCC;
line-height:160%;
list-style:none;
}

h2.fltit{
clear:both;
margin:10px 0px 5px 0px;
padding:10px;
background:#CCFFFF;
font-size:32px;
color:#FFF;
text-align:left;
background: -webkit-gradient(linear, left top, left bottom,from(#086BBB),to(#133F8B));
background: -moz-linear-gradient(top, #086BBB, #133F8B);
-webkit-box-shadow: 2px 2px 2px #777;
-moz-box-shadow: 2px 2px 2px #777;
box-shadow: 2px 2px 2px #777;
border-radius:4px;
text-shadow: 2px 2px 2px #777;
}

h3.fltex{
margin:0 0px 10px 0px;
padding:10px;
background:#FFF;
font-size:28px;
color:#000;
text-align:left;
font-weight:normal;
line-height:160%;
}

.fl{
float:left;
margin:0 10px 5px 0px;
}

.fr{
float:right;
margin:0 0px 5px 10px;
}

#contents p.topline{
border-top:1px dotted #CCCCCC;
margin:10px 0 0 0;
padding:5px 5px 5px 5px;
}

p.ad{
clear:both;
text-align:center;
padding:10px;
font-size:24px;
color:#FFFFFF;
}

#contents ol li.syou{
margin-bottom:15px;
padding-bottom:10px;
border-bottom:1px dotted #CCCCCC;
line-height:160%;
}

/***** color ****************/


.fb{
font-weight:bold;
}



.fbcr{
color:#CC0000;
font-weight:bold;
}

.fbcb{
color:#003399;
font-weight:bold;
}

.fbcg{
color: #006600;
font-weight:bold;
}

.fbcp{
color: #FF0066;
font-weight:bold;
}

.fbcrpr{
font-size:22px;
color:#CC0000;
font-weight:bold;
}

.rul{
color:#CC0000;
text-decoration:underline;
}
/*オーダー用ここまで*/

/*この下から消す設定*/
.hbox{
display:none;
}
h2.stbana{
display:none;
}
.fl{
display:none;
}
.gnavi{
display:none;
}
.sgn1{
display:none;
}
.sg{
display:none;
}

.chach1{
display:none;
}

.flowtoi{
display:none;
}

.footm2{
display:none;
}
}

/*この下からパソコンの除去設定*/

@media screen and (min-width: 720px){
.htit1{
display:none;
}
.htit2{
display:none;
}

.jenep{
display:none;
}
.jenebt{
display:none;
}



article.pb5{
display:none;
}

.toip{
display:none;
}


.telbt{
display:none;
}


.faxp{
display:none;
}
.faxp{
display:none;
}
.tmat{
display:none;
}

.ssetu{
display:none;
}

.stit{
display:none;
}

.footm3{
display:none;
}

}

/*PCで無効*/
.smp_br{
    display: none;

}

.smp_tagu{
display: none;
}

/*スマートフォンで有効*/
@media screen and (max-width:768px) {
    .smp_br{
        display: block;
    }
.smp_tagu{
display: block;
position:relative;
}

}

.lpgazo{
  width: 600px;
  object-fit: cover;
}