@charset "utf-8";
/* CSS Document */

/*----------------------------------
=01 clearfix
----------------------------------*/
.cl:after {
	content:" ";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	font-size:0;
}
.cl {
	display:inline-block;
	min-height:1%;
}
/* Hides from IE-mac _*/
* html .cl {
	height:1%;
}
.cl {
	display:block;
	overflow: hidden;
}
/* End from IE-mac _*/


/*----------------------------------
=02 reset
----------------------------------*/
dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
address, caption, cite, code, dfn, em, th, var {
	font-style:normal;
	font-weight:normal;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
fieldset, img {
	border:0;
	vertical-align:top;
}
ol, ul {
	list-style:none;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
}
a:link {
	color:#333333;
	text-decoration:none;
}
a:hover {
	color:#333333;
	text-decoration:none;
	cursor:pointer
}
a:active {
	color:#333333;
	text-decoration:none;
}
a:visited {
	color:#333333;
	text-decoration:none;
}
a:active, a:focus {
	outline:none;
}
li img, dt img, dd img {
	vertical-align:bottom;
}
.clear {
	clear:both;
	height:0;
	line-height:0;
}
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	font-size:100%;
	margin:0;
	padding:0;
	overflow-x: hidden;
	min-width:320px;
 width:expression(document.body.clientWidth < 322? "320px" : "auto");
	text-align:center;
}