/*==========================================================*/
/* mainContents */

#mainContents div#categoryTitle .shop{
/*        background:url(../../image/category/title_category_shop.jpg) no-repeat;*/
        position:relative;
        width:450px;
        height:25px;
        margin-top:-1px;
}


#mainContents #categoryTitle .shop .icon{
        position:absolute;
        top:4px;
        left:12px;
}

#mainContents #categoryTitle .shop h2.title{
        position:absolute;
        top:4px;
        left:50px;
        color:#FFF;
        text-indent:0px;
        font-size:100%;
        width:400px;
}


#mainContents div#categoryTitle .service{
        background:url(../../image/category/title_category_service.jpg) no-repeat;
        position:relative;
        width:450px;
        height:25px;
        margin-top:-1px;
}

#mainContents #categoryTitle .service .icon{
        position:absolute;
        top:4px;
        left:12px;
}

#mainContents #categoryTitle .service h2.title{
        position:absolute;
        top:4px;
        left:50px;
        color:#FFF;
        text-indent:0px;
        font-size:100%;
        width:400px;
}

#mainContents .categoryExp{
        background:url(../../image/category/category_link.jpg) no-repeat;
        width:450px;
        height:50px;
        margin-top:5px;
        margin-bottom:10px;

}

#mainContents .categoryExp .column{
        margin-left:10px;
}

#mainContents .categoryExp .column div,
#mainContents .categoryExp .column a,
#mainContents .categoryExp .column span{
        font-size:96%;
}


#mainContents .categoryExp .column.top{
        padding-top:7px;
}

#mainContents .categoryExp.shop .title{
        float:left;
        width:75px;
        font-weight:700;
        color:#D84340;
}

#mainContents .categoryExp.service .title{
        float:left;
        width:75px;
        font-weight:700;
        color:#3B46EE;
}


#mainContents .categoryExp .sc{
        float:left;
        margin-right:5px;
}






#mainContents .recommend{
        clear:both;

}



#mainContents .recommend.shop h3{
        color:#D84340;
        font-size:108%;
        text-indent:0px;
        height:18px;
        border-bottom:solid 2px #D84340;
        padding-bottom:3px;
}

#mainContents .recommend.service h3{
        color:#3B46EE;
        font-size:108%;
        text-indent:0px;
        height:18px;
        border-bottom:solid 2px #3B46EE;
        padding-bottom:3px;
}


#mainContents .recommend .detail{
        margin:10px 10px 0px 0px;
        width:220px;
        float:left;
}

#mainContents .recommend .right{
        margin:10px 0px 0px 0px;
}

#mainContents .recommend .detail .banner{
        float:left;
        display:inline;
        margin-right:10px;
        width:120px;
        height:60px;
}

#mainContents .recommend .detail .point{
        float:left;
        margin: 8px 0px 0px 0px;
        width:90px;
        height:50px;
        background-color:#FAFAFA;
        text-align:center;
        background:url(../../image/global/value_bg.jpg) no-repeat;
}


#mainContents .recommend .detail .point .value{
        display: -moz-inline-box; /*for Firefox 2*/
        display: inline-block; /*for modern*/
        /display: inline; /*for ie5～7*/
        /zoom: 1; /*for ie5～7*/
        margin:4px auto 0px auto;
        /margin-top:1px;
}

#mainContents .recommend .detail .point .value img{
        display: -moz-inline-box;
        display:inline-block;
}

#mainContents .recommend .detail .cashBack{
        text-align:center;
        float:left;
        margin: 8px 0px 0px 0px;
        width:90px;
        height:48px;
        background:url(../../image/global/value_bg.jpg) no-repeat;
}

#mainContents .recommend .detail .cashBack .value{
        display: -moz-inline-box; /*for Firefox 2*/
        display: inline-block; /*for modern*/
        /display: inline; /*for ie5～7*/
        /zoom: 1; /*for ie5～7*/
        margin:5px auto 0px auto;
}

#mainContents .recommend .detail .cashBack .value img{
        display: -moz-inline-box;
        display:inline-block;
        float:left;
}

#mainContents .recommend .detail div.title{
        width:220px;
        height:20px;
}


#mainContents .recommend .icon{
        padding-top:5px;
}


#mainContents .recommend .icon p {
        float:left;
        height:18px;
        text-indent:-9999px;
}



#mainContents  h2{
        font-size:85%;
        text-indent:-9999px;
        height:30px;
}

