@charset "utf-8";

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

 common.css

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

.ccm-form-area color {
	color: #f06;
}

/*  !!! hack concrete5 css !!! (dont change)  */
div.ccm-block-arrange, div.ccm-block {
 margin: 0 -4px !important;
 padding: 0px !important;
}

.cfloat:after {
 content: ".";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}

.zoom {
 zoom: 100%;
}

.date {
 font-family: serif !important;
 font-weight: normal !important;
}

a {
 color: #fff;
 text-decoration: none;
}

a:link {
 color: inherit;
}

a:visited {
 color: inherit;
}

a:active {
 color: inherit;
}

a:hover {
 color: inherit;
 text-decoration: underline;
}

a.underline {
 text-decoration: underline !important;
}

a.underline:hover {
 text-decoration: none !important;
}

a.extlink {
 background: url(images/icon_link-marker-dark.gif) no-repeat left center;
 padding-left: 12px;
}

a.extlink-light {
 background: url(images/icon_link-marker-light.png) no-repeat left center;
 padding-left: 12px;
 text-decoration: underline;
}

a.extlink-light:hover {
 text-decoration: none;
}

html {
background: #997D53 url(images/pieroth_estate/bg.jpg) repeat-x;
}

body {
	color: #fff;
/*	background: url(images/cointreau/canvas.jpg) top center no-repeat;
	background: url(images/elceibo/canvas_campaign.jpg) top center no-repeat;
	background: url(images/cider/canvas.jpg) top center no-repeat;
	background: url(images/loreal/canvas.jpg) top center no-repeat;
	background: url(images/mothersday/canvas.jpg) top center no-repeat;*/
}

/*
#wrapper {
	zoom: 100%;
	width: 1121px;
	width: 1298px;
	margin: 0px auto;
	position: relative;
	text-align: center;
}
*/

#head h1 {
	position: absolute;
	left: 64px;
	left: 152px;
	left: 0;
	top: -1px;
	z-index: 99;
	/*
	position: relative;
	border: 1px solid #f00;
	min-height: 200px;
	*/
}

h1 img {
	display: none;
}

#head h1 span {
	display: block;
	width: 302px;
	height: 98px;
	background: url(images/pieroth_estate/logo.png) 0 0 no-repeat;
	text-indent: -1999px;
}


/*-----------------------------------------------
 global navi
------------------------------------------------*/

#global_navi {
	background: url(images/pieroth_estate/bg_gn.png) 256px 0 no-repeat;
	width: 1023px;
	height: 95px;
	position: absolute;
	top: 0px;
	left: 0px;
	left: 88px;
	left: 0;
	text-align: left;
}

#global_navi ul {
	position: absolute;
	top: 30px;
	top: 32px;
	left: 371px;
	left: 459px;
	left: 369px;
	left: 302px;
}

#global_navi li {
 float: left;
}

#global_navi ul li a{
  position: relative;
  display: block;
  height: 30px;

  background-position: 0 0;
  background-repeat: no-repeat;
}

#global_navi ul li a.active{
  background-position: 0 -60px;
}

#global_navi ul li a:hover{
  background-position: 0 -30px;
}

/* 透過画像を使うため、spanで消す方法で */
#global_navi ul li a span{
  display: none;
}

/*
 * global navi に使う画像の幅
 * 高さは 30px 固定
 */
#faces{   width: 88px;}
#know{    width: 115px;}
#taste{   width: 88px;}
#balance{ width: 99px;}
#boutique{ width: 116px;}

/* 
 * gloval navi に使う画像
 * 上から、ノーマル, ホバー, アクティブ
 */
#faces {          background-image: url(images/gn_faces.png);}
#know {           background-image: url(images/gn_know.png);}
#taste {          background-image: url(images/gn_taste.png);}
#balance {        background-image: url(images/gn_balance.png);}
#boutique {        background-image: url(images/gn_boutique.png);}

#global_navi .summary {
 position: relative;
 width: 239px;
 height: 200px;
 z-index: 150;
 margin: 0;
}

#global_navi .hidden {
 display: none;
}

#global_navi div.faces {
 background: url(images/gn_faces_hover.png) no-repeat;
}

#global_navi div.know {
 background: url(images/gn_know_hover.png) no-repeat;
}

#global_navi div.taste {
 background: url(images/gn_taste_hover.png) no-repeat;
}

#global_navi div.balance {
 background: url(images/gn_balance_hover.png) no-repeat;
}

#global_navi div.boutique {
 background: url(images/gn_boutique_hover.png) no-repeat;
}


