@charset "UTF-8";
*{
	margin:0;
	padding:0;
	text-align:left;
	font-weight:normal;
	font-style:normal;
	font-family:sans-serif;
}

/* ------------ elements config ------------ */
body{
	width:100%;
	height:auto;
	background:#fff;
	color:#000;
	
	/* YUI CSS */
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small;
	*font:x-small;
}

h1,h2,h3,h4,h5,h6,h7{
	font-size:100%;
	font-weight:normal;
	margin:0;
	line-height:1;
}

img{
/*	border:none; */
	border:none 0px;
/*	text-decoration:none; */
}

ul,ol{
	list-style:none;
}
table{
	border-collapse:collapse;

	/* YUI CSS */
	font-size:inherit;
	font:100%;
}

/* YUI CSS */
pre,code,kbd,samp,tt{
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}

caption{
	display:none;
}

hr{
	clear:both;
	display:none;
}

a{
	color:#2358bc;
}


/* ------------ leyout ------------ */
#shuttle{
	margin:0 auto;
/*	font-size:75%; */
	line-height:1.7;
}


/* ------------ headline ------------ */
h1{
	font-weight:bold;
	font-size:150%;
	margin-bottom:10px;
}

h1 span.mode{
	font-weight:bold;
	color:red;
	background-color:#f9e6e8;
	margin-left:30px;
	padding:5px 20px;
	letter-spacing:1pt;
}
	
#areaImage #image{
	position:relative;
	left:0px;
	top:0px;
}

/* ------------ Service_Top login ------------ */
#areaLogin #image{
	position:absolute;
	left:664px;
	top:95px;
}
#areaLogin table{
/*	font-size:80%; */
	position:absolute;
	left:683px;
	top:105px;
	font-size: 12px; /* モダンブラウザ向け */
    *font-size: x-small; /* IE 7向け */
    *font: xx-small; /* IE 6以下 */
}
#areaLogin table td{
    padding-top: 6px;
    padding-left: 5px;
}
#areaLogin table td input[type="text"]{
    font-family: Verdana, sans-serif !important;
}
#areaLogin table td input[type="password"]{
    font-family: Verdana, sans-serif !important;
}
#areaLogin table td.message{
	color:red;
	padding-top:4px;
	padding-left:0px;
	padding-bottom:4px;
	margin:0px;
	font-size:68%;
}
#areaLogin table td.contact{
	font-size:88%;
}
#areaLogin table td.contactZh{
	font-size:92%;
}

/* ------------ Service_Top pdf ------------ */
#areaPdf #image{
	position:absolute;
	left:672px;
	top:305px;
}

/* ------------ Service_Top information ------------ */
#areaInfo span{
	position:absolute;
	left:710px;
	top:387px;
	font-size:92%
}
#areaInfo #image{
	position:absolute;
	left:672px;
	top:370px;
}

#areaInfo ul{
	float:right;
	margin-top:13px;
	font-size:92%;
	position:absolute;
	left:683px;
	top:400px;
}

#areaInfo ul li{
	float:left;
	background:url(../images/arrow-right.gif) no-repeat left 50%;
	padding-left:11px;
	overflow:hidden;
}

#areaInfo ul li a{
	display:block;
	overflow:hidden;
}
h1 span.mode{
	font-weight:bold;
	color:red;
	background-color:#f9e6e8;
	margin-left:30px;
	padding:5px 20px;
	letter-spacing:1pt;
}
	
#areaInfoForError span{
	position:absolute;
	left:235px;
	top:216px;
/*	font-size:92%;*/
	color:red;
	font-weight:bold;
}
#areaInfoForError #image{
	position:absolute;
	left:200px;
	top:200px;
}

#areaInfoForError ul{
	float:right;
	margin-top:13px;
	font-size:92%;
	position:absolute;
	left:215px;
	top:230px;
}

#areaInfoForError ul li{
/*	float:left;*/
	background:url(../images/arrow-right.gif) no-repeat 0px 4px;
	padding-left:11px;
	overflow:hidden;
	margin-bottom:5px;
}

#areaInfoForError ul li a{
	display:block;
	overflow:hidden;
}

<!--
#areaInfo #imageTop{
	position:absolute;
	left:672px;
	top:370px;
}
#areaInfo #imageMiddle{
	position:absolute;
	left:672px;
	top:408px;
}
#areaInfo #imageBottom{
	position:absolute;
	left:672px;
	top:440px;
}
-->

/* ------------ Menu Top ------------ */
#areaMenu span {
	font-size:189%;
	position:absolute;
	top:115px;
	left:25px;	
}

#areaMenu table {
	font-size:93%;
	margin-left:8px;
	margin-top:41px;
    width: 655px;
    height: 450px;
    border-collapse: collapse;

	position:absolute;
	top:105px;
	left:0px;
	
/*	font-size: 12px;  モダンブラウザ向け */
/*    *font-size: x-small;  IE 7向け */
/*    *font: xx-small;  IE 6以下 */
	
}

#areaMenu table td {
    padding: 0px;
    margin: 0px;
}

#areaMenu table td a{
	font-size:131%;
}

#areaMenu table td label{
	font-size:131%;
}

#areaMenu table td.line{
	padding-left:15px;
}

#areaMenu table td.image{
	width:115px;
	height:100px;
	vertical-align:top;
	text-align:center;
}

#areaMenu table td.word{
	width:215px;
	height:100px;
	vertical-align:top;
	text-align:left;
}

#areaMenu #areaMenuInfo #word{
	position:absolute;
	left:715px;
	top:160px;
}

#areaMenu #areaMenuInfo #image {
	position:absolute;
	left:700px;
	top:150px;
}

#areaMenu #areaMenuInfo #word ol li{
	float:left;
	padding-left:8px;
	overflow:hidden;
}

