@charset "UTF-8";

/*****************************
	detail.css
	個別設定用CSS

	01: 共通設定
	02: 会員登録
	03: マイページ
	04: 購入

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


/* =01 共通設定
-------------------------- */
html {
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
#main_contents {
	width:730px;
	margin:55px 0 0 0;
	float:right;
}
#customer_menu {
	width:200px;
	float:left;
	padding:5px 0;
}
.headLine {
	width:920px;
	margin:0 auto;
	position:relative;
}
h2 {
	font-size:16px;
	font-weight:bold;
	border-left:5px solid #124F91;
	margin:0 0 15px 0;
	padding:2px 0 2px 5px;
}
h3{
	font-size:1em;
	font-weight:bold;
	margin:0 0 0 0;
	padding:5px 0 0 0;
	color:#0096b2;
	clear:both;
}
h4 {
	font-size:14px;
	font-weight:bold;
	margin:0 0 15px 0;
	padding:2px 0 2px 5px;
}
input {
	border:0;
	padding:2px;
	font-family:Arial, sans-serif;
	border:solid 1px #ccc;
	margin:0 0 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display:inline;
	vertical-align: middle;
}
input[type=checkbox] {
	width: 20px;
	height: 20px;
	vertical-align:-0.7em;
	border: none;
}

input:focus,
button:focus {
	outline: none;
}

/*////2019.07.23 ADD START////*/
#mypage h2{
	font-size:18px;
}
#main_contents h2{
	border-bottom:1px solid #124F91;
}
/*////2019.07.23 ADD END  ////*/
/*******************************************************/
/* フローチャート */ 
/*******************************************************/
/* 登録情報の確認・変更 */
.infoWorkFlow {
	background:url("../../images/work_flow/info_update/workflow_back.png") no-repeat;
	width:730px;
	height:35px;
	padding-left:1px;
	position:relative;
}
.infoWorkFlow div{
	padding-top:6px;
}
.infoWorkFlow div.step1 {
	width:160px;
	height:33px;
	float:left;
	text-align:center;
	position:absolute;
	top:1px;
}
.infoWorkFlow div.grayBack1 {
	background:url("../../images/work_flow/info_update/g_workflow1.png") no-repeat;
}
.infoWorkFlow div.step2 {
	width:162px;
	height:33px;
	float:left;
	text-align:center;
	position:absolute;
	top:1px;
	left:151px;
}
.infoWorkFlow div.grayBack2 {
	background:url("../../images/work_flow/info_update/g_workflow2.png") no-repeat;
}
.infoWorkFlow div.grayBack2_2 {
	background:url("../../images/work_flow/info_update/g_workflow2-2.png") no-repeat;
}
.infoWorkFlow div.step3 {
	width:426px;
	height:33px;
	float:left;
	text-align:left;
	position:absolute;
	top:1px;
	right:2px;
}
.infoWorkFlow div.grayBack3 {
	background:url("../../images/work_flow/info_update/g_workflow3.png") no-repeat;
}
.infoWorkFlow .step3 span {
	padding-left:30px;
}

/* 会員登録（法人・個人） */
.regiWorkFlow {
	background:url("../../images/work_flow/member_regi/workflow_back.png") no-repeat;
	width:930px;
	height:35px;
	padding-left:1px;
	position:relative;
	font-size: 13px;
}
.regiWorkFlow div{
	padding-top:8px;
	text-align:center;
}
.regiWorkFlow div.step1 {
	background:url("../../images/work_flow/member_regi/g_workflow1.png") no-repeat;
	width:101px;
	height:28px;
	float:left;
	text-align:center;
	position:absolute;
	top:1px;
}
.regiWorkFlow div.step2 {
	width:160px;
	height:33px;
	float:left;
	text-align:center;
	position:absolute;
	top:1px;
	left:92px;
}
.regiWorkFlow div.grayBack2 {
	background:url("../../images/work_flow/member_regi/g_workflow2.png") no-repeat;
}
.regiWorkFlow div.step3 {
	width:160px;
	height:33px;
	float:left;
	text-align:left;
	position:absolute;
	top:1px;
	left:245px;
}
.regiWorkFlow div.grayBack3 {
	background:url("../../images/work_flow/member_regi/g_workflow3.png") no-repeat;
	left:242px;
}
.regiWorkFlow div.grayBack3_2 {
	background:url("../../images/work_flow/member_regi/g_workflow3-2.png") no-repeat;
}
.regiWorkFlow div.step4 {
	width:172px;
	height:33px;
	float:left;
	text-align:left;
	padding-left:30px;
	position:absolute;
	top:1px;
	left:380px;
}
.regiWorkFlow div.grayBack4 {
	background:url("../../images/work_flow/member_regi/g_workflow4-2.png") no-repeat;
}
.regiWorkFlow div.step5 {
	width:392px;
	height:33px;
	float:left;
	text-align:left;
	padding-left:20px;
	position:absolute;
	top:1px;
	right:-19px;
}
.regiWorkFlow div.grayBack5 {
	background:url("../../images/work_flow/member_regi/g_workflow5.png") no-repeat;
}
.regiWorkFlow .step3 span {
	padding-left:34px;
}


/*******************************************************/
/* 共通 */
/*******************************************************/
.reg_con:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}
.reg_con {
	width:925px;
	margin:0 auto 20px;
	border:1px #ccc solid;
}
.reg_con h3 {
	background:#e0e0e0;
	padding:7px 10px;
	font-weight:bold;
	color:#0096b2;
	font-size:18px !important;
	margin:0;
}
.corp_upd {
	font-weight:bold;
	color:#0096b2;
	font-size:18px !important;
	margin:0;
}
html*#CustomerEmail,
html*#CustomerEmailConf {
	width: 330px;
}
*:first-child+html #mail_btn {
	width: 100px;
}
div.buyhistory_refine ,
div.estimate_refine {
	background: #e0e0e0;
	padding: 10px;
	margin-left: 10px;
}
.historyContents p {
	margin-left: 10px;
}


