@charset "UTF-8";
/*-----------------------------------------------

階層構造
セレクタは祖先要素から子孫要素へ（階層順）、同じ階層のものは上から下へ（出現順）
プロパティはボックスモデルの外側から内側へ

disply, float, visibility, position, oveflow
margin, padding, width, height
border, background
list-style
line-height, white-space
text
font
color
-----------------------------------------------*/


/*-------common--------*/


/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow:hidden;
	font-size:0.1em;
	line-height:0;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
li {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
	font-variant: normal;
}
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}
legend {
	color: #000;
}
/*
br {
	letter-spacing: 0;
	line-height:100%;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 10px;
}
*/
ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
li {
	padding: 0;
	margin: 0;
}
p {
	margin: 0;
	padding:0;
}
.nodisp {
	display: none;
}
img {
	border: none;
}
.clear {
	clear:both;
}
form {
	margin: 0;
}
hr {
	display: none;
}
.small {
	font-size:10px;
	line-height: 1.7em;
}
a {
	color:#3E3D33;
	text-decoration:none;
}
a:hover {
	color:#999999;
}
a:focus {
	outline:none;
}

.icon_new {
	margin-left:5px;
	vertical-align:-2px;
}

/*-------common--------*/


/*--------layout--------*/

body {
	height:100%;
	margin:0;
	padding: 0;
	background-color: #F7F8F9;
	line-height: 180%;
	font-size: 12px; /* Resets 1em to 10px */
	font-family:'CI', Meiryo, 'Lucida Grande', Verdana, 'qMmpS Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'lr oSVbN', sans-serif;/*	font-family: 'CI', Meiryo, 'Lucida Grande', Verdana, 'qMmpS Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'lr oSVbN', Arial, sans-serif; */
	color:#3E3D33;
}

#container {
	width:100%;
}
#wrapper {
	margin:0 auto;
	padding:60px 0 100px 0;
	width:980px;
}

/*--------layout--------*/

/*------------------------------------------------------------------------------
 #header
------------------------------------------------------------------------------*/
#header {
	width:980px;
	height:70px;
	margin:0 auto;
	padding-top:30px;
	text-decoration:none;
}
#header h1 {
	float:left;
	width:184px;
	height:53px;
	background:url(../images/h_logo.png) no-repeat;
}
#header h1 a {
	overflow: hidden;
	display:block;
	width:184px;
	height:53px;
	text-indent:-9999px;
}


/*------------------------------------------------------------------------------
 #h_navi
------------------------------------------------------------------------------*/
ul#h_navi {
	float:right;
	margin:15px 0 0 0;
	height:20px;
	border-left:1px solid #DEDFE0;
}

ul#h_navi li {
	float:left;
	border-right:1px solid #DEDFE0;
}

ul#h_navi li#h_navi1 a {
	display:block;
	padding:0 15px;
	width:35px;
	height:20px;
	background-image:url(../images/h_navi.png);
	background-color:#F7F8F9;
	background-repeat:no-repeat;
	background-position:14px -1px;
	text-indent:-9999px;
}

ul#h_navi li#h_navi2 a {
	display:block;
	padding:0 15px;
	width:60px;
	height:20px;
	background-color:#F7F8F9;
	background-image:url(../images/h_navi.png);
	background-repeat:no-repeat;
	background-position:-46px -1px;
	text-indent:-9999px;
}

ul#h_navi li#h_navi3 a {
	display:block;
	padding:0 15px;
	width:75px;
	height:20px;
	background-color:#F7F8F9;
	background-image:url(../images/h_navi.png);
	background-repeat:no-repeat;
	background-position:-130px -1px;
	text-indent:-9999px;
}

ul#h_navi li#h_navi4 a {
	display:block;
	padding:0 15px;
	width:100px;
	height:20px;
	background-color:#F7F8F9;
	background-image:url(../images/h_navi.png);
	background-repeat:no-repeat;
	background-position:-225px -1px;
	text-indent:-9999px;
}

/*
ul#h_navi li a:hover {
	background-color:#D2B48C;
}
*/

/*------------------------------------------------------------------------------
 #navi
------------------------------------------------------------------------------*/
#navi_area {
	border-top:4px #000000 solid;
	height:46px;
	background:#D2B48C;
	width: 100%;
	min-width: 1280px;
}

ul#navi {
	width:980px;
	height:46px;
	margin:0 auto;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #BFA47D;
}

ul#navi li {
	float:left;
	height:46px;
	border-right:1px solid #BFA47D;
}