#areaMenu #areaMenuInfo #word ul{
}

#areaMenu #areaMenuInfo #word ul li{
	float:left;
	background:url(../images/arrow-right.gif) no-repeat left 50%;
	padding-left:11px;
	overflow:hidden;
}

#areaMenu #areaMenuInfo #word ul li a{
	display:block;
	overflow:hidden;
}

#areaMenu #areaMenuInfo #word p.line{
	margin:0px;
	padding:0px;
	line-height:1%;
	vertical-align:top;
}

#areaMenu #areaMenuInfo #word span.header{
	position:relative;
	top:-5px;
	font-size:100%;
	text-align:center;
	font-weight:bold;
	margin:0px;
	padding:0px;
	line-height:1%;
}

#areaMenu #areaMenuInfo #word span.link{
	position:relative;
	top:+5px;
	font-size:116%;
	text-align:center;
}

#areaMenu #areaMenuInfo #word span{
	position:relative;
	top:-10px;
	left:-1px;
	font-size:93%;
}

#areaMenu #areaMenuInfo #word #info{
	width:210px;
}

#areaMenu #areaFooter {
	position:absolute;
	top:620px;
	left:0px;	
}

/* ------------ header ------------ */
#areaHeader{
	clear:both;
	width:920px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:15px;
}

#areaHeader #headerTop{
	overflow:hidden;
	zoom:100%;
	border-bottom:3px solid #0800b4;
	padding:7px;
}

#areaHeader #headerTop p{
	float:left;
	margin-top:6px;
}

#areaHeader #headerTop ul{
	float:right;
	margin-top:13px;
}

#areaHeader #headerTop ul li{
	float:left;
	background:url(../images/arrow-right.gif) no-repeat left 50%;
	padding-left:11px;
	overflow:hidden;
	text-indent:-9999px;
}

#areaHeader #headerTop ul li a{
	display:block;
	height:10px;
	overflow:hidden;
}

#areaHeader #headerTop #headerLink1 a{
	width:56px;
	background:url(../images/header-link-01.gif) no-repeat left top;
	margin-right:2px;
}

#areaHeader #headerTop #headerLink2 a{
	width:53px;
	background:url(../images/header-link-02.gif) no-repeat left top;
}

#areaHeader #headerTop #headerLink3 a{
	width:56px;
	background:url(../images/header-link-03.gif) no-repeat left top;
	margin-right:10px;
}

#areaHeader #headerInfo{
	clear:both;
	padding-top:6px;
	padding-bottom:12px;
}

#areaHeader #headerInfo ul{
	float:right;
	margin-top:13px;
}

#areaHeader #headerInfo ul li{
	float:left;
	background:url(../images/arrow-right.gif) no-repeat left 50%;
	padding-left:11px;
	overflow:hidden;
	text-indent:-9999px;
}

#areaHeader #headerInfo ul li a{
	display:block;
	height:10px;
	overflow:hidden;
}

#areaHeader #headerInfo #chinese a{
	width:35px;
	background:url(../images/header-link-cn.gif) no-repeat left top;
}

#areaHeader #headerInfo #english a{
	width:40px;
	background:url(../images/header-link-en.gif) no-repeat left top;
}

#areaHeader #headerInfo #japanese a{
	width:45px;
	background:url(../images/header-link-jp.gif) no-repeat left top;
}

#areaHeader #headerInfo img.shuttle{
	margin-top:12px;
	margin-left:6px;
	float:left;
}

#areaHeader #headerInfo img.change{
	margin-top:12px;
	margin-left:6px;
	float:left;
}

#areaHeader #headerInfo table{
	float:right;
	width:512px;
	line-height:1;
}

#areaHeader #headerInfo table th,
#areaHeader #headerInfo table td{
/*	font-size: 13px;  モダンブラウザ向け */
/*    *font-size: small;  IE 7向け */
/*    *font: x-small;  IE 6以下 */
}

#areaHeader #headerInfo table.withoutLogo{
	float:right;
	width:350px;
	line-height:1;
}

#areaHeader #headerInfo table th{
	vertical-align:middle;
	padding-left:3px;
	padding-right:5px;
	background:#f7f7f7;
	border-top:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
	padding-top:5px;
	padding-bottom:3px;
}

#areaHeader #headerInfo table th p.left{
	float:left;
	font-weight:bold;
	padding-top:4px;
	font-size:131%; 
}

#areaHeader #headerInfo table th p.right{
	float:right;
	font-size: 93%;
	padding-right:5px;
	padding-top:4px;
}

#areaHeader #headerInfo table th p.right a{
	background:url(../images/arrow-right.gif) no-repeat left 50%;
	padding-left:5px;
}


#areaHeader #headerInfo table th p.logout{
	float:right;
	padding-bottom:1px;
}

#areaHeader #headerInfo table td.info{
	padding-top:0px;
	padding-bottom:0px;
	border-bottom:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
}

#areaHeader #headerInfo table td.info p.left{
	padding-top:7px;
	padding-left:3px;
	padding-right:9px;
	padding-bottom:3px;
	text-decoration:underline;
/*	font-size:80%; */
	float:left;
}

#areaHeader #headerInfo table td.info p.change{
	float:right;
	padding-top:4px;
	padding-right:5px;	
}

#areaHeader #headerInfo table td.logo{
	padding-top:9px;
	padding-bottom:9px;
	padding-left:9px;
	padding-right:3px;
	text-align:center;
	border-top:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
}

#areaHeader #headerInfo table td.leftTop,
#areaHeader #headerInfo table td.leftBottom,
#areaHeader #headerInfo table td.rightTop,
#areaHeader #headerInfo table td.rightBottom{
	width:6px;
	height:6px;
}


