/**  

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

@charset "shift_jis";

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

**/


/* Initial Setting */

*{margin:0; padding:0; background-repeat:no-repeat; line-height:140%;font-size:100%;font-family: "ＭＳ Ｐゴシック", Arial;}

a {text-decoration:none}
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}

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


#digi_hd{
	margin-top:10px!important
}

.line_03 {
	background-image: url(../images/line_03.gif);
	background-repeat: repeat-x;
	height: 5px;
	margin: 20px 15px;
}	
/* 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:840px;
	height:auto;
	text-align:left;
	margin: 0 auto;
}

#notice {
	color: #FF0000;
	border: 1px solid #FF0000;
	margin:30px 10px;
	padding:10px
}

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

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

#eng a{
	width:84px;
	height:31px;
	text-indent:-9999px;
	display:block;
	position:absolute;
	top:0px;
	left:750px;
}
#eng a:hover{
	background-image: url(../images/enb_h.png);
}

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

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

/** グローバルメニュー**/

#menu{
	width:840px;
	height:46px;
	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:32px;
	width:75px;
	position:absolute;
	top:6px;
	left:16px;
}
#g_menu_01 a:hover{background-image: url(../images/g_01_h.gif)}


#g_menu_02 a{
	height:32px;
	width:75px;
	position:absolute;
	top:6px;
	left:102px
}
#g_menu_02 a:hover{background-image: url(../images/g_02_h.gif)}

#g_menu_03 a{
	height:32px;
	width:75px;
	position:absolute;
	top:6px;
	left:188px
}
#g_menu_03 a:hover{background-image: url(../images/g_03_h.gif)}


#g_menu_04 a{
	height:32px;
	width:75px;
	position:absolute;
	top:6px;
	left:276px
}
#g_menu_04 a:hover{background-image: url(../images/g_04_h.gif)}





/** テキストサイズ**/

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

#c_size_01 a{
	height:19px;
	width:19px;
	position:absolute;
	top:9px;
	left:557px;
}
#c_size_01 a:hover{background-image: url(../images/b_small_h.gif)}

#c_size_02 a{
	height:23px;
	width:23px;
	position:absolute;
	top:9px;
	left:584px;
}
#c_size_02 a:hover{background-image: url(../images/b_mid.gif)}

#c_size_03 a{
	height:26px;
	width:26px;
	position:absolute;
	top:9px;
	left:614px;
}
#c_size_03 a:hover{background-image: url(../images/b_big_h.gif)}



/** 検索 **/



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

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

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







/** Main Box Setting **/

#contents{
	width:840px;
	height:auto;
	text-align:left;
	background-image: url(../images/contents_mid.gif);
	background-repeat: repeat-y;
	padding: 6px 0 0 0;
}

#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
}
*html #right {
	margin-left:-1px
}
/** Main Box Setting **/




/** Banner set **/

#bn_01 {
	background-image: url(../images/bn_products.jpg);
	height: 95px;
	width: 184px;
	margin:0 0 0 6px
}
#bn_01 a{
	background-image: url(../images/bn_products.jpg);
	height: 95px;
	width: 184px;
	text-indent:-9999px;
	display:block
}
#bn_01 a:hover{background-image: url(../images/bn_products_h.jpg)}


#bn_02 {
	background-image: url(../images/bn_fujimoto.gif);
	margin: 4px 0 0 6px;
}
#bn_02 a{
	background-image: url(../images/bn_fujimoto.gif);
	height: 105px;
	width: 184px;
	text-indent:-9999px;
	display:block
}
#bn_02 a:hover{background-image: url(../images/bn_fujimoto_h.gif);}


/** 製品情報 **/

#pd_wrap{
	margin:0 10px 0px 30px;
}

#pd_01 a{
	background-image: url(../images/pd_01.jpg);
	float: left;
	height: 90px;
	width: 180px;
	text-indent:-9999px;
	display:block;
	background-position:bottom
}
#pd_01 a:hover{background-image: url(../images/pd_01_h.jpg)}

#pd_02 a{
	background-image: url(../images/pd_02.jpg);
	float: left;
	height: 90px;
	width: 180px;
	text-indent:-9999px;
	display:block;
	background-position:bottom;
	margin-left:14px
}
#pd_02 a:hover{background-image: url(../images/pd_02_h.jpg)}

