@charset "utf-8";


/*　全体設定　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*　レイアウト設定　－－－－－－－－－－*/
body { 
	margin:0;
	font-size: 12px;
	line-height:150%;
	color:#666666;
}

#wrapper{
width:870px;
margin:0 auto;
padding:0;
background:#FFFFFF;
}

#header{
	margin:0 0 10px 0;
	padding:10px 0 10px 10px;
	border:1px dashed #FFFFFF;
	overflow:auto;
}

#main_box{
width:870px;
padding:0;
margin:0 auto 20px;
}

.box800{
	width:800px;
	margin:0 auto 40px;
}

/*　ステップ1のみ設定　*/
.box800-s11{
	width:800px;
	margin:0 auto 0;
}



/*　タグ設定　－－－－－－－－－－*/
h1,h2,h3,h4{font-size:100%;}

img{border:none;}

/*td {line-height:130%;
	color:#333333;
}*/
p{
	margin:0;
	padding:0;
}

ul{
	display:block;
	margin:0;
	padding:0;
}
p,li{
	list-style:none;
	margin:0;
	padding:0;
}

/*textarea{font-size:100%;}*/
textarea{font-size:12px;}

/*　リンク文字色設定　*/
a{color:#0C3090;}
a:hover{color:#FF9900;}

#MYPAGE,#JUSHO,#HOJIN {
  display: none;
}




/*　共通設定　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


.fs14{
	font-size:14px;
}




<!--　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■-->
<!--　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■-->
<!--　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■-->






/*　ヘッダー ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#header{
	display:inline;
}
/*　ロゴ（セルフ挨拶状）*/
#header a#logo{
	width:350px;
	height:70px;
	margin:0;
	display:block;
	overflow:hidden;
	float:left;
}

/*プライバシーマーク*/
#header a#logo-privacy{
	width:75px;
	height:75px;
	display:block;
	background:url(https://nenga.aisatsujo.jp/group_common/images/pmark/img_pmark.webp) no-repeat 0 0;/* pmark-on */
	text-indent:-9999px;
	overflow:hidden;
	float:right;
	position:relative;
	top:0;right:0;
}

/*　グローバルサインマーク*/
#header a#logo-global{
/*	width:123px;
	height:70px;
	display:block;
	margin-top:10px;
	margin-right:5px;
	background:url(../img/logo-global.gif) no-repeat 0 0;
	text-indent:-9999px;
	overflow:hidden;
	float:right;*/
/*	position:relative;
	top:0;right:0;*/
}

/*　グローバルサインマーク*/
#header #global-logo{
	width:123px;
	height:70px;
	display:block;
	overflow:hidden;
	float:right;
	position:relative;
	top:0;right:0;
}





/*　ステップエリア ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#step ul{
	width:870px;
	height:60px;
	margin:0 auto 20px;
	background:url(../img/bg_step.gif) no-repeat 0 0;
}

#step li{
	width:208px;
	height:55px;
	margin:0;
	padding:5px 0 0 10px;
	float:left;
	background:none;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
	color:#666666;
}


#step li#after1,#step li#after3,#step li#after3,
#step li#here1,#step li#here2,#step li#here3{
	width:208px;
	height:55px;
	padding:5px 0 0 10px;	
}


#step li#after1{
	background:url(../img/bg_step-1a.gif) no-repeat 0 0;
}
#step li#after2{
	background:url(../img/bg_step-2a.gif) no-repeat 0 0;
}
#step li#after3{
	background:url(../img/bg_step-3a.gif) no-repeat 0 0;
}



#step li#here1,#step li#here2,#step li#here3{
	color:#FFFFFF;
}
#step li#here1{
	background:url(../img/bg_step-1h.gif) no-repeat 0 0;
}
#step li#here2{
	background:url(../img/bg_step-2h.gif) no-repeat 0 0;
}
#step li#here3{
	background:url(../img/bg_step-3h.gif) no-repeat 0 0;
}


#step li#finish{
	width:216px;
	height:60px;
	margin:0;
	padding:0;
	float:left;
	background:none;
	text-indent:-9999px;
}

#step li#finishf{
	width:216px;
	height:60px;
	margin:0;
	padding:0;
	float:left;
	background:none;
	text-indent:-9999px;
	background:url(../img/bg_step-ff.gif) no-repeat 0 0;
}





/*　注意書き　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
div.e_text{
margin:10px 15px 20px;
padding:10px 10px 5px 10px;
background: #FFF7F7;
color: #CC0000;
font-size:14px;
font-weight:bold;
clear:both;
border:1px solid #FF9999;
}

div.e_text p{
margin-bottom:5px;
}


div.preview{
padding:15px;
width:800px;
margin:0 auto 30px;
background:#F2F2EE;
text-align:center;
}





/*　ステップ トップボックス　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

#steptop,#steptop-h{
	width:818px;
	margin:0 auto 20px;
	padding:10px 10px 10px;
	border-left:1px solid #5AA8DC;
	border-right:1px solid #5AA8DC;
	border-bottom:1px solid #5AA8DC;
}

/*　（完了ページ）　*/
#stepftop{
	width:818px;
	margin:0 auto 20px;
	padding:10px 10px 10px;
	border-left:1px solid #FF9900;
	border-right:1px solid #FF9900;
	border-bottom:1px solid #FF9900;
}

/*　段落設定　*/
#steptop p{
	font-size:14px;
	margin:0 20px 20px;
}
#steptop-h p{
	font-size:14px;
	margin:0 20px 10px;
}

