@charset "UTF-8";



/* ========================================================
	enjoy style
======================================================== */
/********* index **********/
/* .top{
	margin-left:8px;
	background:url(img/line.gif) repeat-x 100% 100%;
	width:531px;
	height:30px;
	padding:0px;
	line-height:150%;
}

.top ul{
	padding: 0px 10px 0px 0px;
}
.top li{
	background:url(img/icon.gif) no-repeat 0% 40%;
	list-style-type:none;
	line-height:150%;
	margin-right:10px;
	padding-left:10px;
	float:left;
	display: block;
	white-space: nowrap;
} */


.h2_01{
	background:url(img/h2_01.gif) no-repeat;
	height:28px;
	text-indent:-5555px;
	margin-top:20px;
}
.left{
	width:334px;
	float:left;
	margin-top:20px;
}
.left p{
	padding-right:15px;
	padding-left:5px;
	margin-bottom:25px;
	line-height:150%;
}
.right{
	width:195px;
	float:left;
	margin-top:20px;
	margin-bottom:45px;
	text-align:right;
}
.text01{
	background:url(img/enjoy_text01.gif) no-repeat;
	height:37px;
	text-indent:-5555px;
	margin-bottom:10px;
}

.h2_02{
	background:url(img/h2_02.gif) no-repeat;
	height:61px;
	text-indent:-5555px;
	clear:both;
	margin-bottom:18px;
}

.h3_bg{
	background:url(img/h3_bg.jpg) no-repeat;
	height:192px;
	width:488px;
	margin:0px auto;
}
.h3{
	background:url(img/h3.gif) no-repeat 100% 100%;
	height:34px;
	width:200px;
	text-indent:-5555px;
	margin:0px 0px 26px 14px;
	padding-top:15px;
}
.h3 ul{
	margin:0px;
	padding:0px;
}
.li01{
	background:url(img/h3_li01.gif) no-repeat 100% 0%;
	width:203px;
	height:30px;
	text-indent:-5555px;
	margin:0px 0px 12px 0px;
	float:left;
	list-style-type:none;
	padding-left:47px;
}
.li02{
	background:url(img/h3_li04.gif) no-repeat;
	width:129px;
	height:12px;
	text-indent:-5555px;
	margin-left:28px;
	float:left;
	list-style-type:none;
	margin-bottom:12px;
}
.li03{
	background:url(img/h3_li05.gif) no-repeat;
	height:12px;
	width:164px;
	text-indent:-5555px;
	margin-left:28px;
	float:left;
	list-style-type:none;
	margin-bottom:8px;
}
.li04{
	background:url(img/h3_li02.gif) no-repeat;
	height:13px;
	width:140px;
	text-indent:-5555px;
	margin-left:47px;
	clear:both;
	list-style-type:none;
	margin-bottom:12px;
}
.li05{
	background:url(img/h3_li03.gif) no-repeat;
	height:12px;
	width:129px;
	text-indent:-5555px;
	margin-left:47px;
	list-style-type:none;
	margin-bottom:12px;
	}

.text02{
	background:url(img/enjoy_text02.gif) no-repeat;
	height:103px;
	width:488px;
	text-indent:-5555px;
	margin:20px auto 33px;
}

.bt{
	text-align:right;
	padding:17px 8px 0px;
	background:url(img/line.gif) repeat-x 0% 0%;
}


/*********** effect *******************/
/* div,p {border:1px red solid;} */
/* .top_e{
	width: 531px;
	margin-left:8px;
	padding:0px;
}
.top_e .line{
	clear:both;
	background:url(img/line.gif) repeat-x 0% 0%;
	line-height:3px;
	padding:0px;
	margin:0px;
}
.top_e li{
	background:url(img/icon.gif) no-repeat 0% 40%;
	list-style-type:none;
	line-height:150%;
	margin-right:10px;
	margin-bottom:10px;
	padding-left:10px;
	float:left;
	display: block;
	white-space: nowrap;
} */


.effect_h2_01{
	clear:both;
	background:url(img/effect_h2_01.gif) no-repeat;
	height:28px;
	text-indent:-5555px;
	margin-top:20px;
}
.effect_text01{
	background:url(img/effect_text01.gif) no-repeat;
	height:15px;
	text-indent:-5555px;
	margin:20px 0px 15px;
}

.tb_bg{
	background-color:#FCF4E7;
/* 	padding:10px 15px 18px ; */
	width:545px;
}
.tb_bg h3{
	background:url(img/effect_h3_01.gif) no-repeat 0% 100%;
	height:22px;
	text-indent:-5555px;
	margin-left:15px;
	padding-top:10px;
}
.tb_bg p{
	line-height:150%;
	padding:10px 15px 15px;
}
.effect_img01{
	background:url(img/effect_img01.gif) no-repeat;
/* 	width:516px; */
	height:145px;
	margin-left:17px;
	padding-bottom:18px
}
.effect_img01 p{
/* 	width:147px; */
	font-size:10px;
	padding-top:94px;
	margin-left:360px;
	text-indent:-1em;
}

.effect_h3_02{
	background:url(img/effect_h3_02.gif) no-repeat;
	height:24px;
	text-indent:-5555px;
	margin:14px 0px 12px;
}
.p{
	line-height:150%;
	padding-right:25px;
}

.effect_h2_02{
	background:url(img/effect_h2_02.gif) no-repeat;
	height:28px;
	text-indent:-5555px;
	margin-top:30px;
}
.effect_text02{
	background:url(img/effect_text02.gif) no-repeat;
	height:37px;
	text-indent:-5555px;
	margin:16px 0px 27px;
}

.imgtext{
	width:496px;
	height:242px;
	margin:0px auto;
}
.effect_img02{
	width:267px;
	float:left;
}
.effect_text03{
	background:url(img/effect_text03.gif) no-repeat;
	width:229px;
	height:242px;
	text-indent:-5555px;
	float:left;
}
.effect_left{
	width:325px;
	clear:both;
	float:left;
	margin-top:45px;
}
.effect_left p{
	line-height:150%;
	margin-bottom:25px;
}
.effect_right{
	width:205px;
	text-align:right;
	float:left;
	margin-top:45px;
	margin-bottom:17px;
}

.effect_text04{
	clear:both;
	background:url(img/effect_text04.gif) no-repeat;
	height:38px;
	text-indent:-5555px;
	margin-bottom:30px;
}
.effect_text05{
	background:url(img/effect_text05.gif) no-repeat;
	width:500px;
	height:124px;
	text-indent:-5555px;
	margin:0px auto 35px;
}

/**************** chara **************/

.chara_text01{
	background:url(img/chara_text01.gif) no-repeat;
	height:35px;
	text-indent:-5555px;
	margin:24px 0px 32px 5px;
}
.chara_text02{
	background:url(img/chara_text02.gif) no-repeat;
	height:15px;
	text-indent:-5555px;
	margin-left:5px;
}
.chara_imagemap{
	margin-left:5px;
}
.come{
	color:#333333;
	font-size:10px;
	padding-left:15px;
	margin-top:13px;
	float:right;
	width:425px;
	text-indent:-1em;
}
div span img{
/* 	display:block; */
	margin-left:10px;
	float:left;
}
.chara_bt01{
	clear:both;
	text-align:right;
	margin:0px 8px 10px 0px;
	padding-top:18px;
}