@charset "shift_jis";


/**  

common.css   Date: 2008.07.25

==============================
Used Hacks are 

html>body .xxx{margin:10px} //for except IE
*html .xxx {width: 202px}  //for IE
behavior:url(iepngfix.htc) // png transparent for IE
*:first-child+html{}// for IE7
html* .xxx {width: 202px}  //for safari

background-color:#FF0000;
opacity:0.4; 

@charset "shift_jis";

==============================

**/


/* Initial Setting */

*{
	margin:0;
	padding:0;
	background-repeat:no-repeat;
	line-height:140%;
	font-size:100%;
	font-family:Verdana,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
}

a {text-decoration:none; overflow:hidden; color:#0066FF}

a:hover{color:#FF0000}

img, table {border: none;}

li {list-style: none}

h1,h2,h3,h4,h5,h6{font-weight:normal; font-size:80%;}

.clear{clear:both; height:0; line-height:0; font-size:0}

.space10 {height: 10px}

.space20 {height: 20px}

th,td{font-family:"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"ＭＳ Ｐゴシック"}

.line {
	background-image: url(../images/line_02.gif);
	background-repeat: repeat-x;
	height: 9px;
	margin:10px 0
}
*html .line {margin:5px 0}

.line_03 {
	background-image: url(../images/line_03.gif);
	background-repeat: repeat-x;
	height: 5px;
	margin: 20px 15px;
}

.line_04 {
	background-image: url(../images/line_04.gif);
	height: 17px;
	width: 606px;
	margin:20px 0 20px 10px
}	

.bn_tr {
	margin-left:20px;
}

.r {
	margin:10px 5px;
}

*html .r {
	margin:10px 4px;
}

.center_t {
	text-align:center
}

/*  */

#preview{
	position:absolute;
	border:1px solid #333;
	background-color:#FFFFFF;
	display:none;
	padding:10px;
	z-index:9999

	}

/*  */


.alpha a:hover img{
  filter: alpha(opacity=70);
  -moz-opacity:0.75;
  opacity:0.75;
}

.space100{
  height:100px
}

.cursor{cursor:pointer; cursor:hand}


/* Initial Setting */


body{
	text-align:center;
	color:#333;
	font-size:80%;
	background-color: #fff;
	background-image: url(../images/bg_02.gif);
	background-repeat: repeat-x;
}

#wrapper{
	width:844px;/** check **/
	height:auto;
	text-align:left;
	margin: 0 auto;
}

#header{
	width:850px;
	height:44px;
	background-image: url(../images/header.jpg);
	position:relative;
	margin-left:-2px
}

#logo a{
	width:200px;
	height:30px;
	text-indent:-9999px;
	display:block;
	position:absolute;
	top:6px;
	left:15px
}

#home a{
	width:50px;
	height:19px;
	text-indent:-9999px;
	display:block;
	position:absolute;
	top:12px;
	left:483px;
}

#home a:hover{
	background-image: url(../images/home_h.png);
}

#about a{
	width:50px;
	height:19px;
	text-indent:-9999px;
	display:block;
	position:absolute;
	top:12px;
	left:544px;
}
#about a:hover{
	background-image: url(../images/about_h.png);
}

#contact a{
	width:70px;
	height:19px;
	text-indent:-9999px;
	display:block;
	position:absolute;
	top:12px;
	left:606px;
}
#contact a:hover{
	background-image: url(../images/contact_h.png);
}



#header #lang a{
	width:117px;
	height: 16px;
    display:block;
	text-indent:-9999px;
	top:13px;
	left:690px;
	position:absolute
}


#Popup{
	position:absolute;
	top:30px;
	left:690px;
	visibility:hidden;
	font-size:11px;
	height: auto;
	width: 100px;
	background:#000;
	padding:10px;
	z-index:999;
	filter: alpha(opacity=80);
   -moz-opacity:0.8;
    opacity:0.8;

}

#Popup a{
	color:#FFFFFF;
	text-decoration:underline
}

#Popup a:hover{
	color:#FF0000
}




