@charset "utf-8";

#com_main {
	width: 950px;
	overflow: hidden;
    margin: 0 auto;
}
	
	
	
.com_title_01 {
	width:auto;
	height:27px;
    background-image: url("../img_com/cart_bg_01.png");
    background-repeat: repeat-x;
    text-align: center;
    margin:0;
    padding: 3px 0 0 0;
    border-left: solid 2px #CCCCCC;
    border-right: solid 2px #CCCCCC;
    font-size: 15px;
    font-weight: 600;
    color: #666666;
}

.com_title_02 {
    width:auto;
    height:23px;
    background-image: url("../img_com/cart_bg_02.png");
    background-repeat: repeat-x;
    text-align: center;
    margin:0;
    padding: 5px 0 0 0;
    font-size: 14px;
    font-weight: 600;
    color: #666666;
}


/* ポイント
---------------------------------------------*/
#com_point_area {
	margin: 0 0 20px 0;
	padding: 10px;
	overflow:hidden;
    border-left: solid 2px #CCCCCC;
    border-right: solid 2px #CCCCCC;
    border-bottom: solid 2px #CCCCCC;
}

div.com_point_txt {
    width: 925px;
    overflow: hidden;
    margin: 5px auto 5px auto;
}
    
#com_point_area h4 {
    margin:0 0 5px 2px;
    padding: 0;
    font-size: 16px;
    font-weight: bold;
    color: #333333;
}
	
#com_point_img {
    width: 926px;
    overflow: hidden;
    margin: 0 auto 10px auto;
}

#com_get_point {
	width:902px;
	margin: 0 auto 0 auto;
	padding: 10px;
	border: solid 2px #CCCCCC;
	background-color: #FAECE5;
	color: #666666;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

#com_get_point p, 
#com_get_point span {
	font-size: 18px;
    font-weight: bold;
}

#com_get_point span {
    color: #FF0000;	
}
	
#com_point_box {
	width:940px;
    margin: 10px 0 0 0;
    padding: 0;
    overflow:hidden;
}

#com_point_box p {
    margin: 0 0 0 3px;
}




/* ログイン
---------------------------------------------*/
div#com_login_area {
	margin: 0 0 20px 0;
    overflow:hidden;
    border: solid 2px #CCCCCC;
}

/*** [ログインボタン] ***/
#com_login_btn {
    display: block;
    overflow: hidden;
    height: 0px;
    width: 100px;
    background-image: url(../img_com/cart_login.png);
    margin: 0 auto;
    padding: 23px 0 0 0;
}
/*** [選択状態] ***/
#com_login_btn:hover {
    background-position: 0 23px;
}


/* 初めての方(ログインページ)
---------------------------------------------*/
/*** [会員情報引継ぎエリア] ***/
div#com_migrate_area {
    width: 925px;
    overflow: hidden;
    margin: 10px auto;
    padding: 0;
    border-left: solid 2px #CCCCCC;
    border-right: solid 2px #CCCCCC;
    border-bottom: solid 2px #CCCCCC;
}

div#com_migrate_box {
    width: 905px;
    overflow: hidden;
    padding: 10px;
}

div#com_migrate_btn {
    margin: 20px 0 20px 0;  
}

/*** [会員情報引継ぎボタン] ***/
div#com_migrate_btn a {
    display: block;
    overflow: hidden;
    height: 0px;
    width: 600px;
    background-image: url(../img_com/btn_migrate.png);
    margin: 0 auto;
    padding: 55px 0 0 0;
}

/*** [選択状態] ***/
div#com_migrate_btn a:hover {
    background-position: 0px 55px;
}

#com_migrate_box h5 {
    padding: 0;
    font-size: 14px;
    font-weight: bold;
    color: #333333;
}

/*** [ログインエリア] ***/
div#com_login_box {
	width: 930px;
	overflow: hidden;
    margin: 0 auto;
    padding: 10px 0;
}
	
