@charset "Shift_JIS";

/* ================================================
CITIZEN WATCH co.jp
Cascading Style Sheets FILE
【000-menu.css】　右メニュー定義用スタイルシート
================================================ */

/*************** 右メニュー ***************/

#menu img{
	margin:0px;
	padding:0px;
}

#menu dl{
	margin:0px;
	padding:0px;

}
#menu dl.menu{
	margin:0 0 15px 0;
	padding:0 0 2px 0;
}

#menu dl.menu dt{
	margin:0px;
	padding:0px;
}

#menu dl.menu dd{
	margin:0px;
	padding:0px;
	font-size:12px;
	line-height:150%;
}
#menu dl.menu dd ul.menu_sub{
	padding-bottom:10px;
}
#menu dl.menu dd ul.menu_sub li{
	list-style-type:none;
}
#menu dl.menu dd.top{
}

#menu dl.menu a{ /** 通常右ナビ **/
	display:block;
	padding:2px 10px 2px 30px;
	line-height:150%;
	width:133px;
	height:auto;
	text-decoration:none;
	background-position: 10px 3px;
}

#menu dl.menu a.sub{ /** サブ右ナビ **/
	width:126px;
	padding:2px 5px 2px 40px;
	border-bottom: 0px;
	background: url(../images/menu_ic_02_on.gif) -2px 0px;
}
#menu dl.menu a:hover.sub,
#menu dl.menu a:active.sub{ /** サブ右ナビ **/
	background: url(../images/menu_ic_02_on.gif) -2px 0px;
}
#menu dl.menu a.blank{ /** ブランク **/
	background: url(../images/menu_ic_03.gif) -2px 0px;
}
#menu dl.menu a:hover.blank,
#menu dl.menu a:active.blank{ /** ブランク **/
	background: url(../images/menu_ic_03_on.gif) -2px 0px;
}
#menu dl.menu a.pdf{ /** PDF **/
	background: url(../images/menu_ic_04.gif) -2px 0px;
}
#menu dl.menu a:hover.pdf,
#menu dl.menu a:active.pdf{ /** PDF **/
	background: url(../images/menu_ic_04_on.gif) -2px 0px;
}

#menu dl.menu dt a{
	padding:0px;
}

#menu dl.menu a:hover,#menu dl.menu a:active{ /** マウスオーバー **/
	background: url(../images/menu_bg_01_on.gif) repeat-y left top;
}

#menu dl.menu dd.top a:hover,#menu dl.menu dd.top a:active{ /** マウスオーバー **/
	background: url(../images/menu_bg_01_on.gif) repeat-y left top;
}

#menu dl.menu dd.submenu{
	width:128px;
	margin:0px 0px 0px 0px;
	padding:2px 5px 2px 40px;
	background: url(../images/menu_bg_04.gif) 0 0;
}
#menu dl.menu dd.submenu-top{
	width:128px;
	margin:0px 0px 0px 0px;
	padding:2px 5px 2px 40px;
	background: url(../images/menu_bg_04.gif) 0 0;
}

#menu p a:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}

/*************** 右メニュー ページアップ ***************/
#contents-bottom .pageup{
	width:151px;
	margin:0;
	padding:0;
	font-size:10px;
}
#contents-bottom .pageup a{
	display:block;
	font-size:12px;
	background:url(../images/pageup_bg_01.gif) no-repeat;
	width:121px;
	height:20px;
	padding:4px 2px 0px 50px;
}

#contents-bottom .pageup a:visited{
	color: #005EAE;
}

/*************** バナー郡 ***************/

#menu .banner{
	width:160px;
	padding:3px 0 8px 0;
	text-align:center;
	font-size:13px;
	margin:5px 5px 5px 5px;
	background:url(../images/menu_bg_03.gif) no-repeat 0 0;
}

#menu .banner dd{
	padding:0 3px;
	text-align:left;
	line-height:120%;
	background-image:none;
}

#menu .banner img{
	padding:5px;
}

#menu .banner a{
	display:inline;
}

#menu .banner a:hover,#menu .banner a:active{ /** マウスオーバー **/
}

