/* CSS Document */


/* =============== this category only style =============== */


/* ----- wrapper (border-color) ----- */

#container #contents #wrapper {
border-top:3px solid #92B681;
}

/* ----- sidemenu (icon-color) ----- */

#container #contents #side ul.sidemenu li span {
padding:0 0 2px 25px;
background:url(/img/icon_arrow_item_service.gif) no-repeat 5px -1px;
}



/* =============== service top ================== */

#container #contents #main_top {
padding:0 0 30px 0;
}

#container #contents #main_top h1 {
width:760px;
padding:0;
margin:0 0 15px 10px;
border-bottom:6px solid #E8EBEF;
}

#container #contents #main_top .box_left {
width:254px;
padding:0 0 0 7px;
float:left;
}
#container #contents #main_top .box_right {
width:505px;
float:left;
padding:0 0 0 5px;
background:url(/img/fig_box_left_back.gif) repeat-y left top;
}

#container #contents #main_top .box_right .inner_left {
width:253px;
float:left;
}

#container #contents #main_top .box_right h3 {
padding:0 0 0 5px;
}
#container #contents #main_top .box_left h3{
padding:0 0 0 4px;
}
#container #contents #main_top h3 {
margin-top:2px;
}
#container #contents #main_top h3.distance {
margin-top:10px;
}
#container #contents #main_top .box_left p,
#container #contents #main_top .box_right p {
padding:8px 10px 0 10px;
}

#container #contents #main_top ul.item-link {
padding:12px 0 10px 10px;
}

	/* hack for ie6 */
	* html #container #contents #main_top ul.item-link {
	padding-bottom:8px;
	}
	/* hack for ie7 */
	*+html #container #contents #main_top ul.item-link {
	padding-bottom:8px;
	}

#container #contents #main_top ul.item-link li {
width:200px;
padding:0 0 1px 20px;
margin-top:-1px;
background:url(/img/icon_arrow_item_service.gif) no-repeat left top;
}
#container #contents #main_top ul.item-link li a {
line-height:140%;
}

#container #contents #main_top ul.item-link li img {
margin:0 0 0 3px;
}

#container #contents #main_top .box_right .inner_right {
width:241px;
min-height:410px;
float:left;
padding:0 0 10px 3px;
background:url(/img/fig_box_left_back.gif) repeat-y left top;
}

	/* hack for ie6 */
	* html #container #contents #main_top .box_right .inner_right {
	height:410px;
	}




/* =============== Case Study ================== */

/* ----- logistics ----- */

#container #contents #main .img-list_lgs {
margin:15px 0 0 0;
padding:2px;
background:#F1F7F8;
}

/* ----- logistics / CrossDock ----- */

#container #contents #main .img-list_c-d {
margin:15px 0 50px 0;
padding:2px;
background:#F1F7F8;
}

/* ----- logistics / g-scm ----- */

#container #contents #main #g-scm {
margin:10px 0 0 0;
padding:10px 0 10px 10px;
}
#container #contents #main #g-scm ul li {
display:block;
width:550px;
height:32px;
text-indent:-9999px;
}

	/* hack for ie6 */
	* html #container #contents #main #g-scm ul {
	margin:1px 0 0 0;
	}
	* html #container #contents #main #g-scm ul li {
	margin-top:-1px;
	}

