@charset "UTF-8";


/* Spryglobalnavi.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */



/* ***** outline style ***** */

ul.globalnavi {
	margin: 0;
	padding-left: 2px;

	list-style-type: none;
	cursor: default;
}

ul.globalnavi li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	cursor: pointer;
	float: left;
	position: relative;
}


/* for submenu */
ul.globalnavi ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	cursor: default;
	font-size: 100%;
	z-index: 1020;
	position: absolute;
	left: -1000em;
}
ul.globalnavi ul.globalSubmenuVisible {
	left: auto;
}
ul.globalnavi ul li {
	margin: 0px;
}



/*******************************************************************************/



/* *** GlobalNavi menu *** */

#global_area {
	width: 901px;
	height: 42px;
	margin: -44px 0 0;
}

#global_area li a {
	height: 42px;
}


ul.globalnavi a {
	display: block;
	cursor: pointer;
	background-image: url(../images/maintab.png);
}
ul.globalnavi a:hover,
ul.globalnavi a:focus {
	color: #FFF;
}



/* for submenu */
#global_area li ul li a {
	height: 30px;
}

ul.globalnavi ul {
	clear: right;
	width: 220px;
	background-color: gray;
}

ul.globalnavi li ul li a.gnav_sub {
	margin: 0;
	padding: 0;
}




/*サブメニューが存在する時のメインタブ*/
ul.globalnavi a.gnav_sub { /*background-color: green;*/ }

/*サブメニューが存在する時のプルダウン*/
ul.globalnavi ul a.gnav_sub { /*background-color:purple;*/ }

/*サブメニューが存在する時のメインタブ hover*/
ul.globalnavi a.gnav_subHover { /*background-color:yellow;*/ }

/* Menu items that are open with submenus have the class designation gnav_subHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.globalnavi ul a.gnav_subHover { }





/*
	MainMenu
*/
.gn01intro a {
	background-position: 0px top;
	width: 133px;
	margin: 0px;
	padding-right: 19px;
}
.gn01intro a:hover { background-position: 0px center; }
/*.gn01intro a.globalItemHover { background-position: 0px center; }*/

.gn02service a {
	background-position: -154px top;
	width: 147px;
	margin: 0px;
	padding-right: 12px;
}
.gn02service a:hover { background-position: -154px center; }
/*.gn02service a.gnav_subHover { background-position: -148px center; }*/

.gn03order a {
	background-position: -314px top;
	width: 132px;
	margin: 0px;
	padding-right: 10px;
}
.gn03order a:hover { background-position: -314px center; }

.gn04faq a {
	background-position: -456px top;
	width: 145px;
	margin: 0px;
	padding-right: 13px;
}
.gn04faq a:hover { background-position: -456px center; }

.gn05company a {
	background-position: -614px top;
	width: 133px;
	margin: 0px;
	padding-right: 11px;
}
.gn05company a:hover { background-position: -614px center; }
/*.gn05company a.gnav_subHover { background-position: -615px center; }*/

.gn06contact a {
	background-position: -758px top;
	width: 142px;
	margin: 0px;
	padding-right: 0px;
}
.gn06contact a:hover { background-position: -758px center; }






/*
	SubMenu 2:kimono service
*/
li .gn_c1 a,
#global_area li .gn_c1 a {
	width: 220px;
	background-image: url(../images/maintab_2_1.png);
	background-repeat: no-repeat;
	background-position: left top;
}
li .gn_c1 a:hover,
#global_area li .gn_c1 a:hover {
	background-position: left bottom;
}

li .gn_c2 a,
#global_area li .gn_c2 a {
	width: 220px;
	background-image: url(../images/maintab_2_2.png);
	background-repeat: no-repeat;
	background-position: left top;
}
li .gn_c2 a:hover,
#global_area li .gn_c2 a:hover {
	background-position: left bottom;
}

li .gn_c3 a,
#global_area li .gn_c3 a {
	width: 220px;
	background-image: url(../images/maintab_2_3.png);
	background-repeat: no-repeat;
	background-position: left top;
}
li .gn_c3 a:hover,
#global_area li .gn_c3 a:hover {
	background-position: left bottom;
}

li .gn_c4 a,
#global_area li .gn_c4 a {
	width: 220px;
	background-image: url(../images/maintab_2_4.png);
	background-repeat: no-repeat;
	background-position: left top;
}
li .gn_c4 a:hover,
#global_area li .gn_c4 a:hover {
	background-position: left bottom;
}

li .gn_c5 a,
#global_area li .gn_c5 a {
	width: 220px;
	background-image: url(../images/maintab_2_5.png);
	background-repeat: no-repeat;
	background-position: left top;
}
li .gn_c5 a:hover,
#global_area li .gn_c5 a:hover {
	background-position: left bottom;
}



/*
	SubMenu 5:company information
*/
li .gn_d1 a,
#global_area li .gn_d1 a {
	width: 220px;
	background-image: url(../images/maintab_5_1.png);
	background-repeat: no-repeat;
	background-position: left top;
}
li .gn_d1 a:hover,
#global_area li .gn_d1 a:hover {
	background-position: left bottom;
}

li .gn_d2 a,
#global_area li .gn_d2 a {
	width: 220px;
	background-image: url(../images/maintab_5_2.png);
	background-repeat: no-repeat;
	background-position: left top;
}
li .gn_d2 a:hover,
#global_area li .gn_d2 a:hover {
	background-position: left bottom;
}

li .gn_d3 a,
#global_area li .gn_d3 a {
	width: 220px;
	background-image: url(../images/maintab_5_3.png);
	background-repeat: no-repeat;
	background-position: left top;
}
li .gn_d3 a:hover,
#global_area li .gn_d3 a:hover {
	background-position: left bottom;
}





/* GlobalNavi ID */
#global_area_1,
#global_area_2,
#global_area_3,
#global_area_4,
#global_area_5,
#global_area_6,
#global_area_7,
#global_area_8,
#global_area_9,
#global_area_10,
#global_area_11,
#global_area_12,
#global_area_13,
#global_area_14,
#global_area_15 {
	width: 901px;
	margin: 0px auto;
}



/* GlobalNavi SELECT */

#global_area_2 .gn01intro a { background-position: 0px bottom; }
#global_area_3 .gn02service a { background-position: -154px bottom; }
#global_area_3 .gn02service a.gnav_subHover { background-position: -154px center; }
#global_area_11 .gn02service a { background-position: -154px bottom; }
#global_area_11 .gn02service a.gnav_subHover { background-position: -154px center; }
#global_area_4 .gn03order a { background-position: -314px bottom; }
#global_area_5 .gn04faq a { background-position: -456px bottom; }
#global_area_6 .gn05company a { background-position: -614px bottom; }
#global_area_6 .gn05company a.gnav_subHover { background-position: -614px center; }
#global_area_12 .gn05company a { background-position: -614px bottom; }
#global_area_12 .gn05company a.gnav_subHover { background-position: -614px center; }
#global_area_7 .gn06contact a { background-position: -758px bottom; }







/*******************************************************************************

 BROWSER HACKS

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.globalnavi iframe {
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}

/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection {
	ul.globalnavi li.globalItemIE {
		display: inline;
		float: left;
		background: #FFF;
	}
}