/*******************************************************
 * style_navigation.css
 * CREATED BY Design Studio MYS
 * CREATE DATE :  2007.01.29
 * UPDATE DATE :  2009.10.06
 *******************************************************/





/* -----------------------------------------------------
 NAVIGATION - TOP MENU
----------------------------------------------------- */

div#navTop {
	float: left;
	margin: 0;
	padding: 0;
	width: 800px;
	height: 40px;
	background-image: url(../images/wallpaper/bgimg_blue_clear.jpg);
	background-repeat: repeat-x;
}

div#navTop li {
	float: left;
	margin: 0;
	display: inline;				/* li要素の隙間を無くす */
	list-style-type: none;
/*
	border-right: 1px solid #080;
*/
	border-right: 1px solid #00f;
}

div#navTop li a
{
	padding: 13px 10px 12px;			/* ボタンの厚みはここで調整 */
	display: block;
	/*	position: relative;	*/			/* IE6でマウス反応領域がおかしいのを修正 */
	background-image: url(../images/wallpaper/bgimg_blue_clear.jpg);
/*
	background-image: url(../images/wallpaper/bgimg_green_clear_light.jpg);
*/
	background-repeat: repeat-x;
	font-size: 15px;
	text-decoration: none;
	text-align: center;
	color: #fff;
}

div#navTop li a:hover {
	background-image: url(../images/wallpaper/bgimg_blue_clear_flash.jpg);
/*
	background-image: url(../images/wallpaper/bgimg_yellow_clear.jpg);
	background-image: url(../images/wallpaper/bgimg_orange_clear_topmenu_flash.jpg);
	color: #862;
*/
	background-repeat: repeat-x;
	text-decoration: none;
	color: #fff;
}





/* -----------------------------------------------------
 NAVIGATION - TOP MENU : Control Center
----------------------------------------------------- */

div#navTop.cc {
	width: 100%;
	height: auto;
	line-height: 26px;
	background-image: url(../images/wallpaper/bgimg_green_clear_sidemenu.jpg);
	background-repeat: repeat-x;
}

div#navTop.cc li a {
	margin: 0px;
	padding: 0px 5px;
	background-image: url(../images/wallpaper/bgimg_green_clear_sidemenu.jpg);
	background-repeat: repeat-x;
}

div#navTop.cc li a:hover {
	background-image: url(../images/wallpaper/bgimg_green_clear_topmenu_flash.jpg);
	background-repeat: repeat-x;
	color: #fff;
}





/* -----------------------------------------------------
 NAVIGATION - BOTTOM MENU
----------------------------------------------------- */

div#navBottomBox {
	clear: both;
	margin: 0 auto;
	width: 800px;
	height: 20px;
	text-align: center;
	border-top: 1px solid #000;
}



div#navBottom {
	/* Firefox2用 センター指定 */
/*
	display: -moz-inline-block;
*/
	display: inline-block;			/* IE6用 センター指定 */
	margin: 0 auto;
	padding: 0;
	width: auto;
	height: 20px;
	line-height: 20px;
}



div#navBottom li {
	float: left;
	margin: 0;
	display: inline;				/* li要素の隙間を無くす */
	list-style-type: none;
}



div#navBottom li a {
	padding: 0px 10px;				/* ボタンの厚みはここで調整 */
	display: block;
	position: relative;				/* IE6でマウス反応領域がおかしいのを修正 */
	font-size: 12px;
	text-decoration: none;
	color: #888;
}



div#navBottom li a:hover {
	background-image: url(../images/wallpaper/bgimg_orange_clear_flash.jpg);
	background-repeat: repeat-x;
	text-decoration: none;
	color: #000;
}





/* -----------------------------------------------------
 NAVIGATION - SIDE MENU
----------------------------------------------------- */



div#navSide {
	display: inline;
	height: 26px;
	line-height: 26px;
}


div#navSide ul,
div#navSide li {
	display: block;
	margin: 0;
	padding: 4px;
	_padding: 2px;
	list-style: none;
}



div#navSide li {
	display: inline;
	padding: 0;
	width: 170px;
	height: auto;
	color: #444;
}



div#navSide a,
div#navSide a:link,
div#navSide a:visited {
	display: block;
	width: 158px;					/* li と同じ幅で block が適用されるように指定する */
	_width: 170px;					/* IE6,7 */
	margin: 2px 0px;
	padding: 0px 5px;
	background-color: transparent;
	border: 1px solid #fd0;
	text-decoration: none;
	color: #444;
}



div#navSide a:hover {
	background-image: url(../images/wallpaper/bgimg_orange_clear_sidemenu_flash.jpg);
	background-repeat: repeat-x;
	border: 1px solid #f80;
	color: #f80;
}



div#navSide1,
div#navSide2,
div#navSide3 {
	padding: 2px;
	background-color: #fb0;
}

