/**  ***********************

common.css   Date: 2008.03.17

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

html>body .xxx{margin:10px} //for without IE
*html .xxx {width: 202px}  //for IE6
*:first-child+html .xxx {width: 202px}  //for IE7
==============================

actual contents width:750px

************************  **/

/* Initial Setting */

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

img{border:0}

li{list-style-type: none;}

a{text-decoration: none; background-repeat:no-repeat; color:#0000ff; text-decoration:none}
a:hover{color:#FF0000;text-decoration:none}

.clear{clear:both;height:0px; line-height:0px}

.space10 {
	height: 10px;
}

.space20 {
	height: 20px;
}

.line{
	font-weight:normal;
	background-image: url(../images/line.gif);
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 30px;
	background-repeat: repeat-x;
	background-position: left;
	width: 450px;
	height:6px
}
*html .line{line-height:6px}


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

#wrapper{
	width:764px;
	height:auto;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-y;
	text-align:left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding:0 8px;
	
}


#header {
	background-image: url(../images/header.png);
	height: 61px;
	width: 749px;
	position: relative;
}


#header h1 a{
	font-size:10px;
	color:#333333;
	position:absolute;
	top:10px;
	left:320px;
	font-weight:normal
}
*html #header h1 a{font-size:9px}
*:first-child+html #header h1 a{font-size:9px}

#header h2 a{
	position:absolute;
	top:5px;
	left:10px;
	width:240px;
	height:50px;
	text-indent:-9999px;
	display:block;
	text-decoration: none;
}


#toEng a{
	position:absolute;
	top:5px;
	left:670px;
	width:68px;
	height:20px;
	text-indent:-9999px;
	display:block;
	text-decoration: none;
	background-image: url(../images/to_eng.png);
}


#hd_ul{
	position:absolute;
	top:40px;
	left:430px;
	height:auto;
}
#hd_ul li{
	float:left
}

#hd_li_01 a{
	position:absolute;
	top:0px;
	left:0px;
	text-indent:-9999px;
	display:block;
	width:50px;
	height:14px;
	text-decoration: none;
}

#hd_li_02 a{
	position:absolute;
	top:0px;
	left:65px;
	text-indent:-9999px;
	display:block;
	width:70px;
	height:14px;
	text-decoration: none;
}

#hd_li_03 a{
	position:absolute;
	top:0px;
	left:140px;
	text-indent:-9999px;
	display:block;
	width:80px;
	height:14px;
	text-decoration: none;
}

#hd_li_04 a{
	position:absolute;
	top:0px;
	left:235px;
	text-indent:-9999px;
	display:block;
	width:75px;
	height:14px;
	text-decoration: none;
}

#hd_img {
	background-image: url(../images/hd.jpg);
	height: 192px;
	width: 750px;
	text-indent:-9999px;
	display:block;
}


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



#gb li{float: left}


#gb_01 {
	background-image: url(../images/gb_menu_01_h.png);
	text-indent: -9999px;
	display: block;
	height: 54px;
	width: 151px;
}
#gb_01 a{
	background-image: url(../images/gb_menu_01.png);
	text-indent: -9999px;
	display: block;
	height: 54px;
	width: 151px;
}
#gb_01 a:hover{background-image: url(../images/gb_menu_01_h.png)}

#gb_02 {
	background-image: url(../images/gb_menu_02_h.png);
	text-indent: -9999px;
	display: block;
	height: 54px;
	width: 152px;
}
#gb_02 a{
	background-image: url(../images/gb_menu_02.png);
	text-indent: -9999px;
	display: block;
	height: 54px;
	width: 152px;
}
#gb_02 a:hover{background-image: url(../images/gb_menu_02_h.png)}

#gb_03 {
	background-image: url(../images/gb_menu_03_h.png);
	text-indent: -9999px;
	display: block;
	height: 54px;
	width: 147px;
}
#gb_03 a{
	background-image: url(../images/gb_menu_03.png);
	text-indent: -9999px;
	display: block;
	height: 54px;
	width: 147px;
}
#gb_03 a:hover{background-image: url(../images/gb_menu_03_h.png)}