#menu .banner a:visited{
}

/*************** 製品一覧 ***************/
#menu p.itemlist {
	margin-top:2px;
	margin-bottom: 5px;
}

#box_productslist {
	width:741px;
	margin:0 auto;
	/*border:2px solid #27abfd;*/
	background-color:#fff;
	/*display:none;*/
	/*z-index:9999;*/
}
#box_productslist_inner {
	margin: 20px;
}

#box_productslist li {
	list-style-type:none;
}
#box_productslist #listbox_thermal,
#box_productslist #listbox_dot,
#box_productslist #listbox_thermal_mecha,
#box_productslist #listbox_dot_mecha,
#box_productslist #listbox_digital_photo {
	position:relative;
	padding:12px 0 12px 14px;
	background:#ededed;
	border-radius:4px;
	margin-right:0;
	margin-left:0;
}
#box_productslist #listbox_thermal {width:687px;margin-bottom:16px;}
#box_productslist #listbox_outer01 {float:left;width:215px;}
#box_productslist #listbox_dot {width:176px;}
#box_productslist #listbox_outer02 {float:left;width:255px;}
#box_productslist #listbox_thermal_mecha {width:215px;}
#box_productslist #listbox_outer03 {float:left;width:215px;}
#box_productslist #listbox_dot_mecha {width:215px;}
#box_productslist #listbox_digital_photo {width:215px;}

#box_productslist .listbox_tl {
	margin-bottom:9px;
}
#box_productslist #listbox_thermal .list {float: left;}
#box_productslist #listbox_thermal .receipt_p {width: 168px;}
#box_productslist #listbox_thermal .panel_p {width: 168px;}
#box_productslist #listbox_thermal .kiosk_p {width: 168px;}
#box_productslist #listbox_thermal .label_p {width: 159px;}
#box_productslist .list_tl {
	margin-bottom:5px;
	padding: 2px 4px;
	background-color:#53b9fa;
	color: #fff;
	line-height:100%;
}
#box_productslist #listbox_thermal .list_tl {width: 151px;}
#box_productslist #listbox_dot .list_tl {width: 151px;}
#box_productslist ul.mb12 {
	margin-bottom: 12px;
}
#box_productslist a {
	text-decoration:none;
}
#box_productslist #btn_itemlist_close {
	position:absolute;
	bottom:23px;
	right:28px;
	width:72px;
	height:25px;
}

#menu #banner_area {
	margin:0;
	padding:0 0 20px;
}
#menu #banner_area li {
	list-style-type:none;
	margin:0;
	padding:0 0 5px;
}
#menu #banner_area li a {
	display:block;
}
#menu #banner_area li a:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}

/*************** お問い合わせ ***************/
#menu .box_contact {
	border-top:1px solid #e4e4e4;
	border-bottom:1px solid #e4e4e4;
	padding:10px;
	background-color:#fff;
}
#menu .box_contact p {margin-bottom:10px;}
#menu .box_contact li {
	list-style-type:none;
	margin-bottom:4px;
	height:34px;
}
#menu .box_contact li a:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}





/*
/business/,
/company/,
/release/index.html,
/info/,
/policy/,
/sub-none/,
/support/,
/ir/,
/csr/
リニューアル
---------------------------------------------*/
/*************** 右メニュー ***************/

#product #menu img,
#company #menu img,
#policy #menu img,
#sub-none #menu img,
#support #menu img,
#release01 #menu img,
#ir #menu img,
#csr #menu img,
#contact #menu img{
	margin:0px;
	padding:0px;
}

#product #menu dl,
#company #menu dl,
#policy #menu dl,
#sub-none #menu dl,
#support #menu dl,
#release01 #menu dl,
#ir #menu dl,
#csr #menu dl,
#contact #menu dl{
	margin:0px;
	padding:0px;

}

#product #menu dl.menu,
#company #menu dl.menu,
#policy #menu dl.menu,
#sub-none #menu dl.menu,
#support #menu dl.menu,
#release01 #menu dl.menu,
#ir #menu dl.menu,
#csr #menu dl.menu,
#contact #menu dl.menu{
	margin:0 0 15px 0;
	padding:0;
	background:#ffffff;
	border-bottom:1px solid #e4e5e6;
}