#pd_03 a{
	background-image: url(../images/pd_03.jpg);
	float: left;
	height: 90px;
	width: 180px;
	text-indent:-9999px;
	display:block;
	background-position:bottom;
	margin-left:14px
}
#pd_03 a:hover{background-image: url(../images/pd_03_h.jpg)}

#pd_04 a{
	background-image: url(../images/pd_04.jpg);
	float: left;
	height: 90px;
	width: 180px;
	text-indent:-9999px;
	display:block;
	background-position:bottom;
}
#pd_04 a:hover{background-image: url(../images/pd_04_h.jpg)}

#pd_05 a{
	background-image: url(../images/pd_05.jpg);
	float: left;
	height: 90px;
	width: 180px;
	text-indent:-9999px;
	display:block;
	background-position:bottom;
	margin-left:14px
}
#pd_05 a:hover{background-image: url(../images/pd_05_h.jpg)}

#pd_06 a{
	background-image: url(../images/pd_06.jpg);
	float: left;
	height: 90px;
	width: 180px;
	text-indent:-9999px;
	display:block;
	background-position:bottom;
	margin-left:14px
}
#pd_06 a:hover{background-image: url(../images/pd_06_h.jpg)}


#pd_07 a{
	background-image: url(../images/pd_07.jpg);
	float: left;
	height: 90px;
	width: 180px;
	text-indent:-9999px;
	display:block;
	background-position:bottom;
}
#pd_07 a:hover{background-image: url(../images/pd_07_h.jpg)}

#pd_08 a{
	background-image: url(../images/pd_08.jpg);
	float: left;
	height: 90px;
	width: 180px;
	text-indent:-9999px;
	display:block;
	background-position:bottom;
	margin-left:14px
}
#pd_08 a:hover{background-image: url(../images/pd_08_h.jpg)}

#pd_09 a{
	background-image: url(../images/pd_09.jpg);
	float: left;
	height: 90px;
	width: 180px;
	text-indent:-9999px;
	display:block;
	background-position:bottom;
	margin-left:14px
}
#pd_09 a:hover{background-image: url(../images/pd_09_h.jpg)}

#pd_10 a{
	background-image: url(../images/pd_10.jpg);
	float: left;
	height: 90px;
	width: 180px;
	text-indent:-9999px;
	display:block;
	background-position:bottom;
}
#pd_10 a:hover{background-image: url(../images/pd_10_h.jpg)}

#pd_11 a{
	background-image: url(../images/pd_11.jpg);
	float: left;
	height: 90px;
	width: 180px;
	text-indent:-9999px;
	display:block;
	background-position:bottom;
	margin-left:14px
}
#pd_11 a:hover{background-image: url(../images/pd_11_h.jpg)}

#pd_12 a{
	background-image: url(../images/pd_12.jpg);
	float: left;
	height: 90px;
	width: 180px;
	text-indent:-9999px;
	display:block;
	background-position:bottom;
	margin-left:14px
}
#pd_12 a:hover{background-image: url(../images/pd_12_h.jpg)}

#pd_13 a{
	background-image: url(../images/pd_13.jpg);
	float: left;
	height: 90px;
	width: 180px;
	text-indent:-9999px;
	display:block;
	background-position:bottom;
}
#pd_13 a:hover{background-image: url(../images/pd_13_h.jpg)}

#pd_14 a{
	background-image: url(../images/pd_14.jpg);
	float: left;
	height: 90px;
	width: 180px;
	text-indent:-9999px;
	display:block;
	background-position:bottom;
	margin-left:14px
}
#pd_14 a:hover{background-image: url(../images/pd_14_h.jpg)}

#pd_15 a{
	background-image: url(../images/pd_15.jpg);
	float: left;
	height: 90px;
	width: 180px;
	text-indent:-9999px;
	display:block;
	background-position:bottom;
	margin-left:14px
}
#pd_15 a:hover{background-image: url(../images/pd_15_h.jpg)}

#pd_16 a{
	background-image: url(../images/pd_16.jpg);
	float: left;
	height: 90px;
	width: 180px;
	text-indent:-9999px;
	display:block;
	background-position:bottom;

}
#pd_16 a:hover{background-image: url(../images/pd_16_h.jpg)}


