@charset "euc-jp";

/* 共通スタイル - common style - */

table{
    border-collapse:collapse;
    border:none;
    border-spacing:0;
    margin:0;
    padding:0;
}

tr,th,td{
    border-collapse:collapse;
    vertical-align:top;
    border:none;
    border-spacing:0;
    text-align:left;
    padding:0;
    margin:0;
}

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

img,div,p {
    margin:0;
    padding:0;
}

h3 {
    margin:0;
    padding:0;
}


.clearfix{
    zoom:1;/*for IE 5.5-7*/
}

 /* IE6 */
 * html .clearfix {
    display: inline-block;
}

/* IE7 */
 *+html .clearfix {
    display: inline-block;
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    line-height:0;
    visibility:hidden;
}

img {
    -ms-interpolation-mode: bicubic;
}
.image-resize64 {
    max-width: 64px;
    max-height: 64px;
}

* html body .image-resize64 {
    width: expression(this.width >= this.height ? "64px" : "auto");
    height: expression(this.width <= this.height ? "64px" : "auto");
}

.image-resize128 {
    max-width: 128px;
    max-height: 128px;
}

* html body .image-resize128 {
    width: expression(this.width >= this.height ? "128x" : "auto");
    height: expression(this.width <= this.height ? "128px" : "auto");
}

/* 可変用style */

/* 300*000 -A- hrp300kA */

.hrp300kA {
    /*width:898px;*/
    height:auto;
    border:1px solid #CCC;
    background:#FFF;
    padding:5px 0;
    margin:0;
    color:#333;
}

.hrp300kA dl{
    /*width:898px;*/
    height:148px;
    margin:0;
    padding:0;
}

.hrp300kA dd {
    width:298px;
    height:148px;
    float:left;
    margin:0;
    padding:0;
}

.hrp300kA dl.line{
    /*width:898px;*/
    height:150px;
    margin:0 0 5px 0;
    padding:0 0 5px 0;
}


.hrp300kA dl.line dd {
    width:298px;
    float:left;
    margin:0 0 5px 0;
    padding:0 0 5px 0;
    background:url(/js/images/border300_x.gif) bottom repeat-x #FFF;
}

.hrp300kA .rnkBox {
    width:288px;
    height:148px;
    margin:0;
    padding:0 5px;
    background:url(/js/images/border_y.gif) right top repeat-y #FFF;
}

.hrp300kA .rnkBoxno {
    width:288px;
    height:148px;
    margin:0;
    padding:0 5px;
}

.hrp300kA h3{
    font-size:14px;
    line-height:16px;
}

.hrp300kA a{
    color:#3399FF;
}

.hrp300kA table {
    margin-top:3px;
}

.hrp300kA td,img{
    font-size:12px;
    line-height:18px;
    text-decoration:none;
    border:none;
}

.hrp300kA .ban128 {
    width:128px;
    height:128px;
    padding-right:6px;
}

.hrp300kA td.priceBox {
    width:154px;
    vertical-align:bottom;
}

.hrp300kA .priceBox li.option{
    width:50px;
    margin-top:3px;
    font-size:12px;
    line-height:14px;
    float:left;
}

.hrp300kA .priceBox p.deli{
    width:50px;
    background-color:#CC0000;
    padding:2px;
    font-size:12px;
    line-height:14px;
    color:#FFF;
    text-align:center;
}

.hrp300kA .priceBox li.price{
    width:95px;
    font-size:16px;
    line-height:16px;
    color:#CC0000;
    font-weight:bold;
    text-align:right;
    float:right;
    padding-top:4px;
}


/* 300*600 -A- hrp300A */
.hrp300A {
    width:288px;
    height:588px;
    border:1px solid #CCC;
    background:#FFF;
    margin:0;
    padding:5px;
}

.hrp300A .rnkBox {
    width:288px;
    margin:0;
    padding:0;
}


.hrp300A .rnkBox01 {
    width:288px;
    margin:12px 0 0 0;
    padding:0;
}

.hrp300A .rnkBox02 {
    width:288px;
    margin:5px 0 0 0;
    padding:0;
}

.hrp300A h3{
    font-size:14px;
    line-height:16px;
    margin-top:3px;
}

.hrp300A h3.goodsname {
    font-size:12px;
    line-height:14px;
    font-weight:bold;
    margin-top:11px;
    padding:0;
}