#product #menu dl.menu dt,
#company #menu dl.menu dt,
#policy #menu dl.menu dt,
#sub-none #menu dl.menu dt,
#support #menu dl.menu dt,
#release01 #menu dl.menu dt,
#ir #menu dl.menu dt,
#csr #menu dl.menu dt,
#contact #menu dl.menu dt{
	margin:0px;
	padding:0px;
}

#product #menu dl.menu dd,
#company #menu dl.menu dd,
#policy #menu dl.menu dd,
#sub-none #menu dl.menu dd,
#support #menu dl.menu dd,
#release01 #menu dl.menu dd,
#ir #menu dl.menu dd,
#csr #menu dl.menu dd,
#contact #menu dl.menu dd{
	margin:0px;
	padding:0px;
	font-size:75%;
	line-height:150%;
	border-top:1px solid #e4e5e6;
}

#product #menu dl.menu dd.top,
#company #menu dl.menu dd.top,
#policy #menu dl.menu dd.top,
#sub-none #menu dl.menu dd.top,
#support #menu dl.menu dd.top,
#release01 #menu dl.menu dd.top,
#ir #menu dl.menu dd.top,
#csr #menu dl.menu dd.top,
#contact #menu dl.menu dd.top{
	border-top:none;
}

#product #menu dl.menu dd.sub-nest,
#company #menu dl.menu dd.sub-nest,
#policy #menu dl.menu dd.sub-nest,
#sub-none #menu dl.menu dd.sub-nest,
#support #menu dl.menu dd.sub-nest,
#release01 #menu dl.menu dd.sub-nest,
#ir #menu dl.menu dd.sub-nest,
#csr #menu dl.menu dd.sub-nest,
#contact #menu dl.menu dd.sub-nest{
	border-top:none;
}

#product #menu dl.menu dd.nest-end,
#company #menu dl.menu dd.nest-end,
#policy #menu dl.menu dd.nest-end,
#sub-none #menu dl.menu dd.nest-end,
#support #menu dl.menu dd.nest-end,
#release01 #menu dl.menu dd.nest-end,
#ir #menu dl.menu dd.nest-end,
#csr #menu dl.menu dd.nest-end,
#contact #menu dl.menu dd.nest-end{
	padding-bottom:10px;
}

#product #menu dl.menu a,
#company #menu dl.menu a,
#policy #menu dl.menu a,
#sub-none #menu dl.menu a,
#support #menu dl.menu a,
#release01 #menu dl.menu a,
#ir #menu dl.menu a,
#csr #menu dl.menu a,
#contact #menu dl.menu a{ /** 通常右ナビ **/
	display:block;
	padding:10px 10px 10px 25px;
	line-height:150%;
	width:auto;
	height:auto;
	text-decoration:none;
	background-position: 13px 15px;
	color:#333333;
}

#product #menu dl.menu a.sub,
#company #menu dl.menu a.sub,
#policy #menu dl.menu a.sub,
#sub-none #menu dl.menu a.sub,
#support #menu dl.menu a.sub,
#release01 #menu dl.menu a.sub,
#ir #menu dl.menu a.sub,
#csr #menu dl.menu a.sub,
#contact #menu dl.menu a.sub{ /** サブ右ナビ **/
	width:auto;
	padding:2px 5px 2px 40px;
	border-bottom: 0px;
	background:url(../icon/icn_arrow_sub_01.png) no-repeat 25px 0.3em;
}

