@charset "UTF-8";

/* ---------Contents------------



	【 INFORMATION & Event 】
		
		0. overraid
		2. common
		1. information
		2. event
		1. 一覧
		1. 詳細
		1. ショップリスト一覧（汎用）

	
	
				
-----------------------------------*/

/*******************************************************************

		0. overraid
		
*******************************************************************/
.underDotLine {
	background: url("/images/common/common/line-dotted-horisontal.gif") repeat-x 0 bottom;
	margin-bottom: 50px;
}


.toListBtn {
	padding: 10px 0;
}



/*******************************************************************

		1. common
		
*******************************************************************/
/* Container */
div#InfoContainer,
div#EventContainer {
	padding: 0 0 0 15px;
}


/*
div#InfoContainer ul,
div#EventContainer ul {
	padding-left: 15px;
}

div#EventContainer h2 {
	
}
*/

div#InfoContainer div#PagingContainer,
div#EventContainer div#PagingContainer {
	width: 555px;
	padding: 0;
}

div#InfoContainer div#MobileAndPrint,
div#EventContainer div#MobileAndPrint {
	margin-left: 0;
}


/* 日付 */
.date span {
	color: #E7364A;
	margin-right: 15px;
}

/* RENEWAL */
.date span.renewal {
	color: #16A72D;
	margin-right: 15px;
}


/* close */
.date span.close {
	color: #00A69C;
	margin-right: 15px;
}




/* -----------------------------------------------------------------
 	0. 一覧
------------------------------------------------------------------ */
/* 記事の本文 */
.entryBody {
	float: left;
	width: 365px;
}
a .entryBody,
a .entryTitle {
	color: #494949;
}

/* 記事の画像 */
.entryImg {
	float: right;
	width: 190px;
}

/* -----------------------------------------------------------------
 	0. 詳細
------------------------------------------------------------------ */
/* 記事の画像 */
div#InfoContainer div#Img,
div#EventContainer div#Img {
	margin-bottom: 20px;
}

/* 日付 */
div#InfoContainer .date,
div#EventContainer .date {
	padding-top: 2px;
}

/* 本文 */
div#Title_Text .entryBody {
	float: none;
	width: 555px;
}


/*******************************************************************

		2. information
		
*******************************************************************/


/*******************************************************************

		3. event
		
*******************************************************************/
/* -----------------------------------------------------------------
 	0. 詳細
------------------------------------------------------------------ */
div#EventContainer div#Title_Text ul {
	margin-bottom: 20px;
}

	div#EventContainer div#Title_Text ul li {
		text-indent: -3em;
		padding-left: 3em;
	}
	
	div#EventContainer div#Title_Text ul li strong {
		margin-right: 10px;
	}









/*******************************************************************

		2011.02.09 DIAMOR ～Re BORN 2011 Spring～ Renewal ＆ New SHOPが続々登場！
		
*******************************************************************/
div.newshop {
	background: url(../images/event/20110210/bg.gif) repeat-y left top;
	margin-bottom: 30px;
}

	div.newshop div.newshopInner{
		background: url(/images/event/20110210/bg-reborn-bottom.gif) no-repeat left bottom;	
		padding-bottom: 50px;
	}

		div.newshop div.rnRight {
			display: inline;
			background: url(/images/event/20110210/bg-reborn-top.gif) no-repeat right top;	
			float: right;
			padding-top: 45px;
			padding-right: 15px; 
		}
			
		div.newshop div.read {
			width: 340px;
		}
		
		div.newshop div.rnLeft {
			display: inline;
			float: left;
			padding-top: 45px;
			padding-left: 15px; 
		}
		div.newshop div.img {
			width: 175px;
			padding-top: 50px;
		}
		
		
p.rnTilte {
	margin-top: 20px;
	margin-bottom: 10px;
}

p.rnDate {
	margin-bottom: 15px;
}

.rnDotLine {
	background: url(/images/event/20110210/bg-dot-red.gif) repeat-x left bottom;
	padding-bottom: 10px;
}



/*******************************************************************

		映画「阪急電車」
		
*******************************************************	************/
.hankyu .fl {
	width: 280px;
}
.hankyu .fr {
	width: 250px;
}

.hankyu .txtR {
	text-align: right;
}

.hankyu .txtC {
	text-align: center;
}

.hankyu .clear{
	clear: both;
}

.hankyu ul.li {
	padding: 0;
	text-indent: 0;
}


/*******************************************************************

		2011.3.9 キャッシュバックキャンペーン
		
*******************************************************************/
.cashback201103 {
	
}

.cashback201103 .fl {
	width: 300px;
}


/*******************************************************************

		2011.3.9 ギリシャ
		
*******************************************************************/
.greece .fl {
	width: 270px;
}

.greece .fr {
	width: 270px;
}




/*******************************************************************

		1. ショップリスト一覧（汎用）
		
*******************************************************************/

.listColumn3{
	width: 570px;
	margin-bottom: 50px;
}


	.listColumn3 div{
		display: inline;
		width: 175px;
		float: left;
		margin-right: 15px;
		background: url(http://www.diamor.jp/images/common/common/line-dotted-horisontal.gif) repeat-x 0% 100%;
		margin-bottom: 20px;
	}
	

		.listColumn3 div:hover{
			opacity: 0.6;
			background: url(http://www.diamor.jp/images/common/common/line-pink-horisontal.gif) repeat-x 0% 100%;
		}
	
	
	
	.listColumn3 .name{
	    color: #494949;
	    display: block;
	    font-weight: bold;
	    line-height: 1.2;
	    margin: 5px 0px 5px;
	}
	
	.listColumn3 .type{
	    display: block;
	    font-size: 10px;
	    line-height: 1.2;
	    margin-bottom: 15px;
	}


	.listColumn3 .turn{
		margin-right: 0px;
	}



	.listColumn3 .last{
		margin-bottom: 0px;
	}




	
/*******************************************************************

		1. ショップテーブルリスト一覧（汎用）
		
*******************************************************************/

div#ContentColumn table.tableList{
	line-height: 150%;
	width: 555px;
	margin-bottom: 30px;
}


	div#ContentColumn table.tableList th{
		text-align: left;
		padding: 10px 5px 10px 10px;
	}


	div#ContentColumn table.tableList th a{
		color: #E7364A;
		cursor: pointer;
		text-decoration: none;
		font-weight: 100;
	}


	div#ContentColumn table.tableList th,td{
		background: url(http://www.diamor.jp/images/common/common/line-dotted-horisontal.gif) repeat-x 0px 100%;
	}
	
	
	

/*******************************************************************

		1. ショップ テーブルリスト2（汎用）
		
*******************************************************************/


div#ContentColumn table.tableList2{
	line-height: 150%;
	width: 555px;
	margin-bottom: 30px;
	border-top: 1px dotted #999999;
	border-collapse: separate;
}
	
	div#ContentColumn table.tableList2 th,
	div#ContentColumn table.tableList2 td {
		background: url(http://www.diamor.jp/images/common/common/line-dotted-horisontal.gif) repeat-x 0px 100%;
		border-right: 1px dotted #999999;
	}


	div#ContentColumn table.tableList2 thead th{
		font-size: 85%;
	}

	div#ContentColumn table.tableList2 thead td{
		font-size: 75%;
	}

	div#ContentColumn table.tableList2 tbody th{
		font-size: 85%;
		font-weight: normal;
	}

	div#ContentColumn table.tableList2 tbody td{
		font-size: 75%;
		text-align: center;
	}

	div#ContentColumn table.tableList2 tbody td.closeColor {
		background-color: #FAEAED;
	}