@charset "utf-8";

/* --------------------------------------------------------------------------------------
 　リセット
--------------------------------------------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,caption,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	margin: 0;
	padding: 0;
}

body {
	background:
		url(../img/common/back_body2.jpg) repeat-x left top,
		url(../img/common/back_body.jpg) repeat left top;
	color: #3b3d2f;
	font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-size: 80%;
	text-align: center;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

div,p,blockquote,li,dt,dd,pre,form,textarea,select,button,input,td,th,address {
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block; }

input,textarea,button,select,pre { font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS PGothic",sans-serif; }

*:first-child + html body,
*:first-child + html input,
*:first-child + html button,
*:first-child + html select,
*:first-child + html pre { font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; }

th,td { 
	text-align: left;
	vertical-align: top;
}

a {
	overflow: hidden;
	text-decoration: none;
}

img,iframe { border: none; }

img { vertical-align: bottom; }

table {
	border-collapse: collapse;
	font-size: 100%;
}

ol,ul,nav,menu { list-style: none; }

input { vertical-align: middle; }

address a { cursor: default; }


p { line-height: 1.5; }

/* --------------------------------------------------------------------------------------
   リンクカラー
--------------------------------------------------------------------------------------- */

a:link,a:visited,a:active,a:hover { color: #979485; }
a:hover { text-decoration: underline; }

/* --------------------------------------------------------------------------------------
  clearfix
--------------------------------------------------------------------------------------- */

.clearfix:after {
	clear:both;
	content:"";
	display:block;
}

.clearfix { display:inline-block; }

/*\*/
* html .clearfix { height:1%; }

.clearfix { display:block; }

/* --------------------------------------------------------------------------------------
  スマホ用
--------------------------------------------------------------------------------------- */

@media(max-width: 766px){
	
	body { background: url(../img/common/back_body.jpg) repeat left top; }
	
	a {
		display: block;
		overflow: hidden;
	}
	
	img { 
		display: block;
		width: 100%;
		height: auto;
	}
	
	p,li,th,td,dt,dd,h1,h2,h3,h4,small,span { letter-spacing: 0px; }
	
	input { vertical-align: middle; }
}