@charset "UTF-8";



/*------00 1st configuration--------------------------------------------------------------*/
#collagen_txt01 {font-size:40px;}
section#collagen div#collagen_txt02 h3 {font-size:22px;}
section#collagen ul#collagen_voice li {font-size:15px;}



/*------collagen------------------------------------------------------------------------------*/
.page_collagen section#price {
	padding-bottom:120px;
}

section#collagen div.box {
	padding-bottom:70px;
}

section#collagen #collagen_txt01 {
	margin-top:60px;
	color:#fb832f;
	text-align:center;
	font-weight:normal;
}
section#collagen #collagen_txt01 span {/*グラデ*/
	padding:0px 0px 5px 10px;
background:-moz-linear-gradient(top,rgba(255,233,224,0) 0%,rgba(255,233,224,0) 50%,rgba(255,233,224,1) 51%,rgba(255,233,224,1) 90%,rgba(255,255,0,0) 91%,rgba(255,255,0,0) 100%);
background:-webkit-linear-gradient(top,rgba(255,233,224,0) 0%,rgba(255,233,224,0) 50%,rgba(255,233,224,1) 51%,rgba(255,233,224,1) 90%,rgba(255,255,0,0) 91%,rgba(255,255,0,0) 100%);
background:linear-gradient(to bottom,rgba(255,233,224,0) 0%,rgba(255,233,224,0) 50%,rgba(255,233,224,1) 51%,rgba(255,233,224,1) 90%,rgba(255,255,0,0) 91%,rgba(255,255,0,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe9e0',endColorstr='#ffe9e0',GradientType=0);
}

section#collagen div#collagen_txt02 {
	float:left;
	width:380px;
	margin:40px 0px 0px 20px;
}

section#collagen ul#collagen_voice {
	float:right;
	width:522px;
	margin-top:30px;
}
section#collagen ul#collagen_voice li {
	float:left;
	width:161px;
	height:167px;
	margin:10px 10px 0px 0px;
	display:table;
background:linear-gradient(135deg,#ffebda 0%,#ffebda 50%,#ffffff 51%,#ffffff 100%);
	box-shadow:3px 3px 1px #ff791a;
	border-radius:10px;
}
section#collagen ul#collagen_voice li:nth-of-type(6) {
	background:transparent;
	text-align:center;
	box-shadow:none;
}
section#collagen ul#collagen_voice li span {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
section#collagen ul#collagen_voice li img {
	width:158px;
	height:auto;
	padding-top:35px;
}



section#collagen dl#collagen_shikumi01 {
	float:left;
	width:420px;
	margin:30px 0px 0px 30px;
	margin-left:40px;
	position:relative;
}
section#collagen dl#collagen_shikumi01 dt {
	padding:410px 12px 0px 12px;
}
section#collagen dl#collagen_shikumi01 dd {
	position:absolute;
	top:0px;
	left:0px;
}
section#collagen dl#collagen_shikumi01 dd img {
	width:400px;
	height:auto;
}
section#collagen dl#collagen_shikumi02 {
	float:right;
	width:457px;
	width:480px;
	margin:210px 30px 0px 0px;
	position:relative;
	background-image:url(../_pic/_bg/collagen_shikumi_arrow.gif);
	background-repeat:no-repeat;
	background-position:0px 15px;
}
section#collagen dl#collagen_shikumi02 dt {
	padding:228px 0px 0px 85px;
}
section#collagen dl#collagen_shikumi02 dd {
	position:absolute;
	top:0px;
	left:60px;
}
section#collagen dl#collagen_shikumi02 dd img {
	width:384px;
	height:auto;
}



section#collagen div.box_left {
	float:left;
	width:470px;
	margin:20px 20px 0px 0px;
}
section#collagen div.box_right {
	float:right;
	width:470px;
	margin:20px 0px 0px 0px;
}
section#collagen div.box_left dl dt,
section#collagen div.box_right dl dt {
	text-align:center;
}
section#collagen div.box_left .title_petit,
section#collagen div.box_right .title_petit {
	width:450px;
}
section#collagen div.box_left img,
section#collagen div.box_right img {
	width:100%;
	height:auto;
	padding-bottom:15px;
}
section#collagen div.box_left dl dd,
section#collagen div.box_right dl dd {
	margin:10px 15px 0px 15px;
}



section#collagen img#bg_collagen_monitor {
	padding-top:90px;
}