#header_img_sr{
	width:840px;
	height:120px;
	background-image: url(../images/hd_search.jpg);
	text-indent:-9999px;
	display:block
}


#shadow_left {
	position:absolute;
	top:0;
	left:-20px;
	background-image: url(../images/menu_shadow_left.gif);
	height: 120px;
	width: 20px;
}

#shadow_right {
	position:absolute;
	top:0;
	left:840px;
	background-image: url(../images/menu_shadow_right.gif);
	height: 120px;
	width: 20px;
}



/** MENU **/



#menu{
	width:840px;
	height:66px;
	background-image: url(../images/bg_global_menues.gif);
	position:relative
}

#g_menu li{position:absolute}

#g_menu li a{
	text-indent:-9999px;
	display:block
}

#g_menu_01 a{
	height:37px;
	width:142px;
	position:absolute;
	top:9px;
	left:9px;
}
#g_menu_01 a:hover{background:url(../images/g_01_h.gif)}


#g_menu_02 a{
	height:37px;
	width:100px;
	position:absolute;
	top:9px;
	left:146px
}
#g_menu_02 a:hover{background:url(../images/g_02_h.gif)}

#g_menu_03 a{
	height:37px;
	width:142px;
	position:absolute;
	top:9px;
	left:255px
}
#g_menu_03 a:hover{background:url(../images/g_04_h.gif)}


#g_menu_04 a{
	height:37px;
	width:110px;
	position:absolute;
	top:9px;
	left:404px
}
#g_menu_04 a:hover{background:url(../images/g_05_h.gif)}

#g_menu_05 a{
	height:37px;
	width:110px;
	position:absolute;
	top:9px;
	left:511px
}
#g_menu_05 a:hover{background:url(../images/g_03_h.gif)}


#g_menu_01 #g_selected{background:url(../images/g_01_h.gif)}

#g_menu_02 #g_selected{background:url(../images/g_02_h.gif)}

#g_menu_03 #g_selected{background:url(../images/g_04_h.gif)}

#g_menu_04 #g_selected{background:url(../images/g_05_h.gif)}

#g_menu_05 #g_selected{background:url(../images/g_03_h.gif)}



#m_camera{
	height: 20px;
	width: 640px;
	margin-left:4px;
	background-image: url(../images/m_optical_0.gif);
}

#m_camera li {
	float:left;
	font-size:10px;
	margin-left:10px
}

#m_camera li a{
	float:left;
	font-size:10px;
	background-image: url(../images/arrow_gm_t.gif);
	background-position: left 6px;
	padding-top: 4px;
	padding-left: 12px;
	color:#FFFFFF
}

#m_camera li a:hover{
	color:#FF0000;
	text-decoration:underline
}

#m_pc{
	height: 20px;
	width: 640px;
	margin-left:4px;
	background-image: url(../images/m_optical_0.gif);
}

#m_pc li {
	float:left;
	font-size:10px;
	margin-left:10px
}

#m_pc li a{
	float:left;
	font-size:10px;
	background-image: url(../images/arrow_gm_t.gif);
	background-position: left 6px;
	padding-top: 4px;
	padding-left: 12px;
	color:#FFFFFF
}

#m_pc li a:hover{
	color:#FF0000;
	text-decoration:underline
}




/** BREADCRUMBS **/



#bread_navi{
	background-image: url(../images/filter/arrow_green.gif);
	background-position:left 2px;
	padding-left: 16px;
	margin-left:10px;
	color:#999;
	width:450px;
	font-size:10px
}

#bread_navi a{
	color:#333333
}

#bread_navi a:hover{
	text-decoration:underline
}




/** eLXgTCY**/

#c_size {
	background-image: url(../images/char.png);
	height: 28px;
	width: 141px;
	position:absolute;
	left:500px;
	top:5px;
}

#c_size li{position:absolute}

#c_size li a{text-indent:-9999px;display:block}

#c_size_01 a{
	height:20px;
	width:20px;
	position:absolute;
	top:0px;
	left:56px;
}
#c_size_01 a:hover{background-image: url(../images/char_s.png)}