#pd_17 a{
	background-image: url(../images/pd_17.jpg);
	float: left;
	height: 90px;
	width: 180px;
	text-indent:-9999px;
	display:block;
	background-position:bottom;
	margin-left:14px
}
#pd_17 a:hover{background-image: url(../images/pd_17_h.jpg)}

#pd_18 a{
	background-image: url(../images/pd_18.jpg);
	float: left;
	height: 90px;
	width: 180px;
	text-indent:-9999px;
	display:block;
	background-position:bottom;
	margin-left:14px
}
#pd_18 a:hover{background-image: url(../images/pd_18_h.jpg)}

#pd_19 a{
	background-image: url(../images/pd_19.jpg);
	float: left;
	height: 90px;
	width: 180px;
	text-indent:-9999px;
	display:block;
	background-position:bottom;
}
#pd_19 a:hover{background-image: url(../images/pd_19_h.jpg)}


#pd_20 a{
	background-image: url(../images/pd_20.jpg);
	float: left;
	height: 90px;
	width: 180px;
	text-indent:-9999px;
	display:block;
	background-position:bottom;
	margin-left:14px
}
#pd_20 a:hover{background-image: url(../images/pd_20_h.jpg)}

#pd_21 a{
	background-image: url(../images/pd_21.jpg);
	float: left;
	height: 90px;
	width: 180px;
	text-indent:-9999px;
	display:block;
	background-position:bottom;
	margin-left:14px
}
#pd_21 a:hover{background-image: url(../images/pd_21_h.jpg)}


#pd_22 a{
	background-image: url(../images/pd_22.jpg);
	float: left;
	height: 90px;
	width: 180px;
	text-indent:-9999px;
	display:block;
	background-position:bottom;
}
#pd_22 a:hover{background-image: url(../images/pd_22_h.jpg)}

#pd_23 a{
	background-image: url(../images/pd_23.jpg);
	float: left;
	height: 90px;
	width: 180px;
	text-indent:-9999px;
	display:block;
	background-position:bottom;
	margin-left:14px
}
#pd_23 a:hover{background-image: url(../images/pd_23_h.jpg)}

#pd_24 a{
	background-image: url(../images/pd_24.jpg);
	float: left;
	height: 90px;
	width: 180px;
	text-indent:-9999px;
	display:block;
	background-position:bottom;
	margin-left:14px
}
#pd_24 a:hover{background-image: url(../images/pd_24_h.jpg)}

#pd_25 a{
	background-image: url(../images/pd_25.jpg);
	float: left;
	height: 90px;
	width: 180px;
	text-indent:-9999px;
	display:block;
	background-position:bottom;
}
#pd_25 a:hover{background-image: url(../images/pd_25_h.jpg)}






#title_pd{
	width:635px;
	height:49px;
	text-align:left;
	background-image: url(../images/title_pd.gif);
	text-indent:-9999px;
	display:block;
	margin-left:6px
}

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

#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{
	width:626px;
	height:25px;
	text-align:left;
	background-image: url(../images/title_pd_02.gif);
	text-indent:-9999px;
	display:block;
	margin:20px 0 0 10px
}

#bn_pd_03 a{
	background-image: url(../images/bt_envi_poli.png);
	height: 37px;
	width: 274px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
	text-indent:-9999px;
	display:block;
	float:left
}
#bn_pd_03 a:hover{
	background-image: url(../images/bt_envi_poli_h.png);
}

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

/** 右メニュー **/

#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;
}


#notice_02 {
	color: #FF0000;
	border: 1px solid #FF0000;
	margin:50px 10px 0 10px;
	padding:10px
}

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

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


#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: 3px;
}
#bn_07 a:hover{background-image: url(../images/bn_06_h.png)}



#bread_navi{
	background-image: url(../images/arrow_green.gif);
	background-position:left center;
	padding-left: 16px;
	margin-left:10px
}


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

.bn_tr {
	margin-left:20px;
}

.r {
	margin:10px 5px;
}

*html .r {
	margin:10px 0 5px 3px;
}

.center_t {
	text-align:center
}

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