#concept img{
	display: block;
}

#cnt{
	padding-top: 0;
}

#infow{
background: rgb(255,214,226);
background: -moz-linear-gradient(-45deg, rgba(255,214,226,1) 0%, rgba(255,255,255,1) 50%, rgba(255,214,226,1) 100%);
background: -webkit-linear-gradient(-45deg, rgba(255,214,226,1) 0%,rgba(255,255,255,1) 50%,rgba(255,214,226,1) 100%);
background: linear-gradient(135deg, rgba(255,214,226,1) 0%,rgba(255,255,255,1) 50%,rgba(255,214,226,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd6e2', endColorstr='#ffd6e2',GradientType=1 );
}

#info{
	width: 900px;
	margin: 0 auto 0 auto;
}

#info_l,
#info_r{
	width: 450px;
	float: left;
}

#info:after{
	content			: "";
	display			: block;
	clear			: both;
}


/** cover **/

#cover{
	width: 450px;
	height: 500px;
	text-align: center;
	background: url(img/cover.gif) no-repeat #fff;
}

#cover h2{
	position: relative;
	font-size: 10px;
	line-height: 16px;
	height: 110px;
	padding-top: 40px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#cover h2 span{
	position: relative;
	font-size: 26px;
	letter-spacing: 3px;
}

#cover h2 span:after,
#cover h2 span:before{
	content			: "";
	display			: block;
	clear			: both;
	display: inline-block;
	width: 80px;
	border-bottom: 1px solid #000;
}

#cover h2 span:before{
	position: absolute;
	bottom: 15px;
	left: -100px;
}

#cover h2 span:after{
	position: absolute;
	bottom: 15px;
	right: -100px;
}

#cover .photo{
	width: 410px;
	height: 274px;
	overflow: hidden;
	margin: 0 auto 25px auto;
}

#cover .photo:hover img{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

#cover .name{
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
}

#cover .name span{
	color: #e3afbe;
}

#cover .size{
	font-size: 10px;
	letter-spacing: 0.5px;
	line-height: 22px;
}

#cover .name em,
#cover .size em{
	font-size: 10px;
	font-weight: normal;
	color: #89622e;
}


/** news **/

#news{
	background:  rgba(255, 255, 255, 0.7);
	height: 350px;
}


/** maga **/

#maga{
	display: inline-block;
	vertical-align: top;
	width: 450px;
	height: 150px;
	text-align: left;
	position: relative;
	background: url(./img/maga.png) no-repeat , #ffe2eb;
}

#maga div{
	width			: 150px;
	position: absolute;
	top: 89px;
	left: 290px;
}

#maga em{
	margin			: 0 5px 0 0;
}

#maga em input{
	display: inline-block;
	background: #fff;
	-webkit-transition	: 0.2s ease-in-out;
	-moz-transition	: 0.2s ease-in-out;
	-o-transition	: 0.2s ease-in-out;
	transition		: 0.2s ease-in-out;
}

#maga em input:hover{
	opacity			: 0.7;
	filter			: alpha(opacity=70);
}

#maga span{
	display			: block;
	padding			: 89px 0 0 25px;
}

#maga span input{
	width			: 260px;
	font-family		: Meiryo,"MS PGothic",Osaka,Serif;
	padding			: 2px;
	font-size		: 11px;
	border			: 1px solid #ccc;
	border-radius		: 2px;
	-webkit-border-radius	: 2px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}


/** companion **/

#companion .top_title{
	position: relative;
	font-size: 10px;
	line-height: 20px;
	height: 160px;
	padding-top: 70px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#companion .top_title:after{
	content			: "TOKYO LUXURY DELIVERY HEALTH";
	display			: block;
	clear			: both;
	font-size: 10px;
	line-height: 12px;
	letter-spacing: 3px;
	display: inline-block;
	position: absolute;
	top: 42px;
	left: 50%;
	margin-left: -123px;
}

#companion .top_title span{
	position: relative;
	font-size: 32px;
	letter-spacing: 3px;
}

#companion .top_title span:after,
#companion .top_title span:before{
	content			: "";
	display			: block;
	clear			: both;
	display: inline-block;
	width: 90px;
	border-bottom: 1px solid #000;
}

#companion .top_title span:before{
	position: absolute;
	bottom: 17px;
	left: -110px;
}

#companion .top_title span:after{
	position: absolute;
	bottom: 17px;
	right: -110px;
}

#companion .top_title:after,
#companion .top_title span{
	font-family: FontA;
}

#companion{
	text-align: center;
}

#companion ul{
	font-size: 0;
	line-height: 0;
	text-align: center;
}

#companion li{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 295px;
	height: 285px;
}

#companion li .photo{
	width: 285px;
	height: 190px;
	overflow: hidden;
}

#companion li .photo:hover img{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

#companion li .name{
	width: 285px;
	height: 45px;
	font-size: 10px;
	font-weight: bold;
	line-height: 20px;
	letter-spacing: 1px;
	text-align: right;
	color: #89612e;
	padding: 20px 10px 0 0;
	position: absolute;
	z-index: 10;
	top: 145px;
	left: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
#companion li .name:before{
	content			: "";
	display			: block;
	clear			: both;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 45px 285px;
	border-color: transparent transparent rgba(255, 255,255, 0.85) transparent;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
}

#companion li .name a{	font-size: 13px;}

#companion li .txt{
	width: 285px;
	font-size: 11px;
	line-height: 20px;
	text-align: center;
	color: #591919;
	background: #fff;
}

#companion li .size{
	width: 285px;
	font-size: 10px;
	line-height: 16px;
	text-align: left;
	letter-spacing: 1px;
	padding: 6px 0 0 0;
}

#companion li .size em{
	color: #89622e;
}

#companion li .icon{
	display: inline-block;
	position: absolute;
	top: 215px;
	left: 255px;
}

#companion .combt{
	text-align: center;
}

#companion .combt a{
	display: inline-block;
	width: 270px;
	font-size: 16px;
	line-height: 20px;
	padding: 15px 0;
	color: #fff;
	text-align: center;
	text-decoration: none;
	-webkit-appearance: none;
	border-radius: 0px;
	border: 1px solid #ff85ae;
	box-shadow:0px 0px 0px 1px #ff9dbd inset;
	-moz-box-shadow:0px 0px 0px 1px #ff9dbd inset;
	-webkit-box-shadow:0px 0px 0px 1px #ff9dbd inset;
	background-color: #ff8fb4;
	background: -webkit-linear-gradient(90deg, #ff85ad 0%, #ff9abc 50%, #ff85ad 100%);
	background: -moz-linear-gradient(90deg, #ff85ad 0%, #ff9abc 50%, #ff85ad 100%);
	background: -o-linear-gradient(90deg, #ff85ad 0%, #ff9abc 50%, #ff85ad 100%);
	background: -ms-linear-gradient(90deg, #ff85ad 0%, #ff9abc 50%, #ff85ad 100%);
	background: linear-gradient(0deg, #ff85ad 0%, #ff9abc 50%, #ff85ad 100%);
	-webkit-transition	: 0.2s ease-in-out;
	-moz-transition	: 0.2s ease-in-out;
	-o-transition	: 0.2s ease-in-out;
	transition		: 0.2s ease-in-out;
}

#companion .combt a:hover{
	opacity			: 0.8;
	filter			: alpha(opacity=80);
}