@charset "utf-8";
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
★　CSS　コンテンツ設定　★

■　　共通部分
■１．会社概要
■２．そろばんニュース
■３．認知症予防講座
■４．イマージョンプログラム
■５．海外でのそろばん
■６．リンク集
■７．そろばん応援席
■８．そろばん博物館
■９．そろばん質問箱
■11．その他

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■１．規約等ページ
	●買物方法
	●利用規約
	●特商法表記義務
	●個人情報保護方針
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#shop-content {
	width:600px;
	margin-left:11px;
	padding-top:15px;
}

#shop-content .navi {
	width:600px;
	margin:0 auto 10px;
}
#shop-content .navi li{
	float:left;
}
#shop-content .guide {
	padding:0 10px;
}
/*クラス：ガイド内の段落*/
#shop-content h3 {
	margin-bottom:8px;
}

.guide h4 {
	margin:0 auto 10px;
	padding:3px 6px;
	background-color:#34650C;
	font-size:12px;
	font-weight:bold;
	color: #FFFFFF;
}

.guide h5 {
	margin:0px 10px;
	padding:3px 12px;

	font-size:12px;
	font-weight:bold;
}

.guide h6 {

}

.guide p {
	padding:0 18px 10px;
}

#shop-content .guide dl {
	margin:0 auto 10px;
	padding:0 18px;
}
#shop-content .guide dl dt {
	font-weight:bold;
}
#shop-content .guide dl dd {
	margin-bottom:5px;
}

.guide table#shiharaitbl {
	width:550px;
	margin-left:15px;
	margin-bottom:20px;
	border-left:1px solid #cccccc;
	border-top:1px solid #cccccc;
}

.guide table#shiharaitbl th{
	width:110px;
	padding:6px;/*セル余白を使用せず*/
	background:#DEF1DC;
	text-align:center;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

.guide table#shiharaitbl td{ 
	padding:6px;/*セル余白を使用せず*/
	text-align:left;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

.guide table#souryo {
	width:570px;
	margin-left:5px;
	margin-bottom:20px;
}
.guide table#souryo th{
	width:60px;
	padding:3px 6px;/*セル余白を使用せず*/
	text-align:center;
	border-bottom:1px dotted #cccccc;
}
.guide table#souryo td { 
	padding:3px 6px;/*セル余白を使用せず*/
	border-bottom:1px dotted #cccccc;
}

.guide table td ul{ 
	padding:10px 15px;
}


.guide ol li {
	margin: 0 48px 6px;
	list-style:outside decimal;
}

.guide table#tokusho {
	width:580px;
	margin-left:15px;
	margin-bottom:20px;
}
.guide table#tokusho th{
	padding:3px 6px;/*セル余白を使用せず*/
	text-align:left;
	border-bottom:1px dotted #cccccc;
	vertical-align:top;
}
.guide table#tokusho td { 
	padding:3px 6px;/*セル余白を使用せず*/
	border-bottom:1px dotted #cccccc;
}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■２．registフォルダ内設定
	●１．カートの中身
	●２．メール＆パス
	●３．送信入力
	●４．送信内容確認
	●５．送信
	
	●６．forgetpass
			＆changemail設定
	
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*レジスト・ラッパー*/
.regist {
	width:580px;
	padding:10px;
	margin:0 auto;
}

/*見出し*/
.regist h4 {
	margin:5px 0px 10px;
	border-bottom:1px solid #990000;
	
	color:#990000;
	font-weight:bold;
}

/*カート現在地表示・テーブル*/
.cartflow {
	width:560px;
	margin:10px auto 20px;
}

.cartflow td {/*矢印*/
	padding:1px 3px;
}

.cartflow th.cartflow-now {/*現在地*/
	border:1px solid #ff6600;
	background-color:#ff3300;
	color:#ffffff;
	text-align:center;
}

.cartflow th.cartflow-none {/*未処理*/
	border:1px solid #ffffdd;
	background-color:#cccccc;
	color:#333333;
	text-align:center;
}

.cartflow th.cartflow-fin {/*処理済*/
	border:1px solid #ffffff;
	background-color:#ffffff;
	color:#666666;
	text-align:center;
}


/*価格注釈*/
#price-info {
	padding:5px 0 20px 0;
	text-align:left;
}

/*エラーメッセージ*/
#error-disp p {
	padding:20px;
	text-align:center;
	
	color:#ff0000;
	font-weight:bold;
}

#error-disp form {
	padding-top:10px;
	text-align:center;
}


/*ページ移動*/
.step-jump {
	padding:10px 0;
	text-align:center;
}

.step-jump2 {
	width:400px;
	margin:20px auto 0px;
	text-align:center;
}

.step-juwma {
	padding-top:10px;
	text-align:right;
}

.step-jump4 {
	width:510px;
	padding:0 10px 10px 20px;
}

.step-jump4 .clear {
	clear:both;
}

.step-jump4 li {
	float:left;
	width:160px;
	padding-right:10px;
}

#step-left {
	margin:0px;
	padding:10px 0px;
}

#step-right {
	margin:0px;
	padding:10px 10px 10px 0px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●２-１．カートの中身
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
TMPL_cartList.html
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*カートの中身・テーブル*/
#cartlist-table {
	border-collapse:collapse;
	border:1px solid #cccccc;
}

/*カートの中身・テーブルヘッダー*/
#cartlist-table thead th {
	padding:3px 0px;
	border:1px solid #cccccc;
	background-color:#ffffdd;
	
	text-align:center;
	white-space:nowrap;
}

/*カートの中身・テーブルボディ　～繰り返し部分～*/
#cartlist-table tbody td {/*右寄せ*/
	padding:3px 3px 3px 0px;
	border:1px solid #cccccc;
	text-align:right;
}

