/*
------------------------------------------------------------
Mgame Online [MSNイベント_080424]
file name: event_msn_080424.css
Author: M.Doi
create: 2008.04.22
======================= contents ===========================
1: 基本的な設定
2: エリア設定
3: エリア内設定
 : #content
  : ボックス枠
  : フォーム
  : テーブル
 : #foot
  : ボックス枠
;
============================================================
*/


/* 1: 基本的な設定
------------------------------------------------------------ */
body {
	margin: 0px auto;
	padding: 0px;
	color: #666666;
	font-size: 12px;
	line-height: 16px;
	background: #FFFFFF;
 }

img {
	border: 0px;
}

strong {
	color: #A4022B;
	font-weight: normal;
	font-style: normal;
}

em {
	font-weight: bold;
	font-style: normal;
	color: #D64141;
}

em.blue {
	font-weight: bold;
	font-style: normal;
	color: #3C5395;
}

form {
	margin: 0px;
}

a:link {
	text-decoration: none;
	color: #00699B;
	}
a:visited {
	text-decoration: none;
	color: #00699B;
}
a:hover {
	text-decoration: none;
	color: #ABD4E9;
}




/* 2:エリア設定
------------------------------------------------------------ */

#all {
	width: 480px;
}

#content {
	margin: 10px;
}

#foot {
	margin: 0px;
	padding: 10px;
	background: #F4F4E3;
	height: 250px;
}


/* 3:エリア内設定
------------------------------------------------------------ */

h1,h2 {
	margin: 0px;
	padding: 0px;
}

/* #content-------- */

#content p {
	margin-top: 15px 0px;
}

#content dt {
	font-weight: bold;
}

#content dd {
	margin: 5px auto 10px 14px;
}

	/* ボックス枠 */

	#content div.entry {
		padding-top: 10px;
		text-align: center;
		background: url(http://image.mgame.jp/event/msn/hero/tweanni/entry_bg.gif);
	}

	#content div.entry p {
		margin: 0px;
		color: #613927;
	}

	#content div.gray_entry {
		margin-bottom: 1px;
		padding: 10px;
		font-size: 11px;
		background: #E3E3E3;
		height: 100px;
	}
		#content div.gray_entry p {
			float: left;
			width: 230px;
		}
		#content div.gray_entry img {
			float: right;
			margin-top: 10px;
		}

	#content div.gray_detail {
		padding: 10px;
		font-size: 11px;
		background: #E3E3E3;
		height: 84px;
	}
		#content div.gray_detail p {
			float: left;
			width: 300px;
		}
		#content div.gray_detail img {
			float: right;
			margin-top: 2px;
		}

	#content div.gray_freight {
		margin-top: 10px;
		padding: 10px;
		background: #E3E3E3;
		height: 207px;
	}
		#content div.gray_freight ul {
			margin: 10px 5px;
			list-style-type: none;
			width: 290px;
			float: left;
		}
		#content div.gray_freight li {
			margin-left: 16px;
			text-indent: -16px;
		}
		#content div.gray_freight img {
			margin-top: 10px;
			float: right;
		}

	#content div.gray_npc {
		padding: 10px;
		background: #E3E3E3;
		height: 141px;
	}
		#content div.gray_npc ul {
			margin: 0px 5px;
			list-style-type: none;
			width: 250px;
			float: left;
		}
		#content div.gray_npc li {
			margin-left: 16px;
			text-indent: -16px;
			margin-bottom: 1em;
		}
		#content div.gray_npc img {
			float: right;
		}

	#content div.gray_confirm {
		padding: 10px;
		background: #E3E3E3;
		height: 36px;
	}
		#content div.gray_confirm ul {
			margin: 0px 5px;
			list-style-type: none;
		}
		#content div.gray_confirm li {
			margin-left: 16px;
			text-indent: -16px;
		}


	/* テーブル */

	#content div.entry table {
		border: 0px;
		color: #613927;
		font-size: 12px;
		line-height: 18px;
	}
	#content div.entry th {
		border: 0px;
		padding: 0px;
		font-weight: normal;
		text-align: right;
	}
	#content div.entry td {
		border: 0px;
		padding: 0px;
	}
	#content div.entry td.att {
		color: #D64141;
		font-size: 11px;
		line-height: 15px;
		text-align: center;
		padding: 0px;
	}

	#content dd table {
		border: 1px solid #666666;
		border-collapse: collapse;
		color: #666666;
		font-size: 12px;
		line-height: 18px;
		width: 436px;
	}
	#content dd th {
		border: 1px solid #666666;
		text-align : center;
		background: #CCCCCC;
	}
	#content dd td {
		border: 1px solid #666666;
		text-align : left;
		padding-left: 10px;
	}
	#content dd td.ico {
		padding: 0px;
		width: 32px;
	}
	#content dd td.bold {
		font-weight: bold;
	}



	/* フォーム */

	#content input {
		margin-left: 5px;
		border: 1px solid #613927;
		color: #613927;
		width: 100px;
	}

	#content input.radio {
		margin-left: 5px;
		border: 0px;
		width: 12px;
	}

	#content input.img {
		margin-left: 5px;
		border: 0px;
		vertical-align: bottom;
	}


/* #foot-------- */

	/* ボックス枠 */

	#foot p {
		padding: 10px;
		float: left;
		width: 290px;
	}
	#foot img.ss {
		float: right;
	}
	#foot img.bt {
		margin-left: 82px;
	}

	#foot.guide {
		height: 80px;
	}

	#foot.guide p {
		margin-top: 5px;
		padding: 10px;
		float: left;
		width: 320px;
	}
	#foot.guide img {
		float: right;
	}

/* #copy-------- */

	/* ボックス枠 */

	#copy {
		margin: 0px;
		padding: 7px;
		background: #CCCCCC;
		height: 30px;
		border-top: 1px solid #666666;
		text-align: center;
	}