@charset "utf-8";

@import url("base.css");

@import url("structure.css");

/*====================================================
------------------------------------------------------
	 OrdinaryPromotion.css : ID:ODP
------------------------------------------------------
====================================================*/

/*================= contents menu ============

	1: pageTitle
	
	2: ListContents	
		    -common
		    -CategoryNavi
		    -CategorySubNavi	
	
	3: DetailContents		

			
	
============================================== */

/*====================================================
	1: pageImg(h2)
====================================================*/

#areaC h2{ background: url(../OrdinaryPromotion/img/h2.gif) no-repeat;}

#areaC .PromotionOrdinary h2 { background: url(../OrdinaryPromotion/img/h2.gif) no-repeat;}
#areaC .PromotionOpening h2 { background: url(../OpeningPromotion/img/h2.gif) no-repeat;}

/*====================================================
	2: ListContents
====================================================*/
.contentsDetail { width: 750px; margin: 0 auto; padding-top: 15px;}
.contentsDetail:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
/*\*//*/
     .contentsDetail {
         display: inline-table;
     }
 /**/ 


/*
	CategoryNavi
--------------------------------------------------------------------------------------------------------*/
#areaD ul.categoryNavi { display: block; width: 750px; height: 42px; background: url(../OrdinaryPromotion/img/btCategoryNavi.gif) no-repeat 0 0; list-style-type: none; position: relative; margin: 0 auto; padding: 0;}

#areaD ul.categoryNavi li,
#areaD ul.categoryNavi li a { display: block; background: transparent; text-indent: -9876px; overflow:hidden; margin: 0; padding: 0;}
/*\*//*/
 overflow:auto;
/**/

#areaD ul.categoryNavi li#cN01 { width: 150px; height: 42px; position: absolute; top: 0; left: 0;}
#areaD ul.categoryNavi li#cN02 { width: 150px; height: 42px; position: absolute; top: 0; left: 150px;}
#areaD ul.categoryNavi li#cN03 { width: 150px; height: 42px; position: absolute; top: 0; left: 300px;}
#areaD ul.categoryNavi li#cN04 { width: 150px; height: 42px; position: absolute; top: 0; left: 450px;}
#areaD ul.categoryNavi li#cN05 { width: 150px; height: 42px; position: absolute; top: 0; left: 600px;}

#areaD ul.categoryNavi li#cN01 a { width: 150px; height: 42px; background: transparent url(../OrdinaryPromotion/img/btCategoryNavi.gif) no-repeat 0 0;}
#areaD ul.categoryNavi li#cN02 a { width: 150px; height: 42px; background: transparent url(../OrdinaryPromotion/img/btCategoryNavi.gif) no-repeat -150px 0;}
#areaD ul.categoryNavi li#cN03 a { width: 150px; height: 42px; background: transparent url(../OrdinaryPromotion/img/btCategoryNavi.gif) no-repeat -300px 0;}
#areaD ul.categoryNavi li#cN04 a { width: 150px; height: 42px; background: transparent url(../OrdinaryPromotion/img/btCategoryNavi.gif) no-repeat -450px 0;}
#areaD ul.categoryNavi li#cN05 a { width: 150px; height: 42px; background: transparent url(../OrdinaryPromotion/img/btCategoryNavi.gif) no-repeat -600px 0;}

#areaD ul.categoryNavi li#cN01 a:hover { width: 150px; height: 42px; background: transparent url(../OrdinaryPromotion/img/btCategoryNavi.gif) no-repeat 0 -42px;}
#areaD ul.categoryNavi li#cN02 a:hover { width: 150px; height: 42px; background: transparent url(../OrdinaryPromotion/img/btCategoryNavi.gif) no-repeat -150px -42px;}
#areaD ul.categoryNavi li#cN03 a:hover { width: 150px; height: 42px; background: transparent url(../OrdinaryPromotion/img/btCategoryNavi.gif) no-repeat -300px -42px;}
#areaD ul.categoryNavi li#cN04 a:hover { width: 150px; height: 42px; background: transparent url(../OrdinaryPromotion/img/btCategoryNavi.gif) no-repeat -450px -42px;}
#areaD ul.categoryNavi li#cN05 a:hover { width: 150px; height: 42px; background: transparent url(../OrdinaryPromotion/img/btCategoryNavi.gif) no-repeat -600px -42px;}

