@charset "euc-jp";
/* -----------------------------------------------------------
CSS Information

 file name:top.css
 author:Yahoo! JAPAN
 auth level:css/
 last updated:2010.2.9
----------------------------------------------------------- */

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

/* TOP only */

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

/* ---------------------------------------------------------------------------------------------- .modSchBox */
div.modSchBox{
	width: 640px;
	background: url(/images/logistics/common/bg_0002.gif) repeat-y;
	margin:0 0 10px 0;
}

div.modSchBox div.decBg01{
	background: url(/images/logistics/common/bg_0001.gif) no-repeat top;
}

div.modSchBox div.decBg02{
	background: url(/images/logistics/common/bg_0003.gif) no-repeat bottom;
}

/*===========================
	.untHead
===========================*/
div.modSchBox div.untHead{
	width: 640px;
	height: 71px;
	position: relative;
}

div.modSchBox div.untHead h1{
	width: 360px;
	height: 27px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/images/logistics/common/tl_0001.gif) no-repeat;
	position: absolute;
	top: 14px;
	left: 14px;
}

div.modSchBox div.untHead p.pts01{
	width: 432px;
	height: 22px;
	position: absolute;
	top: 43px;
	left: 13px;
}

div.modSchBox div.untHead p.pts02{
	width: 173px;
	height: 208px;
	position: absolute;
	top: 19px;
	left: 456px;
}

/*===========================
	.untBody
===========================*/
div.modSchBox div.untBody{
	width:620px;
	text-align:left;
	padding:0 10px 7px 10px;
}

/* ---------------------------------------------------------------------------------------------- .comTopBoxA */
div.comTopBoxA{
	width: 640px;
	background: url(/images/logistics/common/bg_0005.gif) repeat-y;
}

div.comTopBoxA div.decBg01{
	background: url(/images/logistics/common/bg_0004.gif) no-repeat top;
}

div.comTopBoxA div.decBg02{
	padding: 17px 5px 8px 15px;
	background: url(/images/logistics/common/bg_0006.gif) no-repeat bottom;
}

div.comTopBoxA h2{
	padding-left: 22px;
	padding-bottom: 10px;
	background: url(/images/logistics/common/ic_0001.gif) no-repeat;
	font-weight: bold;
	line-height: 1;
}

/* ---------------------------------------------------------------------------------------------- .comTopBoxB */
div.comTopBoxB{
	width: 290px;
	padding:1px;
	background-color:#FFFFFF;
	border:#a8aeb2 1px solid;
}

div.comTopBoxB div.untHead{
	width:290px;
	height:20px;
	min-width:20px;
	background: url(/images/logistics/common/bg_0007.gif) repeat-x top;
	margin:0;
	padding:6px 0 0 0;	
}

div.comTopBoxB div.untBody{
	width:276px;
	font-size:80%;
	margin:0;
	padding:7px 7px 0 7px;
}

div.comTopBoxB h2{
	font-size:85%;
	padding-left: 8px;
	font-weight: bold;
	line-height: 1;
}

/* ---------------------------------------------------------------------------------------------- #modSpecBox */
/*===========================
	COMMON
===========================*/
div#modSpecBox{
	width:640px;
	display:block;
	margin:0 0 10px 0;
	clear:both;
}

div#modSpecBox h3{
	margin-bottom: 5px;
	font-weight: bold;
	vertical-align: top;
}

/*===========================
	.pts01A
===========================*/
div#modSpecBox div.pts01A{
	margin-bottom: 12px;
	font-size: 80%;
	*display:inline-block;
	clear:both;
}

div#modSpecBox div.pts01A ul:after{
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

div#modSpecBox div.pts01A ul{
	display: block;
}

div#modSpecBox div.pts01A li{
	width: 50%;
	float: left;
	*display:inline-block;
}

div#modSpecBox div.pts01A li dl:after{
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

div#modSpecBox div.pts01A li dl{
	margin-right: 10px;
}

div#modSpecBox div.pts01A li dt{
	width: 82px;
	margin-right: 5px;
	float: left;
}

div#modSpecBox div.pts01A li dt a:link{
	border: #cbcbcb 1px solid;
	display:block;
}