#gb_04 {
	background-image: url(../images/gb_menu_04_h.png);
	text-indent: -9999px;
	display: block;
	height: 54px;
	width: 153px;
}
#gb_04 a{
	background-image: url(../images/gb_menu_04.png);
	text-indent: -9999px;
	display: block;
	height: 54px;
	width: 153px;
}
#gb_04 a:hover{background-image: url(../images/gb_menu_04_h.png)}

#gb_05 {
	background-image: url(../images/gb_menu_05_h.png);
	text-indent: -9999px;
	display: block;
	height: 54px;
	width: 148px;
}
#gb_05 a{
	background-image: url(../images/gb_menu_05.png);
	text-indent: -9999px;
	display: block;
	height: 54px;
	width: 148px;
}
#gb_05 a:hover{background-image: url(../images/gb_menu_05_h.png)}




/** Main **/

#contents {
	width:750px;
	height:auto;
	background-image: url(../images/bg_menu.gif);
	background-repeat: repeat;
}
*html #contents {margin-top:-4px;}


#right {
	float: right;
	background-color:#fff;
	width:552px;
	padding-left:10px
}
*html #right {
	margin-bottom:-5px
}

#title_whats {
	background-image: url(../images/title_wthatsnew.png);
	text-indent: -9999px;
	display: block;
	height: 42px;
	width: 550px;
}
#title_info {
	background-image: url(../images/bn_products.jpg);
	text-indent: -9999px;
	display: block;
	height: 84px;
	width: 532px;
	margin-top:10px
}

#title_info a{
	background-image: url(../images/bn_products.jpg);
	text-indent: -9999px;
	display: block;
	height: 84px;
	width: 532px;
}
#title_info a:hover{background-image: url(../images/bn_products_h.jpg);}

#title_profile {
	background-image: url(../images/bn_company.jpg);
	text-indent: -9999px;
	display: block;
	height: 84px;
	width: 532px;
	margin-top:10px
}

#title_profile a{
	background-image: url(../images/bn_company.jpg);
	text-indent: -9999px;
	display: block;
	height: 84px;
	width: 532px;
}
#title_profile a:hover{background-image: url(../images/bn_company_h.jpg);}

#whats {
	font-weight:normal;
	height: 160px;
	width: 530px;
	overflow: auto;
	
}

#whats h5{
	font-weight:normal;
	background-image: url(../images/arrow.gif);
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 30px;
	padding-left: 16px;
}

#news {
	font-weight:normal;
	width: 510px;
	margin:10px 0 0 0px;
	background:url(../images/bg_menu.gif) repeat;
	padding:10px
}
*html #news {width: 530px;padding:10px 10px 0px 10px}
#utfnews a{
	font-weight:normal;
	width: 251px;
	background-image: url(../images/bt_utfnews.png);
	height: 69px;
	float:left;
	text-indent:-9999px;
	display:block
}

#movinginfo a{
	font-weight:normal;
	width: 251px;
	background-image: url(../images/bt_moving_info.png);
	height: 69px;
	float:left;
	text-indent:-9999px;
	display:block
}




#pd_info a{
	background-image: url(../images/products.jpg);
	text-indent: -9999px;
	display: block;
	height: 96px;
	width: 442px;
	margin:5px 0 0 60px
}

#profile a{
	background-image: url(../images/bg_menu.gif);
	text-indent: -9999px;
	display: block;
	height: 96px;
	width: 442px;
	margin:5px 0 0 60px;
	background-repeat: repeat;
}




/**Left Menu**/

#left {width: 188px}

*html #left {
	float:left
}
#business {
	background-image: url(../images/title_biz.gif);
	text-indent: -9999px;
	display: block;
	height: 38px;
	width: 188px;
}
#left_menu_bg_01 {
	background-image: url(../images/left_menu_bg_01.png);
	height: 248px;
	width: 185px;
	margin-top:10px;
	position:relative
}