/*　フォーム記入の流れ画像設定　*/
.stepimg{
	margin:10px 0;
	text-align:center;
}

/*　入力の注意事項部分　*/
.attention{
	margin:0 30px;
	padding:25px 20px 0;
	background:url(../img/h_attention.gif) no-repeat 0 0;
	display:block;
}

/*　入力の注意事項部分　*/
.attention2{
	margin:0 30px;
	padding:25px 20px 0;
	background:url(../img/h_attention-2.gif) no-repeat 0 0;
	display:block;
}

.attention ul,.attention2 ul{
	margin:0;
	padding:0;
}

.attention li,.attention2 li{
	text-indent:-1.3em;
	padding-left:1.5em;
}

/*　各ステップのステップボックス見出し設定　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
h1#step1h,h1#step2h,h1#step3h,h1#step4h,h1#step5h,h1#step6h,h1#stephh{
	width:840px;
	height:30px;
	margin:0 auto;
	padding:0;
	text-indent:-9999px;
}

h1#step1h{
	background:url(../img/h_step1.gif) no-repeat 0 0;
}

h1#step2h{
	background:url(../img/h_step2.gif) no-repeat 0 0;
}

h1#step3h{
	background:url(../img/h_step3.gif) no-repeat 0 0;
}

h1#step4h{
	background:url(../img/h_step4.gif) no-repeat 0 0;
}

h1#step5h{
	background:url(../img/h_step5.gif) no-repeat 0 0;
}

h1#step6h{
	background:url(../img/h_stepf.gif) no-repeat 0 0;
}

h1#stephh{
	background:url(../img/h-steph.gif) no-repeat 0 0;
}






/*　ログインボックス　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*　ログインエリア設定（ログインしていない状態）＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*　ログイン見出し　*/
h2#login{
	width:840px;
	height:30px;
	margin:0 auto;
	padding:0;
	text-indent:-9999px;
	background:url(../img/h_mypage.jpg) no-repeat 0 0;
}

#before_login{
	width:798px;
	margin:0 auto 25px;
	padding:10px 20px 15px;
	border-left:1px solid #8DC919;
	border-right:1px solid #8DC919;
	border-bottom:1px solid #8DC919;
}

/*　ID：PASS入力部分　*/
#input_box{
	margin:5px 0;
	padding:5px 10px;
	background:#F3FCE2;
	vertical-align:middle;
}

#log-inp input{
	width:100px;
	margin-left:5px;
}

#input_box a{
	margin:0;
}
/*　テキストエリア　*/
#log-inp{
	margin:2px 0 0 0;
	float:left;
}

/*　ボタン　*/
#LOGIN1{
	margin:0 40px 0 20px;
}

input#LOGOUT1{
	margin:0 10px 0 0;
}

/*　ログインエリア設定（ログインしている状態）＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#login_member{
	width:808px;
/*	border-top:CC0000;*/
	padding:0 15px 15px;
	margin:0 auto 25px;
	background:#FFF;
	border-left:1px solid #8DC919;
	border-right:1px solid #8DC919;
	border-bottom:1px solid #8DC919;
_height:1%;
}

/*　ログイン名表示　*/
dl#login-name{
	width:360px;
	margin:20px 0 0 0;
	padding:0 0 0 10px;
	float:left;
}

#login-name dt{
	font-size:14px;
	font-weight:bold;
}

#login-name dd{
	margin:5px 0 0 0;
	font-size:12px;
	font-weight:normal;
}

/*　マイページ「ログアウトボタン」など*/
#mypage_box-in{
	margin:0 0 0 360px;
	padding:10px 20px;
	background:#F3FCE2;
}

#mypage_box-in p{
	margin:0 0 10px 0;
}


/*　ログインエリア(入会案内)設定＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#login_member{
	width:808px;
/*	border-top:CC0000;*/
	padding:0 15px 15px;
	margin:0 auto 25px;
	background:#FFF;
	border-left:1px solid #8DC919;
	border-right:1px solid #8DC919;
	border-bottom:1px solid #8DC919;
_height:1%;
	overflow:auto;
}

/*　テキスト部分　*/
#mpentry{
	width:450px;
	margin:10px 0 0 0;
	padding:0 0 0 10px;
	float:left;
	font-size:14px;
	
}

#mpentry ul{
	margin:10px 0 00px;
	padding:10px 10px 10px 30px;
/*	background:#CCCCCC;*/
}

#mpentry li{
	list-style:disc;
	
}


/*　マイページ「ログアウトボタン」など*/
#mp_box-in{
	margin:10px 0 0 470px;
	padding:20px 0;
	text-align:center;
	background:#F3FCE2;
}


#mpin_box{
	width:800px;
	margin:0 auto 30px;
	padding:5px;
	background:#F3FCE2;
	font-size:14px;
}




/*　タブメニュー　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


/*フッター ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


#footer{
	width:870px;
	border-top:1px solid #5AA8DC;
	text-align:center;
	margin:0 auto;
	padding:15px 0 30px;
	color: #999999;
}

div.for_form{
display:none;
}










/*　ステップ1（設定）■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*　ハガキサンプル部分表示　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#left_box2{
	width:394px;
	float:left;
	margin:0 10px 0 15px;
	_margin:0 15px 0 8px;
	padding:0;
	text-align:center;
}

#right_box2{
width:424px;
margin:0 15px 0 0;
font-size:14px;
float:right;
}

#left_box2 h3{
	margin:0 0 10px 0;
	padding:3px 10px;
	text-align:left;
	color:#FFFFFF;
	background:#5AA8DC;
}

#left_box2 img{
	border:1px solid #CCCCCC;
}





/*　左側　サンプルはがき表示　----------*/
#left_box{
	width:338px;
	float:left;
	margin:0 10px 0 15px;
	_margin:0 10px 0 10px;
	padding:0;
	text-align:center;
}