#container #contents #main #g-scm ul li a{
display:block;
width:550px;
height:32px;
}
#container #contents #main #g-scm ul li.vmi {
background:url(/service/casestudy/logistics/g-scm/img/fig_vmi.gif) no-repeat left top;
}
#container #contents #main #g-scm ul li.procurement {
background:url(/service/casestudy/logistics/g-scm/img/fig_3pl.gif) no-repeat left top;
}
#container #contents #main #g-scm ul li.export {
background:url(/service/casestudy/logistics/g-scm/img/fig_export-outsourcing.gif) no-repeat left top;
}
#container #contents #main #g-scm ul li.agency {
background:url(/service/casestudy/logistics/g-scm/img/fig_order-agency.gif) no-repeat left top;
}
#container #contents #main #g-scm ul li.parts {
background:url(/service/casestudy/logistics/g-scm/img/fig_service-parts.gif) no-repeat left top;
}
#container #contents #main #g-scm ul li.repair {
background:url(/service/casestudy/logistics/g-scm/img/fig_repair-inspection.gif) no-repeat left top;
}
#container #contents #main #g-scm ul li.vmi a:hover{
background:url(/service/casestudy/logistics/g-scm/img/fig_vmi_on.gif) no-repeat left top;
}
#container #contents #main #g-scm ul li.procurement a:hover {
background:url(/service/casestudy/logistics/g-scm/img/fig_3pl_on.gif) no-repeat left top;
}
#container #contents #main #g-scm ul li.export a:hover {
background:url(/service/casestudy/logistics/g-scm/img/fig_export-outsourcing_on.gif) no-repeat left top;
}
#container #contents #main #g-scm ul li.agency a:hover{
background:url(/service/casestudy/logistics/g-scm/img/fig_order-agency_on.gif) no-repeat left top;
}
#container #contents #main #g-scm ul li.parts a:hover {
background:url(/service/casestudy/logistics/g-scm/img/fig_service-parts_on.gif) no-repeat left top;
}
#container #contents #main #g-scm ul li.repair a:hover{
background:url(/service/casestudy/logistics/g-scm/img/fig_repair-inspection_on.gif) no-repeat left top;
}

/* ----- Casestudy ----- */
#container #contents #main .casestudy_box {
	width: 100%;
	overflow: hidden;
}
#container #contents #main .casestudy_pdf {
	width: 140px;
	float: left;
	text-align: center;
}
#container #contents #main .casestudy_pdf p {
	margin: 10px 0;
}
#container #contents #main .casestudy_right {
	width: 420px;
	float: right;
}
#container #contents #main .casestudy_contact {
	margin: 10px 5px;
	padding: 0px 10px;
	border: 1px solid #FF9933;
	width: auto;
	overflow: hidden;
}
#container #contents #main .casestudy_contact p {
	margin: 15px 5px 0;
}
#container #contents #main .casestudy_contact .right {
	float: right;
	width: 180px;
	text-align: center;
	padding: 5px 0;
	font-size: 80%;
}

/* ----- Ocean / Special ----- */

#container #contents #main .set-out-ol {
width:568px;
}
#container #contents #main .set-out-ol ol {
margin:5px 0 5px 15px;
padding:0;
}
#container #contents #main .set-out-ol ol li {
width:200px;
float:left;
list-style:none;
}
#container #contents #main .set-out-ol p {
clear:both;
}

#container #contents #main dl.trailer-list {
width:568px;
height:90px;
padding:5px 0 5px 0;
}

#container #contents #main dl.trailer-list dt {
width:117px;
float:left;
}
#container #contents #main dl.trailer-list dd {
width:450px;
float:right;
}
#container #contents #main dl.trailer-list dd img {
margin:0 0 0 5px;
}




/* =============== Show Case ================== */


/* ----- Fowarding ----- */

#container #contents #main .gray-box {
margin:20px 0 0 0;
padding:5px;
border:1px solid #A8B3C5;
background:#F5F5F5;
}
#container #contents #main .gray-box p.catch {
margin:3px 5px 0 5px;
padding:0 0 5px 0;
background:url(/img/fig_dotline_bottom_gray.gif) repeat-x left bottom;
}
#container #contents #main .gray-box ul {
margin:10px 0 5px 5px;
}
#container #contents #main .gray-box ul li {
margin:3px 0 0 0;
padding:0 0 0 12px;
background:url(/img/icon_square-list_blk.gif) no-repeat 0 4px;
}


/* =============== Russia India Informastion ================== */

#container #contents #main .russia-india-top dl {
width:568px;
height:200px;
margin:10px 0 0 0;
position:relative;
}
#container #contents #main .russia-india-top dl.ub {
background:url(/img/under-line_contact.gif) repeat-x left bottom;
}

