@charset "Shift_JIS";


@import url("/common/css/header.css");

/*************************************************************************
 *		ヘッダのスタイルを定義します
 *		エプソン共通部分はhttp://www.epson.jp/common/css/header.cssより流用
 *************************************************************************
 * 
 *		0.1 ロゴマーク関連設定
 *		0.2 ヘッダーナビゲーション関連設定
 *		0.3 グローバルナビゲーション関連設定
 *		0.4.「製品情報」見出し/カラリオ用に追記
 *
 *		1.1.カラリオヘッダーエリア/カラリオ用に追記
 *		1.2 カラリオヘッダーエリア シーン別メニュー
 *
****************************************************************************************/

#areaHeader img{
	vertical-align: baseline;
}

/*------------------------------------------------
  0.1 ロゴマーク関連設定
-------------------------------------------------*/

.headLogomark{
	width:121px;
	height:72px;
	font-size:0px;
	text-align:right;
	float:left;
}

/* ロゴ本体 */
.headLogomark img{
	margin-top:16px;
}


/*------------------------------------------------
  0.2 ヘッダーナビゲーション関連設定
-------------------------------------------------*/

#naviHeader{
	width:529px;
	float:right;
    overflow: hidden;
}
#naviHeader:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #naviHeader {
    height: 1em;
    overflow: visible;
}
/**/


/** [「MyEPSON」ログイン] ****************************************************** START **/


#nhMyEPSON{
	width:266px;
	background:url("/common/img/h_line.jpg") no-repeat right top;
	float:left;
}

/* 共通設定 */
#MyEPSONID, #MyEPSONPassword, #MyEPSONLogin, #MyEPSONApp{
	float:left;
}

#MyEPSONID dt, #MyEPSONPassword dt{
	display:block;
	height:27px;
	text-indent:-9999px;
}

#MyEPSONID label, #MyEPSONPassword label{
	display:block;
	height:27px;
	text-decoration:none;
	overflow:hidden;
}


/** [MyEPSON ID] **************************************************************/


#MyEPSONID, #MyEPSONID dt{
	width:88px;
}

#MyEPSONID dd{
	height:24px;
	font-size:12px;

}

#MyEPSONID label{
	width:88px;
	background:url("/common/img/h_id.jpg") no-repeat left top;
}

/* フォーム */
#MyEPSONID input{
	width:70px;
	height:19px;
}

/* for Bug Fix */
#MyEPSONID input[type]{
	height:17px;
	padding-top:2px;
}


/** [パスワード] **************************************************************/


#MyEPSONPassword, #MyEPSONPassword dt{
	width:78px;
}

#MyEPSONPassword dd{
	height:24px;
	font-size:12px;
}

#MyEPSONPassword label{
	width:78px;
	background:url("/common/img/h_pw.jpg") no-repeat left top;
}

/* フォーム */
#MyEPSONPassword input{
	width:70px;
	height:19px;
}

/* for Bug Fix */
#MyEPSONPassword input[type]{
	height:17px;
	padding-top:2px;
}

/** [ログインボタン] **********************************************************/


#MyEPSONLogin{
	padding-top:28px;
	font-size:0px;
}


/** [新規登録] ****************************************************************/


#MyEPSONApp{
	display:block;
	width:63px;
	padding-top:28px;
	text-indent:-9999px;
}

#MyEPSONApp a{
	display:block;
	width:63px;
	height:20px;
	background:url("/common/img/h_new.jpg") no-repeat left top;
	text-decoration:none;
	overflow:hidden;
}


/** [「MyEPSON」トップページへ] ***********************************************/


#MyEPSONTOP{
	width:131px;
	height:27px;
	float:right;
}


#MyEPSONTOP a{
	display:block;
	width:130px;
	height:27px;
	background:url("/common/img/h_mytop.jpg") no-repeat left top;
	text-decoration:none;
	text-indent:-9999px;
	overflow:hidden;
}


/** [「MyEPSON」ログアウト] ***************************************************/


#MyEPSONLogout{
	width:71px;
	height:27px;
	float:right;
}

#MyEPSONLogout a{
	display:block;
	width:70px;
	height:27px;
	background:url("/common/img/h_logout.jpg") no-repeat left top;
	text-decoration:none;
	text-indent:-9999px;
	overflow:hidden;
}


/** [「MyEPSON」ログイン] ******************************************************** END **/


/** [エプソンナビゲーション] *************************************************** START **/


#nhEPSON{
	width:261px;
	float:right;
}


/** [エプソンメニュー] *********************************************** START **/


#naviEPSON{
	width:261px;
}

/* メニュー項目 */
#naviEPSON li{
	display:block;
	height:27px;
	float:left;
	text-indent:-9999px;
}

#naviEPSON a{
	display:block;
	height:27px;
	background-repeat:no-repeat;
	background-position:left top;
	text-decoration:none;
	overflow:hidden;
}



/** [ボタン設定] ******************************************* START **/


/** [ホーム] **********************************************/


/* ボタン横幅 */
#neHome, #neHome a{width:39px;}

/* ボタン画像 */
#neHome a{background-image:url("/common/img/h_home.jpg");}


/** [エプソンについて] ************************************/


/* ボタン横幅 */
#neCompany, #neCompany a{width:84px;}

/* ボタン画像 */
#neCompany a{background-image:url("/common/img/h_epson.jpg");}


/** [投資家の皆様へ] ***************************************/


/* ボタン横幅 */
#neIR, #neIR a{width:74px;}

/* ボタン画像 */
#neIR a{background-image:url("/common/img/h_ir.jpg");}


/** [お問い合わせ] **************************************************/


/* ボタン横幅 */
#neContact, #neContact a{width:64px;}

