@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{
	background-color: #FFF;
	margin: 0 auto;
	text-align: left;
	width: 978px;
}


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


/* ========== mainVisual ========== */
#mainVisual h1 {
	margin-bottom: 10px;
	text-align: center;
}


/* ========== currencyNav ========== */
#currencyNav{
	margin: 0 auto;
	width: 905px;
}
#currencyNav li{
	background-position: 0 -150px;
	display: block;
	height: 50px;
	float: left;
	margin: 0 4px;
	text-indent: -9999px;
	width: 105px;
}
#currencyNav li a {
	display:block;
	height:50px;
	width: 105px;
}
#currencyNav li a:hover {
	background-position: 0 -50px;
}

#currencyNav #currency01,
#currencyNav #currency01_now,
#currencyNav #currency01 a {
    background-image: url(../img/currency_01.gif);
}

#currencyNav #currency02,
#currencyNav #currency02_now,
#currencyNav #currency02 a {
    background-image: url(../img/currency_02.gif);
}

#currencyNav #currency03,
#currencyNav #currency03_now,
#currencyNav #currency03 a {
    background-image: url(../img/currency_03.gif);
}

#currencyNav #currency04,
#currencyNav #currency04_now,
#currencyNav #currency04 a {
    background-image: url(../img/currency_04.gif);
}

#currencyNav #currency05,
#currencyNav #currency05_now,
#currencyNav #currency05 a {
    background-image: url(../img/currency_05.gif);
}

#currencyNav #currency06,
#currencyNav #currency06_now,
#currencyNav #currency06 a {
    background-image: url(../img/currency_06.gif);
}

#currencyNav #currency07,
#currencyNav #currency07_now,
#currencyNav #currency07 a {
    background-image: url(../img/currency_07.gif);
}

#currencyNav #currency08,
#currencyNav #currency08_now,
#currencyNav #currency08 a {
    background-image: url(../img/currency_08.gif);
}

#currencyNav #currency01_now,
#currencyNav #currency02_now,
#currencyNav #currency03_now,
#currencyNav #currency04_now,
#currencyNav #currency05_now,
#currencyNav #currency06_now,
#currencyNav #currency07_now,
#currencyNav #currency08_now {
	background-position: 0 -100px !important;
}


/* ========== subVisualArea ========== */
#subVisualArea {
	margin: 30px 0 21px;
}

#subVisualArea p {
	text-align: center;
}


/* ========== LinkBtnArea-full ========== */
#LinkBtnArea-full{
	background-color: #f2f2f2;
	border-top: 2px solid #d9d9d9;
	margin-bottom: 40px;
	padding: 31px 0 38px;
}

#LinkBtnArea-full ul{
	margin-left: 170px;
}

#LinkBtnArea-full ul li{
	float: left;
}

#LinkBtnArea-full ul li + li {
	margin-left: 20px;
}



/*-----------------------------------------------------------
	general components
-----------------------------------------------------------*/
/* ========== multi-column ========== */
#contentArea .multi-column .column {
	float: left;
}

#contentArea .multi-column .column + .column {
	margin-left: 20px;
}

/* ========== compact ========== */
#contentArea .compact li {
	display: inline;
}



/*-----------------------------------------------------------
	contentArea
-----------------------------------------------------------*/
#contentArea {
	line-height: 1.5;
}


/* ========== subVisual ========== */
#contentArea .subVisual {
	margin: 30px 40px;
}


/* ========== about-ZAR ========== */
#about-cny {
	margin: -20px 40px;
}
#about-cny h3{
	margin: 30px 5px;
}

/* ----- block-01 ----- */
#about-cny .block-01 {

	margin: 5px 5px 20px;
	position: relative;
	background: url(../img/bg_img-001.gif)  no-repeat;
	width: 898px;
	height:755px;
	margin: 0 auto;
}
#about-cny .block-01 p{
	text-align: center;
}
#about-cny .block-01 h3{
	padding-top: 32px;
}

#about-cny .block-01 h4{
	text-align: center;
}

#about-cny .block-01 dl{
	margin: 20px;
}
#about-cny .block-01 dt{
	padding-left: 95px;
}
#about-cny .block-01 dd{
	padding: 8px 150px;
}

