/*==========================================================*/
/* reset */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {text-align:left;margin:0;padding:0;border:0;vertical-align:baseline;font-weight:100;font-size:13px;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
a { outline: 0;}

/*==========================================================*/
/* initialize */
body {
	font:13px "ＭＳ Ｐゴシック",centuly gothic,arial,helvetica,clean,sans-serif;
	line-height:1.5;
	font-weight:100;
	*font-size:small;
	*font:x-small;
	color:#464646;
}
* html .iepngfix {behavior: url("/static/htc/iepngfix.htc");}
* html .iepngfix2 {behavior: url("/static/htc/iepngfix2.htc");}
/* * html img {behavior: url("/static/htc/iepngfix2.htc");} */
*html body {behavior:url("/static/htc/csshover.htc");}
.clearfix:after {content: ".";display: block;visibility: hidden;height: 0.1px;  font-size: 0.1em;line-height: 0;clear: both;}
.clearfix{display: inline-block;}
*html .clearfix {height : 1%;}
.clearfix{display: block;}

div:after {content: ".";display: block;visibility: hidden;height: 0.1px;  font-size: 0.1em;line-height: 0;clear: both;}
div{display: inline-block;}
*html div {height : 1%;}
div{display: block;}

ul{list-style-type: none ;}

a{
display:inline-block;
color:#0059fe;
}

a:visited{color:#616161;}
a:hover{color:#ef0000;}
/*==========================================================*/
/* body */
body{
	background-color:# ffffff;
        text-align:center;
}
/*==========================================================*/
/* wrapper */

#wrapper{
        width:955px;
        margin: 0px auto;

}
/*==========================================================*/
/* header */
#header{
        width:955px;
        height:90px;
        position:relative;
}

#header h1#siteLogo {
        height:46px;
        width:320px;
        position:absolute;
        left:10px;
        top:20px;
}

#header h1#siteLogo a{
        display:block;
        background:url(../../image/global/siteLogo.gif) no-repeat;
        text-indent:-9999px;
        height:46px;
        width:320px;
}


/*==========================================================*/
/* globalMenu */
#globalMenu{
        background:url(../../image/global/bg_menu_header.jpg) repeat;
        width:525px;
        height:30px;
		padding: 10px 0 0 0;
        position:absolute;
        right:0px;
        top:5px;
}

#globalMenu li{
        float:left;
        margin-left:10px;
}

#globalMenu li.about a{
        display:block;
        background:url(../../image/global/menu_header.jpg) 0px 0px;
        text-indent:-9999px;
        width:140px;
        height:20px;
}

#globalMenu li.about a:hover{
        background:url(../../image/global/menu_header.jpg) 0px -20px;
}

#globalMenu li.qa a{
        display:block;
        background:url(../../image/global/menu_header.jpg) -140px 0px;
        text-indent:-9999px;
        width:104px;
        height:20px;
}

#globalMenu li.qa a:hover{
        background:url(../../image/global/menu_header.jpg) -140px -20px;
}

#globalMenu li.policy a{
        display:block;
        background:url(../../image/global/menu_header.jpg) -244px 0px;
        text-indent:-9999px;
        width:140px;
        height:20px;
}

#globalMenu li.policy a:hover{
        background:url(../../image/global/menu_header.jpg) -244px -20px;
}

#globalMenu li.sitemap a{
        display:block;
        background:url(../../image/global/menu_header.jpg) -462px 0px;
        text-indent:-9999px;
        width:91px;
        height:20px;
}

#globalMenu li.sitemap a:hover{
        background:url(../../image/global/menu_header.jpg) -462px -20px;
}


/* ログイン */
#header #login{
        float:right;
        width:159px;
        height:31px;
        position:absolute;
        right:0px;
        bottom:5px;
}

#header #login a{
        display:block;
        background:url(../../image/global/btn_login.jpg) 0px 0px;
        text-indent:-9999px;
        font-size:85%;
        width:159px;
        height:31px;
}

#header #login a:hover{
        background:url(../../image/global/btn_login.jpg) -159px 0px;
        text-indent:-9999px;
}


#header #logout{
        float:right;
        width:159px;
        height:31px;
        position:absolute;
        right:0px;
        bottom:5px;
}

#header #logout a{
        display:block;
        background:url(../../image/global/btn_logout.jpg) 0px 0px;
        text-indent:-9999px;
        font-size:85%;
        width:159px;
        height:31px;
}

#header #logout a:hover{
        background:url(../../image/global/btn_logout.jpg) -159px 0px;
        text-indent:-9999px;
}


/* globalSearch */

#header .globalSearch{
	float:right;
	width:380px;
	height:24px;
	position:absolute;
	right:170px;
	bottom:10px;
}

