@charset "Shift_JIS";

/* HEADER ------------------------------------------*/

div#h-header{
	position:relative;
	top:0;
	height:120px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
div#h-top {
	background-color: #FFFFFF;
	word-break: break-all;
	font:12px/1.22 "Osaka", "‚l‚r ‚oƒSƒVƒbƒN", Arial, sans-serif;
	*font-size:small;
	*font:x-small;
	background:url(../../image/com/bg_body.jpg) repeat-x top;
}


div#h-header p#logo a{
	position:absolute;;
	top:20px;
	left:0;
	width:304px;
	height:32px;
	background:url(../../image/com/logo.jpg) no-repeat;
	text-indent:-1000em;
	overflow:hidden;
}

div#h-header p#global_menu{
	position:absolute;
	top:70px;
	left:0;
}

div#h-header p#global_menu a.home{
	display:block;
	float:left;
	width:130px;
	height:50px;
	background:url(../../image/com/btn_home.jpg) no-repeat top;
	text-indent:-1000em;
	overflow:hidden;
}

div#h-header p#global_menu a.home:hover{
	background:url(../../image/com/btn_home.jpg) no-repeat bottom;
}

div#h-header p#global_menu a.shop{
	display:block;
	float:left;
	width:170px;
	height:50px;
	background:url(../../image/com/btn_shop.jpg) no-repeat top;
	text-indent:-1000em;
	overflow:hidden;
}

div#h-header p#global_menu a.shop:hover{
	background:url(../../image/com/btn_shop.jpg) no-repeat bottom;
}

div#h-header p#global_menu a.activity{
	display:block;
	float:left;
	width:150px;
	height:50px;
	background:url(../../image/com/btn_activity.jpg) no-repeat top;
	text-indent:-1000em;
	overflow:hidden;
}

div#h-header p#global_menu a.activity:hover{
	background:url(../../image/com/btn_activity.jpg) no-repeat bottom;
}

div#h-header p#global_menu a.h-company{
	display:block;
	float:left;
	width:150px;
	height:50px;
	background:url(../../image/com/btn_company.jpg) no-repeat top;
	text-indent:-1000em;
	overflow:hidden;
}

div#h-header p#global_menu a.h-company:hover{
	background:url(../../image/com/btn_company.jpg) no-repeat bottom;
}

p#h-contact a{
	position:absolute;
	top:0;
	left:683px;
	display:block;
	width:102px;
	height:37px;
	background:url(../../image/com/btn_contact.jpg) no-repeat top;
	text-indent:-1000em;
	overflow:hidden;
}

p#h-contact a:hover{
	background:url(../../image/com/btn_contact.jpg) no-repeat bottom;
}


ul.dropdown                         {
	list-style:none;
	position: absolute;
	top:70px;
	left:0;
}
ul.dropdown li                      { float: left; zoom: 1; }
ul.dropdown li a                    { text-decoration: none; display: block; color: #222; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { position: relative; }


div#h-header ul.dropdown li.home a{
	display:block;
	float:left;
	width:130px;
	height:50px;
	background:url(../../image/com/btn_home.jpg) no-repeat top;
	text-indent:-1000em;
	overflow:hidden;

}
div#h-header ul.dropdown li.home a:hover{
	background:url(../../image/com/btn_home.jpg) no-repeat bottom;
}

div#h-header ul.dropdown li.shop a.online{
	display:block;
	float:left;
	width:170px;
	height:50px;
	background:url(../../image/com/btn_shop.jpg) no-repeat top;
	text-indent:-1000em;
	overflow:hidden;
}
div#h-header ul.dropdown li.shop a.online:hover{
	background:url(../../image/com/btn_shop.jpg) no-repeat bottom;
}

div#h-header ul.dropdown li.activity a{
	display:block;
	float:left;
	width:150px;
	height:50px;
	background:url(../../image/com/btn_activity.jpg) no-repeat top;
	text-indent:-1000em;
	overflow:hidden;

}
div#h-header ul.dropdown li.activity a:hover{
	background:url(../../image/com/btn_activity.jpg) no-repeat bottom;
}

div#h-header ul.dropdown li.h-company a{
	display:block;
	float:left;
	width:150px;
	height:50px;
	background:url(../../image/com/btn_company.jpg) no-repeat top;
	text-indent:-1000em;
	overflow:hidden;

}
div#h-header ul.dropdown li.h-company a:hover{
	background:url(../../image/com/btn_company.jpg) no-repeat bottom;
}

div#h-header ul.dropdown li.products a.variety{
	display:block;
	float:left;
	width:150px;
	height:50px;
	background:url(../../image/com/btn_products.jpg) no-repeat top;
	text-indent:-1000em;
	overflow:hidden;
}
div#h-header ul.dropdown li.products a.variety:hover{
	background:url(../../image/com/btn_products.jpg) no-repeat bottom;
}





/* 
	LEVEL TWO
*/
ul.dropdown ul.sub_menu{
	width:170px;
	visibility:hidden;
	position:absolute;
	top:100%;
	left:0;
	list-style:none;
}

ul.dropdown ul.sub_menu li{
	font-weight:normal;
	background:#f6f6f6;
	color:#000;
	border-bottom:1px solid #ccc;
	float: none;
}

ul.dropdown ul.sub_menu li a{
	display:block;
	width:170px;
	padding:5px 0 4px 0;
}

ul.dropdown ul.sub_menu li a:hover{
	color:tomato;
}
ul.dropdown ul.sub_menu li a strong{
	margin:0 0 0 20px;
	font-weight:normal;
}




/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a{
	border-right:none;
	width:100%;
	display:inline-block;
} 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }



#h-top #topic_path {
	font-size: 12px;
	background-color: #FFFFFF;
	line-height: 40px;
}
div#topic_path p{
	font-weight:normal;
	font-size:1em;
	color:#666666;
	width: 790px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 10px;
}

div#topic_path p a{
	text-decoration:none;
	color:tomato;
	line-height:160%;
	border-bottom:1px dotted tomato;
}

div#topic_path p a:hover{
	color:red;
	border-bottom:1px solid red;
}