div#navSide1 h3,
div#navSide2 h3,
div#navSide3 h3 {
	padding:5px 0px;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
}

.navSide1Inner,
.navSide2Inner,
.navSide3Inner {
	margin: 0px;
	background-color: #fec;
}





/* -----------------------------------------------------
 WHATS NEW
----------------------------------------------------- */

div#whatsNew {
	width: auto;
}
ul#newsContents{
	margin:7px 0 10px 0;
	padding:0;
}

ul#newsContents li{
	margin:0;
	padding:0;
	display:inline;
	list-style-type:none;
}

ul#newsContents li a,
ul#newsContents li span
{
	padding:7px 14px;
	border-bottom:1px dotted #00d1ce;
	display:block;
	position:relative;
	color:#26a;
	font-size:12px;
	text-decoration:none;
	font-weight: bold;
}

ul#newsContents li a:hover{
	color:#00d;
	background-color:#f5f5ff;
}




div#areaButtons {
	width: auto;
}





/* -----------------------------------------------------
 CART BUTTON
----------------------------------------------------- */

div#cartIn a,
div#cartIn a:link,
div#cartIn a:visited {
	display: block;
	width: 76px;
	height: 20px;
	text-decoration: none;
	background-color: #fff;
	background: url('../images/btn/btn_in_cart-0.gif') no-repeat;
}

div#cartIn a:hover {
	background-color: #fff;
	background: url('../images/btn/btn_in_cart-1.gif') no-repeat;
}





/* -----------------------------------------------------
 DISP INDICATOR
----------------------------------------------------- */

div#dispIndicator {
	height: 26px;
}





/* -----------------------------------------------------
 dhtmlgoodies pulldown menu
----------------------------------------------------- */

#dhtmlgoodies_menu img{
	border:0px;
}

/* ページ用のCSSここまで */
/* メニューのベースデザイン用のCSS */

#dhtmlgoodies_menu ul li ul{
	display:none;	/* OperaでOKを表示するのに必要 */
}

#dhtmlgoodies_menu{
	visibility:hidden;
}
#dhtmlgoodies_menu ul{
	margin:0px;	/* インデント0 */
	padding:0px;	/* インデント0 */
}
#dhtmlgoodies_menu li{
	list-style-type:none;
}
#dhtmlgoodies_menu a{

	margin:0px;
	padding:0px;
}
/* メニューのベースデザイン用のCSSここまで */




/***********************************************************************
	メニューブロック用のCSS
***********************************************************************/
#dhtmlgoodies_menu ul{
	border:1px solid #000;
	background-color:#FFF;
	padding:1px;
}

#dhtmlgoodies_menu ul.menuBlock1{
	border:0px;
	padding:1px;
	border:1px solid #317082;
	background-color:#E2EBED;
	overflow:visible;
}
#dhtmlgoodies_menu ul.menuBlock2{
	border:0px;
	padding:1px;
	border:1px solid #555;
}

/***********************************************************************
	個々のメニュー項目用のCSS
***********************************************************************/
/* すべてのメニュー項目に適用 */
#dhtmlgoodies_menu a{
	color: #000;
	text-decoration:none;
	padding-left:2px;
	padding-right:2px;

}

/*
メインメニュー項目
*/

#dhtmlgoodies_menu .currentDepth1{
	padding-left:5px;
	padding-right:5px;
	border:1px solid #E2EBED;
}
#dhtmlgoodies_menu .currentDepth1over{
	padding-left:5px;
	padding-right:5px;
	background-color:#317082;
	border:1px solid #000;


}
#dhtmlgoodies_menu .currentDepth1 a{
	font-weight:bold;
}
#dhtmlgoodies_menu .currentDepth1over a{
	color:#FFF;
	font-weight:bold;
}

/* 第1サブメニュー項目 */
#dhtmlgoodies_menu .currentDepth2{
	padding-right:2px;
	border:1px solid #FFF;
}
#dhtmlgoodies_menu .currentDepth2over{
	padding-right:2px;
	background-color:#E2EBED;
	border:1px solid #000;
}
#dhtmlgoodies_menu .currentDepth2over a{
	color:#000;
}
/* 第2サブメニュー項目 */
#dhtmlgoodies_menu .currentDepth3{
	padding-right:2px;
	border:1px solid #FFF;
}
#dhtmlgoodies_menu .currentDepth3over{
	padding-right:2px;
	background-color:#EDE3EB;
	border:1px solid #000;
}
/* 第3サブメニュー項目 */
#dhtmlgoodies_menu .currentDepth4{
	padding-right:2px;
	border:1px solid #FFF;
}
#dhtmlgoodies_menu .currentDepth4over{
	padding-right:2px;
	background-color:#EBEDE3;
	border:1px solid #000;
}