html,body{
height: 100%;
}
xa {
overflow:hidden;}
/*======================================
bararea
======================================*/
#tokyo #barwrapper {
background:url(../img/barcolor.gif) repeat-x top left;
width:100%;
height:20px;
}

#tokyo .bar {
width:820px;
padding:0 15px;
margin:0 auto;
height:20px;
}

#tokyo .bar #barlogo {
display:block;
float:left;
font-size:13px;
padding:2px 0 0 0;
}

#tokyo #barnavigation {float:right;}
#tokyo #barnavigation li {float:left;}

#tokyo #bar_home a, #bar_sitemap a {
height:20px;
color:#999999;
}

#tokyo #bar_home {
height:20px;
}
#tokyo #bar_sitemap {
height:20px;
}

/*======================================
headerarea
======================================*/
#tokyo #headerarea {
width:820px;
margin:17px auto;
padding:0 15px;
height:37px;
}

#tokyo h1 {
float:right;
color:#676767;
font-size:10px;
margin:25px 0 0 0;
}

#tokyo h2 {
background:url(../img/t_logo.gif) no-repeat top left;
text-indent:-9999px;
width:307px;
height:37px;
float:left;
}
#tokyo h2 a {
display:block;
width:307px;
height:37px;
}


/*======================================
globalnavigation
======================================*/
#tokyo #glovalwrapper {
background: url(../img/menuback.jpg) repeat-x;
height:35px;
width:100%;
}

#tokyo #globalnavigation {
width:820px;
height:35px;
margin:0 auto;
}

#tokyo #globalnavigation li {
float:left;
width:164px;
height:35px;
text-indent:-9999px;
}

#tokyo #globalnavigation li a {
display:block;
width:164px;
height:35px;
}

#tokyo #globalnavigation #business a {background:url(../img/globalmenu.gif) no-repeat 0 0;}
#tokyo #globalnavigation #business a:hover {background:url(../img/globalmenu.gif) no-repeat 0 -35px;}
#tokyo #globalnavigation #logistics a {background:url(../img/globalmenu.gif) no-repeat -164px 0;}
#tokyo #globalnavigation #logistics a:hover {background:url(../img/globalmenu.gif) no-repeat -164px -35px;}
#tokyo #globalnavigation #company a {background:url(../img/globalmenu.gif) no-repeat -328px 0;}
#tokyo #globalnavigation #company a:hover {background:url(../img/globalmenu.gif) no-repeat -328px -35px;}
#tokyo #globalnavigation #iso a {background:url(../img/globalmenu.gif) no-repeat -492px 0;}
#tokyo #globalnavigation #iso a:hover {background:url(../img/globalmenu.gif) no-repeat -492px -35px;}
#tokyo #globalnavigation #inquiry a {background:url(../img/globalmenu.gif) no-repeat -656px 0;}
#tokyo #globalnavigation #inquiry a:hover {background:url(../img/globalmenu.gif) no-repeat -656px -35px;}



/*======================================
mainarea_top
======================================*/
#tokyo #mainarea_top {
background:#D8FFA0;
margin:15px 0 25px 0;
height:150px;
}

#tokyo #mainarea_top #topimg {
display:block;
width:820px;
height:150px;
margin:0 auto;
}

/*======================================
mainarea_mid
======================================*/

#tokyo #description {
width:790px;
margin:0 auto;
border:#CCCCCC 1px solid;
padding:15px;
-webkit-border-radius: 10px;	/* Safari、Google Chrome */
 -moz-border-radius: 10px;	/* Firefox */
}

#tokyo #mainarea_mid h3 {
}

#tokyo #description p {
color:#666666;
font-size:111%;
line-height:1.5em;
font-family:"ヒラギノ角ゴ Pro W3",
 "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","tokyo",
 Verdana,Arial, Helvetica, sans-serif;
*font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3",
 "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","tokyo",
 Verdana,Arial, Helvetica, sans-serif;
}
#tokyo #description p #master_name {
display:block;
width:790px;
text-align:right;
}