#mainContents .categoryList.shop h2#listIndex{
        color:#D84340;
        font-size:108%;
        text-indent:0px;
        height:18px;
        border-bottom:solid 2px #D84340;
        margin-bottom:10px;
        padding-bottom:3px;
}

#mainContents .categoryList.service h2#listIndex{
        color:#3B46EE;
        font-size:108%;
        text-indent:0px;
        height:18px;
        border-bottom:solid 2px #3B46EE;
        margin-bottom:10px;
        padding-bottom:3px;
}



.categoryList .mainColumnTop{
/*        background:url(../../image/top/main_column_top.jpg) no-repeat;*/
        width:750px;
        height:7px;
        _margin-bottom:-7px;
}

#mainContents .categoryList .mainColumnBg{
        padding-top:5px;
/*        background:url(../../image/top/main_column_bg.jpg) repeat-y;*/
        width:750px;
}

#mainContents .categoryList .mainColumnBg .inner{
        margin:0px 15px;
}
#mainContents .categoryList .mainColumnBottom{
/*        background:url(../../image/top/main_column_bottom.jpg) no-repeat;*/
        width:750px;
        height:10px;
}


#mainContents .categoryList {
        margin-top:20px;
}



#mainContents .categoryList div.order {
        margin-bottom:5px;
        text-indent:right;
        width:765px;
}

#mainContents .mainColumnBg .column .title h3{
        border-bottom:none;
        width:400px;
}

/*==========================================================*/
/* mainContentsL */

#mainContentsL div.leftArea{
        width:450px;
		margin: 0 15px 0 0;
		display:inline;
		float: left;
}

#mainContentsL div#categoryTitle{
        width:450px;
		margin: 0 0 5px 0;
}

#mainContentsL .bigBanner {
		float:left;
		width:300px;
}

#mainContentsL div#categoryTitle .shop{
        background:url(../../image/category/title_category_shop.jpg) no-repeat;
/*        position:relative;*/
        width:450px;
		height:27px;
        margin-top:-1px;
}


#mainContentsL #categoryTitle .shop .icon{
        position:absolute;
        top:4px;
        left:12px;
}

#mainContentsL #categoryTitle .shop h2.title{
/*        position:absolute;
        top:4px;
        left:25px;
*/
		padding: 4px 0 0 25px;
		color:#474747;
        text-indent:0px;
        font-size:100%;
        width:400px;
}


#mainContentsL div#categoryTitle .service{
        background:url(../../image/category/title_category_shop.jpg) no-repeat;
/*        position:relative;*/
        width:450px;
		height:27px;
        margin-top:-1px;
}

#mainContentsL #categoryTitle .service .icon{
        position:absolute;
        top:4px;
        left:12px;
}

#mainContentsL #categoryTitle .service h2.title{
		padding: 4px 0 0 25px;
		color:#474747;
        text-indent:0px;
        font-size:100%;
        width:400px;
}

#mainContentsL .listTitle{
        background:url(../../image/global/h_bg_diagonal.gif) no-repeat;
        width:765px;
        height:25px;
        margin-top:5px;
        margin-bottom:5px;

}

#mainContentsL .listTitle h2#listIndex {
        position:absolute;
        color:#474747;
        font-size:100%;
        width:400px;
		margin:0 0 0 15px;
}

#mainContentsL .categoryExp .column{
        margin-left:10px;
}

#mainContentsL .categoryExp .column div,
#mainContentsL .categoryExp .column a,
#mainContentsL .categoryExp .column span{
        font-size:96%;
}

#mainContentsL .categoryExp .column span{
		font-weight: bold;
}

#mainContentsL .categoryExp.shop .title{
        float:left;
        width:75px;
        font-weight:700;
        color:#D84340;
}

#mainContentsL .categoryExp.service .title{
        float:left;
        width:75px;
        font-weight:700;
        color:#D84340;
}


#mainContentsL .categoryExp .sc{
        float:left;
        margin-right:5px;
}






#mainContentsL .recommend{
		width: 450px;

}

#mainContentsL .recommend{
        font-size:100%;
        text-indent:0px;
		width:450px;
		height:25px;
		background:url("../../image/global/h_bg_diagonal.gif") no-repeat;
        padding-bottom:3px;
		margin-bottom:10px;
		margin-top:5px;
}


#mainContentsL .recommend.shop h3,#mainContentsL .recommend.service h3{
		color:#474747;
		font-size:100%;
		margin:0 0 0 15px;
		width:400px;
}