/* ========== cancellation ========== */
#cancellation {
	background-color: #fff9e5;
	border-color: #f7f3e4;
	border-style: solid;
	border-width: 1px 0;
	margin: 40px 0 20px;
	padding: 40px;
}

#cancellation .area-title {
	margin-left: -40px;
}

/* ========== cancellation ========== */
#trend_cyn{
margin: 40px;
}
#trend_cyn h3{
	margin: 30px 5px;
}
#trend_cyn .innerA h4{
	margin: 17px 80px;
}
.remark_info{
	background-color: #f7f7f7;
	margin: 10px 45px;
	padding: 20px;
}
.remark_info_2{
	background-color: #fff;
	border: 1px solid #df446a;
	border-radius: 10px;
	margin: 30px 0px;
	padding: 15px;
}
.remark_info_2 dl{
	zoom:1;
	overflow: hidden;
}
.remark_info_2 dl dt{
	float: left;
	width: 78px;
	padding:25px 15px;
	box-sizing: content-box;
}
.remark_info_2 dl dd{
}

#trend_cyn .supplemental-info{
	background-color: #fff9e5;
	padding: 20px 40px;
	margin-top: 30px;
}
#trend_cyn .multi-column .column_l{
	background: #fff;
	padding: 35px 27px;
	float: left;
	box-sizing: content-box;
}
#trend_cyn .columu_inner{
	background-color: #FFFBEF;
	width: 399px;
	height: 180px;
	padding: 10px;
	box-sizing: content-box;
}
#trend_cyn .column_l p{
	/*margin-top: 37px*/
}

#trend_cyn .column_r{
	float: right;
}

#trend_cyn .notes_1{
	padding: 41px 0 30px 95px;
}
#trend_cyn .column_r .bank_cny dl{
	width: 287px;
	margin: 20px auto;
	padding: 10px;
	background: #f7f3e4;
	box-sizing: content-box;
}

#trend_cyn .column_r .bank_cny dt{
	font-size: 115%;
}
#trend_cyn .column_r .bank_cny dd{
	padding-top: 20px;
}


/* ========== enquete ========== */
#enquete {
	margin-top: 20px;
}

#enquete .enquete-item-set + .enquete-item-set {
	border-top: #f7f3e4 solid 1px;
}

#enquete .enquete-item {
	margin: 30px 40px;
}

#enquete .enquete-item + .enquete-item {
	margin-top: 35px;
}

#enquete .enquete-item .item-title {
	margin-left: 3px;
}

/* ----- supplemental-info ----- */
#enquete .supplemental-info {
	background-color: #fff9e5;
	padding: 20px 40px;
}

#enquete .supplemental-info h5 {
	margin: 35px 0 0 -40px;
}

#enquete .supplemental-info p {
	margin-right: 20px;
	margin-left: 20px;
}

#enquete .supplemental-info p.alignCenter {
	margin-right: 0;
	margin-left: 0;
}

/* ----- remark-info ----- */
#enquete .remark-info {
	background-color: #f7f7f7;
	margin: 30px 45px;
	padding: 20px;
}

/* ========== ranking-01 ========== */
#contentArea .ranking-01 {
}

#contentArea .ranking-01 h2 {
	margin-left: -20px;
}

#contentArea .ranking-01 .ranking {
	margin: 30px -40px 0;
}

#contentArea .ranking-01 .ranking li {
	padding: 27px 0 27px 60px;
}

#contentArea .ranking-01 .ranking li.even {
	background-color: #f5f5f5;
}

#contentArea .ranking-01 .note {
	color: #666666;
	margin: 10px 0 0 35px;
}


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


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

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

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

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

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


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



/*-----------------------------------------------------------
	set control
-----------------------------------------------------------*/
/* ========== clear fix ========== */
.float-area,
.multi-column,
#currencyNav,
#LinkBtnArea-full ul {
	_zoom: 1;
}

.float-area:after,
.multi-column:after,
#currencyNav:after,
#LinkBtnArea-full ul:after {
	clear: both;
	content: "";
	display: block;
}