@charset "utf-8";

/*--------------------------------------------
	TOPPAGE

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

body{ 
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	font-size:10px;
	line-height:1.4;
	color:#111111;
	background-color:#040000;
}
#wrap{
	width:900px;
	margin:0 auto;
	position:relative;
}
#wrap h1{padding:14px 0 20px 0;}
#wrap h2#title{
	position:absolute; top:334px; left:495px;
	font-size:10px;
	letter-spacing:-1px;
}

/*-------------------------------------------
	FOOTER

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

#footer_area{
	width:372px;
	float:left;
	margin-top:-3px;
	padding-right:60px;
}
#footer_area p{
	color:#ffffff;
	line-height:1.3;
}
#footer_area p a{color:#ffffff;}
#footer_icon{float:right;}
#footer_icon ul{}
#footer_icon ul li{ float:left; margin-right:8px;}
#footer_icon ul li.last{ margin-right:0px;}
#footer_icon ul li a:hover{opacity:0.8;}

/*--------------------------------------------
	PROFILE

*--------------------------------------------*/
#profile_wrap{
	width:626px;
	padding:17px;
	overflow: hidden;
}
#designer_profile{
	border-top:#231815 3px solid;
	border-bottom:#231815 3px solid;
	position:relative;
	padding:0 5px 20px 20px;
}
#profile_img{ position:absolute; top:12px; right:12px;}
#designer_profile h1{
	width:190px;
	float:left;
	margin:13px 18px 0 0;
}
#designer_info{
	float:left;
	font-size: 11px;
	line-height: 1.5;
	margin:25px 0 0 0;
}
#career{
	font-size:11px;
	line-height:1.6;
	margin:0 0 25px 1px;
}
#genre{letter-spacing:-1px;}
#store_logo{
	float:left;
	padding:0 0 0 0;
}
#concept{
	float:right;
	width:440px;
	font-size: 11px;
	line-height:1.6;
	letter-spacing: -0.5px;
}
#customer{
	float:left;
	font-size:11px;
	margin:0 54px 0 0;
	line-height:1.7;
}
#linker{
	font-size:11px;
}
#profile_icon{
	float:left;
	margin:8px 0 0 37px;
	position:relative;
}
#profile_icon ul{ width:360px; position:absolute; top:91px; left:64px;}
#profile_icon ul li{
	clear:both;
	margin-bottom:35px;
}
#profile_icon ul li img{
	float:left;
	margin-right:13px;
}
#profile_icon ul li a:hover img{opacity:0.8;}
#profile_icon ul li p{padding:14px 1px 13px 0;}

.businessList{ margin-bottom:15px;}
.businessList li{ float:left; margin-right:10px;}

.suppliersList{}
.suppliersList li{ float: left;}
.suppliersList li.list01{ width: 156px;}
.suppliersList li.list02{ width: 178px;}
.suppliersList li.list03{ width: 144px;}
.suppliersList li.list04{ width: 122px;}

#designerProfile{
	letter-spacing: -0.5px;
}

/*--------------------------------------------
	00. COMMON
	
*--------------------------------------------*/
/* maegin */
.fLeft{ float:left;}
.fRight{ float:right;}
.tLeft{ text-align:left;}
.tRight{ text-align:right;}

/* maegin */
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}

/* font */
.fs12{ font-size:12px;}
.fBold{ font-weight: bold;}

/*ChromeとOperaのみだけに適用されるCSSハック*/
_::content, _:future, .css_selector:not(*:root) { 
  background-color: ForestGreen;
}