/*----------------------------------------------------
 1. Global Setting
 2. Global Navigation
 3. Local Navigation for Bottom Page
 3.2 Local Navigation commons
 4. Buttons for Contact etc.
 ----------------------------------------------------*/
 
 /*----------------------------------------------------
 1. Global Setting 
 ----------------------------------------------------*/
 
body       { color: #333; font-size: 11px; font-family: "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro","Lucida Sans", "ＭS ゴシック",sans-serif; margin:0;}
/*----------------------------------------------------
Hucking for IE6-7 font size
----------------------------------------------------*/
* html body {font-size:75%;} 
*:first-child + html body{font-size:75%;} 



#inbox{
	width:720px;
	margin: 0 auto;
}
#globalNavi {
	height:34px;
}
#local_navi  {

}
#content{
	width:720px;
	text-align:left;

}

/*------------------bunner block-------------------------*/
#bunner {
	width:720px;
	height: 60px;
	background-color: #999;
	margin: 0;
	padding-bottom: 0px;
	}
.titles {
	float:left;
	width: 400px;
	margin-top: 5px;
}
.bunner_logo {
	float:left;
	width:100px;
	height:36px;
	margin-top:2px;
	margin-left:5px;
	background-image:url(../showcase/images/babe_logo_s_g.gif);
	background-repeat:no-repeat;
}
	
.shop_title {
	font-family: Arial Black;
	font-size: 1.1em;
	margin: 0 0 0 0;
	padding:0;
	width:350px;
}

.shop_title a:link{
	color: #ddddcc;
	text-decoration: none;
}
.shop_title a:visited{
	color: #ddddcc;
	text-decoration: none;
}
.shop_title a:hover {
	color: #FC0;
	background-color: #000;
	}


.category_title {
	font-family: Arial Black;
	font-size: 1.6em;
	margin: 0 0 0 0px;
	width:250px;
	}

.category_title a:link{
	color: white;
	text-decoration: none;
}
.category_title a:visited{
	color: white;
	text-decoration: none;
}
.category_title a:hover {
	color: #C00;
}

.searchbox {
	float:right;
	width: 250px;
	margin:0;

	}
	
.searchbox form {
	margin:0;
	padding:0;
}
.searchbox table {
 	float:right;
}
.description table,tr,td {
	margin:0;
	padding:0;
	}
	



.showcase      { font-size: 0.8em }
.newitem { font-size: 0.8em; line-height: 1.4em; width:150px; text-align: left;}
.menu { color: #666666; background-color: #ffcc99 }
a:link { color: #177 }
a:visited {color: #711 }
a:hover { color: #f00 }
.new  { color: #c00; font-weight: bold; }
.soldout  { font-weight: bold; }
.rcmtitle { clear:both;
	font-size: 1.5em;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 0px;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	font-family:  "Arial Black", sans-serif;
	}
	.rcmtitle2 {
	color:#222;
	font-size: 1.3em;
	margin-top: 15px;
	padding-top: 5px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 6px;
	font-family:  sans-serif;
	}
.small_title {
	float: right;
	font-size: 0.7em;
	color: #C00;
}
.recom     { font-size: 1em }
.footer    { font-size: 1em }
.silnav { font-size: 0.7em }
.collbocash    { font-size: 0.8em; text-align: right; width:150px; }
.nothing { text-decoration: line-through }
.local_nav a {
	font-family: "Lucida Sans", sans-serif;
	font-size: 0.9em;
	color: #666 ;
	background-color : #eee ;
	font-weight: bold;
	text-decoration : none ;
	text-align : center ;
	border-bottom : 1px solid white ;
	display : block ;
}
.local_nav a:visited {
	color: #666;
}
.local_nav a:hover{
	color: #eee;
	background-color : #666;
	font-weight: bold;
}
td#lbox  { padding-bottom: 30px; border: solid 1px gray }
.backtop   { font-size: 0.8em; text-align: left; margin-left: 10px; }
.categori  { color: white; font-weight: bold; font-size: 1em; background-color: gray; padding-top: 7px; padding-bottom: 3px }
#mn_l   { float: left; padding-left: 30px; width: 330px }
#mn_r  { float: left; padding-left: 20px; width: 330px }
#sbox { }
.showcase_text { margin-top: 0px; margin-right: 3px; margin-left: 3px }
.small-box { float: left; text-align: left; line-height: 1em; margin-bottom: 5px;}
.sale-org{text-decoration : line-through ;}
.item-box{
	width:150px;
	font-size: 0.9em;
	margin: 10px;
	float:left;
}
.item-box p{
	margin-top: 0;
	line-height: 1.5em;
	padding: 0px 3px 1px 3px;
}

.price{
	float:right;
	text-align: right;
}

.clear {
	clear:both;
}

div.clear{
	width: 700px;
}



/*----------------------------------------------------
 2. Global Navigation
----------------------------------------------------*/
#globalNavi ul{
	list-style-type: none;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 720px;
 }
#globalNavi li{
	float: left;
 }

#globalNavi a{
	color: #333;
	background-color: white;
	display: block;
	float: left;
	text-align: center;
	font-family:Arial Black, Impact, sans-serif;
	font-size: 10px;
	width: 120px;
	height: 17px;
	text-decoration: none;
    background-image: url(../showcase/images/global_menu_bg.jpg);
	background-repeat: no-repeat;
}

#globalNavi a:hover{
	color: #f0f0f0;
	background-color: #666;
	background-image: url(../showcase/images/global_menu_bg_02.jpg);
	background-repeat: no-repeat;
}

#globalNavi a:active{
	color: red;
	background-color: white;
	background-image: url(../showcase/images/global_menu_bg.jpg);
	background-repeat: no-repeat;
}
/*for Infomation Board*/
.info-board{
	width:710;
	color:#555522;
	background-color: #CCD9CC;
	/*border:1px  #444 ;*/
	font-size: 12px;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;

}

