@charset "utf-8";
/*
	[01] R E S E T
	[02] B A S E & F O N T - S T Y L E
*/

/*
	R E S E T
*/
html{
color: #333;
background: #FFF;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,
fieldset,legend,input,textarea,p,blockquote,th,td{
margin:0; padding:0;
}

address,caption,cite,code,dfn,em,strong,th,var,th,optgroup {
font-style:normal;
font-weight:normal;
}

del,ins {
text-decoration: none;
}

ul, ol, li {
list-style:none;
}

fieldset,img {
border: 0; vertical-align: bottom;
}

table{
border-collapse:collapse; border-spacing:0;
}

caption,th {
text-align:left;
}

h1,h2,h3,h4,h5,h6{
font-size:100%; font-weight:normal;
}

q:before,q:after{
content:'';
}

abbr,acronym {
border:0;
font-variant:normal;
}

sup {
vertical-align: text-top;
}
sub {
vertical-align:text-bottom;
}

input, select {
vertical-align: middle;
}

pre,code,kbd,samp,tt {
font-family:monospace; *font-size:108%; line-height:99%;
}

/* because legend doesn't inherit in IE */
legend {
color: #000;
}

input,button,textarea,select,optgroup,option{
font-family:inherit;
font-size:inherit;
font-style: inherit;
font-weight:inherit;
}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,button,textarea,select {
*font-size: 100%;
}


/*
	B A S E & F O N T - S T Y L E
*/

body, th, td{
font-family: Verdana, Arial, sans-serif;
font-size: 18px;
*font-size: small;
*font:x-small;
line-height: 1.75;
}
/* IE7 */	
	*:first-child+html body{
		font-family: "Osaka","メイリオ", "Meiryo", verdana,  "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	}	


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