/* =02 会員登録
-------------------------- */
/* フォームテーブル */
.reg_item:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}
.reg_item {
	margin:0 auto;
	padding:20px 0;
	border-spacing:1px;
}
.reg_item th {
	clear:both;
}
.reg_item th {
	width:190px;
	background:#e0e0e0;
	font-weight:normal;
	vertical-align:top;
	text-align:left;
	padding:5px 10px;
}
.reg_item th span.req {
	float:right;
	color:#fff;
	font-weight:bold;
	font-size:0.9em;
	background:#f00;
	padding:0 3px;
	margin-top:3px;
	height:15px;
	line-height:140%;
}
.reg_item td {
	width:660px;
	padding:2px 10px 5px;
}
.reg_item td .cau {
	margin:0;
	font-size:0.9em;
	line-height:140%;
}
.reg_item td span {
	margin-left:10px;
	font-size:0.9em;
}
.reg_item td input.email {
	padding:5px;
	font-size:1.1em;
}
.reg_item td.fl div {
	display:inline;
}
.reg_item  input[type="text"],.reg_item  input[type="password"],.search  input[type="text"] {
	border:1px #999 solid;
	padding:2px;
}
.reg_con dd .terms_area {
	width:933px;
	height:170px;
}
.reg_con dd .terms_area p {
	margin:0 10px;
	font-size:0.8em;
}
.reg_con .search_btn {
	text-align:right;
	margin:-30px 5px 20px 0;
}
.reg_con .search_btn button {
	border:none;
	font-size:1em;
	margin:0 auto;
	cursor:pointer;
}
.reg_con .search_btn button:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
#re_search_btn {
	background:url("../../images/blue_btn2.png") no-repeat;
	width:89px;
	height:24px;
}
#new_ac_btn {
	background:url("../../images/blue_btn5.png") no-repeat;
	width:164px;
	height:25px;
}
.submit {
	width:210px;
	margin:30px auto;
}
.submit input,
.submitBtn input {
	background:url("../../images/btn_orange_01.png") no-repeat;
	width:240px;
	height:50px;
	border:none;
	font-weight:bold;
	font-size:16px;
	margin:0 auto;
	cursor:pointer;
	color:#ffffff;
}
.submit input:hover,
.submitBtn input:hover {
	background:url("../../images/btn_orange_01_shadow.png") no-repeat;
}
.personalUpdSubmitBtn input,
.courpUpdSubmitBtn input {
	background:url("../../images/btn_blue_01.png") no-repeat;
	width:240px;
	height:50px;
	border:none;
	font-weight:bold;
	font-size:16px;
	margin:0 auto;
	cursor:pointer;
	color:#ffffff;
}
.personalUpdSubmitBtn input:hover,
.courpUpdSubmitBtn input:hover {
	background:url("../../images/btn_blue_01_shadow.png") no-repeat;
}
div.loginInfoUpd div.submit input,
.changeCompBtn input{
	background:url("../../images/btn_blue_01.png") no-repeat;
	width:240px;
	height:50px;
	border:none;
	font-weight:bold;
	font-size:16px;
	margin:0 auto;
	cursor:pointer;
	color:#ffffff;
}
div.loginInfoUpd div.submit input:hover,
.changeCompBtn input:hover {
	background:url("../../images/btn_blue_01_shadow.png") no-repeat;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}
#conf .submit input:hover,
#conf .submitBtn input:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}
/* ▼UPD 2015.04.15 R.Kato */
.back_btn input {
	background:url("../../images/btn_gray_06.png") no-repeat;
	width:210px;
	height:50px;
	border:none;
	font-weight:bold;
	font-size:16px;
	margin:0 auto;
	cursor:pointer;
	color:#000000;
}
.back_btn input:hover{
	background:url("../../images/btn_gray_06_shadow.png") no-repeat;
}
/* ▲UPD 2015.04.15 R.Kato */

.regist_btn:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}
.regist_btn {
	margin:0 auto;
	width:500px;
}
.regist_btn li {
	margin:0 auto;
	float:left;
	width:210px;
	margin-left:20px;
}
.regist_btn li.coup_reg  {
	margin:0 auto;
	float:right;
	width:210px;
	margin-right:20px;
}
.regist_btn2:after{display:block;margin-top:-1px;height:1px;content:"";clear:both;}
.regist_btn2 {
	margin:0 auto;
	width:210px;
}
.regist_btn2 li {
	margin:0 auto;
	float:left;
	width:210px;
	margin-left:20px;
}
.regist_btn2 li.coup_reg  {
	margin:0 auto;
	float:right;
	width:210px;
	margin-right:20px;
}
.reg_info_area {
	width:900px;
	padding:1px 0;
	margin:0 auto;
	color:blue;
}
.reg_info_area p {
	text-align:center;
}
.reg_info_area > .error-message {
	text-align:center;
	margin-top:-15px;
}
.useConsent {
	background:#F0F0F0;
	width:900px;
	margin-left:10px;
}
.useConsent p {
	text-align:center;
	padding-top:15px;
}

