@charset "SHIFT_JIS";

/*
	01. Layout
	02. Image
	03. Miscellaneous
	04. Text

*/


/* 01 Layout
----------------------------------------*/

div#pop {
	font : 90%/1.1 "ＭＳ Ｐゴシック",Hiragino Kaku Gothic Pro,osaka,sans-serif,Verdana,Arial,Georgia,'メイリオ',Meiryo, MS UI Gothic;
	color: #333;
	margin: 0;
	padding: 0;
}


/*-- 共通要素 --*/
img {
border: 0px none;
}

dl,dt,dd,p,h1,h2,h3,h4,ul,li,iframe{
	margin: 0px;
	padding: 0px;
}

form {
	margin: 0px;
	padding: 0px;
}


/*-- テキスト --*/
em.txtb{
	font-weight:bold;
	font-style:normal;
	}

p#lead{
	margin:0.8em 0;
	font-weight:bold;
	line-height:1.2em;
	}

/*--link--*/
a:link {
color: #336699;
text-decoration: none;
}

a:visited {
color: #336699;
text-decoration: none;
}

a:hover, a:visited:hover {
color: #0066ff;
text-decoration: underline;
}

a:active {
color: #cc3366;
text-decoration: underline;
}

a:focus {
-moz-outline-style: none;
}



/*-- レイアウト --*/

#popwrapper300{
	background:#ebf5ff;
	width:300px;
	margin:0 auto;
	text-align:left;
	}

#popwrapper600{
	background:#ebf5ff;
	width:600px;
	margin:0 auto;
	text-align:left;
	}


/*ヘッダ300*/

#popheader300{
	width:300px;
	height:37px;
	padding:0;
	margin:0;
	background:url("../images/parts/pop/hdr_pop_s.gif") no-repeat left top;
	}

#popheader300Txt{
	width:300px;
	height:37px;
	padding:0;
	_padding:0 0 5px 0;
	margin:0;
	background:url("../images/parts/pop/hdr_pop_s_txtbg.gif") no-repeat left top;
	}

#popheader300 h3#popttl{
	float:left;
	padding:0;
	margin:11px 0 0 12px;
	width:auto;
	background:none;
	line-height:1em;
	}

#popheader300Txt h3#popttl{
	float:left;
	padding:0;
	margin:11px 0 0 12px;
	_margin:13px 0 0 12px;
	width:220px;
	background:none;
	font-family: 'A-OTF 新ゴ Pro','メイリオ',Meiryo, MS UI Gothic;
	color:#fff;
	font-size:100%;
	line-height:1.2em;
	}


/*ヘッダ600*/

#popheader600{
	width:600px;
	height:37px;
	padding:0;
	_padding:0 0 5px 0;
	margin:0;
	background:url("../images/parts/pop/hdr_pop_l.gif") no-repeat left top;
	}

#popheader600 h3#popttl{
	float:left;
	padding:0;
	margin:11px 0 0 12px;
	_margin:9px 0 0 12px;
	width:550px;
	background:none;
	line-height:1em;
	}


#popheader300:after,
#popheader600:after{
  display: block;
	content: "";
	clear: both;
	height: 1px;
	overflow: hidden;
}


/*-- 細部 --*/

div#close_b{
	float:right;
	width:26px;
	height:31px;
	margin:0 10px 0 0;
	cursor: pointer;
	}

#popbody{
	border:#33c solid 1px;
	padding:10px;
	}

.productName{
	background:#fff;
	padding: 0.8em;
	font-weight:bold;
	}

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

.productName {
  min-height: 1px;
}

* html .productName {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.productName span{
	float:left;
	width:15%;
	}

ul.list{
	list-style: none outside;
	margin: 1.1em 0 1.1em 0;
	padding:0;
	}

ul.list li{
	margin: 0 0 0.6em 0;
	}

ul.list li input{
	background:transparent;
	border:none;
	}

p.radiolist{
	margin: 0 0 0.4em 0;
	}

/*共通ボタンエリア*/

div#submitbPop{
	text-align: center;
	margin:1.2em 0 0.2em;
	}

ul#popBtnArea{
	list-style:none;
	}

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

ul#popBtnArea {
  min-height: 1px;
}

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

ul#popBtnArea li{
	display:inline;
	margin:0 5px 0 0;
}

