@charset "utf-8";

/* CSS Document */

/*==========================================================================================

	// guide.html

==========================================================================================*/

div#main h1 {
	height: 70px;
	width: 500px;
	background: url(../images/guide-h1.gif) no-repeat;
	text-indent: -999999px;
}


div#main h2,div#main h3 {
	text-indent: -999999px;
}


div#main {
	margin-bottom: 20px;
}


/*==========================================================================================

	// flow

==========================================================================================*/

div#flow {
	margin-bottom: 20px;
}


div#flow p {
	margin: 10px 80px 10px 40px;
	line-height: 25px;
	text-align: center;
}



div#flow p span {
	color: #FF0066;
	font-size: 123.1%;
	font-weight: bold;
}



div#flow p#caution {
	color: #FF0000;
	line-height: 18px;
	font-weight: bold;
}



/*==========================================================================================

	// guide1

==========================================================================================*/
div#flow dl.guide {
	height: 272px;
	width: 630px;
	line-height: 20px;
	text-align: center;
	background: url(../images/guide-flow-bg.gif) no-repeat;
	padding-top: 20px;
}



div#flow dl.guide span {
	margin: 0 3px;
	color: #FF0000;
	font-weight: bold;
	font-size: 123.1%;
}


/*==========================================================================================

	// delivery

==========================================================================================*/
div#delivery {
	margin-bottom: 20px;
}


/*==========================================================================================

	// guide2

==========================================================================================*/
div#delivery dl#guide2 {
	height: 318px;
	width: 630px;
	line-height: 20px;
	text-align: center;
	background: url(../images/guide-flow-bg2.gif) no-repeat;
	padding-top: 20px;
}



div#delivery dl#guide2 span {
	margin: 0 3px;
	color: #FF0000;
	font-weight: bold;
	font-size: 123.1%;
}


/*==========================================================================================

	// guide3

==========================================================================================*/

div#delivery dl.guide3 {
	height: 200px;
	width: 580px;
	line-height: 20px;
	background: url(../images/starline.png) no-repeat center bottom;
	margin-bottom: 30px;
}



div#delivery dl.guide3 dt {
	float: right;
}



div#delivery dl.guide3 dd {
	float: left;
	width: 300px;
	margin: 0 30px;
	color: #66CCCC;
}



div#delivery dl.guide3 span {
	color: #FF0000;
	font-weight: bold;
	font-size: 123.1%;
}




div#delivery dl.guide3 dd p {
	color: #FF9900;
	line-height: 20px;
	font-weight: normal;
	font-size: 100%;
}




/*==========================================================================================

	// guide4

==========================================================================================*/

div#delivery dl.guide4 {
	height: 180px;
	width: 580px;
	line-height: 20px;
	background: url(../images/starline.png) no-repeat center bottom;
	margin-bottom: 30px;
}



div#delivery dl.guide4 dt {
	float: left;
	margin-left: 20px;
}



div#delivery dl.guide4 dd {
	float: left;
	width: 300px;
	margin: 0 20px 0 10px;
	color: #66CCCC;
	text-align: right;
}


/*==========================================================================================

	// meet

==========================================================================================*/
div#meet {
	margin-bottom: 20px;
}



/*==========================================================================================

	// meet　　meet1

==========================================================================================*/
div#meet dl.meet1 {
	height: 360px;
	width: 550px;
	padding: 20px 40px 0 40px;
	line-height: 20px;
	background: url(../images/guide-meet-bg.gif) no-repeat;
}



div#meet dl.meet1 dt {
	color: #FF0000;
	font-size: 123.1%;
	font-weight: bold;
}



div#meet dl.meet1 span { float:left;}

/*==========================================================================================

	// meet　　meet2

==========================================================================================*/
div#meet dl.meet2 {
	height: 222px;
	width: 550px;
	padding: 20px 40px 0 50px;
	line-height: 20px;
	background: url(../images/guide-meet-bg2.gif) no-repeat;
}



div#meet dl.meet2 dt {
	color: #FF0000;
	font-size: 123.1%;
	font-weight: bold;
}



div#meet dl.meet2 span {
	margin: 0 3px;
	color: #FF0000;
	font-weight: bold;
	font-size: 123.1%;
}



/*==========================================================================================

	// meet　　meet3

==========================================================================================*/
div#meet dl.meet3 {
	height: 1000px;
	width: 560px;
	padding: 20px 40px 0 50px;
	line-height: 20px;
	background: url(../images/guide-meet-bg3.gif) no-repeat;
}



div#meet dl.meet3 dt {
	color: #FF0000;
	font-size: 123.1%;
	font-weight: bold;
}


div#meet dl.meet3 li#lovehoimg {
	float: left;
	margin: 5px 0 15px 5px;
	display:block;
}

div#meet dl.meet3 li#loveho {
	float: left;
	margin: 5px 0 15px 5px;
	display:block;
	width:250px;
}



div#meet dl.meet3 span {
	margin: 0 3px;
	color: #FF0000;
	font-weight: bold;
	font-size: 123.1%;
}



/*==========================================================================================

	// encounter

==========================================================================================*/
div#encounter {
	margin-bottom: 20px;
}



div#encounter dl {
	height: 200px;
	width: 580px;
	line-height: 20px;
	margin-bottom: 30px;
}



div#encounter dl dt {
	float: right;
}



div#encounter dl dd {
	float: left;
	width: 300px;
	margin: 0 30px;
}



div#encounter dl span {
	color: #FF0000;
	font-weight: bold;
	font-size: 123.1%;
}




div#encounter dl dd p {
	color: #FF9900;
	line-height: 20px;
	font-weight: normal;
	font-size: 100%;
}



/*==========================================================================================

	// play

==========================================================================================*/
div#play {
	margin-bottom: 20px;
}


div#play p {
	margin-left: 30px;
}


div#play p#point {
	color: #FF0000;
	font-weight: bold;
	font-size: 123.1%;
}


/*==========================================================================================

	// agreement

==========================================================================================*/
div#agreement {
	line-height: 20px;
	margin-bottom: 20px;
}


div#agreement dl {
	height: 657px;
	width: 569px;
	background: url(../images/guide-agreement-bg.gif) no-repeat;
	margin-top: 10px;
	padding-top: 10px;
}


div#agreement dl dt {
	margin-left: 20px;
}



div#agreement dl dd {
	margin: 0 40px;
}



div#agreement dl dd ul {
	margin: 15px 0;
}



div#agreement dl dd ul li {
	color: #FF0000;
	list-style: outside disc;
	margin-left: 30px;
}



div#agreement dl dd ul li span {
	font-size: 90%;
}