.hrp300A a{
    color:#3399FF;
}

.hrp300A p.txt01 {
    font-size:12px;
    line-height:16px;
    margin-top:5px;
}

.hrp300A p.txt02 {
    font-size:10px;
    line-height:14px;
    margin-top:1px;
}

.hrp300A td,img{
    font-size:12px;
    line-height:18px;
    text-decoration:none;
    border:none;
}


.hrp300A .ban128 {
    width:128px;
    height:128px;
    padding-right:6px;
}

.hrp300A .ban64 {
    width:64px;
    height:64px;
    padding-right:6px;
}

.hrp300A td.priceBox01 {
    width:154px;
    vertical-align:bottom;
}

.hrp300A .priceBox01 li.deli{
    width:50px;
    background-color:#CC0000;
    padding:2px;
    font-size:12px;
    line-height:14px;
    color:#FFF;
    text-align:center;
    float:left;
}

.hrp300A .priceBox01 li.price{
    width:95px;
    font-size:16px;
    line-height:16px;
    color:#CC0000;
    font-weight:bold;
    text-align:right;
    float:right;
    padding-top:4px;
}

.hrp300A td.priceBox02 {
    width:218px;
    padding-top:5px;
    vertical-align:bottom;
}

.hrp300A .priceBox02 li.deli{
    width:50px;
    background-color:#CC0000;
    padding:2px;
    font-size:12px;
    line-height:14px;
    color:#FFF;
    text-align:center;
    float:left;
}

.hrp300A .priceBox02 li.price{
    width:164px;
    font-size:16px;
    line-height:16px;
    color:#CC0000;
    font-weight:bold;
    text-align:right;
    float:right;
    padding-top:4px;
}

.hrp300A td.priceBox03 {
    width:288px;
    margin:0;
    padding:0;
}

.hrp300A .priceBox03 li.deli{
    width:50px;
    background-color:#CC0000;
    margin-top:6px;
    padding:2px;
    font-size:12px;
    line-height:14px;
    color:#FFF;
    text-align:center;
    float:left;
}

.hrp300A .priceBox03 li.price{
    width:234px;
    font-size:16px;
    line-height:16px;
    margin-top:6px;
    color:#CC0000;
    font-weight:bold;
    text-align:right;
    float:right;
}




/* 200*200 -B- hrp200B */
.hrp200B{
    width:190px;
    height:190px;
    color:#333;
    border:1px solid #ccc;
    background:#FFF;
    padding:4px;
}

.hrp200B .rnkTxt {
    margin:5px 0 0 0;
}

.hrp200B .rnkTxt li{
    width:186px;
    font-size:12px;
    line-height:14px;
    margin:8px 0 0 0;
}

.hrp200B .rnkTxt li.txt01{
    width:186px;
    font-size:12px;
    line-height:14px;
    margin:0;
}

.hrp200B .ban64{
    width:64px;
    height:64px;
    float:left;
    padding:0 7px 5px 0;
}

.hrp200B .txt02{
    width:115px;
    float:right;
    font-size:10px;
    line-height:13px;
}

.hrp200B h3{
    font-size:12px;
    line-height:14px;
    margin:0 0 2px;
    padding:0;
    font-weight:normal;
}

.hrp200B a{
    color:#3399FF;
}


/* 728*90 -A- hrp728A */

.hrp728A {
    width:718px;
    border:1px solid #CCC;
    color:#333;
    background: #FFF;
    padding:3px 4px;
    height:82px;
}

.hrp728A dl,.hrp728A dd,.hrp728A p{
    margin:0;
    padding:0;
}

.hrp728A h3{
    font-size:12px;
    line-height:14px;
    color:#3399FF;
    font-weight:bold;
}

.hrp728A h3 a{
    color:#3399FF;
}


.hrp728A dd{
    width:230px;
    float:left;
    margin-right:7px;
    padding:0 7px 0 0;
    background:url(/js/images/border_y.gif) right top repeat-y #FFF;
}

.hrp728A dd.last{
    width:230px;
    float:left;
    padding:0;
    margin:0;
    background:#FFF;
}

.hrp728A table{
    margin-top:3px;
}

.hrp728A .ban64 {
    width:64px;
    height:64px;
    padding-right:10px;
}


.hrp728A td,img{
    font-size:10px;
    line-height:13px;
    text-decoration:none;
    border:none;
}