#left_box h3{
	margin:0 0 10px 0;
	padding:3px 10px;
	text-align:left;
	color:#FFFFFF;
	background:#5AA8DC;
}

#left_box img{
	width:338px;
	height:500px;
	margin:0;
}

#left_box p{
	font-size:14px;
	margin:0 0 5px 0;
}


/*　右側（ハガキ情報入力）　----------*/
#right_box{
width:480px;
margin:0 15px 0 0;
font-size:14px;
float:right;
}


/*　フォーム入力幅（枚数）*/
.ft-maisu input{
	width:50px;
}

/*　用紙の種類　*/
#choice_list li {
	width:190px;
	margin:0 0 5px 0;
	float: left;
}
#choice_list li:nth-child(even) {
	width:150px;

}

/*　頭語/結語　*/
#choice_list2 li {
	width:115px;
	margin:0 0 5px 0;
	float: left;
}



/*　テーブル幅　*/
#right_box table.blue-ts,#right_box table.blue-tl{
	width:480px;
}
table.blue-tl #bun-1,table.blue-tl #bun-2{
	width:450px;
}

/*　テーブル横タイプの見出し幅　*/
#right_box table.blue-ts th{
	width:100px;
}

/*　テーブル見出し　*/
#right_box table.blue-ts th,#right_box table.blue-tl th{
	color:#FFFFFF;
	background:#5AA8DC;
	padding:10px 3px 10px 10px;
}

#right_box table.blue-ts td,#right_box table.blue-tl td{
	padding:10px 0 10px 10px;
	font-size:14px;
}

#right_box table.blue-tl td{
	border:none;
}

/*　文章1の下スペース調整　*/
#right_box .blue-tl td.bottom-20{
	padding-bottom:20px;
}

/* セレクトボックスの高さ */
#right_box table td select{
    height:23.1px;
}

/*　文例ボタン設定　*/
#BUNREI1,#BUNREI2{
	margin:0 0 10px 0;
}



/*　差出人情報入力----------*/

/*　差出人テーブル見出し　*/
#name-box1 th{
	font-size:14px;
}

/*　差出人タイプ（個人・法人選択）　*/
#name-box1 .select_type{
margin:5px 0 15px 0;
padding:0 0 15px 0;
border-bottom:1px dotted #CCC;
}

/*　マイページより(名前)の入力　*/
#mypage_otype{
	font-size:12px;
	margin:0 0 10px 0;
	padding:10px;
	background:#E9F3F6;
}
#mypage_otype span{
	display:block;
	float:left;
	margin:0 15px 0 0;
}

/*　記入例設定　*/
tr.example th,tr.example td{
	color: #999999;
	background:#E9F3F6;
}

/*　かなの説明部分　*/
#block_kojin .kana{
	font-size:12px;
}

/*　差出人記入部分　文字サイズ調整　*/
#name-box1 .address_box td,
#name-box1 .address2_box td{
	font-size:12px;
}

/*　電話入力部分　*/
#main_box .address_box .tel1 td,#main_box .address_box .tel2 td,
.address_2box .tel1 td,.address_2box .tel2 td{
	line-height:130%;
}

/*　メール入力部分　*/
.mail_box td{
	line-height:130%;
}



/*　住所2表示部分　*/

.address2-on{
	width:350px;
	height:30px;
	margin-right:10px;
	background:url(../img/address2-on.gif) no-repeat 0 0;
}

.address2-off{
	width:180px;
	height:30px;
	margin-right:10px;
	background:url(../img/address2-off.gif) no-repeat 0 0;
}

.address2-clear{
	width:180px;
	height:30px;
	background:url(../img/address-clear.gif) no-repeat 0 0;
}



#other-box input{
	width:200px;
}










/*　差出人タイプ（個人）＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*　フォームの入力部分(個人：名前)　*/
#block_kojin .family_name input,
#block_kojin .first_name input,
#block_kojin .family_name_kana input,
#block_kojin .first_name_kana input{
width:80px;
}
#block_kojin .recital input{
width:100px;
}
#block_kojin .recital{
width:160px;
}



/*　差出人タイプ（法人）＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*　企業名・支店名入力*/
#block_hojin .company_name input{
	width:350px;
}
#block_hojin .company_name{
	margin:0 0 10px 0;
}
#block_hojin .company_name table{
	margin:0 0 5px 0;
}


/*　フォームの入力（法人：名前）*/
#block_hojin .class input,
#block_hojin .family_name input,
#block_hojin .first_name input,
#block_hojin .family_name_kana input,
#block_hojin .family_name_kana input{
	width:100px;
}

/*　住所入力　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*　住所1・住所2　*/
/*#sender_info div.address_box tr.address1 input,
#sender_info div.address_box tr.address2 input,
#sender_info div.address2_box tr.address1 input,
#sender_info div.address2_box tr.address2 input{
width:340px;
}*/
#s-info-en div.address_box tr.address1 input,
#s-info-en div.address_box tr.address2 input,
#s-info-en div.address2_box tr.address1 input,
#s-info-en div.address2_box tr.address2 input{
width:340px;
}



/*#block_kojin table th.head{
width:55px;
}*/





/*#sender_info #blocke11_etcetcetc,
#sender_info #blocke12_etcetcetc{
width:90px;
display:inline;
}*/
#s-info-en #blocke11_etcetcetc,
#s-info-en #blocke12_etcetcetc{
width:90px;
display:inline;
}