#big_footer_top {
margin: 6px auto 4px;
padding: 17px 0px 0px;
width: 1023px;
background: #6B6662;
}
	#big_footer_top h2 {
	margin-bottom: 15px;
	}
	#footer_left {
	margin-left: 24px;
	width: 333px;
	float: left;
	}
		#footer_category_left {
		width: 95px;
		float: left;
		}
		#footer_category_center {
		width: 95px;
		float: left;
		}
		#footer_category_right {
		width: 139px;
		float: left;
		}
	#footer_center {
	width: 390px;
	float: left;
	}
	
	#footer_right {
	margin-left: 24px;
	width: 231px;
	float: left;
	}

#big_footer_btm {
margin: 0px auto;
padding: 50px 0px 22px;
width: 1023px;
background: #4D4C4A url(/themes/shot/images/footer/bg_footer_btm.png) top left no-repeat;
}

#footer_blog_item {
	margin-left: 24px;
	width: 226px;
	float: left;
}
.editor_item01 {
	width: 158px;
	margin-left: 68px;
}


#footer_left ul {
line-height: 200%;
list-style: none outside none;
}
	#footer_left ul img {
	vertical-align: middle;
	}
	#footer_left ul li {
	color: #FFFFFF;
	font-weight: bold;
	}
	#footer_left ul li ul {
	margin-bottom: 16px;
	}
	#footer_left ul li li {
	font-size: 10px;
	font-weight: normal;
	}
	#footer_left ul li li a {
	color: #FFF;
	}

#footer_center .recommend_item {
background: url("/themes/shot/images/new_footer/recommended_hr.gif") left bottom no-repeat;
margin-bottom: 5px;
padding: 5px 0px 10px;
}
	#footer_center .recommend_item_btm {
	background: none;
	margin-bottom: 0px;
	padding: 5px 0px 0px;
	}
	#footer_center h3 a {
	color: #D1C8C0;
	}
	#footer_center p {
	color: #FFFFFF;
	line-height: 150% !important;
	padding: 0 20px 0 0;
	font-size: 10px;
	}
	#footer_center .recommend_item img , #footer_center .recommend_item_btm img {
	float: left;
	margin-right: 10px;
	border: 3px solid #434240;
	}

#footer_right .latest_item {
background: url("/themes/shot/images/new_footer/latest_hr.gif") no-repeat left bottom;
margin-top: 5px;
padding: 5px 0px 10px;
}
	#footer_right .latest_bottom {
	background: none;
	margin-top: 5px;
	padding-top: 5px 0px 0px;
	}
#footer_right .latest_item p {
line-height: 150% !important;
font-size: 10px;
color: #FFF;
}
	#footer_right .latest_item p a {
	color: #D1C8C0;
	}
#big_footer_btm p.blog_date , #big_footer_btm p.blog_text {
	color: #FFF;
	font-size: 10px;
	line-height: 150% !important;
	width: 158px;
}
	#big_footer_btm .photo {
	float: left;
	margin: 0px 10px 12px 0px;
	}

#big_footer_btm p.blog_title {
	margin-bottom: 10px;
	line-height: 130% !important;
	height: 1.3em;
	/*overflow: hidden;*/
}

#big_footer_btm p.blog_title a {
	color: #A49A90;
	display:block;
	float:left;
	height:1.3em;
	overflow:hidden;
	width:11.5em;
}
.blog_title span {
	color: #A49A90;
}

/* for new layout */
a {
 color: #333333;
 text-decoration: none;
}

html {
	/*
	background-color: #CDBAAA;
	*/
	background: #997D53 url(images/pieroth_estate/bg.jpg) repeat-x;
}

body {
	color: #333333;
	/* background: url(images/pieroth_estate/canvas_narrow.jpg) top center no-repeat; */
}

/*
#wrapper {
	zoom: 100%;
	width: 1121px;
	width: 1298px;
	margin: 0px auto;
	position: relative;
	text-align: center;
}
*/

#head {
	position: relative;
	width: 1023px;
	margin: 0px auto;
}
#foot {
 width: 1023px;
 margin: 5px auto 10px auto;
}

#foot td.navi {
 text-align: left;
}

#foot td.copy {
 text-align: right;
}

#foot td.copy table {
 float: right;
}

#foot td img {
 margin-right: 3px;
}

#foot td a {
 padding-right: 13px;
}

#foot td, #foot a {
 color: #FFF;
 font-size: 12px;
}



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

 Cleafix

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

.clearfix:after {  
	visibility: hidden;  
	display: block;  
	font-size: 0;  
	content: " ";  
	clear: both;  
	height: 0;  
}  
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */