@charset "SHIFT_JIS";

/*
	01. Login Area

	
*/


/*--Form_Area
------------------------------------------------*/
img, input, option, select, a {
	vertical-align:middle;
	}
	
	
/* for INPUT */
input{
	margin:0px 5px 0px 3px;
	color: #333333;
	}

input[text]{
  border-style: solid;
  border-width: 1px;
  border-color: #aaaa94 #dfdfd6 #dfdfd6 #aaaa94;
  color: #333333;
  background: #FFFFFF;
}

input.inputArea{
	border-style: solid;
  border-width: 1px;
  border-color: #aaaa94 #dfdfd6 #dfdfd6 #aaaa94;
  color: #333333;
  background: #FFFFFF;
}



/* for PULLDOWN01 */
select{
  border-style: solid;
  border-width: 1px;
  border-color: #aaaa94 #dfdfd6 #dfdfd6 #aaaa94;
  color: #333333;
  background: #FFFFFF;
  margin:0px 3px 0px 6px;
}

/* for PULLDOWN02 */
select.normal{
  border-style: solid;
  border-width: 1px;
  border-color: #aaaa94 #dfdfd6 #dfdfd6 #aaaa94;
  color: #333333;
  background: #FFFFFF;
  margin:0px 0px 0px 3px;
}

/* for TEXT AREA */
textarea{
  border-style: solid;
  border-width: 1px;
  border-color: #aaaa94 #dfdfd6 #dfdfd6 #aaaa94;
  color: #333333;
  background: #FFFFFF;
  margin:0px 3px 0px 3px;
}

/* for RADIO BUTTON*/
table input.rad{
	border:none;
	margin-right:3px;
	padding:0px;
	background:transparent;
}

			/*テーブル内ヨコ並びボタン*/
			table td.tab01 .radioline{
				margin-right:25px;
				float:left;
			}
			/*テーブル内ヨコ並びボタン集荷用*/
			#full table td.tab01 span.radioline02{
				padding-right:25px;
				color:#333333;
			}



/* for CHECK BOX */
table input.cb{
	border:none;
	margin-right:3px;
	padding:0px;
	background:transparent;
}

/*BUTTON*/
.button{
	margin:0px;
	padding:0px;
	border:none;
}

/*BUTTON＿TABLE_MINI_BUTTON*/
input.sub_but{
	border:none;
	margin-left:20px;
}

input.sub_but02{
	border:none;
	padding:0px;
}

/*IMAGE LINK*/
a.sub_but{
	border:none;
	margin-left:20px;
	margin-bottom:2px;
}

/*ERROR*/
div.error{
	color:#FF0000;
	font-size:1.2em;
	margin:0;
	padding:5px 0px;
	clear:both;
}

/*INPUT EXAMPLE*/
.exa{
	color:#666666;
	font-size:0.8px;
	padding-left:6px;
	padding-top:3px;
}


/*MUST FILL IN CLASS*/
.mustfill{
	margin:12px 0 8px 13px;
}




/*--Login Area
------------------------------------------------*/


/*  ログインページ(200909追加")  */

#contents #member h2{
	width:587px;
	_width:600px;
	background:url("../images/parts/pgs/tt_base_600.gif") no-repeat top left;
	padding:10px 0px 0px 13px;
	height:23px;
	_height:33px;
	vertical-align:middle;
}

#contents #new_member h2{
	width:297px;
	_width:310px;
	background:url("../images/parts/pgs/tt_base_310.gif") no-repeat top left;
	padding:10px 0px 0px 13px;
	height:23px;
	_height:33px;
	vertical-align:middle;
}

#contents #loginstate{
        padding:10px 0px 0px 24px;
}

.login_wrapper{
	margin:10px 0px 24px 13px;
}

/*  ログインエリア  */
#loginBox{
	width: 587px;
	padding: 0px;
}

#loginBox table{
	margin:1.2em 0 0 0;
	border-collapse: collapse;
	background:#FFF;
}


#loginBox th{/*in_right*/
	background:#CCC;
	width:151px;
	height:24px;
	padding:8px;
	color:#333333;
	border-bottom:solid 1px #FFFFFF;
}

#loginBox td{
	background:#EEE;
	margin:0px 0px 1px 0px;
	padding:8px;
	color:#333333;
	border-bottom:solid 1px #FFFFFF;
	}

#loginBox td.right{
	width:400px;
	}
	
#loginBox td.color{
	background:#cc0066;
	width:4px;
	padding:0px;
	border-bottom:solid 1px #FFFFFF;
}

.login_wrapper .loginB,
.login_wrapper .newB{
	text-align:center;
	margin:20px 0;
	}

.login_wrapper .loginB input{
	border:3px solid #ffebee;
	}

.login_wrapper .newB input{
	border:3px solid #e9f5d1;
	}


.login_wrapper input#cb{
	margin:0 0.4em 0 0;
	padding:0;
	border:none;
	text-align:left;
	background:transparent;
}

#loginBox table td.loginnotice input{
	margin:-3px 5px 0 0;
	padding: 0;
	}

span.link_r_log{
	margin:0 0 0 2em;
	padding:0 0 0.4em 1.5em;
	_padding:0 0 0.4em 1.5em;
	height:16px;
	background: url("../images/parts/arrow_r.gif") no-repeat 0 3px;
	_background: url("../images/parts/arrow_r.gif") no-repeat left top;
	font-weight: bold;
}

#loginBox td input.mail_l{
	width:15em;
	height:1.6em;
	font-size:1.9em;
	font-weight:bold;
	padding-top:0.2em;
}


#loginBox td input.password{
	width:10em;
}

#loginBox td input.reminder{
	width:400px;
}


/*--NEW Member Info Input
------------------------------------------------*/

.conf_t input.mail{
	width:400px;
}

.conf_t input.mail_l{
	width:400px;
	height:26px;
	font-size:120%;
	font-weight:bold;
}


.conf_t input.password{
	width:150px;
}

.conf_t input.reminder{
	width:400px;
}

.conf_t #kiyakusub input.rad{
  border-style: none;
  color: #333333;
  background: transparent;
  margin:0px 12px 0px 3px;
}

/*--BASIC Info Input
------------------------------------------------*/

/*名前（1：漢字　2：カナ）*/
.conf_t input.name1{
	width:135px;
	margin-left:20px;
}

.conf_t input.name2{
	width:135px;
	margin-left:9px;
}

/*郵便番号*/
.conf_t input.zip1,
td.tab01 input.zip1{
	width:7em;
	margin-right:0px;
}

/*.conf_t input.zip2{
	width:35px;
	margin-left:12px;
	margin-right:0px;
}*/

/*都道府県選択*/
.conf_t select.add1{
	width:100px;
	margin:0px;
	padding:0px;
}

/*市区町村、番地、マンション名など*/
.conf_t input.add2{
	width:265px;
}

/*電話番号*/

input.telno1,
.conf_t input.telno1{
	width:13em;
}

input.tel01{
	width:3em;
}
input.tel02{
	width:4em;
}
input.tel03{
	width:4em;
}

/*.conf_t input.telno2{
	width:35px;
	margin-left:13px;
}*/


/*生年月日

.conf_t select.yr{
	width:100px;
}

.conf_t select.mon{
	width:60px;
	margin-left:13px;
}

.conf_t select.day{
	width:60px;
	margin-left:13px;
}*/

/*職業*/

.conf_t select.occupation{
	width:150px;
}


/*--ID_Acceptance
------------------------------------------------*/


#accept input{
 	width:120px;
	margin:0px 12px;
}


#accept .button{/*100901修正*/
	margin:0px;
	padding:0px;
	border:none;
	/*width:74px;
	height:24px;*/
	width:60px;
	height:20px;
}


/*--Confirm
------------------------------------------------*/
#conf_t .tab02 input#rad2{
 	padding: 0px;
	margin: 0px 3px 0px 0px;
	background:#CCCCCC;
	border:none;	
}


#conf_t .tab01 input.boxno{
 	padding: 0px;
	margin: 0px;
	width:50px;
}

#conf_t .tab01 input.rad{
 	padding: 0px;
	margin: 0px 3px 0px 0px;
	background:transparent;	
	border:none;
}

/*# full #conf_t .tab01 .radioline{
	width:120px;
	float:left;
	border:1px solid #C00;
}*/




/*--Payment
------------------------------------------------*/

#payment_t input.number{
 	width:13em;
	height:1.2em;
	margin:0px 8px;
	font-size:1.9em;
	font-weight:bold;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
#payment_t input.number{
        width:350px;
        height:32px;
        margin:0px 8px;
        font-size:1.9em;
        font-weight:bold;
        }
}

#payment_t input.disAbled,
#payment_t select.disAbled{
 	background:#CCC;
}


#payment_t input#rad{
 	padding: 0px;
	margin: 0px 3px 0px 0px;
	background:#CCCCCC;
	border:none;	
}


#payment_t select{
 	width:50px;
	padding:0px;
	margin:0px 8px;
}

#payment_t .button{
	margin:0px;
	padding:0px;
	border:none;
	width:74px;
	height:24px;
}

#payment_t input.securitycode{
 	width:5em;
	margin:0px 8px;
}

#payment_t #secodeimg{
	margin:12px 0 10px 8px;
}

#payment_t .btnright{
	margin: 0 0 0 24em ;
}



/*--Sell
------------------------------------------------*/

#sell_t input.bank{
 	width:150px;
	margin:0px 8px;
}

#sell_t input.bank_l{
 	width:14em;
	font-size:120%;
	font-weight:bold;
	margin:0px 8px;
}

#sell_t input.bankinpt{
 	width:150px;
	margin:0px 8px;
	background:#CCCCCC;
}

#sell_t input.kouzaba{
 	width:60px;
	margin:0px 8px;
}

#sell_t input.kouzaba_l{
	width:7em;
	height:26px;
	font-size:120%;
	font-weight:bold;
	margin:0px 8px;
}

#sell_t input.zipcode{
 	width:45px;
	margin:0px 8px;
}

#sell_t input.zipcode_l{
 	width:5em;
	height:26px;
	font-size:120%;
	font-weight:bold;
	margin:0px 8px;
}

#sell_t input.kouzayu{
 	width:75px;
	margin:0px 8px;
}

#sell_t input.kouzayu_l{
 	width:8em;
	height:26px;
	font-size:120%;
	font-weight:bold;
	margin:0px 8px;
}


#sell_t input.rad{
 	padding: 0px;
	margin: 0px 3px 0px 0px;
	background:#CCCCCC;
	border:none;	
}


#sell_t select{
 	width:150px;
	padding:0px;
	margin:0px 8px;
}

#sell_t .button{
	margin:0px;
	padding:0px;
	border:none;
	width:74px;
	height:24px;
}


#sell_t .tab01 .t_s{
	border:none;
}


/*--GROUP BUY
------------------------------------------------*/
/*GROUP BUY SEARCH*/
#groupBox{
	width:695px;
	background:#FFFFFF;
	margin:20px 0px 0px 0px;
	padding:0px;
}

#groupBox table{
	border-collapse: collapse;
	background:#FFFFFF;
}

#groupBox th{
	width:192px;
	background:#CCCCCC;
	padding:8px;
	color:#333333;
	border-bottom:solid 1px #FFFFFF;
}

#groupBox td input{
  	width:315px;
	margin:0px 12px;
}

#groupBox td.right{
	width:500px;
	background:#EEEEEE;
	margin:0px 0px 1px 0px;
	padding:8px;
	color:#333333;
	border-bottom:solid 1px #FFFFFF;
	}
	
	
#groupBox td.yel{
	background:#ffcc33;
	width:3px;
	padding:0px;
	border-bottom:solid 1px #FFFFFF;
}