div#com_login_lt {
    float: left;
    width: 460px;
    overflow: hidden;
    text-align: center;
    margin: 0;
}

div#com_login_rt {
    float: right;
    width: 450px;
    overflow: hidden;
    text-align: center;
    margin: 0;
}


/* 新規会員登録
---------------------------------------------*/
/*** [戻るボタン] ***/
.back_btn {
    display: inline-block;
    overflow: hidden;
    height: 0px;
    width: 125px;
    background-image: url(../img_com/member_back.png);
    margin: 0 auto;
    padding: 38px 0 0 0;
}
.back_btn:hover {
    background-position: 0px 38px;
}

/*** [入力内容を確認ボタン] ***/
.input_check_btn {
    display: inline-block;
    overflow: hidden;
    height: 0px;
    width: 197px;
    background-image: url(../img_com/memberinfo.png);
    margin: 0 auto;
    padding: 38px 0 0 0;
}
.input_check_btn:hover {
    background-position: 0px 38px;
}
.input_send_btn {
    display: inline-block;
    overflow: hidden;
    height: 0px;
    width: 90px;
    background-image: url(../img/contents/pc/send.png);
    margin: 0 auto;
    padding: 26px 0 0 0;
}
.input_send_btn:hover {
    background-position: 0px 26px;
}

.new_member_btn {
    display: inline-block;
    overflow: hidden;
    height: 0px;
    width: 197px;
    background-image: url(../img_com/newmember2.png);
    margin: 0 auto;
    padding: 38px 0 0 0;
}
.new_member_btn:hover {
    background-position: 0px 38px;
}

/*** [登録するボタン] ***/
.regist_btn {
    display: inline-block;
    overflow: hidden;
    height: 0px;
    width: 160px;
    background-image: url(../img_com/regist.png);
    margin: 0 auto;
    padding: 38px 0 0 0;
}
.regist_btn:hover {
    background-position: 0px 38px;
}

/*** [購入手続きへボタン] ***/
.purchase_btn {
    display: inline-block;
    overflow: hidden;
    height: 0px;
    width: 160px;
    background-image: url(../img_com/member_purchase.png);
    margin: 0 auto;
    padding: 38px 0 0 0;
}
.purchase_btn:hover {
    background-position: 0px 38px;
}

/* 会員情報変更
---------------------------------------------*/
/*** [更新するボタン] ***/
.update_btn {
    display: inline-block;
    overflow: hidden;
    height: 0px;
    width: 160px;
    background-image: url(../img_com/update.png);
    margin: 0 auto;
    padding: 38px 0 0 0;
}
.update_btn:hover {
    background-position: 0px 38px;
}

/*** [パスワード再発行ボタン] ***/
.password_btn {
    display: block;
    overflow: hidden;
    height: 0px;
    width: 135px;
    background-image: url(../img_com/password.png);
    margin: 0 auto;
    padding: 26px 0 0 0;
}
.password_btn:hover {
    background-position: 0px 26px;
}


/*** [購入時ログインボタン] ***/
.purchase_login_btn {
    display: block;
    overflow: hidden;
    height: 0px;
    width: 170px;
    background-image: url(../img_com/purchase_login.png);
    margin: 0 auto;
    padding: 32px 0 0 0;
}
/*** [選択状態] ***/
.purchase_login_btn:hover {
    background-position: 0 32px;
}

/* 初めての方(ログインページ)
---------------------------------------------*/
#com_guest_area {
    width: 456px;
    height: 246px;
    border-left: solid 2px #CCCCCC;
    border-right: solid 2px #CCCCCC;
    border-bottom: solid 2px #CCCCCC;
}

div#com_guest_btn {
    margin: 20px 0 30px 0;  
}

/*** [新規会員登録ボタン] ***/
div#com_guest_btn a {
    display: block;
    overflow: hidden;
    height: 0px;
    width: 216px;
    background-image: url(../img_com/registration.png);
    margin: 0 auto;
    padding: 36px 0 0 0;
}