#areaHeader #headerInfo table td.leftTop{
	background:url(../images/table-bg-left-top.gif) no-repeat left top;
}

#areaHeader #headerInfo table td.leftBottom{
	background:url(../images/table-bg-left-bottom.gif) no-repeat left bottom;
}

#areaHeader #headerInfo table td.rightTop{
	background:url(../images/table-bg-right-top.gif) no-repeat right top;
}

#areaHeader #headerInfo table td.rightBottom{
	background:url(../images/table-bg-right-bottom.gif) no-repeat right bottom;
}

#areaHeader #headerInfo table td.leftUpper{
	border-left:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	background:#f7f7f7;
}
#areaHeader #headerInfo table td.left{
	border-left:1px solid #dcdcdc;
}
#areaHeader #headerInfo table td.right{
	border-right:1px solid #dcdcdc;
}

#areaHeader #headerCir{
	position:absolute;
	left:150px;
	top:55px;
}




#areaHeader #headerNavi{
	clear:both;
	zoom:100%;

}

#areaHeader #headerNavi a{
	text-decoration:none;
}

#areaHeader #headerNavi a.change{
	color:red;
}

#areaHeader #headerNavi ul#mainNavi{
/*	font-size:14px; */
	font-size:108%;
	
	margin-left:4px;
	padding-top:11px;
	background:url(../images/header-navi-bg.gif) repeat-x left top;
	height:26px;
	zoom:100%;
}

#areaHeader #headerNavi ul#mainNavi li{
	float:left;
	border-bottom:2px solid #294883;
	margin-left:2px;
	margin-right:2px

}

#areaHeader #headerNavi ul#mainNavi li.on{
	color:#ffffff;
	background:#294883;
	padding-left:21px;
	padding-right:21px;
}

#areaHeader #headerNavi ul#mainNavi li.off{
	color:#000000;
	background:#c0c0c0;
	padding-left:21px;
	padding-right:21px;
}

#areaHeader #headerNavi ul#mainNavi li a{
	display:block;
	float:left;
	padding-left:21px;
	padding-right:21px;
}

#areaHeader #headerNavi ul#mainNavi li a:hover{
	color:#ffffff;
	background:#294883;
}

#areaHeader #headerNavi ul#mainNaviEn{
/*	font-size:13px; */
	font-size:100%;
	
	margin-left:4px;
	padding-top:11px;
	background:url(../images/header-navi-bg.gif) repeat-x left top;
	height:26px;
	zoom:100%;
}

#areaHeader #headerNavi ul#mainNaviEn li{
	float:left;
	border-bottom:2px solid #294883;
	margin-left:2px;
	margin-right:2px

}

#areaHeader #headerNavi ul#mainNaviEn li.on{
	color:#ffffff;
	background:#294883;
	padding-left:21px;
	padding-right:21px;
}

#areaHeader #headerNavi ul#mainNaviEn li a{
	display:block;
	float:left;
	padding-left:21px;
	padding-right:21px;
}

#areaHeader #headerNavi ul#mainNaviEn li a:hover{
	color:#ffffff;
	background:#294883;
}

#areaHeader #headerNavi ul#subNavi{
	clear:both;
	margin-left:2px;
	overflow:hidden;
	zoom:100%;
/*	margin-bottom:15px; */
	margin-bottom:3px;
	width:950px;
	font-size:93%;
}

#areaHeader #headerNavi ul#subNavi li{
	float:left;
	border-right:1px solid #bfbfbf;
	padding-left:1px;
	padding-right:1px
}
#areaHeader #headerNavi ul#subNavi li.on span{
	color:#000000;
	background:#cdebed;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:10px;
	padding-right:10px;	
}

#areaHeader #headerNavi ul#subNavi li.off span{
	color:#000000;
	background:#c0c0c0;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:10px;
	padding-right:10px;	
}

#areaHeader #headerNavi ul#subNavi li a{
	padding-top:4px;
	padding-bottom:4px;
	padding-left:6px;
	padding-right:6px;	
}

#areaHeader #headerNavi ul#subNavi li a:hover{
	color:#000000;
	background:#cdebed;
}

#areaHeaderForInfo{
	clear:both;
	width:380px;
	margin-left:10px;
	margin-right:10px;
}

#areaHeaderForInfo #headerTopForInfo{
	overflow:hidden;
	zoom:100%;
	border-bottom:3px solid #0800b4;
	padding:7px;
}

#areaHeaderForInfo #headerTopForInfo p{
	float:left;
	margin-top:6px;
}

#areaHeaderForInfo #headerInfo{
	clear:both;
	padding-top:6px;
	padding-bottom:12px;
}

#areaHeaderForInfo #headerInfo img.shuttle{
	margin-top:12px;
	margin-left:6px;
	margin-right:190px;
	float:left;
}

#areaHeaderForMap{
	clear:both;
	width:600px;
	margin-left:10px;
	margin-right:10px;
}

#areaHeaderForMap #headerTopForMap{
	overflow:hidden;
	zoom:100%;
	border-bottom:3px solid #0800b4;
	padding:7px;
}

#areaHeaderForInfo #headerTop p{
	float:left;
	margin-top:6px;
}

#areaHeaderForPrivacy{
	clear:both;
	width:680px;
	margin-left:10px;
	margin-right:10px;
}

#areaHeaderForPrivacy #headerTopForPrivacy{
	overflow:hidden;
	zoom:100%;
	border-bottom:3px solid #0800b4;
	padding:7px;
}

#areaHeaderForUse{
	clear:both;
	width:880px;
	margin-left:10px;
	margin-right:10px;
}

#areaHeaderForUse #headerTopForUse{
	overflow:hidden;
	zoom:100%;
	border-bottom:3px solid #0800b4;
	padding:7px;
}