/* オトナ買い商品詳細 */
#groupT{
	background:#d9f2f2;
	padding:8px 8px 4px 8px;
	margin-bottom:20px;
	height:40px;
}

#groupT .groupBB input{
padding:0px;
margin:0px;
border:none;
float:right;
background:transparent;
}

#groupT .groupBB .grB{
padding:0px;
margin:0px;
border:none;
float:right;
}

#groupT .groupttl{
padding:auto 50%;
margin:0px;
border:none;
float:left;
text-align:right;
width:450px;
position:relative;
top:10px;
font-weight:bold;
}

#groupT .groupttl span{
	color:#660000;
	font-size:1em;
}


.GroupSummary{
	margin:0;
}

.GroupSummary:after {
		content: "";
		display: block;
		clear: both;
		height: 1px;
		overflow: hidden;
		}
		/*\*/
		* html .GroupSummary {
		height: 1em;
		overflow: visible;
		}
		/**/
		.GroupSummary{
		overflow: hidden;
		}

.GroupSummary .zaiko{
	margin:0px 12px 4px 0px;
	float:right;
	font-weight:bold;
}

.GroupSummary .zaikoleft{
	margin:20px 12px 4px 0px;
	float:left;
	font-weight:bold;
}



/*GROUP BUY RESULTS*/

#groupWord{
	width:695px;
	background:#FFFFFF;
	margin:20px 0px 0px 0px;
	padding:0px;
}

#groupWord:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

#groupWord{
  min-height: 1px;
}

* html #groupWord{
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

#groupWord table{
	border-collapse: collapse;
	background:#FFFFFF;
	border:none;
}

#groupWord th{
	width:150px;
	padding: 0px 8px 2px 4px;
	color:#333333;
	text-align:left;
}

#groupWord td{
	width:545px;
	margin:0px;
	padding: 2px 8px 2px 4px;
	color:#333333;
}

#groupWord p#searchWord{
	float:left;
	width:600px;
	}

#groupWord p#searchWord span.otonaRes{
	margin:0 0 0 0.5em;
	font-weight:bold;
	font-size:120%;
	}
	
/*RSS*/

#groupWord p#rssotona{
	background:url("../images/parts/search/rss_bg110203.gif") no-repeat top right;
	width:63px;
	height:60px;
	float:right;
	padding:0;
	margin:0;
}

#groupWord p#rssotona input.button{
	position:relative;
	top:25px;
	left:15px;
}
/*GROUP BUY RESULTS NAME*/

#groupWord2{
	width:695px;
	margin:20px 0px 0px 0px;
	padding:0px;
}

#groupWord2 table{
	width:695px;
	border-collapse: collapse;
	background:#ffebad;
}

#groupWord2 th{
	padding:8px;
	color:#333333;
	background:#ffcc33;
	border-bottom:1px solid #FFFFFF;
	text-align:left;
}

#groupWord2 td{
	margin:0px;
	padding:8px;
	color:#333333;
	border-bottom:1px solid #FFFFFF;
}


/*--REVUE
------------------------------------------------*/

/*REVUE INPUT*/
.conf_t input.rev_t{
	width:300px;
}

.conf_t input.star{
	width:100px;
}


.conf_t input.revuer{
	width:300px;
}


.conf_t textarea.revue{
	width:480px;
}

.conf_t select.revue{
	width:500px;
}

.conf_t .tab01 select.rtngstr{
	width:130px;
}

.conf_t .tab01 select.rtngstr option{
	height:1em;
}



/*--チェックボックスサイズ拡大
    全チェックボックス統一的にサイズ拡大を行います。
    css_browser_selector.js上でブラウザ判別を行っています。
------------------------------------------------*/

input.checkboxL{
	width:22px;
	height:22px;
	}

.ie .cb{
	width: 25px;
	height: 25px;
	border:none;
}

.ff .cb{
	width: 25px;
	height: 25px;
	border:none;
}