/*---html5専用CSS---*/
/*---2017/01/24作成中---*/


h1{
	font-size : 14px;
	font-weight : normal;
	margin : 0px;
	text-align: center; 
}
h2	{
height:24px;
margin:5px 0px 5px 0px;
padding:8px 0px 0px 15px;
font-size:16px;
font-weight:bold;
color:#444444;
background-image: url("https://mf8.jp/top/h1/head016_05.gif");
	text-align: center;
}

h3	{
height:24px;
margin:0px 0px 5px 0px;
padding:8px 0px 0px 15px;
font-size:16px;
font-weight:bold;
color:#444444;
background-image: url("https://mf8.jp/top/h1/head016_01.gif");
	text-align: center;
}
h4	{
height:24px;
margin:0px 0px 5px 0px;
padding:8px 0px 0px 15px;
font-size:16px;
font-weight:bold;
color:#444444;
background-image: url("https://mf8.jp/top/h1/head016_03.gif");
	text-align: center;
}

body{
     font-family: Meiryo UI , "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro" , "メイリオ" , sans-serif;
}
/*=============================ヘッダーの上=============================*/
div.center{
	  text-align: center; 
		}
/*=============================ヘッダー=============================*/
/*---↓フッター---*/
/*---↓フッター上段3文字---*/
ul.nav{ 
  padding: 0px; 
  font-size: 0; 
} 
ul.nav li{ 
  display: inline-block; 
  border: 1px solid #fff; 
  padding: 5px; 
  background: #ffffff; 
  max-width: 300px; 
  text-align: center; 
  font-size: 12px; 
} 
ul.nav li a{  
  text-decoration: none; 
} 

/*---↓フッター下段3画像---*/
ul.nav2{ 
  padding: 2px; 
  font-size: 0; 
} 
ul.nav2 li{ 
  display: inline-block; 
  border: 0px solid #fff; 
  padding: 2px; 
  background: #fff; 
  max-width: 300px; 
  text-align: center; 
  font-size: 12px; 
} 
ul.nav li a{  
  text-decoration: none; 
} 

/*---↓ヘッダー大枠---*/
div.headerbox{
	width:800px;
		text-align: center;
		    margin: 0 auto;

}
/*---↓ヘッダー左ロゴ---*/
div.header1{
	width:150px;
	float:left;
}

/*---↓ヘッダー右リンク---*/
div.header2{
	width:650px;
	float:left;
		line-height: 5px;
}
div.clear { 
clear: both; 
}

/*=============================フッター=============================*/

/*---↓フッター大枠---*/
div.footerbox{
	width:600px;
		text-align: center;
		    margin: 0 auto;

}
/*---↓フッター左ロゴ---*/
div.footerbox1{
	width:290px;
	float:left;
		    margin: 0px 0px 20px 0px ;
}

/*---↓フッター右リンク---*/
div.footerbox2{
	width:290px;
	float:left;
		    margin: 0px 0px 20px 15px ;
}
div.clear { 
clear: both; 
}
/*=============================パンくずリスト=============================*/

div.pan800{
	width: 800px; margin:0 auto; text-align: center;
		    background-color : #d9ffd9;

}
/*=============================メインコンテンツ=============================*/
div.main800{
	width:830px;
		text-align: center;
		    margin: 0 auto;

}



 #content {
 margin: 0;
 padding: 0px 5px 5px 5px;
 float: right;
 width: 650px;
 text-align: left;
 color: #444;
 border-left: 1px solid #ccc;
 }

 #side {
 margin: 0;
 padding: 5px 5px 0px 5px;
 float: left;
 width: 150px;
 text-align: left;
 color: #444;
 }


 /*== サイド メニュー列 リスト=====*/
 #side ul{
 margin: 0;
 padding: 0;
 list-style: none;
 }

 #side li{
 display: inline;
 padding: 0;
 margin: 0;
 }

 #side li a{
 display: block;
 border: 1px solid #fffacd;
 background-color: #fff8cd;
 padding: 3px;
 text-decoration: none;
 color: #333;
 margin: 2px 0px;
 text-align: center;
 font-size: 13px;
 }

 #side li a:hover{
 border: 1px solid #8593A9;
 background-color: #fffacd;
 color: #0000cd
 }


 /*== メイン写真挿入=====*/
 #p400 {
 margin: 0;
 padding: 0px 5px 1px 3px;
 float: left;
 width: 400px;
 text-align: center;
 }

 /*== コンテンツ説明文=====*/
 #p250 {
 margin: 15px 0px;
 float: right;
 width: 250px;
 
 text-align: left;
 padding: 0px 5px 5px 5px;  border: 1px solid #61FC77;
 }



.clear {
	clear:both;　/*floatの解除、ここがポイント*/
}

div.a200{
 margin: 0;
 float: left;
 width: 198px;
 text-align: center;
 padding: 0px; margin-bottom: 1px; solid :#333333;
}

div.a400{
 margin: 0;
 float: left;
 width: 396px;
 text-align: center;
 padding: 0px; margin-bottom: 0px; solid:#333333;
}

div.a125{
 margin: 0;
 float: left;
 width: 123px;
 text-align: center;
 padding: 0px; margin-bottom: 1px;  solid #333333;
}


div.a250{
 margin: 0;
 float: left;
 width: 248px;
 text-align: center;
 padding: 0px; margin-bottom: 0px; solid #333333;
}