/*　電話番号入力部分（差出人：その他入力する欄）*/
/*#sender_info #blockt21_etcetcetc input,
#sender_info #blockt22_etcetcetc input{
margin:5px 0;
width:90px;
}*/
#s-info-en #blockt21_etcetcetc input,
#s-info-en #blockt22_etcetcetc input{
margin:5px 0;
width:90px;
}

/*　メール入力部分（差出人：その他入力する欄）*/
/*#sender_info #blocke11_etcetcetc input,
#sender_info #blocke12_etcetcetc input{
width:90px;
margin:5px 0;
}*/
#s-info-en #blocke11_etcetcetc input,
#s-info-en #blocke12_etcetcetc input{
width:90px;
margin:5px 0;
}

/*　メール入力部分（差出人）　*/
/*#sender_info div.mail_box td input{
width:250px;
}*/
#s-info-en div.mail_box td input{
width:250px;
}

#s-info-en table{
	margin-bottom:10px;
}





/*　フォーム共通　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*　必須項目　*/
span.must{
font-weight:normal;
color:red;
padding-left:3px;
}

/*　フォーム記入例　*/
span.ex{
	font-size:12px;
	color:#999999;
	padding-left:5px;
}

/*.caption{
	font-size:12px;
}*/


p.caption{
	font-size:12px;
}




/*　テーブル設定　*/

#main_box table{
width:800px;
border-collapse:collapse;
margin:0 auto;
}

#main_box dd table{
width:770px;
}

#main_box table td{
border:1px solid #CCC;
padding:6px 8px;
line-height:1.3;
}

#main_box table th{
border:1px solid #CCC;
padding:6px 8px;
width:140px;
background:#EEEDEA;
text-align:left;
line-height:1.3;
}

#main_box table strong{
color:#CC0000;
}



/*　住所入力1　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#name-box1 p{
	font-size:14px;
}



/*#sender_info .tel1 input,
#sender_info .tel2 input{
width:40px;
}*/
#s-info-en .tel1 input,
#s-info-en .tel2 input{
width:40px;
}

#s-info-en input.invisibleBox{
	width:100px;
	margin:5px 0;
}

/*　住所入力2　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
p#bt-address2{
	width:800px;
	display:block;
	margin:15px auto 30px;

}
.address2_box{
	width:800px;
	margin:0 auto;
}

/*　宛名印刷　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#print_address_box{
	width:800px;
	margin:0 auto;
}

#print_address_box .member{
	width:550px;
	margin:10px 0 10px 0;
	float:left;
}

.member .id{
	margin:0 10px 0 0;
}
/*
.input_form .btn{
	width:260px;
	margin:0 0 0 10px;
	padding:0;
}*/

.resist_mypage{
width:220px;
float:right;
padding:10px;
text-align:center;
background:#F3FCE2;
}

#block_atenamypage{
	margin:10px 0 5px;
	border-top:1px dotted #CCCCCC;
}

.input_form{
	width:550px;
	padding:0;
}

.input_form .id,.input_form .pass{
	margin:4px 15px 0 0;
	float:left;
}

.input_form .id input,.input_form .pass input{
  width:110px;
}

#block_atenasentaku p{
	font-size:14px;
	margin:10px 0 10px 0;
	padding:5px;
	background:#E9F3F6;
	border-top:1px dotted #CCCCCC;
	overflow:auto;
}

#block_atenasentaku p img{
	float:left;
	margin:0 15px 0 0;
}

#block_atenaprint{
	clear:both;
}



/*　特記事項　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#other-box{
	width:800px;
	margin:30px auto 0;
}

#other-box h4{
  font-weight:bold;
  border-left:5px solid #1F73AB;
  margin:0 0 10px 0;
  padding:2px 10px;	
}

#other-box ul{
	margin:10px 0 5px;
	list-style:disc;
	list-style-position:inside;
	font-size:14px;
}

#other-box li{
	list-style:disc;
	list-style-position:inside;
	font-size:14px;
}

#other-box p{
	font-weight:normal;
	color:#CC0000;
	text-indent:-1em;
	padding-left:1em;
}

/*　ページナビ（次へのボタン）　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#pagenavi-r{
	width:870px;
	margin:0 auto 30px;
	padding:15px 0;
	font-size:14px;
	letter-spacing:1px;
	text-align:center;
	background: #FFF7F7;
	border:1px solid #FF9999;
	line-height:0;
}

#pagenavi-r p{
	margin:0 0 15px 0;
}



/*　共通設定　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*　見出し－－－－－－－－－－*/

h2{
	width:825px;
	height:26px;
	font-size:16px;
	letter-spacing:1px;
	color:#FFFFFF;
	margin:0 auto 20px;
	padding:10px 0 0 15px;
	background:url(../img/bg_h.gif) no-repeat 0 0;
}

/*h3{
	margin:30px 0 15px;
	padding:5px 10px;
	font-weight:bold;
	font-size:14px;
	border-left:8px solid #5AA8DC;
}
*/

h3{
	margin:30px 0 15px;
	padding:5px 10px;
	font-weight:bold;
	font-size:14px;
	border-left:8px solid #1F73AB;
	background:#5AA8DC;
	color:#FFFFFF;
}

h3.h-top{
	margin-top:0;
}

/*　フォームフォーカス色設定　*/

/*IE6・7用*/
.addFocus{
	background-color: #FFF4F4;
	border: 1px solid #FF9999;
	margin:0;
	/padding:2px;
}

