@charset "Shift_JIS";


/*00:Global
---------------------------------------------------------------------------*/

@import "global_loppimn100401.css";

/* 01：サイドメニュー
---------------------------------------------------------------------------*/
/* 01-1：Loppi商品検索 */
#LoppiGoodsSm {
background:url(../images/ex_sm_loppigoods_middle.gif) repeat-y;
margin:0 0 8px 0;
}
#LoppiGoodsSmIn {
background:url(../images/ex_sm_loppigoods_bottom.gif) bottom no-repeat;
padding:0 0 7px 0;
margin:-6px 0 0 0;
height:1%;
}
#LoppiGoodsSm h2{
background:url(../images/ex_sm_loppigoods_top.gif) bottom no-repeat;
padding:0 0 3px 0;
}
#LoppiGoodsSmIn ul{
background:url(../../common/images/ex_dotted_w.gif) bottom repeat-x;
padding:0 0 1px 0;
margin:0 0 8px 0;
}
#LoppiGoodsSm ul li{
margin:0 9px 7px 9px;
}
#LoppiGoodsSm ul li input{width:165px;}
#LoppiGoodsSm ul li select{width:170px;}
#LoppiGoodsSm #btSearch{
margin:0 0 0 9px;
}

/* 01-2：サイドメニュー */
#LoppiSm{
background:url(../images/ex_sm_middle.gif) repeat-y;
margin:0 0 10px 0;
line-height:1.3;
}
#LoppiSmHd{
background:url(../images/ex_sm_top.gif) top no-repeat;
}
#LoppiSm ul{
background:url(../images/ex_sm_bottom.gif) bottom no-repeat;
padding:4px 0 4px 0;
height:1%;
}
#LoppiSm ul li{
background:url(../../common/images/ex_dotted_w.gif) bottom repeat-x;
margin:0 6px;
padding:4px 0;
}
#LoppiSm ul li.dottedNone{
background:none;
}
#LoppiSm ul li a{
background:url(../images/ex_arrow_loppi.gif) 3px 6px no-repeat;
padding:0 0 0 12px;
display:block;
height:1%;
}
#LoppiSm ul li a:hover{
color:#EE4EBA;
}
#LoppiSm a:hover{
text-decoration:none;
}

#versign{
text-align:center;
}

/* 01-3：商品ラインナップ　----------- */
#lineUpSm {
background:url(../../common/images/ex_sm_middle.gif) repeat-y;margin:0 0 10px 0;line-height:1.3;font-size:85%;}
#lineUpSm h2{background:url(../../common/images/ex_sm_top.gif) bottom no-repeat;padding:0 0 4px 0;}
#lineUpSmIn{background:url(../../common/images/ex_sm_bottom.gif) bottom no-repeat;padding:0 6px 10px 6px;height:1%;}
#lineUpList{
overflow:auto;
width:178px;
height:150px;
}
#lineUpSm ul li a{
background:url(../images/ex_arrow_loppi.gif) 3px 3px no-repeat;
padding:0 0 0 12px;
display:block;
_height:1%;
}

/* 01-4：Loppiサービス一覧 */
#serviceSm{background:url(../images/ex_sm_service_middle.gif) repeat-y;margin:0 0 10px 0;line-height:1.3;}
#serviceSmHd{background:url(../images/ex_sm_service_top.gif) top no-repeat;}
#serviceSmIn{background:url(../images/ex_sm_service_bottom.gif) bottom no-repeat;padding:6px 6px 7px 6px;height:1%;}

#serviceSm2{background:url(../images/ex_sm_service2_middle.gif) repeat-y;margin:0 0 8px 0;line-height:1.3;}
#serviceSm2Hd{background:url(../images/ex_sm_service2_top.gif) top no-repeat;}
#serviceSm2In{background:url(../images/ex_sm_service2_bottom.gif) bottom no-repeat;padding:8px 6px 8px 6px;height:1%;}


/* 02：カテゴリ共通
---------------------------------------------------------------------------*/
.column2LIn .goodsTi a{
background:url(../images/ex_ico_loppi.gif) no-repeat 0 2px;
display:block;
padding-left:20px;
font-weight:bold;
}
.column2LIn .goodsTi{
background:url(../../common/images/ex_dotted_w.gif) bottom repeat-x;
padding:0 0 6px 0;
margin:0 0 6px 0;
}

.floatLeft{float:left;}
.floatRight{float:right;}


/* 03：index
---------------------------------------------------------------------------*/
/* 03-1：手順 */
#order{
border-bottom:#d8d8d8 4px solid;
padding:0 0 10px 0;
margin:0 0 10px 0;
}
#order img{margin:0 0 0 10px;}
#order img#marginNone{margin:0 0 0 0;}