/* Chrome, Opera */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
	div.useConsent input[type=checkbox] {
		width: 30px;
		height: 30px;
		vertical-align:-0.7em;
	}
}
/* IE8 */
div.useConsent input[type=checkbox] {
	width: 30px\9;
	height: 30px\9;
	vertical-align:-0.7em\9;
}
/* IE9 */
:root div.useConsent input[type=checkbox] {
	width: 30px;
	height: 30px;
	vertical-align:-0.7em;
}
/* IE10 */
@media all and (-ms-high-contrast:none){
	div.useConsent input[type=checkbox] {
		width: 30px;
		height: 30px;
		vertical-align:-0.7em;
	}
}
/* IE11 */
@media all and (-ms-high-contrast:none){
	div.useConsent input[type=checkbox] {
		width: 30px;
		height: 30px;
		vertical-align:-0.7em;
	}
}
/* safari */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
	div.useConsent input[type=checkbox] {
		-webkit-transform-origin: right bottom;
		-webkit-transform: scale( 3 , 3 );
	}
}
*/
/* FireFox */
/*
@-moz-document url-prefix() {
	div.useConsent input[type=checkbox] {
		margin-top:0px;
		margin-bottom:0px;
		-moz-transform-origin: right bottom;
		-moz-transform: scale( 3 , 3 );
		vertical-align: -10.5px
	}
	.useConsent {
		height: 60px;
		padding-top: 1px;
	}
	.useConsent p{
		height: 100px;
	}
}
*/
#terms_area {
	height:170px;
	padding:1px;
}
#terms_area pre {
	margin:5px;
	white-space: pre-wrap
}
.go_mypage {
	background:url("../../images/blue_btn3.png") no-repeat;
	width:156px;
	height:30px;
	text-align:center;
	padding:5px 0 0 0;
	margin:5px 0 30px 15px;
	font-weight:normal;
}
.go_mypage a {
	display:block;
	width:156px;
	height:30px;
	text-decoration:none;
	color:#000;
}


/* 会社検索 */
.search {
	width:460px;
	float:left;
	margin:20px;
}
.search p {
	margin:0 0 10px;
}
.search h4 {
	color:#0096b2;
	font-weight:bold;
	margin:0;
}
.search button {
	background:url("../../images/blue_btn1.png") no-repeat;
	width:59px;
	height:24px;
	text-align:center;
	font-weight:normal;
	font-size:1em;
	border:none;
	cursor:pointer;
}
.search button:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
.search .cau {
	font-size:0.9em;
	margin:0;
}
.search .cau span {
	color:#cc3300;
}
.result {
	width:380px;
	float:right;
	background:#e0e0e0;
	margin:0 10px 10px 0;
	margin:20px;
	display:none;
}
.result .result_mds {
	font-weight:bold;
	font-size:14px;
	color:#0096b2;
	padding:10px 10px 5px;
	margin:0;
}
.result li {
	padding:0 10px 10px 20px;
	margin:0;
	line-height:120%;
}
.result hr {
	border:0;
	height:0;
	border-top:1px #fff solid;
	border-bottom:1px #ccc solid;
	margin:5px 5px 10px 5px;
	padding:0;
	clear:both;
}
.result button {
	background:url("../../images/blue_btn1.png") no-repeat;
	width:59px;
	height:24px;
	text-align:center;
	font-weight:normal;
	font-size:1em;
	border:none;
	cursor:pointer;
	float:right;
	margin-top:-8px;
}
.result p button {
	background:url("../../images/blue_btn3.png") no-repeat;
	width:156px;
	height:30px;
	margin-bottom:10px;
	margin-right:10px;
}
.result button:hover,
.result p button:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

/* 各フォームテーブル個別指定 */
.regist_sup {
	width:880px;
}
.mypage_sup {
	width:700px;
	padding:0;
	font-size:1em;
}
.mypage_sup td {
	width:450px;
}


/* =03 マイページ
-------------------------- */
/* サイドメニュー */
#customer_menu p {
	padding:5px 10px;
	margin:0;
}
#customer_menu hr {
	border:0;
	height:0;
	border-top:1px #fff solid;
	border-bottom:1px #ccc solid;
	margin:5px 10px 10px 10px;
	padding:0;
	clear:both;
}
#customer_menu ul {
	margin:0 auto;
	width:200px;
}
#customer_menu .logout {
	background:url("../../images/gray_btn3.png") no-repeat;
	width:156px;
	height:30px;
	text-align:center;
	padding:5px 0 0 0;
	margin:0 auto;
	font-weight:normal;
}
#customer_menu li.btnMenuCart a {
	display:table-cell;
	text-decoration:none;
	vertical-align: middle;
	width:200px;
	height:50px;
}
#customer_menu li.btnMenuGrayS a,
#customer_menu li.btnMenuGrayS_on a {
	display:table-cell;
	text-decoration:none;
	vertical-align: middle;
	width:200px;
	height:45px;
}
#customer_menu li.btnMenuGrayL a,
#customer_menu li.btnMenuGrayL_on a {
	display:table-cell;
	text-decoration:none;
	vertical-align: middle;
	width:195px;
	height:82px;
}
#customer_menu li.btnMenuGrayS a,
#customer_menu li.btnMenuGrayL a,
#customer_menu li.btnMenuGrayS_on a,
#customer_menu li.btnMenuGrayL_on a {
	color:#000000
}
#customer_menu ul li {
	margin-bottom:8px;
}