ul#popBtnArea li input.pop{
  color: #333;
}

ul#popBtnArea li input.okbtn{
  width:100px;
}

ul#popBtnArea li input.mainbtn{
	height:2.4em;
}


/*-- お知らせ設定 --*/


div.oshiraseSettings{
	margin:1em 0 0 0;
	padding:0 0 0 5px;
	}

div.oshiraseSettings p{
	margin:0.8em 0 0 0;
	font-weight: bold;
	}

div.oshiraseSettings p.last{
	margin:0.3em 0 0 0;
	font-weight: bold;
	}

div.oshiraseSettings p span.red,
div.oshiraseSettings td span.red{
	margin:0 0 0 0.6em;
	color:#f00;
	}
	
div.oshiraseSettings p span.strike,
div.oshiraseSettings td span.strike{
	margin:0 0 0 0.6em;
	text-decoration:line-through;
	font-weight:normal;
	}

div.oshiraseSettings input.wishprice{
	margin:0em 0.2em 0;
	padding:0.3em 0 0 0;
	width:9em;
	height:1.6em;
	font-size:110%;
	font-weight:bold;
	border:1px solid #ccc;
	}

div.oshiraseSettings input.wishprice2{/*PopOtonaMail使用*/
	margin:0em 0.2em 0;
	padding:0.3em 0 0 0;
	width:9em;
	height:1.6em;
	font-size:110%;
	font-weight:bold;
	border:1px solid #ccc;
	}
 p.oshirase{
	text-align:right;
	margin:0.2em 0 0 0;
	font-weight:normal;
	line-height:133%;
	}
/*-- 6次開発 BOL-73 start --*/
 p.oshirase_center{
        text-align:center;
        margin:0.2em 0 0 0;
        font-weight:normal;
        line-height:133%;
        }
/*-- 6次開発 BOL-73 end --*/

/*-- 初めての方 --*/
#begginerLink{
	width:100%;
	margin:0.8em auto 0;
	text-align:center;
	}

#begginerLink .begginer{
	background:url(../images/parts/pop/icon_beginner.gif) no-repeat left top;
	margin:0 auto;
	padding:0.2em 0 0 1.2em;
	_padding:0.2em 0 0 2em;
	width:120px;
	height:25px;
	font-weight:bold;
	display:block;
	text-align:center;
	}

/*-- リスト --*/
div.checkNeededPop{
	font-size:84%;
	}

ul#zaikoList{
	margin:0.4em 0;
	list-style:none;
	overflow:auto;
	width:574px;
	height:100px;
	}

ul#zaikoList li{
	width:545px;
	_width:555px;
	background:#fff;
	margin:0 0 1px 0 ;
	padding:0.4em;
	}

ul#zaikoList li span.old{
	height:14px;
	background:url(../images/parts/search/ico_old_s110203.gif) no-repeat;
	background-position:left 0em;
	padding:0 0 0 2.4em;
	margin:0 0 0 0.4em;
	}

ul#zaikoList li span.new{
	height:14px;
	background:url(../images/parts/search/ico_new_s110203.gif) no-repeat;
	background-position:left 0em;
	padding:0 0 0 2.4em;
	margin:0 0 0 0.4em;
	}


/*-- OKポップ --*/

div#message{
	background:#fff;
	margin:0.4em 0 0 0;
	padding: 1em;
	font-weight:bold;
	border:3px solid #CCC;
	}

div#message p.pin{
	background:url(../images/parts/pop/icon_pushpin.gif) no-repeat left top;
	padding:0 0 0 27px;
	font-size:130%;
	}

p.popsecond{
	text-align:center;
	margin:1em 0 0 0;
	}


/*--料金設定テーブル--*/

table.priceset{
	width:100%;
	border:none;
	border-collapse:collapse;
	font-size:120%;
	}
table.priceset th{
	border:none;
	text-align:left;
	}
table.priceset td{
	border:none;
	font-weight:bold;
}


/*--選択リストテーブル--*/

table.radiolist{
	width:100%;
	margin:1em 0 0 0;
	border:none;
	border-collapse:collapse;
	font-size:120%;
	}
table.radiolist th{
	padding:0;
	border:none;
	width:10%;
	text-align:left;
	vertical-align:top;
	}
table.radiolist td{
	border:none;
	width:90%;
	}