@charset "Shift_JIS";

#header {
	background-image:url(../images/common/gnavi_background.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	text-align: left; 
	margin: 0px auto;
	height:98px;

}

#header #wrap {
	width:980px;
	margin: 0px auto;
}

#header #top {
	font-size: 100%;
	text-align: left;
	height:62px;
}

#header #top_left {
	float:left;
	width:260px;
}	

#header #top_right {
	float:right;
	width:400px;
	margin-top:18px;
	margin-right:30px;
	text-align:right;
}

#header #top_right ul {
	font-size:80%;
}

#header #top_right li {
	display:inline;
}

#header #top_right a.word {
	background:url(../images/common/icon_word.gif) no-repeat 0px;
	padding:0 20px;
	color:#333;
}

#header #top_right a:hover.word {
	background:url(../images/common/icon_word_on.gif) no-repeat 0px;
	padding:0 20px;
	color:#0000FF;
}

#header #top_right a.map {
	background:url(../images/common/icon_map.gif) no-repeat 0px;
	padding:0 20px;
	color:#333;
}

#header #top_right a:hover.map {
	background:url(../images/common/icon_map_on.gif) no-repeat 0px;
	padding:0 20px;
	color:#0000FF;
}

#header #top_right a.ekitan {
	background:url(../images/common/icon_ekitan.gif) no-repeat 0px;
	padding-left:20px;
	color:#333;
}

#header #top_right a:hover.ekitan {
	background:url(../images/common/icon_ekitan_on.gif) no-repeat 0px;
	padding-left:20px;
	color:#0000FF;
}

#header #top_left img {
	margin-top: 7px;
	margin-left:  9px;
}


/*----------------------------------
マニュアル画像
----------------------------------*/
.clk_image {
	position:relative;
	margin:10px 0px;
	padding:0px;
	border:1px none #aaaaaa;
	text-align:left;
}

.clk_image img {
	position:relative;
	left:0px;
	margin:2px 1px 2px 1px;
	top:0px;
}

.clk_image a {
	position:absolute;
	margin:0px;
	padding:0px;
	font-size:1px;
	line-height:1px;
	border:2px dashed #ff6633;
	background-color:transparent;

	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

.clk_image a:hover {
	border:2px solid #ff0000;
	background-color:#ffaaaa;

	filter: alpha(opacity=30);
	-moz-opacity:0.3;
	opacity:0.3;
}

.clk_image .anchor {
	position:relative;
	background-color:#ffee33;
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;

	filter: alpha(opacity=10);
	-moz-opacity:0.1;
	opacity:0.1;
}