#product #menu dl.menu a:hover.sub,
#product #menu dl.menu a:active.sub,
#company #menu dl.menu a:hover.sub,
#company #menu dl.menu a:active.sub,
#policy #menu dl.menu a:hover.sub,
#policy #menu dl.menu a:active.sub,
#sub-none #menu dl.menu a:hover.sub,
#sub-none #menu dl.menu a:active.sub,
#support #menu dl.menu a:hover.sub,
#support #menu dl.menu a:active.sub,
#release01 #menu dl.menu a:hover.sub,
#release01 #menu dl.menu a:active.sub,
#ir #menu dl.menu a:hover.sub,
#ir #menu dl.menu a:active.sub,
#csr #menu dl.menu a:hover.sub,
#csr #menu dl.menu a:active.sub,
#contact #menu dl.menu a:hover.sub,
#contact #menu dl.menu a:active.sub{ /** サブ右ナビ **/
	background:url(../icon/icn_arrow_sub_01.png) no-repeat 25px 0.3em;
}

#product #menu dl.menu a.blank,
#company #menu dl.menu a.blank,
#policy #menu dl.menu a.blank,
#sub-none #menu dl.menu a.blank,
#support #menu dl.menu a.blank,
#release01 #menu dl.menu a.blank,
#ir #menu dl.menu a.blank,
#csr #menu dl.menu a.blank,
#contact #menu dl.menu a.blank{ /** ブランク **/
	background: url(../images/menu_ic_03.gif) -2px 0px;
}

#product #menu dl.menu a:hover.blank,
#product #menu dl.menu a:active.blank,
#company #menu dl.menu a:hover.blank,
#company #menu dl.menu a:active.blank,
#policy #menu dl.menu a:hover.blank,
#policy #menu dl.menu a:active.blank,
#sub-none #menu dl.menu a:hover.blank,
#sub-none #menu dl.menu a:active.blank,
#support #menu dl.menu a:hover.blank,
#support #menu dl.menu a:active.blank,
#release01 #menu dl.menu a:hover.blank,
#release01 #menu dl.menu a:active.blank,
#ir #menu dl.menu a:hover.blank,
#ir #menu dl.menu a:active.blank,
#csr #menu dl.menu a:hover.blank,
#csr #menu dl.menu a:active.blank,
#contact #menu dl.menu a:hover.blank,
#contact #menu dl.menu a:active.blank{ /** ブランク **/
	background: url(../images/menu_ic_03_on.gif) -2px 0px;
}

#product #menu dl.menu a.pdf,
#company #menu dl.menu a.pdf,
#policy #menu dl.menu a.pdf,
#sub-none #menu dl.menu a.pdf,
#support #menu dl.menu a.pdf,
#release01 #menu dl.menu a.pdf,
#ir #menu dl.menu a.pdf,
#csr #menu dl.menu a.pdf,
#contact #menu dl.menu a.pdf{ /** PDF **/
	background: url(../images/menu_ic_04.gif) -2px 0px;
}

#product #menu dl.menu a:hover.pdf,
#product #menu dl.menu a:active.pdf,
#company #menu dl.menu a:hover.pdf,
#company #menu dl.menu a:active.pdf,
#policy #menu dl.menu a:hover.pdf,
#policy #menu dl.menu a:active.pdf,
#sub-none #menu dl.menu a:hover.pdf,
#sub-none #menu dl.menu a:active.pdf,
#support #menu dl.menu a:hover.pdf,
#support #menu dl.menu a:active.pdf,
#release01 #menu dl.menu a:hover.pdf,
#release01 #menu dl.menu a:active.pdf,
#ir #menu dl.menu a:hover.pdf,
#ir #menu dl.menu a:active.pdf,
#csr #menu dl.menu a:hover.pdf,
#csr #menu dl.menu a:active.pdf,
#contact #menu dl.menu a:hover.pdf,
#contact #menu dl.menu a:active.pdf{ /** PDF **/
	background: url(../images/menu_ic_04_on.gif) -2px 0px;
}

#product #menu dl.menu dt a,
#company #menu dl.menu dt a,
#policy #menu dl.menu dt a,
#sub-none #menu dl.menu dt a,
#support #menu dl.menu dt a,
#release01 #menu dl.menu dt a,
#ir #menu dl.menu dt a,
#csr #menu dl.menu dt a,
#contact #menu dl.menu dt a{
	padding:0px;
}