#container #contents #main .russia-india-top dl dt {
float:left;
width:125px;
height:185px;
}
#container #contents #main .russia-india-top dl dd {
float:right;
width:433px;
}
#container #contents #main .russia-india-top dl dd h2 {
width:433px;
height:21px;
margin:0;
background:url(/img/fig_h2_middle-bar.gif) no-repeat left top;
}
#container #contents #main .russia-india-top dl dd table {
margin:0;
border-top:none;
}
#container #contents #main .russia-india-top dl dd dl.each-links {
position:absolute;
right:0;
bottom:0;
width:433px;
height:57px;
margin:17px 0 0 0;
padding:5px 0 0 0;
border-top:4px solid #B9BEC2;
}
#container #contents #main .russia-india-top dl dd dl.each-links dt {
float:left;
width:62px;
height:47px;
margin:0 5px 0 0;
}
#container #contents #main .russia-india-top dl dd dl.each-links dd {
float:left;
width:75px;
padding:4px 0 0 0;
}
#container #contents #main .russia-india-top dl dd dl.each-links dd a {
padding:0 7px 0 0;
}



/* =============== Forwarding ================== */

#container #contents #main p.img-link {
margin:15px 0 25px 0;
}

/* ----- Forwarding Flow-Ex  ----- */

#container #contents #main #box_flow-ex {
width:568px;
height:563px;
position:relative;
margin:12px 0 0 0;
}
#container #contents #main #box_flow-ex .process1 {
position:absolute;
left:0;
top:0;
}
#container #contents #main #box_flow-ex .process2 {
position:absolute;
left:194px;
top:0;
}
#container #contents #main #box_flow-ex .process3 {
position:absolute;
right:0;
top:0;
}
#container #contents #main #box_flow-ex .process4 {
position:absolute;
right:0;
top:188px;
}
#container #contents #main #box_flow-ex .process5 {
position:absolute;
left:180px;
top:188px;
}
#container #contents #main #box_flow-ex .process6 {
position:absolute;
left:0;
top:188px;
}
#container #contents #main #box_flow-ex .process7 {
position:absolute;
left:0;
bottom:0;
}
#container #contents #main #box_flow-ex .process8 {
position:absolute;
left:194px;
bottom:0;
}

/* ----- Forwarding Flow-Im  ----- */

#container #contents #main #box_flow-im {
width:568px;
height:524px;
position:relative;
margin:12px 0 0 0;
}
#container #contents #main #box_flow-im .process1 {
position:absolute;
left:0;
top:0;
}
#container #contents #main #box_flow-im .process2 {
position:absolute;
left:194px;
top:0;
}
#container #contents #main #box_flow-im .process3 {
position:absolute;
right:0;
top:0;
}
#container #contents #main #box_flow-im .process4 {
position:absolute;
right:0;
top:188px;
}
#container #contents #main #box_flow-im .process5 {
position:absolute;
left:180px;
top:188px;
}
#container #contents #main #box_flow-im .process6 {
position:absolute;
left:0;
top:188px;
}
#container #contents #main #box_flow-im .process7 {
position:absolute;
left:0;
bottom:0;
}
#container #contents #main #box_flow-im .process8 {
position:absolute;
left:194px;
bottom:0;
}


/* ----- ids ---- */

#container #contents #main .lead_ids {
width:563px;
margin:10px 0 0 5px;
}
#container #contents #main .lead_ids p {
width:314px;
float:left;
margin:0;
}
#container #contents #main .lead_ids p span {
display:block;
width:250px;
padding:10px 0 10px 15px;
}
#container #contents #main .lead_ids img {
float:right;
}

#container #contents #main ul.list dl.nest-li {
margin:0 0 0 15px;
}
#container #contents #main ul.list dl.nest-li dt {
width:1em;
float:left;
}
#container #contents #main ul.list dl.nest-li dd {
width:500px;
float:left;
}


/* =============== Logistics ================== */

/* ----- view  ----- */

