@charset "utf-8";

@import url("base.css");

@import url("structure.css");

/*====================================================
------------------------------------------------------
	 OpeningPromotion.css : ID:OPP
------------------------------------------------------
====================================================*/

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

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

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

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

#areaC h2 { background: url(../OpeningPromotion/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: 299px; height: 42px; background: url(../OpeningPromotion/img/btCategoryNavi.gif) no-repeat 0 0; list-style-type: none; position: relative; margin: 0 auto 0 25px; 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#cN01 a { width: 150px; height: 42px; background: transparent url(../OpeningPromotion/img/btCategoryNavi.gif) no-repeat 0 0;}
#areaD ul.categoryNavi li#cN02 a { width: 150px; height: 42px; background: transparent url(../OpeningPromotion/img/btCategoryNavi.gif) no-repeat -150px 0;}

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

#grand #areaD ul.categoryNavi li#cN01 a { width: 150px; height: 42px; background: transparent url(../OpeningPromotion/img/btCategoryNavi.gif) no-repeat 0 -42px;}
#renewal #areaD ul.categoryNavi li#cN02 a { width: 150px; height: 42px; background: transparent url(../OpeningPromotion/img/btCategoryNavi.gif) no-repeat -150px -42px;}


#areaD #grand ul.categoryNavi li#cN01 a { width: 150px; height: 42px; background: transparent url(../OpeningPromotion/img/btCategoryNavi.gif) no-repeat 0 -42px;}
#areaD #renewal ul.categoryNavi li#cN02 a { width: 150px; height: 42px; background: transparent url(../OpeningPromotion/img/btCategoryNavi.gif) no-repeat -150px -42px;}


/*====================================================
	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 10px auto;}
dl:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
/*\*//*/
     dl {
         display: inline-table;
     }
 /**/ 
 
dl.dl750 dd div { width: 235px; float: left; margin: 0 0 0 20px;}
dl.dl750 dd div.first { width: 235px; float: left; margin: 0 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 div span.hl, dl.dl750 dd div.first span.hl { display: block; padding: 0 0 .1em 0; font-weight: bold;}

dl.dl750 dd .movie{
	width: 750px;
	float: none;
	margin: 0px;
	padding: 10px 0px 5px;
	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 dd { padding: 0 0 .5em 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;

}

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

dl.dl500 {  display: block; float: right; width: 500px; background: none; margin: 0; line-height: 150%;}

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