/*** [選択状態] ***/
div#com_guest_btn a:hover {
    background-position: 0px 36px;
}

/* 初めての方(購入ページ)
---------------------------------------------*/
#com_reg_mem_area {
    width: 456px;
    margin: 0 0 10px 0;
    border-left: solid 2px #CCCCCC;
    border-right: solid 2px #CCCCCC;
    border-bottom: solid 2px #CCCCCC;
}

div#com_reg_mem_btn {
    margin: 10px 0 10px 0;
}

/*** [新規会員登録ボタン] ***/
div#com_reg_mem_btn a {
    display: block;
    overflow: hidden;
    height: 0px;
    width: 216px;
    background-image: url(../img_com/registration.png);
    margin: 0 auto;
    padding: 36px 0 0 0;
}

/*** [選択状態] ***/
div#com_reg_mem_btn a:hover {
    background-position: 0px 36px;
}

div.com_reg_mem_box {
	overflow: hidden;
    margin: 0;
    padding: 5px;
    overflow:hidden;
}

div.com_reg_mem_box p {
	text-align: left;
}


#com_noreg_mem_area {
    width: 456px;
    margin: 0;
    border-left: solid 2px #CCCCCC;
    border-right: solid 2px #CCCCCC;
    border-bottom: solid 2px #CCCCCC;
}

div#com_noreg_mem_box {
	overflow: hidden;
    padding: 10px 0;	
}

/*** [登録しないで購入ボタン] ***/
div#com_noreg_mem_box a {
    display: block;
    overflow: hidden;
    height: 0px;
    width: 122px;
    background-image: url(../img_com/cart_procedure.png);
    margin: 0 auto;
    padding: 30px 0 0 0;
}

/*** [選択状態] ***/
div#com_noreg_mem_box a:hover {
    background-position: 0px 30px;
}

div#com_noreg_mem_reserve_box {
    overflow: hidden;
    padding: 10px 0;    
}

/*** [登録しないで予約ボタン] ***/
div#com_noreg_mem_reserve_box a {
    display: block;
    overflow: hidden;
    height: 0px;
    width: 122px;
    background-image: url(../img_com/reserve_procedure.png);
    margin: 0 auto;
    padding: 30px 0 0 0;
}

/*** [選択状態] ***/
div#com_noreg_mem_reserve_box a:hover {
    background-position: 0px 30px;
}
	
/* 会員の方
---------------------------------------------*/
#com_mem_area {
    width: 446px;
    height: 246px;
    border-left: solid 2px #CCCCCC;
    border-right: solid 2px #CCCCCC;
    border-bottom: solid 2px #CCCCCC;
}

.com_mem_box {
    margin: 0 0 20px 0;
    padding: 10px;
    overflow:hidden;
}

.com_mem_box table {
    margin: 0 0 10px 0;
}



/* 購入
---------------------------------------------*/
/*** [注文を始める] ***/
#purchase {
    width: 780px;
    margin: 0 auto;
}
    
.com_purchase_step {
    width: 780px;
    height: 60px;
    text-align: center;
}

.com_order_start {
    float: left;
    width: 360px;
    height: 200px;
    text-align: center;
    border: solid 1px #FFCC66;
    background-color: #FFFFE1;
    padding: 10px;
    margin: 0 0 10px 0;
}
    
.com_account_form {
    float: right;
    width: 360px;
    height: 200px;
    text-align: center;
    border: solid 1px #4AA0C0;
    background-color: #ECF3FF;
    padding: 10px;
    margin: 0 0 10px 0;
}
    
.com_purchase_title {
    margin: 0;
    padding: 0;
    text-align: left;
    font-weight: bold;
    width: 770px;
}

.com_purchase_btn {
    width: 770px;
    text-align: right;
}
    
.com_purchase_tb {
    border: solid 1px #999999;
    border-collapse:collapse;   
    border-spacing: 0px;
}