.hrp728A td.priceBox {
    width:156px;
    vertical-align:bottom;
}

.hrp728A .priceBox li.deli{
    width:50px;
    background-color:#CC0000;
    padding:2px;
    font-size:12px;
    color:#FFF;
    text-align:center;
    float:left;
}

.hrp728A .priceBox li.price{
    width:95px;
    font-size:14px;
    color:#CC0000;
    font-weight:bold;
    text-align:right;
    float:right;
    padding-top:4px;
}

/* 240*000 -A- hrp240kA */

.hrp240kA {
    /*width:718px;*/
    height:auto;
    border:1px solid #CCC;
    background:#FFF;
    padding:5px 0;
    margin:0;
    color:#333;
}

.hrp240kA dl{
   /* width:718px;*/
    height:88px;
    margin:0;
    padding:0;
}

.hrp240kA dd {
    width:238px;
    float:left;
    margin:0;
    padding:0;
}

.hrp240kA dl.line{
   /* width:718px;*/
    height:88px;
    margin:0 0 6px 0;
    padding:0 0 6px 0;
}

.hrp240kA .line dd {
    width:238px;
    float:left;
    margin:0 0 6px 0;
    padding:0 0 6px 0;
    background:url(/js/images/border240_x.gif) center bottom repeat-x #FFF;
}

.hrp240kA .rnkBox {
    width:228px;
    margin:0;
    padding:0 5px;
    background:url(/js/images/border_y.gif) right top repeat-y #FFF;
}

.hrp240kA .rnkBoxno {
    width:228px;
    margin:0;
    padding:0 5px;
}

.hrp240kA h3{
    font-size:12px;
    line-height:14px;
}

.hrp240kA a{
    color:#3399FF;
}

.hrp240kA table {
    margin-top:5px;
}

.hrp240kA td,img{
    font-size:10px;
    line-height:14px;
    text-decoration:none;
    border:none;
}

.hrp240kA .ban64 {
    width:64px;
    height:64px;
    padding-right:6px;
}

.hrp240kA td.priceBox {
    width:158px;
    vertical-align:bottom;
}

.hrp240kA .priceBox li.option{
    width:50px;
    margin-top:3px;
    font-size:12px;
    line-height:14px;
    float:left;
}

.hrp240kA .priceBox p.deli{
    width:50px;
    background-color:#CC0000;
    padding:2px;
    font-size:12px;
    line-height:14px;
    color:#FFF;
    text-align:center;
}

.hrp240kA .priceBox li.price{
    width:108px;
    font-size:16px;
    line-height:16px;
    color:#CC0000;
    font-weight:bold;
    text-align:right;
    float:right;
    padding-top:4px;
}

/* 728*90 -B- hrp728B */
.hrp728B{
	width:715px;
	height:64px;
	color:#333;
	border:1px solid #ccc;
	padding:12px 4px 12px 7px;
	background:#FFF;
}

.hrp728B li{
    width:64px;
    float:left;
    margin-right:8px;
}

.hrp728B li.last{
    width:64px;
    float:left;
    margin-right:0;
}

/* 234*60 -B- hrp234A */
.hrp234A{
    width:220px;
    height:48px;
    color:#333;
    border:1px solid #ccc;
    background:#FFF;
    padding:4px 6px 6px 6px;
}

.hrp234A ul.rnkTxt{
    width:220px;
}

.hrp234A li h3{
    font-size:12px;
    line-height:14px;
    margin:0 0 3px;
}

.hrp234A li h3.last{
    font-size:12px;
    margin:0;
    padding:0;
}

.hrp234A li h3 a, .hrp234A li.last h3 a{
    font-weight:normal;
    color:#3399FF;
    background:url(/js/images/icon_arrow01.gif) left top no-repeat;
    padding-left:15px;
}


/* 468*60 -A- hrp468A */
.hrp468A{
    width:456px;
    height:48px;
    color:#333;
    border:1px solid #ccc;
    background:#FFF;
    padding:4px 5px 6px 5px;
}

.hrp468A ul.rnkTxt01{
    width:223px;
    float:left;
    padding-right:10px;
}

.hrp468A ul.rnkTxt02{
    width:223px;
    float:right;
}

.hrp468A h3{
    font-size:12px;
    line-height:14px;
    margin:0 0 3px 0;
}

.hrp468A h3.last{
    font-size:12px;
    line-height:14px;
    margin:0;
    padding:0;
}