#header .globalSearch input {
	float: left;
	margin:0 0 0 5px;
	_margin:0 0 0 2px;
}

#header .globalSearch .box {
	width:300px;
	height:20px;
	font-size:100%;
	display:inline;
	padding:2px 2px 0px 2px;
}

#header .globalSearch .btn {
}

#header .globalSearch .searchInner .text {
	color: #aaa;
	font-weight: bold;
}

/*==========================================================*/
/* contents */
#contents{
        width:955px;
}

/*==========================================================*/
/* status */
#status{
	margin:5px 0px;
	padding-left:10px;
	width:950px;
	height: 20px;
}
#status #topicPath{float:left;}
#status #topicPath p{font-size:93%;}


/*==========================================================*/
/* sideMenu */
#sideMenu{
        width:175px;
        float:left;
        display:inline;
        z-index:1000;
		margin: 0 15px 0 0;
}



#sideMenu .others{
        margin-top:30px;
}

#sideMenu .shopping h2{
        background:url(../../image/global/title_menu_shopping.gif) no-repeat;
        text-indent:-9999px;
        height:30px;
        width:175px;
}

#sideMenu .shopping .bg{
	background-color: #FFF7C6;
	padding: 5px 12px 10px 13px;
}

#sideMenu .shopping h3 {
        margin:0px 0px 5px 0px;
}

#sideMenu .shopping h3.pointup a{
        display:block;
        font-size:85%;
        background:url(../../image/global/menu_shop_etc.gif) no-repeat;
        text-indent:-9999px;
        height:26px;
        width:150px;
}

#sideMenu .shopping h3.pointup a:hover{
        background:url(../../image/global/menu_shop_etc.gif) -150px 0px  no-repeat;
}

#sideMenu .shopping h3.shop_index a{
        display:block;
        font-size:85%;
        background:url(../../image/global/menu_shop_etc.gif) 0px -26px no-repeat;
        text-indent:-9999px;
        height:26px;
        width:150px;
}

#sideMenu .shopping h3.shop_index a:hover{
        background:url(../../image/global/menu_shop_etc.gif) -150px -26px  no-repeat;
}

#sideMenu .service .bg{
	background-color: #D5C6FF;
	padding: 5px 12px 10px 13px;
}

#sideMenu .service h2{
        margin-top:10px;
        background:url(../../image/global/title_menu_service.gif) no-repeat;
        text-indent:-9999px;
        height:30px;
        width:175px;
}

#sideMenu .service h3 {
        margin:0px 0px 5px 0px;
}

#sideMenu .service h3.pointup a{
        display:block;
        font-size:85%;
        background:url(../../image/global/menu_service_etc.gif) no-repeat;
        text-indent:-9999px;
        height:26px;
        width:150px;
}

#sideMenu .service h3.pointup a:hover{
        background:url(../../image/global/menu_service_etc.gif) -150px 0px  no-repeat;
}


#sideMenu .service h3.service_index a{
        display:block;
        font-size:85%;
        background:url(../../image/global/menu_service_etc.gif) 0px -26px no-repeat;
        text-indent:-9999px;
        height:26px;
        width:150px;
}

#sideMenu .service h3.service_index a:hover{
        background:url(../../image/global/menu_service_etc.gif) -150px -26px  no-repeat;
}

ul#navmenu{
        width:150px;
        positoin:relative;
}

/* 2nd Menu */


.shopping ul#navmenu li.category:hover li.subBg{
        text-indent:0px;
        width:160px;
        color: #FFF;
        background-color:#F35C20;
	z-index:1000;
}

.service ul#navmenu li.category:hover li.subBg{
        text-indent:0px;
        width:160px;
        color: #FFF;
        background-color:#4416C9;
	z-index:1000;
}

ul#navmenu li.category:hover li a{
        margin-left:10px;
        display:block;
        text-indent:0px;
        width:150px;
        height:25px;
        color: #FFF;
	  	padding: 5px 0 0 0;
		font-size: 12px;

}

/* 2nd Menu Hover Persistence */
.shopping ul#navmenu li.category:hover li a:hover,
.shopping ul#navmenu li.category:hover li:hover a{
        background: #F35C20;
        color: #777;
	  	padding: 5px 0 0 0;

}

.service ul#navmenu li.category:hover li a:hover,
.service ul#navmenu li.category:hover li:hover a{
        background: #4416C9;
        color: #888;
	  	padding: 5px 0 0 0;
}

ul#navmenu ul,
ul#navmenu ul ul,
ul#navmenu ul ul ul {
      display: none;
      position: absolute;
      top: 0px;
      left: 150px;
      width:150px;
      z-index:1000; 
      
}



