@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;
					margin: 0 auto;
					margin-bottom: 0px;
					background: url(../images/graph01_bg.jpg);
					overflow:hidden;
				}

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

						#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: 41px 71px 0 0;
						box-sizing: content-box;
					}
/*-----------------------------------------------------------
	ranking_area01
-----------------------------------------------------------*/
				#contentArea #content .ranking_area01{
					margin-bottom:30px;
					padding: 0px 0 0 0;
				}
				#contentArea #content .ranking_area01 .pt1,#contentArea #content .ranking_area01 .pt2{
					margin:0px 0px 0px 0px;
					padding:27px 0px 27px 60px;
				}
				#contentArea #content .ranking_area01 .pt1{

				}
				#contentArea #content .ranking_area01 .pt2{

					background-color: #f5f5f5;
				}

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

					#contentArea #content .ranking_area01 p{
						color: #666666;
						padding:20px 0 0 60px;
					}
/*-----------------------------------------------------------
	market
-----------------------------------------------------------*/


				#contentArea #content .market{
					padding: 30px 0 30px 0;
					margin-bottom:30px;
					border-top:#F7F4E5 3px solid;
					border-bottom:#F7F4E5 3px solid;
				}
				#contentArea #content .market h2{
					text-align:center;
					margin-bottom:30px;
				}
				#contentArea #content .market p{
					width:350px;
					margin-bottom:20px;
					font-size: 115%;
					line-height: 2em;
				}
				#contentArea #content .market .title{
					width: 832px;
					margin:0 auto;
				}
				#contentArea #content .market .block{
					width: 832px;
					margin:0 auto;
					background: url(../images/market1_1.gif) right top no-repeat;
					height:300px;
				}

/*-----------------------------------------------------------
	checkpoint
-----------------------------------------------------------*/
				#contentArea #content .checkpoint{
					background-color: #fff9e5;
					width: 978px;
					border-top: 3px solid #f7f3e4;
					border-bottom: 3px solid #f7f3e4;
					overflow:hidden;
					text-align:center;
				}

					#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: 20px auto;
					font-size: 115%;
					line-height: 2em;
					text-align:left;
				}
				#contentArea #content .checkpoint .cp2box{
					width: 746px;
					margin: 20px auto;
					text-align:left;
				}
				#contentArea #content .checkpoint .cp2box img{
					margin-bottom:10px;
				}

/*-----------------------------------------------------------
	ranking_area02
-----------------------------------------------------------*/
				#contentArea #content .ranking_area02{
					margin-bottom: 30px;
					padding: 31px 0 0 0;
					border-top: 2px solid #f7f3e4;
				}
				#contentArea #content .ranking_area02 .pt1,#contentArea #content .ranking_area02 .pt2{
					margin:0px 0px 0px 0px;
					padding:27px 0px 27px 60px;
				}
				#contentArea #content .ranking_area02 .pt1{

				}
				#contentArea #content .ranking_area02 .pt2{

					background-color: #f5f5f5;
				}

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

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

					#contentArea #content .ranking_area02 p{
						color: #666666;
						margin-top:20px;
						padding-left: 70px;
					}


/*-----------------------------------------------------------
	ranking_area03
-----------------------------------------------------------*/
				#contentArea #content .ranking_area03{
					margin-bottom:0px;
					padding: 30px 0 30px 0;
					border-bottom:#F7F4E5 3px solid;
				}
				#contentArea #content .ranking_area03 .pt1,#contentArea #content .ranking_area03 .pt2{
					margin:0px 0px 0px 0px;
					padding:27px 0px 27px 60px;
				}
				#contentArea #content .ranking_area03 .pt1{

				}
				#contentArea #content .ranking_area03 .pt2{

					background-color: #f5f5f5;
				}

					#contentArea #content .ranking_area03 h2{
						margin: 0 0 10px 40px;
					}

					#contentArea #content .ranking_area03 p{
						color: #666666;
						padding:10px 0 0 70px;
					}
/*-----------------------------------------------------------
	report
-----------------------------------------------------------*/
				#contentArea #content .report{
					padding: 30px 0 30px 0;
					margin-bottom:30px;
					border-bottom:#F7F4E5 3px solid;
				}
				#contentArea #content .report h2{
					text-align:center;
					margin-bottom:30px;
				}
				#contentArea #content .report p{
					width:350px;
					margin-bottom:20px;
					font-size: 115%;
					line-height: 2em;
				}
				#contentArea #content .report .title{
					width: 832px;
					margin:0 auto;
				}
				#contentArea #content .report .block{
					width: 832px;
					margin:0 auto;
					background: url(../images/report1_1.gif) right top no-repeat;
					height:300px;
				}

/*-----------------------------------------------------------
	news_mail
-----------------------------------------------------------*/
				#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;
					}
/*-----------------------------------------------------------
	graph_area
-----------------------------------------------------------*/
				#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: 860px;
						margin: 20px auto 30px auto;
						padding: 20px 20px;
						background: #eee;
						line-height:1.4;
					}

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


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




				#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;
			}