@charset "utf-8";
/* CSS Document */

.mr3{
	margin-right:3px;
}
.pt1{
	padding-top:1px;
}
.pt2{
	padding-top:2px;
}
.pt3{
	padding-top:3px;
}
.pt4{
	padding-top:4px;
}
.pt6{
	padding-top:6px;
}
.pt7{
	padding-top:7px;
}
.pt8{
	padding-top:8px;
}
.pb1{
	padding-bottom:1px;
}
.pb2{
	padding-bottom:2px;
}
.pb3{
	padding-bottom:3px;
}
.pb4{
	padding-bottom:4px;
}
.pb6{
	padding-bottom:6px;
}
.pb7{
	padding-bottom:7px;
}
.pb8{
	padding-bottom:8px;
}

.fs13{
font-size:1.25em;
}

.clear{
	clear:both;
}

#refill #serch02 ul{
overflow: hidden;
margin-top: 15px;
}

#refill .FL { float: left;}

#refill .FL + .FL{
  margin-left: 12px;
}

#refill .txtS{ font-size:10px; font-weight:normal; }

#refill .pageTop a {
    background: url("../../../../images/shared/icn/pagetop-icn.png") no-repeat scroll left center transparent;
    padding: 0 0 0 12px;

}

#refill .pageTop {
    font-size: 1.2em;
    margin-top: 10px;
    text-align: right;
}

#refill{
	width:761px;
	margin-top:20px;
}

#refill h1 {
    margin-bottom: 20px;
}

#refill h2 {
    margin-bottom: 10px;
}

#refill h3 {
    margin-bottom: 10px;
}


#refill h3 span{
	vertical-align:bottom;

}

#refill #serch00 {
	margin-top:30px;
}
#refill #serch00 .refillMakerNo {
    float: left;
    margin-right: 10px;
    margin-top: 2px;
    width: 330px;
}

#refill #serch00 .refillMakerNo dl.refill_sh {
    float: left;
    left: 0px;
    position: relative;
}
#refill #serch00 .refillMakerNo dl.refill_sh dt {
    float: left;
    line-height: 1.6;
    vertical-align: middle;
    width: 90px;
}
#refill #serch00 .refillMakerNo dl.refill_sh dd {
    float: left;
    width: 230px;
}
#refill #serch00 .refillMakerNo dl.refill_sh dd input.refill_shbox {
    margin-bottom: 15px;
    width: 240px;
}

#refill #serch00 .refillMakerNo_txt {
    border: 2px solid #CCCCCC;
	float: right;
    margin-top: 2px;
    padding: 10px;
    width: 390px;
}

#refill #serch00 .refillMakerNo_txt p#txt{
    line-height: 1.4;
	margin:10px 0 0 5px;
	float:left;
	 width: 240px;
}


#refill #serch01{
	margin-top:30px;
}


#refill #serch01 #refillAnc{
	 width: 761px;
}

#refill #serch01 #refillAnc li{
	float:left;
	margin-bottom:5px;
}

#refill #serch01 .green_bg{
    width: 760px;
	background: url(/resource/club_com/special/refill/images/bg_green_1px.gif) repeat-y center center;
	}


#refill #serch01 .green_bg2{
	width: 127px;
	float:left;
}

#refill #serch01 .green_bg2 .Logo_L{
	width: 127px;
	background-color:#a1d2be;
}

refill #serch01 .green_bg .makerListArea{
	float:left;
	width: 473px;
	}

#refill #serch01 .green_bg .makerList{
	float:left;
	width: 602px;
	display:inline;
	}
#refill #serch01 .green_bg .lineNon{
	padding:0 0 0px 20px;
	}
#refill #serch01 .green_bg .line{
	padding:0 0 0px 20px;
	border-bottom: 1px #dcdcdc solid;
	}

#refill #serch01 .green_bg .firstLine{
	margin:2px 0px 0px 0px;
	}
#refill #serch01 .green_bg .midLine{
	margin:6px 0px 0px 0px;
	}
#refill #serch01 .green_bg .lastLine{
	margin:8px 0px 0px 0px;
	}

#refill #serch01 .green_bg .Logo_s{
	float:left;
	width:135px;
	}

#refill #serch01 .green_bg  .listArea{
	float:left;
	margin-left:20px;
	display:inline;
	width:440px;
	}
#refill #serch01 .green_bg .listArea ul li{
	float:left;
	margin-right:15px;
	font-weight:bold;
	}

#refill #serch01 .light_green_bg{
	width: 740px;
	background-color:#d6f2e6;
	padding:2px 10px 7px 10px;
	font-weight:bold;
	clear:both;
	}

#refill #serch01 .brown_bg{
    width: 760px;
	background-color:#e2d3a6;
	}


#refill #serch01 .brown_bg2{
	width: 127px;
	float:left;
}

#refill #serch01 .brown_bg2 .Logo_L{
	width: 127px;
	background-color:#e2d3a6;
}

#refill #serch01 .green_bg .makerListArea{
	margin-left:127px;
}

refill #serch01 .brown_bg .makerListArea{
	float:left;
	width: 473px;
	}

#refill #serch01 .light_brown_bg{
	width: 740px;
	background-color:#f9f4d5;
	padding:2px 10px 7px 10px;
	font-weight:bold;
	clear:both;
	}

#refill #serch02 .refillMakerNo_txt2{
    border: 2px solid #CCCCCC;
   	margin-top:15px;
    width: 737px;
	padding:10px;
	clear:both;
}
#refill #serch02 .refillMakerNo_txt2 p#txt2{
	line-height: 1.4;
    width: 270px;
	float:left;
}


#refill .pdf{
    background: url("/resource/club_com/special/refill/images/ico_pdf.png") no-repeat scroll left center transparent;
    padding: 1px 0 3px 22px;
	}


/*中間ファイル*/
.refill_mid_wrap{
	width: 761px;
	margin-bottom:10px;
	}
.refill_mid_wrap .caution_pic{
	width: 320px;
	float:left;
	}
.refill_mid_wrap .cautionTxt{
	width: 441px;
	float:left;
	}

.refill_mid_wrap dl, .refill_mid_wrap dt, .refill_mid_wrap dd{
	margin:0;
	padding:0;
	}

/* シリーズ名検索用 */
table.searchRefillTable{
	width:100%;
	border-collapse:collapse;
}
table.searchRefillTable td{
	padding:0 12px 0 0;
	text-align:left;
}
table.searchRefillTable td.btnArea{
	padding:0 12px;
	text-align:center;
	vertical-align:middle;
}
table.searchRefillTable table.noBorder{
	width:100%;
}
table.searchRefillTable table.noBorder th{
	width:18%;
	text-align:left;
}
table.searchRefillTable table.noBorder td{
	width:82%;
	padding:0;
	border:none;
}
.refillSearchSelect select {
	width: 460px;
	font-size: 100%;
	font-family: Verdana,"メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
	vertical-align: top;
	line-height: 1.1;
	height:22px;
}
.refillSearchSelect .selectArr {
	width: 460px;
	background: url("/resource/images/q-order/arr-bg-02.png") no-repeat scroll center top;
	height:8px;
	margin:5px 0;
}
#refineSearchBtn {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	cursor: default;
}