/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
	display: none;
        z-index:1000;  
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
        display: block;
}


#sideMenu #navmenu {
        border-top:solid 1px #9C9D9F;
        width:150px;
}


#sideMenu li.category {
        width:150px;
        position:relative;
        cursor : pointer;
}

#sideMenu li.category:hover{
        /margin-bottom:-2px;
        z-index:900;
}

#sideMenu a.maincat{
        height:30px;
        display:block;
        width:150px;
}

#sideMenu a.maincat:hover{
        background:none;

        }

#sideMenu li.type_1{
        text-indent:-9999px;
        background:url(../../image/global/menu_shop.gif) 0px -1px no-repeat;
        height:30px;
        display:block;
}

#sideMenu li.type_2{
        text-indent:-9999px;
        background:url(../../image/global/menu_shop.gif) 0px -31px no-repeat;
        height:30px;
        display:block;
}

#sideMenu li.type_3{
        text-indent:-9999px;
        background:url(../../image/global/menu_shop.gif) 0px -61px no-repeat;
        height:30px;
        display:block;
}

#sideMenu li.type_4{
        text-indent:-9999px;
        background:url(../../image/global/menu_shop.gif) 0px -91px no-repeat;
        height:30px;
        display:block;
}

#sideMenu li.type_5{
        text-indent:-9999px;
        background:url(../../image/global/menu_shop.gif) 0px -121px no-repeat;
        height:30px;
        display:block;
}

#sideMenu li.type_6{
        text-indent:-9999px;
        background:url(../../image/global/menu_shop.gif) 0px -151px no-repeat;
        height:30px;
        display:block;
}

#sideMenu li.type_7{
        text-indent:-9999px;
        background:url(../../image/global/menu_shop.gif) 0px -181px no-repeat;
        height:30px;
        display:block;
}

#sideMenu li.type_8{
        text-indent:-9999px;
        background:url(../../image/global/menu_shop.gif) 0px -211px no-repeat;
        height:30px;
        display:block;
}

#sideMenu li.type_9{
        text-indent:-9999px;
        background:url(../../image/global/menu_shop.gif) 0px -241px no-repeat;
        height:30px;
        display:block;
}


#sideMenu li.type_1:hover{
        text-indent:-9999px;
        background:url(../../image/global/menu_shop.gif) -150px -1px no-repeat;
        height:30px;
        display:block;

}

#sideMenu li.type_2:hover{
        text-indent:-9999px;
        background:url(../../image/global/menu_shop.gif) -150px -31px no-repeat;
        height:30px;
        display:block;
}

#sideMenu li.type_3:hover{
        text-indent:-9999px;
        background:url(../../image/global/menu_shop.gif) -150px -61px no-repeat;
        height:30px;
        display:block;
}

#sideMenu li.type_4:hover{
        text-indent:-9999px;
        background:url(../../image/global/menu_shop.gif) -150px -91px no-repeat;
        height:30px;
        display:block;
}

#sideMenu li.type_5:hover{
        text-indent:-9999px;
        background:url(../../image/global/menu_shop.gif) -150px -121px no-repeat;
        height:30px;
        display:block;
}

#sideMenu li.type_6:hover{
        text-indent:-9999px;
        background:url(../../image/global/menu_shop.gif) -150px -151px no-repeat;
        height:30px;
        display:block;
}

#sideMenu li.type_7:hover{
        text-indent:-9999px;
        background:url(../../image/global/menu_shop.gif) -150px -181px no-repeat;
        height:30px;
        display:block;
}

#sideMenu li.type_8:hover{
        text-indent:-9999px;
        background:url(../../image/global/menu_shop.gif) -150px -211px no-repeat;
        height:30px;
        display:block;
}

#sideMenu li.type_9:hover{
        text-indent:-9999px;
        background:url(../../image/global/menu_shop.gif) -150px -241px no-repeat;
        height:30px;
        display:block;
}


#sideMenu li.type_101{
        text-indent:-9999px;
        background:url(../../image/global/menu_service.gif) 0px -1px no-repeat;
        height:30px;
        display:block;
}

#sideMenu li.type_102{
        text-indent:-9999px;
        background:url(../../image/global/menu_service.gif) 0px -31px no-repeat;
        height:30px;
        display:block;
}

#sideMenu li.type_103{
        text-indent:-9999px;
        background:url(../../image/global/menu_service.gif) 0px -61px no-repeat;
        height:30px;
        display:block;
}

#sideMenu li.type_104{
        text-indent:-9999px;
        background:url(../../image/global/menu_service.gif) 0px -91px no-repeat;
        height:30px;
        display:block;
}