#left_menu_01 {
	background-image: url(../images/left_menu_01.png);
	height: 16px;
	width: 81px;
	position: absolute;
	left: 26px;
	top: 57px;
	text-indent: -9999px;
	display: block;
}

#left_menu_01 a{
	background-image: url(../images/left_menu_01.png);
	height: 16px;
	width: 81px;
	text-indent: -9999px;
	display: block;
}

#left_menu_01 a:hover{background-image: url(../images/left_menu_01_h.png)}


#left_menu_02 {
	background-image: url(../images/left_menu_02.png);
	height: 16px;
	width: 90px;
	position: absolute;
	left: 26px;
	top: 78px;
	text-indent: -9999px;
	display: block;
}

#left_menu_02 a{
	background-image: url(../images/left_menu_02.png);
	height: 16px;
	width: 90px;
	text-indent: -9999px;
	display: block;
}

#left_menu_02 a:hover{background-image: url(../images/left_menu_02_h.png)}



#left_menu_03 {
	background-image: url(../images/left_menu_03.png);
	height: 16px;
	width: 81px;
	position: absolute;
	left: 26px;
	top: 100px;
	text-indent: -9999px;
	display: block;
}

#left_menu_03 a{
	background-image: url(../images/left_menu_03.png);
	height: 16px;
	width: 81px;
	text-indent: -9999px;
	display: block;
}

#left_menu_03 a:hover{background-image: url(../images/left_menu_03_h.png)}



#left_menu_04 {
	background-image: url(../images/left_menu_04.png);
	height: 16px;
	width: 100px;
	position: absolute;
	left: 26px;
	top: 120px;
	text-indent: -9999px;
	display: block;
}

#left_menu_04 a{
	background-image: url(../images/left_menu_04.png);
	height: 16px;
	width: 100px;
	text-indent: -9999px;
	display: block;
}

#left_menu_04 a:hover{background-image: url(../images/left_menu_04_h.png)}


#left_menu_05 {
	background-image: url(../images/left_menu_05.png);
	height: 16px;
	width: 100px;
	position: absolute;
	left: 26px;
	top: 144px;
	text-indent: -9999px;
	display: block;
}

#left_menu_05 a{
	background-image: url(../images/left_menu_05.png);
	height: 16px;
	width: 100px;
	text-indent: -9999px;
	display: block;
}

#left_menu_05 a:hover{background-image: url(../images/left_menu_05_h.png)}


#left_menu_06 {
	background-image: url(../images/left_menu_06.png);
	height: 16px;
	width: 100px;
	position: absolute;
	left: 26px;
	top: 170px;
	text-indent: -9999px;
	display: block;
}

#left_menu_06 a{
	background-image: url(../images/left_menu_06.png);
	height: 16px;
	width: 100px;
	text-indent: -9999px;
	display: block;
}

#left_menu_06 a:hover{background-image: url(../images/left_menu_06_h.png)}


#left_menu_07 {
	background-image: url(../images/left_menu_06.png);
	height: 16px;
	width: 100px;
	position: absolute;
	left: 26px;
	top: 190px;
	text-indent: -9999px;
	display: block;
}

#left_menu_07 a{
	background-image: url(../images/left_menu_07.png);
	height: 16px;
	width: 100px;
	text-indent: -9999px;
	display: block;
}

#left_menu_07 a:hover{background-image: url(../images/left_menu_07_h.png)}


#left_menu_08 {
	background-image: url(../images/left_menu_08.png);
	height: 16px;
	width: 100px;
	position: absolute;
	left: 26px;
	top: 214px;
	text-indent: -9999px;
	display: block;
}

#left_menu_08 a{
	background-image: url(../images/left_menu_08.png);
	height: 16px;
	width: 100px;
	text-indent: -9999px;
	display: block;
}

#left_menu_08 a:hover{background-image: url(../images/left_menu_08_h.png)}




