@charset "utf-8";



/* Global Navigation */

#globalNav #gnProducts a {
	background-position: 0 -33px !important;
}



/* Local Navigation */

#ball #localNav ul li#lBall a,
#jikuuke #localNav ul li#lJikuuke a,
#pillow #localNav ul li#lPillow a,
#slide #localNav ul li#lSlide a,
#gear #localNav ul li#lGear a,
#goods #localNav ul li#lGoods a {
	background: #f3fcff url("../../img/bl_lnav_on.gif") 0px 8px no-repeat;
}

#ball01 #localNav ul li#lBall01 a,
#ball02 #localNav ul li#lBall02 a,
#ball03 #localNav ul li#lBall03 a,
#ball04 #localNav ul li#lBall04 a,
#ball05 #localNav ul li#lBall05 a,
#ball06 #localNav ul li#lBall06 a,
#ball07 #localNav ul li#lBall07 a,
#balls #localNav ul li#lBalls a {
	background: #f3fcff url("../../img/bl_lnav_on.gif") 0px 4px no-repeat;
}
#ball #localNav li#lBall ul li a {
	background: #fff url("../../img/bl_lnav2.gif") 0px 4px no-repeat;
}
#ball #localNav li#lBall ul li a:hover {
	background: #f3fcff url("../../img/bl_lnav_on.gif") 0px 4px no-repeat;
}



/* common */

#content dl {
	margin: 20px 0 20px 10px;
}
#content dl dt {
	margin: 10px 0 0 0;
	font-size: 75%;
}
#content dl dd {
	margin: 4px 0 0 0;
	font-size: 75%;
	line-height: 1.5;
}

#content #select {
	width: 400px;
	margin: 30px 0 0 0;
	padding: 10px 10px 0 10px;
	background: #f3f9ff;
	border: 1px solid #eee;
}

#content #select01 {
	width: 268px;
	margin: 30px 0 0 0;
	padding: 10px 10px 10px 10px;
	background: #f3f9ff;
	border: 1px solid #eee;
	float:left;
}

#content #select02 {
	width: 268px;
	margin: 30px 0 10px 0;
	padding: 10px 10px 10px 10px;
	background: #f3f9ff;
	border: 1px solid #eee;
	float:right;
}


#content #select01 h3,
#content #select02 h3{
font-size:80%;
line-height:130%;
margin: 0 0 10px 0;
padding: 0;
background-image: none;
}

#content #select01 h3 a,
#content #select02 h3 a{
text-decoration:none;
}

#content #select01 ul,
#content #select02 ul{
	margin: 0 0 10px 0;
}

#content #select01 ul li,
#content #select02 ul li{
	display: inline;
	margin: 0 20px 0 0;
	padding: 0 0 0 18px;
	background: url("../../img/bl_link.gif") 0 1px no-repeat;
	font-size: 75%;
	line-height: 1.3;
}


#content #select ul {
	float: left;
	margin: 0 0 10px 0;
}

#content #select ul li {
	float: left;
	display: inline;
	margin: 0 20px 0 0;
	padding: 0 0 0 18px;
	background: url("../../img/bl_link.gif") 0 1px no-repeat;
	font-size: 75%;
	line-height: 1.3;
}

#content #txt {
	width: 400px;
	margin: 30px 0 0 0;
	padding: 10px 10px 0 10px;
	background: #f3f9ff;
	border: 1px solid #eee;
}
#content #txt h3 {
	margin: 0 0 10px 0;
	padding: 0;
	background-image: none;
	font-size: 14px;
	color: #bb3333;
}

/* index */

#content ul.catIndex {
	margin: 20px 0 0 8px;
	list-style: none;
}
#content ul.catIndex li {
	float: left;
	display: inline;
	width: 188px;
	height: 150px;
	margin: 10px 10px 10px 0;
	padding: 0 0 0 0;
	background: url("../img/bg_index_cell.gif") left bottom no-repeat;
	font-size: 75%;
	line-height:1.3;
}
#content ul.catIndex li.break {
	margin-right: 0;
}
#content ul.catIndex li h2 {
	display: block;
	width: 188px !important;
	height: 24px;
	margin: 0;
	padding: 0;
	border: none;
}
#content ul.catIndex li img {
	border: 1px solid #ddd;
}
#content ul.catIndex li a {
	display: block;
	width: 102px;
	margin: 10px 0 0 13px;
}
#content ul.catIndex li h2 a {
	display: block;
	width: 182px;
	height: 24px;
	margin: 0;
	padding: 0 0 0 6px;
	background: #5be url("../img/bg_index_head.gif") left top no-repeat;
	color: #fff;
	text-decoration: none;
}
#content ul.catIndex li h2 a:hover {
	background: url("../img/bg_index_head_over.gif") left top no-repeat;
	color: #49e;
}
#content ul.catIndex li h2 a span {
	display: block;
	padding: 5px 0 0 10px;
	line-height: 1.1;
}