#sideMenu li.type_105{
        text-indent:-9999px;
        background:url(../../image/global/menu_service.gif) 0px -121px no-repeat;
        height:30px;
        display:block;
}

#sideMenu li.type_101:hover{
        text-indent:-9999px;
        background:url(../../image/global/menu_service.gif) -150px -1px no-repeat;
        height:30px;
        display:block;
}

#sideMenu li.type_102:hover{
        text-indent:-9999px;
        background:url(../../image/global/menu_service.gif) -150px -31px no-repeat;
        height:30px;
        display:block;
}

#sideMenu li.type_103:hover{
        text-indent:-9999px;
        background:url(../../image/global/menu_service.gif) -150px -61px no-repeat;
        height:30px;
        display:block;
}

#sideMenu li.type_104:hover{
        text-indent:-9999px;
        background:url(../../image/global/menu_service.gif) -150px -91px no-repeat;
        height:30px;
        display:block;
}

#sideMenu li.type_105:hover{
        text-indent:-9999px;
        background:url(../../image/global/menu_service.gif) -150px -121px no-repeat;
        height:30px;
        display:block;
}





*:first-child+html #sideMenu .shopping .subTop{
        margin-top:-11px;
        margin-bottom:-5px;
}

*:first-child+html #sideMenu .shopping .subBottom{
        margin-top:-11px;

}

*:first-child+html #sideMenu .service .subTop{
        margin-top:-11px;
        margin-bottom:-5px;
}

*:first-child+html #sideMenu .service .subBottom{
        margin-top:-11px;

}

* html #sideMenu .shopping .subTop{
        margin-bottom:-10px;
}

* html #sideMenu .service .subTop{
        margin-bottom:-10px;
}

#sideMenu .history{
        margin-top:10px;
}

#sideMenu .history h2{
        font-size:85%;
        background:url(../../image/global/title_history.gif) no-repeat;
        text-indent:-9999px;
        height:30px;
        width:175px;
}

#sideMenu .sideBg{
		background: #e8e8e8;
        width:150px;
		padding: 0 12px 0 13px;
}

#sideMenu .history ul li.title{
        margin-bottom:4px;
        width:150px;

}

#sideMenu .history ul span.line{
        font-size:0%;
        margin-bottom:4px;
        display:block;
        padding-bottom:4px;
        width:150px;
        border-bottom:2px dotted #999;
}

*:first-child+html #sideMenu .history ul span.line{
        margin-bottom:-2px;
}

#sideMenu .history .column .banner,#sideMenu .history .column .title,#sideMenu .history .column .points{
        text-align:center;
}

#sideMenu .history .column .title{
        margin:3px 0px;
        font-size:85%;
}

#sideMenu .middleBannerList{
		margin:10px 0 0 5px;
		width:150px;
}

#sideMenu .middleBanner{
		margin:0 0 5px 0;
}

#sideMenu .corporate{
	width: 150px;
	margin: 15px 0 0 0;
	padding: 0 0 0 13px;
}

#sideMenu .corporate .banner{
	margin: 0 0 5px 0;
}

.points span.index{
        font-size:85%;
        color:#f3bc1e;

}

.points span.values{
        color:#e84240;
        font-weight:700;
        font-size:85%;
}


/*==========================================================*/
/* mainContents */
#swfslide{
        z-index:2;
}


#mainContents{
        width:450px;
        margin-right:15px;
        float:left;
        display:inline;
}

#mainContents div.titleS{
        width:450px;
        height:30px;
        background:url(../../image/global/titleS.jpg) no-repeat;
        margin-bottom:10px;
}

#mainContents div.titleS h2{
        color:#fff;
}

#mainContents div.titleS.second{
        margin-top:40px;
}


#mainContents div.titleS h2{
        text-indent:0px;
        font-size:108%;
        padding:5px 0 0 15px;
}

.detail .title a{
    font-size:93%;
} 


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

#mainContentsL{
        width:765px;
        float:left;
        display:inline;
}


/*==========================================================*/
/* campaignNews */
#campaignNews .nolink{
        color:#413FFF;
}

/*==========================================================*/
/* mainContentsLL */

#mainContentsLL{
        width:930px;
        float:left;
        display:inline;
}



/*==========================================================*/
/* sideContents */
#sideContents{
        width:300px;
        float:left;
}

#sideContents .sideContents{
        width:300px;
        height:100%;
        padding-top:5px;
}

#sideContents #login{
		background-color: #FFE8BC;
        margin:10px 0 0 0;
        width:290px;
		padding: 10px 5px;
}

#sideContents #login a.btnLogin{
        text-indent:-9999px;
        background:url(../../image/top/btn_login.jpg) no-repeat;
        width:143px;
        height:38px;
		float: left;
}