/*======================================
menuarea
======================================*/
#tokyo #menuarea {
width:820px;
margin:19px auto 0;
}
/*
#tokyo #logistics_menu #storing, 
#tokyo #logistics_menu #levelling, 
#tokyo #logistics_menu #storing a, 
#tokyo #logistics_menu #levelling a{
display:block;
text-indent:-9999em;
float:left;
width:410px;
height:201px;
margin-bottom:20px;
}

#tokyo #logistics_menu #cut_columns, 
#tokyo #logistics_menu #cut_columns a, 
#tokyo #logistics_menu #slitting a, 
#tokyo #logistics_menu #slitting a{
display:block;
text-indent:-9999em;
float:left;
width:401px;
height:201px;
margin-bottom:20px;
}
#tokyo #logistics_menu #fuel, 
#tokyo #logistics_menu #fuel a, 
#tokyo #logistics_menu #rare_metal, 
#tokyo #logistics_menu #rare_metal a, 
#tokyo #logistics_menu #tubes, 
#tokyo #logistics_menu #tubes a {
display:block;
text-indent:-9999em;
float:left;
width:254px;
height:201px;
margin-bottom:20px;
}
#tokyo #logistics_menu #fuel, 
#tokyo #logistics_menu #fuel a, 
#tokyo #logistics_menu #rare_metal, 
#tokyo #logistics_menu #rare_metal a {
margin-right:29px;
}


#tokyo #cut_columns{ 
margin:0 18px 0 0;
}

#tokyo #storing a {background:url(../img/t_001.jpg) no-repeat top left;}
#tokyo #storing a:hover{background:url(../img/t_001.jpg) no-repeat bottom left;}
#tokyo #levelling a {background:url(../img/t_002.jpg) no-repeat top left;}
#tokyo #levelling a:hover{background:url(../img/t_002.jpg) no-repeat bottom left;}

#tokyo #cut_columns a {background:url(../img/t_003.jpg) no-repeat top left;}
#tokyo #cut_columns a:hover{background:url(../img/t_003.jpg) no-repeat bottom left;}
#tokyo #slitting a {background:url(../img/t_004.jpg) no-repeat top left;}
#tokyo #slitting a:hover{background:url(../img/t_004.jpg) no-repeat bottom left;}

#tokyo #fuel a {background:url(../img/t_005.jpg) no-repeat top left;}
#tokyo #fuel a:hover{background:url(../img/t_005.jpg) no-repeat bottom left;}
#tokyo #rare_metal a {background:url(../img/t_006.jpg) no-repeat top left;}
#tokyo #rare_metal a:hover{background:url(../img/t_006.jpg) no-repeat bottom left;}
#tokyo #tubes a {background:url(../img/t_007.jpg) no-repeat top left;}
#tokyo #tubes a:hover{background:url(../img/t_007.jpg) no-repeat bottom left;}
*/
/*======================================
subbox
======================================*/

#tokyo #subbox #lev_submenu li a {
display:block;
text-indent:-9999px;
margin-bottom:10px;
width:250px;
height:48px;
}

/*======================================
footerarea
======================================*/
#tokyo #footerarea {
position:relative;
width:820px;
margin:0 auto;
margin-top:75px;
}

#tokyo #footerarea a {
color: #009933;
}

#tokyo #footerarea #footercolor {
background:#CCCCCC;
padding:1em;
margin-bottom:25px;
}


#tokyo #footerarea #gototop {
background:url(../img/top.gif) no-repeat top left;
text-indent:-9999px;
width:40px;
height:12px;
margin-left:775px;
margin-bottom:10px;
}

#tokyo #footerarea #gototop a {
display:block;
background:url(../img/top.gif) no-repeat top left;
width:40px;
height:12px;
}

#tokyo #footerarea ul li{
color:#666;
float:left;
}
#tokyo #footerarea h4 {
color:#666;
font-size:74%;
text-align:right;
}

/*============================================================================
ISO
============================================================================*/

#tokyo #headerarea {
width:820px;
position:relative;
}

#tokyo #headerarea h1 {
text-align:right;
position:absolute;
top:-10px;
right:20px;
}

#tokyo #mainwrapper {
width:820px;
overflow: hidden;
height:auto;
margin:0 auto;
}

#tokyo #mainwrapper #mainbox {
width:570px;
height:100%;
float:left;
}

#tokyo #mainwrapper #subbox {
background:#EEEEEE;
padding-bottom: 32767px;  
margin-bottom: -32767px; 
width:250px;
float:right;
height:100%;
}

#tokyo .iso_h {
margin:10px 0 0 15px;
}

#tokyo #mainbox #cont-iso_syoumei {
margin:0 0 50px 15px;
}


#tokyo #mainbox p {
color:#666;
xtext-indent:1em;
padding:0 1.5em;
}

div.cont-h{
     width: 520px;
	 background: url(../shared/img/tit01_bg.gif) repeat-y;
	 margin-bottom: 20px;
		height: 100%;
}
.cont-h3 div.head{
	 background: url(../shared/img/tit01_bgtop.gif) no-repeat;
		height: 100%;
}
.cont-h3 div.bottom{
	 background: url(../shared/img/tit01_bgbottom.gif) no-repeat left bottom;
		height: 100%;
}
.cont-h3 h3{
     font-size: 134%;
	 xfont-weight:bold;
	 padding: 12px 5px 11px 25px;
	 background: url(../shared/img/tit01_icon.gif) no-repeat 10px center;
	 line-height: 17px;
		height: 100%;
}

