@charset "utf-8";
/* CSS Document */
/* Theme Name:木屋工房 */
@import url(css/contents.css);
@import url(css/conmon.css);

html, body, div, span, applet, object, iframe,
h1, h2,  p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	font-style: normal;
	font-family: inherit;
	list-style-position: inside;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #666;
	font-size: 16px;
}

p{
	font-size: 16px;
	line-height: 1.6;
	letter-spacing: 1px;
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a{
}

a:hover{
}

.clearfix:after { /*floatの解除*/
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearfix {
	min-height: 1px; /*IE6、7対策*/
}
img{
	display:block;
}


/*align
──────────────────*/
.alignleft{
	float:left;
}
.alignright{
	float:right;
}
.alignclear{
	clear:both;
}
.aligncenter{
	margin-right: auto;
	margin-left: auto;
}
.text_center{
	text-align:center;
}
.on:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

/*スマホ
──────────────────*/

@media screen and (max-width: 896px){
	.s_nofloat,.s_nofloat li,.s_nofloat dt { float:none; }
	.s_left { float: left; }
	.s_right { float: right; }
	.s_none { display: none; }
	.p_none { display: block; }
	.sm_center { text-align: center; }
	.s_center { 
	display:block;
	margin:auto;
	margin-bottom: 10px; }
		table { max-width: 96%; margin: auto; }
	.border { border: none; }
	.b_bottom th,
	.b_bottom td { border: none; }
	.s_m_none { margin: 0px; }
	.alignleft{ clear: both; }
	.alignright{ clear: both; }
	.img_align01{ margin:1%; float:none; width:98%; height:auto;}
}