/*
#5b8425
*/

/* Layout */
body {
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
    line-height: 1.6;
    letter-spacing: 0;
}
body, form{margin: 0; padding: 0;}
#wrapper{width:1000px;margin: 0 auto;}
	#catchPhraseBox{border-bottom:3px solid #5b8425;min-height: 20px;}
		#catchPhrase{font-size: 0.7em;margin: 0;padding: 0;font-weight: normal;}
	#twitterButton{float: right;margin-left: 10px;}
	#addthis_button{float: right;}
	#paymentMethod{float: right;}
	#header{}
		#logo{float:left;background:#fff url(/resource/img/common/forward2u.jpg) no-repeat left top;padding:40px 0 0 150px;height:90px;_height:90px; cursor: pointer;}
			#logoImage{vertical-align: middle;}
			#logoText{}
		#headerMenu{margin-left:700px;text-align:right;}
			#headerMenuList{margin: 0; padding: 0;}
				.headerMenuItem{list-style-type: none;margin-bottom:2px;}
				.headerMenuItem img{margin:0 5px;}
				.headerMenuItem .paddingButton{padding: 5px 0;}
				.headerMenuItem a{padding:5px 70px;font-size: 14px;}
				.headerMenuItem .flag{border: 0;padding:0;display:inline;width:auto;margin:0;}
		#mainMenu{clear:both;border:1px solid #ddd;background:#eee;margin-bottom:5px;height: 69px;}
		#mainMenuPure{clear:both;border:1px solid #5b8425;background:#eee;margin-bottom:5px;height: 1px;}
			#mainMenuList{margin: 0; padding: 0;}
				.mainMenuItem{display: inline;}
	#body{}