/*============================================================================
privacy
============================================================================*/
#tokyo #mainbox #descriptionwrap {
width:520px;
}

div.cont-h{
     width: 520px;
	 background: url(../shared/img/tit01_bg.gif) repeat-y;
	 margin-bottom: 20px;
		height: 100%;
}

#tokyo #mainbox #privacy_airticle {
width:520px;
}

#tokyo #mainbox #privacy_airticle li {
color:#666;
list-style: decimal;
margin:15px 0 0 30px;
}

#tokyo #mainbox #headline_pv1 {
background: url(../img/privacy/komidahi_pr1.gif) no-repeat top left;
width:520px;
height:25px;
text-indent:-9999px;
margin:15px 0;
}

#tokyo #mainbox #headline_pv2 {
background: url(../img/privacy/komidahi_pr2.gif) no-repeat top left;
width:520px;
height:25px;
text-indent:-9999px;
margin:15px 0;
}

#tokyo #mainbox #headline_pv3 {
background: url(../img/privacy/komidahi_pr3.gif) no-repeat top left;
width:520px;
height:25px;
text-indent:-9999px;
margin:15px 0;
}

#tokyo #mainbox #headline_pv4 {
background: url(../img/privacy/komidahi_pr4.gif) no-repeat top left;
width:520px;
height:25px;
text-indent:-9999px;
margin:15px 0;
}

#tokyo #mainbox #headline_pv5 {
font-weight:bold;
margin:20px 0 5px 20px;
}

#tokyo #mainbox .pri_box {
width:490px;
color:#666;
}
#tokyo #mainbox .pri_box li {
text-indent:1.6em;
}





/*============================================================================
company
============================================================================*/
table {
width:550px;
margin:20px auto 0;
border:#CCCCCC 1px solid;
color:#666666;
}

table td {
padding:0.7em;
}

table tr {
border:none;
}

.tabletitle {
border:#CCCCCC 1px solid;
xbackground:#D7E0E1;
border: #CCC solid 1px;
width:5em;
*width:10em;
padding:0.5em 2em;
color:#666;
vertical-align:middle;
text-align:center;
}


/*============================================================================
tokyo_lev
============================================================================*/
#tokyo .levbox {
background:url(../img/lev/bg.gif) left top;
width:250px;
height:265px;
float:left;
margin:10px 0 15px 25px;
}

#tokyo #lev_wrapper{
margin:0 0 15px 0;
}

#tokyo .levbox .descimg {
margin-left:10px;
}

#tokyo .levbox h4 {
font-size:100%;
background: #CCCCCC;
margin:0 0 10px 0 ;
}

#tokyo #lev_desc table{
width:520px;
border:1px #CCC solid;
margin:20px 0 0 16px;
}
#tokyo #lev_desc table td {
padding:0.4em;
border:#CCC solid 1px;
}


#tokyo #lev_desc .lev_q {
width:520px;
font-size:97%;
margin-top:19px;
margin-bottom:10px;
}

#tokyo #lev_desc .lev_q h5 {
width:230px;
height:20px;
margin-bottom:5px;
}

#tokyo #lev_desc .lev_q li {
color:#555;
margin-bottom:0.5em;
text-indent:1em;
}

#tokyo #subbox #lev_submenu #menu_lev a {background:url(../img/sabmenu/test.gif) no-repeat 0px -48px;}
#tokyo #subbox #lev_submenu #menu_lev a:hover {background:url(../img/sabmenu/test.gif) no-repeat 0px -48px;}

#tokyo #subbox #lev_submenu #menu_col a {background:url(../img/sabmenu/test.gif) no-repeat -250px 0px;}
#tokyo #subbox #lev_submenu #menu_col a:hover {background:url(../img/sabmenu/test.gif) no-repeat -250px -48px;}

#tokyo #subbox #lev_submenu #menu_hand a {background:url(../img/sabmenu/test.gif) no-repeat -500px 0px;}
#tokyo #subbox #lev_submenu #menu_hand a:hover {background:url(../img/sabmenu/test.gif) no-repeat -500px -48px;}

#tokyo #subbox #lev_submenu #menu_st a {background:url(../img/sabmenu/test.gif) no-repeat -750px 0px;}
#tokyo #subbox #lev_submenu #menu_st a:hover {background:url(../img/sabmenu/test.gif) no-repeat -750px -48px;}