#c_size_02 a{
	height:24px;
	width:24px;
	position:absolute;
	top:0px;
	left:83px;
}
#c_size_02 a:hover{background-image: url(../images/char_m.png)}

#c_size_03 a{
	height:28px;
	width:28px;
	position:absolute;
	top:0px;
	left:113px;
}
#c_size_03 a:hover{background-image: url(../images/char_b.png)}



/**  **/



#srchInput{
	height:18px;
	width:110px;
	border:none;
	position:absolute;
	top:20px;
	left:680px;
	border:#FFFFFF
}
*:first-child+html #srchInput{
	height:15px;
	width:110px;
	border:0;
	position:absolute;
	top:20px;
	left:676px;
}

#bt_s a{
	height:22px;
	width:42px;
	position:absolute;
	top:18px;
	left:793px;
	text-indent:-9999px;
	display:block
}

#bt_s a:hover{background-image: url(../images/b_s_h.gif)}







/** ::Main Box Setting:: **/



#contents{
	width:844px;
	height:auto;
	text-align:left;
	background-image: url(../images/contents_mid.gif);
	background-repeat: repeat-y;
	padding: 6px 0 0 0;
	margin-left:-2px;
	position:relative;
	z-index:100
}


/** for SEARCH PAGE **/

#contents_sr{
	width:828px;
	height:auto;
	text-align:left;
	background-image: url(../images/contents_mid_02.gif);
	background-repeat: repeat-y;
	padding:6px;
}
*html #contents_sr{
	width:840px;
}

#left {
	height: auto;
	width: 640px;
	float:left
}

#right {
	height: auto;
    width: 188px;
	float:left;
	text-align:center;
	margin-left:6px;
	position:relative;
	margin-bottom:20px
}
*html #right {margin-left:-1px}


/** ::Main Box Setting ::**/




/** footer **/

#footer {
	height: 63px;
	width: 840px;
	text-align:left;
	background-image: url(../images/logo_foter.gif);
	background-position:3px
}

#f_left{
	float:left;
	width:299px;
	background-image: url(../images/logo_foter.gif);
	text-indent:-9999px;
	display:block;
	height: 62px;
	background-position:bottom
}

#f_right{
	float:right;
	width:500px;
	padding-right:10px;
	text-align:left;
	margin-top: 5px;
}

#footer_menu {
	width: 246px;
	height:20px;
	margin-left:250px
}

#footer_menu ul{
	width: 246px;
	height:auto;
	position:relative;
	text-align:left
}

#footer_menu ul li{
	height:18px;
	width:80px;
	position:absolute;
}
#footer_menu ul li a{
	text-indent:-9999px;
	display:block;
	height:18px;
	width:80px;
	position:absolute;
	
}

#f_01{
	left:0;
	top:0;
}

#f_02{
	left:80px;
	top:0
}
#f_03{
	left:165px;
	top:0;
	width:100px
}

#and-nbsp {
	margin: 5px 0 15px 395px;
	background-image: url(../images/and-nbsp.gif);
	text-indent: -9999px;
	display: block;
	height: 16px;
	width: 104px;
}
#and-nbsp a{
	background-image: url(../images/and-nbsp.gif);
	text-indent: -9999px;
	display: block;
	height: 16px;
	width: 104px;
}
#and-nbsp a:hover{
	background-image: url(../images/and-nbsp_h.gif);
}



/** Banner set **/

.bn_r {margin:0 0 0 5px}
.bn_kogaku {margin:4px 0 0 5px}
.bn_fujimoto {margin:4px 0 0 6px}
.bn_kesher {margin:4px 0 0 7px}

.bn_r a:hover img{
  filter: alpha(opacity=70);
  -moz-opacity:0.75;
  opacity:0.75;
}

/** for TOP **/


#whatsnew{
	width:625px;
	height:49px;
	text-align:left;
	background-image: url(../images/title_whatsnew.gif);
	text-indent:-9999px;
	display:block;
	margin-left:10px;
}

#whatsnew span{
		text-indent:0!important;
		display:block;
		margin-left:176px;
		margin-top:2px
}