/*その他のモダンブラウザ用*/
html:not(:target) .addFocus{
  padding:2px 1px;
}

/*IE8用*/
html>/**/body .addFocus{  
	padding /*\**/:2px;  
}  

body:first-of-type  .addFocus{
  padding:2px 1px;
}
   

/*　フォント色　*/
.f-red{
	color:#CC0000;
}

p.next-arrow{
	width:200px;
	height:25px;
	margin:25px auto;
	text-indent:-9999px;
	background:url(../img/img_arrow-ub2.gif) no-repeat 0 0;
		
}

.f-attention{
	font-size:12px;
}



/*　ステップ2（設定）■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#main_box table#syouhin{
	width:100%;
	font-weight:bold;
	margin:0 0 20px;
}

#main_box table#syouhin th{
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
}
#main_box table#syouhin td{
	font-size:14px;
}

#misscheck{
	widht:424px;
	marign:0;
	border:1px solid #CCCCCC;
}

#misscheck h3{
	widht:424px;
	height:80px;
	background:url(../img/h_precheck.gif) no-repeat 0 0;
	text-indent:-9999px;
	margin:0 0 10px 0;
	padding-top:0;
	border:none;
}

#misscheck ol{
	margin:0;
	padding:10px 10px 10px 30px;
	line-height:120%;

}

#misscheck li{
	list-style:decimal;
	/*letter-spacing:1px;*/
	margin:0 0 15px 0;
}

#pre-check{
	margin:0;
	padding:20px 0;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	background:#F2F2EE;
}

#pre-check form{
	margin:0;
	padding:0;
}

#cautionMsg{
	text-align:center;
	color:#CC0000;
}

p.preate{
	line-height:130%;
	margin:20px 0 0 0;
	padding:10px;
	font-size:12px;
	border:1px solid #CC0000;
}

p.preate strong{
	font-weight:bold;
}

p.preate span{
	color:#CC0000;
}


/*　ステップ3（買い物カゴ設定）■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

.cago-box{
	width:800px;
	margin:0 auto 20px;
	padding:0;
	border:1px solid #99CCFF;
	/*overflow:auto;*/
}

.cago-box p.cago-no{
	width:800px;
	padding:20px 0;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#CC0000;
}


.cago-box h3{
	margin:0;
	padding:3px 15px;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
	color:#FFFFFF;
	background:#99CCFF;
	border:none;
}

.cago-boxl{
	width:140px;
	float:left;
	padding:10px;
	text-align:center;
}

.cago-boxr{
	width:635px;
	padding:10px 0 0;
	float:right;
}

#main_box .cago-boxr table{
	width:600px;
	float:right;
	margin:0 20px 10px 0;
}

.toggle_btn{
	margin:20px;
}

div.item_navi{
	margin:5px 0 0 0;
	padding:10px 5px 5px;
	background:#F7F7F7;
	text-align:center;
	clear:both;
}

div.item_navi li{
	display:inline;
	margin:0;
	padding:0;
	line-height:1.0;
}


#pay_box th,#pay_box td{
	font-size:14px;
}

/*　お支払い方法　－－－－－－－－－－　*/
#kessai{
	letter-spacing:1px;
}

#kessai p{
	margin:10px 0 15px 20px;
}

#kessai dl{
	margin:0;
}

#kessai dt{
	font-weight:bold;
	background:#303C8C;
	color:#FFFFFF;
	padding:3px 15px;
}

#kessai dd{
	margin:10px 0 25px 40px;
}

#kessai dd img{
	margin:0;
}


#kessai dd strong{
	color:#CC0000;
}



.saving_box{
	margin:10px 0;
}

#pay_box .saving_box th,#pay_box .saving_box td{
	font-size:12px;
}

#ryoukin-box{
	width:780px;
	margin:0 auto;
	padding:10px;
	text-align:center;
	background:#F2F2EE;
	font-size:14px;
}
#ryoukin-box p{
	font-size:14px;
	margin:0 0 10px 0;
}

#total_box th,#total_box td{
	font-size:14px;
	letter-spacing:1px;
}

#total_box div.total{
border:3px solid #CCC;
margin:5px 35px 20px;
letter-spacing:1px;
padding:10px;
text-align:right;
font-weight:bold;
font-size:14px;
}

#pagenavi_box{
	text-align:center;
}

#pnavi-att{
	width:700px;
	margin:0 auto 20px;
	letter-spacing:1px;
	font-size:14px;
}

#pnavi-att strong{
	color:#CC0000;
}

.saving{
	color:#CC0000;
}


.deliver-calendar{
	margin-right:40px;
}

.cago-boxr .atena-order{
	font-weight:bold;
	background:#E8F3F5;
	padding:3px 0;
}

.subtotal_detail .price{
  text-align:right;	
}



/*　ステップ4（設定）■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

#sender_box th,#sender_box td,
#shipping_address_box th,#shipping_address_box td
{
	font-size:14px;
	letter-spacing:1px;
}



#sender_box .select_type{
margin:5px 0 15px 0;
padding:0 0 15px 0;
border-bottom:1px dotted #CCC;
}

/*　アンケート部分設定　*/

#sender_input #enquete_box p,
#sender_input #coupon_box p{
	font-size:14px;
	margin:10px 0 20px;
}
#sender_input #enquete_box h3,
#sender_input #coupon_box h3{
	margin:0 0 15px 0;
}

#sender_input #enquete_box table,
#sender_input #coupon_box table{
	margin:0;
}

