
@charset "Shift_JIS";

#main-area {
	width:670px;
	float:right;
	display:inline;
	margin-right: 13px;
}

#howto-title{
	background-image: url(/ayl/images/cadeau_titles_howto.jpg);
}
.unique-title{
	width:670px;
	height:0px;
	margin-top:0px;
	background-repeat: no-repeat;
	background-position: 0 0;
	_margin-left:5px;
	padding-top: 100px;
	overflow: hidden;
}

.margin-t10{margin-top:10px;}

.clr_both { clear: both;font-size:2px; line-height:1;}

#desc-area {
	background-image: url(/ayl/images/howto_description_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	width:470px;
	padding-right: 200px;
	font-size: 14px;
	line-height: 24px;
	min-height:195px;
}

#use li {
	float: left;
	zoom:1;
}

#e-ayl {
	background-image: url(/ayl/images/e-ayl_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: 20px;
	position: relative;
}

#e-ayl-title {
	position: absolute;
	top: 0px;
	left: 214px;
}

#e-ayl-txt {
	font-size: 12px;
	line-height: 20px;
	position: absolute;
	left: 217px;
	top: 74px;
}

#point2 {
	margin-top: 60px;
}

#greeting-area li {
	text-align: center;
	width: 125px;
	float: left;
	padding-top: 180px;
	background-repeat: no-repeat;
	font-size: 12px;
	line-height: 20px;
	margin-right: 11px;
	margin-top: 15px;
}

#greeting-area {
	width: 680px;
	margin-right: -10px;
}

#greeting01 {background-image: url(/ayl/images/howto_greeting01.jpg);}
#greeting02 {background-image: url(/ayl/images/howto_greeting02.jpg);}
#greeting03 {background-image: url(/ayl/images/howto_greeting03.jpg);}
#greeting04 {background-image: url(/ayl/images/howto_greeting04.jpg);}
#greeting05 {background-image: url(/ayl/images/howto_greeting05.jpg);}
#greeting06 {background-image: url(/ayl/images/howto_greeting06.jpg);}
#greeting07 {background-image: url(/ayl/images/howto_greeting07.jpg);}
#greeting08 {background-image: url(/ayl/images/howto_greeting08.jpg);}
#greeting09 {background-image: url(/ayl/images/howto_greeting09.jpg);}
#greeting10 {background-image: url(/ayl/images/howto_greeting10.jpg);}

#noshi-area,#wrapping-area {
	width: 680px;
	margin-right: -10px;
}
#noshi-area li {
	background-repeat: no-repeat;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	float: left;
	width: 78px;
	padding-top: 112px;
	margin-right: 6px;
}
#noshi01 {background-image: url(/ayl/images/howto_noshi01.jpg);}
#noshi02 {background-image: url(/ayl/images/howto_noshi02.jpg);}
#noshi03 {background-image: url(/ayl/images/howto_noshi03.jpg);}
#noshi04 {background-image: url(/ayl/images/howto_noshi04.jpg);}
#noshi05 {background-image: url(/ayl/images/howto_noshi05.jpg);}
#noshi06 {background-image: url(/ayl/images/howto_noshi06.jpg);}
#noshi07 {background-image: url(/ayl/images/howto_noshi07.jpg);}
#noshi08 {background-image: url(/ayl/images/howto_noshi08.jpg);}
#noshi09 {background-image: url(/ayl/images/howto_noshi09.jpg);}
#noshi10 {background-image: url(/ayl/images/howto_noshi10.jpg);}
#noshi11 {background-image: url(/ayl/images/howto_noshi11.jpg);}
#noshi12 {background-image: url(/ayl/images/howto_noshi12.jpg);}

#wrapping-area li {
	background-repeat: no-repeat;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	float: left;
	width: 125px;
	padding-top: 130px;
	margin-right: 11px;
	margin-bottom: 10px;
}


#wrapping01 {background-image: url(/ayl/images/howto_wrapping01.jpg);}
#wrapping02 {background-image: url(/ayl/images/howto_wrapping02.jpg);}
#wrapping03 {background-image: url(/ayl/images/howto_wrapping03.jpg);}
#wrapping04 {background-image: url(/ayl/images/howto_wrapping04.jpg);}
#wrapping05 {background-image: url(/ayl/images/howto_wrapping05.jpg);}
#wrapping06 {background-image: url(/ayl/images/howto_wrapping06.jpg);}
#wrapping07 {background-image: url(/ayl/images/howto_wrapping07.jpg);}
#wrapping08 {background-image: url(/ayl/images/howto_wrapping08.jpg);}
#wrapping09 {background-image: url(/ayl/images/howto_wrapping09.jpg);}
#wrapping10 {background-image: url(/ayl/images/howto_wrapping10.jpg);}
#wrapping11 {background-image: url(/ayl/images/howto_wrapping11.jpg);}
#wrapping12 {background-image: url(/ayl/images/howto_wrapping12.jpg);}
#wrapping13 {background-image: url(/ayl/images/howto_wrapping13.jpg);}
#wrapping14 {background-image: url(/ayl/images/howto_wrapping14.jpg);}
#law {
	font-size: 12px;
	line-height: 20px;
	padding-left: 20px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #020202;
}



/*----------read-area----------*/

#read-area{
	background-image: url(/ayl/images/reed_bg.jpg);
	background-repeat: no-repeat;
	background-color: #e4f0ef;
	background-position: 0px 0px;
	width: 670px;
	position: relative;
	height:inherit!important;min-height:158px;_height:158px;
}
#read-area p{
	font-size: 12px;
	position: absolute;
}

#read01{left: 76px;top: 68px;}
#read02{left:301px;top: 68px;}
#read03{left:521px;top: 68px;}
#read04{left: 76px;top:128px;}
#read05{left:301px;top:128px;}

#read-area p a:link {color:#330000;text-decoration:none;}
#read-area p a:visited {color:#330000;text-decoration:none;}
#read-area p a:active  {color:#330000;text-decoration:none;}
#read-area p a:hover {color:#ff0000;text-decoration:underline;}
