.catalog{
	border:2px solid #555;
	box-sizing:border-box;
  background-color:#fff;
}

.catalog:hover{
	box-shadow: 5px 5px 8px #000;
  transform: translateY(-5px);
}

.catalog:active{
  background-color:#ff0;
}

.catalog_td{
	position:relative;
}

.catalog img{
  padding: 10px 0;
}

.catalog_link a{
	display:block;
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	text-indent:-999px;
	}
	
.catalog_block_1{
font-size : 28px;
font-weight: bold;
color: #ff007a;
text-align: center;
}
.catalog_block_2{
	padding:15px 0;
	width:95%;
	background-color:#0000ff;
	text-align:center;
	font-size : 26px;
	font-weight:bold;
	color : #fff;
	margin:15px auto 10px;
}
.catalog_block_3{
	text-align:center; 
	font-size : 23px;
	color:#000;
}
-->

.catalog_hn{
	border:2px solid #555;
	box-sizing:border-box;
  background-color:#fff;
}

.catalog_hn img{
  padding: 10px 0;
}


.td_01{
 background-color:#ffffff;
 text-align:left;
 line-height:150%;
 font-size:17px;
 padding-left:5px;
}

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

.td_01a{
 background-color:#ffffff;
 text-align:left;
 line-height:150%;
 font-size:17px;
 text-decoration: none;
 padding-left:5px;
 padding-top:10px;
 padding-bottom:10px;
}

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

.td_02{
 background-color:#ffffff;
 text-align:center;
 line-height:200%;
 color:#000;
 font-size:16px;
}

.td_02a{
 background-color:#ffffff;
 text-align:center;
 line-height:140%;
 color:#000;
 font-size:16px;
}

.td_03{
 background-color:#ffffff;
 text-align:left;
 line-height:200%;
 color:#000;
 font-size:16px;
 padding-left:5px;
}

.td_03a{
 background-color:#ffffff;
 text-align:left;
 line-height:150%;
 color:#000;
 font-size:16px;
 padding-left:5px;
 padding-top:8px;
 padding-bottom:8px;
}

.td_03b{
 background-color:#ffffff;
 text-align:left;
 line-height:120%;
 color:#000;
 font-size:16px;
 padding-left:5px;
 padding-top:5px;
 padding-bottom:5px;
}

.td_04{
 background-color:#ffffff;
 text-align:left;
 line-height:200%;
 color:#000;
 font-size:13px;
 padding-left:5px;
}

.td_04a{
 background-color:#ffffff;
 text-align:left;
 line-height:200%;
 color:#000;
 font-size:12px;
 padding-left:5px;
}


.td_04b{
 background-color:#ffffff;
 text-align:left;
 line-height:200%;
 color:#000;
 font-size:15px;
 padding-left:5px;
}


/* ボタン見出し */