#sender_input #enquete_box dl,
#sender_input #coupon_box dl{
	font-size:14px;
	margin:0 0 35px 0;
}

#sender_input #enquete_box dd,
#sender_input #coupon_box dd{
	margin:0 0 20px 20px;
}

#sender_input #enquete_box td .net,
#sender_input #enquete_box td .another_media,
#sender_input #coupon_box td .net,
#sender_input #coupon_box td .another_media{
margin-bottom:15px;
}

.select_type ul.caption,.email ul.caption{
	font-size:12px;
	text-indent:-1.1em;
	padding-left:1.1em;
}


#shipping_address_box .select_type table,
#shipping_address_box .type table{
	margin:0 0 10px 0;
	padding:0;

}

/*　会社・団体入力表示　*/
#blocko_hojin table{
	margin-bottom:10px;
	border-bottom:1px solid #CCCCCC;
}

#blocko_hojin .c-name input{
	width:300px;
}


/*　お届けについて　*/
#delivery_box,#delivery_box table td{
	font-size:14px;
}

.font_r{
  color:#F00;	
}



/*　ステップ5（設定）■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*#item_list_box th,#item_list_box td,
#sender_info th,#sender_info td,
#shipping_address_box th,#shipping_address_box td,
#delivery_box th,delivery_box td,
#enquete_box th,#enquete_box td,
#totalkaku-box th,#totalkaku-box td{
	font-size:14px;
	letter-spacing:1px;
}*/
#item_list_box th,#item_list_box td,
#sender_info th,#sender_info td,
#s-info-en th,#s-info-en td,
#shipping_address_box th,#shipping_address_box td,
#delivery_box th,delivery_box td,
#enquete_box th,#enquete_box td,
#coupon_box th,#coupon_box td,
#totalkaku-box th,#totalkaku-box td{
	font-size:14px;
	letter-spacing:1px;
}

#total-att{
	width:774px;
border:3px solid #CCC;
margin:5px auto 20px;
letter-spacing:1px;
padding:10px;
text-align:right;
font-weight:bold;
font-size:14px;
}

/*　注目ボックス　*/
.att-box{
	width:auto;
	margin:0 auto;
	border:3px solid #CCCCCC;
	padding:10px;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
}

#total-att .price{
margin:10px 0 0 0;
text-align:right;
color: #666666;
font-size:18px;
letter-spacing:1px;
}

#total-box table th{
	width:180px;
}

#ocon-att{
	width:800px;
	margin-top:15px;
	text-align:center;
	font-size:14px;
}

#item_list_box .item_list .serial{
	width:40px;
}

#item_list_box .item_list .item_no{
	width:80px;
}

#item_list_box .item_list .design{
	width:105px;
}

#item_list_box .item_list .tokiji{
	width:100px;
}



/*　ステップ(注文完了)（設定）■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#stepftop h2{
	width:300px;
	margin:30px auto 10px;
	padding:20px 0;
	text-align:center;
	font-size:18px;
	color:#FF0000;
	background:none;
	border:3px solid #FF0000;
	
}

#stepftop p#txt-fin{
	width:500px;
	margin:20px auto;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
	color:#FF0000;
	
}

#stepftop p{
	width:720px;
	margin:20px auto;
	font-size:14px;
	/*letter-spacing:1px;*/
}


/*　入力の注意事項部分　*/
#stepftop .attention2{
	margin:0 40px 20px;
	padding:0 20px 0 110px;
	background:url(../img/h_attention-2.gif) no-repeat 0 5px;
	letter-spacing:1px;
	display:block;
}


/*　リンク情報エリアの設定　－－－－－－－－－－　*/

.info_box{
	width:838px;
	margin:0 auto 20px;
	background: #F7F7F7;
}

.info_box h2{
	width:820px;
	margin:0 auto 10px;
	padding-left:20px;
}

/*　注文完了ページ（キャンペーン設定）　*/
.can-box dl{
	width:800px;
	margin:0 auto;
/*	border:1px solid #CCCCCC;*/
	padding:10px;
	overflow:auto;
}

.can-box dt{
	text-align:center;
	padding-bottom:10px;
}

.can-box dd{
	font-size:16px;
	letter-spacing:1px;
	padding-bottom:10px;
	text-align:center;
}

.can-box dd span.can-kikan{
	display:block;
	margin:20px 0 10px;
	font-size:16px;
	font-weight:bold;
}

.can-box a:hover img{
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
	-moz-opacity:0.7;
	opacity:0.7;
}


/*　ステップ(お客様控え)（設定）■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


.cago-box2{
	width:800px;
	margin:0 auto 20px;
	padding:0;
	border:1px solid #99CCFF;
	overflow:auto;
}

.cago-box2 p.cago-no{
	width:800px;
	padding:20px 0;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#CC0000;
}


.cago-box2 h3{
	margin:0;
	padding:3px 15px;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
	color:#FFFFFF;
	background:#99CCFF;
	border:none;
}

.cago-box2l{
	width:404px;
	float:left;
	margin:0;
	padding:10px 5px;
	text-align:center;
}
.cago-box2l img{
	border:1px solid #CCCCCC;
}

.cago-box2r{
	width:384px;
	padding:0;
	float:right;
}

#main_box .cago-box2r table{
	width:374px;
	margin:10px 10px 10px 0;
}

#main_box .cago-box2r table th{
	width:200px;
}

/*　料金内訳表示　－－－－－－－－－－　*/

/*　キャプション　*/
caption#price-cap{
	padding:5px 10px;
	margin:0 0 5px 0;
	font-size:14px;
	font-weight:bold;
	color:#666666;
	text-align:left;
	background:#FFC4C4/*#99CCFF*/;
}
/**/
td.price_detail{
	width:260px;
}

