html,body{
height: 100%;
}
xa {
overflow:hidden;}
/*======================================
bararea
======================================*/
#osaka #barwrapper {
background:#CFE5FE;
width:100%;
height:20px;
}

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

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

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

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

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

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

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

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


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

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

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

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

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



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

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

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

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

#osaka #mainarea_mid h3 {
}

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

/*======================================
menuarea
======================================*/
#osaka #menuarea {
width:820px;
margin:19px auto 0;
}

#osaka #logistics_menu li {
width:401px;
height:201px;
margin-bottom:25px;
float:left;
text-indent:-9999em;
}

#osaka #logistics_menu li {
display:block;
width:401px;
height:201px;
}

#osaka #logistics_menu li a {
display:block;
width:401px;
height:201px;
}

#osaka #levelling, 
#osaka #handling{
margin:0 18px 0 0;
}

#osaka #levelling a {background:url(../img/o_001.jpg) no-repeat top left;}
#osaka #levelling a:hover {background:url(../img/o_001.jpg) no-repeat bottom left;}

#osaka #cut_columns a {background:url(../img/o_002.jpg) no-repeat top left;}
#osaka #cut_columns a:hover {background:url(../img/o_002.jpg) no-repeat bottom left;}

#osaka #handling a {background:url(../img/o_003.jpg) no-repeat top left;}
#osaka #handling a:hover {background:url(../img/o_003.jpg) no-repeat bottom left;}

#osaka #storing a {background:url(../img/o_004.jpg) no-repeat top left;}
#osaka #storing a:hover {background:url(../img/o_004.jpg) no-repeat bottom left;}


/*本番で消す
#osaka #cut_columns  {background:url(../img/o_002.jpg) no-repeat top left;}
#osaka #cut_columns:hover {background:url(../img/o_002.jpg) no-repeat bottom left;}

#osaka #handling  {background:url(../img/o_003.jpg) no-repeat top left;}
#osaka #handling:hover {background:url(../img/o_003.jpg) no-repeat bottom left;}

#osaka #storing  {background:url(../img/o_004.jpg) no-repeat top left;}
#osaka #storing:hover {background:url(../img/o_004.jpg) no-repeat bottom left;}
*/
/*======================================
subbox
======================================*/

#osaka #subbox #lev_submenu li,
#osaka #subbox #sto_submenu li,
#osaka #subbox #han_submenu li,
#osaka #subbox #col_submenu li,
#osaka #subbox #lev_submenu li a,
#osaka #subbox #sto_submenu li a,
#osaka #subbox #han_submenu li a,
#osaka #subbox #col_submenu li a {
display:block;
text-indent:-9999px;
margin-bottom:10px;
_margin-bottom:5px;
width:250px;
height:48px;
}

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

#osaka #footerarea a {
color: #0088FF;
}

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


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

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

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


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

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

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

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

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

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

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

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


#osaka #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
============================================================================*/
#osaka #mainbox #descriptionwrap {
width:520px;
}

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

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

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

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

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

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

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

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

#osaka #mainbox .pri_box {
width:490px;
color:#666;
}
#osaka #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;
}


/*============================================================================
OSAKA_lev
============================================================================*/
#osaka .levbox {
background:url(../img/lev/bg.gif) left top;
width:250px;
float:left;
margin:10px 0 15px 10px;
_margin:5px 0 15px 5px;
}

#osaka #lev_wrapper{
width:550px;
margin:0 0 35px 0;
}

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

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

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


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

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

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


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

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

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

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

/*============================================================================
OSAKA_col
============================================================================*/
#osaka #col_desc {
width:550px;
padding:10px 0;
}

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

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

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

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

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

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

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

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

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

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

/*============================================================================
OSAKA_han
============================================================================*/
#osaka #han_desc {
width:550px;
padding:10px 0;
}

#osaka .han_h {margin:0 0 0 10px;}

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

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

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

#osaka #han_wrapper{margin:0 0 15px 0;
}
#osaka .hanbox .descimg{margin-left:10px;}

#osaka .hanbox_b .descimg {margin-left:20px;}
#osaka .hanbox_b2 .descimg_l {margin-left:10px;}
#osaka .hanbox_b2 .descimg_r {margin-left:25px;}

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

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

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

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

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

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

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

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

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

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


/*============================================================================
OSAKA_Logistics
============================================================================*/
#osaka #logisticswrap {
padding:15px 0 ;
}

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

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

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

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

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

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

#osaka .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;
}
/*============================================================================
OSAKA_sitemap
============================================================================*/
#osaka #sitemap_link li {margin:10px 0 10px 50px; color:#666666;}
#osaka #sitemaparea a {color: #0088FF;}
#osaka #sitemaparea a:hover { text-decoration:underline;}

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

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

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

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

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

/*============================================================================
OSAKA_link
============================================================================*/
#osaka #grouplink a {color: #0088FF;}
#osaka #grouplink a:hover { text-decoration:underline;}

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

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

#osaka .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","Osaka",
 Verdana,Arial, Helvetica, sans-serif;
*font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3",
 "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",
 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;
  /**/
}