@charset "UTF-8";

/*-----------------------------------------------------------
	html and subordinate selector
-----------------------------------------------------------*/
.st-headerSp-buttonText,
.st-globalNavAreaSp-menuTrigger-text{
  line-height: 1.5;
}
html{}

	body {
		background: #f7f3e4;
		padding-bottom: 20px;
	}

		#wrap{
			margin: 0 auto;
			text-align: left;
			width: 978px;
			background-color: #FFF;
		}

		#headerArea{
			padding: 14px 0 0 24px;
			margin-bottom: 16px;
			height: 38px;
		}
		#headerArea #header{}




		#mainVisualArea{}
			#mainVisualArea #mainVisual{}
				#mainVisualArea #mainVisual p.title{
					margin-bottom: 10px;
					text-align:center;
				}

				#mainVisualArea #mainVisual ul#currencyNav{
					margin:0 auto 30px auto;
					height:50px;
					width:905px;
					overflow:hidden;
				}
				#mainVisualArea #mainVisual ul#currencyNav li{
					margin: 0 4px;
					float:left;
					width:105px;
					text-indent:-9999px;
				}
				#mainVisualArea #mainVisual ul#currencyNav li a{
					display:block;
					height:50px;
				}
				#mainVisualArea #mainVisual ul#currencyNav li {
					display:block;
					height:50px;
				}
				
		#currencyNav #currency01_now{
		    height: 0px;
		    width: 105px;
		    background-image: url(../images/currency_01.gif);
			background-position: 0 -100px;
						}
		#currencyNav #currency01 a{
		    height: 0px;
		    width: 105px;
		    background-image: url(../images/currency_01.gif);
						}
		#currencyNav #currency01 a:hover{
		    height: 0px;
		    width: 105px;
			padding-top: 50px;
		    background-image: url(../images/currency_01.gif);
			background-position: 0 -50px;
						}

		#currencyNav #currency02{
		    height: 0px;
		    width: 105px;
		    background-image: url(../images/currency_02.gif);
			background-position: 0 -150px;
						}
		#currencyNav #currency02_now{
		    height: 0px;
		    width: 105px;
		    background-image: url(../images/currency_02.gif);
			background-position: 0 -100px;
						}
		#currencyNav #currency02 a{
		    height: 0px;
		    width: 105px;
		    background-image: url(../images/currency_02.gif);
						}
		#currencyNav #currency02 a:hover{
		    height: 0px;
		    width: 105px;
			padding-top: 50px;
		    background-image: url(../images/currency_02.gif);
			background-position: 0 -50px;
						}
						
		#currencyNav #currency03{
		    height: 0px;
		    width: 105px;
		    background-image: url(../images/currency_03.gif);
			background-position: 0 -150px;
						}
		#currencyNav #currency03_now{
		    height: 0px;
		    width: 105px;
		    background-image: url(../images/currency_03.gif);
			background-position: 0 -100px;
						}
		#currencyNav #currency03 a{
		    height: 0px;
		    width: 105px;
		    background-image: url(../images/currency_03.gif);
						}
		#currencyNav #currency03 a:hover{
		    height: 0px;
		    width: 105px;
			padding-top: 50px;
		    background-image: url(../images/currency_03.gif);
			background-position: 0 -50px;
						}
										
		#currencyNav #currency04{
		    height: 0px;
		    width: 105px;
		    background-image: url(../images/currency_04.gif);
			background-position: 0 -150px;
						}
		#currencyNav #currency04_now{
		    height: 0px;
		    width: 105px;
		    background-image: url(../images/currency_04.gif);
			background-position: 0 -100px;
						}
		#currencyNav #currency04 a{
		    height: 0px;
		    width: 105px;
		    background-image: url(../images/currency_04.gif);
						}
		#currencyNav #currency04 a:hover{
		    height: 0px;
		    width: 105px;
			padding-top: 50px;
		    background-image: url(../images/currency_04.gif);
			background-position: 0 -50px;
						}
										
		#currencyNav #currency05{
		    height: 0px;
		    width: 105px;
		    background-image: url(../images/currency_05.gif);
			background-position: 0 -150px;
						}
		#currencyNav #currency05_now{
		    height: 0px;
		    width: 105px;
		    background-image: url(../images/currency_05.gif);
			background-position: 0 -100px;
						}
		#currencyNav #currency05 a{
		    height: 0px;
		    width: 105px;
		    background-image: url(../images/currency_05.gif);
						}
		#currencyNav #currency05 a:hover{
		    height: 0px;
		    width: 105px;
			padding-top: 50px;
		    background-image: url(../images/currency_05.gif);
			background-position: 0 -50px;
						}

										
		#currencyNav #currency06{
		    height: 0px;
		    width: 105px;
		    background-image: url(../images/currency_06.gif);
			background-position: 0 -150px;
						}
		#currencyNav #currency06_now{
		    height: 0px;
		    width: 105px;
		    background-image: url(../images/currency_06.gif);
			background-position: 0 -100px;
						}
		#currencyNav #currency06 a{
		    height: 0px;
		    width: 105px;
		    background-image: url(../images/currency_06.gif);
						}
		#currencyNav #currency06 a:hover{
		    height: 0px;
		    width: 105px;
			padding-top: 50px;
		    background-image: url(../images/currency_06.gif);
			background-position: 0 -50px;
						}
												
		#currencyNav #currency07{
		    height: 0px;
		    width: 105px;
		    background-image: url(../images/currency_07.gif);
			background-position: 0 -150px;
						}
		#currencyNav #currency07_now{
		    height: 0px;
		    width: 105px;
		    background-image: url(../images/currency_07.gif);
			background-position: 0 -100px;
						}
		#currencyNav #currency07 a{
		    height: 0px;
		    width: 105px;
		    background-image: url(../images/currency_07.gif);
						}
		#currencyNav #currency07 a:hover{
		    height: 0px;
		    width: 105px;
			padding-top: 50px;
		    background-image: url(../images/currency_07.gif);
			background-position: 0 -50px;
						}		
													
		#currencyNav #currency08{
		    height: 0px;
		    width: 105px;
		    background-image: url(../images/currency_08.gif);
			background-position: 0 -150px;
						}
		#currencyNav #currency08_now{
		    height: 0px;
		    width: 105px;
		    background-image: url(../images/currency_08.gif);
			background-position: 0 -100px;
						}
		#currencyNav #currency08 a{
		    height: 0px;
		    width: 105px;
		    background-image: url(../images/currency_08.gif);
						}
		#currencyNav #currency08 a:hover{
		    height: 0px;
		    width: 105px;
			padding-top: 50px;
		    background-image: url(../images/currency_08.gif);
			background-position: 0 -50px;
						}			
				#subVisualArea{}
					#subVisualArea #subVisual{}
						#subVisualArea #subVisual p.title{
							text-align: center;
							margin-bottom: 21px;
						}

		#LinkBtnArea-full{
			height: 123px;
			width: 978px;
			background-color: #f2f2f2;
			border-top: 2px solid #d9d9d9;
			margin-bottom: 40px;
		}

			#LinkBtnArea-full ul{
				margin: 31px auto 0 auto;
				margin-left: 170px;
			}
				#LinkBtnArea-full ul li{
					float: left;
					width: auto;
					margin-right: 20px;
				}

					#LinkBtnArea-full ul li:last-child{
						margin: 0;
					}

		#contentArea{}
			#contentArea #content{}
				#contentArea #content .graph_area01{
					width: 898px;
					height: 305px;
					margin: 0 auto;
					margin-bottom: 30px;
					background: url(../images/graph01_bg.gif);
				}

					#contentArea #content .graph_area01 .lorem{
						float: left;
						width: 549px;
						margin-top: 17px;
					}

						#contentArea #content .graph_area01 .lorem img{
							margin-bottom: 15px;
						}

						#contentArea #content .graph_area01 .lorem p.text01{
							font-size: 110%;
							margin-bottom: 20px;
							padding: 0 20px 0 40px;
							line-height: 2em;
						}

						#contentArea #content .graph_area01 .lorem p.text02{
							color: #666666;
							padding-left: 40px;
						}

					#contentArea #content .graph_area01 .ipsum{
						float: right;
						width: 224px;
						padding: 32px 63px 0 0;
						box-sizing: content-box;
					}

				#contentArea #content .ranking_area01{
					margin-bottom: 30px;
					padding: 31px 0 0 0;
					border-top: 2px solid #f7f3e4;
				}

					#contentArea #content .ranking_area01 .column{
							margin-left: 140px;
						}

					#contentArea #content .ranking_area01 h2{
						margin: 0 0 30px 40px;
					}

					#contentArea #content .ranking_area01 .ranking01{
						margin-bottom: 40px;
					}

						#contentArea #content .ranking_area01 .ranking01 img{
							padding-left: 40px;
							margin-bottom: 20px;
						}

						#contentArea #content .ranking_area01 .ranking01 p.column_text{
							padding-left: 15px;
							background: url(../images/column_orange.gif) no-repeat;
						}

					#contentArea #content .ranking_area01 .ranking02{
						height: 130px;
						background-color: #f5f5f5;
					}
						#contentArea #content .ranking_area01 .ranking02 img{
							padding-left: 40px;
							margin: 25px 0 25px 0;
						}

						#contentArea #content .ranking_area01 .ranking02 p.column_text{
							padding-left: 15px;
							background: url(../images/column_blue.gif) no-repeat;
						}

					#contentArea #content .ranking_area01 .ranking03{
						height: 71px;
						padding: 27px 0 0 0;
					}

						#contentArea #content .ranking_area01 .ranking03 img{
							padding-left: 40px;
						}

					#contentArea #content .ranking_area01 .ranking04{
						height: 101px;
						background-color: #f5f5f5;
					}

						#contentArea #content .ranking_area01 .ranking04 img{
							padding-left: 40px;
							margin-top: 27px;
						}

					#contentArea #content .ranking_area01 .ranking05{
						height: 80px;
					}

						#contentArea #content .ranking_area01 .ranking05 img{
							margin-top: 23px;
							padding-left: 40px;
						}

					#contentArea #content .ranking_area01 p.text03{
						color: #666666;
						padding-left: 80px;
					}

				#contentArea #content .market{
					width: 978px;
					height: 291px;
					margin-bottom: 40px;
				}

					#contentArea #content .market .title{
						width: 774px;
						margin: 0 auto;
						margin-bottom: 30px;
					}

					#contentArea #content .market .left_contents{
						float: left;
						width: 350px;
						padding-left: 80px;
						box-sizing: content-box;
					}

						#contentArea #content .market .left_contents p.text04{
							line-height: 2em;
							margin-bottom: 40px;
						}

					#contentArea #content .market .right_contents{
						float: left;
						width: 449px;
					}

				#contentArea #content .checkpoint{
					background-color: #fff9e5;
					width: 978px;
					height: 230px;
					border-top: 3px solid #f7f3e4;
					border-bottom: 3px solid #f7f3e4;
				}

					#contentArea #content .checkpoint .img_area{
						width: 978px;
						height: 95px;
						margin-bottom: 25px;
					}

						#contentArea #content .checkpoint .img_area .left_img{
							float: left;
							width: 261px;
							padding-right: 20px;
							margin-top: 40px;
							box-sizing: content-box;
						}
						#contentArea #content .checkpoint .img_area .h_img{
							float: left;
							margin-top: 40px;
							width: 409px;
						}

				#contentArea #content .checkpoint .textArea{
					width: 818px;
					margin: 0 auto;
					font-size: 115%;
					line-height: 2em;
				}

				#contentArea #content .ranking_area02{
					margin-bottom: 30px;
					padding: 31px 0 0 0;
					border-top: 2px solid #f7f3e4;
				}

					#contentArea #content .ranking_area02 .column{
							margin-left: 140px;
						}

					#contentArea #content .ranking_area02 h2{
						margin: 0 0 30px 40px;
					}

					#contentArea #content .ranking_area02 .ranking01{
						margin-bottom: 40px;
					}

						#contentArea #content .ranking_area02 .ranking01 img{
							padding-left: 40px;
							margin-bottom: 20px;
						}

						#contentArea #content .ranking_area02 .ranking01 p.column_text{
							padding-left: 15px;
							background: url(../images/column_orange.gif) no-repeat;
						}

					#contentArea #content .ranking_area02 .ranking02{
						height: 130px;
						background-color: #f5f5f5;
					}
						#contentArea #content .ranking_area02 .ranking02 img{
							padding-left: 40px;
							margin: 25px 0 25px 0;
						}

						#contentArea #content .ranking_area02 .ranking02 p.column_text{
							padding-left: 15px;
							background: url(../images/column_blue.gif) no-repeat;
						}

					#contentArea #content .ranking_area02 .ranking03{
						height: 71px;
						padding: 27px 0 0 0;
					}

						#contentArea #content .ranking_area02 .ranking03 img{
							padding-left: 40px;
						}

					#contentArea #content .ranking_area02 .ranking04{
						height: 101px;
						background-color: #f5f5f5;
					}

						#contentArea #content .ranking_area02 .ranking04 img{
							padding-left: 40px;
							margin-top: 27px;
						}

					#contentArea #content .ranking_area02 .ranking05{
						height: 80px;
					}

						#contentArea #content .ranking_area02 .ranking05 img{
							margin-top: 23px;
							padding-left: 40px;
						}

					#contentArea #content .ranking_area02 p.text06{
						color: #666666;
						padding-left: 80px;
					}

				#contentArea #content .news_mail{
					width: 978px;
					height: 380px;
					background: url(../images/mail_bg.gif);
					border-top: 3px solid #f7f3e4;
					border-bottom: 3px solid #f7f3e4;
					margin-bottom: 40px;
				}

					#contentArea #content .news_mail .title{
						margin: 40px auto 30px;
						width: 677px;
					}

					#contentArea #content .news_mail .left_contents{
						float: left;
						padding-left: 80px;
						width: 640px;
						font-size: 110%;
						color: #666666;
						line-height: 2em;
					}

						#contentArea #content .news_mail .left_contents p{
							margin-bottom: 20px;
						}

						#contentArea #content .news_mail .left_contents ul{
							width: 640px;
							margin-left: 180px;
						}

							#contentArea #content .news_mail .left_contents ul li{
								float: left;
								width: auto;
								padding-right: 90px;
							}

							#contentArea #content .news_mail .left_contents ul li a:hover {
								color: #ff9922;
							}

					#contentArea #content .news_mail .right_contents{
						float: right;
						width: 378px;
					}

				#contentArea #content .graph_area{
					margin-bottom: 40px;
					padding: 0 40px;
				}

					#contentArea #content .graph_area h2{
						margin-bottom: 32px;
					}

					#contentArea #content .graph_area .graph_image{
						margin-bottom: 20px;
					}

					#contentArea #content .graph_area .text{
						font-size: 110%;
					}

					#contentArea #content .gray_area {
						width: 900px;
						margin: 20px auto 30px auto;
						padding: 20px 0;
						background: #eee;
					}

						#contentArea #content .gray_area  p {
							font-size: 110%;
							text-align: center;
						}




				#contentArea #content .important{
					width: 800px;
					margin: 0 auto;
					border: 2px solid #D5003A;
				}

				#contentArea #content .important_image{
					padding: 30px 0 0 30px;
				}

				#contentArea #content .important .text{
					padding: 20px 30px 40px 30px;
					line-height: 1.5em;
				}

					#contentArea #content .important .text a:hover {
						color: #ff9922;
					}

				#contentArea #content .important .text p.jibun{
					text-align:right;
					padding-right: 5px;
				}

	#footerArea{}

		#footerArea #footer{}

			#footerArea #footer #copyright{
				margin: 20px 0 0;
				text-align: center;
			}




/*----------------------------------------
banner
----------------------------------------*/
.banner{
	margin-bottom: 30px;
}