@charset "utf-8";

/* FRESTAモバイルサイトのご案内
----------------------------------------------------------------------------------------------------*/

/* box1 */
#mobTop {
	float: right;
	width: 700px;
}

	#mobTop h2 {
		margin: 0 0 15px;
	}
	
	#mobTop  div.box1 {
		margin: 0 0 10px;
		padding-bottom:10px;
	}

	#mobTop  div.box1 div.con01 {
	}
	
		#mobTop  div.box1 div.con01 p {
			text-align: center;
			margin: 0 0 5px;
		}
	
	#mobTop div.box1 div.con01 dl {
		margin-left: 150px;
	}
	
		#mobTop div.box1 div.con01 dl dt {
		}
	
	
		#mobTop div.box1 div.con01 dl dd {
			margin: 0;
			padding: .4em 0 .2em 3px;
		}


	#mobTop div.box1 div.center {
		clear: both;
		margin-top: 10px;
		width: 700px;
		height: auto;
		border: solid #FEC23B 1px;
	}

		#mobTop div.center dl {
			margin-top: 20px;
		}
	
		#mobTop div.center dl.flow01 {
			float: left;
			padding-left: 20px; 
		}
		
			#mobTop div.center dl.flow01 ol {
				padding: 10px 50px 10px 0;
				background: url(../images/right_arrow.gif) no-repeat right;
				
			}
			
				#mobTop div.center dl.flow01 ol li {
					list-style: decimal;
				}
	
		
		#mobTop div.center dl.flow02 {
			margin-left: 280px;
		}
		
			#mobTop div.center dl.flow02 dd {
				margin: 0;
				padding: 1em 0 .5em 0;
			}
			
			#mobTop div.center dl.flow02 dd.down_arrow {
				margin-right: 200px;
				background: url(../images/down_arrow.gif) no-repeat top center;
			}
		
			#mobTop div.center p {
				margin: -130px 20px 0 10px;
				padding-bottom: 1em;
				text-align: right;
			}
			
/* box2 */
div.box2 {
	margin: 2em 0;
	text-align: center;
}

	div.box2 p.img01 {
		margin-left: 30px;
		float: left;
	}
	
	div.box2 p.img03 {
		clear: both;
		margin-right: 100px;
		padding-right: 30px;
		background: url(../images/mob02_bg003.gif) no-repeat right;
	}
	
/* box3 */
div.box3 {
	margin: 2em 0;
	width: 698px;
	border: solid #EAA200 1px;
}

	div.box3 dl {
		background: #FFFBF3;
		border: solid #EAA200 1px;
	}
	
		div.box3 dl dt {
			padding-bottom: 10px;
		}

	div.box3 dl.privilege1 {
		float: left;
		margin: 18px;
		width: 317px;
		height: 270px;
	}
	
	*html div.box3 dl.privilege1 { /* less than IE	 */
		margin: 20px 10px 10px 10px;
	}
	
	div.box3 dl.privilege2 {
		margin: 18px 0 0 357px;
		width: 317px;
		height: 270px;
	}

	*html div.box3 dl.privilege2 { /* less than IE	 */
		margin: 20px 0 0 352px;
	}

	div.box3 dl.privilege3 {
		margin-left: 18px;
		width: 656px;
		height: 257px;
	}
	
		div.box3 dl.privilege1 dd {
			margin-left: 30px;
		}

		div.box3 dl.privilege2 dd {
			margin-left: 10px;
		}
		
		div.box3 dl.privilege3 dd {
			float: left;
			margin-left: 48px;
		}

		*html div.box3 dl.privilege3 dd { /* less than IE	 */
			margin: 0;
			padding: 0 20px 0 35px;
		}
		
/* pageback */
#mobTop p.pageback {
	padding-top: 12px;
	border-top: solid #DFDFDF 1px;
}