@charset "Shift_JIS";
/* -------------------------------------------------------------------

	マイページ系共通 CSS
	
------------------------------------------------------------------- */

/* ----------------------------------------------------------------
   共通
---------------------------------------------------------------- */
/*「○○さんのマイページ」*/

h2.ttl_myp_top {
/* 	background:#FCF4E7;*/
	border-left:solid 5px #e25381;
	position:relative;
	font-size: 25px;
	height: 24px;
	margin-bottom: 16px;
	padding: 12px 2px 2px 10px;
	font-weight:bold;
}



h2.ttl_myp_top a.btn_logout{
	float:right;
	margin:-10px 10px 0 0;
	*margin-top:-27px;
	_margin-left:5px;
	display:block;
}

/*ヘルプアイコン*/
a.icon#help {
	float:right;
	width: 43px;
	height: 18px;
	padding-right:5px;
	margin-top:-25px;
	display: block;
	text-indent: -3500px;
	font-size: 1px;
	overflow: hidden;
	background: url(../images/common/icn_help.png) no-repeat;
}

.contentsInner{
	font-size:13px;
}


a.arrow_link {
    padding-left: 15px;
    background: url(../images/common/arrow_s_pink.png) no-repeat left center;
}

a.product_title,
a.shop_title, 
a.arrow_link, 
a.arrow_link_down 
a.product_title:hover, 
a.shop_title:hover, 
a.arrow_link:hover, 
a.arrow_link_down:hover {
    color: #e55871;
}


/* ----------------------------------------------------------------
   左カラム
---------------------------------------------------------------- */

/* ----------------------------------------
   左カラム共通
---------------------------------------- */
.left_box ul li{
	line-height: 1.3;
	margin:12px 0  12px 0;
	padding: 0 0 0 10px;
	border:1px solid #ccccc;
}




/
/*検索ボタン(ゴールド)*/
p.btn_search_gold {
	margin:10px;
	text-align:center;
}


/* ----------------------------------------
   マイページメニューボックス
---------------------------------------- */
/*背景とボックス見出し*/

#myp_menu_box.left_box h3 {
	background: #fcf4e7 none repeat scroll 0 0;
	width: 164px;
	padding: 8px 34px 8px 4px;
	font-size:15px;
}

.left_box{
	border:2px solid #fcf4e7;
	width:200px;
}




/*中身のスタイル*/
.left_box #myp_menu_box div ul h3{
	padding-left:10px;
	margin-bottom: 10px;
}

.left_box#myp_menu_box div ul li {
	line-height:1.8em;
	padding: 8px 0 0 0;
}

.left_box#myp_menu_box div h3 {
	background: #fcf4e7 none repeat scroll 0 0;
	padding:3px 0 3px 10px;
	line-height:2.5em;
}

/* ----------------------------------------------------------------
   メインカラム
---------------------------------------------------------------- */

/* --------------------------------
	入力フォーム共通リスト（上書）
-------------------------------- */
/*-- フォーム中身 --*/
.right_big_colomn div.input_list ul{
	width: 681px;/*750px;*/
}
.right_big_colomn div.input_list ul li{
	width: 681px;/*750px;*/
}

/*左部分*/
.right_big_colomn div.input_list ul li h4{
	width:226px;
}
.right_big_colomn div.input_list ul li h4.short{
	width:81px;
}

/*右部分*/
.right_big_colomn div.input_list ul li p{
	width: 407px;/*476px*/
}


/* ----------------------------------------
   show_list（上書）
---------------------------------------- */
div.show_list ul li {
	width: 637px;/*720px;*/
}

/*退会確認ページ*/
div.show_list#reason_secedes ul li input{
	margin:0 3px 0 5px;
}


/* ----------------------------------------
   注文履歴
---------------------------------------- */
.borderTbl3{
	width:100%;
}

table.borderTbl3 thead th.stat,
table.borderTbl3 tbody tr td.stat{
	width:28%;
}


table.borderTbl3 thead th.payment,
table.borderTbl3 tbody tr td.payment{
	width:17%;
}