/*=============================PC非表示 スマホのみ表示=============================*/
.smhr {
  display:none;
}

.pcnone{
  display:none;
}

.FormTa{
  display:none;
}
/*=============================注文フォーム=============================*/
div.form800{
	width:800px;
		text-align: center;
		    margin: 0 auto;

}

div.form130{
	width:150px;
		text-align: center;
		line-height: center;
		    margin: 0 auto;

			float: left;
			background-color: #ffffce; padding: 5px;
			border:1px solid #ccc;
}
div.form650{
	width:600px;
		text-align: left;
		line-height: center;
		    margin: 0 auto;
			float: right;
			background-color: #ffffce; padding: 5px;
			border:1px solid #ccc;
}
div.both { 
clear: both; 
}


table.type01 {
	border-collapse: collapse;
	text-align: center;
	line-height: 1.5;
}
table.type01 th {
	width: 150px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	border: 1px solid #ccc;
}
table.type01 td {
	width: 350px;
	padding: 10px;
	vertical-align: top;
	border: 1px solid #ccc;
}


.FormTable {
  display:table;
  width:800px;
}

.FormTable div.row{
  display:table-row;
}

.FormTable div.cell{
  display:table-cell;
  border: 1px solid #000000;
	width:150px;
		text-align: center;
		line-height: center;
		    margin: 0 auto;
		    vertical-align: middle;
		    background-color: #ffff99; padding: 10px;
}

.FormTable div.cell2{
  display:table-cell;
  border: 1px solid #000000;
  	width:640px;
		text-align: left;
		line-height: center;
		    margin: 0 auto;
		    background-color: #ffffce; padding: 10px;
}
 /*== 文字表記・色・大きさ=====*/
p.fnumber { 
	 font-size: 150%; color: blue;
  		text-align: center;
		margin-bottom:1px;
 padding: 1px;
  		border: 1px;
  		solid #333333;">
}

p.plice {
	 font-size: 32px; color: red;  
	 	font-weight:bold;
 padding: 0;
 		text-align: center;
 		  		padding: 5px; margin: 0px; border: 1px solid #333333;">
}
div.area {
	 font-size: 16px; color: red;  
	 	font-weight:bold;
 margin: 0;
 padding: 0;
 		text-align: center;
 		  		padding: 3px; margin: 0px; border: 1px solid #333333;">
}

p.y{
    background-color: #ffff66;
}

.uy{
    background: linear-gradient(transparent 60%, #ffff66 60%);
}

.sm{
 font-size: 12px;
}
.sm2{
	font-size: 12px;
	color: blue;
	text-align: center;
}

.sm14{
	font-size: 14px;
}
.sm14_b{
	font-size: 14px;
	color:blue
}

.sm16_b{
	font-size: 18px;
	color:blue
}



.mm{
	font-size: 14px; color: red;
	font-weight:bold;
	text-align: center;
}

.b22{
	font-size: 22px; color: blue;
	font-weight:bold;
	text-align: center;
	margin-top: 0; margin-bottom: 0;
}

.b20{
	font-size: 20px; color: blue;
	font-weight:bold;
	text-align: center;
	margin-top: 0; margin-bottom: 0;
}
.b18{
	font-size: 18px; color: blue;
	font-weight:bold;
	text-align: center;
	margin-top: 0; margin-bottom: 0;
}
p.main{
font-size: 15px;
	margin-top: 0; margin-bottom: 0;
}

.gwhite{
    background-color: #009900;
    color: #fff;
    font-weight:bold;
}
.wr{
    color: #cc0000;
    font-weight:bold;
}
.left14{
	font-size: 14px; 
	text-align: left;
}
/*=============================フォーム振込先・色=============================*/
div.fno{
		font-weight:bold;
}

div.fno_r{
		font-weight:bold;
		color:red;
}

div.fno_b{
		font-weight:bold;
		color:blue;
}

div.fkm{
	line-height: 1.3;
		font-weight:bold;
			margin : 0px 0px 0px 10px;
}
div.fkm_b{
	line-height: 1.3;
		font-weight:bold;
		color: blue;
			margin : 0px 0px 0px 10px;
}
/*=============================フォーム下の概要=======*/
.FormTab {
  display:table;
  width:500px;
  		text-align: center;
  		margin: 0 auto;
  		padding : 30px 0px 30px 10px;
}

.FormTab div.row{
  display:table-row;
}

.FormTab div.cell{
  display:table-cell;
  border: 1px solid #fec05a;
	width:150px;
		text-align: center;
		line-height: center;
		    margin: 0 auto;
		    vertical-align: middle;
		    background-color: #ffffff; padding: 10px;
}

.FormTab div.cell2{
  display:table-cell;
  border: 1px solid #fec05a;
  	width:300px;
		text-align: left;
		line-height: center;
		    margin: 0 auto;
		    background-color: #ffffff; padding: 10px;
}
/*=============================PC 非表示=======*/
.FormTab {
  display: none;
}
/*=============================PC 非表示=======*/
@media (min-width: 481px) {
    #footerFloatingMenu {
        display: none;
    }
}
/*=============================パンくずリスト=======*/

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}

.breadcrumb li:not(:last-of-type)::after {
  content: "»";
  margin: 0 .6em; /* 記号の左右の余白 */
  color: #777; /* 記号の色 */
}
/*=============================パンくずリスト=======*/