#sideContents #login a.btnLogin:hover{
        background:url(../../image/top/btn_login.jpg) -143px 0px no-repeat;
}

#sideContents #login a.btnNe{
        text-indent:-9999px;
        background:url(../../image/top/btn_new_regist.jpg) no-repeat;
        width:143px;
        height:38px;
		float: right;
}

#sideContents #login a.btnNe:hover{
        background:url(../../image/top/btn_new_regist.jpg) -143px 0px no-repeat;
}

#sideContents #login .pass{
	text-align: center;
	margin: 5px 0 0 0;
}

#sideContents #mag {
		background-color: #e8e8e8;
        margin:10px 0 0 0;
		padding: 10px 15px;
        width:270px;
}

#sideContents #mag a.btnMag{
        text-indent:-9999px;
        background:url(../../image/top/btn_mag.jpg) no-repeat;
        width:270px;
        height:49px;
		display: block;
}

#sideContents #mag a.btnMag:hover{
        background:url(../../image/top/btn_mag.jpg) -270px 0px no-repeat;
}

#sideContents #mag .text{
	font-size: 10px;
}

#sideContents #Rank h3{
        text-indent:-9999px;
        background:url(../../image/top/title_rank.jpg) no-repeat;
        width:300px;
        height:30px;
        margin:10px 0px 0px 0px;
}

#sideContents #Rank .article{
        line-height:14px;
        padding:10px 0;
        border-bottom:2px dotted #999;
}

#sideContents #Rank .icon{
        width:53px;
        height:18px;
        text-indent:-9999px;
        float:left;
        margin-right:5px;
}

#sideContents #Rank .article .title{
	width: 200px;
	float: left;
}

#sideContents #Rank .article .title a{
	font-size: 12px;
}

#sideContents #Rank .article .point2{
	font-size: 12px;
	color:#FF0000;
	margin:0 0 0 5px;
	float: left;
	font-weight: bold;
}

#sideContents #Rank .article .banner{
        width:120px;
        height:60px;
        float:left;
        margin-bottom:10px;
        margin-top:5px;
        margin-left:10px;
        display:inline;
}



#sideContents #Rank .rank1{
        background:url(../../image/global/icon_rank1.jpg) no-repeat;
}

#sideContents #Rank .rank2{
        background:url(../../image/global/icon_rank2.jpg) 0px -14px no-repeat;
}

#sideContents #Rank .rank3{
        background:url(../../image/global/icon_rank3.jpg) no-repeat;
}

#sideContents #Rank .rank4{
        background:url(../../image/global/icon_rank4.jpg) no-repeat;
}

#sideContents #Rank .rank5{
        background:url(../../image/global/icon_rank5.jpg) no-repeat;
}


#sideContents #Rank .article .point, #sideContents #Rank .article .cashBack{
        position:relative;
        margin-top:5px;
        height:60px;
        width:130px;
        float:left;
}

#sideContents #Rank .article .point .value, #sideContents #Rank .article .cashBack .value{
        position:absolute;
        bottom:0px;
}

#sideContents #Rank .article .point .y1000, #sideContents #Rank .article .cashBack .y1000{
        position:absolute;
        bottom:27px;
}






#sideContents #pickup h3{
        text-indent:-9999px;
        background:url(../../image/top/title_pickup.jpg) no-repeat;
        width:300px;
        height:30px;
        margin:15px 0px 0px 0px;
}

#sideContents #pickup .sideContentsBg{
        padding-top:0px;
        margin-top:-5px;
}

#sideContents #pickup .column{
        padding:10px 0px;
        margin:0px auto;
        width:270px;
}

#sideContents #pickup .column.line{
        padding:10px 0px;
        margin:0px auto;
        width:270px;
        border-bottom:2px dotted #999;
}

#sideContents #pickup .column .banner{
        float:left;
        margin-right:10px;
}

#sideContents #pickup .column .exp{
        padding:5px 0px;
        float:left;
        width:140px;
 	font-size:80%;
}

#sideContents #pickup .column .exp a{
        font-size:100%;

}

#sideContents #link .column{
        padding-top:10px;
}

#sideContents #link h3{
        text-indent:-9999px;
        background:url(../../image/top/title_special.jpg) no-repeat;
		width: 300px;
        height:30px;
        margin:15px 0px 0px 0px;
}

/*==========================================================*/
/* footer */

#footer {
        margin-top:20px;
        clear:left;
        width:970px;
        position:relative;
}

#footer .companyLogo{
		text-align: center;
}

#footer .companyLogo a{
        background:url(../../image/global/companyLogo.jpg) no-repeat;
		width: 119px;
		height: 20px;
		text-indent:-9999px;
		display:inline-block;
		*display:block;
}

