@charset "utf-8";
/* CSS Document 070115 */


/*----------------------------------------------------------HEADER-----------------------------------------------------------*/
#header{
	width:100%;
	margin:0;
	padding:0;
	/* edit 20110114
	min-width:760px;*/
	min-width:980px;
	font-size: 12px;
	line-height: 1;
	/*\*/
	_font-size: 84%;
	/**/
	}
*+html #header{font-size: 84%;}

#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;}

/*----------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/static/global/cmm/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/static/global/cmm/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/static/global/cmm/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/static/global/cmm/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: 16px;/*\*/_font-size: 120%;/**/}
*+html #tn-head2{font-size: 110%;}
#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/static/global/cmm/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/static/global/cmm/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;}