#info{
	width:625px;
	height:49px;
	text-align:left;
	background-image: url(../images/title_info.gif);
	text-indent:-9999px;
	display:block;
	margin-left:10px
}

#info span{
		text-indent:0!important;
		display:block;
		margin-left:258px;
		margin-top:2px
}

#top dl {
    width:625px;
	height:230px;
	overflow:auto;
	margin-top:10px
}



#top dt {
	background-image: url(../images/arrow_circle.gif);
	background-position: left center;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 30px;
	padding-left: 16px;
}


#top dd {
	margin:5px 10px 10px 44px;
	background-image: url(../images/line_01.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom:10px;
	display:block;
	color:#666666
}
#top dd a{
	display:block;color:#0066FF
}
#top dd a:hover{
	background-color:#eee;
	text-decoration:underline
}

#notice {
	color:#FF6600;
	border: 1px solid #FF6600;
	margin:30px 10px 0 10px;
	padding:5px 10px
}

#notice p{
	margin-left:1em;
	text-indent:-1em;
	margin-bottom:5px;
	margin-top:5px
}

#pagetop a{
	background-image: url(../images/pagetop.gif);
	background-repeat:repeat-x;
	height: 23px;
	width: 646px;
	text-indent: -9999px;
	display: block;
	margin:30px 0 0 2px
}

#pagetop a:hover{background-image: url(../images/pagetop_h.gif)}


#title_bd{
	width:625px;
	height:49px;
	background-image: url(../images/title_bd.gif);
	text-indent:-9999px;
	display:block;
	margin-left:10px
}

#bd{
	background-color: #eee;
	padding:10px 5px;
	margin:10px 12px
}

.wrap_bd a{
	border:#CCCCCC 2px solid;
	display:block;
	float:left;
	margin:5px 0 0 3px
}
.wrap_bd a:hover{
	border:#FF9900 2px solid;
}

.line_02 {
	background-image: url(../images/line_b.gif);
	background-repeat: repeat-x;
	height: 12px;
	margin: 0 10px;
}

#bn_pd_01{
	margin:10px 0 0 10px
}

#bn_pd_02{
	margin:10px 0 0 10px
}

#title_pd_03{margin:20px 0 0 10px}

#bn_pd_03 a{
	height: 37px;
	width: 274px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
	float:left
}

#jab{
	float:left;margin:10px 0 0 10px
}




/** Ej[ **/



#r_pd{
	text-align:left;
	margin:20px 0 0 0;
	padding:0 5px;
	letter-spacing: -1px;
}
	
.wrap_rimg a{
    border:#CCCCCC 2px solid;
	display:block;
	float:left;
	margin:0 5px 0 3px
}

.wrap_rimg a:hover{text-align:left;border:#FF9900 2px solid}

#r_pd h3 a{color:#333333; font-weight:bold}
#r_pd h3 a:hover{color:#FF0000}

#r_pd p{font-size:80%}

.ct{
	text-align:center;
}


#lineup {
	margin-top: 20px;
	margin-left: 20px;
}

#camera_t1 {
	margin-top: 10px;
	margin-left: 30px;
}

.wrap_lineup {
	margin-top: 20px;
	margin-left: 45px;
	width:560px;
	border:1px solid #CCCCCC;
}

.wrap_lineup table{
	width:100%;
}

.wrap_lineup th{
	background-image: url(../images/table_hd.gif);
	background-repeat: repeat-x;
	height: 31px;
	text-align:left
}

.wrap_lineup td{
	background-image: url(../images/bg_table.gif);
	background-repeat: repeat;
	padding:5px;
}

.wrap_lineup a{
	color:#333333;
	text-decoration:underline
}

.wrap_lineup a:hover{
	text-decoration:underline;
	color:#999999
}

.wrap_lineup td img{
	border:1px solid #666
}

.wrap_lineup td a:hover img{
	border:1px solid #FF9900
}

.wrap_lineup td table td{
	background:none;
	padding:2px;
	text-align:left
}

.wrap_lineup th h4 a{
	font-size:130%;
	font-weight:bold;
	background-image: url(../images/arrow_green.gif);
	padding-left:20px;
	margin-left:20px
}

