@charset "utf-8";

/* --------------------------------------------------------------------------------
	
	PC向けcommon.css
	catalog
	
-------------------------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,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;
	font-family:Helvetica, Arial,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
}
h1,h2,h3,h4,h5,h6,
input,
textarea{
	font-weight:normal;
	font-size:100%;
}
body{
	min-width:1200px;
	margin:0 auto 50px;
	line-height:1.5;
	font-size:13px;
	-webkit-text-size-adjust:100%;
	color:#000;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{
	display:block;
}
ol,ul{
	list-style:none;
}
blockquote,q{
	quotes:none;
}
blockquote:before,blockquote:after,
q:before,q:after{
	content:'';
	content:none;
}
a{
	overflow:hidden;
	outline:none;
	text-decoration:none;
	color:#000;
}
a:hover,
a:active{
	text-decoration:underline;
}
input,
textarea,
select{
	font-size:100%;
	font-family:Helvetica, Arial,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
}
input[type="text"]:focus{
	outline:0;
}
table{
	line-height:1.5;
	border-collapse:collapse;
	border-spacing:0;
	font-size:100%;
}
img{
	max-width:100%;
	height:auto;
	border:none;
	-ms-interpolation-mode:bicubic;
	vertical-align:bottom;
}


/* --------------------------------------------------------------------------------
	クラス
-------------------------------------------------------------------------------- */
.clear{
	clear:both;
}
br.clear{
	display:block;
	margin:0;
	padding:0;
	clear:both;
	height:0;
	border:none;
	visibility:hidden;
	font-size:0;
}
.clearfix:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.clearfix{
	min-height:1%;
}
* html .clearfix{
	height:1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

ul.ul{
	list-style:disc;
	padding:0 0 0 40px;
}
ol.ol{
	list-style:decimal;
	padding:0 0 0 40px;
}


/* --------------------------------------------------------------------------------
	デバイスごとの表示・非表示
-------------------------------------------------------------------------------- */
.device-sp{
	display:none;
}
.device-sp-inline{
	display:none;
}
.device-pc{
	display:block;
}
.device-pc-inline{
	display:inline;
}


/* --------------------------------------------------------------------------------
	wrapper
-------------------------------------------------------------------------------- */
#wrapper{
	width:1000px;
	margin:0 auto 30px;
}

/* --------------------------------------------------------------------------------
	main
-------------------------------------------------------------------------------- */
#main{
	padding:20px;
}