/* BASIC LAYOUT */

body {
	margin:0px;
	padding:0px;
	background-color:#330000;
	background-image:url(http://ruinas.jp/pearlphantasia/img/head_bg.gif);
	background-repeat:repeat-x;
	font-size:10px;
	_font-size:62.5%;
}

#container {
	width:780px;
	margin:22px auto 0px;
	padding-top:20px;
	background-image:url(http://ruinas.jp/pearlphantasia/img/background.gif);
}



/* HEADER */

div#navigation {
	width:780px;
	margin-bottom:30px;
}


div#navigation div {
	float:left;
	width:130px;
	margin:0px 40px 0px 10px;
	_margin:0px 0px 0px 10px;
}

div#navigation ul {
	float:right;
	width:600px;
	margin:60px 0px 0px;
	padding:0px;
}

div#navigation ul li {
	float:left;
	width:100px;
	margin:0px;
	padding:0px;
	list-style-type:none;
	font-size:1.2em;
	color:#ffffff;
}

div#navigation ul li a {
	display:block;
	width:93px;
	border-right:solid 1px #ffffff;
	padding:3px;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
}

div#navigation ul li a.last {
	border-right:none;
}

div#navigation ul li a:hover {
	color:#ff9999;
	background-color:#660000;
}



/* MAIN */

div#main-bg {
	padding:0px 90px;
	background-image:url(http://ruinas.jp/pearlphantasia/img/bg_pattern.gif);
}

div#main {
	background-color:#330000;
	padding:0px 10px 10px;
}

div#main div#main-image {
	float:left;
	width:231px;
	margin:10px 40px 20px 0px;
}

div#main div#main-column {
	float:right;
	width:309px;
	margin:10px 0px 0px;
}

div#main h2 {
	width:500px;
	height:43px;
	margin:0px 0px 25px;
	padding:42px 0px 0px 100px;
	_padding:44px 0px 0px 80px;
	background-image:url(http://ruinas.jp/pearlphantasia/img/title_bg.gif);
	background-repeat:no-repeat;
	font-size:14px;
	color:#eecccc;
}



/* CONCEPT */

div#concept div#concept-image {
	float:left;
	width:311px;
	margin:0px 20px 20px 0px;
}



/* NEWS */

div#news-index {
	margin:0px 0px 0px 70px;
}

div#news-index dl {
	margin:0px;
}

div#news-index dt {
	float:left;
	width:8em;
	margin-bottom:1em;
	font-size:1.2em;
	line-height:1.6em;
	color:#ccaaaa;
}

div#news-index dd {
	margin-left:8em;
	margin-bottom:1em;
	font-size:1.2em;
	line-height:1.6em;
	color:#ccaaaa;
}

div#news-main {
	margin:0px 0px 0px 70px;
}

div#news-main h3 {
	margin:0px 0px 5px;
	border-bottom:solid 1px #996666;
	padding:0px 0px 5px;
	font-size:1.2em;
	line-height:1.6em;
	color:#eecccc;
}

div#news-main div#news-date {
	margin:0px 0px 20px;
	font-size:1.0em;
	color:#eecccc;
	text-align:right;
}

div#news-main div#backlink {
	margin:30px 0px 10px;
	border-top:solid 1px #996666;
	padding:5px 0px 0px;
	font-size:1.2em;
	line-height:1.6em;
	color:#eecccc;
	text-align:right;
}



/* SHOP INFO */

div#shop-index {
	width:160px;
	min-height:319px;
	_height:319px;
	margin:0px 0px 20px;
	padding-right:420px;
	background-image:url(http://ruinas.jp/pearlphantasia/img/top/main_image.gif);
	background-repeat:no-repeat;
	background-position:250px 0px;
}

div#shop-index ul {
	margin:0px;
	border-top:solid 1px #664444;
	padding:0px;
}

div#shop-index ul li {
	margin:0px;
	border-bottom:solid 1px #664444;
	padding:0px;
	list-style-type:none;
}

div#shop-index ul li a {
	display:block;
	width:160px;
	margin:0px;
	padding:5px 0px;
	font-size:1.2em;
	color:#ffffff;
	text-decoration:none;
}

div#shop-index ul li a:hover {
	color:#ff9999;
	background-color:#660000;
}

div#shopinfo-navi {
	float:left;
	width:160px;
	margin:0px 20px 20px 0px;
}

div#shopinfo-navi ul {
	margin:0px;
	border-top:solid 1px #664444;
	padding:0px;
}

div#shopinfo-navi ul li {
	margin:0px;
	border-bottom:solid 1px #664444;
	padding:0px;
	list-style-type:none;
}

div#shopinfo-navi ul li a {
	display:block;
	width:160px;
	margin:0px;
	padding:5px 0px;
	font-size:1.2em;
	color:#ffffff;
	text-decoration:none;
}

div#shopinfo-navi ul li a:hover {
	color:#ff9999;
	background-color:#660000;
}

div#shopinfo-main {
	float:right;
	width:400px;
}

div#shopinfo-main h3 {
	margin:0px 0px 15px;
	font-size:1.4em;
	color:#ffffff;
}

div#shopinfo-main div#shop-image {
	float:left;
	width:268px;
	margin:0px 15px 15px 0px;
}

div#shopinfo-main div#shop-status {
	float:right;

	width:117px;

	margin:0px 0px 15px;

}



div#shopinfo-main div#shop-comment {

	clear:both;

}



div#shopinfo-main div#shop-comment h4 {

	margin:0px 0px 5px;

	padding:3px;

	font-size:1.2em;

	color:#ffffff;

	background-color:#663333;

}







/* FOOTER */



address {

	padding:30px 0px 5px;

	text-align:center;

	font-style:normal;

	color:#ffffff;

}







/* COMMON */



img {

	border:0px;

}



p {

	margin:0px 0px 20px;

	font-size:1.2em;

	line-height:1.6em;

	color:#ccaaaa;

}



a {

	color:#cc9999;

	text-decoration:none;

}



a:hover {

	color:#dd8888;

	text-decoration:underline;

}







/* CLEARFIX */



.clearfix:after {

	content:".";

	display:block;

	clear:both;

	height:0;

	visibility:hidden;

}



.clearfix { display: inline-block; }

/* exlude MacIE5 \*/

* html .clearfix { height: 1% }

.clearfix {display:block;}

/* end MacIE5 */