td.subtotal{
	text-align:right;
}

/*　小計表示　*/
tr.syoukei td{
	text-align:right;
}


/*　注文番号表示部分　*/
#order_history .order_no {
border:3px solid #5AA8DC;
font-size:150%;
font-weight:bold;
margin:0 auto 10px;
padding:15px;
letter-spacing:1px;
}

#main_box table.kessai{
	margin-bottom:10px;
} 

#card-box p#c-fin{
	font-size:16px;
	font-weight:bold;
	color:#666666;
	text-align:center;
	background:#E9F3F6;
	margin:0;
	padding:15px 0;
	
}

#c-fin-n{
	font-size:16px;
	font-weight:bold;
	color:#CC0000;
	background:#FFF7F7;
	margin:0;
	padding:;
	line-height:1;
}

#card-box #c-fin-n dl{
	margin:0;
	padding:10px 15px;
}

#card-box #c-fin-n dt{
	margin:12px 20px 0 30px;
	padding:0;
	float:left;
}

#card-box #c-fin-n dd{
	margin:0;
	padding:0;
}




/*　合計金額　*/
#main_box .total th{
	padding:10px 8px;
	background:#FFC4C4;
}

.total td{
	font-size:16px;
	font-weight:bold;
	background:#FFF7F7;
}

#order_history #sender_info table{
	margin-bottom:30px;
}

#totalkaku-box table,/*#sender_info table,*/#shipping_address_box table/*,#delivery_box table,#enquete_box table*/{
	margin-bottom:30px;
}


#order_history #totalkaku-box table th,
#order_history #sender_info table th,
#order_history #shipping_address_box table th,
#order_history #delivery_box table th,
#order_history #enquete_box table th,
#order_history #coupon_box table th{
	width:180px;
}

/*　thの幅確認用　－－－－－－－－－－*/

/*#totalkaku-box table th,
#sender_info table th,
#shipping_address_box table th,
#delivery_box table th,
#enquete_box table th{
	width:180px;
}*/
#totalkaku-box table th,
#sender_info table th,
#s-info-en table th,
#shipping_address_box table th,
#delivery_box table th,
#enquete_box table th,
#coupon_box table th{
	width:180px;
}




/*ログインボックス ***********************************************************/






/*　差出人入力　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


/*注文情報入力 ***********************************************************/

#sender_input #main_box th{
width:150px;
}



#sender_input #blockdst_dst div.type{
margin:10px 0 10px 0;
padding:15px 0 15px 0;
border-top:1px dotted #CCC;
border-bottom:1px dotted #CCC;
}

#sender_input #blockdst_dst div.type span.caption{
color:#666;
}

#sender_input td ul.caption{
margin:5px 0 0 0;
}

#sender_input td label{
padding-right:5px;
}

#sender_input #blocko_kojin th,
#sender_input #blocko_kojin td{
border-bottom:none;
}

#sender_input #blocko_hojin th,
#sender_input #blocko_hojin td{
border-bottom:none;
}

#sender_input td input#eled_hojin_dst_cname,
#sender_input td input#eled_hojin_dst_cfuri,
#sender_input td input#eled_hojin_dst_pname,
#sender_input td input#eled_hojin_dst_pfuri,
#sender_input td input#eled_kojin_dst_cname,
#sender_input td input#eled_kojin_dst_cfuri,
#sender_input td input#eled_kojin_dst_pname,
#sender_input td input#eled_kojin_dst_pfuri{
width:340px;
}

#sender_input td input#eled_hojin_dst_name1,
#sender_input td input#eled_hojin_dst_name2,
#sender_input td input#eled_hojin_dst_furi1,
#sender_input td input#eled_hojin_dst_furi2,
#sender_input td input#eled_kojin_dst_name1,
#sender_input td input#eled_kojin_dst_name2,
#sender_input td input#eled_kojin_dst_furi1,
#sender_input td input#eled_kojin_dst_furi2{
width:100px;
}

#sender_input td input#eled_hojin_dst_name1,
#sender_input td input#eled_hojin_dst_furi1,
#sender_input td input#eled_kojin_dst_name1,
#sender_input td input#eled_kojin_dst_furi1,
#sender_input td input#eleo_hojin_ord_name1,
#sender_input td input#eleo_hojin_ord_furi1,
#sender_input td input#eleo_kojin_ord_name1,
#sender_input td input#eleo_kojin_ord_furi1{
margin:0 15px 0 0;
}

#sender_input tr.email input{
width:240px;
}

#sender_input td input#dst_city,
#sender_input td input#dst_building{
width:460px;
}

#sender_input tr.tel td input,
#sender_input input.ord_ename{
width:60px;
}

#sender_input tr.tel td p{
margin:5px 0 8px 0;
}

#sender_input #delivery_box dd{
padding-bottom:15px;
}


#sender_input #delivery_box strong{
color:#CC0000;
}

#sender_input #delivery_box div.description{
margin-top:5px;
margin-bottom:20px;
}

#sender_input #delivery_box div.description p{
margin-top:0;
}

#sender_input #delivery_box div.description li{
margin-top:10px;
}

#sender_input #delivery_box div.alert{
margin-top:10px;
padding-top:10px;
border-top:1px dotted #CCC;
}

#sender_input #delivery_box div.alert p{
margin-bottom:10px;
}

#sender_input #delivery_box div.alert input{
margin-left:10px;
width:200px;
}

#sender_input #delivery_box .haitatsu .caption{
margin-bottom:0;
}


