@charset "utf-8";
@import "reset.css";


/* ---全体--- */
body {
	background-image: url(../images/bg_main.png) !important;
	background-repeat: repeat-x !important;
	background-position: 0 0;
}
.wrap {
	margin: 0 auto;
	position: relative;
	width: 1200px;
	overflow: hidden;
	background: url(../images/bg_main.png) 0 0 repeat-x;
	zoom: 1;
}
#four {
	margin-top: 100px;
	float:right;
	width:210px;
	height: 404px;
	background: url(../images/menu.png) 0 0 no-repeat;
}
#four ul.menu {
	margin: 58px 28px 0;
}
#four ul li {
	margin-bottom: 9px;
}

#four ul.blog {
	margin: 43px 60px;
}

body {
	background: #e8e8e8;
}
h1 {
	margin: 0 auto;
	width: 980px;
	height: 796px;
	background: url("../images/main.jpg") 0 188px no-repeat;
}
h4 {
	margin: -7px 0 0 -10px;
}
span {
	padding-right: 40px;
}

/* ---コンテンツ--- */
.contWrap {
	margin: -20px auto 0;
	width: 860px;
}
.contents {
	margin-bottom: 18px;
}
.follow {
	margin: -555px 0 465px 262px;
	padding-right: 275px;
	width: 223px;
	background: url("../images/hand.png") 211px 32px no-repeat;
}
.follow p.f02 {
	margin: 11px 0 0 242px;
	width: 45px;
}

/* ---新着情報--- */
#news {
	padding-bottom: 40px;
	color:#333333;
	font-size: 12px;
}
#news .n01,
#news .n02 {
	margin: 0 auto;
	width: 856px;
}
.newsInn {
	margin: 0 0 40px 60px;
	float: left;
	width: 185px;
}
.news p {
	width: 696px;
	font-size: 14px;
}
.newsInn p,
.	Inn p {
	margin: 4px 0 0 23px;
}
.news ul {
	float: left;
	width: 590px;
}
.news li {
	margin-bottom: 6px;
}

/* ---バナー--- */

#bunner {
	padding: 50px;
}

.bunner .cri {
	float: left;
	padding-bottom: 50px;
}

.bunner .kataoka {
	padding-bottom: 50px;
}

/* ---ラインナップ--- */
.worksInn {
	margin: 0 0 30px 60px;
	float: left;
	clear: both;
	width: 185px;
}
.works .info {
	padding-top: 465px;
	color: #ffffff;
}
.works .info dl {
	float: right;
	width: 500px;
	font-size: 11px;
}
.works .info dt {
	margin-bottom: 10px;
	font-size: 20px;
}
.works .info dd dl.inn dt {
	margin: 0;
	float: left;
	width: 120px;
	font-weight: bold;
	font-size:12px;
	text-align: left;
}
#tsukigime.works .info dd dl.inn dt {
	margin: 0;
	float: left;
	width: 128px;
	font-weight: bold;
	font-size:12px;
	text-align: left;
	}
#mobile.works .info dd dl.inn dt {
	margin: 0;
	float: left;
	width: 100px;
	font-weight: bold;
	font-size:12px;
	text-align: left;
}
.works .info dd dl.inn dd {
	width: 400px;
}
.works p.btn {
	padding: 27px 160px 0 0;
	text-align: right;
}
.works p.mobailebtn {
	padding: 26px 306px 0 0;
	text-align: right;
}
#tsukigime .bottom {
	float: right;
	width: 1169px;
	height: 850px;
	background: url(../images/footer_t.jpg) 132px -36px no-repeat;
	}
#mobile .bottom {
	float: right;
	width:1007px;
	height: 1420px;
	background: url(../images/main_mo.jpg) -1px 0px no-repeat;
	}
#jungle .bottom {
	float: right;
	width: 1169px;
	height: 850px;
	background: url(../images/footer_j.jpg) 132px -36px no-repeat;
	}
#mystylist .bottom {
	width: 883px;
	height: 1402px;
	background: url(../images/main_m.jpg) 0 0 no-repeat;
	}
#tsukigime .info {
	padding: 465px 0 0 0;
	}	
#mobile .info {
	padding: 1060px 133px 0px;
	}
#jungle .info {
	padding: 412px 0 0 0;
	}	
#mystylist .info {
	padding: 1019px 0 0 0;
	color: #94204d;
}
#mystylist p.bg {
	margin: -554px 859px 520px;
}

#earth .info {
	height: 270px;
	color: #ffffff;
	padding: 393px 0 40px;
	background: url(../images/footer_e.jpg) 0 0 no-repeat;
}
#earth .info dl {
	width: 380px;
}

/* ボタン非表示時用プロパティ */
#earth .info dl.inn.last {
	margin-bottom: 25px;
}

#earth .shop {
	margin-left: 117px;
}
#earth .shop ul {
	padding-bottom: 140px;
	width: 613px;
}
#earth .shop ul li {
	margin: 80px 7px 0 0;
	float: left;
}
#earth .shop p {
	clear: both;
	font-size: 10px;
}

/* ---会社概要--- */
#company .companyInfo {
	height: 2050px;
	width: 865px;
}
#company .companyInfo ul li {
	color: #ffffff;
}
#company .companyInfo li.about {
	height: 446px;
}
#company .companyInfo li.philosophy {
	height: 258px;
}
#company .companyInfo li.contact {
	height: 255px;
	background: url(../images/company.jpg) 0 0 no-repeat;
	text-align: right;
}
#company .companyInfo li.media {
	height: 706px;
	padding: 7px 0 0 0;
	clear: both;
	background: url(../images/media_c.jpg) 0 0 no-repeat;
}
#company .companyInfo li.media ul {
    margin: 0px 74px 0 0;
	padding: 30px 37px 0 95px;
	overflow: scroll;
	overflow-x: hidden;
	width: 658px;
	height: 485px;
	text-shadow: 0px 0px 3px #000;
}
#company .companyInfo li.media ul li {
	margin-bottom: 11px;
	clear: both;
	text-align: left;
}
#company .companyInfo li.acsess {
	height: 325px;
	clear: both;
	background: url(../images/footer_c.jpg) 0 0 no-repeat;
}
#company .companyInfo li.acsess p.map {
	padding: 17px 87px;
	text-align: right;
}
#company .companyInfo li p.copy{
	padding: 121px 0 24px 73px;
	clear: both;
	font-size:10px;
}

#jungle .shareArea.jungleImg {
	padding: 118px 370px;
	width: 360px;
}
.shareArea.mobileImg {
	padding: 72px 210px 0;
}
.shareArea.tsukigimeImg {
	padding: 53px 373px 0;
}
.shareArea.stylistImg {
	padding: 75px 61px 0;
}
.shareArea.com02 {
	margin-top: -170px;
	float: left;
	padding-left: 73px;
}
.shareArea li {
	margin-right: 5px;
	float: left;

}
.shareArea li.gp {
	width: 35px;
}
.shareArea li.hb {
	width: 23px;
}
.shareArea.topimg {
	margin: -68px auto;
	padding: 0 486px 139px 0;
	width: 250px;
}