/*CSSDocument*/

/*Basic
******************************************/
#common{
	margin:0 auto;
	width:965px;
	background-image:url(/img/bg_idx.gif);
	background-position:top center;
	background-repeat:repeat-y;
}
#phj-bg {
	background-image:url(/img/bg_idx.gif);
	background-position:top center;
	background-repeat:repeat-y;
	float:left;
}

/*Layout
******************************************/
/*Menu
*********************/
#menu{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:308px;
	float:left;
	display:block;
}

/*Contents
*********************/
#contents{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:657px;
	float:right;
	display:block;
	clear:right;
}
#cn-title {
	margin:0px 1px 0px 0px;
	padding:0px 0px 0px 0px;
	height:630px;
	background-image:url(/idx-img/idx-img100830.jpg);
	background-repeat:no-repeat;
	display:block;
	clear:both;
}

/*Reckon itemBtn
******************************************/
#idx-btn {
	margin:0px 0px 0px 400px;
	padding:0px 0px 0px 0px;
	height:231px;
	display:block;
}
#idx-btn ul, #idx-btn li, #idx-btn li a { 
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-bottom:0px;
	list-style: none;
}
#idx-btn li, #idx-btn li a {
	text-decoration:none;
	float:left;
}
#idx-btn li{
	margin:331px 0px 0px 0px;
}


.reckon-01, .reckon-01 a, .reckon-01 a:hover, .reckon-02, .reckon-02 a, .reckon-02 a:hover {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-bottom:0px;
	width:128px;
	height:254px;
	background-repeat:no-repeat;
	float:left;
	display:block;
}

.reckon-01, .reckon-01 a { background-image:url(/idx-img/reckon_01_100830.gif);}
.reckon-01 a:hover { background-image:url(/idx-img/reckon_01_100830_on.gif);}

.reckon-02, .reckon-02 a { background-image:url(/idx-img/reckon_02_100830.gif);}
.reckon-02 a:hover { background-image:url(/idx-img/reckon_02_100830_on.gif);}


/*Navigation Area
******************************************/
#idx-logo {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:308px;
	height:274px;
	background-image:url(/img/penhaligons-idx.gif);
	background-repeat:no-repeat;
	display:block;
	clear:both;
}

/*01-btn
*********************/
.about, .about a, .about a:hover, .about-stay, .prdt, .prdt a, .prdt a:hover, .prdt-stay, .shop, .shop a, .shop a:hover, .shop-stay,  .blog, .blog a, .blog a:hover, .blog-stay, .news, .news a, .news a:hover, .news-stay {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-bottom:0px;
	width:308px;
	height:43px;
	background-repeat:no-repeat;
	display:block;
}
.news, .news a, .news a:hover, .news-stay {	height:47px; }

.about, .about a { background-image:url(/img/01_about.gif);}
.about a:hover, .about-stay { background-image:url(/img/01_about_on.gif);}

.prdt, .prdt a { background-image:url(/img/01_prdt.gif);}
.prdt a:hover, .prdt-stay { background-image:url(/img/01_prdt_on.gif);}

.shop, .shop a { background-image:url(/img/01_shop.gif);}
.shop a:hover, .shop-stay { background-image:url(/img/01_shop_on.gif);}

.blog, .blog a { background-image:url(/img/01_blog.gif);}
.blog a:hover, .blog-stay { background-image:url(/img/01_blog_on.gif);}

.news, .news a { background-image:url(/img/01_news.gif);}
.news a:hover, .news-stay { background-image:url(/img/01_news_on.gif);}

/*NEWS
*********************/
#idx-new{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:308px;
	height:100%;
	background-image:url(/img/idx_news_bg.gif);
	background-repeat:no-repeat;
	display:block;
	clear:both;
}
.news-txt{
	margin:0px 10px 0px 120px;
	padding:11px 0px 20px 0px;
}
p.news-data{
	padding:0px 0px 6px 0px;
	font-size:10px;
	color:#ffffff;
	letter-spacing:1px;
}
p.news-title {
	padding:0px 0px 0px 8px;
	line-height:16px;
	border-left:3px solid #473929;
}
p.news-read {
	font-size:10px;
	padding:8px 0px 0px 0px;
	width:178px;
	color:#cccccc;
	text-justify:newspaper;
}

/*footer
*********************/
.foot-box{
	margin:0px 0px 0px 308px;
	width:656px;
}