ul#navi li#navi1 a {
	display:block;
	padding:0 20px;
	width:40px;
	height:46px;
	background-color:#D2B48C;
	background-image:url(../images/navi.png);
	background-repeat:no-repeat;
	background-position:15px 0;
	text-indent:-9999px;
}

ul#navi li#navi2 a {
	display:block;
	padding:0 20px;
	width:50px;
	height:46px;
	background-color:#D2B48C;
	background-image:url(../images/navi.png);
	background-repeat:no-repeat;
	background-position:-65px 0;
	text-indent:-9999px;
}

ul#navi li#navi3 a {
	display:block;
	padding:0 20px;
	width:125px;
	height:46px;
	background-color:#D2B48C;
	background-image:url(../images/navi.png);
	background-repeat:no-repeat;
	background-position:-150px 0;
	text-indent:-9999px;
}

ul#navi li#navi4 a {
	display:block;
	padding:0 20px;
	width:60px;
	height:46px;
	background-color:#D2B48C;
	background-image:url(../images/navi.png);
	background-repeat:no-repeat;
	background-position:-320px 0;
	text-indent:-9999px;
}

ul#navi li#navi5 a {
	display:block;
	padding:0 20px;
	width:70px;
	height:46px;
	background-color:#D2B48C;
	background-image:url(../images/navi.png);
	background-repeat:no-repeat;
	background-position:-423px 0;
	text-indent:-9999px;
}

ul#navi li#navi6 a {
	display:block;
	padding:0 20px;
	width:115px;
	height:46px;
	background-color:#D2B48C;
	background-image:url(../images/navi.png);
	background-repeat:no-repeat;
	background-position:-535px 0;
	text-indent:-9999px;
}

/*
ul#navi li a:hover {
	background-color:#BFA47D;
}
*/


.navi_area2 {
	background-color:#d2b48c;
	font-family: 'Bitter', serif;
	font-size:14px;
	letter-spacing:0.1em;
	color:#000000;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #000;
}

.navi_area2 ul {
	text-align: center;
	list-style:none;
	margin:0;
	padding:0;
}

.left_line {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #bfa47d;	
}


.navi_area2 ul li.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5ss;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #bfa47d;
	padding:15px;
	}

.navi_area2 ul li.hvr-fade a{
	color:#000;
}


.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
  background-color: #bfa47d;
  color: white;
}




/*------------------------------------------------------------------------------
 #footer
------------------------------------------------------------------------------*/
#footer_area1 {
	clear:both;
	height:100px;
	background:#D2B48C;
}

#f_link {
	margin:0 auto;
	width:980px;
}
#f_link ul {
	float:right;
	border-left:1px solid #BFA47D;
}

#f_link ul li {
	float:left;
	height:100px;
	border-right:1px solid #BFA47D;
}

#l_palcloset a {
	overflow:hidden;
	display:block;
	width:150px;
	height:100px;
	background-color:#D2B48C;
	background-image:url(../images/logo_palcloset.png);
	background-repeat:no-repeat;
	background-position:23px 36px;
	text-indent:-9999px;
}

#l_zozotown a {
	overflow:hidden;
	display:block;
	width:150px;
	height:100px;
	background-color:#D2B48C;
	background-image:url(../images/logo_zozotown.png);
	background-repeat:no-repeat;
	background-position:22px 41px;
	text-indent:-9999px;
}

#footer_area2 {
	height:50px;
	background:#B39973;
}

#f_copyright {
	margin:0 auto;
	padding-top:16px;
	width:980px;
}

#copyright {
	font-size:10px;
	color:#ffffff;
	float:left;
}

ul#f_navi {
	float:right;
}

ul#f_navi li {
	float:left;
	margin-left:20px;
}

ul#f_navi li a {
	color:#ffffff;
	font-size:10px;
	text-decoration:none;
}

ul#f_navi li a:hover {
	text-decoration:underline;
}


/*------------------------------------------------------------------------------
 #f_contents
------------------------------------------------------------------------------*/
#f_contents_area {
	background:#ffffff;
}

#f_contents {
	margin:0 auto;
	padding-bottom:30px;
	width:980px;
}

/*------------------------------------------------------------------------------
 #f_contents(Blog)
------------------------------------------------------------------------------*/
#f_c_blog {
	float:left;
	margin:0 45px 0 0;
	width:450px;
}

#f_c_blog #t_blog {
	margin-top:-1px;
	width:58px;
	height:28px;
	background:url(../images/t_blog2.png) no-repeat;
}

#f_c_blog #t_blog a {
	display:block;
	width:58px;
	height:28px;
	text-indent:-9999px;
	overflow:hidden;
}

#f_c_blog #t_blog_shop {
	overflow:hidden;
	margin:28px 0 12px 0;
	width:41px;
	height:10px;
	background:url(../images/t_blog_shop.png) no-repeat;
	text-indent:-9999px;
}