/*#mainContentsL .recommend.service h3{
        color:#3B46EE;
        font-size:108%;
        text-indent:0px;
        height:18px;
        border-bottom:solid 2px #3B46EE;
        padding-bottom:3px;
}
*/

#mainContentsL .recommend .detail{
		background:url(../../image/global/panel2_bg.jpg) no-repeat scroll 100% 100%;
        margin:10px 10px 0px 0px;
		padding: 0 0 5px 0;
        width:220px;
        float:left;
}

#mainContentsL .recommend .right{
        margin:10px 0px 0px 0px;
}

#mainContentsL .recommend .detail .banner{
        float:left;
        display:inline;
        margin-right:10px;
        width:120px;
        height:60px;
}

#mainContentsL .recommend .detail .point{
        float:left;
        width:60px;
        height:45px;
        background-color:#FAFAFA;
        background:url(../../image/global/point_base.gif) no-repeat;
		text-align: center;
		padding: 15px 0 0 0;
}


#mainContentsL .recommend .detail .point .value{
        display: -moz-inline-box; /*for Firefox 2*/
        display: inline-block; /*for modern*/
        /display: inline; /*for ie5～7*/
        /zoom: 1; /*for ie5～7*/
        /margin-top:1px;
		margin: 0 8px 0 0;
		padding: 1px 0 0 0;
}

#mainContentsL .recommend .detail .point .value img{
        display: -moz-inline-box;
        display:inline-block;
}

#mainContentsL .recommend .detail .cashBack{
        background:url(../../image/global/smile_base.gif) no-repeat;
        text-align:center;
        float:left;
        margin: 0px 0px 0px 10px;
        width:60px;
        height:60px;
}

#mainContentsL .recommend .detail .cashBack .value{
        display: -moz-inline-box; /*for Firefox 2*/
        display: inline-block; /*for modern*/
        /display: inline; /*for ie5～7*/
        /zoom: 1; /*for ie5～7*/
        margin:5px auto 0px auto;
}

#mainContentsL .recommend .detail .cashBack .value img{
        display: -moz-inline-box;
        display:inline-block;
        float:left;
}

#mainContentsL .recommend .detail div.title{
        width:220px;
        height:20px;
}


#mainContentsL .recommend .icon{
		float:left;
		padding-top:5px;
		float: left;

}


#mainContentsL .recommend .icon p {
        float:left;
        height:18px;
        text-indent:-9999px;
}

#mainContentsL .recommend .icon .new {
        background:url(../../image/global/icon_new_s.jpg) no-repeat;
		width: 30px;
}

#mainContentsL .recommend .icon .pointUp {
        background:url(../../image/global/icon_pointup_s.jpg) no-repeat;
		width: 55px;
}

#mainContentsL  h2{
/*        font-size:85%;
        text-indent:-9999px;
        height:30px;
*/
}

#mainContentsL .categoryList.shop h2#listIndex{

	color:#474747;
font-size:100%;
        text-indent:0px;
        height:18px;
margin:0 0 0 15px;
width:400px;
}

#mainContentsL .categoryList.service h2#listIndex{
        color:#3B46EE;
        font-size:108%;
        text-indent:0px;
        height:18px;
        border-bottom:solid 2px #3B46EE;
        margin-bottom:10px;
        padding-bottom:3px;
}



#mainContentsL .categoryList .mainColumnTop{
/*        background:url(../../image/top/main_column_top.jpg) no-repeat;*/
        width:765px;
        height:7px;
        _margin-bottom:-7px;
}

#mainContentsL .categoryList .mainColumnBg{
        padding-top:5px;
/*        background:url(../../image/top/main_column_bg.jpg) repeat-y;*/
        width:765px;
}

#mainContentsL .categoryList .mainColumnBg .inner{
        margin:0px 15px;
}
#mainContentsL .categoryList .mainColumnBottom{
/*        background:url(../../image/top/main_column_bottom.jpg) no-repeat;*/
        width:750px;
        height:10px;
}


#mainContentsL .categoryList {
        margin-top:5px;
}



#mainContentsL .categoryList div.order {
        margin-bottom:0px;
        text-indent:right;
        width:765px;
}


#mainContentsL .categoryList .column .title{
		background-color: #EEEEEE;
		margin: 0px 0px 5px 0;
		width: 755px;
		padding: 0 0 0 10px;
}


*html #mainContentsL .categoryList .column .title{
		padding: 0 0 0 0;
}