#areaHeaderForPrivacyPopup{
	clear:both;
	width:600px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:15px;
}

#areaHeaderForPrivacyPopup #headerTop{
	overflow:hidden;
	zoom:100%;
	border-bottom:3px solid #0800b4;
	padding:7px;
}

/* ------------ contents ------------ */
#areaContents #areaMap iframe{
	hspace:0px;
	vspace:0px;
	marginheight:0px;
	marginwidth:0px;
	border:none;
	width:630px;
	height:450px;
}

#areaContents #headerNaviForOrder{
	clear:both;
	zoom:100%;

}

#areaContents #headerNaviForOrder a{
	text-decoration:none;
}

#areaContents #headerNaviForOrder ul#mainNavi{
/*	font-size:14px; */
	font-size:108%;
	
	margin-left:4px;
	padding-top:11px;
	height:26px;
	zoom:100%;
}

#areaContents #headerNaviForOrder ul#mainNavi li{
	float:left;
	border-bottom:2px solid #696969;
	margin-left:2px;
	margin-right:2px

}

#areaContents #headerNaviForOrder ul#mainNavi li.on{
	color:#ffffff;
	background:#eeeeee;
	padding-left:21px;
	padding-right:21px;
}

#areaContents #headerNaviForOrder ul#mainNavi li a{
	display:block;
	float:left;
	padding-left:21px;
	padding-right:21px;
}

#areaContents #headerNaviForOrder ul#mainNavi li a:hover{
	color:#ffffff;
	background:#cdebed;
}

#areaContents #headerNaviForOrder ul#subNavi{
	clear:both;
	margin-left:4px;
	overflow:hidden;
	zoom:100%;
	margin-bottom:15px;
}

#areaContents #headerNaviForOrder ul#subNavi li{
	float:left;
	border-right:1px solid #bfbfbf;
	padding-left:2px;
	padding-right:2px
}
#areaContents #headerNaviForOrder ul#subNavi li.on span{
	color:#000000;
	background:#cdebed;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:21px;
	padding-right:21px;	
}

#areaHeader #headerNaviForOrder ul#subNavi li.off span{
	color:#000000;
	background:#c0c0c0;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:21px;
	padding-right:21px;	
}

#areaContents #headerNaviForOrder ul#subNavi li a{
	padding-top:4px;
	padding-bottom:4px;
	padding-left:21px;
	padding-right:21px;	
}

#areaContents #headerNaviForOrder ul#subNavi li a:hover{
	color:#000000;
	background:#cdebed;
}

#areaContents #headerNaviForTab{
	clear:both;
	zoom:100%;

}

#areaContents #headerNaviForTab a{
	text-decoration:none;
}

#areaContents #headerNaviForTab ul#mainNavi{
/*	font-size:14px; */
	font-size:108%;
	
	margin-left:4px;
	padding-top:11px;
	height:26px;
	zoom:100%;
}

#areaContents #headerNaviForTab ul#mainNavi li{
	float:left;
	border-bottom:2px solid #696969;
	margin-left:2px;
	margin-right:2px

}

#areaContents #headerNaviForTab ul#mainNavi li.on{
	color:#ffffff;
	background:#eeeeee;
	padding-left:21px;
	padding-right:21px;
}

#areaContents #headerNaviForTab ul#mainNavi li a{
	display:block;
	float:left;
	padding-left:21px;
	padding-right:21px;
}

#areaContents #headerNaviForTab ul#mainNavi li a:hover{
	color:#ffffff;
	background:#cdebed;
}

#areaContents #headerNaviForTab ul#subNavi{
	clear:both;
	margin-left:4px;
	overflow:hidden;
	zoom:100%;
	margin-bottom:15px;
}

#areaContents #headerNaviForTab ul#subNavi li{
	float:left;
	border-right:1px solid #bfbfbf;
	padding-left:2px;
	padding-right:2px
}
#areaContents #headerNaviForTab ul#subNavi li.on span{
	color:#000000;
	background:#cdebed;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:21px;
	padding-right:21px;	
}

#areaHeader #headerNaviForTab ul#subNavi li.off span{
	color:#000000;
	background:#c0c0c0;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:21px;
	padding-right:21px;	
}

#areaContents #headerNaviForTab ul#subNavi li a{
	padding-top:4px;
	padding-bottom:4px;
	padding-left:21px;
	padding-right:21px;	
}

#areaContents #headerNaviForTab ul#subNavi li a:hover{
	color:#000000;
	background:#cdebed;
}

#areaContents #headerNaviForSmallTab{
	clear:both;
	zoom:100%;
}

#areaContents #headerNaviForSmallTab a{
	text-decoration:none;
}

#areaContents #headerNaviForSmallTab ul#mainNavi{
/*	font-size:14px; */
	font-size:108%;
	
	margin-left:2px;
	margin-right:2px;
	padding-top:11px;
	height:26px;
	zoom:100%;
}

#areaContents #headerNaviForSmallTab ul#mainNavi li{
	float:left;
	border-bottom:2px solid #696969;
	margin-left:2px;
	margin-right:2px

}

#areaContents #headerNaviForSmallTab ul#mainNavi li.on{
	color:#ffffff;
	background:#eeeeee;
	padding-left:10px;
	padding-right:10px;
}

#areaContents #headerNaviForSmallTab ul#mainNavi li a{
	display:block;
	float:left;
	padding-left:10px;
	padding-right:10px;
}

#areaContents #headerNaviForSmallTab ul#mainNavi li a:hover{
	color:#ffffff;
	background:#cdebed;
}

#areaContents{
	clear:both;
	margin-left:10px;
	margin-right:10px;
}

#areaContents #areaSearch{
	margin-bottom:10px;
	background:url(../images/dotline.gif) repeat-x left bottom;
}

