/* top_mainimage */

div#top_mainimage {
	width:1200px;
	height:352px
}
div#top_mainimage:after {
	content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
div#top_mainimage h1 {
	width:328px; 
	height:222px;
	padding:100px 0 30px 117px !important;
	margin:0 !important;
	float:left;
	background-color:#F2F2F2;
}
div#top_mainimage h1 span {
	display:block !important;
	padding-bottom:16px;
}
div#top_mainimage p {
	width:755px; 
	float:right;
	padding:0 !important;
	margin:0 !important;
}




/* top_lead */

div#top_lead {
	width:967px;
	margin:60px 0px 20px;
	padding:0px 0px 80px;
	background-image:url(../img/img_top_lead.jpg);
	background-position:right 20px; 
	background-repeat:no-repeat;
}

div#pbProducts div#mainContents div#top_lead p {
	font-size: 15px !important;
	line-height:180% !important;
	color:#EC347C;
	margin-bottom:15px;
}
div#pbProducts div#mainContents div#top_lead p span {
	display:block;
	color:#EC347C;
}

div#pbProducts div#mainContents div#top_lead h2 {
	font-size: 16px !important;
	margin:0px 0px 5px !important;
	padding:0px 0 0 !important; 
	border-top:none !important;
	color:#EC347C;
	font-weight:bold;
}




/* top_btn */

div#top_btn {
	width:967px;
	margin:0 auto 24px;
}
div#top_btn:after {
	content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
div#top_btn a {
	width:309px;
	float:left;
	margin-right:20px;
	color:#FFF !important;
	border: 0px solid #CCCCCC;
	display:inline-block;
	overflow:hidden;
	box-sizing: border-box;
}
div#top_btn a dl {
	width:309px;
	display:block;
	margin:0;
	padding:0;
	overflow:hidden;

}
div#top_btn a:nth-last-child(1) {
	margin-right:0px;
}

/* hover */
div#top_btn a.hover{
	display:block;
	position:relative;
}
div#top_btn a.hover .frame{
	position:absolute;
	left:0;
	top:0;
	display:block;
	width:100%;
	height:100%;
	box-sizing:border-box;
	border:0px solid #fff;
}
div#top_btn a.hover.gray .frame{
	border:0px solid #e3e3e3;
}




div#top_btn a:hover,
div#top_btn a:hover dl {
	text-decoration:none;
}
div#top_btn a dl dt {
	margin:0;
	padding:0;
}
div#top_btn a dl dd {
	margin:0;
	padding:26px 20px;
	background-color:#EC347C;
	background-image:url(../img/img_top_arrow.jpg);
	background-position:95% 50%; 
	background-repeat:no-repeat;
	color:#FFF !important;
}
div#top_btn a dl dd span {
	display:block;
	color:#FFF !important;
	font-weight:bold;
}




/* attention */

div#attention {
	background-color:#E3E3E3;
	text-align:center;
	padding:18px 0;
}
div#attention p {
	display:inline-block;
	padding:3px 0 3px 29px;
	background-image:url(../img/icon_attention.jpg);
	background-position:0 4px; 
	background-repeat:no-repeat;
}




/* contact */

dl#contact {
	width:974px;
	padding:37px 110px 10px 117px;
	background-color:#F2F2F2;
	font-size: 11.5px !important;
}
dl#contact:after {
	content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
dl#contact dt {
	width:50px;
	float:left;
	padding-top:10px;
}
dl#contact dd {
	width:905px;
	float:left;
	border-left:1px solid #ACACAC;
	margin-left:5px;
	padding-left:7px;
}

/* firefox */
dl#contact,  x:-moz-any-link  {width:985px; padding:37px 99px 10px 117px; }
dl#contact dd,  x:-moz-any-link  {width:916px; }
/* firefox */




@media only screen and (max-width:640px) and (-webkit-min-device-pixel-ratio: 1.5){




	div#top_mainimage {
		width:100%;
		height:auto
	}
	div#top_mainimage h1 {
		width:auto; 
		height:auto;
		padding:12px 0 12px 10px !important;
		margin:0 !important;
		float:none;
		background-color:#F2F2F2;
	}
	div#top_mainimage h1 span {
		display:inline !important;
		padding:0 8px 0 0;
	}
	div#top_mainimage h1 img {
		height:20px;
	}
	div#top_mainimage p {
		width:100%; 
		float:none;
	}




	div#top_lead {
		width:96%;
		padding:5% 0 40%;
		margin:0 auto;
		background-image:url(../img/img_top_lead.jpg);
		background-position:bottom left; 
		background-repeat:no-repeat;
		background-size:90%;
	}
	div#pbProducts div#mainContents div#top_lead p {
		font-size: 12px !important;
		line-height:160% !important;
	}
	div#pbProducts div#mainContents div#top_lead p span {
		display:inline;
	}
	
	div#pbProducts div#mainContents div#top_lead p img{
		width:100%;
	}
		
	div#pbProducts div#mainContents div#top_lead h2 {
		font-size: 14px !important;
		margin:0px 0px 10px !important;
		padding:16px 0 0 !important; 
		border-top:none !important;
		color:#EC347C;
		font-weight:bold;
	}




	div#top_btn {
		width:100%;
	}
	div#top_btn a {
		width:100%;
		float:none;
		padding:0px !important;
		margin:0px 0px 2px !important;
		border:none !important;
	}
	div#top_btn a dl {
		width:100%;
		display:block;
		background-color:#EC347C;
		padding:0px !important;
		margin:0px !important;
	}
	div#top_btn a dl:after {
		content: ""; clear: both; height: 0; display: block; visibility: hidden;
	}
	div#top_btn a dl dt {
		font-size:0 !important;
		line-height:0 !important;
		width:45%;
		float:left;
		margin:0;
		padding:0;
	}
	div#top_btn a dl dt img {
		width:100%;
	}
	div#top_btn a dl dd {
		width:45%;
		float:left;
		padding:19px 0px 0 16px;
		background-position:100% 60%;
		background-size:5%; 
	}




	div#attention {
		padding:18px 16px;
		text-align:left;
	}
	div#attention p {
		padding:3px 0 3px 29px;
		font-size:14px;
		background-position:0 14px; 
	}




	dl#contact {
		width:100%;
		padding:24px 0px 10px;
		margin:0 auto;
		font-size: 11.5px !important;
	}
	dl#contact dt {
		width:90%;
		float:none;
		font-weight:bold;
		padding:0px 10px;
	}
	dl#contact dd {
		width:94%;
		float:none;
		border-left:none;
		margin-left:0px;
		padding:0px 0px 0 10px;
	}




}