@charset "utf-8";

/* clearfix
------------------------------------------------ */
.clearfix:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	font-size: 0;
	content: ".";
}

.clearfix {
	clear: both;
	*zoom: 1;
}



#ocontents {
	background: url(/img/enjoy/designnail/bg.png) no-repeat center 65px;
	padding:0 0 65px 0;
	}

#footer {
	border:none;
	margin-top:0;
	}

#fixedwrap {
	width:100%;
	position:relative;
	z-index:9999;
	background:#fff;
	}
#fixedwrap{
	padding-top:15px;
	}

/*----------------------------------------------------------inner contents-----------*/
#ocontents .designnail {
	width:980px;
	margin:45px auto 0;
	padding:0 0 20px 0;
	}

#ocontents .designnail a {
	color:#222;
	}

/**/
#ocontents .designnail h2 {
	float:left;
	width:267px;
	height:82px;
	text-indent:-9999px;
	margin-right:30px;
	/margin-right:15px;/*IE6、7*/
	}
#ocontents .designnail h2 {
	background:url(/img/enjoy/designnail/title_designnail.png) no-repeat top left;
	}

#ocontents .designnail h2 a{
	display: block;
	z-index: 99;
	height: 82px;
	width: 285px;
	position: relative;
	}

/*-------------------------------------------------
  使用アイテム
--------------------------------------------------*/
#ocontents .designnail .utility {
	float:left;
	width:530px;
	padding:0 0 0 110px;
	background:url(/img/enjoy/designnail/item/items.png) no-repeat left 46px;
	}

#ocontents .designnail .utility li {
	float:left;
	display:block;
	text-align:center;
	min-width:50px;
	padding-top:20px;
	}

#ocontents .designnail .utility li span {
	display:block;
	font-size:10px;
	line-height:1.2;
	}

#ocontents .designnail .utility li:last-child,
#ocontents .designnail .utility li.last-child {
	margin-right:0;
	}

#ocontents .designnail .type1 li {
	margin-right:10px;
	}

/*
#ocontents .designnail h3.name {
	position: relative;
	top: -32px;
	width: 265px;
	text-align:center;
	}
*/
#ocontents .designnail h3.name {
	position: relative;
	top: -32px;
	width: 265px;
	text-align: center;
	clear: both;
	}

#ocontents .designnail h3.name span {
	text-align:center;
	display:block;
	}

#ocontents .designnail h3.name span.name{
height: 31px;
    padding: 0;
    font-size: 20px;
    color: #E4007F;
	}

#ocontents .designnail h3.name span.name > img {
	max-width:100%;
	}

/*-------------------------------------------------
  movie
--------------------------------------------------*/
#ocontents .designnail .movie {
	clear:both;
	width:930px;
	position:relative;
	height:397px;
	/*margin:0 0 -41px;*/
	top:-41px;
	overflow:visible;
	background: url(/img/enjoy/designnail/bg_movie.png) no-repeat right 0px;
	z-index:100;
	}

#ocontents .designnail .movie iframe {
	position:absolute;
	top:27px;
	right:25px;
	z-index:99;
	width:615px;
	height:346px;
	}

#ocontents .designnail .movie h3 {
	position:absolute;
	top:0px;
	}

#ocontents .designnail .movie h3.itemname {
	padding:10px 0 20px;
	}
	
#ocontents .designnail .movie h3.itemname span {
	display:block;
	margin-top:5px;
	text-align:center;
	}

#ocontents .designnail .sns {
	background: url(/img/enjoy/designnail/btn_share.png) no-repeat right top;
	height: 108px;
	text-align: right;
	padding-right: 140px;
	padding-top:25px;
	overflow:visible;
	position:relative;
	right:-19px;
	top:-55px;
	}
/*-------------------------------------------------
  use_item
--------------------------------------------------*/
#ocontents .designnail .use_item {
	position: relative;
	/*top: -115px;
	margin-bottom:-100px;*/
	}
#ocontents .designnail .use_item dt {
	margin:0px 0 8px;
	}

#ocontents .designnail .use_item dd {
	margin:2px 0 30px 24px;
	font-size:13px;
	}

#ocontents .designnail .use_item p {
	float:left;
	text-align:center;
	margin-right:24px;
	min-width: 130px;
	margin-bottom:8px;
	}


#ocontents .designnail .use_item dd span{
	font-size:13px;
	margin-right:15px;
	}

#ocontents .designnail .use_item dd span.img {
	margin-top:1px;
	}


#ocontents .designnail .use_item dd span.name {
	margin-bottom:6px;
	}

#ocontents .designnail .use_item dd span.name img {
	margin-left:2px;
	}

#ocontents .designnail .use_item dd.color span {
	display:block;
	font-size:12px;
	}

#ocontents .designnail .use_item dd a {
	margin-left:-12px;
	}

/*-------------------------------------------------
  list
--------------------------------------------------*/
#ocontents .designnail #category {
	margin:35px 0 0 35px;
	}

#ocontents .designnail #category .list  {
	width:965px;
	}

#ocontents .designnail #category .notes {
	width:900px;
	margin:0 auto;
	text-align:right;
	}

#ocontents .designnail #category .list li {
	width:205px;
	float:left;
	margin-right:35px;
	}

#ocontents .designnail #category .list li img {
	width:100%;
	height:auto;
	}

#ocontents .designnail .list .img {
	position:relative;
	padding:5px 0;
	}

#ocontents .designnail .list .nailname {
	text-align:center;
	margin:0px 0 0;
	padding:0 0 15px;
	width:180px;
	}

#ocontents .designnail .list .img .new {
	position:absolute;
	top:0px;
	left:5px;
	width:59px;
	height:62px;
	}