/* 03-2：Loppiナビ */
#Loppinavi{margin:0 0 12px 0;}
#Loppinavi li{display:inline;}
#Loppinavi li img{margin:0 0 3px 0;}

.column2In .contents,
.column2LIn .contents{
background:url(../../common/images/ex_dotted_w.gif) bottom repeat-x;
}
.column2In .contents p,
.column2LIn .contents p{
background:#f4f4f4;
padding:5px;
line-height:1.2;
margin:0 0 8px 0;
}
.column2In ul,
.column2LIn ul{
margin:7px 0 0 0;
}
.column2In ul li a,
.column2LIn ul li a{
background:url(../images/ex_arrow_loppi.gif) 3px 6px no-repeat;
padding:0 0 0 12px;
display:block;
height:1%;
}

#explain h3{
margin:0 0 10px 0;
}
#explain div.explainaMargin{
margin-left:8px;
margin-right:8px;
}

/* 04：予約から受取りまでの流れ
---------------------------------------------------------------------------*/
#subStep img{
background:url(../images/img_sub_steparrow.gif) right no-repeat;
padding:0 17px 0 0;
margin:0 3px 0 0;
}
#subStep img#arrowNone{
background:none;
padding:0;
margin:0;
}

/* 05：キャンセル・返品について
---------------------------------------------------------------------------*/
#canCenter{
padding:6px;
border:#d8d8d8 1px solid;
}
#canCenter p{
background:#ececec;
padding:4px 8px;
margin:0 0 5px 0;
}

/* 06：カタログダウンロード
---------------------------------------------------------------------------*/
.catTiIn {background:url(../images/ex_ti_cat_ft.gif) no-repeat bottom;padding:5px 8px 3px 8px;_height:1%;}
.catTiHd {background:url(../images/ex_ti_cat_hd.gif) no-repeat top;}
.catTi {background:url(../images/ex_ti_cat_in.gif) repeat-y;margin:0 1px 10px 1px;}
.catTi p{color:#FFFFFF;font-size:85%;margin:1px 0 0 0;}

#catLinebottom{
background: url(../../common/images/ex_dotted_w.gif) bottom repeat-x;
padding:0 0 10px 0;
margin:0 0 10px 0;
}
#catCopy{background:#f1f1f1; width:505px; margin:15px 1px 0 1px;font-size:85%;}
#catCopyIn {background:url(../images/ex_cat_copybottom.gif) bottom no-repeat; padding:10px; _height:1%;}
#catCopyHd {background:url(../images/ex_cat_copytop.gif) top no-repeat;}

/* 07：検索結果
---------------------------------------------------------------------------*/
.fontpink{color:#ee4eb8;}

.fontpink10px{color:#ee4eb8; font-size:10px;}

#searchTable{
border-top:1px solid #AAAAAA;
border-left:1px solid #AAAAAA;
font-size:85%;
}
#searchTable td{
border-right:1px solid #AAAAAA;
border-bottom:1px solid #AAAAAA;
padding:5px 5px;
}
#searchTable tr#bgcolor{
background:#FFF6FB;
}
.frame1In td#cmsBottom{
vertical-align:bottom;
}


/* 08：お取り寄せ商品
---------------------------------------------------------------------------*/
#ordergoods{
padding-left:33px;
padding-right:33px;
}
.orderflIn {background:url(../images/ex_ord_bottom.gif) bottom no-repeat;padding:4px;height:1%;}
.orderflHd {background:url(../images/ex_ord_top.gif) top no-repeat;}
.orderfl {background:#ffeffa; margin:4px 0 10px 0;}

.orderTable{
border-top:1px solid #aeaeae;
border-left:1px solid #aeaeae;
background:#FFFFFF;
}
.orderTable td{
border-right:1px solid #aeaeae;
border-bottom:1px solid #aeaeae;
padding:8px 8px;
}
.orderTable td td{
border:0;
padding:0;
}
.orderTable td.bgcolor01{background:#ef51b9; color:#FFFFFF; font-weight:bold;}
.orderTable td.bgcolor02{background:#f4f4f4; width:100px;}

#ordergoods td.btBottom{
vertical-align:bottom;
}

/* 09：購入方法
---------------------------------------------------------------------------*/
#bayway #title{
background:url(../../common/images/ex_dotted_w.gif) bottom repeat-x;
padding:0 0 10px 0;
margin:0 0 20px 0;
}
#bayway #step img{
background:url(../images/img_sub_steparrow.gif) right no-repeat;
padding:0 17px 0 0;
margin:0 2px 15px 0;
}
#bayway #step img#arrowNone{
background:none;
padding:0;
margin:0;
}
#bayway ul{
text-align:left;
margin:0 0 20px 0;
}

.copyright{font-size: 75%; line-height: 110%; color:#999999}

.top3 {
	font-weight: bold;
}