table.borderTbl3 tbody tr td.payment{
	padding:0 10px;
}

table.borderTbl3 tbody tr td.stat{
	padding:0 10px 10px ;
}

table.borderTbl3 tbody tr td.payment .note{
	margin-top:10px;
}


#frmNfe30900 .delivaryDate,
#frmNfe30900 .orederDate{
	width:13%;
}

#form_ordertemphistory .delivaryDate,
#form_orderhistory .delivaryDate{
	width:14% !important;
	text-align: center!important;
}

#form_ordertemphistory .orederDate,
#form_orderhistory .orederDate{
	width:12%;
}

.productInfo{
	width:37%;
}

#form_ordertemphistory .productInfo,
#form_orderhistory .productInfo{
	width:39%
}
/*
#form_ordertemphistory .payment,
#form_orderhistory .payment{
	width:15%;
}
*/

/*↓nfe30901履歴↓*/

#frmNfe30901 table.borderTbl3 thead th.delivaryInfo,
#frmNfe30901 table.borderTbl3 tbody tr td.delivaryInfo{
	width:25%;
}

#frmNfe30901 table.borderTbl3 thead th.stat,
#frmNfe30901 table.borderTbl3 tbody tr td.stat{
	width:13%;
}


#frmNfe30901 table.borderTbl3 thead th.payment,
#frmNfe30901 table.borderTbl3 tbody tr td.payment{
	width:17%;
}



#frmNfe30901 table.borderTbl3 thead th.delivaryDate,
#frmNfe30901 table.borderTbl3 tbody tr td.delivaryDate{
	width:13%;
}

#frmNfe30901 table.borderTbl3 thead th.productInfo,
#frmNfe30901 table.borderTbl3 tbody tr td.productInfo{
	width:32%;
}

#frmNfe30901 table.borderTbl3 tbody tr td{
	padding:10px;
}

#frmNfe30901 table.borderTbl3 tbody li.payment{
	width:135px;
}

#frmNfe30901 table.borderTbl3 tbody li.delivaryInfo{
	width:200px;
}

/*↑*/







table.borderTbl3 thead th.delivaryDate,
table.borderTbl3 thead th.delivaryInfo,
table.borderTbl3 thead th.productInfo,
table.borderTbl3 thead th.payment,
table.borderTbl3 thead th.stat,
table.borderTbl3 thead th.orederDate{
	line-height:2.5;
	background-color: #f1f1f1;
	text-align:center;
	font-weight:bold;
	border-right:5px solid #ffffff;

}


table.borderTbl3 tbody tr td.orederDate{
	text-align:center;	
}

table.borderTbl3 tbody tr td.delivaryDate{
	padding:0 16px;
}

#frmNfe30901 table.borderTbl3 tbody tr td.delivaryDate{
	padding:0 10px 0;
	
}

table.borderTbl3 tbody{
	border-bottom:1px solid #cacaca;		
}

div.productImg{
	width:60px;
	margin:10px 0 0 13px;
}

#frmNfe30900 div.product_article{
	width: 245px;
	margin: -60px 0 5px 85px;
	line-height: 1.5;
	padding: 8px 0;
}

#frmNfe30901 div.product_article{
	width:250px;
	margin:0;	
	padding:0 8px;
}

div.orderInfo {
	margin-top:20px;
}

.inquiry{
	margin-top:5px;
	display:block;
}


#frmNfe30900 .inquiry{
	width:110px;
}

#frmNfe30900\:dateDivList,
#frmNfe30900\:dispTermList{
	padding: 2px;
    border: 1px solid #bbb;
    box-sizing: border-box;
	border-radius:4px;
	width:100px;
}


#frmNfe30900 li.selectDate span,
#frmNfe30900 li.selectTerm span{
    margin: 0 5px;
}


#frmNfe30900 li.detail{
	margin-top:15px;
	text-align:center;
}

#frmNfe30900 li.note{
	margin-top:10px;
}

.note{
	margin-top:15px;
}

