@charset "Shift_JIS";
/* img FirefoxでもIEでも隙間なくimgを並べる方法 */
img {
	border:0;
	margin: 0px;
	padding: 0px;
}
.clearfloat {
	clear:both;
	font-size: 1%;
	line-height: 0px;
	height: 0px;
	background-color: #3333CC;
}

/* コンテンツエリアの DIV */
#ct_bg2 {
	font-size: 12px;
	line-height: 140%;
	margin: 0px;
	padding: 0px;
	background-color: #006600;
	width: 990px;
}
#mainbox {
	margin: 0px;
	padding: 0px;
	width: 980px;
}
/* 商品紹介ページの DIV */
#introbox  {
	float: left;
	width: 980px;
}
#flashcontent{
	height:607px;	
}
#introbox #menu {
	float: left;
	background-image: url(../images/int_07.jpg);
	width: 980px;
}
#introbox    div  {
	float: left;
	margin: 0px;
	padding: 0px;
}
#introbox #menu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: left;
}
#introbox #menu li {
	float: left;
}
#introbox #menu #menu1 a {
	background-image: url(../images/int_02.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 47px;
	width: 85px;
	text-indent: -9999px;
}
#introbox #menu #menu1 a:hover {
	background-image: url(../images/int_02.jpg);
	background-repeat: no-repeat;
	background-position: 0px -47px;
}
#introbox #menu #menu2 a {
	background-image: url(../images/int_02.jpg);
	background-repeat: no-repeat;
	background-position: -85px 0px;
	display: block;
	height: 47px;
	width: 85px;
	text-indent: -9999px;
}
#introbox #menu #menu2 a:hover {
	background-image: url(../images/int_02.jpg);
	background-repeat: no-repeat;
	background-position: -85px -47px;
}
#introbox #menu #menu3 a {
	background-image: url(../images/int_02.jpg);
	background-repeat: no-repeat;
	background-position: -170px 0px;
	display: block;
	height: 47px;
	width: 145px;
	text-indent: -9999px;
}
#introbox #menu #menu3 a:hover {
	background-image: url(../images/int_02.jpg);
	background-repeat: no-repeat;
	background-position: -170px -47px;
}
#introbox #menu #menu4 a {
	background-image: url(../images/int_02.jpg);
	background-repeat: no-repeat;
	background-position: -315px 0px;
	display: block;
	height: 47px;
	width: 150px;
	text-indent: -9999px;
}
#introbox #menu #menu4 a:hover {
	background-image: url(../images/int_02.jpg);
	background-repeat: no-repeat;
	background-position: -315px -47px;
}
#introbox #menu #menu5 a {
	background-image: url(../images/int_02.jpg);
	background-repeat: no-repeat;
	background-position: -465px 0px;
	display: block;
	height: 47px;
	width: 84px;
	text-indent: -9999px;
}
#introbox #menu #menu5 a:hover {
	background-image: url(../images/int_02.jpg);
	background-repeat: no-repeat;
	background-position: -465px -47px;
}
#mainbox #introbox #cont_left {
	height: 560px;
	width: 587px;
	float: left;
	clear: both;
}
#mainbox #introbox #cont_left #cont_left_1 {
	height: 312px;
	width: 587px;
}
#mainbox #introbox #cont_left #cont_left_2 {
	height: 248px;
	width: 587px;
}
#mainbox #introbox #cont_right {
	float: left;
	height: 560px;
	width: 393px;
}