/* ▼UPD 2015.04.14 R.Kato */
#customer_menu ul li.btnMenuCart {
	background:url("../../images/menu/btn_menu_cart.png") no-repeat;
	height:50px;
	font-size:14px;
	text-align: center;
}
#customer_menu ul li.btnMenuCart:hover {
	background:url("../../images/menu/btn_menu_cart_shadow.png") no-repeat;
}
#customer_menu ul li.btnMenuGrayS {
	background:url("../../images/menu/btn_menu_gray_s.png") no-repeat;
	width:200px;
	height:45px;
	font-size:14px;
	text-align:left;
	vertical-align:middle;
}
#customer_menu ul li.btnMenuGrayS:hover {
	background:url("../../images/menu/btn_menu_gray_s_shadow.png") no-repeat;
}
#customer_menu ul li.btnMenuGrayS_on {
	background:url("../../images/menu/btn_menu_gray_s_on.png") no-repeat;
	width:200px;
	height:45px;
	font-size:14px;
	text-align:left;
	vertical-align:middle;
}
#customer_menu ul li.btnMenuGrayS_on:hover {
	background:url("../../images/menu/btn_menu_gray_s_on_shadow.png") no-repeat;
}
#customer_menu ul li.btnMenuGrayL {
	background:url("../../images/menu/btn_menu_gray_l.png") no-repeat;
	width:200px;
	height:80px;
	font-size:14px;
	text-align:left;
	vertical-align:middle;
}
#customer_menu ul li.btnMenuGrayL:hover {
	background:url("../../images/menu/btn_menu_gray_l_shadow.png") no-repeat;
}
#customer_menu ul li.btnMenuGrayL_on {
	background:url("../../images/menu/btn_menu_gray_l_on.png") no-repeat;
	width:200px;
	height:80px;
	font-size:14px;
	text-align:left;
	vertical-align:middle;
}
#customer_menu ul li.btnMenuGrayL_on:hover {
	background:url("../../images/menu/btn_menu_gray_l_on_shadow.png") no-repeat;
}
div.iconOrder {
	background:url("../../images/menu/icon_order.png") no-repeat;
	width:10px;
	height:14px;
}
div.iconEntry {
	background:url("../../images/menu/icon_entry.png") no-repeat;
	width:13px;
	height:14px;
}
div.iconLogout {
	background:url("../../images/menu/icon_logout.png") no-repeat;
	width:14px;
	height:14px;
}
/* ▲UPD 2015.04.14 R.Kato */

#customer_menu ul {
	padding-left: 0;
	margin-left: 0;
}
#customer_menu ul li {
	margin-left: 0;
	padding-left: 0;
	list-style-position:outside;
}
#customer_menu span.subTitle {
	margin: 4px;
	font-size:16px;
}
#customer_menu span.sidemenuBtnTitle {
	margin: 8px;
}
#customer_menu span.sidemenuBtnTitle2 {
	margin: 5px;
}
#customer_menu ul.shoppingCart span.sidemenuBtnTitle {
	color:#ffffff;
}


/* 納入先 */
.destination:after {
	display:block;
	margin-top:-1px;
	height:1px;
	content:"";
	clear:both;
}
.destination li {
	width:290px;
	float:left;
	background:#e0e0e0;
	margin:0 10px 10px 0;
	padding:5px 0 3px 0;
}
.destination p {
	font-weight:bold;
	padding:5px 10px 0;
	margin:0;
}
.destination p .default_btn button {
	background:url("../../images/blue_btn2.png") no-repeat;
	width:89px;
	height:24px;
	font-size:0.9em;
	font-weight:normal;
	text-align:center;
	float:right;
	margin-top:-3px;
	border:none;
	cursor:pointer;
}
.destination hr {
	border:0;
	height:0;
	border-top:1px #fff solid;
	border-bottom:1px #ccc solid;
	margin:5px 5px 10px 5px;
	padding:0;
	clear:both;
}
.destination .addr {
	font-weight:normal;
	margin:0 0 0 0;
	padding:5px 0 5px 15px;
	clear:both;
	line-height:130%;
}
.destination li ul.edit_btn:after {
	display:block;
	margin-top:-1px;
	height:1px;
	content:"";
	clear:both;
}
.destination li ul.edit_btn {
	clear:both;
	margin-top:-15px;
}
.destination li ul.edit_btn li {
	width:59px;
	height:24px;
	float:right;
	margin:0 5px 0 0;
}
.destination .edit_btn button {
	background:url("../../images/blue_btn1.png") no-repeat;
	width:59px;
	height:24px;
	font-size:0.9em;
	text-align:center;
	border:none;
	margin:0 auto;
	cursor:pointer;
}

/* ▼UPD 2015.04.14 R.Kato */
.new_address_btn button {
	clear:both;
	background:url("../../images/btn_blue_02.png") no-repeat;
	width:220px;
	height:45px;
	font-size:14px;
	text-align:center;
	border:none;
	margin:0 auto;
	cursor:pointer;
	color:#ffffff;
}
.new_address_btn button:hover {
	background:url("../../images/btn_blue_02_shadow.png") no-repeat;
}
/* ▲UPD 2015.04.14 R.Kato */

#regist .edit_btn {
	margin:10px 0;
}
#regist .edit_btn li{
	float:left;
	height:30px;
	margin:0 5px 0 0;
}
#regist .edit_btn button {
	clear:both;
	background:url("../../images/blue_btn3.png") no-repeat;
	width:156px;
	height:30px;
	font-size:1em;
	text-align:center;
	border:none;
	margin:0 auto;
	cursor:pointer;
}


/* 登録フォーム */
#new_address .submit {
	width:160px;
	margin:10px 0;
}

/* ▼UPD 2015.04.14 R.Kato */
#new_address input[type=submit] {
	background:url("../../images/btn_blue_01.png") no-repeat;
	width:240px;
	height:50px;
	border:none;
	font-weight:normal;
	font-size:14px;
	margin:0 auto;
	cursor:pointer;
	color:#ffffff;
}
#new_address input[type=submit]:hover {
	background:url("../../images/btn_blue_01_shadow.png") no-repeat;
}
/* ▲UPD 2015.04.14 R.Kato */