#frmNfe30901 .note{
	text-align:right;
}


/* ----------------------------------------
   注文詳細
---------------------------------------- */
/* --------------------------------
	縞模様リスト（上書）
-------------------------------- */
/*
.gray_list{
	width:676px;
	margin-bottom:20px;
	background:#ffffff;
	border:1px solid #999999;
}
*/

/*左部分*/
.gray_list ul li .gray_list_left{
	float:left;
	width:203px;
	padding:12px 12px 0 12px;
	border-top:1px solid #ffffff;
}

/*右部分*/
.gray_list ul li .gray_list_right{
	float:left;
	width:421px;
	padding:12px;
	line-height:1.8em;
	background:#ffffff;
	border-top:1px dotted #666666;
}

.gray_list ul li.start .gray_list_left,
.gray_list ul li.start .gray_list_right{
	border:none;
}


/* --------------------------------
	ステップナビ（上書）
-------------------------------- */
.step_navi{
	width: 670px;/*730px;*/
}

/* ----------------------------------------
   店舗一覧リスト（上書）
---------------------------------------- */
.shop_list {
	padding:0;
}
.shop_list ul {
}
.shop_list ul li {
	width:720px;
	padding:10px 5px;
}


/* ----------------------------------------
   住所リスト
---------------------------------------- */
/*
.order_info_box#address_list {
}
*/
.order_info_box#address_list h3.h_circre {
	margin-bottom:10px;
}
.order_info_box#address_list p.address_index {
	padding-left:22px;
	margin-top:10px; 
}
.order_info_box#address_list p.address_index a{
	margin-right:8px;
	font-weight:bold;
	color:#e25381;
	font-size:117%;
}
.order_info_box#address_list p.address_index span{
	margin-right:8px;
	font-weight:bold;
	color:#e25381;
	font-size:117%;
}

.address_list{
	padding:0;
	margin:0 0 20px 0;
}
.address_list div.input_list{
	margin:10px 0 0 0;
}
.address_list div.input_list ul{
	margin:0 0 10px 0;
}
.address_list div.input_list ul li p{
}
.address_list div.input_list ul li p span{
	display:inline-block;
	width:350px;
	vertical-align:middle;
}
.address_list div.input_list ul li p span.control{
	width: 42px;/*80px;*/
	padding-left:15px;
}

/* ----------------------------------------------------------------
   花贈りマナー
---------------------------------------------------------------- */
/*-- ページ内リンク --*/
.manners .page_nav{
	margin-top:15px;
	border:1px solid #cccccc;
}
.manners .page_nav ul{
	padding:10px 0 10px 20px;
	background:#fafafa;
	border:2px solid #ffffff;
}
.manners .page_nav ul li{
	display: inline-block;
	vertical-align: top;
	width: 125px;
	margin: 2px 0;
}
.manners .page_nav ul li.long{
	width:150px;
}
.manners .page_nav ul li.long2{
	width:auto;
	margin-right:30px;
}

/*-- 中身 --*/
.manners .section{
	margin:20px 0 30px 0;
}
.manners .section h3.h_circre{
	font-size:117%;
	line-height:1.4em;
	margin:0;
}
.manners .section h4{
	margin:15px 0 7px 10px;
	padding-bottom:2px;
	border-bottom: 1px solid #767676;
	font-weight:bold;
}
.manners .section p{
	margin:0 5px 0 15px;
}
.manners .section p.wrap_sample{
	margin:0;
	text-align:center;
}


/*ページトップへ*/
.manners .section .page_up{
	margin:10px 0 0 0;
}

/*-- テーブル --*/
.manners .section table{
	margin-top:15px;
	border:1px solid #767676;
}
.manners .section table th,
.manners .section table td{
	padding:5px 4px;
	font-size:92%;
	vertical-align:middle;
	text-align:center;
	background:#fbffff;
	border:1px solid #767676;
}
.manners .section table th{
	font-weight:bold;
	background:#e0e0e0;
}
.manners .section table td.koumoku{
	width:4em;
	font-weight:bold;
	text-align:center;
}
.manners .section table td.naiyou{
	text-align:left;
}
.manners .section table td.flower{
	width:4em;
}
.manners .section table td.rei{
	width:6em;
}
.manners .section table td.arrange{
	width:6em;
}

