/*
.content{
	width:1920px;
	height:1200px;	
	}
*/
/*index*/	
.indexMiddleContent{
	clear:both;
	width:100%;
	height:50%;
	}
.indexMiddleContent img{
	width:100%;
	}
.whatsNew{
	float:right;
	width:18%;
	min-width:165px;
	margin:1% 3% 0 0;
	}
.newLocate{
	float:left;
	margin:1% 0 0 3%;
}
.whatsNewTitle{
	width:94%;
	clear:both;	
	}
.indexNewList{
	width:95%;
	font-size:14px;
	line-height:2em;
	margin:3% 0 0 6%;
	}

.indexProducts,.singleNews{
	clear:both;	
	}
.indexNewListImage, .singleNewsContent, .indexPinkTile{
	float:left;	
	}
.singleNewsContent{
	width:43%;
	margin-bottom:20px;
	}
.indexPinkTile{
	margin:3px;
	width:5.7%
	}			
.indexNewListImage{
	width:43%;
	/*height:140px;*/
	background:#000;
	border:1px #e8749b solid;
	margin-left:5px;
	margin-top:2%;
	}
	
.indexNewListImage img{
	display:block;
	}
	
.indexBottomProducts{
	clear:both;
	width:83%;
	height:28%;
	position:absolute;
	bottom:0;	
	}
.indexBottomProducts img{
	width:100%;
	}
.indexBottomProductsTitle{
	width:7%;
	height: 17%;
	margin-left:2.5%;
	clear:both;
	
	}
.indexProducts{
	margin-left:3%;
	width:90%;
	/*height:83%;*/
	}

.indexProduct{
	/*2013-08-25*/
	float:left;
	text-align:center;
	font-size:14px;
	line-height:1.4em;
	margin-right:4%;
	width:17%;
	height:90%;
	}
.indexProduct .small img{
	width:90%;
	}
.indexProductInfo01{
	/*2013-08-25*/
	width:100%;
	z-index:3;
	margin-top:-12%;
	height:3.5em;
	/*margin-left:5%;*/
	font-weight:bold;
	/*display:none;*/
	}
.indexProductInfo01 a{
	color:#FFF;
	}
.indexProductInfo02{
	/*2013-08-25*/
	width:100%;
	z-index:3;
	margin-top:-20%;
	display:none;
	height:5em;
	overflow:hidden;
	}
.indexProductInfo02 a{
	color:#FFF;
	}			
.footer{
	position:absolute;
	width:14.6%;
/*	right:0;*/
	bottom:2%;
/*	text-align:right;*/
	font-size:14px;
	margin-right:1%;;	
	z-index:10;
	}
.footer .copyright{
	width:250%;

/*	margin-left:-670%;*/
	height:1em;
	overflow:hidden;
	}		
/*news List*/
.newsListMiddleContent{
	clear:both;
	width:100%;
	height:70%;
	}	
.newsList{
	width:72%;
	height:100%;
	margin:0 auto;
	}
.newsListTitle{
	margin-top:4%;
	width:35%;
	}
.newsListTitle img{
	width:100%;
	}
.newsListPage{
	margin-top:3%;
	width:95%;
	text-align:right;
	}
.newsListPage ul li{
	display:inline-block;
	padding-left:1%;
	}
.newsListPage a{
	font-size:18px;
	line-height:1.5eml;
	color:#FFF;
	font-weight:bold;
	}
.newsListPage a:hover,a.onPage{
	color:#FB0165;
	}
.pinkTile, .newListContent, .newsListPicturePosition, .newContent, .newsPinkTile, .newsPicturePosition{
	float:left;	
	}
.pinkTile{
	width:12px;
	height:12px;
	margin-top:4%;
	margin-right:10px;
	padding-top:7px;
	}									
.newListContent{
	width:55%;
	font-size:18px;
	line-height:1.5em;
	margin-top:4%;
	}
.newsListPicture{
	/*2013-08-28*/
	overflow:hidden;
	width:22.7%;
	height:18%;
	background:#000;
	border:6px #ffffff solid;
	margin-left:6%;
	position:absolute;
	z-index:2;
	clear:both;
	}

.newsListPictureImage{
	/*2013-08-28*/
	position:absolute;
	z-index:2;
	width:100%!important;
	/*height:18%;*/
	}	
.newsListPictureImage img{
	width:100%;	
	}
		