/*----------------------------------------------------
 3. Local Navigation for Bottom Page
----------------------------------------------------*/
.localnavi-box {
		width: 720px;
}
.items {
	font-size: 0.9em;
	line-height: 1.2em;
	font-family: "Lucida Sans", sans-serif;
	text-align:left;
	height:110px;
}
* html .items {font-size: 0.8em;}
*:first-child +html .items {font-size: 0.8em;}

.items ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
 }
.items li {
	float: left;
	background: #fff;
	}

/*IE 5以下に適用(Mac IE5でBottomsリストの横並びさせるため)*/
* html .on {
		display /**/: block;
		width /**/: 90px;
}

.items2 li{
	clear:both;
}

.items a {
	text-decoration: none;
	color: #eee;
	font-weight: bold;
	margin-right: 3px;
}
.items a:visited {
	color: #555;
}
.items a:hover {
	color: #FFF;
	background-color: #666;
}
.items2 a {
	color: #711;
	text-decoration: none;
	font-weight: normal;
	background-color: #fff;
}
.items2 a:visited {
	color: #711;
}
.items2 a:hover {
	color: #666;
}
.items ul {
	position:absolute;
}
ul.items li {
	margin:1em;
	border:1px solid #000;
	list-style:inside;
	background:#ccc;
}
li.on ol {
	display:block;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0;
}

.localnavi-box .items .on a {
	background-color: #666;
	margin : 0px 1px 0px 0px;
	padding : 1px 0px 2px 2px;
	width : 87px;
	display: block;
}

.localnavi-box .items .on a:hover {
	background-color: #999;
	color: #FFF;
}

.localnavi-box .items .on .items2 li a {
	background-color: #FFF;
	margin : 0px 0px 0px 0px;
	padding : 1px 0px 1px 2px;
	display: block;
}

.localnavi-box .items .on .items2 li a:hover {
	background-color: #EEE;
	color: #444;
}


/*----------------------------------------------------
3.2 Local Navigation commons
----------------------------------------------------*/
#local_navi ul {
	list-style-type: none;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 720px;
}
#local_navi li{
	float: left;
		width: 144px;
 }
#local_navi a {
	display: block;
	margin: 0px 0px 1px 0px;
	padding: 3px 0px 3px 0px;
	width: 143px;
	font-family: "Lucida Sans", sans-serif;
	font-size: 0.9em;
	color: #EEEEEE ;
	background-color : #666666 ;
	font-weight: bold;
	text-decoration : none ;
	text-align : center ;
	display : block ;
}

#local_nav a:visited {
	color: #666;
}

#local_navi a:hover{
	color: #FFFFFF;
	background-color : #999999;
	font-weight: bold;
}

/*----------------------------------------------------
4. BUTTONS
----------------------------------------------------*/

.buttons a, .buttons button, .buttons a:visited{
    display:block;
	float:right;
    margin:0 7px 5px 0;
    background-color:#999;
    border:1px solid #8c8c8c;
    border-top:1px solid #aaa;
    border-left:1px solid #aaa;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size: 78%;
    line-height:150%;
    text-decoration:none;
    font-weight:bold;
    color:#F0F0F0;
    cursor:pointer;
    padding:3px 10px 5px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 1px 7px; /* IE6 */
}
.buttons button[type]{
    padding:2px 10px 6px 7px; /* Firefox */
    line-height:13px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:-4px 3px -2px 0 !important;
    padding:0;
   border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive, .buttons a.positive:visited{
	color:#F0F0F0;
	font-size: 74%;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}
iframe{margin:0;}
/*----------------------------------------------------*/