/*============================================================================
tokyo_col
============================================================================*/
#tokyo #col_desc {
width:550px;
padding:10px 0;
}

#tokyo .col_h {margin:0 0 0 20px;}

#tokyo .colbox {
background:url(../img/col/bg.gif) left top;
width:250px;
height:400px;
float:left;
margin:10px 0 15px 25px;
}

#tokyo #col_wrapper{
margin:0 0 15px 0;
}

#tokyo .colbox .descimg {
margin-left:10px;
}

#tokyo .colbox h4 {
font-size:100%;
background: #CCCCCC;
margin:0 0 10px 0 ;
}

#tokyo #col_desc table{
width:520px;
border:1px #CCC solid;
margin:20px 0 0 16px;
}
#tokyo #col_desc table td {
padding:0.4em;
border:#CCC solid 1px;
}

#tokyo #subbox #col_submenu #menu_lev a {background:url(../img/sabmenu/test.gif) no-repeat 0px 0px;}
#tokyo #subbox #col_submenu #menu_lev a:hover {background:url(../img/sabmenu/test.gif) no-repeat 0px -48px;}

#tokyo #subbox #col_submenu #menu_col a {background:url(../img/sabmenu/test.gif) no-repeat -250px -48px;}
#tokyo #subbox #col_submenu #menu_col a:hover {background:url(../img/sabmenu/test.gif) no-repeat -250px -48px;}

#tokyo #subbox #col_submenu #menu_hand a {background:url(../img/sabmenu/test.gif) no-repeat -500px 0px;}
#tokyo #subbox #col_submenu #menu_hand a:hover {background:url(../img/sabmenu/test.gif) no-repeat -500px -48px;}

#tokyo #subbox #col_submenu #menu_st a {background:url(../img/sabmenu/test.gif) no-repeat -750px 0px;}
#tokyo #subbox #col_submenu #menu_st a:hover {background:url(../img/sabmenu/test.gif) no-repeat -750px -48px;}

/*============================================================================
tokyo_han
============================================================================*/
#tokyo #han_desc {
width:550px;
padding:10px 0;
}

#tokyo .han_h {margin:0 0 0 20px;}

#tokyo .hanbox_b {
background:url(../img/han/bg.gif) left top;
width:520px;
height:400px;
float:left;
margin:10px 0 15px 25px;
}

#tokyo .hanbox_b2 {
background:url(../img/han/bg.gif) left top;
width:525px;
height:250px;
float:left;
margin:10px 0 15px 25px;
}

#tokyo .hanbox {
background:url(../img/han/bg.gif) left top;
width:250px;
height:250px;
float:left;
margin:10px 0 15px 25px;
}

#tokyo #han_wrapper{margin:0 0 15px 0;
}
#tokyo .hanbox .descimg, #tokyo .hanbox_b .descimg {margin-left:10px;}
#tokyo .hanbox_b .descimg {margin-left:30px;}
#tokyo .hanbox_b2 .descimg_l {margin-left:10px;}
#tokyo .hanbox_b2 .descimg_r {margin-left:45px;}

#tokyo .hanbox h4, #tokyo .hanbox_b h4, #tokyo .hanbox_b2 h4 {
font-size:100%;
background:#FFFFFF;
margin:0 0 10px 0 ;
}

#tokyo #han_desc table{
width:520px;
border:1px #CCC solid;
margin:20px 0 0 16px;
}
#tokyo #han_desc table td {
padding:0.4em;
border:#CCC solid 1px;
}

#tokyo #subbox #han_submenu #menu_lev a {background:url(../img/sabmenu/test.gif) no-repeat 0px 0px;}
#tokyo #subbox #han_submenu #menu_lev a:hover {background:url(../img/sabmenu/test.gif) no-repeat 0px -48px;}

#tokyo #subbox #han_submenu #menu_col a {background:url(../img/sabmenu/test.gif) no-repeat -250px 0px;}
#tokyo #subbox #han_submenu #menu_col a:hover {background:url(../img/sabmenu/test.gif) no-repeat -250px -48px;}

#tokyo #subbox #han_submenu #menu_hand a {background:url(../img/sabmenu/test.gif) no-repeat -500px -48px;}
#tokyo #subbox #han_submenu #menu_hand a:hover {background:url(../img/sabmenu/test.gif) no-repeat -500px -48px;}

#tokyo #subbox #han_submenu #menu_st a {background:url(../img/sabmenu/test.gif) no-repeat -750px 0px;}
#tokyo #subbox #han_submenu #menu_st a:hover {background:url(../img/sabmenu/test.gif) no-repeat -750px -48px;}