#bn_07 a{
	background-image: url(../images/bn_06.png);
	text-indent:-9999px;
	display:block;
	height: 57px;
	width: 188px;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;
}
#bn_07 a:hover{background-image: url(../images/bn_06_h.png)}


#head_cat{
	margin:30px 0 30px 24px
}






/************************** RIGHT ************************************/




.r_menu_mt {
	height: 37px;
	width: 190px;
	margin:0 0 1px 3px;
	display:block;
	position:relative;
	z-index:9999
}

.r_menu_mt a{
	height: 28px;
	width: 145px;
	display:block;
	font-weight:bold;
	color:#333;
	padding:10px 0 0 46px;
	text-align:left;
	font-size:12px;
	position:relative;
	z-index:9999
}

*html .r_menu_mt a{
	height: 37px;
	width: 190px;
}

.r_menu_mt a:hover{
	color:#fff
} 


.statusicon{ 
    position: absolute;
    top: 0px;
    left: 0px;
	z-index:1;
	color:#FFFFFF!important
}




#cat_top{ 
    margin:0 0 0 24px
}

#cat_top td{ 
    padding:0 13px;
	text-align:center
}

#cat_top td h3 { 
    font-size:120%;
	
	color:#333;
	font-weight:bold;
	margin:10px 0;
	letter-spacing:-1px
}

#cat_top td h3 a{ 
    color:#333
}
#cat_top td h3 a:hover{ 
    color:#FF6600;
	text-decoration:underline;
}

#cat_top td a:hover h3{ 
    color:#FF6600;
	text-decoration:underline;
}

#cat_top .wrap_img{ 
    border:#CCCCCC 1px solid;
	width:160px
}

.all a{
	background-image: url(../images/all.jpg);
	height: 41px;
	width: 134px;
	text-indent:-9999px;
	display:block
}

.all a:hover{
	background-image: url(../images/all_h.jpg);
	height: 41px;
	width: 134px;
}






.level2a {
	margin:1px 0 0px 3px;
	font-size:12px;
	width:155px;
	height:auto;
	text-align:left;
	line-height:100%!important;
	padding:10px 3px 10px 26px;
	border-left: solid 4px #666;
	background-image: url(../images/arrow_03_a.gif);
	background-position: 6px 10px;
}

*html .level2a {
	width:191px;
}

.level2a a{
	color:#333;
}

.level2a a:hover{
	color:#FF6600;
}

#bn_special{
	margin:20px 0 0 20px
}



/**********************[NEWS]****************************************/

#news {
    margin:30px 10px 30px 20px;
	font-size:120%!important;
}

#news .date{
    font-size:12px;
}

#news .title_h3{
    font-size:16px;
    font-weight:bold;
	margin:20px 0 0 0;
	color:#000000;
	border-left:solid 5px #000000;
	padding-left:10px;
}

#news .line_04 {
	background-image: url(../images/line_04.gif);
	height: 17px;
	width: 606px;
	margin:0 0 0 10px!important
}	

#news .in {
    margin:14px 0;
}	

#news .in img{
	border:solid 1px #CCCCCC;
	padding:1px;
	margin-top:10px
}	


#news .in table{
	border-collapse:collapse
}	



#news .in table td{
	border:solid 1px #CCCCCC;
	padding:6px 10px;
}	

#news .in table .gray{
	background:#eee
}	

#left .title_h3_cat {
    font-size:12px;
	padding-left: 14px;
}

#left .title_h3_cat a{
    font-size:12px;
}

#left #cat .date{
	background-image: url(../images/arrow_green.gif);
	padding-left: 14px;
	background-position: left center;
	font-size:12px
}


#left #info_title{
    color:#333333;
	font-weight:bold;
	margin-bottom:20px;
	font-size:14px
}


/** KONICA MINOLTA **/

#konicaminolta{
    margin:30px 10px 30px 20px
}

#konicaminolta .tb_01{
   background-color:#000000;
}

#konicaminolta .tb_01 table{
   margin-top:4px
}