div.input_list ul li h4 { 	
border-top: 1px solid #ffffff; 	
float: left; 	
padding: 12px 12px 0; 	
width: 236px; 	
} 	
	
div.input_list ul li.start h4{ 	
border-top: 1px solid #ffffff; 	
} 	
div.input_list ul li.start p.names1{ 	
border-bottom: 1px dotted #666666; 	
} 	
	
#addresslist{ 	
font-size:140%; 	
margin: 20px 6px 0 0; 	
	
} 	

h2.flowermannar {
	font-size: 150%;
	font-weight:bold;
}

/*クーポン登録*/
/*
a#form_coupon\:registCouponRelation {
	background: #ed4b46;
	border-radius: 4px;
	color: #ffffff;
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin: 15px auto;
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
	width: 120px;
}

a.#form_coupon\:registCouponRelation a:hover{
	text-decoration:none;
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;      
}
*/
/*
p.detail{
	padding-top:10px;
}
*/
/*2018.01.18 中込追加*/



.tableDl {
	width: 725px;
	border-top: 1px solid #cacaca;
	border-left: 1px solid #cacaca;
	border-right: 1px solid #cacaca;
}

.tableDl dl::after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    line-height: 0;
    clear: both;
}

.tableDl dt {
    clear: right;
}

.tableDl dt {
    float: left;
    width: 190px;
    padding: 10px 20px;
/*    text-align: left;*/
    font-weight: bold;
	line-height:2.5;
}

.tableDl dd {
    float: left;
    width: 455px;
    padding: 15px 20px;
    background-color: #fff;
	height:25px;
}



.tableDl dl {
    min-height: 1px;
    _height: 1px;
}

.tableDl dl {
    margin: 0 auto;
    background-color: #f1f1f1;
    border-top: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
	width:725px;
}


#frmNfe31800 .tableDl dl{
    margin: 0 auto;
    background-color: #f1f1f1;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #cacaca;
	width:950px;
}

#frmNfe31800 .tableDl dd {
    float: left;
    width: 680px;
    padding: 15px 20px;
    background-color: #fff;
	height:25px;
	border-top:1px solid #cacaca;
}

#frmNfe31800 .tableDl dl:after, #frmNfe31800 .tableDl dl:before{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#frmNfe31800 .tableDl dl dt{
	border-top:1px solid #cacaca;
} 


.section{
	padding: 15px 20px 15px 0px;
	line-height:1.7;
}


table.borderTbl2 th, 
table.borderTbl td,
table.borderTbl th {
	padding: 7px 10px !important;
	border-width: 1px 1px 0 0 !important;
	border-style: solid !important;
	border-color: #cacaca !important;
}

table.borderTbl td,
table.borderTbl th,
table.borderTbl2 th {
	width:70%;
}

table.borderTbl {
    width: 100% !important;
    border-bottom: 1px solid #cacaca !important;
    border-left: 1px solid #cacaca !important;
    border-right: 1px solid #cacaca !important;
}

table.borderTbl2 {
    width: 100% !important;
    border: 1px solid #cacaca !important;
	border-bottom:none !important;

}

table td {
    word-break: break-all !important;
    word-wrap: break-word !important;
}

table.borderTbl2 th {
    background-color: #f1f1f1;
    text-align: left;
    white-space: nowrap;
}

div.btns{
	margin-bottom:50px;
}


h3.h_circre .dispOrderHistory span{
	font-weight:normal;
	font-size:13px;
}

span.left{
	float:left;
}

span.right{
	float:right;
}

.product_article ul li:after{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.line{
	border-top: 1px dotted #333333;
	font-weight:bold;
}

#frmNfe30801 div.note{
	width:950px;
	font-size:14px;
	margin-top:30px;
}

.page_select{
	float:right;
	margin-top:20px;
}