.newsListPictureSelection{
	width:100%;
	margin-top:18.5%;
	position:absolute;
	z-index:3;
	clear:both;
	}
	
.over{
	/*2013-08-27*/
	display:none;
	}
	
.prev{
	width:9%;
	float:left;
	}
	
.next{
	width:8.3%;
	float:right;	
	}
.prev img, .next img{
	width:100%;
	}	
.newsListOption{
	clear:both;
	margin-top:2%;
	width:94%;
	height:28%;
	}
	
/*News*/
.newsSlide{
	float:left;
	width:45%;
	height:90%;
	overflow:hidden;
	}
.newContent{
	width:90%;
	font-size:18px;
	line-height:2em;
	
	}
.newsPinkTile{
	width:12px;
	height:12px;
	margin-right:10px;
	padding-top:7px;
	}
	
.newsPicture{
	/*2013-08-28*/
	overflow:hidden;
	width:30.1%;
	height:49.2%;
	background:#000;
	border:6px #ffffff solid;
	margin-left:6%;	
	position:absolute;
	z-index:2;
	clear:both;
	}

.newsPictureImage{
	/*2013-08-25*/
	position:absolute;
	z-index:2;
	width:100%!important;
	height:100%;
	overflow:hidden;
	}
	
.newsPictureImage img{
	width:100%;
	}		
	
.newsPictureSelection{
	width:100%;
	margin-top:45%;
	position:absolute;
	z-index:3;
	clear:both;
	}
.newsOption{
	clear:both;
	margin-top:2%;
	width:94%;
	height:80%;
	}
/*about*/
.aboutMiddleContent{
	clear:both;
	width:100%;
	height:70%;
	}
.aboutContent, .aboutImage{
	float:left;
	}
.aboutContentPosition{
	width:80%;
	height:100%;
	margin:2% 0 0 16%;
	}
.aboutLeftContent{
	width:47%;
	height:100%;
	font-size:16px;
	line-height:2em;
	float:left;
	}
.aboutRightContent{
	float:left;
	width:28%;
	}
.aboutRightContent img{
	width:100%;
	}	
.aboutTitle{
	width:27.5%;
	}
.aboutTitle img{
	width:100%;
	}
.aboutContent02{
	width:60%;
	height:70%;
	margin-left:10%;
	}						
.aboutContent02 img{
	width:100%;
	}
.scrollSpace{
	height:95%;	
	}
.up,.down{
	width:56%;
	height:3%;
	}
.up img, .down img{
	width:100%;
	}	
/*AD*/
.aboutMiddleContent{
	clear:both;
	width:100%;
	height:70%;
	}
.ADContentPosition{
	width:80%;
	height:100%;
	margin:4% 0 0 14%;
	}
.ADContentPosition img{
	width:100%;
	}
.portfolioTitle{
	width:100%;
	}
.portfolioTitle img{
	width:100%;
	}		
.video{
	width:100%;
	margin-top:6%;
	clear:both;
	border:1px solid #666;
	}
.AD{
	float:right;
	width:34%;
	height:7.8%;
	margin-bottom:2%;
	}
.AD img{
	width:100%;
	}	

.ADLeft{
	width:46.5%;
	height:482px;
	float:left;
	margin-top:2%;
	}	
.video img{
	width:100%;
	}
.portfolio{
	float:left;
	width:31%;
	font-size:18px;
	line-height:2em;
	}
.portfolioContent{
	/*2013-08-27*/
	margin-left:16%;
	line-height:1.8em;
	}
/*AD_1*/
.videoClip{
	display:none;
	position:absolute;
	z-index:3;
	width:100%;
	height:100%;
	}
.videoGrayBg{
	background:rgba(38,38,38,.8);
	width:54%;
	height:67%;
	border:#c9c9c9 1px solid;
	margin-top: 0;
	margin-right: 18%;
	margin-bottom: 0;
	margin-left: 18%;
	}
.close{
	float:right;
	margin:1.4%;
	}
.videoImage{
	clear:both;
	width:95.2%;
	height:89.3%;
	margin:0 auto;
	}
	
.videoImage img{
	width:100%;
	}			

	
/*about_p1*/	
.about_p1_Title{
	width:22%;	
	clear:both;
	}
.about_p1_Title img{
	width:100%;
	}
.about_p1_LeftContent, .about_p1_RightContent{
	float:left;
	}