#footer .footerBg{
        background:#CDCDCD;
        margin-top:10px;
        width:970px;
		height: 35px;
        position:relative;
}

#footer .menu{
        position:absolute;
        top:10px;
        left:20px;
        height:15px;
}

#footer .menu ul a{
        display:block;
		font-size: 11px;
        color:#0059FE;
}


#footer .menu ul li{
        float:left;
		margin: 0 0 0 10px;
}

#footer .menu ul li a.about{
	width: 105px
}

#footer .menu ul li a.qa{
	width: 60px
}

#footer .menu ul li a.policy{
	width: 105px
}

#footer .menu ul li a.sitemap{
	width: 60px
}

#footer #copyright{
        position:absolute;
        top:10px;
        right:20px;
        height:12px;
        width:375px;
}

#footer #copyright p {
        text-align:right;
        font-size: 85%;
}



/*==========================================================*/
/* topList */

#mainContents .mainColumnBg{
        padding-top:5px;
        width:450px;
}

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

.mainColumnBg .column{
        margin:0px 0 10px 0;
}

.mainColumnBg .column .title{
	width: 612px;
    margin-bottom:5px;
	float: left;
}

.mainColumnBg .column .title h3{
        float:left;
        width:250px;
}

.mainColumnBg .column .title .icon{
        width:400px;
        float:right;
}
.mainColumnBg .column .title .icon p {
        float:right;
        height:18px;
        text-indent:-9999px;
}

.mainColumnBg .column .banner{
        float:left;
        width:120px;
        height:60px;

}

.mainColumnBg .list.column {
        border-bottom:dotted 2px #999;
        padding: 0 0 10px 0;
}

.column .detail{
        padding-bottom:10px;
}

.column .detail .exp{
        display:inline;
        float:left;
        margin:5px 0px 0px 7px;
        background:url(../../image/top/main_exparea.jpg) no-repeat;
        width:270px;
        height:36px;
        }

.column .detail .exp h4{
        font-size:96%;
        line-height:13px;

}


/*==========================================================*/
/* point */

.value img{
        display: -moz-inline-box;
        display:inline-block;
        float:left;
}

.point{
        background:url(../../image/global/point_base_shop.jpg) no-repeat;
        display:block;
        width:28px;
        height:21px;
        padding: 3px 17px 0 34px;
        text-align:center;
}

.point .value{
        display: -moz-inline-box; /*for Firefox 2*/
        display: inline-block; /*for modern*/
        /display: inline; /*for ie5～7*/
        /zoom: 1; /*for ie5～7*/
}


.cashBack{
        background:url(../../image/global/point_base_servece.jpg) no-repeat;
        display:block;
        width:52px;
        height:21px;
        padding: 3px 38px 0 10px;
        text-align:center;
}

.cashBack .value{
        display: -moz-inline-box; /*for Firefox 2*/
        display: inline-block; /*for modern*/
        /display: inline; /*for ie5～7*/
        /zoom: 1; /*for ie5～7*/
}

.textPoint{
        margin-top:8px;
}


/*==========================================================*/
/* icon */
.icon{
	width: 153px;
    height:15px;
	float: left;
}

.icon .new {
	background:transparent url(../../image/global/icon_new.jpg) no-repeat scroll 0 0;
	width:74px;
	height:15px;
	text-indent: -9999px;
	float: left;
}

.icon .pointUp {
	background:transparent url(../../image/global/icon_pointup.jpg) no-repeat scroll 0 0;
	width:74px;
	height:15px;
	text-indent: -9999px;
	float: right;
}


/*==========================================================*/
/* shopList */

#mainContentsL #categoryTitleS h2,
#mainContentsL #categoryTitleL h2 {
	color:#FFFFFF;
	font-size:108%;
	font-weight:700;
	padding:5px 0 0 35px;
}

#mainContentsL div#categoryTitleS .shop{
        background:url(../../image/global/title_shopL.jpg) no-repeat;
        position:relative;
        width:450px;
        height:30px;
}

#mainContentsL div#categoryTitleL .shop{
        background:url(../../image/global/title_shopLL.jpg) no-repeat;
        position:relative;
        width:765px;
        height:30px;
}

#mainContentsL div#categoryTitleS .service{
        background:url(../../image/global/title_serviceL.jpg) no-repeat;
        position:relative;
        width:450px;
        height:30px;
}

#mainContentsL div#categoryTitleL .service{
        background:url(../../image/global/title_serviceLL.jpg) no-repeat;
        position:relative;
        width:765px;
        height:30px;
}

#mainContentsL .mainColumnBg .detailLeft {
	width: 565px;
	float: left;
}

