/* ===================================================================
CSS information
 style info :ヘッダーエリア
=================================================================== */

#header {
	width: 100%;
	background: url(../images/header_bg.png) repeat-x left bottom;
}

#header-inner {
	width: 984px;
	margin: 0px auto 0px auto;
	padding: 15px 0px 7px 0px;
	z-index: 1000;
}

/* ロゴ
-------------------------------------*/
/* TOPページの場合 */
#header h1 {
	display: inline;
	float: left;
	margin: 0px 0px 0px 5px;
}

/* その他のページの場合 */
#header-ci {
	display: inline;
	float: left;
	margin: 0px 0px 0px 5px;
}

/* ユーティリティ
-------------------------------------*/
#header-utility {
	display: inline;
	float: right;
	width: 656px;
	margin: 0px 2px 0px 0px;
}

/* ユーティリティリンク
-------------------------------------*/
#header-utility ul {
	display: inline;
	float: left;
	margin: 12px 0px 0px 0px;
	line-height: 1;
}

#header-utility li {
	display: inline;
	float: left;
	margin: 0px 20px 0px 0px;
	font-size: 0.75em;
	line-height: 1;
}

#header-utility li img {
	vertical-align: top;
}

/* キーワード検索
-------------------------------------*/
#header-utility form {
	position: relative;
	float: right;
	width: 275px;
	height: 32px;
	margin: 3px 0px 0px 0px;
	background-color: #ECECEC;
}

#header-utility form .text {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 198px;
	height: 20px;
	padding: 1px 6px 1px 6px;
	border: none;
	background: url(../images/header_search_form.gif) no-repeat left top;
	color: #999999;
	font-size: 0.75em;
	line-height: 22px;
	letter-spacing: 1px;
}

#header-utility form .btn {
	position: absolute;
	top: 5px;
	right: 5px;
}

/* グローバルナビ
-------------------------------------*/
#header-global-navi,
#header-global-navi-top {
	clear: both;
	padding: 16px 0px 0px 0px;
}

#header-global-navi li,
#header-global-navi-top li {
	display: inline;
	position: relative;
	float: left;
	font-size: 0.8em;
	line-height: 1.4;
	background-repeat: no-repeat;
	background-position: left top;
}

#header-global-navi li a,
#header-global-navi-top li a {
	display: block;
	position: relative;
	height: 46px;
}

#header-global-navi li img,
#header-global-navi-top li img {
	position: absolute;
	top: 0;
	left: 0;
	vertical-align: bottom;
}

#header-global-navi li#gl-home a,
#header-global-navi-top li#gl-home a {
	width: 147px;
/*	background-image: url(../images/gl_navi_home_effect.png);*/
}

#header-global-navi li#gl-product a,
#header-global-navi-top li#gl-product a {
	width: 168px;
/*	background-image: url(../images/gl_navi_product_effect.png);*/
}

#header-global-navi li#gl-support a,
#header-global-navi-top li#gl-support a {
	width: 168px;
/* background-image: url(../images/gl_navi_support_effect.png);*/
}

#header-global-navi li#gl-download a,
#header-global-navi-top li#gl-download a {
	width: 167px;
/*	background-image: url(../images/gl_navi_download_effect.png);*/
}

#header-global-navi li#gl-taiou a,
#header-global-navi-top li#gl-taiou a {
	width: 164px;
/*	background-image: url(../images/gl_navi_taiou_effect.png);*/
}

#header-global-navi li#gl-biz a,
#header-global-navi-top li#gl-biz a {
	width: 170px;
/*	background-image: url(../images/gl_navi_biz_effect.png);*/
}

/*
a:hover #gl-below-icon {
	display: block;
}

#gl-below-icon {
	display: none;
	position: absolute;
	bottom: -3px;
	left: 76px;
	width: 15px;
	height: 10px;
	background: url(../images/gl_navi_below.png) no-repeat left top;
	z-index: 3;
}
*/

/* グローバル　オーバーレイ表示処理
-------------------------------------*/
#overlay-menu {
	display: none;
	position: absolute;
	top: 105px;
	left: 0px;
	width: 986px;
	height: 270px;
	padding: 20px 0px 0px 0px;
	z-index: 1000;
/*	background: #336699;*/
}

#gl-product-overlay {
	display: none;
	width: 986px;
	height: 270px;
/*	background: #FFCCCC;*/
}
#gl-product-overlay .gl-below-icon {
	left: 220px;
}

#gl-support-overlay {
	display: none;
	width: 986px;
	height: 270px;