#content ul.catIndex li span.txt {
	display: block;
	padding: 5px 10px 0 10px;

}


/* (balls) */

#content ul.catIndex li.ball {
	width: 584px;
	height: auto;
	padding: 0 0 0 0;
	background: url("../img/bg_index_cell_ball.gif") left bottom no-repeat;
}

#content ul.catIndex li.txth {
	height:17em !important;
	background: url("../img/bg_index_cell2.gif") left bottom no-repeat !important;
}


#content ul.catIndex li.ball h2 {
	width: auto !important;
}
#content ul.catIndex li.ball h2 a {
	width: 578px;
	background: #5be url("../img/bg_index_head_ball.gif") left top no-repeat;
	color: #fff;
}
#content ul.catIndex li.ball h2 a:hover {
	background: url("../img/bg_index_head_ball_over.gif") left top no-repeat;
	color: #49e;
}
#content ul.catIndex li.last {
	font-size:11px;
	width: 215px;
	height: auto;
	padding: 0 0 0 0;
}
#content ul.catIndex li ul {
	float: left;
	display: inline;
	margin: 6px 0 0 17px;
}
#content ul.catIndex li ul li {
	width: 112px;
	margin: 10px 0 0 0;
	border: none;
	font-size: 100%;
	background-image: none;
}
#content ul.catIndex li ul li a {
	display: block;
	width: 102px;
	line-height: 1.2;
	text-decoration: none;
}
#content ul.catIndex li.ball ul li span {
	background-image: none;
}
#content ul.catIndex li ul li img {
}
#content ul.catIndex li ul li a {
	margin: 0 0 0 0;
}
#content ul.catIndex li ul li span a {
	margin: 1px 0 0 0;
	padding: 4px 0 4px 0;
	height: auto;
}

#content p.link {
	margin-top: 20px;
}




/* common(detail) */

#content .productsBox {
	width: 600px;
	margin: 20px 0;
	background: #fff;
}

#content .productsBox img.pic {
	float: left;
}
#content .productsBox ul.normal {
	float: right;
	width: 380px;
}
#content .productsBox ul.normal li {
	margin-bottom: 10px;
	line-height: 1.6;
}

#content .productsBox div.pic {
	float: left;
	width: 260px;
	background: #fff;
}
#content .productsBox div.text {
	float: right;
	width: 340px;
	background: #fff;
}

#content .productsBox div.pic img {
	display: block;
	margin-bottom: 10px;
}

#content .productsBox div.text h3 {
	float: right;
	width: 320px;
	margin-top: 4px;
}
#content .productsBox div.text p {
	float: right;
	width: 340px;
}
#content .productsBox div.text ul.normal {
	float: right;
	width: 340px;
}

#content div.size {
	margin: 20px 0 0 10px;
}
#content div.size img.pic {
	float: left;
	display: inline;
	margin: 0 30px 0 0;
}
#content div.size table {
	float: left;
	display: inline;
	margin: 0 15px 0 0;
	border-collapse: collapse;
	border: 0;
}
#content div.size table th {
}
#content div.size table td {
	text-align: center;
}


#content .productsBox img.largeicon {
	margin-top: -30px;
}



/* ball */

#content ul.catIndex li img.balltop {
	display: block;
	border: 0;
}



/* jikuuke */

#content ul.jikuukeList ul {
}
#content ul.jikuukeList li {
	display: inline;
	margin-right: 16px;
	font-size: 75%;
	padding: 2px 0 2px 18px;
	background: url("../../img/bl_link.gif") 0 1px no-repeat;
}



/* pillow */

#content .planPillow {
}
#content .planPillow ul {
}
#content .planPillow ul li {
	display: inline;
	margin-right: 18px;
	font-size: 75%;
	padding: 2px 0 2px 18px;
	background: url("../../img/bl_link.gif") 0 1px no-repeat;
}
#content .planPillow p {
	margin-top: 10px;
}


/* goods */

#content .productsBox ul.goods {
	margin-top: 0;
}
#content .productsBox ul.goods li {
	margin-bottom: 4px;
}





/* clearfix */
/* -------------------------------------------- */

#content ul.index:after,
#content h3:after,
#content .productsBox:after,
#content div.size:after,
#content #select:after,
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* (for IE7 and Mac IE5) */
#content ul.index,
#content h3,
#content .productsBox,
#content div.size,
#content #select,
.clearfix {
	display: inline-block;
}

/* (for IE5-6) */
/* Hides from IE-mac \*/
* html #content ul.index,
* html #content h3,
* html #content .productsBox,
* html #content div.size,
* html #content #select,
* html .clearfix {
	height: 1%;
}

#content ul.index,
#content h3,
#content .productsBox,
#content div.size,
#content #select,
.clearfix {
	display: block;
}
/* End hide from IE-mac */

