@charset "shift_jis";

/*================ CONTENTS =================
*	category: common
*	menu: Site
*		0: common
*		1: Global Navigation
*		2: Footer
*		3: Page Top
*		4: Table
*		5: extra
*			: feed
*			: hack
* 
==========================================*/

/*
=========================================
	0: common
=========================================*/
img {
	border: 0;
}

p {
	margin: 0 0 0.75em !important;
}


table {
	border-collapse: collapse; 
	border-spacing: 0; 
	empty-cells: show;
}


.inputfield, textarea, select {
	margin:1px 0;
	border: 1px solid #cccccc;
	background-color: #ffffff;
}


.pageback a,
.pagetop a {
	border: 0 !important;
}

.pageback {
	padding-top: 1em;
}



/*
=========================================
	1: Global Navigation
	     inglobal Navigation (Color Definition)
=========================================*/
#navigationTable div {
	float: left;
}
#navigationTable a {
	display: block;
	height: 18px;
	text-decoration: none;
	background-repeat: no-repeat ;
	background-position: 0 0;
}
#navigationTable a:hover,
#navigationTable a:active {
	background-position: 0 -18px;
}

#navigationTable em {
	display: block;
	font-style: normal;
	text-indent: -9999px;
}


/*===== link, visited =====*/
#navigationTable .product a {
	width: 88px;
	background-image: url("../images/navi_01.gif");
}
#navigationTable .store a {
	width: 50px;
	background-image: url("../images/navi_03.gif");
}
#navigationTable .download a {
	width: 82px;
	background-image: url("../images/navi_02.gif");
}
#navigationTable .support a {
	width: 60px;
	background-image: url("../images/navi_05.gif");
}
#navigationTable .profile a {
	width: 61px;
	background-image: url("../images/navi_07.gif");
}

/*===== current =====*/
#product #navigationTable .product a,
#store #navigationTable .store a,
#download #navigationTable .download a,
#support #navigationTable .support a,
#about #navigationTable .profile a {
	background-position: 0 -18px !important;
}



/*
=========================================
	2: Footer
=========================================*/
#footer a {
	display: block;
	height: 26px;
	text-decoration: none;
	background-repeat: no-repeat ;
	background-position: 0 0;
}
#footer a:hover,
#footer a:active {
	background-position: 0 -26px;
}

#footer em {
	display: block;
	font-style: normal;
	text-indent: -9999px;
}

/*===== link, visited =====*/
#footer .contact a {
	width: 89px;
	background-image: url("../images/navi_08.gif");
}
#footer .privacy a {
	width: 114px;
	background-image: url("../images/navi_09.gif");
}
#footer .sitemap a {
	width: 75px;
	background-image: url("../images/navi_10.gif");
}

#footer .blank {
	width: 155px;
	background-image: url("../images/bg_footer_line.gif");
}

.copyright {
	margin-top: 0.5em;
	font-size: 85%;
}



/*
=========================================
	3: Page Top
=========================================*/
.pagetop {
	display: block;
	width: 100%;
	padding-top: 1em;
	text-align: right;
}

.link-pagetop {
	float: right;
}
.link-pagetop a {
	display: block;
	width: 90px;
	height: 12px;
	background: url("../images/second_pagetop.gif") no-repeat 0 0;
	border-bottom-width: 0 !important;
	text-decoration: none;
	overflow:hidden;
}
.link-pagetop a:hover,
.link-pagetop a:active {
	background-position: 0 -12px;
}

.link-pagetop em {
	display: block;
	font-style: normal;
	text-indent: 9999px;
}



/*
=========================================
	5:extra
=========================================*/
/*
-----------------------------------------
	: feed
-----------------------------------------*/
.feed {
	padding: 15px 0;
	font-size: 85%;
	font-weight: bold;
	text-align: center;
	line-height: 14px;
}

.getfeed a {
	padding-left: 13px;
	background: url("../images/feed-icon-12x12.gif") no-repeat center left;
}

.aboutfeed {
	display: block;
}


/*
-----------------------------------------
	: hack
-----------------------------------------*/
/*===== Using Background-Image to Replace Text =====*/
/* Backslash hack for Mac IE5 \*/
html>body #navigationTable em,
html>body #footer em {
	overflow: hidden;
}
/* end hack */