#regist .edit_btn button:hover,
#new_address input[type=submit]:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}


/* 購入履歴 */
.filter_tle {
	float:left;
	width:120px;
	margin-top: 3px;
}
.filter:after{
	display:block;
	margin-top:-1px;
	height:1px;
	content:"";
	clear:both;
}
.filter {
	margin-top:3px;
}
.filter li {
	float:left;
	margin-right:20px;
}
/* ▼UPD 2015.04.20 */
.filter_clr {
	background:url("../../images/btn_gray_01.png") no-repeat;
	width:160px;
	height:36px;
	text-align:center;
	float:right;
	margin-top:-32px;
}
.filter_clr:hover {
	background:url("../../images/btn_gray_01_shadow.png") no-repeat;
}
span.filter_tle {
	width:140px;
	padding-top:3px;
}
.filter li div select {
	width:100px;
	height:25px;
}
.filter li div select.long {
	width:125px;
	height:25px;
}
.filter_clr a {
	display:block;
	width:160px;
	height:36px;
	text-decoration:none;
	color:#000;
	line-height: 36px;
}
.filter_clr a:hover {
	text-decoration:none;
	color:#000;
}
.filter_clr a:link {
	color: #000000;
}
.filter_clr a:visited {
	color: #000000;
}
/* ▲UPD 2015.04.20 */
.his_mds, .lead_mds{
	font-weight:bold;
	margin-bottom:0;
	clear:both;
	margin-left: 10px
}
.order_info {
	clear:both;
	margin:0 0 20px 20px;
}
.order_info dt {
	float:left;
	width:65px;
}


/* 購入履歴テーブル */
.history_item {
	clear:both;
	width:730px;
	border-collapse:separate;
	border-spacing:0px;
	text-align:center;
}


/* 出荷可能日確認履歴テーブル */
.lead_history_item {
	clear:both;
	width:730px;
	border-collapse:separate;
	border-spacing:0px;
	text-align:center;
}
.history_item th, .lead_history_item th {
	background:#e0e0e0;
	font-weight:normal;
	padding:3px 0;
}
#order {
	margin-left: 10px;
}
.history_item tr th, .lead_history_item tr th {
	border-top:1px #cccccc solid;
	border-left:1px #cccccc solid;
	border-bottom:1px #cccccc solid;
	height: 30px;
	font-weight:bold;
}
.history_item tr td, .lead_history_item tr td {
	border-left:1px #cccccc solid;
	border-bottom:1px #cccccc solid;
	height: 45px;
	font-size: 13px;
}
.history_item tr th.tableRight, .history_item tr td.detail, 
.lead_history_item tr th.tableRight, .lead_history_item tr td.detail {
	border-right:1px #cccccc solid;
}
.lead_history_item tr td span.answerSituation {
	color:#ff0000;
}
.history_item td.detail , .lead_history_item td.detail{
	width:110px;
}

#estimate_input_area #check_btn{
    background: url("../../images/btn_blue_08.png") no-repeat;
    width: 220px;
    height: 50px;
    text-align: center;
    cursor: pointer;
    border: none;
    color: #FFFFFF;
    margin: 0 0 20px 10px;
    font-size: 14px;
}
#estimate_input_area #check_btn:hover{
	background: url("../../images/btn_blue_08_shadow.png") no-repeat;
}

.history_item td.detail button{
	background:url("../../images/btn_blue.png") no-repeat;
	width:90px;
	height:30px;
	text-align:center;
	cursor:pointer;
	border:none;
	color:#FFFFFF;
}
.history_item td.detail button:hover{
	background:url("../../images/btn_blue_shadow.png") no-repeat;
}
.lead_history_item td.detail button.leadDetail{
	background:url("../../images/btn_gray.png") no-repeat;
	width:102px;
	height:39px;
	text-align:center;
	cursor:pointer;
	border:none;
	color:#000000;
	line-height: 50%;
}
/* ▼UPD 2015.04.15 */
.lead_history_item td.detail button.leadDetail:hover {
	background:url("../../images/btn_gray_shadow.png") no-repeat;
}
/* ▲UPD 2015.04.15 */
.totalRight {
	text-align: right;
	padding: 0 5px 0 0;
}
.historyCart {
	width: 100px;
}
.historyDate {
	width: 250px;
}
.historyTotal {
	width: 100px;
}
.historyState {
	width: 90px;
}
.lead_history_item td.detail button.leadDetailOrder{
	background:url("../../images/btn_orange.png") no-repeat;
	width:90px;
	height:28px;
	text-align:center;
	cursor:pointer;
	border:none;
	color:#FFFFFF;
	line-height: 50%;
}
.lead_history_item td.detail button.leadDetailOrder:hover{
	background:url("../../images/btn_orange_shadow.png") no-repeat;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}


/* その他 */
p.outline {
	margin:10px 15px;
	clear:both;
}
p.attention{
	margin:20px 15px;
}
p.caution {
	color:#f00;
	margin:20px 15px;
}
.error-message {
	color:red;
	font-weight:bold;
}
.success-message {
	color:#02bb80;
	font-weight:bold;
	margin-left:5px;
}
.change_btn input {
	float:right;
	margin-top:10px;
	background:url("../../images/blue_btn3.png") no-repeat;
	width:156px;
	height:30px;
	text-align:center;
	border:none;
	margin:-49px auto 0;
	cursor:pointer;
}
.change_btn input:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}