#mainContentsL .mainColumnBg .detailLeft .detail {
	float: left;
	width: 440px;
	margin: 0 0 0 5px;
	_margin: 0 0 0 2px;
	padding: 0;
}

#mainContentsL .mainColumnBg .detailLeft .point{
}

#mainContentsL .mainColumnBg .detailLeft .cashBack{
}

#mainContentsL .mainColumnBg .detailLeft .detail .exp {
	width: 435px;
	margin: 5px 0 0 0;
}


#mainContentsL .mainColumnBg .detailRight {
	width: 200px;
	float: left;
}

#mainContentsL .mainColumnBg .detailRight .btnShop {
	float:left;
	width: 94px;
	height: 62px;
}

#mainContentsL .mainColumnBg .btnShop a {
	background:url(../../image/global/btn_shop.jpg) 0px 0px no-repeat;
	width: 94px;
	height: 62px;
	text-indent: -9999px;
	display: block;
}

#mainContentsL .mainColumnBg .btnShop a:hover {
	background:url(../../image/global/btn_shop.jpg) -94px 0px no-repeat;
}

#mainContentsL .mainColumnBg .btnGoShop {
	float: right;
	width: 94px;
	height: 62px;
}


#mainContentsL .mainColumnBg .btnGoShop a {
	background:url(../../image/global/btn_goShop.jpg) 0px 0px no-repeat;
	width: 94px;
	height: 62px;
	text-indent: -9999px;
	display: block;
}

#mainContentsL .mainColumnBg .btnGoShop a:hover {
	background:url(../../image/global/btn_goShop.jpg) -94px 0px no-repeat;
}

#mainContentsL .mainColumnBg .btnService {
	float: left;
	width: 94px;
	height: 62px;
}

#mainContentsL .mainColumnBg .btnService a {
	background:url(../../image/global/btn_service.jpg) 0px 0px no-repeat;
	width: 94px;
	height: 62px;
	text-indent: -9999px;
	display: block;
}

#mainContentsL .mainColumnBg .btnService a:hover {
	background:url(../../image/global/btn_service.jpg) -94px 0px no-repeat;
}

#mainContentsL .mainColumnBg .btnGoService {
	float: right;
	width: 94px;
	height: 62px;
}

#mainContentsL .mainColumnBg .btnGoService a {
	background:url(../../image/global/btn_goService.jpg) 0px 0px no-repeat;
	width: 94px;
	height: 62px;
	text-indent: -9999px;
	display: block;
}

#mainContentsL .mainColumnBg .btnGoService a:hover {
	background:url(../../image/global/btn_goService.jpg) -94px 0px no-repeat;
}

/*==========================================================*/
/* detialsSearch */

#mainContentsL div.detailsSearch{
		width: 765px;
		margin: 0 0 10px 0;
}

#mainContentsL div.detailsSearch .detail{
		width:765px;
}

#mainContentsL div.detailsSearch .btn{
		width:765px;
		padding: 10px 0;
		_padding:5px 0;
		text-align: center;
}

#mainContentsL .detailsSearch .categories li {
	float:left;
	margin-right:2px;
	width:65px;
	height:17px;
}

#mainContentsL .detailsSearch .categories .shops{
	background:url("../../image/global/tab_search.jpg") 0px 0px no-repeat;
	width: 65px;
	height: 17px;
}

#mainContentsL .detailsSearch .categories .TabbedPanelsTabSelected .shops,
#mainContentsL .detailsSearch .categories .TabbedPanelsTabHover .shops{
	background:url("../../image/global/tab_search.jpg") 0px -17px no-repeat;
	width: 65px;
	height: 17px;
}

#mainContentsL .detailsSearch .categories .service{
	background:url("../../image/global/tab_search.jpg") -66px 0px no-repeat;
	width: 65px;
	height: 17px;
}

#mainContentsL .detailsSearch .categories .TabbedPanelsTabSelected .service,
#mainContentsL .detailsSearch .categories .TabbedPanelsTabHover .service{
	background:url("../../image/global/tab_search.jpg") -66px -17px no-repeat;
	width: 65px;
	height: 17px;
}

#mainContentsL .detailsSearch .categories .items{
	background:url("../../image/global/tab_search.jpg") -132px 0px no-repeat;
	width: 65px;
	height: 17px;
}

#mainContentsL .detailsSearch .categories .TabbedPanelsTabSelected .items,
#mainContentsL .detailsSearch .categories .TabbedPanelsTabHover .items{
	background:url("../../image/global/tab_search.jpg") -132px -17px no-repeat;
	width: 65px;
	height: 17px;
}


