**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:13px;line-height:99%;}
body {color:#000;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;}
table{border-collapse:separate;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
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,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/* for IE6 --------------------------- \*/
* html{ filter:expression(document.execCommand("BackgroundImageCache", false, true));}
* html .iepngfix { behavior: expression(IEPNGFIX.fix(this)); } /*for MacIE*/

/* init for IE 5.5-7 */
div{
	zoom:1;
}

/* init for modern browser */
div:after{
	content:" ";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

/* font size (default font-size: 13px) ---------------------------
	10px  77%
	11px  85%
	12px  93%
	13px  100%
	14px  108%
	15px  116%
	16px  123.1%
	17px  131%
	18px  138.5%
	19px  146.5%
	20px  153.9%
	21px  161.6%
	22px  167%
	23px  174%
	24px  182%
	25px  189%
	26px  197%
*/

.pink  {color: #ff009d;}
.orange{color: #ff8400;}
.black {color: #000000;}
.dark  {color: #333333;}
.gray  {color: #666666;}
.silver{color: #7e7e7e;}
.white {color: #ffffff;}
.dred  {color: #cd0000;}

.pink_b  {color: #ff009d; font-weight: bold;}
.orange_b{color: #ff8400; font-weight: bold;}
.black_b {color: #000000; font-weight: bold;}
.dark_b  {color: #333333; font-weight: bold;}
.gray_b  {color: #666666; font-weight: bold;}
.silver_b{color: #7e7e7e; font-weight: bold;}
.white_b {color: #ffffff; font-weight: bold;}
.dred_b  {color: #cd0000; font-weight: bold;}

.bold {font-weight: bold;}
.heavy { color: #4d4d4d; font-weight: bold;}
.green { color: #24A265; }
.green_b { color: #24A265; font-weight: bold; }

.price-1{ font-size:11px; color: #ff2a00; font-weight: bold;}
.price  { font-size:12px; color: #ff2a00; font-weight: bold;}
.price1 { font-size:13px; color: #ff2a00; font-weight: bold;}

.size-4 {font-size:70%;}
.size-3 {font-size:77%;}
.size-2 {font-size:85%;}
.size-1 {font-size:93%;}
.size  {font-size:100%;}
.size1 {font-size:111%;}
.size2 {font-size:116%;}
.size3 {font-size:124%;}
.size4 {font-size:139%;}

.size-4_b {font-size:70%; font-weight: bold;}
.size-3_b {font-size:77%; font-weight: bold;}
.size-2_b {font-size:85%; font-weight: bold;}
.size-1_b {font-size:93%; font-weight: bold;}
.size_b   {font-size:100%;font-weight: bold;}
.size1_b  {font-size:111%;font-weight: bold;}
.size2_b  {font-size:116%;font-weight: bold;}
.size3_b  {font-size:124%;font-weight: bold;}
.size4_b  {font-size:139%;font-weight: bold;}

.listlink {
	font-size:93%;
	color: #333333;
	text-decoration:none;
}

.vtop {
	vertical-align:top;
}

.clear {
	clear:both;
	width:0px;
	height:0px;
	font-size:0px;
	line-height:0px;
}
/*---------------------------*/
img {
	border: none;
}

input {
	vertical-align:middle;
}

/* mouse pointer --------------------------- */
a {
	cursor: pointer;
	text-decoration: underline;
	color:#333333;
}

li a {
	cursor: pointer;
	text-decoration: none;
	color:#333333;
}

a:hover {
	text-decoration: underline;
	color:#333333;
}

a.hover_line {
	text-decoration: none;
}
a.hover_line:hover {
	text-decoration: underline;
}

/* hidden TEXT --------------------------- */
.img {
	display:none;
}

/* spacer --------------------------- */
.spacer1px {
	width:1px;
	height:1px;
	font-size:1px;
	line-height:1px;
	padding:0px;
	margin:0px;
}

.spacer3px {
	width:1px;
	height:3px;
	font-size:3px;
	line-height:3px;
	padding:0px;
	margin:0px;
}

.spacer5px {
	width:1px;
	height:5px;
	font-size:5px;
	line-height:5px;
	padding:0px;
	margin:0px;
}

.spacer10px {
	width:1px;
	height:10px;
	font-size:10px;
	line-height:10px;
	padding:0px;
	margin:0px;
}

.spacer20px {
	width:1px;
	height:20px;
	font-size:20px;
	line-height:20px;
	padding:0px;
	margin:0px;
}

/*- BODY --------------------------- */
body {
	background-color: #FFFFFF;
	margin: 0px;
	padding:0px;
	font-size:12px;
	color:#333333;
	font-family: Osaka,Meiryo,'MS PGothic',sans-serif;
}

body * { line-height: 1.4em;}

#body {
	width:100%;
	height:100%;
	float:none;
	background-color:#FFFFFF;
	margin: 0px auto 0px auto;
	text-align: left;
}

#site {
	width: 540px;
	/*width: 100%;*/
	min-width: 600px;
	float:none;
	background-color:#FFFFFF;
	line-height:normal;
	margin: 0px auto 0px auto;
	clear:right;
}


/*
 * footer
 */
#footer {
    clear: both;
    border-top: 1px solid #999999;
    width: 540px;
    height: 35px;
    margin: 10px 0px 3px 0px;
}
#footerCopyRight {
    float: left;
}
#footerNavi {
    float: right;
}
#footerNavi li {
    border-left: 1px solid #333333;
    display: inline;
    line-height: 1.5em;
    padding: 0 0.4em 0 0.4em;
}
#footerNavi li.first {
    border-left: none;
}