#frmNfe31100 .page_select{
	float:right;
}

.myp_box:after, .myp_box:before{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.h_circre {
    font-size: 150%;
    margin: 0 0 15px 10px;
    padding-left: 22px;
    display: inline-block;
    line-height: 1.5em;
    font-weight: bold;
/*    background: url(../images/common/li_circle.png) left center no-repeat;*/
    height: 25px;
}


#frmNfe30900 .btmPdd20 {
	padding-bottom: 20px !important;
 	margin-top: 0px !important;
}
/*
a.OrederHistory
#frmNfe30801\:changeId{
	color:#e55871;
	font-weight:bold;
}
*/
#form_coupon\:couponCode,
#frmNfe31800\:couponCode{
	border:1px solid #cacaca;
	height:17px;
	width:340px;
}


#frmNfe30501\:email,
#frmNfe31501\:email,
#frmNfe31501\:emailConfirm,
#frmNfe31601\:mbEmail{
	border:1px solid #cacaca;
	height:17px;
	width:340px;
}



#frmNfe30801\:changeId{
	margin-left:10px;
}

#frmNfe30402 .note{
	font-size:14px;	
	line-height:1.6;
}

#frmNfe31601 .arrow_link{
	margin-left:10px;
	padding-left:15px;
}

.page_link .Oreder_link {
    position: relative;
    display: inline-block;
    padding-left: 13px;
}
/*
.page_link .Oreder_link:before {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #ff69b4;
    border-right: solid 2px #ff69b4;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -4px;
}
*/
.orderListTitle h3::before{
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -15px;
    border-radius: 50%;
    margin-left: -30px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 4px solid #ff3366;
}


.orderListTitle h3{
    position: relative;
    line-height: 1;
    margin-left: 5px;
	background : url(none);
}

#frmNfe30900 .productImg{
	border:1px solid #bababa;
}

#frmNfe30901 .rireki_pd_price{
	/*display:table-cell;*/
	width:210px;
}

#frmNfe30901 .rireki_pd_price ul{
	width:210px;
	margin: 0 auto;
}

#frmNfe30900 div.dispOrderHistory {
    display: inline-block;
	margin-left:20px;
}

.rireki_pd_price{
	font-weight:bold;
	color:#5b5b5b;
}

li.price,
li.quantity,
li.shipping,
li.shipment,
li.earlydiscount,
li.coupon,
li.totalAmount{
	font-weight:bold;
}

#frmNfe30401 li.price,
#frmNfe30401 li.quantity,
#frmNfe30401 li.shipping,
#frmNfe30401 li.shipment,
#frmNfe30401 li.earlydiscount,
#frmNfe30401 li.coupon,
#frmNfe30401 li.totalAmount,
#frmNfe30402 li.price,
#frmNfe30402 li.quantity,
#frmNfe30402 li.shipping,
#frmNfe30402 li.shipment,
#frmNfe30402 li.earlydiscount,
#frmNfe30402 li.coupon,
#frmNfe30402 li.totalAmount{
	width:300px;
/*	font-weight:normal;*/
}
/*
#frmNfe30401 li.price,
#frmNfe30402 li.price{
	margin-top:10px;
}
*/

li.coupon,
li.earlydiscount{
	color:#ff0000;
}

li.totalAmount{
	border-top:1px dotted #5b5b5b;
}

/*
#frmNfe30401 div.orederDetail,
#frmNfe30402 div.orederDetail{
	width:300px;
}
*/



#frmNfe30401 li.bold,
#frmNfe30402 li.bold{
	font-weight:bold;
	margin-left:-25px;
}


#frmNfe30401 div.receivInfo,
#frmNfe30401 div.sendInfo,
#frmNfe30401 div.payInfo,
#frmNfe30402 div.receivInfo,
#frmNfe30402 div.sendInfo,
#frmNfe30402 div.payInfo{
	margin-top:20px;
}
#frmNfe30401 div.orederDetail,
#frmNfe30401 div.receivInfo,
#frmNfe30401 div.sendInfo,
#frmNfe30401 div.payInfo,
#frmNfe30402 div.orederDetail,
#frmNfe30402 div.receivInfo,
#frmNfe30402 div.sendInfo,
#frmNfe30402 div.payInfo{
	line-height:1.6;
}