#konicaminolta .tb_01 table td{
   background-color:#fff;
   padding:2px 4px
}

#konicaminolta .tb_01 table td .in{
   width:443px;
   margin:0 10px
}

#konicaminolta h3{
	font-weight: bold;
	color: #FFFFFF;
	background:#000;
	height: 20px;
	margin:20px 0 16px 0;
	font-size:12px;
	padding:2px 0 0 10px;
	border-bottom:2px solid #CCCCCC
}
*html #konicaminolta h3{
	height: 22px;
}

#konicaminolta .bg_gray{
	padding:20px;
	background:#eee
}

#konicaminolta .alpha{
	float:left;
	padding-left:20px
}

#konicaminolta p{
	padding:2px 20px
}

#konicaminolta p.notice{
	color:#FF0000;
	text-indent:-1em; 
	margin-left:1em;
	font-size:80%
}

#konicaminolta .bg_gray li{
	background-image: url(../images/arrow_list.gif);
	background-position: left center;
	padding-left: 20px;
	margin:10px 0
}

#konicaminolta .bg_gray li a{
	text-decoration:underline
}

#konicaminolta #terms{
	margin:20px 0;
	height:500px;
	overflow:auto;
	border:1px solid #000000;
	padding:10px;
}

#konicaminolta #terms h4{
	font-size:12px;
	font-weight:bold;
	margin:10px 0
}

#konicaminolta #terms p{
	padding:2px 0px
}

#konicaminolta .intro{
	margin-top:20px
}

#konicaminolta #terms ul li{
	padding:6px 0
}

#konicaminolta #terms ul li ul li{
	padding:6px 12px
}

.txt_r{text-align:right}


#konicaminolta .bt a{
	background-image: url(../images/bg_btn.png);
	float: left;
	height: 37px;
	width: 120px;
	padding:21px 0 0 80px;
	text-decoration:underline;
	_height: 58px;
	_width: 200px;
}
#konicaminolta .bt a:hover{
  filter: alpha(opacity=60);
  -moz-opacity:0.6;
  opacity:0.6;
  }

#konicaminolta .wrap{
	text-align:center
}

#konicaminolta .centering{
	width:400px;
	margin:0 auto;
	text-align:left
}


#konicaminolta .tb_02{
   background-color:#000000;
   width:100%
}

#konicaminolta .tb_02 table{
   margin-top:4px;
   width:100%
}

#konicaminolta .tb_02 table td{
   background-color:#fff;
   padding:2px 4px
}

#konicaminolta .tb_02 .price{
   width:100px
}

#konicaminolta .tb_02 table th{
   background-color:#fff;
   padding:2px 4px;
   width:180px;
   text-align:left
}

#acc td{
   width:50%;
   padding:6px 10px!important
}

#container{
   text-align:left
}

#container h3{
   background:#000000;
   padding:10px 20px;
   color:#FFFFFF;
   font-size:16px;
   font-weight:bold;
   border-bottom:2px solid #CCCCCC
}

#container h4{
   	font-weight: bold;
	font-size:14px;
	margin-bottom:10px
}

#container #product{
	padding:10px 20px;
}

#container .left{
	width:150px;
	float:left;
	height:280px
}

#container .left img{
	border:solid 1px #CCCCCC;
}

#container .right{
	width:200px;
	float:right
}

#container .close{
	text-align:right;
	margin:10px 0
}


#konicaminolta #contact{
	background-color:#0066FF;
	width:460px;
	padding:10px;
	margin:0 auto;
	color:#FFFFFF;
	font-weight:bold;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

#konicaminolta #contact p{
   font-size:14px;
}

#konicaminolta #contact p span{
   font-size:10px;
}

#konicaminolta #contact .notice{
   font-size:10px;

}

#konicaminolta #contact .num{
   font-size:30px;
}

#konicaminolta #contact .num img{
   margin-right:10px;
}


#wrap_01{border:solid 1px #999999; background-color:#FFFFFF; margin-top:20px; padding:16px}

#wrap_01 .indent_01{margin:10px 0 10px 40px; border-left:2px solid #333333}