#container #contents #main #view #terminal-img {
float:left;
margin:10px 10px 0 0;
height:480px;
}
#container #contents #main #view #terminal-img p {
margin-bottom:20px;
}

/* -- view /scm -- */

#container #contents #main #scm {
margin:10px 0 0 0;
padding:10px 0 10px 10px;
}
#container #contents #main #scm p.title {
	color:#003366;
	font-size:16px;
	border-left:solid 5px #52669A;
	padding-left:5px;
	margin: 0px 0px 15px;
	border-bottom: solid 2px #003673;
	width: 520px;
}

#container #contents #main #scm ul li {
width:550px;
height:32px;
}

	/* hack for ie6 */
	* html #container #contents #main #scm ul {
	margin:1px 0 0 0;
	}
	* html #container #contents #main #scm ul li {
	margin-top:-1px;
	}
#container #contents #main #scm ol {
	margin: 0px;
}
#container #contents #main #scm ol li {
	list-style-position: inside;
}
#container #contents #main #scm ol li a {
	color: #003673;
}
#container #contents #main #scm ul li a{
	display:block;
	width:550px;
	height:32px;
	text-indent:-9999px;
}
#container #contents #main #scm ul li.solution {
background:url(/service/logistics/view/scm/img/fig_logistics-solution.gif) no-repeat left top;
}
#container #contents #main #scm ul li.engineering {
background:url(/service/logistics/view/scm/img/fig_logistics-engineering.gif) no-repeat left top;
}
#container #contents #main #scm ul li.consulting {
background:url(/service/logistics/view/scm/img/fig_logistics-consulting.gif) no-repeat left top;
}
#container #contents #main #scm ul li.marketing {
background:url(/service/logistics/view/scm/img/fig_logistics-marketing.gif) no-repeat left top;
}
#container #contents #main #scm ul li.solution a:hover{
background:url(/service/logistics/view/scm/img/fig_logistics-solution_on.gif) no-repeat left top;
}
#container #contents #main #scm ul li.engineering a:hover {
background:url(/service/logistics/view/scm/img/fig_logistics-engineering_on.gif) no-repeat left top;
}
#container #contents #main #scm ul li.consulting a:hover {
background:url(/service/logistics/view/scm/img/fig_logistics-consulting_on.gif) no-repeat left top;
}
#container #contents #main #scm ul li.marketing a:hover {
background:url(/service/logistics/view/scm/img/fig_logistics-marketing_on.gif) no-repeat left top;
}


/* =============== Courier ================== */

/* ----- index  ----- */
#container #contents #main #courier h1 {
float:left;
width:180px;
}
#container #contents #main #courier #dox-spx_search {
float:right;
width:231px;
height:35px;
margin:15px 0 0 0;
}
#container #contents #main #courier #dox-spx_search img.ref {
float:left;
}
#container #contents #main #courier #dox-spx_search img.dox {
margin:0 0 3px 0;
}


/* =============== Five Rregional Group Management ================== */

/* ----- index  ----- */

#container #contents #main h1.five-gourp {
width:568px;
height:59px;
border-bottom:6px solid #E8EBEF;
position:relative;
}
#container #contents #main h1.five-gourp span {
display:block;
position:absolute;
right:0;
bottom:0;
width:400px;
height:15px;
text-align:right;
font-size:70%;
}

#container #contents #main .five-groupe {
width:568px;
}
#container #contents #main .five-groupe h2 {
margin-top:20px;
}
#container #contents #main .five-groupe dl {
margin-top:5px;
}
#container #contents #main .five-groupe dl dt {
float:left;
width:200px;
}
#container #contents #main .five-groupe dl dd {
float:right;
width:360px;
}
#container #contents #main .five-groupe dl dd ul {
margin:5px 0 0 0;

}
#container #contents #main .five-groupe dl dd ul li.btn_link {
width:345px;
margin:5px 0 0 0;
padding:0 0 0 12px;
font-size:70%;
background:url(/img/icon_list-mark.gif) no-repeat 0 4px;
position:relative;
}
#container #contents #main .five-groupe dl dd ul li.btn_link span {
display:block;
width:260px;
}
#container #contents #main .five-groupe dl dd ul li.btn_link img {
position:absolute;
right:0;
top:0;
}


