/* #5b8425 */
/* Layout */
body {
    font-family: "Lato", Arial, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic', system-ui, sans-serif !important;
    line-height: 1.6;
    letter-spacing: 0;
}
pre {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
body, form{margin: 0; padding: 0;}
#wrapper{width:1000px;margin: 0 auto;}
	#catchPhraseBox{border-bottom:3px solid #5b8425;}
	#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(../img/common/forward2u.jpg) no-repeat left top;padding:40px 0 0 150px;height:90px;_height:90px; cursor: pointer;}
			#logo h1 {margin: 0; width: 570px;font-size: 13px;line-height: 1.2em;}
			#logoImage{vertical-align: middle;}
			#logoText{}
		#headerMenu{margin-left:700px;text-align:right;margin-top: 3px;}
			#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{}
		#facebookPage{width: 500px; margin: 0 auto;}
		#indent{text-indent: -99999px;float:left;}
		#sideBar{width:190px;_width:190px;float:right;font-size:13px;}
			#quick{}
				#quickTitle{}
					#quickTitleImage{background:#fff url(../img/common/split/jive-icon-sprites-med.png) no-repeat -334px -16px;}
				#quickMenu{}
					#quickMenuList{}
			#lastId{}
				#lastIdTitleImage{background:#fff url(../img/common/split/jive-icon-sprites-med.png) no-repeat -15px -910px;}
				#lastIdMenu{color: #FF0000; font-size: x-large; font-weight: bold; text-align: center;}
			#notice{}
				#noticeTitle{}
					#noticeTitleImage{background:#fff url(../img/common/split/jive-icon-sprites-med.png) no-repeat -272px -143px;}
				#noticeMenu{}
					#noticeMenuList{}
			#businessTimeBox{background-color: #fff;margin-top: 10px;}
				#timeName{border-bottom: 1px dashed #662323;font-weight: bold;padding:5px 0;margin: 0 5px;}
				#time{padding:10px 0;}
				#businessTimeName{border-bottom: 1px dashed #662323;font-weight: bold;padding:5px 0;margin: 0 5px;}
				#businessTime{padding:10px 0;}
			.sideBarMenuBox{border:1px dashed #5b8425;background:#fff url(../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(../img/common/split/down_arrow_icon.png) no-repeat 0 -193px;margin:5px 10px;}
						.sideBarMenuItem:hover{background:#fff url(../img/common/split/down_arrow_icon.png) no-repeat 0 -286px;}
						.sideBarMenuItem a{text-decoration:none;color:#000;}
						.sideBarMenuItem a:hover{text-decoration:underline;}
	#tag{clear: both; width: 780px;}
	#footer{clear:both;margin-top: 10px;}
		#footerJoin{width:778px;height:120px;background:#fff url(../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;cursor: pointer;top: 6px;margin-left: 5px;}
		#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(../img/common/split/jive-icon-sprites-med.png) no-repeat -461px -143px;}
.imgSendMail{background:#fff url(../img/common/split/jive-icon-sprites-med.png) no-repeat -461px -848px;}
.dtImage{background:#fff url(../img/common/split/jive-icon-sprites-med.png) no-repeat -16px -143px;}
.greenArrowUp	{width:16px;height:15px;display:inline-block;background:#fff url(../img/common/split/greenArrow.gif) no-repeat 0 0;}
.greenArrowRight{width:16px;height:15px;display:inline-block;background:#fff url(../img/common/split/greenArrow.gif) no-repeat 0 -15px;}
.greenArrowDown	{width:16px;height:15px;display:inline-block;background:#fff url(../img/common/split/greenArrow.gif) no-repeat 0 -30px;}
.greenArrowLeft	{width:16px;height:15px;display:inline-block;background:#fff url(../img/common/split/greenArrow.gif) no-repeat 0 -45px;}

/* headline */
h1{font-size:17px;}
h2{font-size:16px;}
h3{font-size:15px;}
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;}

/*font*/
.font_red{color:red;}

/* 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{color:red; padding:0 1em;}
form input[type=text],
form input[type=password],
form input[type=number],
form input[type=email],
form input[type=tel],
form input[type=url],
form select, textarea {
	width: 100%;
	box-shadow: none;
	background: transparent;
	border: 2px solid rgba(0, 0, 0, 0.1);
	height: 46px;
	font-size: 16px;
	font-weight: 300;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 1.42857;
	color: #555555;
	border-radius: 4px;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s
}
form input:focus, form select:focus, textarea:focus {
	outline: none;
	box-shadow: none;
	border-color: #5b8425;
}
.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;}

/* content */
#content{}
#content .dataTitle{font-weight:bold;border-bottom:1px solid #5b8425;margin:20px 0;}
#content .dataDetail{}
#content .dataDetail ul li{list-style-type: none;padding:2px 0 2px 15px;background:#fff url(../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-bottom:10px;}
#content .tabBox{}
.tabTitle{padding:3px 10px 3px 10px;margin-top: 30px;}
#content .solidBorderForDL{padding:0 10px 20px 20px;border:1px solid #5b8425;}
#content .noItemBox{text-align: center; padding: 200px;}
#content .linkListBox a:hover { text-decoration: underline;}

/* 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(../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;}

/* po_box/flow */
#forwardFlowImageTable{margin: 0 auto; cell-spacing:10px;}
#forwardFlowImageTable .data{height:110px;width:110px;border:1px solid #5b8425;background:#fff url(../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;}

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

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

/* myPageLogin */
#loginBox{width: 550px;margin:30px auto 30px;border: 3px solid #5b8425; padding: 10px 0 10px 70px;text-align: left; background: #fff url('../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 */

	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');
}

.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span{
	width: 100% !important;
}

.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{margin:10px 0;text-align: center;}

.contentBox{border: 3px double #5b8425; padding: 1em;}
.contentBox li{padding-bottom: 1em;}
.contentTable{border: 3px double #5b8425; border-spacing: 0;}
.contentTable th{text-align: right;padding: 1em 0.5em;border-right:3px double #5b8425;border-bottom:1px solid #5b8425;background:#eee;width: 30%;}
.contentTable td{text-align: left;padding: 1em 0.5em;border-bottom:1px solid #5b8425;}
@media (max-width: 767px) {
	.contentTable.flex th, .contentTable.flex td {display: flex; flex-wrap: wrap}
	.contentTable.flex th{border-right: none;width: 100%; }
}
.contentVList{border: 3px double #5b8425; border-spacing: 0;}
.contentVList th{text-align: center;padding: 1em 0.5em;border-right:1px solid #5b8425;background:#eee;width: inherit;}
.contentVList td{text-align: center;padding: 1em 0.5em;border-right:1px solid #5b8425;border-bottom:1px dotted #5b8425;}


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

.button {
	width:100%;padding: 5px;cursor: pointer;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
}

#signUpButton, #myPageButton {
	width: auto;
	color: #fff;
}

.note {
	font-size: small;
	color: #bbb;
}


.fix-background {
	background-repeat: no-repeat !important;
	background-attachment: fixed !important;
	background-size: cover !important;
	background-position: 50% 0 !important;
}

.sectionBox dl:after {
	content: "";
	display: block;
	height: 3px;
	background-color: #5b8425;
	margin: 17px auto;
}

.contentTable button, #items button {
	margin: 0.5rem 0;
}