#mainContentsL div.detailsSearch .input{
        background:url(../../image/global/bg_details_search.jpg) no-repeat;
		display:inline-block;
		width: 765px;
		height: 145px;
		padding: 5px 0 0 0;
}

#mainContentsL div.detailsSearch .input ul{
		width: 740px;
}

#mainContentsL div.detailsSearch .input li{
		height: 20px;
		margin: 5px 0 0 0;
}

#mainContentsL div.detailsSearch .input li.title{
		float:left;
		width: 100px;
		text-align: right;
}

#mainContentsL div.detailsSearch .input li.condition{
		float:left;
		width: 620px;
		padding: 0 0 0 10px;
}

#mainContentsL div.detailsSearch .input li.condition select{
		width: 130px;
}

#mainContentsL div.detailsSearch .input li.condition select.pointup{
		width: 50px;
}

#mainContentsL div.detailsSearch .input li.condition .box{
		width: 450px;
}

#mainContentsL div.detailsSearch .input li.condition .pointGive{
		width: 50px;
}

#mainContentsL  div.detailsSearch .condition .pointuFlg{
		margin: 0px 2px 0 20px;
}

#mainContentsL div.detailsSearch .input li.condition .price{
		width: 75px;
}

#mainContentsL div.detailsSearch .attention {
		width: 550px;
		margin: 0;
		padding:0;
}

#mainContentsL div.detailsSearch .attention .title{
		color:#FF872B;
		width: 90px;
		float: left;
}

#mainContentsL div.detailsSearch .attention .keyword{
		width: auto;
}

#mainContentsL  div.detailsSearch .attention .keyword a{
		margin: 0 0 0 5px;
}

#mainContentsL .detailsSearch .categories li.help {
	float:right;
}

/*==========================================================*/
/* pager */

.page-navi{
        display: -moz-inline-box; /*for Firefox 2*/
        display: inline-block; /*for modern*/
        /display: inline; /*for ie5～7*/
        /zoom: 1; /*for ie5～7*/
        margin:0px auto 10px auto;
		/*width:310px;*/
}

.page-navi li{
	font-size:11px;
	text-align:center;
	width:17px;
	height:17px;
	margin-right: 4px;
	margin-bottom: 4px;
	float:left;
	border : solid 1px #ccc;
	padding : 4px;	
	display:inline-block;
	overflow:hidden;
        font-weight:700;
}
.page-navi li a{
        font-size:11px;
        font-family:centuly gothic;
        font-weight:700;
        text-align:center;
}

.page-navi li a:hover{
        background-color:#FFF3EF;
}

.page-navi li a:visited{
	color:#D84340;	
}

.page-navi li.cl:hover {
	text-decoration: underline;
	background-color : #FFF3EF;
	cursor: pointer;	
}

.page-navi .on{
	background: #FA4F17;
	color:#FFF;
	}

.page-navi a{width:17px;margin: 0px auto;float:left;}

.order .list{
	margin: 0 0 10px 0;
}

.order .list{
	text-align:center;
        margin-right:10px;
}

.order .list a{
        font-size:85%;
}
.order .list a:visited{
	color:#D84340;
}
/*==========================================================*/
/* more */

div.more{
        text-align:right;
		margin: 0 0 10px 0;
}

/*==========================================================*/
/* attention */

div.attention ol{
        margin-left:30px;
        margin-bottom:20px;
}

div.attention ul{
        margin-left:10px;
        margin-bottom:20px;
}

div.attention ul.inner{
        margin-left:10px;
        margin-top:10px;
        margin-bottom:10px;
}

/*==========================================================*/
/* privacy */

div.privacy ol{
        margin-left:30px;
        margin-bottom:20px;
}

div.privacy ul{
        margin-left:10px;
        margin-bottom:20px;
}

div.privacy ul.inner{
        margin-left:10px;
        margin-top:10px;
        margin-bottom:10px;
}


/*==========================================================*/
/* error */
div.note{
        color:#D84340;
        margin-bottom:10px;
        
}

span.note {
        color:#D84340;
        margin-bottom:10px;
}

div.titleL{
        width:765px;
        height:30px;
        background:url(../../image/global/title_contentsLL_etc.jpg) no-repeat;
        margin-bottom:20px;
}

div.titleL h2{
	color:#ffffff;
	font-size:108%;
	font-weight:700;
	padding:5px 0 0 15px;
}

div.titleL h3{
	color:#fff;
	font-size:108%;
	font-weight:700;
	padding:5px 0 0 15px;
}

div.titleLL{
        width:930px;
        height:30px;
        background:url(../../image/global/titleLL.jpg) no-repeat;
        margin-bottom:20px;
}

div.titleLL h2{
        font-size:108%;
        font-weight:700;
        padding:4px 0px 0px 15px;
}