/*============================================================================
tokyo_Logistics
============================================================================*/
#tokyo #logisticswrap {
padding:15px 0 ;
}

#tokyo .log_article {
margin:25px 0;
}

/*============================================================================
tokyo_inquiry
============================================================================*/
#tokyo #inq_article {
width:505px;
border:#CCCCCC solid 1px;
padding:10px;
margin:0 0 0 18px;
}

#tokyo .telimg {margin-bottom:10px;}
#tokyo .inq_h {margin:10px 0 10px 10px;}
#tokyo .inq_table {}

#tokyo .inq {width:500px;
border:#CCCCCC solid 1px;}

#tokyo .inq2 {
background:#F0F0F0;
margin:10px 20px 0;
width:500px;
height:150px;
border:none;
}

#tokyo #form_btn {margin:0 15px;}

#tokyo .inq span {color:#FF0000;}
.te-c {border:none;}

.inq-td1 {
width:250px;
border:#CCCCCC solid 1px;
}
.inq-td2 {
width:300px;
border:#CCCCCC solid 1px;
}
.inq-td3 {width:550px;}

.mrb10 {
width:470px;
margin-bottom:1em;
}

.mrb10 .strong {
font-weight:bold;
color:#666;
}
/*============================================================================
tokyo_sitemap
============================================================================*/
#tokyo #sitemap_link li {margin:10px 0 10px 50px; color:#666666;}
#tokyo #sitemaparea a {color: #0033FF;}
#tokyo #sitemaparea a:hover { text-decoration:underline;}

#tokyo #link_log, #link_com, #link_iso, #link_inq, #link_pri, #link_pri, #link_link, #link_sitemap {
margin:10px 0 10px 30px;
height:25px;
text-indent:1.5em;
padding:3px 0 0 0;
}

#tokyo .top_bg  {
margin:10px 0 0 10px;
height:25px;
background:url(../img/sitemap/top_b.gif) no-repeat left top;
}

#tokyo .top_bg a {
display:block;
height:20px;
width:2em;
padding:3px 0 0 0;
}

#tokyo .jigyou_bg  {
margin:10px 0 0 30px;
padding:3px 0 0 0;
height:25px;
background:url(../img/sitemap/top.gif) no-repeat left top;
}

#tokyo #link_log { background:url(../img/sitemap/right.gif) no-repeat top left}
#tokyo #link_com { background:url(../img/sitemap/right.gif) no-repeat top left}
#tokyo #link_iso { background:url(../img/sitemap/right.gif) no-repeat top left}
#tokyo #link_inq { background:url(../img/sitemap/right.gif) no-repeat top left}
#tokyo #link_pri { background:url(../img/sitemap/right.gif) no-repeat top left}
#tokyo #link_link { background:url(../img/sitemap/right.gif) no-repeat top left}
#tokyo #link_sitemap { background:url(../img/sitemap/right.gif) no-repeat top left}

/*============================================================================
tokyo_link
============================================================================*/
#tokyo #grouplink a {color: #0033FF;}
#tokyo #grouplink a:hover { text-decoration:underline;}

#tokyo .link_h {
margin:10px 0 0 15px;
}

#tokyo #grouplink li {
margin:10px 0 10px 55px;
}

#tokyo .link_bg {
background:url(../img/link/bg.gif) no-repeat left top;
width:522px;
height:23px;
text-indent:1em;
margin:10px 0 10px 28px;
padding:1px 0 0 0 ;
color:#333;
font-size:16px;
*font-size:14px;
*padding:2px 0 0 0 ;
font-family:"ヒラギノ角ゴ Pro W3",
 "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","tokyo",
 Verdana,Arial, Helvetica, sans-serif;
*font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3",
 "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","tokyo",
 Verdana,Arial, Helvetica, sans-serif;
}


.h_wrap{
margin-left:28px;
width: 550px;
background: url(../img/link/body.gif) repeat-y;
margin-top: 10px;
margin-bottom: 10px;
height: 100%;
}

.h_wrap .head{
background: url(../img/link/head.gif) no-repeat;
height: 100%;
}
.h_wrap .bottom{
background: url(../img/link/bottom.gif) no-repeat left bottom;
height: 100%;
}
.h_wrap h4 {
color:#444;
font-weight:nomal;
font-size: 100%;
*font-size: 100%;
xfont-weight:bold;
text-indent:-0.5em;
padding:0 0 0 25px;
*padding:1px 0 0 25px;
background: url(../img/link/icon.gif) no-repeat 7px center;
line-height: 25px;
height: 100%;
}
















.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}