/*
------------------------------------------------------------
Mgame Online [英雄アップデート案内特設ページ_080612]
file name: update_080612.css
Author: M.Doi
create: 2008.06.10
======================= contents ===========================
1: 基本的な設定
2: エリア設定
3: エリア内設定
 : #content
  : ボックス枠
  : テーブル
;
============================================================
*/


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

img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

em {
	font-style: normal;
	color: #A88446;
}

strong.strong {
	color: #5B8C92;
}

hr {
	border: none;
	border-bottom: 1px dotted #999999;
	width: 650px;
	height: 1px;
	margin: 5px 0px;
	padding: 0px;
}

a:link {
	text-decoration: none;
	color: #516534;
	}
a:visited {
	text-decoration: none;
	color: #516534;
}
a:hover {
	text-decoration: none;
	color: #C5C7B8;
}



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

#all {
	margin: 0px auto 0px -450px;
	position: absolute;
	left:50%;
	width: 900px;
}

#link {

}

#content {
	margin: 10px;
	padding: 0px;
	clear: left;
}

#copyright {
	background: #CBC2A9;
	height: 20px;
	line-height: 20px;
	text-align: center;
	clear: left;
}


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

/* #link-------- */

#link ul {
	list-style-type : none;
	margin: 0px;
	padding: 0px;
}

#link li {
	padding: 0px;
	display: inline;
	float: left;
}



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

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

h2 {
	margin: 0px 0px 20px;
	padding: 0px;
}
h3 {
	clear: both;
	margin: 20px 10px 10px;
}

h4 {
	margin: 10px 20px 10px;
}

#content p {
	clear: both;
	margin: 0px 20px 10px;
	padding: 0px;
	text-align: left;
}

#content p img {
	margin: 10px 0px 0px;
}

	/* ボックス枠 */

	#content div.mob {
		margin: 0px 15px;
	}
		#content div.mob img.mob {
			margin: 0px 5px 10px;
			float: left;
		}
		#content div.mob img.boss {
			clear: left;
			margin-left: 217px;
		}

	#content div.left {
		clear: right;
		margin: 0px 0px 10px;
		padding: 0px;
		float: left;
	}

	#content img.right {
		margin: 0px 20px 10px;
		float: right;
	}

	#content img.left {
		margin: 0px 0px 10px 20px;
		float: left;
	}

	#content p.table_caption {
		margin: 0px 37px 10px;
	}
		#content p.table_caption span {
			margin: 0px 22px 10px;
		}

	#content p.li {
		margin: 0px 35px 10px;
		text-indent: -15px;
	}

	#content p.li_ex {
		margin: 0px 40px 10px;
		text-indent: -20px;
	}

	#content p.table_li_ex {
		margin: 0px 65px 10px;
		text-indent: -16px;
		color: #9E9E88;
	}

	#content p.li_- {
		margin: 0px 30px 0px;
		text-indent: -10px;
	}

	#content div.ss {
		margin: 0px 35px 10px;
	}
		#content div.ss img {
			margin-right: 10px;
		}

	#content div.h4 {
		margin: 10px 10px 0px;
	}

	#content div.p {
		margin: 10px 15px 0px;
	}


	#content div.next {
		clear: both;
		margin: 20px 0px 0px;
		text-align: right;
	}

	/* テーブル */

	#content table.pet {
		border-collapse: collapse;
		margin: 0px 50px 10px;
		width: 780px;
	}

	#content table.pet th {
		padding: 5px;
		font-weight: normal;
		background: #C3D8D3;
		border: 1px solid #663300;
	}

	#content table.pet td {
		padding: 5px;
		text-align: center;
		border: 1px solid #663300;
	}

	#content table.compose {
		border-collapse: collapse;
		margin: 0px 50px 10px;
	}

	#content table.compose th {
		padding: 5px;
		font-weight: normal;
		background: #C3D8D3;
		border: 1px solid #663300;
	}

	#content table.compose td.img {
		padding: 0px 10px;
		border: 1px solid #663300;
		border-right: none;
	}

	#content table.compose td.text {
		padding: 0px 20px 0px 0px;
		border: 1px solid #663300;
		border-left: none;
	}

	#content table.lank {
		border-collapse: collapse;
		margin: 0px 35px 10px;
	}

	#content table.lank th {
		padding: 5px 10px;
		font-weight: normal;
		background: #C3D8D3;
		border: 1px solid #663300;
	}

	#content table.lank th.lank {
		padding: 5px 20px;
		font-weight: normal;
		background: #CFD8C3;
		border: 1px solid #663300;
	}

	#content table.lank td {
		padding: 5px;
		text-align: center;
		border: 1px solid #663300;
	}

	#content table.restore {
		border-collapse: collapse;
		margin: 0px 35px 10px;
	}

	#content table.restore th {
		padding: 5px 10px;
		font-weight: normal;
		background: #C3D8D3;
		border: 1px solid #663300;
	}

	#content table.restore td {
		padding: 5px;
		border: 1px solid #663300;
	}

	#content table.restore td.text {
		padding: 5px 10px;
		border: 1px solid #663300;
	}