@charset "utf-8";

/*
mypage STYLE
---------------------------*/
body#mypage{
	background-color: #f2f2f2 !important;
	text-align: center;
}
#mypage #wrapper{
	margin: 45px auto 0;
	padding: 27px 75px 50px;
	width: 900px;
	background: #FFF;
	text-align: left;
}
#mypage #header #title{
	margin: 0 10px 0 0;
	float: left;
	width: 267px;
	
}
#mypage #header #title h1{
	margin: 28px 0 0;
	font-size: 9px;
}
#mypage #header #title h1 a{
	color: #585858;
	text-decoration: none;
}
#mypage #footerNav{
	margin: 0 auto;
	padding: 24px 0;
	width: 1050px;
	background: #FFF url('http://www.premium-water.net/html/images/common/footer_dot_line.gif') repeat-x center top;
	text-align: left;
}
#mypage #footerNav ul{
	padding: 0 0 0 66px;
}
#mypage #footerNav ul li{
	float: left;
	height: 26px;
}
#mypage #footerNav ul li.nav01{
	margin: 0 26px 0 0;
	width: 63px;
}
#mypage #footerNav ul li.nav01 a{
	display: block;
	width: 63px;
	height: 26px;
	background: url('http://www.premium-water.net/html/images/footer_nav01_over.gif') no-repeat;
}
#mypage #footerNav ul li.nav02{
	margin: 0 20px 0 0;
	width: 99px;
}
#mypage #footerNav ul li.nav02 a{
	display: block;
	width: 99px;
	height: 26px;
	background: url('http://www.premium-water.net/html/images/footer_nav02_over.gif') no-repeat;
}
#mypage #footerNav ul li.nav03{
	width: 79px;
}
#mypage #footerNav ul li.nav03 a{
	display: block;
	width: 79px;
	height: 26px;
	background: url('http://www.premium-water.net/html/images/footer_nav03_over.gif') no-repeat;
}
#mypage #footer{
	margin: 0 auto;
	padding: 24px 0;
	width: 1050px;
	background: #FFF url('http://www.premium-water.net/html/images/common/footer_dot_line.gif') repeat-x center top;
	text-align: left;
}
#mypage .mypageBtn{
	width: 164px;
	height: 24px;
	background: url('../images/mypage/mypage_btn_on.gif') no-repeat;
}
#mypage .mypageBtn a{
	display: block;
	width: 164px;
	height: 24px;
	background: url('../images/mypage/mypage_btn_off.gif') no-repeat;
	text-indent: -999em;
}
#mypage .mypageBtn a:hover{
	background: none;
}
#mypage #bread{
	padding: 15px 0;
}
#mypage #bread p,
#mypage #bread p a{
	font-size: 12px;
}
#mypage #mypageConts{
	width: 900px;
}
#mypage #mypageLogin{
	width: 100%;
}
#mypage #mypageLogin .mypageTit{
	margin: 0 0 20px;
}
#mypage #mypageLogin .mypageTit h2{
	padding: 0 0 0 15px;
	border-left: 4px solid #29abe2;
	color: #29abe2;
	line-height: 1.2em;
	font-size: 24px;
}
#mypage #mypageLogin p{
	margin: 0 0 50px;
	font-size: 14px;
}
#mypage #mypageMain{
	float: right;
	width: 668px;
}
#mypage #mypageMain .mypageTit{
	margin: 0 0 20px;
}
#mypage #mypageMain .mypageTit h2{
	padding: 0 0 0 15px;
	border-left: 4px solid #29abe2;
	color: #29abe2;
	line-height: 1.2em;
	font-size: 24px;
}
#mypage #mypageMain p{
	margin: 0 0 20px;
}
#mypage #mypageLogin .loginForm{
	margin: 0 0 20px;
}
#mypage #mypageLogin .loginForm table{
	width: 100%;
	background: #f1f6f9;
}
#mypage #mypageLogin .loginForm table th{
	padding: 10px 0 10px 20px;
	border-bottom: 2px solid #FFF;
	width: 30%;
	background: url('https://www.premium-water.net/html/images/inquiry/index/contact_bg.gif') repeat;
	font-size: 14px;
}
#mypage #mypageLogin .loginForm table td{
	padding: 10px 0 10px 20px;
	border-bottom: 2px solid #FFF;
	font-size: 14px;
}
#mypage #mypageLogin .loginFomBtn{
	margin: 0 auto 20px;
	width: 119px;
	height: 30px;
}
#mypage #mypageLogin .loginFomBtn input{
	width: 119px;
	height: 30px;
	cursor: pointer;
}
#mypage #mypageLogin .forgetPassword ul li{
	padding: 0 0 0 15px;
	background: url('../images/mypage/arrow.gif') no-repeat 0 10px;
}
#mypage #mypageLogin .forgetPassword ul li a{
	line-height: 2.0em;
	font-size: 14px;
}
#mypage #mypageMain .mypageData{
	margin: 0 0 20px;
	padding: 15px 10px;
	border: 1px solid #e5e5e5;
	background: #f1f6f9;
}
#mypage #mypageMain .nameArea{
	
}
#mypage #mypageMain .nameArea .name{
	margin: 0 30px 0 15px;
	float: left;
	font-size: 24px;
	font-weight: bold;
}
#mypage #mypageMain .nameArea .name span{
	padding: 0 0 0 5px;
	font-size: 16px;
}
#mypage #mypageMain .nameArea .loginTime{
	margin: 0 20px 0 0;
	float: left;
	line-height: 2.2em;
	font-size: 14px;
}
#mypage #mypageMain .nameArea .logout{
	float: right;
	width: 119px;
	height: 30px;
}
#mypage #mypageMain .nameArea .logout a{
	display: block;
	width: 119px;
	height: 30px;
	background: url('../images/mypage/logout_btn.gif') no-repeat;
	text-indent: -999em;
}
#mypage #mypageMain .status{
	
}
#mypage #mypageMain .status table{
	width: 100%;
	background: #95d2ec;
}
#mypage #mypageMain .status table th{
	padding: 10px 0 10px 15px;
	border-bottom: 1px solid #FFF;
	color: #FFF;
	width: 25%;
	background: #78abc0;
	font-weight: bold;
}
#mypage #mypageMain .status table td{
	padding: 10px 0 10px 15px;
	border-bottom: 1px solid #FFF;
}
#mypage #mypageMain .otherPageLink{
	
}
#mypage #mypageMain .otherPageLink ul li{
	margin: 0 10px 0 0;
	float: left;
}
#mypage #mypageMain .otherPageLink ul li.link01{
	width: 166px;
	height: 30px;
	background: url('../images/mypage/delivery_btn.gif') no-repeat;
}
#mypage #mypageMain .otherPageLink ul li.link01 a{
	display: block;
	width: 166px;
	height: 30px;
	text-indent: -999em;
}
#mypage #mypageMain .otherPageLink ul li.link02{
	width: 175px;
	height: 30px;
	background: url('../images/mypage/number_btn.gif') no-repeat;
}
#mypage #mypageMain .otherPageLink ul li.link02 a{
	display: block;
	width: 175px;
	height: 30px;
	text-indent: -999em;
}
#mypage #mypageMain .deliveryConts{
	
}
#mypage #mypageMain .deliveryConts h3{
	margin: 0 0 15px;
	padding: 0 0 0 15px;
	width: 668px;
	height: 24px;
	background: url('../images/mypage/h3_title.gif') no-repeat;
	font-size: 18px;
}
#mypage #mypageMain .deliveryConts table{
	margin: 0 0 20px;
	width: 100%;
	background: #95d2ec;
}
#mypage #mypageMain .deliveryConts table th{
	padding: 10px 0 10px 15px;
	border-bottom: 1px solid #FFF;
	color: #FFF;
	width: 25%;
	background: #78abc0;
	font-weight: bold;
}
#mypage #mypageMain .deliveryConts table td{
	padding: 10px 0 10px 15px;
	border-bottom: 1px solid #FFF;
}
#mypage #mypageMain .deliveryConts table td span{
	margin: 0 0 10px;
	display: block;
	font-weight: bold;
}
#mypage #mypageMain .deliveryBtn{
	
}
#mypage #mypageMain .deliveryBtn ul li{
	margin: 0 10px 0 0;
	float: left;
}
#mypage #mypageMain .deliveryBtn ul li a{
	display: block;
	text-indent: -999em;
}
#mypage #mypageMain .deliveryBtn ul li.delivery01 a{
	width: 166px;
	height: 30px;
	background: url('../images/mypage/address_btn.gif') no-repeat;
}
#mypage #mypageMain .deliveryBtn ul li.delivery02 a{
	width: 116px;
	height: 30px;
	background: url('../images/mypage/select_btn.gif') no-repeat;
}
#mypage #mypageMain .deliveryChangeConts h3{
	margin: 0 0 15px;
	padding: 0 0 0 15px;
	width: 668px;
	height: 24px;
	background: url('../images/mypage/h3_title.gif') no-repeat;
	font-size: 18px;
}
#mypage #mypageMain .deliveryChangeConts table{
	margin: 0 0 20px;
	width: 100%;
	background: #95d2ec;
}
#mypage #mypageMain .deliveryChangeConts table th{
	padding: 10px 0 10px 15px;
	border-bottom: 1px solid #FFF;
	color: #FFF;
	width: 25%;
	background: #78abc0;
	font-weight: bold;
}
#mypage #mypageMain .deliveryChangeConts table td{
	padding: 10px 0 10px 15px;
	border-bottom: 1px solid #FFF;
}
#mypage #mypageMain .deliveryChangeConts table td label{
	cursor: pointer;
}
#mypage #mypageMain .deliveryChangeConts table td span{
	margin: 0 0 10px;
	display: block;
	font-weight: bold;
}
#mypage #mypageMain .deliveryChangeConts table td input{
	margin: 5px 5px 0 0;
	float: left;
	vertical-align: middle;
}
#mypage #mypageMain .deliveryBtn{
	
}
#mypage #mypageMain .deliveryBtn ul li{
	margin: 0 10px 0 0;
	float: left;
}
#mypage #mypageMain .deliveryBtn ul li a{
	display: block;
	text-indent: -999em;
}
#mypage #mypageMain .deliveryBtn ul li.delivery01 a{
	width: 166px;
	height: 30px;
	background: url('../images/mypage/address_btn.gif') no-repeat;
}
#mypage #mypageMain .deliveryBtn ul li.delivery02 a{
	width: 116px;
	height: 30px;
	background: url('../images/mypage/select_btn.gif') no-repeat;
}
#mypage #mypageMain .deliveryBtn .deliveryBack{
	margin: 0 10px 0 0;
	float: left;
	width: 166px;
	height: 30px;
	background: url('../images/mypage/address_back_btn.gif') no-repeat;
}
#mypage #mypageMain .deliveryBtn .deliveryBack a{
	display: block;
	width: 166px;
	height: 30px;
	text-indent: -999em;
}
#mypage #mypageMain .deliveryBtn input.deliveryConform{
	width: 166px;
	height: 30px;
	cursor: pointer;
}
#mypage #mypageMain .deliveryBtn .infoBack{
	margin: 0 10px 0 0;
	float: left;
	width: 178px;
	height: 30px;
	background: url('../images/mypage/info_back.gif') no-repeat;
}
#mypage #mypageMain .deliveryBtn .infoBack a{
	display: block;
	width: 178px;
	height: 30px;
	text-indent: -999em;
}
#mypage #mypageMain .deliveryBtn input.deliverySubmit{
	width: 180px;
	height: 30px;
	cursor: pointer;
}
#mypage #mypageMain p.thanksMessage{
	padding: 15px;
	border: 1px solid #999;
	font-size: 14px;
}
#mypage #mypageMain .termChangeConts h3{
	margin: 0 0 15px;
	padding: 0 0 0 15px;
	width: 668px;
	height: 24px;
	background: url('../images/mypage/h3_title.gif') no-repeat;
	font-size: 18px;
}
#mypage #mypageMain .termChangeConts table{
	margin: 0 0 20px;
	width: 100%;
	background: #95d2ec;
}
#mypage #mypageMain .termChangeConts table th{
	padding: 10px 0 10px 15px;
	border-bottom: 1px solid #FFF;
	color: #FFF;
	width: 25%;
	background: #78abc0;
	font-weight: bold;
}
#mypage #mypageMain .termChangeConts table td{
	padding: 10px 0 10px 15px;
	border-bottom: 1px solid #FFF;
}
#mypage #mypageMain .termChangeConts table td label{
	cursor: pointer;
}
#mypage #mypageMain .termChangeConts table td span{
	margin: 0 0 10px;
	display: block;
	font-weight: bold;
}
#mypage #mypageMain .termChangeConts table td input{
	margin: 5px 5px 0 0;
	float: left;
	vertical-align: middle;
}
#mypage #mypageMain .termChangeProduct h3{
	margin: 0 0 15px;
	padding: 0 0 0 15px;
	width: 668px;
	height: 24px;
	background: url('../images/mypage/h3_title.gif') no-repeat;
	font-size: 18px;
}
#mypage #mypageMain .termChangeProduct table,
#mypage #mypageMain .termChangeDelivery table,
#mypage #mypageMain .termChangeNumber table,
#mypage #mypageMain .productName table{
	margin: 0 0 40px;
	width: 100%;
	background: #95d2ec;
}
#mypage #mypageMain .termChangeProduct table th,
#mypage #mypageMain .productName table th{
	padding: 10px 0 10px 15px;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	color: #FFF;
	background: #78abc0;
	font-weight: bold;
}
#mypage #mypageMain .termChangeDelivery table th,
#mypage #mypageMain .termChangeNumber table th{
	padding: 10px 0 10px 15px;
	border-bottom: 1px solid #FFF;
	color: #FFF;
	width: 25%;
	background: #78abc0;
	font-weight: bold;
}
#mypage #mypageMain .termChangeProduct table td,
#mypage #mypageMain .productName table td{
	padding: 10px 0 10px 15px;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
}
#mypage #mypageMain .termChangeDelivery table td,
#mypage #mypageMain .termChangeNumber table td{
	padding: 10px 0 10px 15px;
	border-bottom: 1px solid #FFF;
}
#mypage #mypageMain .termChangeProduct table td span{
	color: #F00;
}
#mypage #mypageMain .termChangeDelivery h3{
	margin: 0 0 15px;
	padding: 0 0 0 15px;
	width: 668px;
	height: 24px;
	background: url('../images/mypage/h3_title.gif') no-repeat;
	font-size: 18px;
}
#mypage #mypageMain .termChangeNumber h3{
	margin: 0 0 15px;
	padding: 0 0 0 15px;
	width: 668px;
	height: 24px;
	background: url('../images/mypage/h3_title.gif') no-repeat;
	font-size: 18px;
}
#mypage #mypageMain .termBtn{
	
}
#mypage #mypageMain .termBtn .termBack{
	margin: 0 10px 0 0;
	float: left;
	width: 166px;
	height: 30px;
	background: url('../images/mypage/address_back_btn.gif') no-repeat;
}
#mypage #mypageMain .termBtn .termBack a{
	display: block;
	width: 166px;
	height: 30px;
	text-indent: -999em;
}
#mypage #mypageMain .termBtn .termChangeConform{
	width: 200px;
	height: 50px;
	cursor: pointer;
}
#mypage #mypageMain .termBtn .termChangeSubmit{
	width: 180px;
	height: 30px;
	cursor: pointer;
}
#mypage #mypageMain .topPageLink{
	width: 163px;
	height: 30px;
	background: url('../images/mypage/top_back.gif') no-repeat;
}
#mypage #mypageMain .topPageLink a{
	display: block;
	width: 163px;
	height: 30px;
	text-indent: -999em;
}
#mypage #mypageMain .orderConts{
	
}
#mypage #mypageMain .orderConts h3{
	margin: 0 0 15px;
	padding: 0 0 0 15px;
	width: 668px;
	height: 24px;
	background: url('../images/mypage/h3_title.gif') no-repeat;
	font-size: 18px;
}
#mypage #mypageMain .orderConts table,
#mypage #mypageMain .orderChangeConts table{
	margin: 0 0 20px;
	width: 100%;
	background: #d3f1fe;
}
#mypage #mypageMain .orderConts table th,
#mypage #mypageMain .orderChangeConts table th{
	padding: 10px 0 10px 15px;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	color: #FFF;
	width: 25%;
	background: #78abc0;
	font-weight: bold;
}
#mypage #mypageMain .orderConts table td,
#mypage #mypageMain .orderChangeConts table td{
	padding: 10px 0 10px 15px;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
}
#mypage #mypageMain .orderChangeConts table td input{
	cursor: pointer;
}
#mypage #mypageMain .orderLink{
	margin: 0 0 30px;
}
#mypage #mypageMain .orderLink .orderLinkBack{
	margin: 0 10px 0 0;
	float: left;
	width: 166px;
	height: 30px;
	background: url('../images/mypage/address_back_btn.gif') no-repeat;
}
#mypage #mypageMain .orderLink .orderLinkBack a{
	display: block;
	width: 166px;
	height: 30px;
	text-indent: -999em;
}
#mypage #mypageMain .orderLink input.procedure{
	width: 200px;
	height: 50px;
	cursor: pointer;
}
#mypage #mypageMain .orderChangeConts{
	
}
#mypage #mypageMain .orderChangeConts h3{
	margin: 0 0 15px;
	padding: 0 0 0 15px;
	width: 668px;
	height: 24px;
	background: url('../images/mypage/h3_title.gif') no-repeat;
	font-size: 18px;
}
#mypage #mypageMain .orderDetailConts{
	margin: 0;
}
#mypage #mypageMain .orderDetailConts h3{
	margin: 0 0 15px;
	padding: 0 0 0 15px;
	width: 668px;
	height: 24px;
	background: url('../images/mypage/h3_title.gif') no-repeat;
	font-size: 18px;
}
#mypage #mypageMain .orderDetailConts table{
	margin: 0 0 5px;
	width: 100%;
	background: #d3f1fe;
}
#mypage #mypageMain .orderDetailConts table th{
	padding: 10px 0 10px 15px;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	color: #FFF;
	width: 20%;
	background: #78abc0;
	font-weight: bold;
}
#mypage #mypageMain .orderDetailConts table td{
	padding: 10px 0 10px 15px;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
}
#mypage #mypageMain .orderDeliveryChangeConts h3{
	margin: 0 0 15px;
	padding: 0 0 0 15px;
	width: 668px;
	height: 24px;
	background: url('../images/mypage/h3_title.gif') no-repeat;
	font-size: 18px;
}
#mypage #mypageMain .orderDeliveryChangeConts{
	margin: 0 0 30px;
}
#mypage #mypageMain .orderDeliveryChangeConts table{
	margin: 0 0 5px;
	width: 100%;
	background: #d3f1fe;
}
#mypage #mypageMain .orderDeliveryChangeConts table.small{
	width: 97%;
	background: #FFF;
}
#mypage #mypageMain .orderDeliveryChangeConts table th{
	padding: 10px 0 10px 15px;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	color: #FFF;
	width: 25%;
	background: #78abc0;
	font-weight: bold;
}
#mypage #mypageMain .orderDeliveryChangeConts table.small th{
	width: 30%;
	background: #95d2ec;
}
#mypage #mypageMain .orderDeliveryChangeConts table td{
	padding: 10px 0 10px 15px;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
}
#mypage #mypageMain .orderDeliveryChangeConts table.small td{
	border-bottom: 1px solid #78abc0;
}
#mypage #mypageMain .orderLink .orderSubmitConform{
	width: 200px;
	height: 50px;
	cursor: pointer;
}
#mypage #mypageMain .orderLink .orderBack{
	margin: 0 10px 0 0;
	float: left;
	width: 178px;
	height: 30px;
	background: url('../images/mypage/order_back.gif') no-repeat;
}
#mypage #mypageMain .orderLink .orderBack a{
	display: block;
	width: 178px;
	height: 30px;
	text-indent: -999em;
}
#mypage #mypageMain .orderLink .orderSubmit{
	width: 200px;
	height: 50px;
	cursor: pointer;
}
#mypage #mypageMain .orderadditionOrderConts h3{
	margin: 0 0 15px;
	padding: 0 0 0 15px;
	width: 668px;
	height: 24px;
	background: url('../images/mypage/h3_title.gif') no-repeat;
	font-size: 18px;
}
#mypage #mypageMain .mypageAttentionText{
	margin: 0 0 20px;
}
#mypage #mypageMain .mypageAttentionText ul li{
	color: #999;
	line-height: 1.2em;
	font-size: 10px;
}