/* =============== Ocean ================== */


/* ----- Ocean Flow-Ex  ----- */

#container #contents #main #box_flow-ex_ocean {
width:568px;
height:345px;
position:relative;
margin:12px 0 40px 0;
}
#container #contents #main #box_flow-ex_ocean .process1 {
position:absolute;
left:0;
top:0;
}
#container #contents #main #box_flow-ex_ocean .process2 {
position:absolute;
left:194px;
top:0;
}
#container #contents #main #box_flow-ex_ocean .process3 {
position:absolute;
right:0;
top:0;
}
#container #contents #main #box_flow-ex_ocean .process4 {
position:absolute;
right:0;
top:173px;
}
#container #contents #main #box_flow-ex_ocean .process5 {
position:absolute;
left:194px;
top:173px;
}

#container #contents #main #box_flow-ex_ocean2 {
width:568px;
height:509px;
position:relative;
margin:12px 0 0 0;
}
#container #contents #main #box_flow-ex_ocean2 .process1 {
position:absolute;
left:0;
top:0;
}
#container #contents #main #box_flow-ex_ocean2 .process2 {
position:absolute;
left:388px;
top:0;
}
#container #contents #main #box_flow-ex_ocean2 .process3 {
position:absolute;
right:0;
top:173px;
}
#container #contents #main #box_flow-ex_ocean2 .process4 {
position:absolute;
left:180px;
top:173px;
}
#container #contents #main #box_flow-ex_ocean2 .process5 {
position:absolute;
left:0;
top:173px;
}
#container #contents #main #box_flow-ex_ocean2 .process6 {
position:absolute;
left:0;
bottom:0;
}
#container #contents #main #box_flow-ex_ocean2 .process7 {
position:absolute;
left:194px;
bottom:0;
}


/* ----- Ocean Flow-Im  ----- */

#container #contents #main #box_flow-im_ocean {
width:568px;
height:302px;
position:relative;
margin:12px 0 40px 0;
}
#container #contents #main #box_flow-im_ocean .process1 {
position:absolute;
left:0;
top:0;
}
#container #contents #main #box_flow-im_ocean .process2 {
position:absolute;
left:194px;
top:0;
}
#container #contents #main #box_flow-im_ocean .process3 {
position:absolute;
right:0;
top:0;
}
#container #contents #main #box_flow-im_ocean .process4 {
position:absolute;
right:0;
top:173px;
}
#container #contents #main #box_flow-im_ocean .process5 {
position:absolute;
left:0;
top:173px;
}

#container #contents #main #box_flow-im_ocean2 {
width:568px;
height:366px;
position:relative;
margin:12px 0 0 0;
}
#container #contents #main #box_flow-im_ocean2 .process1 {
position:absolute;
left:0;
top:0;
}
#container #contents #main #box_flow-im_ocean2 .process2 {
position:absolute;
left:194px;
top:0;
}
#container #contents #main #box_flow-im_ocean2 .process3 {
position:absolute;
right:0;
top:0;
}
#container #contents #main #box_flow-im_ocean2 .process4 {
position:absolute;
right:0;
top:173px;
}
#container #contents #main #box_flow-im_ocean2 .process5 {
position:absolute;
left:180px;
top:173px;
}
#container #contents #main #box_flow-im_ocean2 .process6 {
position:absolute;
left:0;
bottom:0;
}



/* ====================  rusia-india  ===================== */

#container #contents #main dl.russia-tsr {
width:568px;
margin:10px 0 10px 0;
}
#container #contents #main dl.russia-tsr dt {
clear:both;
width:160px;
padding:0 0 0 40px;
float:left;
}
#container #contents #main dl.russia-tsr dd {
width:300px;
float:left;
}