.about_p1_LeftContent{
	width:45%;
	}	
.about_p1_ContentPosition{
	width:80%;
	height:100%;
	margin:2% 0 0 16%;
	}
.about_p1_ContentDetail{
	width:100%;
	height:700px;
	clear:both;
	}
.about_p1_ContentMask{
	overflow:hidden;
	width:90%;
	height:90%;
	float:left;
	background: url(../images/about_p1_09.png) no-repeat;
	}
.about_p1_ContentScroll{
	width:7%;
	height:90%;
	float:left;
	margin-left:2%;
	}	
.plant{
	clear:both;
	width:100%;
	font-size:14px;
	line-height:1.8em;	
	}
.plantImage{
	width:27.2%;
	float:left;
	text-align:center;
}
.plantImage img{
	width:90%;
}
.plantContent{
	width:70%;
	float:left;
	margin:1%;
	margin-bottom:5%;
}
.about_p1_RightContent{	
	width:51%;
	height:90%;
	margin-left:3%;
	}
.drTitle{
	width:62%;
	}
.drTitle img{
	width:100%;
	}		
.drEvidence, .drPortfolio{
	font-size:14px;
	line-height:1.5em;
	width:100%;
	clear:both;
	}
.drPhoto, .drPortfolioContent{
	float:left;
	margin-right:3%;
	margin-top:1%;
	}
.drPhoto{
	width:28%;
	}
.drPhoto img{
	width:100%;
	}
.drPortfolioContent{
	width:65%;
	}
		
/*Product*/	
.productMiddleContent{
	clear:both;
	width:100%;
	height:70%;
	}
.allProductSet{
	clear:both;
	width:65%;
	padding-top:2.3%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}
.productLeft, .allProductImage{
	float:left;
	}
.productLeft{
	width:70%;
	}	
.allProductImage{
	/*2013-08-28*/
	width:22%;
	height:28%;
	margin-left:2%;
	text-align:center;
	}
.allProductImage img{
	/*2013-08-28*/
	width:90%;
	}	
.productTitle{
	clear:both;
	width:32%;
	height:18%;
	}
.productContent{
	clear:both;
	font-size:14px;
	line-height:1.8em;
	}
.more{
	float:right;
	margin:1%;
	color:#ffa5c3;
	}
.more a{
	color:#ffa5c3;
	font-size:14px;
	}
/*product All*/
.productAllMiddleContent{
	clear:both;
	width:85%;
	height:90%;
	margin:0 auto;
	}
.productAllContent{
	float:left;
	width:50%;
	height:55%;
	margin-left:8%;
	}
.productAllImage{
	float:left;
	width:35%;
	height:55%;
	}
.productAllImage img{
	width:100%;
	margin-top:10%;
	}	
.productAllList{
	clear:both;
	width:100%;
	height:45%;
	}
.productAllListPosition{
	z-index:3;
	position:absolute;
	width:85%;
	height:30%;	/*background: #09C;*/
	}	
.productAllTitle, .productAllSubTitle, .productAllContent{
	clear:both;
	}
.productAllTitle{
	width:45%;
	margin-top:10%;
	}
.productAllTitle img{
	width:100%;
	}
.productAllTitle02{
	width:23%;
	margin-left:8%;
	}
.productAllTitle02 img{
	width:100%;
	}			
.productAllSubTitle{
	width:60%;
	}
.productAllSubTitle img{
	width:100%;
	}	
.productAllContentDetail{
	width:95%;
	font-size:13px;
	line-height:1.8em;
	}
	
.productAllContentDetail li{
	width:95%;
	font-size:13px;
	line-height:1.8em;
}
.productAllListBg{
	z-index:3;
	position:absolute;
	top:44%;
	width:74%;
	left:5%;
	
	}
	
.productMainTitle {
	font-size: 20px;
	color:#dfae62;
}


.productAllListBg img{	
	width:100%;	
	margin-left:6%;
	}	
.productAllItems{
	width:100%;
	z-index:4;
	position:absolute;
	margin-left:10%;
	margin-top:0.5%;
	height:60%;
	}
.productAllItem{
	width:10%;
	font-size:16px;
	text-align:center;
	float:left;	/*margin-left:2%;*/
	margin-right:5px;
	}
