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

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

/* ----------------------------------------------------------------
   共通
---------------------------------------------------------------- */
/*「○○さんのマイページ」*/
h2.ttl_myp_top {
	height:32px;
	margin-bottom:10px;
	padding:20px 0 0 60px;
	font-size:150%;
	background:url(../images/common/bg_ttl_mypage.png) no-repeat;
}
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;
}



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

/* ----------------------------------------
   左カラム共通
---------------------------------------- */
.left_box {
	padding-bottom:10px;
	margin-bottom:10px;
	border:1px solid #cccccc;
}

/*見出し*/
.left_box h2 {
	height:31px;
	text-indent:-3500px;
	font-size: 1px;
	overflow: hidden;
}

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


/* ----------------------------------------
   マイページメニューボックス
---------------------------------------- */
/*背景とボックス見出し*/
.left_box#myp_menu_box {
	padding-bottom:0;
}
.left_box#myp_menu_box h2 {
	background:url(../images/common/ttl_box_mypage_menu.png) no-repeat;
}

.left_box#myp_menu_box div {
	padding:10px;
	border-bottom:4px solid #ff3366;
}

/*中身のスタイル*/
.left_box#myp_menu_box div ul {
	padding-left:10px;
	margin-bottom:10px;
}
.left_box#myp_menu_box div ul li {
	padding-left:12px;
	background:url(../images/common/li_arrow_gray.png) left center no-repeat;
}

.left_box#myp_menu_box div h3 {
	padding-left:18px;
	line-height:1.6em;
	background:url(../images/common/li_circle_small.png) left center no-repeat;
}


/* ----------------------------------------
   バナーエリア（右カラムと共通）
---------------------------------------- */
.bunners{
	width:100%;
	margin-bottom:10px;
}
.bunners ul {
	width:100%;
}
.bunners ul li {
	width:100%;
	margin-bottom:10px;
}
.left_colomn .bunners ul li {
	text-align:center;
}



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

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

/*左部分*/
.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:452px;
}
.right_big_colomn div.input_list ul li p.names{
	width:447px;
}


/*入れ子部分*/
.right_big_colomn div.input_list ul li ul{
	width:621px;
}
.right_big_colomn div.input_list ul li ul li{
	width:621px;
}

.right_big_colomn div.input_list ul li ul li h5{
	width:127px;
}
.right_big_colomn div.input_list ul li ul li p{
	width:452px;
}


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

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


/* ----------------------------------------
   注文履歴
---------------------------------------- */
.myp_box div.myp_box_rireki {
	margin:10px 0 0 0;
	width:728px;
	overflow:hidden;
}

.myp_box div.myp_box_rireki ul{
	clear:both;
	width:100%;
	border-bottom:1px dotted #999999;
	overflow:hidden;
}
.myp_box div.myp_box_rireki ul li {
	float:left;
	width:120px;
	padding:5px;
}

.myp_box div.myp_box_rireki ul.list_head {
	border-bottom:1px solid #ffffff;
}
.myp_box div.myp_box_rireki ul.list_head li {
	padding:2px 5px;
	font-weight:bold;
	background:#e0e0e0;
}
.myp_box div.myp_box_rireki ul.list_head li.ligft {
	background:#f5f5f5;
}

.myp_box div.myp_box_rireki ul li.product_p {
	width:328px;
}
.myp_box div.myp_box_rireki ul li.product_p .product_thumbnail {
	display:block;
	float:left;
}
.myp_box div.myp_box_rireki ul li.product_p div.product_article{
	float:left;
	padding-left:10px;
	width:258px;
}
.myp_box div.myp_box_rireki ul li.product_p div.product_article div{
	margin:8px 5px 5px 0;
}
.myp_box div.myp_box_rireki ul li.product_p div.product_article div p{
	text-align:right;
}
.myp_box div.myp_box_rireki ul li.product_p div.product_article div p.top_line{
	padding-top:2px;
	font-weight:bold;
	border-top:1px dotted #333333;
}
.myp_box div.myp_box_rireki ul li.product_p div.product_article div p span.left{
	float:left;
}


/* ----------------------------------------
   注文詳細
---------------------------------------- */
/* --------------------------------
	縞模様リスト（上書）
-------------------------------- */
.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:710px;/*IE6 Hack*/
}

/* ----------------------------------------
   店舗一覧リスト（上書）
---------------------------------------- */
.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;
}
.order_info_box#address_list p.address_index a{
	margin-right:8px;
	font-weight:bold;
	color:#ff6699;
	font-size:117%;
}
.order_info_box#address_list p.address_index span{
	margin-right:8px;
	font-weight:bold;
	color:#ff3366;
	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: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;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	width:105px;
	margin:2px 0;
}
.manners .page_nav ul li.long{
	width:130px;
}
.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;
}
.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;
}