#areaContents #areaSearchForEntry{
	margin-bottom:10px;
	background:url(../images/dotline.gif) repeat-x left bottom;
}

#areaContents #areaEntry{
	margin-bottom:10px;
	background:url(../images/dotline.gif) repeat-x left bottom;
}

#areaContents p.areaMessage{
	color:#FF0000;
}

#areaContents a.change{
	color:red;
}

#areaBack table{
	position:absolute;
	left:860px;
	top:170px;
}

#areaBack table th,
#areaBack table td{
	vertical-align:middle;
	text-align:right;
	padding-top:6px;
	padding-bottom:11px;
}

#areaSearch table,
#box1 table,
#box2 table{
}

#areaSearch table th,
#areaSearch table td,
#box1 table th,
#box1 table td,
#box2 table th,
#box2 table td{
	vertical-align:middle;
	padding-top:6px;
	padding-bottom:11px;
	padding-left:5px;
	padding-right:10px;
	
/*    font-size: 13px;  モダンブラウザ向け */
/*    *font-size: small;  IE 7向け */
/*    *font: x-small;  IE 6以下 */
    
	background:#eeeeee url(../images/dotline.gif) repeat-x left bottom;
}

#areaSearch table th,
#box1 table th,
#box2 table th{
	padding-left:13px;
}

#areaSearch table th a.change{
	color:red;
}

#areaSearch table td.withIcon,
#box1 table td.withIcon,
#box2 table td.withIcon{
	padding-top:0px;
	padding-bottom:0px;
}

#areaSearch table td.withIcon input,
#box1 table td.withIcon input,
#box2 table td.withIcon input{
	position:relative;
	top:-8px;
        z-index:1;
}

#areaSearch table td.withIcon span{
	position:relative;
	top:-8px;
}

#areaSearch table td a,
#box1 table td a,
#box2 table td a{
	margin-left:5px;
}

#areaSearch table th.right,
#box1 table th.right,
#box2 table th.right{
	border-left:10px solid #ffffff;
}

#areaSearch table td label,
#box1 table td label,
#box2 table td label{
	font-weight:normal;
}

#areaSearch label,
#box1 label,
#box2 label{
	font-weight:bold;
}

#areaSearch input,
#box1 input,
#box2 input{
	padding-left:4px;
	padding-right:4px;
}

#areaSearch #product,
#areaSearch #productName,
#box1 #product,
#box1 #productName,
#box2 #product,
#box2 #productName{
	width:230px;
}

#areaSearch #day,
#box1 #day,
#box2 #day{
	width:72px;
}

#areaSearch #origin,
#box1 #origin,
#box2 #origin{
	width:30px;
}

#areaSearch p.button,
#box1 p.button,
#box2 p.button{
	margin-top:10px;
	text-align:center;
	overflow:hidden;
	zoom:100%;
	margin-left:auto;
	margin-right:auto;
}

#areaSearch #reset,
#areaSearch #search,
#areaSearch #new,
#areaSearch #submit,
#areaSearch #send,
#areaSearch #yes,
#areaSearch #no,
#box1 #reset,
#box1 #search,
#box1 #new,
#box2 #reset,
#box2 #search,
#box2 #new{
	margin-left:9px;
	margin-right:9px;
	margin-bottom:14px;
}

#areaSearch #reset{
	position:relative;
	left:-220px;
	margin-left:0px;
	margin-right:0px;
}

#areaSearch #newWithReset{
	position:relative;
	left:-105px;
	margin-left:9px;
	margin-right:9px;
	margin-bottom:14px;
}

#areaSearchForEntry table{
}

#areaSearchForEntry table th,
#areaSearchForEntry table td{
	vertical-align:middle;
	padding-top:6px;
	padding-bottom:11px;
	padding-left:5px;
	padding-right:10px;
	
/*    font-size: 13px;  モダンブラウザ向け */
/*    *font-size: small;  IE 7向け */
/*    *font: x-small;  IE 6以下 */
	
	background:#eeeeee url(../images/dotline.gif) repeat-x left bottom;
}

#areaSearchForEntry table th{
	padding-left:13px;
}

#areaSearchForEntry table td.withIcon{
	padding-top:0px;
	padding-bottom:0px;
}

#areaSearchForEntry table td.withIcon input{
	position:relative;
	top:-8px;
    z-index:1;
}

#areaSearchForEntry table td a{
	margin-left:5px;
}

#areaSearchForEntry table th.right{
	border-left:10px solid #ffffff;
}

#areaSearchForEntry label{
	font-weight:bold;
}

#areaSearchForEntry input{
	padding-left:4px;
	padding-right:4px;
}

#areaSearchForEntry p.button{
	margin-top:10px;
	text-align:left;
	overflow:hidden;
	zoom:100%;
}

#areaSearchForEntry #reset,
#areaSearchForEntry #search,
#areaSearchForEntry #csv,
#areaSearchForEntry #new{
	margin-left:9px;
	margin-right:9px;
	margin-bottom:14px;
}

#areaEntry table{
}

#areaEntry table th,
#areaEntry table td{
	vertical-align:middle;
	padding-top:6px;
	padding-bottom:11px;
	padding-left:5px;
	padding-right:10px;
	
/*	font-size: 13px;  モダンブラウザ向け */
/*    *font-size: small;  IE 7向け */
/*    *font: x-small;  IE 6以下 */
	
	background:#eeeeee url(../images/dotline.gif) repeat-x left bottom;
}

/* 2011.08.12 add (dcs) No.437 */
#areaEntry #cirimage table th,
#areaEntry #cirimage table td{
	vertical-align:top;
	padding-top:6px;
	padding-bottom:11px;
	padding-right:5px;
	background:#eeeeee;
}
#areaEntry #cirimage table td.more{
	vertical-align:bottom;
	padding-top:6px;
	padding-bottom:11px;
	padding-right:5px;
	background:#eeeeee;
}