#cartlist-table tbody .ctr,
#cartlist-table tbody #deleteform td,
#cartlist-table tbody #addform td {/*中央寄せ*/
	padding:3px 0px;
	border:1px solid #cccccc;
	text-align:center;
}

/*カートの中身・テーブルフッター　～小計部分～*/
#cartlist-table tfoot th {/*右寄せ*/
	padding:3px 12px 3px 0px;
	border:1px solid #cccccc;
	background-color:#ffffdd;
	text-align:right;
}

#cartlist-table tfoot td {/*右寄せ*/
	padding:3px 3px 3px 0px;
	border:1px solid #cccccc;
	text-align:right;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
TMPL_input.html ＆ TMPL_confirm.html
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*カートの中身・テーブル*/
#cartcheck {
	border-collapse:collapse;
	border:1px solid #cccccc;
}

/*カートの中身・テーブルヘッダー*/
#cartcheck thead th {
	padding:3px 0px;
	border:1px solid #cccccc;
	background-color:#ffffdd;
	
	text-align:center;
	white-space:nowrap;
}

/*カートの中身・テーブルボディ　～繰り返し部分～*/
#cartcheck tbody td {/*右寄せ*/
	padding:3px 3px 3px 0px;
	border:1px solid #cccccc;
	text-align:right;
}

#cartcheck tbody .ctr,
#cartcheck tbody #deleteform td,
#cartcheck tbody #addform td {/*中央寄せ*/
	padding:3px 0px;
	border:1px solid #cccccc;
	text-align:center;
}

/*カートの中身・テーブルフッター　～小計部分～*/
#cartcheck tfoot th {/*右寄せ*/
	padding:3px 12px 3px 0px;
	border:1px solid #cccccc;
	background-color:#ffffdd;
	text-align:right;
}

#cartcheck tfoot td {/*右寄せ*/
	padding:3px 3px 3px 0px;
	border:1px solid #cccccc;
	text-align:right;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●２-２．カートの中身ページの
		メール＆パスフォーム
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*ラッパー*/
#cart-pw {
	padding:10px 20px;
}

/*フォーム入力フィールドセット*/
#cart-pw fieldset {
	margin-bottom:20px;
}

/*中のテーブル・共通*/
#cart-pw table {
	margin:6px;
}

/*中のテーブル・セル枠無し*/
#cart-pw table td{
	padding:3px 6px;
}

/*中のテーブル・ボーダーつき*/
#cart-pw #pw-input {
	border-collapse:collapse;
	border-spacing:0px;
}

/*中のテーブル・ボーダーつきセル内*/
#cart-pw #pw-input td {
	padding:2px 5px;
	border:1px solid #ffffdd;
}

#cart-pw table td label {
	text-align:right;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●２-３．送信入力
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●２-４．送信確認
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.input-data {
	margin:12px 0px 30px;
	border-collapse:collapse;
	border:1px solid #cccccc;
}

.check-data {
	margin:6px 0px 12px;
	border-collapse:collapse;
	border:1px solid #cccccc;
}

/*項目*/
.input-data th,
.check-data th {
	padding:6px 12px;
	border:1px solid #cccccc;
	background-color:#ffffdd;
	
	text-align:left;
}

/*内容*/
.input-data td,
.check-data td {/*左寄せ*/
	padding:6px 12px;
	border:1px solid #cccccc;
	text-align:left;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
	IMEモード
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*有効*/
.regist input#label1,.regist input#label2,.regist input#label13,.regist input#label14,.regist input#label15,.regist input#label16,
.regist input#address1,.regist input#address2,
.regist input#deli_address1,.regist input#deli_address2,
.regist textarea#remark {
	/*IME mode*/
	ime-mode:active;
}

/*無効*/
.regist input#zip1,.regist input#zip2,
.regist input#tel1,.regist input#tel2,.regist input#tel3, 
.regist input#deli_zip1,.regist input#deli_zip2,
.regist input#deli_tel1,.regist input#deli_tel2,.regist input#deli_tel3, 
.regist input#email,.regist input#oldmail,.regist input#newmail,.regist input#chkmail,
.regist input#pwd,.regist input#npwd,.regist input#npwd2 {
	/*IME mode*/
	ime-mode:disabled;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●５．送信
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#next-credit form {
	padding:10px 20px 20px;
	line-height:150%;
}

#next-credit input {
	margin:20px;
}

#fin-cart {
	padding:10px 20px 20px;
	line-height:150%;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●６．メール＆パス変更
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*中のテーブル・ボーダーつき*/
#cart-pw #pw-input2 {
	width:100%;
	border-collapse:collapse;
	border-spacing:0px;
}

/*中のテーブル・ボーダーつきセル内　見出し部*/
#cart-pw #pw-input2 th {
	padding:2px 5px;
	border:1px solid #ffffdd;
	text-align:right;

	white-space:nowrap;
}

/*中のテーブル・ボーダーつきセル内*/
#cart-pw #pw-input2 td {
	width:100%;
	padding:2px 5px;
	border:1px solid #ffffdd;
}

#cart-pw #pw-input2 td label {
	text-align:right;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●7．インプット外観変更
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

input.next {
	font-size: 100%;
	/*font-weight: bold;*/
	background-color: #FF3300;
	color: #FFF;
	text-decoration: none;
	border-top: 1px solid #cecece;
	border-bottom: 2px solid #4a4a4a;
	border-left: 1px solid #cecece;
	border-right: 2px solid #4a4a4a;
}

input.next:hover {
	border-bottom: 1px solid #cecece;
	border-top: 2px solid #4a4a4a;
	border-right: 1px solid #cecece;
	border-left: 2px solid #4a4a4a;
}

input.next2 {
	font-size: 100%;
	font-weight: bold;
	color:#2D2D2D;
}