body, div, form, input, textarea, p, th, td, h1, h2, dl, dd {
    margin:0;
    padding:0;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ ゴシック","Osaka",sans-serif;
}
body{
	font-size: 14px;
	-webkit-text-size-adjust: 100%;
}
img {
    border:0;
    vertical-align:text-bottom; 
}
a{
	color: #37a;
	text-decoration: none;
	outline: none;
}
a:hover{
	color: #5ad;
	text-decoration: underline;
}
ul,ol{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
	visibility:hidden;
}
.clearfix{
	display: inline-block;
} 
/* Hides from IE Mac */
* html .clearfix{
	height: 1%;
}
.clearfix{
	display:block;
}
/* End Hack */ 
table{
	border-collapse:collapse;
}
h1,h2,h3{
	margin: 0 0 10px 0;
	color: #333;
}
h3{
	font-size: 18px;
}
/****************************************/
#wrap{
	margin: 0 auto;
	padding: 0 5px;
}
#header{
	width: 840px;
	margin: 10px auto 30px auto;
}
.title{
	margin: 0;
}
#header ul{
	margin: 20px 0 0 0;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}
#header li{
	border-right: solid 1px #ccc;
	float: left;
}
#header a{
	width: 139px;
	height: 40px;
	line-height: 40px;
	display: block;
	text-align: center;
	background: #eee;
	color: #333;
}
#header a:hover{
	background: #ddd;
	text-decoration: none;
}
.last_navi{
	width: 138px !important;
}
h2{
	border-bottom: solid 2px #ccc;
}
h3{
	margin: 20px 0 10px 0;
}
.section{
	margin: 0 0 40px 0;
}
dt{
	padding: 8px 0 0 0;
	float: left;
}
dd{
	padding: 8px 10px 6px 130px;
	border-bottom: dashed 1px #ccc;
}
#award_images img{
	width: 400px;
	margin: 0 10px 10px 0;
	float: left;
}
#footer{
	padding: 20px 0 40px 0;
	text-align: center;
	border-top: solid 1px #ccc;
}
#footer b{
	font-size: 18px;
	color: #333;
}



/*===============================================
●style.css 画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 769px){
#wrap{
width: 840px;
}

}
/*===============================================
●tablet.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px){

#wrap{
width: 758px;
}
#header{
	width: 758px;
	box-sizing: border-box;
}
#header a{
	width: 125px;
	height: 40px;
	line-height: 40px;
}
.last_navi{
	width: 126px !important;
}
}
/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
#wrap{
width: auto;
}
#header{
	width: auto;
}
#header ul{
	border-bottom: solid 0px #ccc;
}
#header li{
	border-bottom: solid 1px #ccc;
	float: none;
}
#header a{
	width: auto;
	height: 30px;
	line-height: 30px;
}
.last_navi{
	width: auto !important;
}
#award_images img{
	width: 300px;
}

}







/*

@media screen and (min-width: 1014px){
	#wrap{
		width: 840px;
	}
	#header_2{
		width: 502px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1013px){
	#wrap{
		width: 758px;
	}
	#header{
		width: 100px;
	}
	body{
		background: #aaa;
	}
}
@media screen and (min-width: 640px) and (max-width: 767px){
	#wrap{
		width: 630px;
	}
	#header_1{
		width: 100%;
	}
	#header_2{
		width: 100%;
		margin: 10px 0 0 0;
	}
	.product_box{
		width: 140px;
	}
}
@media screen and (min-width: 320px) and (max-width: 639px){
	#wrap{
		width: 310px;
	}
	#header_1{
		width: 100%;
	}
	#header_2{
		width: 100%;
		margin: 10px 0 0 0;
	}
	.product_box{
		width: 140px;
	}
}
*/