#mypage #mypageMain .agreement{
	margin: 0 0 40px;
}
#mypage #mypageMain .agreement h3{
	margin: 0 0 15px;
	padding: 0 0 0 15px;
	width: 668px;
	height: 24px;
	background: url('../images/mypage/h3_title.gif') no-repeat;
	font-size: 18px;
}
#mypage #mypageMain .agreement .agreementConts{
	padding: 20px;
	border: 1px solid #DADADA;
	width: 638px;
	_width: 666px;
	height: 300px;
	overflow-y: scroll;
}

/* ▼▼ 規約CSS（2012.12.11：宮寺） ▼▼ */

#mypage #mypageMain .agreement .agreement_box{
color:#6f828e;
}

#mypage #mypageMain .agreement .agreement_box h2{
margin:35px 0 15px 0;
padding:0;
font-size:13px;
font-weight:bold;
color:#416b85;
width:auto;
height:auto;
background:url(/html/images/common/footer_dot_line.gif) repeat-x bottom;
}

#mypage #mypageMain .agreement .agreement_box h3{
margin:15px 0 5px 0;
padding:0;
font-size:12px;
font-weight:bold;
color:#416b85;
width:auto;
height:auto;
border:none;
background:none;
}

#mypage #mypageMain .agreement .agreement_box p{
margin:0 0 15px 0;
}