#areaEntry table th{
	padding-left:13px;
}

#areaEntry table td.withIcon{
	padding-top:0px;
	padding-bottom:0px;
}

#areaEntry table td.withIcon input{
	position:relative;
	top:-8px;
        z-index:1;
}

#areaEntry table td.withIcon span{
	position:relative;
	top:-8px;
}

#areaEntry table td.withIcon input.keyField{
	background-color:#A9A9A9;
}

#areaEntry table td input.keyField{
	background-color:#A9A9A9;
}

#areaEntry table td select.keyField{
	background-color:#A9A9A9;
}

#areaEntry table td label.keyField{
	background-color:#A9A9A9;
}

#areaEntry table td a{
	margin-left:5px;
}

#areaEntry table th.right{
	border-left:10px solid #ffffff;
}

#areaEntry table.password td input[type="password"]{
    font-family: Verdana, sans-serif !important;
}

#areaEntry table th.border,
#areaEntry table td.border{
	border: 1px #A9A9A9 solid;
	background-image:none !important;
	background-repeat:norepeat;
}

#areaEntry table th.border{
	text-align:center;
	padding:3px;
}

#areaEntry table tr.condition th,
#areaEntry table tr.condition td{
	background-color:#f9e6e8;
	line-height:1;
}

#areaEntry table td input[type="password"]{
    font-family: Verdana, sans-serif !important;
}

#areaEntry label{
	font-weight:bold;
}

#areaEntry input{
	padding-left:4px;
	padding-right:4px;
}

#areaEntry p.button{
	margin-top:10px;
	text-align:left;
	overflow:hidden;
	zoom:100%;
}

#areaEntry #reset,
#areaEntry #search,
#areaEntry #print,
#areaEntry #resendmail,
#areaEntry #address,
#areaEntry #new{
	margin-left:9px;
	margin-right:9px;
	margin-bottom:14px;
}

#areaSearchForPopup table{
}

#areaSearchForPopup table th,
#areaSearchForPopup table td{
	vertical-align:middle;
	padding-top:6px;
	padding-bottom:11px;
	padding-left:5px;
	padding-right:10px;
	
	background:#eeeeee url(../images/dotline.gif) repeat-x left bottom;
}

#areaSearchForPopup table th{
	padding-left:13px;
}

#areaSearchForPopup table td.withIcon{
	padding-top:0px;
	padding-bottom:0px;
}

#areaSearchForPopup table td.withIcon input{
	position:relative;
	top:-8px;
    z-index:1;
}

#areaSearchForPopup table th.Qheader{
	background-color:#C7EEF5;
}
#areaSearchForPopup table td.Qheader{
	background-color:#C7EEF5;
}
#areaSearchForPopup table th.Qdetail{
	background-color:#EEF6F9;
}
#areaSearchForPopup table td.Qdetail{
	background-color:#EEF6F9;
}
#areaSearchForPopup table td.Qdetail textarea{
    font-size: 100% !important;
}
#box1 table th.Qheader{
	background-color:#C7EEF5;
}
#box1 table th.Qdetail{
	background-color:#EEF6F9;
}
#box1 table td.Qdetail{
	background-color:#EEF6F9;
}
#areaEntry table th.Qdetail{
	background-color:#EEF6F9;
}
#areaEntry table td.Qdetail{
	background-color:#EEF6F9;
}
#areaEntry table th.Qheader{
	background-color:#C7EEF5;
}
#areaEntry table td.Qheader{
	background-color:#C7EEF5;
}
#areaSearchForPopup table th.Adetail{
/*	background-color:#F6F6F6; */
	background-color:#FFFFE0;
}
#areaSearchForPopup table td.Adetail{
	background-color:#FFFFE0;
}
#areaSearchForPopup table td.Adetail textarea{
    font-size: 100% !important;
}
#areaSearchForPopup table td.AdetailWithIcon{
	background-color:#FFFFE0;
}
#areaSearchForPopup table td.AdetailWithIcon input{
	position:relative;
	top:-8px;
}

#areaEntry table th.Aheader{
	background-color:#FFFFE0;
}
#areaEntry table td.Aheader{
	background-color:#FFFFE0;
}
#areaEntry table th.Adetail{
	background-color:#FFFFE0;
}
#areaEntry table td.Adetail{
	background-color:#FFFFE0;
}

/* 2011.08.04 add (dcs) No.437 */
#areaEntry input.changed,
#areaEntry select.changed,
#areaEntry label.changed,
#areaEntry textarea.changed,
#areaEntry .changed {
 background-color: #FFAAAA !important;
}
#areaEntry input[type="checkbox"].changed,
#areaEntry input[type="radio"].changed {
 background-color: #FFAAAA;
 outline-style: solid;
 outline-width: 3px;
 outline-color: #FFAAAA;
}
#areaEntry label.normal {
	font-weight:normal;
}



#areaSearchForPopup table td a{
	margin-left:5px;
}

#areaSearchForPopup table th.right{
	border-left:10px solid #ffffff;
}

#areaSearchForPopup label{
	font-weight:bold;
}

#areaSearchForPopup input{
	padding-left:4px;
	padding-right:4px;
}

#areaSearchForPopup p.button{
	margin-top:10px;
	text-align:left;
	overflow:hidden;
	zoom:100%;
}

#areaSearchForPopup #reset,
#areaSearchForPopup #search,
#areaSearchForPopup #new{
	margin-left:9px;
	margin-right:9px;
	margin-bottom:14px;
}

#areaContents #areaResult{
	margin-bottom:33px;
}

#areaContents #areaResult .total{
	width:920px;
}


