@charset "UTF-8";

/************************************************/
/* トップページ用CSS */
/* LastUpdate 17:15 2012/10/16 */
/************************************************/
/*----------------------------------------------*/
/* Global */
/*----------------------------------------------*/
.no-bg {
	/* デフォルト背景消去 */
	background: none;
}
#Pankuzu{ 
	width: 1200px !important;
	margin: -30px auto 17px !important;
}
#MainArea {
	width: 100% !important;
}
.hoverlink:hover{opacity: 0.7;filter: alpha(opacity=70);-webkit-transition: opacity 1s ease-out;-moz-transition: opacity 1s ease-out;-ms-transition: opacity 1s ease-out;transition: opacity 1s ease-out;}

#creamgenmai1603{
	background: #f8f7f4;
	border-top: 7px double #1b1b1b;
	border-bottom: 7px double #1b1b1b;
	position: relative;
	width: 1150px;
	margin: 0 auto;
	padding: 25px;
}
#creamgenmai1603 .cf:before,
#creamgenmai1603 .cf:after {
	content: " ";
	display: table;
}
#creamgenmai1603 .cf:after {
	clear: both;
}
#creamgenmai1603 .cf {
	*zoom: 1;
}
#creamgenmai1603:before{content: "";display: block;position: absolute;left: 0;top: -9px;width: 100%;height: 2px;background: #1b1b1b;}
#creamgenmai1603:after{content: "";display: block;position: absolute;left: 0;bottom: -9px;width: 100%;height: 2px;background: #1b1b1b;}
#creamgenmai1603 #title{
	text-align: center;
	position: relative;
	z-index: 10;
}
#creamgenmai1603 #title .txt{
	width: 730px;
	margin: 2em 0 1em auto;
	font-size: 15px;
	text-align: left;
	line-height: 1.6;
	font-weight: bold;
}
#creamgenmai1603 #title .txt.small{
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	line-height: 2;
}
#creamgenmai1603 #point-01{
	position: relative;
	border: 7px double #1b1b1b;
	padding: 30px 20px 30px 315px;
	margin: 2.5em 0;
	min-height: 910px;
	z-index: 9;
}
#creamgenmai1603 #point-01:before{
	content: "";
	display: block;
	position: absolute;
	text-align: center;
	top: -17px;
	left: 0;
	background: url(../img/img_15.png) no-repeat center top;
	width: 100%;
	height: 32px;
}
#creamgenmai1603 #point-01:after{
	content: "";
	display: block;
	position: absolute;
	left:0;
	bottom: 0;
	background: url(../img/img_12.png) no-repeat left bottom;
	width: 100%;
	height: 1328px;
}
#creamgenmai1603 #point-01 h3{
	text-align: right;
	margin-bottom: 1.5em;
}
#creamgenmai1603 #point-01 .txt-01,
#creamgenmai1603 #point-01 .txt-02{
	font-size: 15px;
	line-height: 1.6;
}
#creamgenmai1603 #point-01 .txt-01{
	margin-left: 200px;
}
#creamgenmai1603 #point-01 .txt-02{
	margin-top: 465px;
	margin-left: 100px;
	margin-bottom: 1em;
}
#creamgenmai1603 #point-01 .txt{
	font-size: 11px;
	line-height: 2;
}
#creamgenmai1603 #point-01-next{margin: 3em 0;}
#creamgenmai1603 #point-01-next .float-left{
	float: left;
	width: 610px;
	padding: 10px 20px 20px;
	border: 3px solid #000;
}
#creamgenmai1603 #point-01-next .float-left h3{
	text-align: center;
	position: relative;
	top: -29px;
}
#creamgenmai1603 #point-01-next .float-left ul{
	margin-bottom: 2em;
	padding-bottom: 2em;
}
#creamgenmai1603 #point-01-next .float-left ul:last-child{
	padding-bottom: 0;
	margin-bottom: 0;
}
#creamgenmai1603 #point-01-next .float-left ul li{

}
#creamgenmai1603 #point-01-next .float-left ul{
	border-bottom: dotted 3px #000;
}
#creamgenmai1603 #point-01-next .float-left ul:last-child{
	border-bottom: none;
}
#creamgenmai1603 #point-01-next .float-left ul li.img{
	padding-top: 1em;
}
#creamgenmai1603 #point-01-next .float-left ul li.left{
	width: 140px;
	margin-right: 20px;
}
#creamgenmai1603 #point-01-next .float-left ul li.center{
	width: 300px;
	float: left;
	font-size: 120%;
	line-height: 1.8;
}
#creamgenmai1603 #point-01-next .float-left ul li.center h4{
	color: #e95383;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: .6em;
}
#creamgenmai1603 #point-01-next .float-left ul li.right{

}
#creamgenmai1603 #point-01-next .float-right{
	float: right;
	width: 230px;
	min-height: 350px;
	padding: 170px 0 0 260px;
	background: url(../img/img_19.jpg) no-repeat left top;
}
#creamgenmai1603 #point-01-next .float-right .txt{
	font-size: 120%;
	line-height: 1.7;
}
#creamgenmai1603 #point-02{
	position: relative;
	border: 7px double #1b1b1b;
	padding: 30px 20px;
	margin: 2.5em 0 5em;
	/* min-height: 910px; */
	z-index: 9;
}
#creamgenmai1603 #point-02:before{
	content: "";
	display: block;
	position: absolute;
	text-align: center;
	top: -20px;
	left: 0;
	background: url(../img/img_13.png) no-repeat center top;
	width: 100%;
	height: 32px;
}
#creamgenmai1603 #point-02:after{
	content: "";
	display: block;
	position: absolute;
	left:0;
	top: -50px;
	background: url(../img/img_16.png) no-repeat left bottom;
	width: 100%;
	height: 600px;
}
#creamgenmai1603 #point-02 h3{
	text-align: right;
	margin-bottom: 2em;
}
#creamgenmai1603 #point-02>.txt{
	font-size: 125%;
	width: 400px;
	line-height: 1.8;
	margin: 0 0 0 auto;
}
#creamgenmai1603 #point-02 .txt.small{
	font-size: 11px;
	margin-top: 5em;
}
#creamgenmai1603 #point-02 ul{
	margin: 5em 0 0;
}
#creamgenmai1603 #point-02 ul li{
	float: left;
	width: 33.33333%;
	/* padding: 0 2%; */
	text-align: center;
	box-sizing: border-box;
}
#creamgenmai1603 #point-02 ul li.center{
	/* margin: 0 .5%; */
	border-left: dotted 3px #000;
	border-right: dotted 3px #000;
}
#creamgenmai1603 #point-02 ul li h4{
	color: #e95383;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.6;
	margin-bottom: .6em;
}
#creamgenmai1603 #point-02 ul li h4 img{
	margin-bottom: 1em;
}
#creamgenmai1603 #point-02 ul li .txt{
	text-align: left;
	font-size: 120%;
	line-height: 1.6;
	width: 80%;
	margin: 0 auto;
}
#creamgenmai1603 #point-03{
	position: relative;
	border: 7px double #1b1b1b;
	padding: 30px 680px 30px 20px;
	margin: 2.5em 0;
	min-height: 500px;
	z-index: 9;
}
#creamgenmai1603 #point-03:before{
	content: "";
	display: block;
	position: absolute;
	text-align: center;
	top: -20px;
	left: 0;
	background: url(../img/img_14.png) no-repeat center top;
	width: 100%;
	height: 32px;
}
#creamgenmai1603 #point-03:after{
	content: "";
	display: block;
	position: absolute;
	right: -25px;
	top: 135px;
	background: url(../img/img_17.png) no-repeat right bottom;
	width: 652px;
	height: 484px;
}
#creamgenmai1603 #point-03 h3{
	margin-bottom: 2em;
}
#creamgenmai1603 #point-03 .txt{
	font-size: 120%;
	line-height: 1.6;
}
#recommend-area{
	margin: 7em 0 2em;
}
#recommend-area h3{
	font-size: 250%;
	font-weight: bold;
	text-align: center;
	color: #e95383;
	line-height: 1.8;
}
#recommend-area .list{
	overflow: hidden;
	margin: 1em 0 3em;
	padding-bottom: 3em;
	border-bottom: 1px solid #000;
}
#recommend-area .list:last-child{
	border-bottom: none;
}
#recommend-area .list li{
	float: left;
	width: 33.33333%;
	padding: 0 2% .5em;
	box-sizing: border-box;
}
#recommend-area .list li.center{
	border-left: 3px dotted #000;
	border-right: 3px dotted #000;
	/* margin: 0 .5%; */
	/* width: 28%; */
}
#recommend-area .list li>img{
	display: block;
	margin: 0 auto;
}
#recommend-area .list li h4{
	font-size: 130%;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center;
	color: #e95383;
	line-height: 3;
}
#recommend-area .list li .txt{
	font-size: 120%;
	line-height: 1.6;
}
#recommend-area .list li .txt.small{
	font-size: 90%;
	margin-top: 1.5em;
}
#creamgenmai-contact{
	text-align: center;
}
#creamgenmai-contact .button a:hover img{
	opacity: 0.7;filter: alpha(opacity=70);-webkit-transition: opacity 1s ease-out;-moz-transition: opacity 1s ease-out;-ms-transition: opacity 1s ease-out;transition: opacity 1s ease-out;
}
#creamgenmai-contact .txt{
	margin-top: 2em;
	line-height: 2;
}