#mypage #mypageMain .agreement .agreement_box p.update{
margin:30px 0 0 0;
}

#mypage #mypageMain .agreement .agreement_box ol,
#mypage #mypageMain .agreement .agreement_box ul{
margin:0 0 0 2em;
float:none;
height:auto;
}

#mypage #mypageMain .agreement .agreement_box li{
margin:0 0 10px 0;
line-height:1.5em;
float:none;
height:auto;
}

#mypage #mypageMain .agreement .agreement_box ol ol,
#mypage #mypageMain .agreement .agreement_box ol ul,
#mypage #mypageMain .agreement .agreement_box ul ol,
#mypage #mypageMain .agreement .agreement_box ul ul{
margin:10px 0 20px 3em;
float:none;
height:auto;
}

#mypage #mypageMain .agreement .agreement_box ul li,
#mypage #mypageMain .agreement .agreement_box ol ul li,
#mypage #mypageMain .agreement .agreement_box ul ul li{
list-style-type:disc;
margin:0 0 5px 0;
float:none;
height:auto;
}

#mypage #mypageMain .agreement .agreement_box ol li{
list-style-type:decimal;
float:none;
height:auto;
}

#mypage #mypageMain .agreement .agreement_box ol ol li{
list-style-type:lower-roman;
float:none;
height:auto;
}

