@charset "utf-8";

/*
	Site Name: 
	Description: initial setting
	Version: 
	Author: 
*/

/*
===== CONTENTS ===========================================
	
	0: IE6 ADD HOVER
	1: CLEARFIX
	2: EACH MODULE

==========================================================
*/

/*
===== 0: IE6 ADD HOVER ==========================================
*/

body { behavior:url("/css/csshover.htc");}

/*
===== 1: CLEARFIX ==========================================
*/
.clearfix{
	clear:both;
    zoom:1;/*for IE 5.5-7*/
}

.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

* html .clearfix{
	display:inline-table;
	/*\*/display:block;/**/
}

.clear {
	clear: both;
}

/*
===== 2: EACH MODULE ==========================================
*/
.pagetop{
	text-align:right;
	padding:1em;
}

/*
===== 3: FLOW MODULE ==========================================
*/
.flow {
	margin: 10px 0;
}

	.flow li {
		float: left;
		background-image: url(/img/member/common/ic_flow_arrow.gif);
		background-repeat: no-repeat;
		line-height: 1.3;
	}
	
	/* FLOW STEP 2STEP*/
	.step2 li {
		padding: 0 0 0 32px;
		background-position: 8px center;
		width: 435px;
	}
	
	/* FLOW STEP 3STEP*/
	.step3 li {
		padding: 0 0 0 31px;
		background-position: 8px center;
		width: 280px;
	}
	
	/* FLOW STEP 3STEP*/
	.step4 li {
		padding: 0 0 0 34px;
		background-position: 10px center;
		width: 200px;
	}
	
	/* FLOW STEP 4STEP MINI*/
	.step4Mini li {
		padding: 0 0 0 33px;
		background-position: 8px center;
		width: 135px;
	}
	
	/* FLOW STEP 5STEP*/
	.step5 li {
		padding: 0 0 0 33px;
		background-position: 8px center;
		width: 154px;
	}
	/* FLOW STEP 6STEP*/
	.step6 li {
		padding: 0 0 0 22px;
		background-position: 3px center;
		width: 130px;
	}
	/*
	.step6 li span.order {
		line-height:1.1;
		padding:4px 0;
	}
	*/
	
	/* FLOW STEP 5STEP*/
	.step7 li {
		padding: 0 0 0 22px;
		background-position: 4px center;
		width: 110px;
	}
	
	/* FLOW STEP 8STEP*/
	.step8 li {
		padding: 0 0 0 22px;
		background-position: 3px center;
		width: 110px;
	}
	.step8 li span.order {
		line-height:1.1;
		padding:4px 0;
	}	
	.flow li.first {
		padding: 0;
		background: none;
	}
	
		.flow li span {
			display: block;
			padding: 2px 0;
			border: 5px solid #e1e1e1;
			text-align: center;
		}
		
		.flow li.on span {
			border: 5px solid #E73600;
			background-color: #E73600;
			color: #FFF;
		}
		
		/* FLOW STEP 2STEP*/
		.step2 li span {
			padding: 10px;
		}
		
		/* FLOW STEP 3STEP*/
		.step3 li span {
			padding: 10px;
		}
		
		/* FLOW STEP 8STEP*/
		.step6 li span {
			padding: 10px 0;
		}
		/* FLOW STEP 8STEP*/
		.step7 li span {
			padding: 10px 0;
		}
		
		/* FLOW STEP 8STEP*/
		.step8 li span {
			padding: 10px 0;
		}
		
		/*.step8 li span.line2 {
			min-height: 2.6em;
			padding: 0.2em 0;
		}*/

/*
===== 3: FORM MODULE ==========================================
*/

.textBoxImeInactive {
	ime-mode: inactive;
}

.textBoxImeActive {
	ime-mode: active;
}

.limit5 {
	width: 50px;
}

.limit10 {
	width: 100px;
}

.limit20 {
	width: 200px;
}