#media #areaD ul.categoryNavi li#cN01 a { width: 150px; height: 42px; background: transparent url(../OrdinaryPromotion/img/btCategoryNavi.gif) no-repeat 0 -42px;}
#event #areaD ul.categoryNavi li#cN02 a { width: 150px; height: 42px; background: transparent url(../OrdinaryPromotion/img/btCategoryNavi.gif) no-repeat -150px -42px;}
#premium #areaD ul.categoryNavi li#cN03 a { width: 150px; height: 42px; background: transparent url(../OrdinaryPromotion/img/btCategoryNavi.gif) no-repeat -300px -42px;}
#display #areaD ul.categoryNavi li#cN04 a { width: 150px; height: 42px; background: transparent url(../OrdinaryPromotion/img/btCategoryNavi.gif) no-repeat -450px -42px;}
#etc #areaD ul.categoryNavi li#cN05 a { width: 150px; height: 42px; background: transparent url(../OrdinaryPromotion/img/btCategoryNavi.gif) no-repeat -600px -42px;}


#areaD #media ul.categoryNavi li#cN01 a { width: 150px; height: 42px; background: transparent url(../OrdinaryPromotion/img/btCategoryNavi.gif) no-repeat 0 -42px;}
#areaD #event ul.categoryNavi li#cN02 a { width: 150px; height: 42px; background: transparent url(../OrdinaryPromotion/img/btCategoryNavi.gif) no-repeat -150px -42px;}
#areaD #premium ul.categoryNavi li#cN03 a { width: 150px; height: 42px; background: transparent url(../OrdinaryPromotion/img/btCategoryNavi.gif) no-repeat -300px -42px;}
#areaD #display ul.categoryNavi li#cN04 a { width: 150px; height: 42px; background: transparent url(../OrdinaryPromotion/img/btCategoryNavi.gif) no-repeat -450px -42px;}
#areaD #etc ul.categoryNavi li#cN05 a { width: 150px; height: 42px; background: transparent url(../OrdinaryPromotion/img/btCategoryNavi.gif) no-repeat -600px -42px;}




/*
	2: CategorySubNavi
--------------------------------------------------------------------------------------------------------*/
#areaD ul.categorySubNavi { display: block; width: 750px; height: 25px; background: url(../OrdinaryPromotion/img/btCategorySubNavi.gif) no-repeat 0 0; list-style-type: none; position: relative; margin: 0 auto; padding: 0;}

#areaD ul.categorySubNavi li,
#areaD ul.categorySubNavi li a { display: block; background: transparent; text-indent: -9876px; overflow:hidden; margin: 0; padding: 0;}
/*\*//*/
 overflow:auto;
/**/

#areaD ul.categorySubNavi li#csN01 { width: 108px; height: 25px; position: absolute; top: 0; left: 0;}
#areaD ul.categorySubNavi li#csN02 { width: 107px; height: 25px; position: absolute; top: 0; left: 108px;}
#areaD ul.categorySubNavi li#csN03 { width: 107px; height: 25px; position: absolute; top: 0; left: 215px;}
#areaD ul.categorySubNavi li#csN04 { width: 107px; height: 25px; position: absolute; top: 0; left: 322px;}
#areaD ul.categorySubNavi li#csN05 { width: 107px; height: 25px; position: absolute; top: 0; left: 429px;}
#areaD ul.categorySubNavi li#csN06 { width: 107px; height: 25px; position: absolute; top: 0; left: 536px;}
#areaD ul.categorySubNavi li#csN07 { width: 107px; height: 25px; position: absolute; top: 0; left: 643px;}

#areaD ul.categorySubNavi li#csN01 a { width: 108px; height: 25px; background: transparent url(../OrdinaryPromotion/img/btCategorySubNavi.gif) no-repeat 0 0;}
#areaD ul.categorySubNavi li#csN02 a { width: 107px; height: 25px; background: transparent url(../OrdinaryPromotion/img/btCategorySubNavi.gif) no-repeat -108px 0;}
#areaD ul.categorySubNavi li#csN03 a { width: 107px; height: 25px; background: transparent url(../OrdinaryPromotion/img/btCategorySubNavi.gif) no-repeat -215px 0;}
#areaD ul.categorySubNavi li#csN04 a { width: 107px; height: 25px; background: transparent url(../OrdinaryPromotion/img/btCategorySubNavi.gif) no-repeat -322px 0;}
#areaD ul.categorySubNavi li#csN05 a { width: 107px; height: 25px; background: transparent url(../OrdinaryPromotion/img/btCategorySubNavi.gif) no-repeat -429px 0;}
#areaD ul.categorySubNavi li#csN06 a { width: 107px; height: 25px; background: transparent url(../OrdinaryPromotion/img/btCategorySubNavi.gif) no-repeat -536px 0;}
#areaD ul.categorySubNavi li#csN07 a { width: 107px; height: 25px; background: transparent url(../OrdinaryPromotion/img/btCategorySubNavi.gif) no-repeat -643px 0;}