/*	background: #CCFFCC;*/
}
#gl-support-overlay .gl-below-icon {
	left: 390px;
}

#gl-download-overlay {
	display: none;
	width: 986px;
	height: 270px;
/*	background: #CCCCFF;*/
}
#gl-download-overlay .gl-below-icon {
	left: 560px;
}
#gl-taiou-overlay {
	display: none;
	width: 986px;
	height: 270px;
/*background: #FFCCFF;*/
}
#gl-taiou-overlay .gl-below-icon {
	left: 725px;
}

.gl-below-icon {
	position: absolute;
	top: 2px;
	width: 15px;
	height: 10px;
	z-index: 100;
}

.gl-below-icon img {
	vertical-align: top;
}

/* オーバーレイメニュー 製品情報
-------------------------------------*/
#gl-product-area {
	min-height: 277px; /* for modern browser */
	height: auto !important; /* for modern browser */
	height: 277px; /* for IE6〜7 */
	background: url(../images/glp_overlay_bg.png) no-repeat left top;
}

#gl-product-area .box-l {
	position: relative;
	float: left;
	width: 159px;
	padding: 9px 0px 0px 9px;
	z-index: 1;
}

#gl-product-area .box-l .ichiran_btn {
	margin: 0px 0px 10px 0px;
}

#gl-product-area .box-l li {
	margin: -1px 0px 0px 0px;
	z-index: 0;
}

#gl-product-area .box-l li.active {
	position: relative;
	z-index: 1;
}

#gl-product-area .box-r {
	position: relative;
	float: left;
	width: 802px;
	height: 248px;
	margin: 9px 0px 0px -3px;
	padding: 9px 2px 0px 9px;
	background: url(../images/glp_overlay_r_bg.gif) no-repeat left top;
	z-index: 0;
}

#gl-product-area .box-r ul {
	position: absolute;
	top: 9;
	left: 9;
}

#gl-product-area .box-r ul li {
	display: inline;
	float: left;
	margin: 0px 3px 3px 0px;
}

/*
.pmenu-desk {
	background-color: #336699;
}
.pmenu-acc {
	background-color: #339966;
}
.pmenu-yoshi {
	background-color: #663399;
}
.pmenu-peri {
	background-color: #669933;
}
.pmenu-network {
	background-color: #993366;
}
.pmenu-cable {
	background-color: #996633;
}
.pmenu-oatap {
	background-color: #969633;
}
.pmenu-battery {
	background-color: #FF9999;
}
*/

/* オーバーレイメニュー お客様サポート
-------------------------------------*/
#gl-support-area {
	min-height: 277px; /* for modern browser */
	height: auto !important; /* for modern browser */
	height: 277px; /* for IE6〜7 */
	background: url(../images/glp_overlay_bg.png) no-repeat left top;
}

#gl-support-area .ichiran_btn {
	padding: 12px 17px 15px 0px;
	text-align: right;
}

#gl-support-area ul {
	padding: 0px 0px 0px 23px;
}

#gl-support-area ul li {
	display: inline;
	float: left;
	margin: 0px 5px 5px 0px;
}

/* オーバーレイメニュー ダウンロード
-------------------------------------*/
#gl-download-area {
	min-height: 277px; /* for modern browser */
	height: auto !important; /* for modern browser */
	height: 277px; /* for IE6〜7 */
	background: url(../images/glp_overlay_bg.png) no-repeat left top;
}

#gl-download-area .ichiran_btn {
	padding: 12px 17px 32px 0px;
	text-align: right;
}

#gl-download-area ul {
	padding: 0px 0px 0px 28px;
}

#gl-download-area ul li {
	display: inline;
	float: left;
	margin: 0px 15px 5px 0px;
}

/* オーバーレイメニュー 対応表
-------------------------------------*/
#gl-taiou-area {
	min-height: 277px; /* for modern browser */
	height: auto !important; /* for modern browser */
	height: 277px; /* for IE6〜7 */
	background: url(../images/glp_overlay_bg.png) no-repeat left top;
}

#gl-taiou-area .ichiran_btn {
	padding: 12px 17px 32px 0px;
	text-align: right;
}

#gl-taiou-area ul {
	padding: 0px 0px 0px 28px;
}

#gl-taiou-area ul li {
	display: inline;
	float: left;
	margin: 0px 15px 5px 0px;
}

/* パンくず
-------------------------------------*/
#topic-path {
	clear: both;
	width: 980px;
	margin: 5px auto 15px auto;
	padding: 0px 0px 0px 5px;
	font-size: 0.8em;
	line-height: 1.4em;
	word-spacing: 0.1em;
}