div#modSpecBox div.pts01A li dt a:visited{
	border: #cbcbcb 1px solid;
	display:block;
}

div#modSpecBox div.pts01A li dt a:hover{
	border: #71b1d3 1px solid;
	display:block;
}

div#modSpecBox div.pts01A ul li dl dt img{
	vertical-align: top;
}

div#modSpecBox div.pts01A li dd{
	float:left;
	width: 213px;
}

/*===========================
	.pts01B
===========================*/
div#modSpecBox div.pts01B{
	font-size: 80%;
	*display:inline-block;
	clear:both;
}

div#modSpecBox div.pts01B ul{
	display: block;
}

div#modSpecBox div.pts01B li{
	width: 100%;
	display:block;
	margin-bottom: 12px;
}

div#modSpecBox div.pts01B li dl:after{
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

div#modSpecBox div.pts01B li dl{
	margin-right: 10px;
}

div#modSpecBox div.pts01B li dt{
	width: 82px;
	margin-right: 5px;
	float: left;
}

div#modSpecBox div.pts01B li dt a:link{
	border: #cbcbcb 1px solid;
	display:block;
}

div#modSpecBox div.pts01B li dt a:visited{
	border: #cbcbcb 1px solid;
	display:block;
}

div#modSpecBox div.pts01B li dt a:hover{
	border: #71b1d3 1px solid;
	display:block;
}

/*==========*/
div#modSpecBox div.pts01b ul li dl dt img{
	vertical-align: top;
}

div#modSpecBox div.pts01b li dd{
	float:left;
	width: 213px;
}
/*==========*/

/*===========================
	.pts02
===========================*/
div#modSpecBox div.pts02{
	font-size: 80%;
	display:block;
	*display:inline-block;
	clear:both;
}

div#modSpecBox div.pts02 ul:after{
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

div#modSpecBox div.pts02 ul{
	display: inline-block;
}

div#modSpecBox div.pts02 li{
	display:block;
	padding-bottom:12px;
	float:left;
}

div#modSpecBox div.pts02 li dt{
	width: 44px;
	margin-right: 6px;
	float: left;
}

div#modSpecBox div.pts02 li dd{
	width: 560px;
	float: left;
}

/* ---------------------------------------------------------------------------------------------- #modPkgBox */
div#modPkgBox{
	width: 640px;
	margin:0 0 10px 0;
	display:block;
	clear:both;
}

div#modPkgBox h3{
	font-weight: bold;
	font-size: 80%;
}

div#modPkgBox p{
	font-size: 80%;
}

div#modPkgBox p.decTxt01{
	margin-bottom: 10px;
}

div#modPkgBox div.pts01{
	width:620px;
	display:block;
	*display:inline-block;
}

div#modPkgBox div.pts01 ul:after{
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

div#modPkgBox div.pts01 ul li{
	width: 50%;
	padding:0 0 10px 0;
	float: left;
}

div#modPkgBox div.pts01 ul li dl{
	width: 284px;
	*display:inline-block;
}

div#modPkgBox div.pts01 ul li dl:after{
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

div#modPkgBox div.pts01 ul li dl{
	margin-right: 10px;
	padding: 6px 5px 6px 6px;
	background: #ecf4ff;
}

div#modPkgBox div.pts01 ul li dt{
	width: 82px;
	margin-right: 10px;
	float: left;
}

div#modPkgBox div.pts01 ul li dt img{
	vertical-align: top;
}

div#modPkgBox div.pts01 ul li dd{
	width: 192px;
	float: left;
}

div#modPkgBox div.pts01 ul li dd h3{
	margin-bottom: 5px;
}

div#modPkgBox div.pts01 ul li dd p{
	margin-bottom: 3px;
}

/* ---------------------------------------------------------------------------------------------- #modChaseBox */
div#modChaseBox{
	width: 640px;
	margin:0 0 10px 0;
	display:block;
	clear:both;
}

div#modChaseBox div.untBody{
	width:606px;
	font-size:80%;
	margin:0;
	display:block;
	clear:both;
}