/* オリジナルソース
#mypage #mypageMain .agreement .agreementConts h4{
	font-size: 14px;
	font-weight: bold;
}
#mypage #mypageMain .agreement .agreementConts h5{
	padding: 20px 0 10px;
	color: #2FA3D9;
	font-size: 14px;
	font-weight: bold;
}
#mypage #mypageMain .agreement .agreementConts p{
	margin: 0;
	line-height: 1.8em;
}
#mypage #mypageMain .agreement .agreementConts ol,
#mypage #mypageMain .agreement .agreementConts ul{
	margin: 0;
	height: auto;
}
#mypage #mypageMain .agreement .agreementConts ol li,
#mypage #mypageMain .agreement .agreementConts ul li{
	margin: 0;
	float: none;
	height: auto;
	line-height: 1.8em;
	font-size: 12px;
}
#mypage #mypageMain .agreement .agreementConts ol li ul li{
	padding: 0 0 0 20px;
}
#mypage #mypageMain .mypageTop{
	
}
*/

/* ▲▲ 規約CSS（2012.12.11：宮寺） ▲▲ */

#mypage #mypageMain .mypageTop .mypageTopLink{
	width: 177px;
	height: 30px;
	background: url('../images/mypage/mypage_top.gif') no-repeat;
	text-indent: -999em;
}
#mypage #mypageMain .mypageTop .mypageTopLink a{
	display: block;
	width: 177px;
	height: 30px;
}

