@charset "Shift_JIS";

@import "../../../files/css/common/popup.css";

/*-------------------------------------------------------------------------
	All
/*-----------------------------------------------------------------------*/
body {
	background:url(../img/argyle.gif) repeat center center;
}

/*-------------------------------------------------------------------------
	Main Content
/*-----------------------------------------------------------------------*/
#main-content {
	width:820px;
	margin:0 auto;
	color:#3c3c3c;
	font-size:14px;
}

	#main-content h1 {
	}
	
	#main-content .text {
		margin-bottom:30px;
		font-size:18px;
		line-height:34px;
		text-align:center;
	}
	
	#main-content .content {
		margin-bottom:20px;
	}
		
		#main-content .content h2 {
			margin-bottom:12px;
		}
		
		#main-content .content p,
		#main-content .content li {
			letter-spacing:0;
		}
		
/*============
 back ground
============*/
		#main-content .content .bg{
			background-repeat:no-repeat;
			background-position:center top;
		}
		
		#main-content .content .bg.middle{
			padding:3px 38px 5px 38px;
			background-image:url(../img/bg.png);
			background-repeat:repeat-y;
		}
		
		#main-content .content p.bg.top,
		#main-content .content p.bg.bottom {
			width:820px;
			height:25px;
		}
		
		#main-content .content p.bg.top{
			background-image:url(../img/bg_top.png);
		}
				
		#main-content .content p.bg.bottom{
			background-image:url(../img/bg_bottom.png);
		}

/*============
 caption
============*/

		#main-content .content ul.caption {
			font-size:13px;
		}
		
			#main-content .content ul.caption li {
				margin-bottom:8px;
				padding-left:15px;
				background:url(../img/attention/mark.gif) no-repeat left 2px;
				line-height:20px;
			}


/*-------------------------------------------------------------------------
	Detail
/*-----------------------------------------------------------------------*/
#detail {
}

	#detail ul {
		height:125px;
		margin-bottom:8px;
		padding:16px 28px 0 28px;
		background:url(../img/detail/list.png) no-repeat center top;
	}
	
		#detail ul li {
			margin-bottom:10px;
			padding-left:20px;
			background:url(../img/circle.png) no-repeat left 2px;
			color:#286400;
			line-height:22px;
		}
		
	#detail .note {
	}

/*-------------------------------------------------------------------------
	Download
/*-----------------------------------------------------------------------*/
			
			#download ul.guide li#download-qr,
			#download ul.guide li#download-select,
			#download ul.guide li#download-finish {
				clear:both;
				height:auto;
				margin-bottom:20px;
				padding-top:20px;
			}
			
			#download ul.guide li#download-select,
			#download ul.guide li#download-finish {
				border-top:2px solid #5aa820;
			}
			
				#download ul.guide li .text{
					float:left;
					display:inline;
					height:auto;
					padding-left:55px;
					margin:0 20px 20px 0;
					text-align:left;
				}
				
					#download ul.guide li .text h3 {
						margin: 0 0 10px -30px;
						padding-left:40px;
						background-repeat:no-repeat;
						background-position:left 0px;
						color:#286400;
						line-height:22px;
						font-size:17px;
						font-weight:bold;
					}
				
				#download ul.guide li .img {
					float:left;
					display:inline;
					height:auto;
				}

/*============================
#download-qr
============================*/
	#download #download-qr {
	}
	
		#download #download-qr .text {
			width:517px;
		}
		
			#download #download-qr .text h3 {
				background-image:url(../img/download/qr/num.gif);
			}
			
			#download #download-qr .text ul li a {
				color:#f57800;
				border-bottom:1px solid #f57800;
			}
			
			#download #download-qr .text ul li a:hover {
				color:#ffba78;
				border-bottom:1px solid #ffba78;
			}
		
		#download #download-qr .img {
			width:152px;
		}

/*============
#download-qr .note
============*/
		#download #download-qr .note {
			clear:both;
			width:650px;
			margin:0 0 15px 55px;
			padding:30px 0 0 0;
			background:url(../img/download/qr/list2.png) no-repeat;
		}
		
			#download #download-qr .note h4 {
				margin:0 0 10px 20px;
			}
				#download #download-qr .note ul {
					padding:0 0 15px 0;
				}
				#download #download-qr .note ul li {
					margin:0 20px;
					padding:5px 0 5px 30px;
					background-position: left 2px;
					background-repeat:no-repeat;
					color:#286400;
					line-height:22px;
				
				}
				#download #download-qr .note ul li.no1 {
					background:url(../img/download/qr/how1.gif) no-repeat 0 8px;
				}
				#download #download-qr .note ul li.no2 {
					background:url(../img/download/qr/how2.gif) no-repeat 0 5px;
				}
				#download #download-qr .note ul li.no3 {
					background:url(../img/download/qr/how3.gif) no-repeat 0 8px;
				}
				
					#download #download-qr .note ul li.no2 span img {
						line-height:22px;
						vertical-align:top;
					}
		
		#download #download-qr .note span.bottom{
			margin:0;
			padding:0;
			width:650px;
			height:13px;
			display:block;
			background:url(../img/download/qr/list2_bottom.png) no-repeat;
		
		}

/*============================
#download-select
============================*/
	#download #download-select {
	}
		#download #download-select .text {
			width:365px;
		}
			#download #download-select .text h3 {
				background-image:url(../img/download/select/num.gif);
			}
		#download #download-select .img {
			width:304px;
			text-align:center;
		}
			#download #download-select .img p {
				margin-bottom:10px;
			}

/*============================
#download-finish
============================*/
	#download #download-finish {
	}
		#download #download-finish .text {
			width:365px;
		}
			#download #download-finish .text h3 {
				background-image:url(../img/download/finish/num.gif);
			}
		#download #download-finish .img {
			width:304px;
		}

/*-------------------------------------------------------------------------
	Attention
/*-----------------------------------------------------------------------*/
#attention ul{
}