/*		#content{width:800px;} Move below*/
		#goods{}
		#indent{text-indent: -99999px;float:left;}
		#sideBar{width:190px;_width:190px;float:right;font-size:13px;}
			#quick{}
				#quickTitle{}
					#quickTitleImage{background:#fff url(/resource/img/common/split/jive-icon-sprites-med.png) no-repeat -334px -16px;}
				#quickMenu{}
					#quickMenuList{}
			#notice{}
				#noticeTitle{}
					#noticeTitleImage{background:#fff url(/resource/img/common/split/jive-icon-sprites-med.png) no-repeat -272px -143px;}
				#noticeMenu{}
					#noticeMenuList{}
			#businessTime{background-color: #fff;text-align: center;}
				#timeName{border-bottom: 1px dashed #662323;font-weight: bold;padding:5px 0;margin: 0 5px;}
				#time{padding:10px 0;}
				#bussinessTimeName{border-bottom: 1px dashed #662323;font-weight: bold;padding:5px 0;margin: 0 5px;}
				#bussinessTime{padding:10px 0;}
			.sideBarMenuBox{border:1px dashed #5b8425;background:#fff url(/resource/img/common/split/button_reverse.jpg) repeat-x 0 0;margin-bottom:10px;}
				.sideBarTitle{padding:0 10px 5px 0;border-bottom:1px dashed #5b8425;margin:10px;}
				.sideBarMenu{}
					.sideBarMenuList{margin: 0; padding: 0;}
						.sideBarMenuItem{list-style-type: none;padding:2px 0 2px 10px;background:#fff url(/resource/img/common/split/down_arrow_icon.png) no-repeat 0 -193px;margin:5px 10px;}
						.sideBarMenuItem:hover{background:#fff url(/resource/img/common/split/down_arrow_icon.png) no-repeat 0 -286px;}
						.sideBarMenuItem a{text-decoration:none;color:#000;}
						.sideBarMenuItem a:hover{text-decoration:underline;}
	#footer{clear:both; padding-top: 10px;}
		#footerJoin{width:778px;height:120px;background:#fff url(/resource/img/common/world_in_hand.jpg) no-repeat 480px -70px;border:1px solid #5b8425;margin: 5px 0;}
			#footerJoinTable{margin:25px;height:48px;}
				#joinButton{padding:15px 40px;float:right;right: 215px;cursor: pointer;top: 12px;}
		#footerMenu{border-top:3px solid #5b8425;padding:15px 0;text-align:center;}
			#footerMenuList{margin: 0; padding: 0;}
				.footerMenuItem{display: inline;}
				.footerMenuItem a{text-decoration:none;color:#000;}
				.footerMenuItem a:hover{text-decoration:underline;}

/* Image */
a img{border:0;}
.cssImg{display:inline-block;width:21px;height:21px;vertical-align:top;}
.imgPencil{background:#fff url(/resource/img/common/split/jive-icon-sprites-med.png) no-repeat -461px -143px;}
.imgSendMail{background:#fff url(/resource/img/common/split/jive-icon-sprites-med.png) no-repeat -461px -848px;}
.dtImage{background:#fff url(/resource/img/common/split/jive-icon-sprites-med.png) no-repeat -16px -143px;}
.greenArrowUp	{width:16px;height:15px;display:inline-block;background:#fff url(/resource/img/common/split/greenArrow.gif) no-repeat 0 0;}
.greenArrowRight{width:16px;height:15px;display:inline-block;background:#fff url(/resource/img/common/split/greenArrow.gif) no-repeat 0 -14px;}
.greenArrowDown	{width:16px;height:15px;display:inline-block;background:#fff url(/resource/img/common/split/greenArrow.gif) no-repeat 0 -28px;}
.greenArrowLeft	{width:16px;height:15px;display:inline-block;background:#fff url(/resource/img/common/split/greenArrow.gif) no-repeat 0 -45px;}

/* headline */
h1{font-size:17px;}
h2{font-size:16px;}
h3{font-size:15px; margin-bottom:0;}
h4{font-size:13px;}
h5{font-size:11px;}
h6{}
.h1{font-size:13px;background: #9bb465;}
.h2{font-size:13px;background: #bbd485;}
.h1{font-size:13px;background: #bbd485;}
.h2{font-size:13px;background: #dbf4a5;}

/* Icon */
.ui-icon{display: inline-block !important;}

.tableStriped tbody tr:nth-child(odd){background: #eeeeee;}

/* border */
.border1px{border:1px solid #5b8425;}
.border3px{border:3px solid #5b8425;}
.padding10px{padding:10px 10px 10px 20px;}
.center{text-align:center; padding: 10px;}
.bgWhite{background-color: #fff;}

/* form Table*/
form ul.errorlist{padding-left: 0; color:red;}
form input[type="text"], form input[type="password"]{width: 95%;}
.formTable{border-collapse: collapse;}
.formTable caption{font-weight: bold;}
.formTable thead th{}
.formTable thead td{}
.formTable th{text-align: right; padding: 5px;}
.formTable td{text-align: left; padding: 5px;}
.formTableButton{padding: 1em 2em; margin: 10px auto; display: block !important;}

/* content */
#content{width:780px;font-size:13px;float:left;}
#content .dataTitle{font-size:15px;font-weight:bold;border-bottom:1px solid #5b8425;margin:20px 0;}
#content .dataDetail{font-size:13px;}
#content .dataDetail ul li{list-style-type: none;padding:2px 0 2px 15px;background:#fff url(/resource/img/common/split/icons.gif) no-repeat 0 -318px;}
#content .dataDetail ol li{margin:15px 0;background:#fff;}
#content .dataDetail dt{font-weight:bold;border-bottom:1px dashed #5b8425;margin: 1.5em 0 1em 0;padding:2px 0 2px 15px;background:#fff url(/resource/img/common/split/icons.gif) no-repeat 0 -318px;}
#content .tabBox{clear: both;}
#content .tabTitle{padding:3px 10px 3px 10px;margin-top: 5px;}
#content .solidBorderForDL{padding:0 10px 20px 20px;border:1px solid #5b8425;}
#content .noItemBox{text-align: center; padding: 200px;}

/* content Pure*/
#contentPure{font-size:13px; padding:0 100px;}
#contentPure .dataTitle{font-size:15px;font-weight:bold;border-bottom:1px solid #5b8425;margin:20px 0;}
#contentPure .dataDetail{font-size:13px;}
#contentPure .dataDetail ul li{list-style-type: none;padding:2px 0 2px 15px;background:#fff url(/resource/img/common/split/icons.gif) no-repeat 0 -318px;}
#contentPure .dataDetail ol li{margin:15px 0;background:#fff;}
#contentPure .dataDetail dt{font-weight:bold;border-bottom:1px dashed #5b8425;margin-bottom:10px;}
#contentPure .tabBox{}
#contentPure .tabTitle{padding:3px 10px 3px 10px;margin-top: 5px;}

/* forwardFlow */
.forwardFlowImageTable{margin: 0 auto;cell-spacing:10px;}
.forwardFlowImageTable .data{height:100px;width:110px;border:1px solid #5b8425;background:#fff url(/resource/img/common/split/button_reverse.jpg) repeat-x 0 0;text-align:center;padding:10px;margin:10px;}

/* forwardCharge */
#chargeTable{}
#chargeTable th{}
	.th_charge{height:60px;width:100%;padding:10px 0;}
#chargeTable td{padding:5px 10px;text-align: center;}
.gradientLayout{width:100%;padding:10px 0;}

/*shippable_territory*/
.ship_zone_table{border-collapse: collapse;}
.ship_zone_table th{text-align: left; width: 200px; padding: 0.7em;}
.ship_zone_table td{padding: 0.7em;}
.ship_zone_table .japNameTd{width:300px;}
.ship_zone_table .zoneTd{width:100px;}
.ship_zone_table td:nth-child(3){text-align: center;}

/*rates*/
.ratesTable{border-collapse: collapse;margin-bottom: 15px;}
.ratesTable, .ratesTable th, .ratesTable td{border: 1px #5B8425 solid}
.ratesTable thead{}
.ratesTable thead th{width: 70px; text-align: center}
.ratesTable thead td{}
.ratesTable th{text-align: right; padding: 5px}
.ratesTable td{padding: 5px;text-align: right}

/* contact */
#contactTable{width: 80%}

/* forwardInsurance */
.insuranceFee{float:left;width:39%;margin:0 5%}
.insuranceFee td{padding: 5px 10px;text-align:right;}

/* forwardPeriod */
#forwardPeriodTable{}
#forwardPeriodTable td{padding:10px;}


/* forwardNotice */
#forwardNoticeTable{}
#forwardNoticeTable th{padding:10px;}
#forwardNoticeTable td{padding:10px;}

/* MyPage Dashboard*/

/* myPageLogin */
#loginBox{width: 550px;margin:30px auto 30px;border: 3px solid #5b8425; padding: 10px 0 10px 70px;text-align: left; background: #fff url('/resource/img/common/world_in_hand.jpg') no-repeat right center;}
#loginButton{
	z-index: 2;
	position: relative;
	-moz-border-radius: 15px; /* FireFox */
	-webkit-border-radius: 15px; /* Safari and Chrome */
	border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

	behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
	width: 100%;
	padding: 10px 0;
	margin: 5px 0;
	display:inline-block;
}
#loginButton:hover{
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
#loginButton:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}
.cancelButton {text-decoration: underline;color: #00f;cursor: pointer;}
.cancelButton:active {top:1px;}
/* common */
#tr_list_label{}
.tr_list_value{}
.common_label{}
.common_value{}
.descriptBox{color: #aaa}
.buttonBox{text-align: center;padding: 20px;}
#messageBox{font-size: 1.3em;color: #faa}
#pagingBox{padding: 20px 10px; color: #5b8425; text-align: center;vertical-align: bottom;}

.contentBox{border: 3px double #5b8425}

.contentTable{border: 3px double #5b8425;}
.contentTable th{text-align: right;padding: 1em 0.5em;border-right:3px double #5b8425;border-bottom:1px solid #5b8425;background:#eee;width:200px;}
.contentTable td{text-align: left;padding: 1em 0.5em;border-bottom:1px solid #5b8425;}

.contentVList{border: 3px double #5b8425}
.contentVList th{text-align: center;border-bottom:3px double #5b8425;padding: 1em 0.5em;border-right:1px solid #5b8425;background:#eee;}
.contentVList td{text-align: center;padding: 1em 0.5em;border-right:1px solid #5b8425;border-bottom:1px dotted #5b8425;}



/* myPage�� �Ǽ��� ǥ���ϴ� ���̺�*/
.contentTable td .amountDetailTable{}
.contentTable td .amountDetailTable th{border:0;margin:0; padding: 0 5px 0 0; background-color: #ffffff;}
.contentTable td .amountDetailTable td{border:0;margin:0; padding: 0 0 0 5px;}