/* 余白 */
.mabo10 {
	margin-bottom:10px;
}
.mabo20 {
	margin-bottom:20px;
}
.mabo30 {
	margin-bottom:30px;
}
.mato20 {
	margin-top:20px;
}
.red_bold {
	font-weight:bold;
	color:#c00;
}
.lead_history_cart{
	width:90px;
}
.lead_history_date{
	width:180px;
}
.lead_history_total{
	width:90px;
}
.lead_history_state{
	width:120px;
}

.bold {
font-weight: bold;
}


/*******************************************************/
/* 登録情報の確認・変更 表示 */
/* ログイン情報の確認・変更 */
/*******************************************************/
.infoSection {
	width:700px;
	border:1px #cccccc solid;
	border-radius:4px;
	margin-left:10px;
	margin-bottom:40px;
	padding-bottom: 10px;
}
.infoSection input[type="text"],
.infoSection input[type="password"] {
	height:27px;
	margin: 0 1px 0 0;
}
.infoSection th{
	width:230px;
	text-align:left;
}
.infoSection hr{
	height:1px;
	width:670px;
	border: none;
	background-color:#cccccc;
	color:#cccccc;
}
.infoSectionHeader {
	height:40px;
	background-color:#F0F0F0;
	border-radius:4px 4px 0 0;
	margin-bottom: 10px;
}
.updSectionHeader {
	height:40px;
	background-color:#F0F0F0;
	border-radius:4px 4px 0 0;
	padding: 0;
	padding-left:10px;
	margin-bottom: 10px;
	color:#000000;
	font-size:15px;
	line-height: 40px;
}
.infoSectionContents,
.confSectionContents {
	vertical-align:middle;
}
.headerTable {
	height:40px;
	width:680px;
	margin-left:10px;
}
.headerTable th {
	font-size:15px;
	font-weight:bold;
}
.infoSectionContents .contentsTable {
	height:50px;
	width:680px;
	margin-left:30px;
}
.infoSectionContents .contentsTable th {
	font-size:14px;
	font-weight:normal;
}
.infoSectionContents .contentsTable td {
    text-align: left;
    overflow-wrap: break-word;
    word-break: break-all;
    white-space: normal;
}
.confSectionContents .contentsTable {
	height:40px;
	width:620px;
	margin-left:30px;
}
.confSectionContents .contentsTable th {
	font-size:14px;
	font-weight:normal;
}
.confSectionContents .contentsTable td {
    text-align: left;
    overflow-wrap: break-word;
    word-break: break-all;
    white-space: normal;
}

/*******************************************************/
/* 会員登録（法人・個人） */
/*******************************************************/
.regiSection {
	width:900px;
	border:1px #cccccc solid;
	border-radius:4px;
	margin-left:10px;
	margin-bottom:40px;
}
.regiSection input[type=text], 
.regiSection input[type=password]{
	height:27px;
	margin: 0 auto;
}
.regiSection th{
	width:300px;
	text-align:left;
}
.regiSection hr{
	height:1px;
	width:860px;
	border: none;
	background-color:#cccccc;
	color:#cccccc;
}
.regiSectionHeader {
	height:30px;
	background-color:#F0F0F0;
	border-radius:4px 4px 0 0;
	padding-top:6px;
	padding-left:10px;
	color:#000000;
	font-size:15px;
}
.regiSectionContents {
	vertical-align:middle;
}
.regiSectionHeader .headerTable {
	height:40px;
	width:860px;
	margin-left:10px;
}
.regiSectionHeader .headerTable th {
	font-size:14.5px;
	font-weight:bold;
}
.regiSectionContents .contentsTable {
	height:50px;
	width:860px;
	margin-left:30px;
}
.regiSectionContents .contentsTable th {
	font-size:14px;
	font-weight:normal;
	vertical-align:middle;
}
.regiSection .checkBoxTd {
	padding-top:0;
}
span.confViewBtn input {
	background:url("../../images/btn_orange_01.png") no-repeat;
	width:240px;
	height:50px;
	border:none;
	font-weight:bold;
	font-size:16px;
	margin:0 auto;
	cursor:pointer;
	color:#ffffff;
}
span.confViewBtn input:hover {
	background:url("../../images/btn_orange_01_shadow.png") no-repeat;
}
p.betaRegistMess {
	color:red;
	font-size:16px;
	margin-left:15px;
}

/* ▼UPD 2015.04.20 */
/*******************************************************/
/* お届け先の登録・変更 */
/*******************************************************/
#new_address .infoSection {
	width:700px;
	margin-left:0px;
}

/* アドレス一覧 */
/* サブタイトル */
.titleSection {
	font-size: 14px;
	font-weight: bold;
	border-left: none;
	margin: 0 0 5px 0;
	padding: 2px 0 2px 5px;
}

/* 全体 */
.addressUl {
	width:750px;
}

/* 各お届け先 */
.addressSection {
	width:355px;
	border:1px #cccccc solid;
	border-radius:4px;
	margin-bottom:30px;
}

/* お届け先:ヘッダー */
.addressSectionHeader {
	height:35px;
	background-color:#F0F0F0;
	border-radius:4px 4px 0 0;
	padding-left:10px;
	line-height: 35px;
}
.delName {
	float:left;
	width: 150px;
}
.addressUl .edit_btn {
	float:right;
	width: 195px;
}
.delName p {
	width: 145px;
	line-height: 240%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis; /* Opera9,10対応 */
	margin: 0;
}