#ocontents .designnail .list .star3 .nailname {
	background:url(/img/enjoy/designnail/icon/icon_star3.png) no-repeat center bottom;
	}

#ocontents .designnail .list .star2 .nailname {
	background:url(/img/enjoy/designnail/icon/icon_star2.png) no-repeat center bottom;
	}

#ocontents .designnail .list .star1 .nailname {
	background:url(/img/enjoy/designnail/icon/icon_star1.png) no-repeat center bottom;
	}


/*-------------------------------------------------
  top
--------------------------------------------------*/
#ocontents #index.designnail h1 {
	margin-bottom:5px;
	margin-left:-1px;
	}

#ocontents .designnail #categoryselect {
	background:url(/img/enjoy/designnail/bg_category.png) no-repeat center top;
	color:#fff;
	height:37px;
	width:950px;
	margin:0 auto;
	position:relative;
	}

#ocontents .designnail #categoryselect span.cat {
	display:block;
	font-size:15px;
	border-right:2px solid #fff;
	float:left;
	padding:9px 26px 9px 28px;
	}

#ocontents .designnail #tags {
	margin:0px 0 0 23px;
	float:left;
	width:780px;
	}

#ocontents .designnail #tags select option:hover {
	background:#dfceee
	}

#ocontents .designnail #tags .cat {
	position:relative;
	float:left;
	}

#ocontents .designnail #tags .cat > div {
	padding-top:7px;
	position:relative;
	}

#ocontents .designnail #tags select {display:none}

#ocontents .designnail #tags .cat p {
	float:left;
	padding-top:9px;
	padding-right:9px;
	margin:0;
	}


#ocontents .designnail #tags .cat.color,
#ocontents .designnail #tags .cat.mode,
#ocontents .designnail #tags .cat.star {
	width:260px;
	}
#ocontents .designnail #tags .cat.star{
	margin-right:0;
	}

#ocontents .designnail #tags a {
	color: #b187d5;
	}

/*-------------------------------------------------
  step
--------------------------------------------------*/
#ocontents .designnail .step {
	width:975px;
	margin:0 auto;
	overflow:hidden;
	background:url(/img/enjoy/designnail/step/bg_step_top.png) no-repeat center top;
	padding-top:52px;
	}

#ocontents .designnail .step > div {
	background:url(/img/enjoy/designnail/step/bg_step_btm.png) no-repeat center bottom;
	padding-bottom:52px;
	}

#ocontents .designnail .step > div > div {
	background:url(/img/enjoy/designnail/step/bg_step_cnt.png) repeat-y center bottom;
	}

#ocontents .designnail .step > div > div  > div {
	position:relative;
	left:65px;
	background: url(/img/enjoy/designnail/step/title_howto.png) no-repeat left 9px;
	padding-top: 65px;
	}

#ocontents .designnail .step dl {
	width:289px;
	float:left;
	position:relative;
	background:url(/img/howto/icon_arrow.gif) no-repeat 245px 82px;
	text-align:left;
	margin:0 0 10px;
	height:290px;
	}

#ocontents .designnail .step dl.lastchild {
	background:none;
	}

#ocontents .designnail .step dl dt {
	padding-top:10px;
	width:235px;
	margin:0;
	text-align:center;
	}

#ocontents .designnail .step dl dt > img {
	width:94.4%;
	height:auto;
	}

#ocontents .designnail .step dl dt span {
	position:absolute;
	top:0;
	left:0;
	width:43px;
	}

#ocontents .designnail .step dl dt span img {
	max-width:100%;
	height:auto;
	}

#ocontents .designnail .step dl dd {
	width:220px;
	margin:0 0 0 10px;
	text-align:left;
	line-height:150%;
	font-size:12px;
	padding:10px 0 0;
	color:#3f3532;
	}

#ocontents .designnail .step  h4 {
	left:10px;
	}

#ocontents .designnail .step dl.pointon {
	width:235px;
	}

#ocontents .designnail .step dl dd.over {
	width:230px;
	}

#ocontents .designnail .step dl.point {
	float:left;
	background:url(/img/enjoy/designnail/step/bg_point.png) no-repeat left top;
	width:338px;
	position:relative;
	overflow:visible;
	margin-top:10px;
	margin-bottom:0px;
	height:290px;
	}

#ocontents .designnail .step dl.point dt {
	width:140px;
	position:relative;
	left:27px;
	top:27px;
	}

#ocontents .designnail .step dl.point dd p {
	width:115px;
	left:160px;
	top:36px;
	position:absolute;
	line-height:1.4;
	color:#fff;
	}

#ocontents .designnail .step dl.point dd {
	background:url(/img/howto/icon_arrow.gif) no-repeat 94% 76px;
	overflow:visible;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:99;
	height:130px;
	width:100%;
	}

/*left*/
#ocontents .designnail .step dl.point.lefton {
	background:url(/img/enjoy/designnail/step/bg_point2.png) no-repeat left top;
	width:290px;
	left:-24px;
	}

#ocontents .designnail .step dl.point.lefton dt {
	width:135px;
	}

#ocontents .designnail .step dl.point.lefton dd p {
	width:85px;
	left:157px;
	}

#ocontents .designnail .step dl.point.lefton dd {
	background:url(/img/howto/icon_arrow.gif) no-repeat 97.8% 75px;
	overflow:visible;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:99;
	height:140px;
	width:100%;
	}



#ocontents .designnail .btn_more {
	margin:30px 0 0;
	text-align:center;
	}

/*----------------------------------------------------------class-----------*/
.lsp30 {
	letter-spacing:30px;
	text-indent:30px;
	}

.disnon {
	display:none;
	}