@charset "euc-jp";
/* CSS Document 070220 */


/*----------------------------------------------------------HEADER-----------------------------------------------------------*/
#header{
	width:100%;
	margin:0;
	padding:0;
	min-width:970px;
	line-height: 1;
}
#header {font-size: 84%;}
html:not(:target) #header{font-size: 12px;}

#header a.skip{ position:absolute; left:-9900px}

/*------left(goo logo, category logo, icon)------*/
ul#logo{
	text-align:left;
	width:38%;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	}

ul#logo li{
	margin:0;
	padding:0;
	display:inline;
	}

ul#logo li img{ vertical-align:middle; margin:0 8px 0 0;}
ul#logo li{font-size: 120%; font-weight:bold;}
html:not(:target) ul#logo li{font-size: 16px;}
ul#logo li a:link{color: #333;text-decoration:none;}
ul#logo li a:visited{color: #333;text-decoration:none;}
ul#logo li a:hover{color: #333;text-decoration:underline;}
ul#logo li a:active{color: #333;text-decoration:none;}

/*----------right(login-part)-----------*/
#headnavi{
	margin:0 0 1em 0px;
	text-align:right;
	}

#headnavi ul{
	margin:0 0 0 0;
	padding:0}

#headnavi ul li{
	display:inline;
	margin:0 0 0 5px;}

#headnavi ul li img{ vertical-align:middle; margin:0 4px 0 0;}

#headnavi ul li input{margin-right:8px}

#headnavi ul li a:link{
color: #333333;
}

#headnavi ul li a:visited{
color: #333333;
}

#headnavi ul li a:hover{
color: #333333;
}

#headnavi ul li a:active{
color: #333333;
}

#headnavi ul li input{margin:0.7em 0 0 0;}

.banner{margin:0 0 0.5em 0; clear:both}

/*-------------------------------------------------
Top Tabs
-------------------------------------------------*/
div#tn-head ul#tn-top {
	background:#ccc url(../img/bg/bg.gif) repeat-x;
	border-bottom:1px solid #eee;
	border-top:1px solid #ccc;
	
	list-style:none;
	margin:6px 0 0 0;
	padding:7px 0px; /* Apparent h of UL bg */
	text-align:center;
	font-family:"£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3";
	font-weight:bold;
	line-height:100%;
	_line-height:95%;
}

:root div#tn-head ul#tn-top{line-height:100%}


#tn-head #tn-top li {
	display:inline;
	margin:0;
	padding:0;
	
}
#tn-head #tn-top li a:link,
#tn-head #tn-top li a:visited {
	background-color:transparent;
	border-right:1px #ccc solid;
	border-left:1px #fff solid;
	color:#333;
	margin:0;
	padding:7px 8px 8px 8px; /* apparent h + w of unselected tabs (was 9 L + R */
	_padding:6px 8px 7px 8px; 
	text-decoration:none;
}

html*#tn-head #tn-top li a:link:/* */not(:enabled),
html*#tn-head #tn-top li a:visited:/* */not(:enabled){padding:7px 8px 7px 8px;vertical-align:middle; }/*--safari--*/


html>body #tn-head #tn-top li a:link,
html>body #tn-head #tn-top li a:visited{vertical-align:middle}/*--MacIE--*/

#tn-head #tn-top li a:link.end,
#tn-head #tn-top li a:visited.end{
	background-color:transparent;
	background-image:url(../img/bg/bg04.gif);
	background-position:right;
	background-repeat:repeat-y;
	border-right:0px #ccc solid;}

#tn-head #tn-top li a:hover, #tn-head #tn-top li a:hover.end {
	background: #f7f7f7 url(../img/bg/bg02.gif) repeat-x;
	border-bottom:1px solid #fff;
	border-top:0px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	color:#333;
	padding-bottom:9px;
	padding-top:9px;
	text-decoration:underline;
}

html*#tn-head #tn-top li.top-on a:hover:/* */not(:enabled){background-image:none}

#tn-head #tn-top li.top-on a:link,
#tn-head #tn-top li.top-on a:visited {
	background:#fff;
	border:1px #999 solid;
	border-bottom-width:0px;
	/*\*/
	border-bottom-width:1px;
	/**/
	border-bottom-color:#fff;
	border-left-color:#999;
	border-top-color:#999;
	color:#333;
	margin:0;
	padding:10px 8px 9px 8px; /* apparent h + w of selected tab */
	/*\*/
	_padding:10px 8px 8px 8px;
	/**/
}



/* values for IE Mac */
* html>body div#tn-head ul>li, * html>body div#tn-head ul>li a {
	display:inline-block;
	}