#mypage #mypageMain .orderLink{
	margin: 0 0 30px;
}
#mypage #mypageMain .orderLink .orderLinkBack{
	margin: 0 10px 0 0;
	float: left;
	width: 166px;
	height: 30px;
	background: url('../images/mypage/address_back_btn.gif') no-repeat;
}
#mypage #mypageMain .orderLink .orderLinkBack a{
	display: block;
	width: 166px;
	height: 30px;
	text-indent: -999em;
}
#mypage #mypageMain .mypageTop input.procedure{
	width: 200px;
	height: 50px;
	cursor: pointer;
}

#mypage #mypageSide{
	float: left;
	width: 206px;
}
#mypage #mypageSide h3{
	width: 206px;
	height: 29px;
	background: url('../images/mypage/side_tit.gif') no-repeat;
	text-indent: -999em;
}
#mypage #mypageSide .sideNav01{
	width: 206px;
	height: 26px;
	background: url('../images/mypage/side_nav01.gif') no-repeat;
	text-indent: -999em;
}
#mypage #mypageSide .sideNav02{
	width: 206px;
	height: 26px;
	background: url('../images/mypage/side_nav02.gif') no-repeat;
	text-indent: -999em;
}
#mypage #mypageSide .sideNav03{
	width: 206px;
	height: 26px;
	background: url('../images/mypage/side_nav03.gif') no-repeat;
	text-indent: -999em;
}
#mypage #mypageSide .sideNav04{
	width: 206px;
	height: 26px;
	background: url('../images/mypage/side_nav04.gif') no-repeat;
	text-indent: -999em;
}
#mypage #mypageSide .sideNav04 a{
	display: block;
	width: 206px;
	height: 26px;
}
#mypage #mypageSide .sideNav05{
	width: 206px;
	height: 26px;
	background: url('../images/mypage/side_nav05.gif') no-repeat;
	text-indent: -999em;
}
#mypage #mypageSide .sideNav05 a{
	display: block;
	width: 206px;
	height: 26px;
}
#mypage #mypageSide .sideNav06{
	width: 206px;
	height: 26px;
	background: url('../images/mypage/side_nav06.gif') no-repeat;
	text-indent: -999em;
}
#mypage #mypageSide .sideNav06 a{
	display: block;
	width: 206px;
	height: 26px;
}
#mypage #mypageSide ul li{
	width: 206px;
	height: 26px;
	background: url('../images/mypage/side_subtit.gif') no-repeat;
}
#mypage #mypageSide ul li a{
	padding: 0 0 0 40px;
	display: block;
	widows: 206px;
	_widows: 166px;
	height: 26px;
	line-height: 2.0em;
}