#areaContents #areaResult .total div{
	float:right;
	background:#f9e6e8;
	padding-top:6px;
	padding-bottom:6px;
	padding-right:8px;
	padding-left:0px;
	width:230px;
}

#areaContents #areaResult p.totalHit{
	font-size:116%;
	font-weight:bold;
	line-height:23px;
	float:right;
	margin-right:5px
}

#areaContents #areaResult .total span{
	font-weight:bold;
	padding-left:10px;
	padding-right:10px;
}

#areaContents #areaResult .total p.totalCSV{
	float:right;
}

#areaContents #areaResult table{
	margin-top:10px;
	margin-bottom:10px;
	clear:both;
	line-height:1;

/*	font-size: 12px;  モダンブラウザ向け */
	font-size: 93%;
}

#areaContents #areaResult table th,
#areaContents #areaResult table td{
	border:1px solid #cfe0e8;
	padding:5px;
}

#areaContents #areaResult table th{
	background:#c7eef5;
	padding-top:7px;
	padding-bottom:7px;
	line-height:1.7;
	text-align:center;
}

#areaContents #areaResult table th.sub{
	font-weight:normal;
	background:#f3fbfd;
/*  width:38px; */
	padding-top:5px;
	padding-bottom:5px;
}

#areaContents #areaResult table th.subinput{
	font-weight:normal;
	background:#f3fbfd;
	padding-top:3px;
	padding-bottom:3px;
}

#areaContents #areaResult table th.Aheader{
	background-color:#FFFFE0;
}
	
#areaContents #areaResult table th #sort{
	text-align:center;
	line-height:0px;
	font-size:0px;
	margin:0px 1px;
}

#areaContents #areaResult table th #sort a{
	border:none 0px;
	text-decoration:none;
}

#areaContents #areaResult table tr.odd{
	background:#f6f6f6;
}

#areaContents #areaResult table td.quantity{
	text-align:right;
}

#areaContents #areaResult table td.ciralert1{
	background-color:#008000;
	color:#FFFFFF;
}
#areaContents #areaResult table td.ciralert2{
	background-color:#FFFF00
}
#areaContents #areaResult table td.ciralert3{
	background-color:#FF0000;
	color:#FFFFFF;
}
#areaContents #areaResult table td.datealert{
	background-color:red !important;
	color:white;
}
#areaContents #areaResult table td.overalert{
	background-color:yellow !important;
}

#areaContents #areaResult table tr.odd td.quantity{
	background:#ffffff;
}

#areaContents #areaResult table tr.even{
	background:#eef6f9;
}

#areaContents #areaResult table tr.even td.quantity{
	background:#f7fbfc;
}

#areaContents #areaResult table tr.backorder{
	background:#FFCCCC;
}

#areaContents #areaResult table tr.intransit{
	background:#99FFFF;
}

#areaContents #areaResult table td.withIcon{
	padding-top:0px;
	padding-bottom:0px;
}

#areaContents #areaResult table td.withIcon input{
	position:relative;
	top:-8px;
        z-index:1;
}
#areaContents #areaResult table td.withIcon span{
	position:relative;
	top:-8px;
        z-index:1;
}
#areaContents #areaResult table td.center{
	text-align:center;
}

#areaContents #areaResult table span{
/**
	font-size:140%;
*/
}

#areaResult input{
	padding-left:3px;
	padding-right:3px;
}

#areaContents #areaResult #small table{
	font-size: 85%; /* モダンブラウザ向け */
}

#areaContents #areaResult table.clear_table{
	margin-top:10px;
	margin-bottom:10px;
	clear:both;
	font-size: 100%;
}
#areaContents #areaResult table.clear_table th,
#areaContents #areaResult table.clear_table td{
	border-style:none;
	background-color:#FFFFFF;
	text-align:left;
}

#areaContents #areaResult p.button a{
	text-decoration: none;
}

#areaContents #areaResultForPopup{
	margin-bottom:33px;
}

/**
   //2009.06.18 add (etech-lin) No.229
*/
#areaContents #areaResultForPopup table th #sort{
	text-align:center;
	line-height:0px;
	font-size:0px;
	margin:0px 1px;
}

#areaContents #areaResultForPopup .total{
	width:380px;
}


#areaContents #areaResultForPopup .total div{
	float:right;
	background:#f9e6e8;
	padding-top:6px;
	padding-bottom:6px;
	padding-right:9px;
	padding-left:13px;
	width:200px;
}

#areaContents #areaResultForPopup p.totalHit{
	font-size:116%;
	font-weight:bold;
	line-height:23px;
	float:right;
}

#areaContents #areaResultForPopup .total span{
	font-weight:bold;
	padding-left:19px;
	padding-right:10px;
}

#areaContents #areaResultForPopup .total p.totalCSV{
	float:right;
}

#areaContents #areaResultForPopup table{
	margin-top:10px;
	margin-bottom:10px;
	clear:both;
	line-height:1;
}

#areaContents #areaResultForPopup table th,
#areaContents #areaResultForPopup table td{
	border:1px solid #cfe0e8;
	padding:5px;
/*    font-size: 13px;  モダンブラウザ向け */
/*    *font-size: small;  IE 7向け */
/*    *font: x-small;  IE 6以下 */
/*    font-size:85%; */
}

#areaContents #areaResultForPopup table th{
	background:#c7eef5;
	padding-top:7px;
	padding-bottom:7px;
	line-height:1.7;
	text-align:center;
}

#areaContents #areaResultForPopup table th.sub{
	font-weight:normal;
	background:#f3fbfd;
	padding-top:5px;
	padding-bottom:5px;
}

#areaContents #areaResultForPopup table tr.odd{
	background:#f6f6f6;
}

#areaContents #areaResultForPopup table td.quantity{
	text-align:right;
}