div.back_link{
	font-size:12px;
margin:10px 0 0 0;
text-align:right;
}



/*最終チェック ***********************************************************/

div.pre_att_box{
text-align:center;
margin:20px 0;
}

#ykakunin{
padding:15px;
border:1px solid #B91518;
margin:15px 0;
}
#ykakunin h2{
margin:5px 0 15px 0;
padding:0;
}

#ykakunin ul{
margin:10px 0 15px 0;
line-height:1.8;
}

#ykakunin ul.caption{
color:#000;
}

#ykakunin p.caption{
margin:10px 0 0 0;
}

#ykakunin p.caption strong{
color:#CC0000;
}

#ykakunin .preview{
margin-top:25px;
margin-bottom:10px;
}

/*プライバシー ***********************************************************/

#privacy_box{
	width:800px;
	margin:0 auto;
	text-align:center;
}


#privacy_box iframe{
width:800px;
height:200px;
margin:0 auto;
border:1px solid #CCC;
display:block;
} 



/*　クレジットお支払い表示　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
div#credit{
width:780px;
margin:15px auto 35px;
padding:10px;
background:#FFFFCC;
text-align:left;
}

div#credit dt{
	font-size:14px;
	font-weight:bold;
	margin:0 0 5px 0;
	padding:0;
	background:none;
	color:#666666;
}
div#credit dd{
	margin:0 0 0 15px;
	padding:0;
	background:none;
	color:#666666;
	border:none;
}
#credit .red-b{
	color:#CC0000;
}

#order_confirm #pagenavi_box{
width:800px;
}

/*　申し込みボタンエリア　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
div.pagenavi{
background:#FFF7F7;
margin:0 auto 15px;
padding:20px 0;
border:2px solid #FF9999;
width:800px;
text-align:center;

}

#order_confirm #pagenavi_box #privacy_box{
margin:20px 0;
padding-bottom:20px;
background:url(../img/bg_next.gif) center bottom no-repeat;
}

/*セキュリティ ***********************************************************/

#security_box{
padding:15px;
border:#EFEFEF 3px solid;
}

#security_box table{
width:auto;
}

#security_box table th{
text-align:center;
background:none;
border:none;
font-weight:normal;
}

#security_box table td{
text-align:center;
background:none;
border:none;
font-weight:normal;
}


/* 消費税率変更関連　開始 ------------------------------- */

.box_att {
	margin:10px 10px 0 0;
	padding:10px;
	border:#FF0000 solid 1px;
	background:#FFFFFF;
	clear:both;
}
.box_att span {
	color:#FF0000;
}

.box_tax {
	width:800px;
	margin:0 auto;
	text-align:right;
}
.box_mb5 {
	margin-bottom:5px;
}
.box_mb10 {
	margin-bottom:10px;
}
.box_mb20 {
	margin-bottom:20px;
}
.box_tar {
	text-align:right;
}


/*clear設定　開始 ----------------------------------------------*/

.clear {
	clear:both;
	content: " ";
	height: 0;
	display: block;
	visibility: hidden;
	font-size:0;
	line-height:0;
}

.clr:after {
	content: url(images/spacer.gif);
	display: block;
	clear: both;
	height: 0;
}
.clr {
	display: inline-block;
	position:relative;
}
.clr {
	display: block;
}
/* MacIE用 \*//*/
.clr { overflow: hidden; }
/* */
/*clear設定　終了 ----------------------------------------------*/


/* MENTE2 BOX START ----------------------------- */

#mente2 {
	margin:0 0 10px;
	padding:8px;
	border-color:#FF3300;
	border-style:dashed;
	border-width:1px;
	color:#333333;
	text-align: left;
/* MacIE \*/
	letter-spacing: 1px;
/* */
}
#mente2 p.stg {
	display:block;
	font-size:14px;
	margin:0 0 6px 0;
	font-weight: bold;
}
#mente2 p {
	margin:0 0 3px 0;
	font-size:12px;
}
#mente2 .red {
	margin:0 0 0 10px;
	font-size:12px;
	color:#FF3300;
	font-weight:bold;
}
#mente2 p.none {
	margin:0;
}

.box_tag {
	display:none;
}

/* 料金明細 開始 */

#main_box td.wrapper_details{
	padding:0;
	width:600px;
	line-height:0;
}
#main_box table#item_details{
	width:600px;
	border-collapse:collapse;
	border:none;
	margin:0;
}
#main_box #item_details td{
	border:none;
	padding:0 8px 0 8px;
}
#main_box #item_details .caption td{
	padding-bottom:5px;
}
#main_box #item_details tr:first-child td{
	padding-top:8px;
}
#main_box #item_details tr:last-child td{
	padding-bottom:8px;
}
#main_box #item_details .label{
	width:384px;
	border-right:1px #CCC solid;
}
#main_box #item_details .price{
	width:184px;
	text-align:right;
}
#item_details tr.addorder td,
#item_details tr.number_discount td,
#item_details tr.term_discount td{
	color:#C00;
}

#cart .order1 th{
	width:184px;
}
#order_confirm .order1 th{
	width:184px;
}

#order_history #main_box td.wrapper_details{
	width:374px;
}
#order_history #main_box table#item_details{
	width:100%;
}
#order_history #main_box #item_details .label{
	width:248px;
}
#order_history #main_box #item_details .price{
	width:95px;
}
#order_history #main_box tr.syoukei th{
	width:248px;
}
#order_history #main_box tr.syoukei td{
	width:95px;
}

/* 料金明細 終了 */