/* ヘッダーボタン */
.addressUl .edit_btn button.other_del_btn {
	background:url("../../images/btn_gray_05.png") no-repeat;
	width:92px;
	height:32px;
	font-size:13px;
	text-align:center;
	border:none;
	cursor:pointer;
	line-height: 50%;
}
.addressUl .edit_btn button.other_del_btn:hover {
	background:url("../../images/btn_gray_05_shadow.png") no-repeat;
}
.addressUl .edit_btn button.other_def_upd_btn {
	background:url("../../images/btn_blue.png") no-repeat;
	width:90px;
	height:30px;
	font-size:13px;
	text-align:center;
	border:none;
	cursor:pointer;
	color:#ffffff;
	line-height: 50%;
}
.addressUl .edit_btn button.other_def_upd_btn:hover {
	background:url("../../images/btn_blue_shadow.png") no-repeat;
}

/* お届け先:コンテンツ */
.addressSectionContents {
	/* padding-top:10px;
	padding-left:25px;
	padding-bottom:10px; */
	padding: 10px 25px 10px 25px;
	word-wrap: break-word; /* 長い単語を折り返す */
    word-break: break-all; /* 必要に応じて任意の位置で折り返す */
    white-space: normal;   /* 折り返しを有効にする */
}
.addressUl:after {
	display:block;
	margin-top:-1px;
	height:1px;
	content:"";
	clear:both;
}
.addressUl li {
	float:left;
	margin:0 15px 10px 0;
}
/* ▲UPD 2015.04.20 */

/* 追加ボタン */
p.new_address_btn {
	width:690px;
	text-align: center; 
}


/*******************************************************/
/* 登録情報の確認・変更トップへ戻るボタン */
/*******************************************************/
.resultArea {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 700px;
	height: 240px;
	position:relative;
}
.resultArea p {
	font-weight:bold;
	font-size:16px;
}
.btnPersonalDetailTop {
	background:url("../../images/btn_gray_04.png") no-repeat;
	width:230px;
	height:46px;
	position: absolute;
	left: 230px;
}
/* ▼UPD 2015.04.15 */
.btnPersonalDetailTop:hover {
	background:url("../../images/btn_gray_04_shadow.png") no-repeat;
}
/* ▲UPD 2015.04.15 */
.btnPersonalDetailTop a {
	display:block;
	width:230px;
	height:46px;
	line-height:46px;
	text-decoration:none;
}
.btnPersonalDetailTop a:link{
	color: #000000;
}
.btnPersonalDetailTop a:visited{
	color: #000000;
}
.btnPersonalDetailTop a:hover{
	color: #000000;
	text-decoration: none;
}
.btnPersonalDetailTop a:active{
	color: #000000;
}


/*******************************************************/
/* 住所検索ボタン */
/*******************************************************/
button#postal_btn {
	background:url("../../images/btn_gray.png") no-repeat;
	width:102px;
	height:39px;
	border-style:none;
	line-height: 50%;
}
button#postal_btn:hover {
	background:url("../../images/btn_gray_shadow.png") no-repeat;
}


/*******************************************************/
/* 登録情報の確認・変更 */
/*******************************************************/
.contentsTable th span.req {
	margin-left:8px;
	color:#f00;
}
.checkBoxTd input{
	float:left;
	vertical-align: middle;
	margin: 0;
}
.checkBoxTd span{
	float:left;
	margin-left: 3px;
}


/*******************************************************/
/* 登録（法人・個人） */
/* 確認画面へ進むボタン */
/*******************************************************/
div#nextConfBtn {
	width: 900px;
	text-align: center;
}
div#nextUpConfBtn {
	width: 700px;
	text-align: center;
}
input#registBtn {
	background:url("../../images/btn_blue_01.png") no-repeat;
	width:240px;
	height:50px;
	border:none;
	font-weight:bold;
	font-size:16px;
	margin:0 auto;
	cursor:pointer;
	color:#ffffff;
}
input#registBtn:hover{
	background:url("../../images/btn_blue_01_shadow.png") no-repeat;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
div#nextConfBtn input#registBtn {
	background:url("../../images/btn_orange_01.png") no-repeat;
	width:240px;
	height:50px;
	border:none;
	font-weight:bold;
	font-size:16px;
	margin:0 auto;
	cursor:pointer;
	color:#ffffff;
}
div#nextConfBtn input#registBtn:hover{
	background:url("../../images/btn_orange_01_shadow.png") no-repeat;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}
div#nextUpConfBtn input#registBtn {
	background:url("../../images/btn_blue_01.png") no-repeat;
	width:240px;
	height:50px;
	border:none;
	font-weight:bold;
	font-size:16px;
	margin:0 auto;
	cursor:pointer;
	color:#ffffff;
}
div#nextUpConfBtn input#registBtn:hover{
	background:url("../../images/btn_blue_01_shadow.png") no-repeat;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}
.btnChange input {
	background:url("../../images/btn_blue.png") no-repeat;
	width:90px;
	height:30px;
	float:right;
	text-align:center;
	border:none;
	margin:-15px auto 0;
	cursor:pointer;
	color:#ffffff;
}
.btnChange input:hover{
	background:url("../../images/btn_blue_shadow.png") no-repeat;
}
.btnChange button {
	background:url("../../images/btn_blue.png") no-repeat;
	width:90px;
	height:30px;
	float:right;
	text-align:center;
	border:none;
	margin:-15px auto 0;
	cursor:pointer;
	color:#ffffff;
}
.btnChange button:hover{
	background:url("../../images/btn_blue_shadow.png") no-repeat;
}