#areaContents #areaResultForPopup table tr.odd td.quantity{
	background:#ffffff;
}

#areaContents #areaResultForPopup table tr.even{
	background:#eef6f9;
}

#areaContents #areaResultForPopup table tr.even td.quantity{
	background:#f7fbfc;
}

/* 2011.08.12 add (dcs) No.437 */
#areaContents #areaResultForPopup #cirimage table th,
#areaContents #areaResultForPopup #cirimage table td{
	vertical-align:top;
	padding-top:6px;
	padding-bottom:11px;
	padding-right:5px;
	border:0px;
	border-style:none;
}
#areaContents #areaResultForPopup #cirimage table td.more{
	vertical-align:bottom;
	padding-top:6px;
	padding-bottom:11px;
	padding-right:5px;
	border:0px;
	border-style:none;
}

ul.page{
	clear:both;
	display:block;
	overflow:hidden;
	zoom:100%;
}

ul.page li{
	float:left;
	line-height:1;
	border-right:1px solid #000000;
	padding-left:10px;
	padding-right:10px;
}

ul.page li.end{
	border-right:none;
}

ul.page li.prev{
	border-right:none;
	padding:0;
	margin-right:10px;
}

ul.page li.next{
	border-right:none;
	padding:0;
	margin-left:10px;
}

#areaContents .pageTop{
	width:920px;
	text-align:right;
	margin-bottom:10px;
	margin-right:10px;
}

#areaContents .pageTop a{
	/*
	background:url(../images/arrow-up.gif) no-repeat left 1px;
	*/
	padding-left:12px;
}


/* ------------ footer ------------ */
#areaFooter{
	clear:both;
	width:940px;
}

#areaFooter #footerLink{
	background:#f7f7f7;
	border-top:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	overflow:hidden;
	zoom:100%;
	padding-top:12px;
	padding-bottom:8px;
}

#areaFooter #footerLink ul{
	width:301px;
	height:12px;
/*	background-image:url(../images/footer-link-bg.gif);*/
	background-position:left -1px;
	background-repeat: no-repeat;

}

#areaFooter #footerLink ul li{
	float:left;
	height:12px;
	overflow:hidden;
	text-indent:-9999px;
}

#areaFooter #footerLink ul li a{
	display:block;
	height:12px;
}

#areaFooter #footerLink #footerLink1{
	width:120px;
	background-image:url(../images/footer-link-01.gif);
	background-position:left top;
	background-repeat: no-repeat;
}

#areaFooter #footerLink #footerLink2{
	width:139px;
	background-image:url(../images/footer-link-02.gif);
	background-position:left top;
	background-repeat: no-repeat;
}

#areaFooter #footerLink #footerLink1-en{
	width:185px;
	background-image:url(../images/footer-link-01-en.gif);
	background-position:left top;
	background-repeat: no-repeat;
}

#areaFooter #footerLink #footerLink2-en{
	width:95px;
	background-image:url(../images/footer-link-02-en.gif);
	background-position:left top;
	background-repeat: no-repeat;
}

#areaFooter #footerLink #footerLink1-zh{
	width:125px;
	background-image:url(../images/footer-link-01-zh.gif);
	background-position:left top;
	background-repeat: no-repeat;
}

#areaFooter #footerLink #footerLink2-zh{
	width:139px;
	background-image:url(../images/footer-link-02-zh.gif);
	background-position:left top;
	background-repeat: no-repeat;
}

#areaFooter p{
	margin-top:16px;
	margin-left:10px;
}

#areaFooterForInfo{
	clear:both;
	width:380px;
}

#areaFooterForInfo p{
	margin-top:16px;
	margin-left:10px;
}

#areaFooterForPopup{
	clear:both;
	width:600px;
}

#areaFooterForPopup #footerLink{
	background:#f7f7f7;
	border-top:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	overflow:hidden;
	zoom:100%;
	padding-top:12px;
	padding-bottom:8px;
}

#areaFooterForPopup #footerLink ul{
	width:301px;
	height:12px;
	background-image:url(../images/footer-link-bg.gif);
	background-position:left -1px;
	background-repeat: no-repeat;

}

#areaFooterForPopup #footerLink ul li{
	float:left;
	height:12px;
	overflow:hidden;
	text-indent:-9999px;
}

#areaFooterForPopup #footerLink ul li a{
	display:block;
	height:12px;
}

#areaFooterForPopup #footerLink #footerLink1{
	width:120px;
	background-image:url(../images/footer-link-01.gif);
	background-position:left top;
	background-repeat: no-repeat;
}

#areaFooterForPopup #footerLink #footerLink1-en{
	width:185px;
	background-image:url(../images/footer-link-01-en.gif);
	background-position:left top;
	background-repeat: no-repeat;
}

#areaFooterForPopup #footerLink #footerLink1-zh{
	width:125px;
	background-image:url(../images/footer-link-01-zh.gif);
	background-position:left top;
	background-repeat: no-repeat;
}

#areaFooterForPopup .pageTop{
	width:600px;
	text-align:right;
	margin-bottom:10px;
	margin-right:10px;
}

#areaFooterForPopup .pageTop a{
	/*
	background:url(../images/arrow-up.gif) no-repeat left 1px;
	*/
	padding-left:12px;
}
/* ------------ property ------------ */
.txtAC{
	text-align:center;
}

.w20{
	width:20px;
}

.w40{
	width:40px;
}

.w54{
	width:54px;
}

.w68{
	width:68px;
}

.withLoupe{
	display:block;
	padding-right:20px;
	padding-top:1px;
	padding-bottom:1px;
	background:url(../images/icon-loupe.gif) no-repeat right 50%;
}

.ttfont{
	font-family:'Courier New','Courier','ＭＳ ゴシック',monospace;
}

.infoAreaWarning{
	color:red;
}