#areaD ul.categorySubNavi li#csN01 a:hover { width: 108px; height: 25px; background: transparent url(../OrdinaryPromotion/img/btCategorySubNavi.gif) no-repeat 0 -25px;}
#areaD ul.categorySubNavi li#csN02 a:hover { width: 107px; height: 25px; background: transparent url(../OrdinaryPromotion/img/btCategorySubNavi.gif) no-repeat -108px -25px;}
#areaD ul.categorySubNavi li#csN03 a:hover { width: 107px; height: 25px; background: transparent url(../OrdinaryPromotion/img/btCategorySubNavi.gif) no-repeat -215px -25px;}
#areaD ul.categorySubNavi li#csN04 a:hover { width: 107px; height: 25px; background: transparent url(../OrdinaryPromotion/img/btCategorySubNavi.gif) no-repeat -322px -25px;}
#areaD ul.categorySubNavi li#csN05 a:hover { width: 107px; height: 25px; background: transparent url(../OrdinaryPromotion/img/btCategorySubNavi.gif) no-repeat -429px -25px;}
#areaD ul.categorySubNavi li#csN06 a:hover { width: 107px; height: 25px; background: transparent url(../OrdinaryPromotion/img/btCategorySubNavi.gif) no-repeat -536px -25px;}
#areaD ul.categorySubNavi li#csN07 a:hover { width: 107px; height: 25px; background: transparent url(../OrdinaryPromotion/img/btCategorySubNavi.gif) no-repeat -643px -25px;}

#all #areaD ul.categorySubNavi li#csN01 a { width: 108px; height: 25px; background: transparent url(../OrdinaryPromotion/img/btCategorySubNavi.gif) no-repeat 0 -25px;}
#spring #areaD ul.categorySubNavi li#csN02 a { width: 107px; height: 25px; background: transparent url(../OrdinaryPromotion/img/btCategorySubNavi.gif) no-repeat -108px -25px;}
#summer #areaD ul.categorySubNavi li#csN03 a { width: 107px; height: 25px; background: transparent url(../OrdinaryPromotion/img/btCategorySubNavi.gif) no-repeat -215px -25px;}
#autumn #areaD ul.categorySubNavi li#csN04 a { width: 107px; height: 25px; background: transparent url(../OrdinaryPromotion/img/btCategorySubNavi.gif) no-repeat -322px -25px;}
#Xmas #areaD ul.categorySubNavi li#csN05 a { width: 107px; height: 25px; background: transparent url(../OrdinaryPromotion/img/btCategorySubNavi.gif) no-repeat -429px -25px;}
#newYear #areaD ul.categorySubNavi li#csN06 a { width: 107px; height: 25px; background: transparent url(../OrdinaryPromotion/img/btCategorySubNavi.gif) no-repeat -536px -25px;}
#bargain #areaD ul.categorySubNavi li#csN07 a { width: 107px; height: 25px; background: transparent url(../OrdinaryPromotion/img/btCategorySubNavi.gif) no-repeat -643px -25px;}

#areaD #all ul.categorySubNavi li#csN01 a { width: 108px; height: 25px; background: transparent url(../OrdinaryPromotion/img/btCategorySubNavi.gif) no-repeat 0 -25px;}
#areaD #spring ul.categorySubNavi li#csN02 a { width: 107px; height: 25px; background: transparent url(../OrdinaryPromotion/img/btCategorySubNavi.gif) no-repeat -108px -25px;}
#areaD #summer ul.categorySubNavi li#csN03 a { width: 107px; height: 25px; background: transparent url(../OrdinaryPromotion/img/btCategorySubNavi.gif) no-repeat -215px -25px;}
#areaD #autumn ul.categorySubNavi li#csN04 a { width: 107px; height: 25px; background: transparent url(../OrdinaryPromotion/img/btCategorySubNavi.gif) no-repeat -322px -25px;}
#areaD #Xmas ul.categorySubNavi li#csN05 a { width: 107px; height: 25px; background: transparent url(../OrdinaryPromotion/img/btCategorySubNavi.gif) no-repeat -429px -25px;}
#areaD #newYear ul.categorySubNavi li#csN06 a { width: 107px; height: 25px; background: transparent url(../OrdinaryPromotion/img/btCategorySubNavi.gif) no-repeat -536px -25px;}
#areaD #bargain ul.categorySubNavi li#csN07 a { width: 107px; height: 25px; background: transparent url(../OrdinaryPromotion/img/btCategorySubNavi.gif) no-repeat -643px -25px;}


/*====================================================
	3: DetailContents
====================================================*/

h3 { display: block; clear: both; height: 1.4em; border-left: 10px solid #666; padding: 0 0 0 .5em; margin: 20px 0;  font-size: 120%;}

dl.dl750 { display: block; width: 750px; background: url(../c_img/dotLine750_1.gif) no-repeat bottom; margin: 0 auto 20px auto;}
dl:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
/*\*//*/
     dl {
         display: inline-table;
     }
 /**/ 

dl.dl750 dt { padding: 0 0 .5em 0; font-weight: bold;}
dl.dl750 dd { padding: 0 0 }
dl.dl750 dd:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
/*\*//*/
     dl.dl750 dd {
         display: inline-table;
     }
 /**/ 

dl.dl750 dd div { width: 235px; float: left; margin: 20px 0 0 20px;}
dl.dl750 dd div.first { width: 235px; float: left; margin: 20px 0 0 0;}
dl.dl750 dd div img, dl.dl750 dd div.first img { display: block;}
dl.dl750 dd div span, dl.dl750 dd div.first span { display: block; padding: 0 0 2em 0;}

dl.dl750 dd .movie{
	width: 750px;
	float: none;
	margin: 0px;
	padding: 0px 0px 15px;
	text-align: center;	
}

dl.dl370 { display: block; width: 370px; float: left; background: none; margin: 0;}
dl.dl370:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
/*\*//*/
     dl.dl370{
         display: inline-table;
     }
 /**/ 

dl.dl370  dt { padding: 0 0 .5em 0;}
dl.dl370  dd { padding: 0 0 }

.btmenberR a { float: left; width: 280px; height: 30px; background: url(../OrdinaryPromotion/img/btMemberR.gif) no-repeat; overflow: hidden; text-indent: -9876em;}
/*\*//*/
 overflow:auto;
/**/
.btLogin a { float:right; width: 450px; height: 30px; background: url(../OrdinaryPromotion/img/btLogin.jpg) no-repeat; overflow: hidden; text-indent: -9876em;}
/*\*//*/
 overflow:auto;
/**/

.btPass {
	text-align: right;
	margin: 0px;
	padding: 0px;

}


.numbering { display: block; text-align: right; margin: 100px 0 0 0; }
.data { display: block; text-align: right; margin: 0; }

.Clear{
	clear: both;
}

.MemberPhoto{
	width: 750px;
	background: url(../c_img/dotLine750_1.gif) no-repeat bottom;
	margin: 0px 0px 40px;
	padding: 0px;
}

.MemberPhoto .image{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 245px;

}

.MemberPhoto .image p{
	margin: 0px;
	padding: 0px 0px 20px;
}

.MemberPhoto .text{
	margin: 0px;
	padding: 0px;
	float: right;
	width: 490px;
}

.MemberPhoto .text p{
	margin: 0px;
	padding: 0px 0px 20px;
}

.Remark{
	margin: 0px;
	padding: 10px 0px 0px 30px;
}

.Remark ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.Remark li{
	margin: 0px;
	padding: 0px;
}

.Remark .sc{
	color: #FF9900;
}
.Remark .ad{
	color: #034EA2;
}

#ProTable{}

#ProTable table{
	margin-bottom: 10px;
}



.ProSearch{
	margin: 0px auto;
	padding: 5px 0px;
	width: 750px;
	background: url(../c_img/dotLine750_1.gif) no-repeat left bottom;
}

.ProSearch form{
	margin: 0px;
	padding: 0px;
}

.ProSearch dl{
	margin: 0px;
	padding: 0px 0px 0px 490px;
}

.ProSearch dl dt{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 190px;
}

.ProSearch dl dt input{
	width: 180px;
}

.ProSearch dl dd{
	margin: 0px;
	padding: 0px;
	float: right;
	width: 70px;
	text-align: right;
}