#frmNfe31100\:result{
	font-size:14px;
	font-weight:bold;
}

#frmNfe31100\:result::before {
	content: "\A" ;
	white-space: pre ;
}

li.review{
	margin: 15px 0 0 -5px;
}

#frmNfe30401\:mailText{
	height:200px;
	width:520px;
	border:1px solid #cacaca;
	padding: 3px;
	resize:none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}

[id$="domesticZipcode1"]{
	width:60px;
}

[id$="domesticZipcode2"]{
	width:72px;
}

[id$="name1"],
[id$="name2"],
[id$="nameKana1"],
[id$="nameKana2"],
[id$="kana1"],
[id$="kana2"]{
	width:156px;
}

#frmNfe30801\:abPhone,
#frmNfe30801\:abPhone2{
	width:200px;
}

#frmNfe31101\:addressHouseNumber,
#frmNfe31101\:addressBuildingName{
	width:340px;
}

#frmNfe30801\:abAddress{
	width:450px;
}

#form_orderhistory [id$="deliveryDateTil"] {
	margin-left: 0;
}

#form_orderhistory [id$="deliveryDate"] {
	padding-left: 12px;
}
#form_orderhistory .delivarydate {
	margin-left: -10px;
}

#frmNfe31001, 
#frmNfe30501 {
  	width: 950px;
	margin: 0 auto;
}

#frmNfe30511,
#frmNfe30511 .contentsTtlAreaFull{
	width:800px;
/*	margin:0 auto;*/
}

#frmNfe30511 .inputguide2,
#frmNfe30511 .inputguide3{
	display:block;
	margin:5px 0;
}

#frmNfe30511\:email{
	width:340px;
}

#frmNfe30511\:password,
#frmNfe30511\:passwordConfirm{
	width:252px;
}

#frmNfe23003\:help,
#form_ordertemphistory\:linkOrderTmpHistory,
#form_orderhistory\:linkOrderHistory,
#frmNfe30801\:changeId,
#frmNfe30801\:transition_1,
#frmNfe30900 .OrederHistory,
#frmNfe30901\:linkOrderTmpHistory,
#frmNfe30901\:linkOrderHistory,
#frmNfe31101\:transition_1,
#frmNfe30901 .Oreder_link{
  position: relative;
  display: inline-block;
  padding-left: 22px;
  background: url("/images/common/arrow_pink.png") no-repeat scroll 1px 0.5em;
  line-height: 2.4;
  font-size: 13px;
}

#frmNfe30801\:changeId:hover,
#frmNfe30801\:transition_1,
#frmNfe30801\:transition_1:hover,
#frmNfe31101\:transition_1,
#frmNfe31101\:transition_1:hover{
	color:#444 !important;
	font-weight:normal !important;
}

#frmNfe31001\:telno{
	width:263px;
}




#form_ordertemphistory td.stat li a,
#form_orderhistory td.stat li a,
#frmNfe30900 td.stat li a,
#frmNfe30901 td.stat li a{
	border: 1px solid #E65583;
	color: #E65583;
	font-size: 13px;
	font-weight: bold !important;
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	text-align: center;	
	text-decoration:none !important;
}

#form_ordertemphistory td.stat li a:hover,
#form_orderhistory td.stat li a:hover,
#frmNfe30900 td.stat li a:hover,
#frmNfe30901 td.stat li a:hover{
	background: #ffc1cc;
}

#frmNfe30900 td.stat li a,
#form_ordertemphistory td.stat li a,
#form_orderhistory td.stat li a{
	padding:3px;
}

#form_ordertemphistory .printBtn,
#form_orderhistory .printBtn,
#frmNfe30900 .printBtn,
#frmNfe30901 .printBtn{
	margin-bottom:10px;
}