@charset "utf-8";

@import url("base.css");

@import url("structure.css");

/*====================================================
------------------------------------------------------
	 SalesPromotion.css : ID:SP
------------------------------------------------------
====================================================*/

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

	1: pageTitle
	
	2: h3  h4
	
	3: contents	

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

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

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

#areaC .PromotionTop h2 { background: url(../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: h3 h4
====================================================*/
h3 { display: block; width: 200px; height: 45px; text-indent: -9876em;}

h3.h3_01 { background: url(../img/h3_01.gif) no-repeat;}
h3.h3_02 { background: url(../img/h3_02.gif) no-repeat;}

.PromotionList{
	margin: 0px;
	padding: 0px;
}
.PromotionList h3{
	margin: 0px;
	padding: 0px;
	float: left;
}

.PromotionList h4{

	float: left;
}
.PromotionList .H3count{
	font-size: 120%;
	margin: 0px;
	padding: 23px 0px 0px;
	float: left;
	text-align: right;
	width: 50px;
}
.PromotionList .H4count{
	font-size: 120%;
	margin: 0px;
	padding: 0px;
	float: left;
	text-align: right;
	width: 50px;
}


h4 a{ display: block; width: 200px; height: 20px; text-indent: -9876em; margin: 0 0 10px 0; overflow: hidden;}
/*\*//*/
 overflow:auto;
/**/

h4.h4_ODP_01 a { background: url(../img/h4_ODP_01.gif) no-repeat;}
h4.h4_ODP_02 a{ background: url(../img/h4_ODP_02.gif) no-repeat;}
h4.h4_ODP_03 a{ background: url(../img/h4_ODP_03.gif) no-repeat;}
h4.h4_ODP_04 a{ background: url(../img/h4_ODP_04.gif) no-repeat;}
h4.h4_ODP_05 a{ background: url(../img/h4_ODP_05.gif) no-repeat;}
h4.h4_OPP_01 a{ background: url(../img/h4_OPP_01.gif) no-repeat;}
h4.h4_OPP_02 a{ background: url(../img/h4_OPP_02.gif) no-repeat;}

.Remark{
	margin: 0px;
	padding: 0px 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;
}

/*====================================================
	3: contents
====================================================*/
#areaD {padding-top: 40px;}

.tab { width: 750px; margin: 0 auto 30px auto;}

p { padding: 0 0 1em 0}
p.h3Num { padding: 25px 0 1em 0; font-weight: bold;}


.Clear{
	clear: both;
}



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

.ProSearch form{
	margin: 0px;
	padding: 8px 0px 0px;
	background: url(../c_img/dotLine750_1.gif) no-repeat;
}

.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;
}


#ProTable{}

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