#f_c_blog #t_blog_press {
	overflow:hidden;
	margin:20px 0 12px 0;
	width:46px;
	height:10px;
	background:url(../images/t_blog_press.png) no-repeat;
	text-indent:-9999px;
}

#f_c_blog #feeds ul {
	width:450px;
	height:200px;
	list-style:none;
	overflow-y:scroll;
	clear:both;
}

#f_c_blog #feeds_press li,
#f_c_blog #feeds ul li {
	float:left;
	width:203px;
	height: 65px;
	padding: 0 12px 5px 0;
	font-size: 10px;
	line-height: 150%;
}

#f_c_blog #feeds_press li .shop_blog_date,
#f_c_blog #feeds ul li .shop_blog_date {
	margin-top:3px;
	color: #D2B48C;
}

#f_c_blog #feeds_press li .shop_blog_img a,
#f_c_blog #feeds ul li .shop_blog_img a {
	overflow: hidden;
	float:left;
	display: block;
	margin-right:5px;
	width: 47px;
	height: 60px;
}

#f_c_blog #feeds_press li .shop_blog_img a span,
#f_c_blog #feeds ul li .shop_blog_img a span {
	overflow: hidden;
	display: block;
	width: 47px;
	height: 60px;
}

#f_c_blog #feeds_press li .shop_blog_img img,
#f_c_blog #feeds ul li .shop_blog_img img {
	max-width: 60px;
	max-height: 90px;
	_width: 60px;
	_height: 90px;
}

/*
#f_c_blog #feeds ul li .noimage {
	display: block;
	width: 47px;
	height: 60px;
}

#f_c_blog #feeds ul li .noimage span {
	display: table-cell;
	width: 47px;
	height: 60px;
	text-align: center;
	vertical-align: middle;
}
*/

#f_c_blog #feeds_press li .noimage a,
#f_c_blog #feeds ul li .noimage a {
	overflow: hidden;
	background:url(../images/noimage_s.gif) no-repeat;
	text-indent:-9999px;
}



/*------------------------------------------------------------------------------
 #f_contents(Twitter)
------------------------------------------------------------------------------*/
#f_c_twitter {
	float:left;
	margin:0 45px 0 0;
	width:205px;
}

#f_c_twitter #twitter {
	margin:0;
}

#f_c_twitter #t_twitter {
	margin-top:-1px;
	width:100px;
	height:28px;
	background:url(../images/t_twitter2.png) no-repeat;
}

#t_twitter a {
	display:block;
	width:100px;
	height:28px;
	text-indent:-9999px;
	overflow:hidden;
}

#f_c_twitter #twitter-ticker {
	margin-top:50px;
	width:205px;
	height:300px;
}

#f_c_twitter #tweet-container {
	height:300px;
	width:auto;
	overflow:hidden;
}

.tweet {
	margin:0 12px 0px 0;	
	padding:7px 0 8px 0;
	border-bottom:1px solid #DCE1E7;
	width:auto;
	overflow:hidden;
}

.tweet .txt {
	clear:both;
	font-size:10px;
}

.tweet .avatar img,
.tweet .user,
.tweet .time {
	display:none;
}

#loading {
	margin:100px 95px;
}


/*------------------------------------------------------------------------------
 #f_contents(PAL CLOSET)
------------------------------------------------------------------------------*/
#f_c_palcloset {
	float:left;
	width:235px;
}

#f_c_palcloset #t_online a {
	display:block;
	margin-top:-1px;
	width:158px;
	height:28px;
	background:url(../images/t_online.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

#f_c_palcloset #palcloset_box {
	margin-top:50px;
	width:235px;
}

#f_c_palcloset #palcloset {
	width:235px;
	height:300px;
	overflow:auto;
	background:#fff;
}

#f_c_palcloset #palcloset li {
	float:left;
	padding:5px;
	background:#fff;

}

#f_c_palcloset #palcloset img {
	width:64px;
	height:80px;
	overflow:hidden;
}

p.sale {
 display: none;
}

/*------------------------------------------------------------------------------
 SNSボタン
------------------------------------------------------------------------------*/

#btn_twitter {
	margin: 0; 
	padding: 0;
	float:left;
}

#btn_facebook {
	margin: 0;
	padding: 0;
	float:left;
	width: 105px;
}

#btn_google {
	margin: 0;
	padding: 0;
	float:left;
	width: 70px;
}

#btn_mixi {
	margin: 0;
	padding: 0;
	float:left;
	width: 90px;
}

.strong {
	font-weight:bold;
}