div#modChaseBox div.pts01{
	width:606px;
	margin:0;
	padding:0;
	display:block;
}

div#modChaseBox div.pts01 table th{
	background-color:#f1f1f1;
	padding:7px;
}

div#modChaseBox div.pts01 table tr td{
	padding-left:4px;
}

div#modChaseBox p.decTxt01{
	width:606px;
	margin:0 0 5px 0;
	padding:0;
	display:block;
}

div#modChaseBox ul.decTxt02{
	width:606px;
	margin:5px 0 7px 0;
	padding:0;
	display:block;
}

div#modChaseBox ul.decTxt02 li{
	width:606px;
	margin:0 0 5px 0;
	padding:0;
	display:block;
}


/* ---------------------------------------------------------------------------------------------- #modIMArea */
#modIMArea{
	width:640px;
	margin:0;
	padding:0;
	*display:inline-block;
	clear:both;
}

#modIMArea .yjImLis:after{
	height: 0;
	visibility:hidden;
	content: ".";
	display: block;
	clear: both;
}

#modIMArea .yjImLis{
	zoom:1;
}


/* ---------------------------------------------------------------------------------------------- #modSQBArea */
#modSQBArea{
	width:640px;
	margin:0 0 10px 0;
	padding:0;
	clear:both;
}

#modSQBArea a:link{
    color:#0000FF;
	text-decoration:underline; 
}

#modSQBArea a:hover{
	text-decoration:underline;
}

#modSQBArea a:visited {
    color:#810081;
}


/* ---------------------------------------------------------------------------------------------- #modLRECArea */

#modSubBox{
	width:294px;
	background-color:#b7daf3;
	margin:0 0 10px 0;
	padding:3px;
	clear:both;
}

/* ---------------------------------------------------------------------------------------------- #modLRECArea */
#modLRECArea{
	width:300px;
	margin:0 0 10px 0;
	padding:0;
	clear:both;
}
 
#modLRECArea p{
	width:300px;
	font-size:80%;
	text-align:center;
	padding:5px 0 5px 0;
	background-color:#f1f1f1;
}

/* ---------------------------------------------------------------------------------------------- #modNewsBox */
#modNewsBox{
	width:294px;
	margin:0 0 3px 0;
	clear:both;
}

#modNewsBox ul{
	width:276px;
	margin:0;
	padding:0;
}

#modNewsBox ul li{
	width:268px;
	padding:0 0 7px 8px;
	background: url(/images/logistics/common/bg_0009.gif) no-repeat 0 0.35em;
}

#modNewsBox p{
	width:276px;
	padding:0 0 7px 0;
	text-align:right;
	clear:both;
}

#modNewsBox p span{
	width:auto;
	padding:0 0 0 8px;
	background: url(/images/logistics/common/bg_0009.gif) no-repeat 0 0.35em;
}

/* ---------------------------------------------------------------------------------------------- #modSvcsBox */
#modSvcsBox{
	width:294px;
	margin:0 0 3px 0;
	clear:both;
}

#modSvcsBox .untBody{
padding-top:0;
}

#modSvcsBox ul{
	width:276px;
	margin:0;
	padding:0;
}

#modSvcsBox ul li{
	width:276px;
	background: url(/images/logistics/common/bg_0008.gif) repeat-x bottom;
	margin:0;
	padding:7px 0 7px 0;
	clear:both;
}

#modSvcsBox ul li.decBg01{
	width:276px;
	background:none;
	margin:0;
	padding:7px 0 7px 0;
	*display:inline-block;
	clear:both;
}

#modSvcsBox ul li:after{
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

#modSvcsBox ul li dl dt{
	width:100px;
	margin:0;
	padding:0;
	display:block;
	float:left;
}

#modSvcsBox ul li dl dt img{
	margin:0;
	display:block;
	float:left;
}

#modSvcsBox ul li dl dd{
	width:176px;
	margin:0;
	padding:0;
	display:block;
	float:left;
	
}

#modSvcsBox ul li dl dd h3{
	width:176px;
	margin-bottom: 5px;
	font-weight:bold;
	display:block;
}

#modSvcsBox ul li dl dd p{
	width:176px;
	display:block;
}
/* ---------------------------------------------------------------------------------------------- #modYSvcsBox */
#modYSvcsBox{
	width:294px;
	margin:0 0 3px 0;
}
/*===========================
	untBody
===========================*/
#modYSvcsBox div.untBody{
	padding-top:0;
}
/*--------------------------
	dl
--------------------------*/
#modYSvcsBox dl{
	width:276px;
	padding:8px 0 7px 0;
	*display:inline-block;
	background:url(/images/logistics/common/bg_0008.gif) repeat-x top;
}
#modYSvcsBox dl.fst{
	padding-top:7px;
	background:none;
}
#modYSvcsBox dl:after{
	content:".";
	display:block;
	clear:both;
	font-size:0;
	height:0;
	visibility:hidden;
}
#modYSvcsBox dl dt{
	width:28px;
	float:left;
}
#modYSvcsBox dl dt img{
	vertical-align:top;
}
#modYSvcsBox dl dd{
	width:241px;
	padding-left:7px;
	float:left;
	overflow:hidden;
	word-break:break-all;
	word-wrap:break-word;
}
/* ---------------------------------------------------------------------------------------------- #modNewsBox */
#modBgnrBox{
	width:294px;
	margin:0 0 3px 0;
	clear:both;
}

#modBgnrBox div.pts01{
	width:276px;
	*display:inline-block;
}

#modBgnrBox div.pts01:after{
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

#modBgnrBox div.wrLeft{
	width:100px;
	margin:0;
	padding:0;
	float:left;
}

#modBgnrBox div.wrRight{
	width:176px;
	margin:0;
	padding:0;
	float:left;
}

#modBgnrBox div.wrRight ul{
	width:176px;
	margin:0;
	padding:0;
}

#modBgnrBox div.wrRight li{
	width:168px;
	padding:0 0 7px 8px;
	background: url(/images/logistics/common/bg_0009.gif) no-repeat 0 0.35em;
}


/* ---------------------------------------------------------------------------------------------- #modPollsBox */
#modPollsBox{
	width:294px;
	margin:0 0 3px 0;
	clear:both;
}

#modPollsBox p.decTxt01{
	width:276px;
	margin:0 0 3px 0;
	clear:both;
}

#modPollsBox div.decBg01{
	width:276px;
	background-color:#f1f1f1;
	margin:0 0 5px 0;
	padding:5px 0 0 0;
}

#modPollsBox table{
	width:276px;
	border-collapse:collapse;
	border-spacing:0;
	border:none;
	margin:0;
	padding:0;
}

#modPollsBox table tr td{
	padding:0 3px 3px 3px;
	vertical-align:top;
}

#modPollsBox table td.decTxt02{
width:1%;
}

#modPollsBox table td input{
	margin:0.2em 0 0 0;
	/*hack IE*/
	*margin-top:-0.15em;
	/*hack IE*/
	display:block;
	float:left;
}

#modPollsBox p.decTxt03{
	width:276px;
	text-align:center;
	margin:0 0 10px 0;
	clear:both;
}

#modPollsBox p.decTxt04{
	width:276px;
	text-align:center;
	margin:0 0 7px 0;
	clear:both;
}

/* ---------------------------------------------------------------------------------------------- #modAnnBox */
#modAnnBox{
	width:294px;
	margin:0 0 3px 0;
	clear:both;
}

#modAnnBox div.pts01{
	width:276px;
	margin:0 0 5px 0;
	*display:inline-block;
}

#modAnnBox div.pts01:after{
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

/* ---------------------------------------------------------------------------------------------- #modFavBox */
#modFavBox{
	width:294px;
	margin:0;
	clear:both;
}

#modFavBox div.pts01{
	width:276px;
	margin:0 0 5px 0;
	*display:inline-block;
}

#modFavBox div.pts01:after{
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

/* ---------------------------------------------------------------------------------------------- #modAttArea */
div#modAttArea {
	margin:30px 0 0 0;
	color:#444444;
	font-size:small;
	background-color:#EEEEEE;
	border:3px double #DDDDDD;
	min-height:31px;
	padding:0.5em;
	clear:both;
}