/* ボタン画像 */
#neContact a{background-image:url("/common/img/h_inquiry.jpg");}


/** [ボタン設定] ********************************************* END **/

/** [サイト検索] ***************************************************** START **/


#searchEPSON{
	width:261px;
	text-align:right;
	clear:both;
}


/** [検索ボックス] **************************************************/


#seBox{
	width:261px;
	font-size:0px;
}

#seBox dt, #seBox dd{
	display:inline;
}

/* 検索ワード入力フォーム */
#seBox dt input{
	width:185px;
	height:19px;
	font-size:12px;
	vertical-align:top;
}

/* for Bug Fix */
#seBox dt input[type]{
	height:17px;
	padding-top:2px;
}


/* 検索ボタン */
#seBox dd input{
	margin-left:10px;
}


/** [サイト検索] ******************************************************* END **/




/*------------------------------------------------
  0.3 グローバルナビゲーション関連設定
-------------------------------------------------*/

#naviGlobal{
	padding:0px 10px;
	clear:both;
    overflow: hidden;
}
#naviGlobal:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #naviGlobal {
    height: 1em;
    overflow: visible;
}
/**/

#naviGlobal ul{
	width:705px;
}

/* float解除 */
#naviGlobal .clear{
	width:1px;
	height:1px;
}


/** [項目設定] ***************************************************************** START **/


#naviGlobal li{
	display:block;
	height:26px;
	float:left;
	text-indent:-9999px;
}

#naviGlobal a{
	display:block;
	height:26px;
	background-repeat:no-repeat;
	background-position:left top;
	text-decoration:none;
	overflow:hidden;
}


/* マウスアウト設定 */
#naviGlobal a:link, #naviGlobal a:visited{
	background-position:left top;
}

/* マウスオーバー設定 */
#naviGlobal a:hover, #naviGlobal a:active{
	background-position:left bottom;
}



/** [ボタン設定] ***************************************************** START **/

/*------------------------------------------------
  0.4 「製品情報」見出し定
-------------------------------------------------*/
.headCategory{
	width:705px;
	margin:10px auto 0 auto;
	font-size:0px;
}
.headCategory img {
	vertical-align:top;
}

/*------------------------------------------------
  1.1 カラリオヘッダーエリア
-------------------------------------------------*/
#colorioHeader {
	width:705px;
	height: 75px !important;
	margin: 0 auto;
	padding: 0 0 0 0;
	background: url(../images/header/underLine.gif) repeat-x bottom;
}

#colorioHeader #colorioHeaderSwfBox {
	width: 190px;
	height: 70px;
	font-size: 0;
	line-height: 0;
	float: left;
}

* html #colorioHeader #colorioHeaderSwfBox { /* For IE6 */
	padding: 0 0 6px 0;
}
*:first-child+html #colorioHeader #colorioHeaderSwfBox { /* For IE7 */
	padding: 0 0 6px 0;
}


#colorioHeader #colorioMenuWrap {
	float: left;
	width:515px;
	height: 70px;
	margin: 0;
	padding: 0;
}

#colorio_global_menu {
	margin: 0 0 0 0 !important;
	padding: 0 !important;
	margin-left:86px!important;
}
#colorio_global_menu ul {
	height: 32px;
	margin: 38px 0 0 0;
	padding: 0;
	float: left;
}
*html #colorio_global_menu ul {
	margin-top: 39px;
}

#colorio_global_menu ul li {
	float: left;
	margin: 0 5px 0 0;
}
#colorio_global_menu ul li#nav_cgm_camera {
	margin-right: 0px;
}

#colorio_global_menu ul li,
#colorio_global_menu ul li a {
	width: 86px;
	height: 32px;
	text-indent: -9999px;
	display: block;
}

#colorio_global_menu ul li#nav_cgm_printer a {
	background: url(/products/colorio/common/images/header/menu_printer.gif) no-repeat 0 0;
}
#colorio_global_menu ul li#nav_cgm_sccaner a {
	background: url(/products/colorio/common/images/header/menu_scanner.gif) no-repeat 0 0;
}
#colorio_global_menu ul li#nav_cgm_photoviewer a {
	background: url(/products/colorio/common/images/header/menu_photoviewer.gif) no-repeat 0 0;
}
#colorio_global_menu ul li#nav_cgm_camera a {
	background: url(/products/colorio/common/images/header/menu_digitalcamera.gif) no-repeat 0 0;
}

#colorio_global_menu ul li#nav_cgm_printer a:hover,
#colorio_global_menu ul li#nav_cgm_sccaner a:hover,
#colorio_global_menu ul li#nav_cgm_photoviewer a:hover,
#colorio_global_menu ul li#nav_cgm_camera a:hover,
body.printer #colorio_global_menu ul li#nav_cgm_printer a,
body.scanner #colorio_global_menu ul li#nav_cgm_sccaner a,
body.photoviewer #colorio_global_menu ul li#nav_cgm_photoviewer a,
body.digitalcamera #colorio_global_menu ul li#nav_cgm_camera a {
	background-position: 0 -32px;
}

#colorioHeader #colorio_header_bnr {
	width: 140px;
	margin: 15px 0 0 0 !important;
	padding: 0;
	float: right;
}


/*--ロールオーバー--*/

.haribote,
.haribote span {
	display: block;
	overflow: hidden;
}
.haribote {
	position: relative;
}
.haribote span {
	position: absolute;
	top: 0; left: 0;
	cursor: pointer;
}






/* 在庫限り */
.mark {
	color: #fff;
	background-color: #f00;
	padding: 2px 5px 1px;
	float: left;
	font-size: 100%;
	margin-top: 8px;
	margin-left: 5px;
	font-weight: normal;
}