/* すいません、追加させて頂きます...（宮寺） */
.FL{float:left;}
.FR{float:right;}
.mR10{margin-right:10px;}

/******* -------------------- 2012 09 15 追加 @hasumi--------------------- *******/
#mypage #mypageSide .sideNav{
	width: 181px;
	height: 25px;
	background: url('../images/mypage/side_nav.gif') no-repeat;
	padding-left: 25px;
	padding-top: 1px;
}
#mypage #mypageMenu {
    margin-bottom: 20px;
}
#mypage #mypageMenu li {
    float: left;
    width: 20%;
    height: 50px;
    line-height: 1.4;
    background: url(../images/mypage/mypage_menu_bg.gif) repeat-x;
}
#mypage #mypageMenu li a{
    display: block;
    text-align: center;
    height: 42px;
    padding-top: 8px;
    font-weight: bold;
    border-left: 1px solid #fff;
    color: #fff; text-decoration: none; 
}
#mypage #mypageMenu li a:hover {
    background: #B3C7DE;
}
#mypage #mypageMenu li a.active {
    color: #0099ff;
}
#mypage #mypageMenu li .first {
    border-left: none !important;
}
#mypage #mypageMenu li .line1{
    height: 35px;
    padding-top: 15px;
}
#mypage .logout_btn{
	float: right;
	width: 119px;
	height: 30px;
	margin-right: 62px;
}
#mypage .logout_btn a{
	display: block;
	width: 119px;
	height: 30px;
	background: url('../images/mypage/logout_btn.gif') no-repeat;
	text-indent: -999em;
}