#left_menu_bg_02 {
	background-image: url(../images/left_menu_bg_02.png);
	height: 164px;
	width: 185px;
	margin-top:10px;
	position:relative
}

#left_menu_09 {
	background-image: url(../images/left_menu_09.png);
	height: 30px;
	width: 150px;
	position: absolute;
	left: 26px;
	top: 60px;
	text-indent: -9999px;
	display: block;
}

#left_menu_09 a{
	background-image: url(../images/left_menu_09.png);
	height: 30px;
	width: 150px;
	text-indent: -9999px;
	display: block;
}

#left_menu_09 a:hover{background-image: url(../images/left_menu_09_h.png)}


#left_menu_10 {
	background-image: url(../images/left_menu_10.png);
	height: 16px;
	width: 100px;
	position: absolute;
	left: 26px;
	top: 100px;
	text-indent: -9999px;
	display: block;
}

#left_menu_10 a{
	background-image: url(../images/left_menu_10.png);
	height: 16px;
	width: 100px;
	text-indent: -9999px;
	display: block;
}

#left_menu_10 a:hover{background-image: url(../images/left_menu_10_h.png)}



#ct_btm {
	background-image: url(../images/bg_btm.gif);
	height: 10px;
	width: 764px;
	padding:0 8px;
	margin:0 auto
}
*html #ct_btm {
	margin-left:-3px
}


#footer {
	background-image: url(../images/footer.png);
	height: 67px;
	width: 764px;
	position: relative;
	margin:0 auto;
	padding:0 8px;
}

#footer li{
	float:left
}

#ft_menu_01 a{
	text-indent: -9999px;
	display: block;
	height: 37px;
	width: 62px;
	position:absolute;
	top:3px;
	left:48px
}

#ft_menu_02 a{
	text-indent: -9999px;
	display: block;
	height: 37px;
	width: 92px;
	position:absolute;
	top:3px;
	left:110px
}

#ft_menu_03 a{
	
	text-indent: -9999px;
	display: block;
	height: 37px;
	width: 109px;
	position:absolute;
	top:3px;
	left:202px
}

#ft_menu_04 a{
	text-indent: -9999px;
	display: block;
	height: 37px;
	width: 76px;
	position:absolute;
	top:3px;
	left:311px
}

#ft_menu_05 a{
	text-indent: -9999px;
	display: block;
	height: 37px;
	width: 66px;
	position:absolute;
	top:3px;
	left:387px
}

#ft_menu_06 a{
	text-indent: -9999px;
	display: block;
	height: 37px;
	width: 71px;
	position:absolute;
	top:3px;
	left:453px;
}


#ft_menu_07 a{
	text-indent: -9999px;
	display: block;
	height: 37px;
	width: 90px;
	position:absolute;
	top:3px;
	left:521px;
}


#ft_menu_08 a{
	text-indent: -9999px;
	display: block;
	height: 37px;
	width: 73px;
	position:absolute;
	top:3px;
	left:611px;
}

#ft_menu_09 a{
	text-indent: -9999px;
	display: block;
	height: 37px;
	width: 75px;
	position:absolute;
	top:3px;
	left:684px;
}


#copy{
	position:absolute;
	top:50px;
	left:340px;
	font-size:12px
}

#page_right {
	height: auto;
	width: 590px;
	float:right;
	background-color:#FFFFFF
}
*html #page_right {
	margin-bottom:-5px
}
*:first-child+html #page_right {margin-bottom:-5px;}
#page_left {
	height: auto;
	width: 160px;
	float:left
}

.page_top {
	text-align: right;
	padding-right: 10px;
}
#bread_navi {
	font-size: 10px;
	margin-top: 5px;
	margin-left: 10px;
}
*html #bread_navi {font-size: 9px;}
*:first-child+html #bread_navi {font-size: 9px;}
#notice {
	height: 400px;
	background-image: url(../images/notice.jpg);
	width: 548px;
	margin-top: 20px;
	margin-left: 24px;
	text-indent:-9999px;
	display:block
}