#product #menu dl.menu a:hover,
#product #menu dl.menu a:active,
#company #menu dl.menu a:hover,
#company #menu dl.menu a:active,
#policy #menu dl.menu a:hover,
#policy #menu dl.menu a:active,
#sub-none #menu dl.menu a:hover,
#sub-none #menu dl.menu a:active,
#support #menu dl.menu a:hover,
#support #menu dl.menu a:active,
#release01 #menu dl.menu a:hover,
#release01 #menu dl.menu a:active,
#ir #menu dl.menu a:hover,
#ir #menu dl.menu a:active,
#csr #menu dl.menu a:hover,
#csr #menu dl.menu a:active,
#contact #menu dl.menu a:hover,
#contact #menu dl.menu a:active{ /** マウスオーバー **/
background:transparent url(../icon/icn_arrow_01.gif) no-repeat 13px 15px;
text-decoration:underline;
color:#002F82;
}

#product #menu dl.menu dd strong,
#company #menu dl.menu dd strong,
#policy #menu dl.menu dd strong,
#sub-none #menu dl.menu dd strong,
#support #menu dl.menu dd strong,
#release01 #menu dl.menu dd strong,
#ir #menu dl.menu dd strong,
#csr #menu dl.menu dd strong,
#contact #menu dl.menu dd strong{
display:block;
padding:10px 10px 10px 25px;
line-height:150%;
width:auto;
height:auto;
text-decoration:none;
color:#333333;
background:transparent url(../icon/icn_arrow_01.gif) no-repeat 13px 15px;
}

#product #menu dl.menu dd.sub-nest strong,
#company #menu dl.menu dd.sub-nest strong,
#policy #menu dl.menu dd.sub-nest strong,
#sub-none #menu dl.menu dd.sub-nest strong,
#support #menu dl.menu dd.sub-nest strong,
#release01 #menu dl.menu dd.sub-nest strong,
#ir #menu dl.menu dd.sub-nest strong,
#csr #menu dl.menu dd.sub-nest strong,
#contact #menu dl.menu dd.sub-nest strong{
display:block;
padding:2px 5px 2px 40px;
line-height:150%;
width:auto;
height:auto;
text-decoration:none;
color:#333333;
background:url(../icon/icn_arrow_01.gif) no-repeat 25px 0.5em;
}

#product #menu dl.menu dd.top a:hover,
#product #menu dl.menu dd.top a:active,
#company #menu dl.menu dd.top a:hover,
#company #menu dl.menu dd.top a:active,
#policy #menu dl.menu dd.top a:hover,
#policy #menu dl.menu dd.top a:active,
#sub-none #menu dl.menu dd.top a:hover,
#sub-none #menu dl.menu dd.top a:active,
#support #menu dl.menu dd.top a:hover,
#support #menu dl.menu dd.top a:active,
#release01 #menu dl.menu dd.top a:hover,
#release01 #menu dl.menu dd.top a:active,
#ir #menu dl.menu dd.top a:hover,
#ir #menu dl.menu dd.top a:active,
#csr #menu dl.menu dd.top a:hover,
#csr #menu dl.menu dd.top a:active,
#contact #menu dl.menu dd.top a:hover,
#contact #menu dl.menu dd.top a:active{ /** マウスオーバー **/
background:transparent url(../icon/icn_arrow_01.gif) no-repeat 13px 15px;
text-decoration:underline;
color:#002F82;
}

#product #menu dl.menu dd.submenu,
#company #menu dl.menu dd.submenu,
#policy #menu dl.menu dd.submenu,
#sub-none #menu dl.menu dd.submenu,
#support #menu dl.menu dd.submenu,
#release01 #menu dl.menu dd.submenu,
#ir #menu dl.menu dd.submenu,
#csr #menu dl.menu dd.submenu,
#contact #menu dl.menu dd.submenu{
	width:128px;
	margin:0px 0px 0px 0px;
	padding:2px 5px 2px 40px;
	background: url(../images/menu_bg_04.gif) 0 0;
}

