@charset "UTF-8";

/* default.css
**************************************************************************************

1.CSS Reset
2.Base set
3.Voice Reader Hide
4.Float Clear
5.Layout Space

**************************************************************************************/ 

.test01 {border: solid 1px #000000;}
.test02 {background-color:#000000;}

/* 1.CSS Reset
=============================================================================*/

/*Reset YUI version: 2.7.0*/
html {color:#6a5651;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {	border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup {font-style:inherit;font-weight:inherit;}
del,ins {text-decoration: none;}
li {list-style: none;}
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:baseline;}
sub {vertical-align:baseline;}
/*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%;}

/*Font YUI version: 2.7.0*/
body {font:13px/1.231 arial, helvetica, clean, sans-serif;*font-size:small;*font:x-small;}
select,input,button,textarea,button {font:99% arial, helvetica, clean, sans-serif;}
table {font-size:inherit;	font:100%;}
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}

/*Artis-add*/
br {letter-spacing:normal;}
hr {display: none;}
li img {vertical-align:bottom;}



/* 3.Voice Reader Hide
=============================================================================*/
p.hide {
	margin:0;
	padding:0;
	width:0;
	height:0;
	overflow:hidden;
	position:absolute;
	text-indent:-9999px;
}


/* 4.Float Clear
=============================================================================*/
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0; font-size: 0;}
.clearfix { display:inline-block;}

/*\*/
* html .clearfix { height:1%;}
.clearfix {	display:block;}
/**/
.clear { clear:both;}



/* 5.Layout Space
=============================================================================*/
.sp-mb000 { margin-bottom:0 !important;}
.sp-mb005 { margin-bottom:5px; !important;}
.sp-mb010 { margin-bottom:10px !important;}
.sp-mb015 { margin-bottom:15px !important;}
.sp-mb020 { margin-bottom:20px !important;}
.sp-mb025 { margin-bottom:25px !important;}
.sp-mb030 { margin-bottom:30px !important;}
.sp-mb040 { margin-bottom:40px !important;}
.sp-mb050 { margin-bottom:50px !important;}
.sp-mb075 { margin-bottom:75px !important;}
.sp-mb100 { margin-bottom:100px !important;}
.sp-mb125 { margin-bottom:125px !important;}
.sp-mb150 { margin-bottom:150px !important;}
.sp-mb200 { margin-bottom:200px !important;}

.sp-pb000 { padding-bottom:0 !important;}
.sp-pb005 { padding-bottom:5px !important;}
.sp-pb010 { padding-bottom:10px !important;}
.sp-pb015 { padding-bottom:15px !important;}
.sp-pb020 { padding-bottom:20px !important;}
.sp-pb025 { padding-bottom:25px !important;}
.sp-pb030 { padding-bottom:30px !important;}
.sp-pb040 { padding-bottom:40px !important;}
.sp-pb050 { padding-bottom:50px !important;}
.sp-pb075 { padding-bottom:75px !important;}
.sp-pb100 { padding-bottom:100px !important;}
.sp-pb125 { padding-bottom:125px !important;}
.sp-pb150 { padding-bottom:150px !important;}
.sp-pb200 { padding-bottom:200px !important;}