body{
	border: none;
	display: block;
	height: 100%;
	_overflow: hidden;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	font-size: 10px;
	line-height: 150%;
	color: #787878;
	}

div{
	border: none 0px;
	margin: 0px;
	padding: 0px;
	}
	
img{
	border: none 0px;
	margin: 0px;
	padding: 0px;
    vertical-align: bottom;
	}

form{
	margin: 0px;
	}

p{ 
    margin: 0px;
	padding: 2px;
	}

.container{
	margin: 0px auto;
	width: 770px;
	_width: auto;
	}	

/* deco---------------------------------------------------------------------------------------------------------------- */

#right{
    text-align: right;
	}	


.fright{
	float: right;
	display: block;
	}

.fleft{
	float: left;
	display: block;
	}

h2{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 900;
	margin: 10px 0px 0px 0px;
	padding: 18px 0px 0px 0px;
	clear: both;
	}


h3{
	font-family: "�l�r �S�V�b�N", "Osaka�|����";
	font-size: 15px;
	display: block;
	width:60px;
	height: 30px;
	padding: 18px 0px 0px 0px;	
	margin: 0px;
	}

.red{
	color: #FF0000;
	}

/* header-------------------------------------------------------------------------------------------------------------- */

.header1{
	background-color: #54B6CE;
	height: 84px;
	width: 750px;
	margin: 0px auto;
	_overflow: hidden;
	position: fixed;
	_position: absolute;
	z-index: 10;
	border-bottom: 8px solid #54B6CE;
	}


.header2{
	background-color: #FFFF3D;
	width: 530px;
	height: 70px;
	margin-top: 14px;
	float: left;
	}


.header2 a{
	display: block;
	float: left;
	margin-left: 10px;
	_margin-left: 7px;
	}


/* main--------------------------------------------------------------------------------------------------------------- */

#box{
	width: 758px;
	_width: 770px;
	_height: 90%;
	margin: 0px auto;
	padding-top: 107px;
	padding-left: 10px;
	text-align: left;
	_overflow: auto;
	}



.title{
	margin: 0px 0px 4px 19px;
	padding: 1px;
	border-bottom: 1px solid #C7C7C7;
	}

.t1, .t6, .t7{
	display: block;
	text-decoration: underline;
	font-weight: bolder;
	}	

.t1{
	height: 16px;
	background: url(shop/t-d.gif) left 10px no-repeat;
	padding: 0px 0px 0px 4px;
	}

.t6{
	height: 30px;
	background: url(shop/t-b.gif) left top no-repeat;
	padding: 9px 0px 0px 24px;
	}

.t7{
	height: 30px;
	background: url(shop/t-s.gif) left top no-repeat;
	padding: 9px 0px 0px 24px;
	}


#goods{
	width: 730px;
	}

.top_banner{
	width: 728px; height: 188px; background: url(mshop/shop_otama_banner.png) 0 0 no-repeat; position: relative;}

.top_banner ul {position: absolute; list-style: none; right: 20px; top: 0px;}
*html .top_banner ul{top: 10px;}
.top_banner ul li {text-align: center; padding-bottom:10px;}

.wide{
	width: 728px;
	border-left: 1px solid #C7C7C7;
	border-right: 1px solid #C7C7C7;
	}	


.w133, .w250, .w500, .w230, .w300, .w220, .w120, .w280{
	float: left;
	margin-top: 15px;
	margin-right: 9px;
	padding-right: 5px;
	border-right: 1px solid #C7C7C7;
	border-bottom: 1px solid #C7C7C7;
	}

.w133{width: 133px;	}
.w250{width: 256px;	}
.w500{width: 450px;	}
.w230{width: 231px; }
.w300{width: 355px; }
.w220{width: 218px; }
.w120{width: 120px; }
.w280{width: 300px; }

#h370{height: 420px; }
#h330{height: 330px; }
#h300{height: 300px; }
#h250{height: 250px; }
#h190{height: 190px; }
#h175{height: 175px; }

#book div{height: 220px; }


.b1{
	display: block;
	float: right;
	}

#kn{
	height: 80px;
	}