.hrp468A a{
    color:#3399FF;
    font-weight:normal;
    background:url(/js/images/icon_arrow01.gif) left top no-repeat;
    padding-left:15px;
}


/* 200*200 -A- hrp200A */
.hrp200A{
    width:188px;
    height:191px;
    color:#333;
    border:1px solid #ccc;
    background:#FFF;
    padding:4px 5px 3px 5px;
}

.hrp200A ul.rnkTxt li{
    width:188px;
    font-size:12px;
    line-height:14px;
    margin:0 0 3px 0;
    padding:0;
}

.hrp200A ul.rnkTxt h3 {
    font-size:12px;
    line-height:16px;
    font-weight:normal;
}

.hrp200A a{
    color:#3399FF;
    background:url(/js/images/icon_arrow01.gif) left top no-repeat;
    padding-left:15px;
}


/* 120*600 -A- hrp120A */

.hrp120A {
    width:100px;
    height:596px;
    border:1px solid #CCC;
    margin:0;
    padding:1px 9px;
    background:#FFF;
}

.hrp120A .box108 {
    width:100px;
    height:108px;
    margin:7px 0;
    padding:4px 0 0 0;
    color:#333;
    text-align:center;
    background:url(/js/images/border_x.gif) left bottom repeat-x #fff;
}

.hrp120A .last {
    width:100px;
    height:108px;
    margin:7px 0 0 0;
    padding:4px 0 0 0;
    color:#333;
    text-align:center;
    background:#fff;
}

.hrp120A h3 {
    font-size:12px;
    line-height:14px;
    font-weight:bold;
    padding:5px 0 7px 0;
}

.hrp120A a{
    color:#3399FF;
}


/* 600*400 -A- hrp600kA */

.hrp600kA{
    width:598px;
    height:376px;
    border:1px solid #CCC;
    background:#FFF;
    padding:11px 0;
}

.hrp600kA .rnkBox{
    width:588px;
    height:64px;
    margin:0 5px 14px 5px;
    background:#FFF;
}

.hrp600kA .last{
    width:588px;
    height:64px;
    margin:0px 5px;
    background:#FFF;
}

.hrp600kA a{
    color:#3399FF;
}

.hrp600kA h3 {
    font-size:12px;
    line-height:14px;
    font-weight:bold;
}

.hrp600kA p.txt {
    font-size:10px;
    line-height:14px;
    margin:2px 0;
}

.hrp600kA td,img{
    font-size:12px;
    line-height:14px;
    text-decoration:none;
    border:none;
}

.hrp600kA .ban64 {
    width:64px;
    height:64px;
    padding-right:6px;
}

.hrp600kA td.priceBox {
    width:518px;
    vertical-align:bottom;
}

.hrp600kA .priceBox li.deli{
    width:50px;
    background-color:#CC0000;
    padding:2px;
    font-size:12px;
    line-height:13px;
    color:#FFF;
    text-align:center;
    float:left;
    margin-right:5px;
}


.hrp600kA .priceBox li.price{
    width:384px;
    font-size:16px;
    line-height:18px;
    color:#CC0000;
    font-weight:bold;
    text-align:right;
    float:right;
    padding:0;
}


/* 240*000 -A- hrp240txtkA */
.hrp240txtkA {
    /*width:718px;*/
    height:auto;
    border:1px solid #CCC;
    background:#FFF;
    padding:0;
    margin:0;
    color:#333;
}

.hrp240txtkA ul{
    /*width:708px;*/
    height:30px;
    padding:2px 5px;
}

.hrp240txtkA ul li{
    width:230px;
    float:left;
    margin:7px 0;
    padding:0 5px 0 0;
    background:url(/js/images/border_y.gif) right top repeat-y #FFF;
}

.hrp240txtkA ul li.last{
    width:230px;
    float:left;
    margin:7px 0;
    padding:0 0 0 0;
    background:#FFF;
}

.hrp240txtkA ul.line{
    height:30px;
    padding:2px 5px 4px 5px;
    background:url(/js/images/border240_x.gif) left bottom repeat-x #FFF;
}

.hrp240txtkA h3{
    width:220px;
    font-size:14px;
    line-height:16px;
    padding-left:10px;
}

.hrp240txtkA a{
    color:#3399FF;
    background:url(/js/images/icon_arrow01.gif) left top no-repeat;
    padding-left:15px;
}