#mypage #mypageMain .status2{
}
#mypage #mypageMain .status2 table{
	width: 100%;
}
#mypage #mypageMain .status2 table th{
	border-bottom: 5px solid #F1F6F9;
	color: #FFF;
	width: 25%;
	font-weight: bold;
	background: url(../images/mypage/table_th_bg.gif) repeat-y #7BB5D1;
	padding: 10px 0 10px 15px;
}
#mypage #mypageMain .status2 table tr{
}
#mypage #mypageMain .status2 table th p{
	margin: 0; padding: 0;
	height: 100%;
}
#mypage #mypageMain .status2 table td{
	padding: 10px 0 10px 15px;
	border-bottom: 5px solid #F1F6F9;
	background: #fff;
}
#mypage .status2 table td .info-edit-btn {
    margin: 0 !important;
}
#mypage .status2 table td .info-edit-btn a{
    display: block;
    width: 170px;
    height: 31px;
    background: url(../images/mypage/info-btn-bg.png) no-repeat;
    padding-top: 5px; 
    padding-left: 15px;
    text-decoration: none;
    color: #224;
}
#mypage .status2 table td .info-edit-btn a:hover{
    color: #aaa;
}
#mypage .emailmessage {
    border: 1px solid #E5E5E5;
    background: #fffff0;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: red;
    margin: 10px 0;
}
#mypage .reset-box {
    position: relative;
    min-height: 240px;
}
#mypage .reset-box1 {
    width: 75%;
    background: #F1F6F9;
}
#mypage .reset-box2-outer {
    position: absolute;
    width: 150px;
    right: 10px;
    font-size: 14px;
}
#mypage .reset-box2-outer #add-order-btn{
    width: 150px; height: 45px;
    text-align: center; 
    background: url(../images/mypage/mypage_menu_bg.gif) repeat-x;
}
#mypage .reset-box2-outer #add-order-btn a{
    width: 150px; height: 33px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    padding-top: 12px;
    display: block; 
    background: url("../images/mypage/mypage-functions-arw.png") 130px center no-repeat;
}
#mypage .reset-box2-outer #add-order-btn a:hover{
    color: #eee;
}
#mypage .reset-box2 {
    padding: 10px;
    background: #4BB4E6;
    margin-bottom: 10px;
}
#mypage .reset-box2 p{
    margin-bottom: 8px !important;
    color: #fff; font-weight: bold;
    text-align: center;
    font-weight: bold;
}
#mypage .reset-box2 .reset-arw{
    position: absolute;
    left: -30px;
    top:  70px;
}
#mypage .reset-box2 li {
    margin-bottom: 8px; 
}
#mypage .reset-box2 li a {
    background: url(../images/mypage/reset-button-bg.gif) repeat-x #F0F4F8;
    width: 114px;
    height: 40px;
    font-size: 14px;
    display: block;
    line-height: 1.3;
    color: #083F67;
    text-shadow: 1px 1px 0px #ffffff; 
    text-decoration: none;
    padding: 8px 8px;
    border: 1px solid #ddd;
    box-shadow: 1px 1px 2px #666;
}
#mypage .reset-box2 li a:hover {
    color: #aaa;
}
#mypage .reset-box3 {
    width: 75%;
    background: #F1F6F9;
    margin-bottom: 15px;
}
#mypage .reset-box3 table {
    width: 100%;
}
#mypage .reset-box3 table th{
    width: 25%;
    background: #fffff0;
    padding-left: 15px;
    border-left: 2px solid #083F67;
    border-right: 1px solid #083F67;
}
#mypage .reset-box3 table td{
    background: #fff;
    padding-left: 15px;
    border-right: 2px solid #083F67;
}
#mypage .reset-box3 table th, #mypage .reset-box3 table td{
    height: 40px;
    border-top: 2px solid #083F67;
    border-bottom: 2px solid #083F67;
}
#mypage .edit-button {
    float: right;
    width: 120px;
    height: 30px;
    text-align: center;
    position: relative;
    top: -10px; 
}
#mypage .edit-button a{
    display: block;
    width: 120px;
    height: 27px;
    background: url(../images/mypage/edit-button-bg.gif) no-repeat;
    color: #083F67;
    text-decoration: none;
    padding-top: 3px;
}
#mypage .edit-button a:hover{
    color: #8C9DAE;
}
.orderConts h3 { margin-top: 30px !important; }

#mypage .delivery-list table>tbody>tr>th{
    background: #a2b6cd;
    text-align: center;
    border: 1px solid #92a6bd;
    padding: 5px;
    color: #fff;
}
#mypage .delivery-list>table>tbody>tr>td{
    background: #fff;
    border: 1px solid #92a6bd;
    padding: 5px;
}
#mypage .delivery-list .odd td{
    background: #fffff0 !important;
}
#mypage .delivery-list .cancel td{
    background: #fff9f9 !important;
}

