@charset "UTF-8";


/*
==========================================================
main
========================================================
*/
.main{
	background-image: url(/topImage/yakitori_bg.jpg);
	background-repeat: repeat;
	border-radius: 20px;
overflow: hidden;
padding: 10px 0px;
}

.main p{
	font-size: 14px;
	color: #000;
	line-height: 22px;
	text-align:left;
	text-decoration: none;
}


/*
=========================================================
h1
========================================================
*/

*{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

h1 .menu01{
	position: relative;
	left: -34%;
	top: 0px;
	z-index: 1;
}
h1 .chara01{
	position: relative;
	right: 40%;
	top: 0px;
	z-index: 10;
}
h2{
	margin: 10px auto 10px auto;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	color: #000;
}

/*
=========================================================
contents
========================================================
*/

#contents{
	margin: -50px auto 0px auto;
	padding: 0px 10px;
	overflow: hidden;
	background-color: #fff;
	width: 96%;
	border-radius: 10px;
}

.left{
	float: left;
	margin: 50px 10px 0px 15px;
	width: 350px;
	overflow: hidden;
}

.right{
	float: right;
	margin: 50px 15px 0px 0px;
	width: 550px;
	overflow: hidden;
}



#contents .catalog_btn{
	width: 550px;
	margin: 0px 0px 10px 0px ;
	border: 0px;
}

.catalog_btn th{
	width: 20%;
	text-align:left;
	background-color: #6C0;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	text-align: center;
	color:#FFF;
}

.catalog_btn td{
	padding: 10px 3px;
	border-bottom: #CCC dotted 2px;
}


.css_btn_pc {
	font-size:16px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #337fed;
	padding:10px 50px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	background:-ms-linear-gradient( top, #3d94f6 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #3d94f6), color-stop(100%, #1e62d0) );
	background-color:#3d94f6;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #1570cd;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #97c4fe;
 	-moz-box-shadow:inset 1px 1px 0px 0px #97c4fe;
 	box-shadow:inset 1px 1px 0px 0px #97c4fe;
}.css_btn_pc:hover {
	background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
	background:-ms-linear-gradient( top, #1e62d0 5%, #3d94f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #1e62d0), color-stop(100%, #3d94f6) );
	background-color:#1e62d0;
}.css_btn_pc:active {
	position:relative;
	top:1px;
}


.css_btn_iphone {
	font-size:16px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #83c41a;
	padding:10px 35px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
	background:-ms-linear-gradient( top, #9dce2c 5%, #8cb82b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #9dce2c), color-stop(100%, #8cb82b) );
	background-color:#9dce2c;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #689324;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #c1ed9c;
 	-moz-box-shadow:inset 1px 1px 0px 0px #c1ed9c;
 	box-shadow:inset 1px 1px 0px 0px #c1ed9c;
}.css_btn_iphone:hover {
	background:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );
	background:-ms-linear-gradient( top, #8cb82b 5%, #9dce2c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #8cb82b), color-stop(100%, #9dce2c) );
	background-color:#8cb82b;
}.css_btn_iphone:active {
	position:relative;
	top:1px;
}

.css_btn_android {
	font-size:16px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #d02718;
	padding:10px 30px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
	background:-ms-linear-gradient( top, #f24537 5%, #c62d1f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f24537), color-stop(100%, #c62d1f) );
	background-color:#f24537;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #810e05;
 	-webkit-box-shadow: 1px 1px 0px 0px #f5978e;
 	-moz-box-shadow: 1px 1px 0px 0px #f5978e;
 	box-shadow: 1px 1px 0px 0px #f5978e;
}.css_btn_android:hover {
	background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
	background:-ms-linear-gradient( top, #c62d1f 5%, #f24537 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #c62d1f), color-stop(100%, #f24537) );
	background-color:#c62d1f;
}.css_btn_android:active {
	position:relative;
	top:1px;
}



ul.spec{
	width: 100%;
	margin: 10px auto 10px auto;
	padding: 0px;
	overflow:hidden;
}

.spec li{
	float: left;
	width: 45%;
	margin: 0px 5px;
}


 .comment{
	 padding: 10px;
	 text-align: left;
	 background-color: #FFBB4B;
	 border-radius: 10px;
	 font-size: 14px;
	 margin: 0px  auto 15px auto;
 }


/*
=========================================================
topics1
========================================================
*/

#topics01 {
	height: 500px;
	overflow: hidden;
	margin: 0px 0px 10px 0px;
	background: url(images/bg02.png) no-repeat;
	background-size: 550px;
}

#topics01 .new_item01{
	position: relative;
	right: 20%;
	top: 240px;
	z-index: 1;
}
#topics01 .new_item02{
	position: relative;
	right: -40%;
	top: -280px;
	z-index: 5;
}
#topics01 .new_item03{
	position: relative;
	right: -5%;
	top: -280px;
	z-index: 10;
}


.info{
	border: 1px solid #ccc;
	margin: 0px auto 15px auto;
	border-collapse: collapse;
}

.info th{
	border: 1px solid #ccc;
	font-size: 12px;
	padding:5px;
	width: 15%;
	background-color: #C4E5FC
}
.info td{
	border: 1px solid #ccc;
	font-size: 12px;
	text-align: left;
	padding: 5px;
}