.com_purchase_th{
    background-color: #DFE6D5;
    font-size: 15px;
    font-weight: bold;
    padding:5px;
    color: #663300;
    vertical-align: top;
    text-align: left;
    border: solid 1px #CCCCCC;
}

.com_purchase_td{
    padding:5px;
    background-color: #FFFFFF;
    border: solid 1px #CCCCCC;
}

.com_purchase_input_head{

}
.com_purchase_input_head p{
    float: left;
    width: 120px;
    text-align: right;
    margin: 0;
    padding: 0;
}


.com_purchase_finish {
    width: 550px;
    margin: 0 auto;
    text-align: left;
}

/*** 配送先設定***/
.com_delivery_info {
    width: 770px;
    border: solid 1px #CCCCCC;
    text-align: left;
}

.com_delivery_biko_sub {
    margin: 0;
}





/* テーブルレイアウト
---------------------------------------------*/
.com_tb{
    margin:0px;
    padding:0px;
    border-collapse:collapse;
}

th.com_tb_clum1 {
    padding: 3px 5px 3px 5px;
    color:#FFFFFF;
    background-color:#4AA0C0;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
}
    
td.com_tb_clum2 {
	padding: 3px;
    border:1px solid #CCCCCC;
    font-weight: normal;
    color: #333333;
}

/* レイアウト調整用
---------------------------------------------*/
.fl{float: left;}
.fr{float: right;}

.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
.ml40{margin-left: 40px;}
.mr10{margin-right: 10px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}

/* サイドバー（会員ページ等）
---------------------------------------------*/
h2.sideTitle {
    width: 200px;
    height: 25px;
    margin: 0 0 0 0;
    padding: 5px 0 0 0;
    background-image: url(../img_com/side_title.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    color: #646464;
    text-align: center;
    font-weight: bold;
}

div.sideContentsBox {
    width: 185px;
    padding: 5px 3px 5px 10px;
    border-left: solid 1px #DEDEDE;
    border-right: solid 1px #DEDEDE;
    border-bottom: solid 1px #DEDEDE;
}

div.sideContentsBox li {
    padding: 3px 0 3px 0;
}

/* アンケート
---------------------------------------------*/
div.surveyTitle {
    background-color: #ffff99;
    padding: 5px;
    margin: 0 0 20px 0;
    text-align: center;
    font-weight: bold;
}

div.surveyArea {
    padding: 0 20px 0 20px;
}

div.surveyTermsArea {
    margin: 0 0 30px 0;
}

div.surveyTermsArea dt {
    position: absolute;
    font-weight: bold;
}

div.surveyTermsArea dd {
    margin: 0 0 10px 0;
    padding: 0 0 10px 200px;
    border-bottom: 1px dotted #CCCCCC;
}

div.surveyResult {
    margin: 0 0 20px 0;
    padding: 0 20px 0 20px;
}

/*** [戻るボタン] ***/
.back_btn_big {
    display: inline-block;
    overflow: hidden;
    height: 0px;
    width: 150px;
    background-image: url(../img_com/btn_back.png);
    margin: 0 auto;
    padding: 50px 0 0 0;
}
.back_btn_big:hover {
    background-position: 0px 50px;
}

/*** [入力内容を確認ボタン] ***/
.confirm_btn_red {
    display: inline-block;
    overflow: hidden;
    height: 0px;
    width: 240px;
    background-image: url(../img_com/btn_confirm.png);
    margin: 0 auto;
    padding: 50px 0 0 0;
}
.confirm_btn_red:hover {
    background-position: 0px 50px;
}

/*** [登録するボタン] ***/
.regist_btn_red {
    display: inline-block;
    overflow: hidden;
    height: 0px;
    width: 240px;
    background-image: url(../img_com/btn_regist.png);
    margin: 0 auto;
    padding: 50px 0 0 0;
}
.regist_btn_red:hover {
    background-position: 0px 50px;
}