@import url(base.css);
@import url(leftmenu_base.css);

/* =============================================================================
= 
= products.css：商品ページ用
=  表示確認：Windouws 
=  2007/09/13 MARS
=
============================================================================= */
/* -----------------------------------------------------------------------------

  base.css や leftmenu_base.cssと違う設定

 ---------------------------------------------------------------------------- */
a.h3 {
	display:block;
	margin:6px 0px 0px 0px; padding:6px 0px 6px 23px;
    background:#DDE9FB url(../images/arrow_bo_big.gif) left center no-repeat;
}
a.h3:hover {
	background:#DDE9FB url(../images/arrow_bo_big.gif) no-repeat left center;
}


/* --------------------------------------------------------------- 見出し --- */
h4{
	font-size:100%;
	margin:0; padding:0;
}
p.midashi{
	color:#FF9933;
	font-weight:bold; font-size:90%;
	margin-bottom:15px;
}



/* --------------------------------------------------------------- メイン --- */
#mainbox h3{
	margin-top:10px;
}

.productsbox{
    float:left;
    width:260px;
}

.othersbox{
    float:right;
    width:260px;
}

.productsbox div,
.othersbox div{
    margin-left:10px;
}
.productsbox h4{
    background:#ffffff url(../images/arrow_bo_menu.gif) left top no-repeat;
	margin:5px 0px 0px 0px; padding-left:15px;
}



#mainbox ul{
	width:250px;
	margin:0; padding:0px 5px 5px 0px;
	list-style:none;
}
#mainbox li{
	white-space:normal;
	display:block;
	padding:2px;
}
#mainbox li a{
	display:block;
	margin:0; padding-left:8px;
	border-color:#003399;
	background:#ffffff url(../images/arrow_o_menu.gif) left top no-repeat;
}

#mainbox .othersbox li a{
	display:block;
	border-color:#003399;
    background:#ffffff url(../images/arrow_bo_menu.gif) left top no-repeat;
	margin:5px 0px 0px 0px; padding-left:15px;
}

.othersbox div.dotline{
    width:250px;
    background:#ffffff url(../images/dot.gif) left center repeat-x;
    margin:5px 0px;
}