/* 作り方ページの DIV */
#makebox  {
	float: left;
	width: 980px;
	margin: 0px;
	padding: 0px;
}
#makebox #menu {
	float: left;
	background-image: url(../images/mak_03.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 980px;
}
#makebox #menu ul {
	list-style-type: none;
	float: left;
	margin: 0px;
	padding: 0px;
}
#makebox #menu li {
	float: left;
}
#makebox #menu #menu1 a {
	background-image: url(../images/mak_02.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 53px;
	width: 53px;
	text-indent: -9999px;
}
#makebox #menu #menu1 a:hover {
	background-image: url(../images/mak_02.jpg);
	background-repeat: no-repeat;
	background-position: 0px -53px;
}
#makebox #menu #menu2 a {
	background-image: url(../images/mak_02.jpg);
	background-repeat: no-repeat;
	background-position: -53px 0px;
	display: block;
	height: 53px;
	width: 53px;
	text-indent: -9999px;
}
#makebox #menu #menu2 a:hover {
	background-image: url(../images/mak_02.jpg);
	background-repeat: no-repeat;
	background-position: -53px -53px;
}
#makebox #menu #menu3 a {
	background-image: url(../images/mak_02.jpg);
	background-repeat: no-repeat;
	background-position: -106px 0px;
	display: block;
	height: 53px;
	width: 53px;
	text-indent: -9999px;
}
#makebox #menu #menu3 a:hover {
	background-image: url(../images/mak_02.jpg);
	background-repeat: no-repeat;
	background-position: -106px -53px;
}
#makebox #menu #menu4 a {
	background-image: url(../images/mak_04.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	width: 85px;
	text-indent: -9999px;
	height: 53px;
	margin-left: 81px;
}
#makebox #menu #menu4 a:hover {
	background-image: url(../images/mak_04.jpg);
	background-repeat: no-repeat;
	background-position: 0px -53px;
	margin-left: 81px;
}
#makebox #menu #menu5 a {
	background-image: url(../images/mak_04.jpg);
	background-repeat: no-repeat;
	background-position: -85px 0px;
	display: block;
	width: 105px;
	text-indent: -9999px;
	height: 53px;
}
#makebox #menu #menu5 a:hover {
	background-image: url(../images/mak_04.jpg);
	background-repeat: no-repeat;
	background-position: -85px -53px;
}
#makebox #menu #menu6 a {
	background-image: url(../images/mak_04.jpg);
	background-repeat: no-repeat;
	background-position: -190px 0px;
	display: block;
	width: 145px;
	text-indent: -9999px;
	height: 53px;
}
#makebox #menu #menu6 a:hover {
	background-image: url(../images/mak_04.jpg);
	background-repeat: no-repeat;
	background-position: -190px -53px;
}
#makebox #menu #menu7 a {
	background-image: url(../images/mak_04.jpg);
	background-repeat: no-repeat;
	background-position: -335px 0px;
	display: block;
	width: 150px;
	text-indent: -9999px;
	height: 53px;
}
#makebox #menu #menu7 a:hover {
	background-image: url(../images/mak_04.jpg);
	background-repeat: no-repeat;
	background-position: -335px -53px;
}
#makebox #menu #menu8 a {
	background-image: url(../images/mak_04.jpg);
	background-repeat: no-repeat;
	background-position: -485px 0px;
	display: block;
	width: 85px;
	text-indent: -9999px;
	height: 53px;
}
#makebox #menu #menu8 a:hover {
	background-image: url(../images/mak_04.jpg);
	background-repeat: no-repeat;
	background-position: -485px -53px;
}
#makebox    div  {
	float: left;
	margin: 0px;
	padding: 0px;
}
#makebox #box-t {
	float: left;
	width: 980px;
}
#makebox #box-l {
	float: left;
	width: 40px;
	margin: 0px;
	padding: 0px;
}
#makebox #box-l .arrow {
	margin-top: 385px;
}
#makebox #box-c {
	float: left;
	width: 900px;
	margin: 0px;
	padding: 0px;
}
#makebox  #box-c  #c05 {
	width: 900px;
	float: left;
}
#makebox #box-c #c05 a {
	background-image: url(../images/mak_13.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 50px;
	width: 900px;
	text-indent: -9999px;
}
#makebox #box-c #c05 a:hover {
	background-image: url(../images/mak_13.jpg);
	background-repeat: no-repeat;
	background-position: 0px -50px;
}
#makebox #box-r {
	float: left;
	width: 40px;
	margin: 0px;
	padding: 0px;
}
#makebox #box-r .arrow {
	margin-bottom: 385px;
}

/* お試し似顔絵ページの DIV */
#simubox  {
	background-color: #996600;
	float: left;
	height: 607px;
	width: 980px;
}

/* メッセージカードページの DIV */
#messbox  {
	float: left;
}
#messbox #menu {
	padding-right: 0px;
	padding-bottom: 0px;
	height: 47px;
	margin: 0px;
	float: left;
	width: 980px;
	background-image: url(../images/mes_05.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#messbox #menu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: left;
}
#messbox #menu li {
	float: left;
}
#messbox #menu #menu1 a {
	background-image: url(../images/mes_02.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 47px;
	width: 60px;
	text-indent: -9999px;
}
#messbox #menu #menu1 a:hover {
	background-image: url(../images/mes_02.jpg);
	background-repeat: no-repeat;
	background-position: 0px -47px;
}
#messbox #menu #menu2 a {
	background-image: url(../images/mes_02.jpg);
	background-repeat: no-repeat;
	background-position: -60px 0px;
	display: block;
	height: 47px;
	width: 85px;
	text-indent: -9999px;
}
#messbox #menu #menu2 a:hover {
	background-image: url(../images/mes_02.jpg);
	background-repeat: no-repeat;
	background-position: -60px -47px;
}
#messbox #menu #menu3 a {
	background-image: url(../images/mes_02.jpg);
	background-repeat: no-repeat;
	background-position: -145px 0px;
	display: block;
	height: 47px;
	width: 70px;
	text-indent: -9999px;
}
#messbox #menu #menu3 a:hover {
	background-image: url(../images/mes_02.jpg);
	background-repeat: no-repeat;
	background-position: -145px -47px;
}
#messbox #menu #menu4 a {
	background-image: url(../images/mes_02.jpg);
	background-repeat: no-repeat;
	background-position: -215px 0px;
	display: block;
	height: 47px;
	width: 115px;
	text-indent: -9999px;
}
#messbox #menu #menu4 a:hover {
	background-image: url(../images/mes_02.jpg);
	background-repeat: no-repeat;
	background-position: -215px -47px;
}
#messbox #menu #menu5 a {
	background-image: url(../images/mes_02.jpg);
	background-repeat: no-repeat;
	background-position: -330px 0px;
	display: block;
	height: 47px;
	width: 101px;
	text-indent: -9999px;
}
#messbox #menu #menu5 a:hover {
	background-image: url(../images/mes_02.jpg);
	background-repeat: no-repeat;
	background-position: -330px -47px;
}
#messbox  div  {
	float: left;
	margin: 0px;
	padding: 0px;
	background-color: #999999;
}
#messbox #conte {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 980px;
	height: 560px;
	background-image: url(../images/mes_04.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: relative;
}
#messbox #conte #btn {
	position: relative;
	left: 172px;
	top: 329px;
}
#messbox #conte #btn a {
	background-image: url(../images/mes_btn.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	text-indent: -9999px;
	height: 56px;
	width: 240px;
}
#messbox #conte #btn a:hover {
	background-image: url(../images/mes_btn.jpg);
	background-repeat: no-repeat;
	background-position: 0px -56px;
}
#messbox #conte #ar {
	height: 27px;
	width: 111px;
	position: relative;
	left: 155px;
	top: 425px;
}