@charset "UTF-8";

#shop #contents { position: relative; margin-top: 40px; font-size: 75%; padding-bottom: 40px; color: #333; }

a:link { color: #2A85B0; }
a:visited { color: #2A85B0; }
a:hover { color: #2A85B0; }
a:active { color: #2A85B0; }

/* top page */
h3 { margin: 14px 0 18px 0; }
ul.case {
	margin-top: 36px;
	height: 357px;
}
ul.case li { float: left; margin-right: 30px; }


h4 { clear: both; margin-bottom: 12px; }

div.skin { margin-top: 38px; width: 960px; overflow: hidden; }
div.skin p.ph {
	float: left;
	width: 207px;
}
div.skin ul {
	width: 752;
	float: left;
}
div.skin ul li {
	width: 238px;
	float: left;
	margin-left: 12px;
	display: inline;
	font-size: 84%;
	line-height: 1.6;
}
div.skin ul li p { margin-bottom: 5px; }

div.product {
	margin-top: 25px;
	width: 428px;
	padding-left: 537px;
	position: relative;
	line-height: 1.6;
	height: 600px;
}
div.product p.ph { position: absolute; left:0; top:0; }
div.product dl { margin-top: 10px; }
div.product dl dt,
div.product dl dd { display: inline; font-size: 84%; line-height: 1.4; }


div.present {
	position: absolute;
	bottom: 0;
	border: solid 2px #e5004f;
	padding: 30px;
	padding-left: 186px;
	height: 216px;
}
div.present p.item { position: absolute; left: 30px; }
div.present p.txt { width: 194px; font-size: 84%; margin-top: 10px; }
div.present p.btn {
	position: absolute;
	bottom: 30px;
}

p.next { text-align: center; margin-top: 40px; }

/* howto */

div.tech h4 { padding-bottom: 10px; border-bottom: solid 1px #f7b2ca; }
p.lead { margin-bottom: 32px; }
div.tech h4 { padding-bottom: 10px; border-bottom: solid 1px #f7b2ca; margin-top: 44px; }

div.section1 {
	position: relative;
	margin: 10px 0 0 88px;
	height: 230px;
}
div.section1 p { position: absolute; bottom: 0; line-height: 1.6; }
div.section1 p.txt1 { left: 166px; width: 190px; }
div.section1 p.ph { left: 390px; }
div.section1 p.txt2 { left: 454px; width: 190px; font-size: 84%; }
div.section1 p.txt3 { left: 562px; width: 190px; font-size: 84%; }
div.section1 p.txt4 { left: 504px; width: 190px; font-size: 84%; }

div.section2 {
	position: relative;
	margin: 10px 0 0 88px;
	height: 155px;
}
div.section2 p { position: absolute; bottom: 0; line-height: 1.6; }
div.section2 p.txt1 { left: 240px; width: 190px; }
div.section2 p.ph { left: 454px; }
div.section2 p.txt2 { left: 507px; width: 190px; font-size: 84%; }

p.backtop { text-align: right; margin-top: 20px; }


/* thanx */

#thanx { font-size: 76%; padding: 80px 0; line-height: 1.5; }
#thanx h3 { margin-bottom: 30px; }
#thanx p { margin-top: 10px; }

#thanx p.btn { margin-top: 40px; }