.limit30 {
	width: 300px;
}

.limit40 {
	width: 360px;
	_width: 330px;
}

.limit50 {
	width: 400px;
}

.hidden {
	display: none;
}

form table th.necessary {
	padding-right: 5%;
	background-image: url(/img/member/common/ic_necessary.gif);
	background-repeat: no-repeat;
	background-position: 95% 1.3em;
}

div.history div#address th.necessary,
div.apply div#address th.necessary,
div.applyModel div#conf th.necessary,
div.apply div#conf th.necessary,
div.cart div#cartList div.confBox table th.necessary,
div.cart div#conf th.necessary,
div.history div#conf th.necessary{
	background-position: 95% 0.2em;
}

div#sender th.necessary,
div#message th.necessary{
	background-position: 95% 0.5em;
}
input.name,
input.prefect,
input.city,
input.houseNumber {
	padding: 2px;
	width: 400px;
}

input.post1 {
	padding: 2px;
	width: 2em;
}

input.post2,
input.tel {
	padding: 2px;
	width: 3em;
}

.btnInputAuto {
	float: left;
	display: block;
	overflow: hidden;
	width: 212px;
	height: 30px;
	background: url(/img/member/common/bt_postnumber.gif) 0 0 no-repeat;
}

	.btnInputAuto button {
		display: block;
		overflow: hidden;
		width: 212px;
		height: 30px;
		text-indent: -9999px;
		border: none;
		background: url(/img/member/common/bt_postnumber.gif) 0 0 no-repeat;
	}
	
	.btnInputAuto button:hover {
		background: url(/img/member/common/bt_postnumber.gif) 0 -30px no-repeat;
	}
	
	.postExe {
		display: block;
		float: left;
		padding: 0 0 0 10px;
		line-height: 30px;
	}

ul.bottomNavi {
}

	ul.bottomNavi li.sp30 {
		border-top: 30px solid #fff;
	}
	
	ul.bottomNavi li.sp25 {
		border-top: 25px solid #fff;
	}
	
	ul.bottomNavi li.sp15 {
		border-top: 15px solid #fff;
	}
	
	ul.bottomNavi li.goLoginTop {
		clear: both;
		margin: 0 auto 30px;
		overflow: hidden;
		width: 204px;
		height: 56px;
		background: url(/img/member/common/bt_logintop.gif) 0 0 no-repeat;
	}
	
		ul.bottomNavi li.goLoginTop a {
			display: block;
			overflow: hidden;
			width: 204px;
			height: 56px;
			background: url(/img/member/common/bt_logintop.gif) 0 0 no-repeat;
			text-indent: -9999px;
		}
		
		ul.bottomNavi li.goLoginTop a:hover {
			background: url(/img/member/common/bt_logintop.gif) 0 -56px no-repeat;
		}
	
	ul.bottomNavi li.goTop {
		clear: both;
		margin: 0 auto 30px;
		overflow: hidden;
		width: 204px;
		height: 56px;
		background: url(/img/common/btn/bt_home_corp.gif) 0 0 no-repeat;
	}
	
	ul.bottomNavi li.goTop a {
		display: block;
		overflow: hidden;
		width: 204px;
		height: 56px;
		text-indent: -9999px;
	}
	
	ul.bottomNavi li.goTop a:hover {
		background: url(/img/common/btn/bt_home_corp.gif) 0 -56px no-repeat;
	}
	
	li#btnHome {
		float: none;
		margin: 0 auto;
		overflow: hidden;
		width: 250px;
		height: 77px;
		background: url(/img/common/btn/bt_home.gif) 0 0 no-repeat;
	}
			
		li#btnHome a {
			display: block;
			overflow: hidden;
			width: 250px;
			height: 77px;
			text-indent: -9999px;
		}
		
		li#btnHome a:hover {
			background: url(/img/common/btn/bt_home.gif) 0 -77px no-repeat;
		}
		
	li#btnHome_co {
		float: none;
		margin: 0 auto;
		overflow: hidden;
		width: 204px;
		height: 56px;
		background: url(/img/common/btn/bt_home_corp.gif) 0 0 no-repeat;
	}
			
		li#btnHome_co a {
			display: block;
			overflow: hidden;
			width: 204px;
			height: 56px;
			text-indent: -9999px;
		}
		
		li#btnHome_co a:hover {
			background: url(/img/common/btn/bt_home_corp.gif) 0 -56px no-repeat;
		}
		
	li#btnHome_me {
		float: none;
		margin: 0 auto;
		overflow: hidden;
		width: 204px;
		height: 77px;
		background: url(/img/common/btn/bt_home.gif) 0 0 no-repeat;
	}
			
		li#btnHome_me a {
			display: block;
			overflow: hidden;
			width: 204px;
			height: 77px;
			text-indent: -9999px;
		}
		
		li#btnHome_me a:hover {
			background: url(/img/common/btn/bt_home.gif) 0 -77px no-repeat;
		}