#mypage .delivery-list>table>tbody>tr>td table {
    width: 100%;
}
#mypage .delivery-list>table>tbody>tr>td table td{
    border-bottom: 1px solid #92a6bd;
    padding: 5px;
    text-align :center; 
}
#mypage .delivery-list>table>tbody>tr>td table .no-border{
    border: none !important;
}    
#mypage .mypage-functions {
    margin-top: 30px;
}    
#mypage .functions table{
    width: 100%;
}    
#mypage .functions table th{
    width: 25%;
    border-bottom: 7px solid #fff;
    height: 70px;
    padding: 10px;
    background: url("../images/mypage/mypage_menu_bg.gif") repeat-x #288EC1;
    vertical-align: center; 
}    
#mypage .functions table th p{
    margin: 0 !important;
    text-align: center;
    background: url("../images/mypage/mypage-functions-arw.png") right center no-repeat;
}
#mypage .functions table th p a{
    color: #fff;
    text-decoration: none;
    font-size: 1.2em;
    display: block;
}
#mypage .functions table th p a:hover {
    color: #eeeeee;
}
#mypage .functions table td{
    background: #F1F6F9;
    padding: 10px;
    border-bottom: 7px solid #fff;
    border-left: 2px solid #fff;
    height: 40px;
}
#header-box {
    float: right;
    width: 255px;
    background: #F1F6F9;
    border: 1px solid #E5E5E5;
    padding: 5px;
    margin-top: 30px;
    margin-bottom: 10px;
}
#header-box th, #header-box td {
    font-weight: normal; 
    padding: 3px;
    background: #fff;
    border-bottom: 1px solid #F1F6F9;
}
.totop { background: #fff; text-align: right; }
.totop img:hover{ opacity: 0.7 }

#mypage .reset-box2 li a { color: #AAAAAA; }

/** -----追加ここまで----- **/

/** -----追加.from 2013.06.10----- **/
.goods-desc { background: #F1F6F9; padding: 10px; margin-bottom: 15px; }

.goods-bottom.btn1 { background: url("../images/mypage/mypage_menu_bg.gif") repeat-x #228BC0; height: 40px; width: 210px; margin: 0 auto !important; text-align: center; }
.goods-bottom.btn1 a { font-weight: bold; text-decoration: none; color: #fff; padding: 10px 0; display: block; }
.goods-bottom.btn1 a:hover { color: #d0d0d0; }
.orderChangeConts .goods-buying .goods-column { padding: 0 !important; }
.orderChangeConts .goods-buying .image { width: 90px; height: 90px; }
.orderChangeConts .goods-buying .price { text-align: right; padding: 0 10px !important; }
.orderChangeConts .syokei { width: 450px; margin-left: 217px; }
.orderChangeConts .syokei table { margin-bottom: 0px !important; }
.orderChangeConts .syokei td { text-align: right; }

.goods-detail-left { width: 340px; float: left;}
.goods-detail-right { width: 310px; float: right; font-size: 120%; }
.goods-detail .headline { text-align: left; font-weight: bold; color: #4f4f4f; font-size: 150%; border-bottom: 3px solid #00ADFF; background: #fff; padding: 10px 5px; margin-bottom: 30px !important; }
.goods-detail-img { padding: 10px; background: #cccccc; margin-bottom: 10px; min-height: 320px; }
.goods-detail-thumbs .thumbs { width: 110px; float: left; }
.thumbs.middle { margin: 0 5px; }
.goods-column { border-bottom: 1px dotted #4f4f4f; margin-bottom: 10px; padding: 5px; }
.goods-column .def { background: #BFEDFF; color: #0085ED; border: 1px solid #0085ED; padding: 1px; display: block; width: 80px; text-align: center; margin-bottom: 15px; font-size: 100%; }
.goods-column .dd { font-weight: bold; }
.goods-column .price { color: #cc0000; font-size: 160%; }
.goods-buying img:hover { position: relative; top: 3px; }

.list-goods.first { border-top: 1px dotted #a1a1a1; }
.list-goods { height: 110px; border-bottom: 1px dotted #a1a1a1; padding: 5px; }
.list-goods-img { width: 120px; float: left; padding-left: 5px; }
.list-goods-img img { padding: 0.3em 0; }
.list-goods-name { width: 380px; float: left; font-size: 110%; font-weight: bold; padding-top: 45px; }
.list-goods-price { width: 100px; float: left; padding-top: 0px; font-size: 140%; font-weight: bold; color: #cc0000; text-align: right; padding-right: 20px; line-height: 110px; }
.list-goods-price p { margin: 0 !important; }

.ec-btns { text-align: center; }
.ec-btn { padding: 10px 20px; background: url("../images/mypage/mypage_menu_bg.gif") repeat-x scroll 0 0 transparent; color: #fff; font-weight: bold; cursor: pointer; }
.ec-btn:hover { color: #eee; position: relative; top: 1px; }
a.ec-btn { background: #eee; color: #000; padding: 9px 20px 10px; font-weight: normal; border: 1px solid #a1a1a1; text-decoration: none; }
a.ec-btn:hover { color: #666; }
span.ec-btn { border: 1px solid #DADADA; }
span.ec-btn a { color: #fff; text-decoration: none; line-height: 1.8; }
span.ec-btn a:hover { color: #eeeeee; }
/** -----追加.end 2013.06.10----- **/

/** -----追加.from 2013.06.27----- **/
.calendar { margin: 10px 0; }
.calendar h4 { margin-bottom: 5px; background: #288EC1; font-weight: bold; text-align: center; padding: 2px 0; color: #fff; }
.calendar .ui-datepicker { width: 200px !important; }
.calendar .hasDatepicker { margin-bottom: 5px; }
/** -----追加.end 2013.06.27----- **/
/** -----追加.from 2013.09.04----- **/
.calendar .ui-state-default { cursor: default; }
/** -----追加.end 2013.09.04----- **/