@charset shift_jis; 

#design { height: 758px; }

#design .photoTriggerWrap { padding: 0 0 0 173px;}

/* #color { height: 740px; } */
/* #color .bg { height: 740px; bottom:0!important; } */
.bodyColor { margin: 0 -40px;}
#color .targetWrap { height: 440px; margin: 0 0 15px; }
#color .triggerWrap { background: url(../image/clr_color_bg.png) no-repeat; width: 708px; height: 39px; margin: 0 auto; position: relative; }
#color .triggerWrap dl { padding: 11px 0 0 140px; }
#color .triggerWrap dt { font-size: 11px!important; float: left; height: 18px; line-height: 20px; margin: 0 3px 0 0; }
#color .colorCap { /* width: 708px; margin: 0 auto; */ text-align: center; font-size: 9px; }
#color .btn img { display: inline; }
#color .btn { text-align: center; }
#color .btn .pfix { margin: 0 10px 0 0;}
#color .colorCaution { color: #FF0000; width: 708px; margin: 0 auto; }
#view {  }

#view .image { position: absolute; right: 0; top: 137px; }


/* ----------------------------------------
	2013.12.11追記
---------------------------------------- */

#design {
	height: 1075px;
}

#coolEdition {
	position: relative;
	background: #000;
	width: 310px;
	height: 240px;
	margin: auto;
	padding: 27px 40px 0 630px;
}
#coolEdition img {
	display: block;
}

#coolEdition .ceImg {
	position: absolute;
	left: 65px;
	top: 0;
}

#coolEdition .ceTitle {
	margin-bottom: 38px;
}

#coolEdition .ceText {
	margin-bottom: 20px;
}


/* ----------------------------------------
	2013.12.13追記
---------------------------------------- */

#color .triggerWrap dl {
	padding-left: 88px;
}


/* ----------------------------------------
	2013.12.17追記
---------------------------------------- */

#color .colorCap {
	width: 708px;
	margin: auto;
	text-align: left;
}