/*
===== 3: LABEL MODULE ==========================================
*/

li span.label01 span span span,
li span.label02 span span span,
li span.label03 span span span,
li span.label04 span span span {
	color: #FFF;
	padding: 3px;
	line-height: 1;
	width: 7em;
	text-align: center;
}

/*=== label01 #57A9DC ===*/
li span.label01 {
	float: left;
	background-color: #57A9DC;
	background-image: url(/img/common/label/bg_n_label_01_a.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

	li span.label01 span { background: url(/img/common/label/bg_n_label_01_b.gif) right top no-repeat;}
		
	li span.label01 span span { background: url(/img/common/label/bg_n_label_01_c.gif) left bottom no-repeat;}
		
	li span.label01 span span span { background: url(/img/common/label/bg_n_label_01_d.gif) right bottom no-repeat;}

/*=== label02 #B6B600 ===*/
li span.label02 {
	float: left;
	background-color: #B6B600;
	background-image: url(/img/common/label/bg_n_label_02_a.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

	li span.label02 span { background: url(/img/common/label/bg_n_label_02_b.gif) right top no-repeat;}
		
	li span.label02 span span { background: url(/img/common/label/bg_n_label_02_c.gif) left bottom no-repeat;}
		
	li span.label02 span span span { background: url(/img/common/label/bg_n_label_02_d.gif) right bottom no-repeat;}

/*=== label03 #4AC2C2 ===*/
li span.label03 {
	float: left;
	background-color: #4AC2C2;
	background-image: url(/img/common/label/bg_n_label_03_a.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

	li span.label03 span { background: url(/img/common/label/bg_n_label_03_b.gif) right top no-repeat;}
		
	li span.label03 span span { background: url(/img/common/label/bg_n_label_03_c.gif) left bottom no-repeat;}
		
	li span.label03 span span span { background: url(/img/common/label/bg_n_label_03_d.gif) right bottom no-repeat;}
	
/*=== label04 #C00 ===*/
li span.label04  {
	float: left;
	background-color: #C00;
	background-image: url(/img/common/label/bg_n_label_04_a.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

	li span.label04  span { background: url(/img/common/label/bg_n_label_04_b.gif) right top no-repeat;}
	
	li span.label04 span span { background: url(/img/common/label/bg_n_label_04_c.gif) left bottom no-repeat;}
	
	li span.label04  span span span { background: url(/img/common/label/bg_n_label_04_d.gif) right bottom no-repeat;}

/*
===== 3: BOX INDEX MODULE ==========================================
*/

div.boxIndex {
	border: 1px solid #ccc;
	
	width: 864px;
	padding: 7px;
	min-height: 26px;
	background-color: #D4D8DE;
}


div.boxIndexHistory {
	width: 886px !important;
}

* html div.boxIndex {
	height: 26px;
}
	
	div.boxIndex div {
		margin-left: 20.5%;
		text-align: center;
	}

	div.boxIndex div.selectBox {
		float: left;
		margin-left: 0;
		padding: 4px 0 0;
		width: 100px;
		text-align: left;
	}
	
		div.boxIndex div.selectBox select {
			margin: 0 3px 0 0;
		}
	
		div.boxIndex div ul li {
			float: left;
		}
		
			div.boxIndex div ul li a {
				display: block;
			}
		
		div.boxIndex div ul li.first,
		div.boxIndex div ul li.last {
			display: block;
			overflow: hidden;
			width: 68px;
			height: 29px;
		}
		
		div.boxIndex div ul li.first {
			margin-right: 2px;
			background: url(/img/member/common/bt_index_first.gif) 0 0 no-repeat;
		}
		
		div.boxIndex div ul li.last {
			margin-left: 2px;
			background: url(/img/member/common/bt_index_last.gif) 0 0 no-repeat;
		}
		
			div.boxIndex div ul li.first a,
			div.boxIndex div ul li.last a {
				overflow: hidden;
				width: 68px;
				height: 29px;
				text-indent: -9999px;
			}
			
			div.boxIndex div ul li.first a:hover {
				background: url(/img/member/common/bt_index_first.gif) 0 -29px no-repeat;
			}
			
			div.boxIndex div ul li.last a:hover {
				background: url(/img/member/common/bt_index_last.gif) 0 -29px no-repeat;
			}
		
		div.boxIndex div ul li.back,
		div.boxIndex div ul li.next {
			display: block;
			overflow: hidden;
			width: 58px;
			height: 29px;
		}
		
		div.boxIndex div ul li.back {
			background: url(/img/member/common/bt_index_back.gif) 0 0 no-repeat;
		}
		
		div.boxIndex div ul li.next {
			margin-left: 4px;
			background: url(/img/member/common/bt_index_next.gif) 0 0 no-repeat;
		}
		
			div.boxIndex div ul li.back a,
			div.boxIndex div ul li.next a {
				overflow: hidden;
				width: 58px;
				height: 29px;
				text-indent: -9999px;
			}
			
			div.boxIndex div ul li.back a:hover {
				background: url(/img/member/common/bt_index_back.gif) 0 -29px no-repeat;
			}
			
			div.boxIndex div ul li.next a:hover {
				background: url(/img/member/common/bt_index_next.gif) 0 -29px no-repeat;
			}
			
		div.boxIndex div ul li.selectPage {
			padding: 1px 0 0;
		}
			
			div.boxIndex div ul li ol li {
				margin-left: 3px;
				min-width: 23px;
				min-height: 23px;
				border: 1px solid #999;
				background-color: #fff;
				text-align: center;
			}
			
			* html div.boxIndex div ul li ol li {
				width: 23px;
				height: 23px;
			}
			
			div.boxIndex div ul li ol li.on {
				background-color: #c00;
				color: #FFF;
			}
			
				div.boxIndex div ul li ol li a {
					display: block;
					min-height: 23px;
					min-width: 23px;
				}
				
				* html div.boxIndex div ul li ol li a {
					width: 23px;
					height: 23px;
				}
				
/*
===== 4: ERROR MODULE ==========================================
*/

p.error {
	clear: both;
	line-height: 1.4;
	margin-bottom:3px;
}

p.error strong {
/*	display: block;*/
/*	padding: 0 0 5px;*/
	padding:2px;
	color: #c00;
	font-weight: bold;
	background-color:#FEFF80;
}

.error input,
.error select,
.error textarea {
	background-color: #fcc;
}


/*
===== 4: BUTTON MODULE ==========================================
*/

button {
	cursor: pointer;
	border: none;
}

button.replace {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}

a.replace {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	height:39px;
}


h3.orderNumTitle {
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-right:none;
	padding:3px 15px;
	font-size: 125% !important;
	color:#fff;
	clear:both;
	background-color:#990000;
}