#container #contents #main table.russia-tsr-table {
border-top:1px solid #BABABA;
}
#container #contents #main table.russia-tsr-table th span {
padding:0 10px 0 15px;
font-weight:bold;
}
#container #contents #main table.russia-tsr-table th.defect span {
background:url(/service/russia_india/russia/img/icon_color-list_brown.gif) no-repeat 0 1px;
color:#BD8B45;
}
#container #contents #main table.russia-tsr-table th.action span {
background:url(/service/russia_india/russia/img/icon_color-list_blue.gif) no-repeat 0 1px;
color:#4478C1;
}
#container #contents #main table.russia-tsr-table tr.border-line th,
#container #contents #main table.russia-tsr-table tr.border-line td {
background:none;
border-bottom:1px solid #BABABA;
}


/* ----- india material-flow ----- */

#container #contents #main .list-with-img {
width:568px;
}
#container #contents #main .list-with-img ul {
width:300px;
float:left;
}
#container #contents #main .list-with-img img {
float:right;
margin:15px 0 0 0;
}
#container #contents #main .flow-box_india {
width:568px;
margin:10px 0 0 0;
background:#F1F7F8;
}
#container #contents #main .flow-box_india dl.annotation {
margin:5px 0 0 10px;
}

/* ----- india gateway ----- */

#container #contents #main table.gateway th.brown-back {
border-bottom:1px solid #BABABA;
background:#E1DCC1;
}


/* ----- service network ----- */

#container #contents #main .service-network {
margin:20px 0 0 0;
}

#container #contents #main .service-network p {
margin:10px 0 0 0;
padding:5px;
font-weight:bold;
color:#4C6399;
}
#container #contents #main .service-network p.yellow {
background:#F4EED6;
}
#container #contents #main .service-network p.blue {
background:#DFE8EF;
}
#container #contents #main .service-network table {
margin:0;
}
#container #contents #main .service-network table th.term {
width:60px;
}


/* =============== seminar2007 ================== */

/* ----- seminar_top_text ----- */

#container #contents #main p#main_text {
border-bottom:6px solid #E8EBEF;
padding-bottom:8px;
margin-bottom:10px;
}
#container #contents #main h2 span {
margin-bottom:10px;
}


/* ----- seminar_list_text ----- */


#container #contents #main .seminar_list_text {
}
#container #contents #main .seminar_list_text dl {
width:568px;
padding:1px 0 3px 0;
/*border-top:1px solid #D6DAE2;*/
}
#container #contents #main .seminar_list_text dl dt {
float:left;
width:510px;
margin:4px 0 0 0;
}
#container #contents #main .seminar_list_text dl dt p.title {
margin:0;
padding:0 0 0 20px;
font-weight:bold;
color:#4C6399;
}
#container #contents #main .seminar_list_text dl dt p.title_link {
margin:0;
padding:0 0 0 10px;
}
#container #contents #main .seminar_list_text dl dt p.title_link a {
font-weight:bold;
color:#4C6399;
}
#container #contents #main .seminar_list_text dl dt p.text {
margin:0;
padding:0 0 0 20px;
}
#container #contents #main .seminar_list_text dl dt ul li {
margin:0;
padding:0 0 0 20px;
}
#container #contents #main .seminar_list_text dl dd {
float:left;
width:58px;
margin:5px 0 5px 0;
}
#container #contents #main .seminar_list_text dl dd.underline {
clear:both;
width:568px;
height:1px;
margin:0;
overflow:hidden;
background:url(/img/fig_dotline_bottom.gif) repeat-x left top;
}


/*2007 10/03 ’Ç‰Á*/
#container #contents #main .seminar_list_text dl dt p.seminar2007UL{
	margin-left:20px;
	padding-left: 0px;
	margin-right: 0px;
	padding-right: 0px;
}

#container #contents #main .seminar_list_text dl dt.seminar1003 {
float:left;
width:550px;
margin:4px 0 0 0;
}

.blockTheme{
	display:block;
	margin-left: 15px;
}