/* ▼ADD 2014.11.06 R.Kato 特殊品対応 */
/* 特殊品受注見積一覧 */
#area_estimate_auth {
	font-size: 12px;
	padding: 10px 0px;
}
#area_estimate_auth div {
	display:inline;
	padding: 0px 5px;
}
#area_estimate_auth div input#txt_estimate_no,
#area_estimate_auth div input#txt_password {
	height:27px;
	margin: 0 1px 0 0;
}
#area_estimate_auth button#btn_estimate_auth {
	background:url("../../images/gray_btn1.png") no-repeat;
	width:106px;
	height:26px;
	text-align:center;
	cursor:pointer;
	border:none;
}
#area_err_message {
	font-size: 12px;
	padding: 10px 0px;
}
.tbl_special_product_estimate_list {
	clear:both;
	width:600px;
	border-collapse:separate;
	border-spacing:1px;
	text-align:center;
}
.tbl_special_product_estimate_list th {
	background:#e0e0e0;
	font-weight:normal;
	padding:3px 0;
}
.tbl_special_product_estimate_list td{
	border:1px #e0e0e0 solid;
}
.tbl_special_product_estimate_list td.detail button.btn_special_product_detail {
	background:url("../../images/gray_btn1.png") no-repeat;
	width:106px;
	height:26px;
	text-align:center;
	cursor:pointer;
	border:none;
}
.tbl_special_product_estimate_list td.detail button:hover{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
.tbl_special_product_estimate_list tr th.spel_estimate_no{
	width:120px;
}
.tbl_special_product_estimate_list tr th.spel_product_number{
	width:200px;
}
.tbl_special_product_estimate_list tr th.spel_validity_term{
	width:110px;
}
.tbl_special_product_estimate_list tr th.spel_detail{
	width:90px;
}
/* ▲ADD 2014.11.06 R.Kato 特殊品対応 */


/* 共通 */
/* 入力フォームのチェックボックスsafari */
/*
body:first-of-type td.checkBoxTd input[type=checkbox] {
	-webkit-transform: scale(1.2,1.2);
}
*/

/* 登録情報の変更完了画面 */
.resultArea p.outline {
	font-weight: normal;
	font-size: 1.6em;
}

/* お届け先の登録・変更 */
#deliPointContents {
	margin-left: 10px;
}


/* ▼ADD 2015.03.27 R.Kato */
#main_contents h2 {
	font-size: 18px;
}
#main_contents h2.titleSection {
	font-size: 14px;
}
h2#registViewTitle {
	font-size: 18px;
}
/* ▲ADD 2015.03.27 R.Kato */

/*消費税対応メンテナンス用テキスト*/
#taxMaintenance{
	margin:15px auto 30px auto;
	border:1px solid #555;
	width:868px;
	padding:15px;
	background:#FFFFE1;
}
#taxMaintenance dl{
	width:550px;
	margin:0 auto 5px auto;
}
#taxMaintenance dt{
	font-weight: bold;
	font-size:14px;
	margin:0 0 5px 0;
	padding:10px 0 10px 0;
}
#taxMaintenance dd{
	margin:0 5px;
	padding:0 0 0 10px;
}
#taxMaintenance dd p{
	color:#FF0000;
	width:400px;
	margin:10px auto;
	font-weight: bold;
}

/* 特殊品受注見積No.・パスワード入力画面 */
#number_input{
	width: 100%;
}
#number_input table{
	clear: both;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px;
    text-align: center;
    margin-bottom: 10px;
    margin-left: 10px;
    font-size: 14px;
}
#number_input tr th{
	border-top: 1px #cccccc solid;
    border-left: 1px #cccccc solid;
    border-bottom: 1px #cccccc solid;
    height: 30px;
    font-weight: bold;
}
#number_input tr{
	border-top: 1px #cccccc solid;
}
#number_input th{
	background: #e0e0e0;
    padding: 3px 0;
}
#number_input tr td{
	border-left: 1px #cccccc solid;
    border-bottom: 1px #cccccc solid;
    height: 38px;
}
#number_input tr td.borderTbTop{
	border-top: 1px #cccccc solid;
}
#number_input td.borderTbRight {
    border-right: 1px #cccccc solid;
}
#number_input td input[type="text"] {
    border: 1px #9c9c9c solid;
    height: 20px;
}
#number_input input[type="text"].short{
	width: 50px;
}
#number_input ul{
	float: right;
}
#number_input li{
	width: inherit;
}
#number_input button{
	background: url("../../images/menu/btn_menu_gray_s.png") no-repeat;
    border: none;
    width: 200px;
    height: 45px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}
#number_input #msg_estimate,#number_input #msg_password{
	margin-left: 10px;
	display: none;
}

/* 見積履歴 */
.estimate_refine{
	margin-bottom: 20px;
}
.estimate_refine input[type="text"]{
	height: 20px;
}
.estimate_refine .filter li{
	float: left;
	margin-right: 5px;
}
.estimate_refine .item{
	float: left;
	margin-top: 3px;
	margin-left: 10px;
}
.estimate_refine .datepicker{
	width: 80px;
}
.estimate_refine .short{
	width: 30px;
}
.estimate_refine .long{
	width: 80px;
}
#issued_date_end{
	margin-left: 10px;
}

.estimate_table{
	width: 720px;
}

.filter_search {
    background: url("../../images/btn_gray.png") no-repeat;
    width: 102px;
    height: 40px;
    text-align: center;
    float: right;
    margin-top: -32px;
}

.filter_search:hover {
	background:url("../../images/btn_gray_shadow.png") no-repeat;
}
.filter_search a:visited {
    color: #000000;
}
.filter_search a:link {
    color: #000000;
}
.filter_search a {
    display: block;
    width: 102px;
    height: 40px;
    text-decoration: none !important;
    color: #000;
    line-height: 36px;
}

/* 見積品ご購入画面 */
#estimate_input_area{
	margin-top: 20px;
	text-align: center;
}
.hatena_button {
    background-color: #aaaaaa;
    color: #fff;
    border-radius: 100%;
}