* html>body div#tn-head ul#tn-top{padding:0}
* html>body div#tn-head #tn-top li.top-on a:link,* html>body div#tn-head #tn-top li.top-on a:visited, div#tn-head #tn-top li a:link,* html>body div#tn-head #tn-top li a:visited{margin:-5px 0 -1px 0}
* html>body div#tn-head ul>li a {width:1px; white-space:nowrap}
* html>body div#tn-head #tn-top li a:hover{padding-bottom:8px;}


/*---------------Top Tabs2-----------------------*/
#tn-head2{background: url("../img/bg/h1_04.gif") repeat-x; padding: 6px 8px;border-top: 1px solid #ccc;border-bottom: 1px solid #999;text-align:left;font-weight:bold;font-size: 110%;}
*+html #tn-head2{font-size: 16px;}
#tn-head2 a:link,#tn-head2 a:visited,#tn-head2 a:active{color: #333;text-decoration:none;}
#tn-head2 a:hover{color: #333;text-decoration:underline;}



/*----------category-----------*/
ul#category{
	margin:0.5em 0 0 0;
	padding:0;
	clear:both;}

ul#category li{
	display:inline;
	border-right:1px solid #ccc;
	padding: 0 0.5em}

ul#category li.noborder{border:none}

p#category{
	margin:0.5em 0 0 0;
	padding:0;
	clear:both;}


/*----------Search AREA-----------*/
#header .searcharea, #footer .searcharea{
	background:#9dcce0 url("../img/bg/header_blue.gif") repeat-x;
	border-top:1px solid #9dcce0;
	border-bottom:1px solid #89bdde;
	margin:0.5em 0 0 0;
	padding:0;}

#header .searcharea2, #footer .searcharea2{
	background:#9dcce0 url("../img/bg/header2_blue.gif") repeat-x;
	border-top:1px solid #9dcce0;
	border-bottom:1px solid #89bdde;
	margin:0.5em 0 0 0;
	padding:0;}

#header .nosearcharea{ margin:0.5em 0 0 0;}

#footer div.searcharea,#footer div.searcharea2{ margin:0;}

#header .searcharea input, #footer .searcharea input,#header .searcharea2 input, #footer .searcharea2 input{ margin:0.4em 0.5em 0.4em 0; vertical-align: middle;}

#header .searcharea2 div input,#footer .searcharea2 div input{ margin:0 0 0.4em 0; vertical-align: middle;}
#header .searcharea2 div select,#footer .searcharea2 div select{ margin:0.2em 0.8em 0.4em 0; vertical-align: middle;}

.searcharea label,.searcharea2 label{font-weight:bold}
.searcharea2 div label{font-weight:normal; margin:0 0.5em 0 0}




/*----------breadcrumb-----------*/
ul#crumb{text-align:left; margin:0.5em 0 0.5em 0;padding:0;}

ul#crumb li{
	display:inline;
	padding:0 0.5em 0 0;}

div#crumb{margin:10px 0 0 0;}

#headnavi form{display:inline;}


/*----------globalheader-----------*/
#globalheaderBox {margin:-15px -10px 15px; text-align:left;}
#globalheaderBox .container{min-width:990px;}
* html #globalheaderBox .container .minwidth {border-left-width:900px;border-right-width:90px;}
* html #globalheaderBox .container .minwidth .box {margin-left:-900px;margin-right:-90px;}
#globalheader {font-size: 80%; /*\*/zoom:1;/**/}
*+html #globalheader {font-size: 12px;}
#globalheader a {text-decoration:none;}
#globalheader a:hover {text-decoration:underline;} 

#globalheader {padding:8px 4px 7px 10px; background:#fff url("../img/bg/global_header_bg.gif") repeat-x; border-bottom:solid 1px #bee5f4; line-height:1;}
#globalheader {/* \*/ *padding:3px 4px 2px 10px; /**/} /* for Windows IE */
#globalheader span {float:left;}
#globalheader span {/* \*/ *padding-top:4px; /**/} /* for Windows IE */
#globalheader span a:link, #globalheader span a:visited {color:#333;}
#globalheader span a:hover {color:#c33;}
#globalheader ul {display:inline; float:right; margin:0; padding:0;}
#globalheader ul li {list-style:none; display:inline; background:#fff; border:solid 1px #d2e8f3; padding:4px 0; margin:0 0 0 4px; zoom:1;}
#globalheader ul li a {padding:0 6px;}
#globalheader ul li {/* \*/ *padding:3px 0; /**/ zoom:1;} /* for Windows IE */
#globalheader ul li {/* \*//*/ padding:2px 0; /**/;} /* for Macintosh IE */

#headnavi.hn2 ul {margin-bottom:8px;}