.productAllItem_less{
	width:8%;
	font-size:16px;
	text-align:center;
	float:left;	/*margin-left:2%;*/
	margin-right:3%;
	}
.productAllItem a,.productAllItem_less a{
	color:#FFF;
	display:block;
	}
.productAllItem img, .productAllItem_less img{
	margin-top:12%;
	width:90%;
	}
.productAllItemImage{
	width:105%;
/*	margin:0 auto;*/
	margin-top:-9%;
	}
.productAllItemContent{
	position:absolute;
	z-index:5;
	top:70%;
	width:9.7%;
	
	}
.productAllItemContentMargin{
	width: 100%;
	margin: 0 auto;
	margin-top: 26px;
	/*margin-left: 1%;*/
	}
/*single Page*/
.productAllContentSingle{
	float:left;
	width:60%;
	height:55%;
	margin-left:9.5%;
	}
.productAllSubTitleSingle{
	width:90%;
	}
.productAllSubTitleSingle img{
	width:95%;
	}
.productAllTitleSingle{
	width:100%;
	margin-top:2%;
	padding-left:5%;
	font-size: 16px;
	}
.productAllTitleSingle img{
	width:100%;
	}
.productAllImageSingle{
	float:left;
	width:25%;
	height:55%;
	}
.productAllImageSingle img{
	width:100%;
	margin-top:10%;
	}
.productAllContentDetail ul{
	list-style-image:url(../images/master/pink%20_tile.png);
	font-size:14px;
	line-height:1.5em;
	margin-left:3%;
}		
.pd_declare{
	position:absolute;
	bottom:6%;
	left:15%;
	font-size:11px;
	text-align:center;
	z-index:12;
	}
	
.idx_declare{
	bottom:2%;
	left:50%;
	}
	
.aboutContent01,.productContent,.productAllContentDetail,.productAllSubTitle{
	margin-left:20px;
}

/* method page */
.methodMiddleContent{
	margin-top:20px;
}

.method{
	float: left;
	margin-left:10px;
	margin-top:20px;
	height:300px;
	 display:inline;
}
.product_name_desc{
	width:150px;
	text-align:center;
	font-size:18px;
	
	
}

.kose_type{
	background-color: rgb(204,0,102);
	height: 28px;
	font-size: 17px;
	padding-top: 10px;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	width:150px;
	
}

.kose_title{
	margin-top: 70px;
	border-radius: 70px;
	border: rgb(204,0,102) 3px solid;
	width: 140px;
	height: 140px;
	font-size: 16px;
	float:left;
	margin-left:20px;
	margin-right:20px;
	text-align:center;
	margin-bottom: 120px;
}
.allmethod{
	float:left;
	magin-top:20px;
}


@media screen and (max-width:10000px){
	.productAllListPosition{
		margin-top:60px;
	}
	.productAllContentDetail{
		font-size:14px;
	}
	.productAllContentDetail li{
		font-size:14px;
	}
	.productAllTitleSingle{
		font-size:17px;
	}
	
}

@media screen and (max-width:1400px){
	.productAllListPosition{
		margin-top:60px;
	}
	
	.productAllContentDetail{
		font-size:13px;
	}
	.productAllContentDetail li{
		font-size:13px;
	}
	.productAllTitleSingle{
		font-size:15px;
	}
	
	.productAllItemContentMargin{
		font-size:10px;
	}
}

@media screen and (max-width:980px){
	.productAllListPosition{
		margin-top:40px;
	}
	
	.productAllContentDetail{
		font-size:9px;
	}
	.productAllContentDetail li{
		font-size:10px;
	}
	.productAllTitleSingle{
		font-size:12px;
	}
	
	.productAllItemContentMargin{
		font-size:8px;
	}
}


@media screen and (max-width:10000px){
	.footer .copyright{
		font-size:16px;
	}
}

@media screen and (max-width:1479px){
	.footer .copyright{
		font-size:15px;
	}
}

@media screen and (max-width:1388px){
	.footer .copyright{
		font-size:14px;
	}
}

@media screen and (max-width:1297px){
	.footer .copyright{
		font-size:13px;
	}
}

@media screen and (max-width:1206px){
	.footer .copyright{
		font-size:12px;
	}
}

@media screen and (max-width:1115px){
	.footer .copyright{
		font-size:11px;
	}
}

@media screen and (max-width:1114px){
	.footer .copyright{
		font-size:10px;
	}
}