.btn_title{
  width: 650px;
  height: 80px;
  position: relative;
  background:linear-gradient(to top, #e4e4e4, #ffffff 30%, #ffffff 70%, #e4e4e4 100%);
  margin-bottom: 40px;
  border-top: 2px solid #003366;
  border-bottom: 2px solid #003366;
}

.btn_title img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

/* ボタンエリア */
.two_btn{
  display: flex;
  width: 650px;
  margin-bottom: 40px;
}

/* 左ボタン */
.btn_left{
  width: 300px;
  height: 80px;
  border: 1px solid #555;
  border-radius: 4px;
  box-shadow: 0px 5px #555;
  background:linear-gradient(to top, #e4e4e4, #ffffff 30%, #ffffff 70%, #e4e4e4 100%);
  position: relative;
}

.btn_left a{
  text-decoration: none;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  
}

.btn_left span{
  font-size: 36px;
  font-weight: bold;
  color: #003366;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.btn_left:hover span{
  color: #00f;
  text-shadow: 0px 0px 2px #1e90ff,0px 0px 8px #9cc;
}

.btn_left:active{
  box-shadow: none;
  position: relative;
  top: 5px;
}

/* 右ボタン */
.btn_right{
  width: 300px;
  height: 80px;
  border: 1px solid #555;
  border-radius: 4px;
  box-shadow: 0px 5px #555;
  background:linear-gradient(to top, #e4e4e4, #ffffff 30%, #ffffff 70%, #e4e4e4 100%);
  position: relative;
  margin-left: 50px;
}

.btn_right a{
  text-decoration: none;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  
}

.btn_right span{
  font-size: 36px;
  font-weight: bold;
  color: #003366;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.btn_right:hover span{
  color: #00f;
  text-shadow:  0px 0px 2px #1e90ff,0px 0px 8px #9cc;
}

.btn_right:active{
  box-shadow: none;
  position: relative;
  top: 5px;
}

/* メーカーリンクボタン */
.btn_maker{
  width: 600px;
  height: 80px;
  border: 1px solid #555;
  border-radius: 4px;
  box-shadow: 0px 5px #555;
  background:linear-gradient(to top, #e4e4e4, #ffffff 30%, #ffffff 70%, #e4e4e4 100%);
  position: relative;
  margin-bottom: 30px;
}

.btn_maker a{
  text-decoration: none;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  
}

.btn_maker span{
  font-size: 30px;
  font-weight: bold;
  color: #003366;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.btn_maker:hover span{
  color: #00f;
  text-shadow:  0px 0px 2px #1e90ff,0px 0px 8px #9cc;
}

.btn_maker:active{
  box-shadow: none;
  position: relative;
  top: 5px;
}


/* 水平線 */

hr{
  width: 650px;
  height: 2px;
  background:#003366;
  margin-bottom: 50px;
}


  /* エフェクト１ */
.img_effect{
  width: 720px;
  height: 360px;
  position: relative;
  overflow: hidden;
  border: 1px solid #000;
  margin-bottom: 100px;
}

.img_effect img{
  width: 720px;
  height: 360px;
  animation: effect_kitchen 40s infinite;
  opacity: 0;
  transform-origin: top left;
} 

.img_effect .img1{
	display: block;
	margin: 0 auto;
}

.img_effect .img2{
	animation-delay:4s;
	-webkit-animation-delay:4s;
	position: absolute;
	top: 0;
  left: 0;
}

.img_effect .img3{
	animation-delay:8s;
	-webkit-animation-delay:8s;
	position: absolute;
	top: 0;
  left: 0;
}

.img_effect .img4{
	animation-delay:12s;
	-webkit-animation-delay:12s;
	position: absolute;
	top: 0;
  left: 0;
}

.img_effect .img5{
	animation-delay:16s;
	-webkit-animation-delay:16s;
	position: absolute;
	top: 0;
  left: 0;
}

.img_effect .img6{
	animation-delay:20s;
	-webkit-animation-delay:20s;
	position: absolute;
	top: 0;
  left: 0;
}

.img_effect .img7{
	animation-delay:24s;
	-webkit-animation-delay:24s;
	position: absolute;
	top: 0;
  left: 0;
}

.img_effect .img8{
	animation-delay:28s;
	-webkit-animation-delay:28s;
	position: absolute;
	top: 0;
  left: 0;
}

.img_effect .img9{
	animation-delay:32s;
	-webkit-animation-delay:32s;
	position: absolute;
	top: 0;
  left: 0;
}

.img_effect .img10{
	animation-delay:36s;
	-webkit-animation-delay:36s;
	position: absolute;
	top: 0;
  left: 0;
}


@keyframes effect_kitchen{
	0% {opacity: 0;transform: scale(1.2,1.2);}
	3% {opacity: 1;transform: scale(1.0,1.0);}
	7% {opacity: 1;transform: scale(1.0,1.0);}
	10% {opacity: 0;transform: scale(1.0,1.0);}
  }

  @-webkit-keyframes effect_kitchen{
  0% {opacity: 0;transform: scale(1.2,1.2);}
	3% {opacity: 1;transform: scale(1.0,1.0);}
	7% {opacity: 1;transform: scale(1.0,1.0);}
	10% {opacity: 0;transform: scale(1.0,1.0);}
  }