#product #menu dl.menu dd.submenu-top,
#company #menu dl.menu dd.submenu-top,
#policy #menu dl.menu dd.submenu-top,
#sub-none #menu dl.menu dd.submenu-top,
#support #menu dl.menu dd.submenu-top,
#release01 #menu dl.menu dd.submenu-top,
#ir #menu dl.menu dd.submenu-top,
#csr #menu dl.menu dd.submenu-top,
#contact #menu dl.menu dd.submenu-top{
	width:128px;
	margin:0px 0px 0px 0px;
	padding:2px 5px 2px 40px;
	background: url(../images/menu_bg_04.gif) 0 0;
}

/*************** 右メニュー ページアップ ***************/
#product #contents-bottom .pageup,
#company #contents-bottom .pageup,
#policy #contents-bottom .pageup,
#sub-none #contents-bottom .pageup,
#support #contents-bottom .pageup,
#release01 #contents-bottom .pageup,
#ir #contents-bottom .pageup,
#csr #contents-bottom .pageup,
#contact #contents-bottom .pageup{
	width:151px;
	margin:0;
	padding:0;
	font-size:10px;
}

#product #contents-bottom .pageup a,
#company #contents-bottom .pageup a,
#policy #contents-bottom .pageup a,
#sub-none #contents-bottom .pageup a,
#support #contents-bottom .pageup a,
#release01 #contents-bottom .pageup a,
#ir #contents-bottom .pageup a,
#csr #contents-bottom .pageup a,
#contact #contents-bottom .pageup a{
	display:block;
	font-size:12px;
	background:url(../images/pageup_bg_01.gif) no-repeat;
	width:121px;
	height:20px;
	padding:4px 2px 0px 50px;
}

#product #contents-bottom .pageup a:visited,
#company #contents-bottom .pageup a:visited,
#policy #contents-bottom .pageup a:visited,
#sub-none #contents-bottom .pageup a:visited,
#support #contents-bottom .pageup a:visited,
#release01 #contents-bottom .pageup a:visited,
#ir #contents-bottom .pageup a:visited,
#csr #contents-bottom .pageup a:visited,
#contact #contents-bottom .pageup a:visited{
	color: #005EAE;
}

/*************** バナー郡 ***************/
#product #menu .banner,
#company #menu .banner,
#policy #menu .banner,
#sub-none #menu .banner,
#support #menu .banner,
#release01 #menu .banner,
#ir #menu .banner,
#csr #menu .banner,
#contact #menu .banner{
	width:160px;
	text-align:center;
	font-size:84%;
	margin:0 auto 15px;
	padding:0;
	background:none;
}

#product #menu .banner dd,
#company #menu .banner dd,
#policy #menu .banner dd,
#sub-none #menu .banner dd,
#support #menu .banner dd,
#release01 #menu .banner dd,
#ir #menu .banner dd,
#csr #menu .banner dd,
#contact #menu .banner dd{
	padding:0 3px;
	text-align:left;
	line-height:120%;
	background-image:none;
}

#product #menu .banner img,
#company #menu .banner img,
#policy #menu .banner img,
#sub-none #menu .banner img,
#support #menu .banner img,
#release01 #menu .banner img,
#ir #menu .banner img,
#csr #menu .banner img,
#contact #menu .banner img{
	padding:0;
}

#product #menu .banner a,
#company #menu .banner a,
#policy #menu .banner a,
#sub-none #menu .banner a,
#support #menu .banner a,
#release01 #menu .banner a,
#ir #menu .banner a,
#csr #menu .banner a,
#contact #menu .banner a{
	display:inline;
}

#product #menu .banner a:hover,
#product #menu .banner a:active,
#company #menu .banner a:hover,
#company #menu .banner a:active,
#policy #menu .banner a:hover,
#policy #menu .banner a:active,
#sub-none #menu .banner a:hover,
#sub-none #menu .banner a:active,
#support #menu .banner a:hover,
#support #menu .banner a:active,
#release01 #menu .banner a:hover,
#release01 #menu .banner a:active,
#ir #menu .banner a:hover,
#ir #menu .banner a:active,
#csr #menu .banner a:hover,
#csr #menu .banner a:active,
#contact #menu .banner a:hover,
#contact #menu .banner a:active{ /** マウスオーバー **/
}