@charset 'UTF-8';

/*
===== CONTENTS =====

	1: visual identity images
	2: local navigation images
	3: contents link images
	4: investment graph

====================
*/


/*===== 1:visual identity images =====*/

#vi {
	background-image:url(/retail/image_uniq/index_vi.gif);
	width:570px;
	height:158px;
}

/*===== 2:local navigation images =====*/

#localnavi li#lnav01 a{
	display:block;
	width:142px;
	height:39px;
	background-image:url(/retail/image_dir/lnav_01.gif);
}
#localnavi li#lnav01 a:hover{
	display:block;
	width:142px;
	height:39px;
	background-image:url(/retail/image_dir/lnav_01_on.gif);
}
#localnavi li#lnav02 a{
	display:block;
	width:142px;
	height:39px;
	background-image:url(/retail/image_dir/lnav_02.gif);
	margin-left:1px;
}
#localnavi li#lnav02 a.on{
	display:block;
	width:142px;
	height:39px;
	background-image:url(/retail/image_dir/lnav_02_on.gif);
	margin-left:1px;
}
#localnavi li#lnav02 a:hover{
	display:block;
	width:142px;
	height:39px;
	background-image:url(/retail/image_dir/lnav_02_on.gif);
	margin-left:1px;
}
#localnavi li#lnav03 a{
	display:block;
	width:142px;
	height:39px;
	background-image:url(/retail/image_dir/lnav_03.gif);
	margin-left:1px;
}
#localnavi li#lnav03 a.on{
	display:block;
	width:142px;
	height:39px;
	background-image:url(/retail/image_dir/lnav_03_on.gif);
	margin-left:1px;
}
#localnavi li#lnav03 a:hover{
	display:block;
	width:142px;
	height:39px;
	background-image:url(/retail/image_dir/lnav_03_on.gif);
	margin-left:1px;
}
#localnavi li#lnav04 a{
	display:block;
	width:141px;
	height:39px;
	background-image:url(/retail/image_dir/lnav_04.gif);
	margin-left:1px;
}
#localnavi li#lnav04 a.on{
	display:block;
	width:141px;
	height:39px;
	background-image:url(/retail/image_dir/lnav_04_on.gif);
	margin-left:1px;
}
#localnavi li#lnav04 a:hover{
	display:block;
	width:141px;
	height:39px;
	background-image:url(/retail/image_dir/lnav_04_on.gif);
	margin-left:1px;
}


/*===== 3:contents link images =====*/

#contentslink h3#cl01 a{
	display:block;
	background-image:url(/retail/image_uniq/index_n_01.gif);
	width:121px;
	height:31px;
}
#contentslink h3#cl02 a{
	display:block;
	background-image:url(/retail/image_uniq/index_n_02.gif);
	width:134px;
	height:29px;
}
#contentslink h3#cl03 a{
	display:block;
	background-image:url(/retail/image_uniq/index_n_03.gif);
	width:94px;
	height:29px;
}
/*===== 4:investment graph =====*/
#investgraph {
	position:relative;
	margin-top:6px;
	margin-bottom:47px;
}
#grf table {
width:530px;
	margin:40px 0 0 0;
	padding:0;
	border-collapse:collapse;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
}
#contents #grf table th {
	text-align:left;
	font-size:0.8em;
	line-height:140%;
	font-weight:bold;
	background-color:#3D9BCD;
	color:#FFFFFF;
	border:1px solid #FFFFFF;
	width:176px;
}
#contents #grf table tr td {
	font-size:0.8em;
	line-height:140%;
	border:1px solid #FFFFFF;
	background-color:#DDDDDD;
	vertical-align:top;
	}

#newgrf table {
width:530px;
	margin:20px 0 0 0;
	padding:0;
	border-collapse:collapse;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
}

#contents #newgrf table caption {
	text-align:left;
	font-size:0.8em;
	line-height:140%;
	font-weight:bold;
	background-color:#3D9BCD;
	color:#FFFFFF;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	width:auto;
	padding:5px;
}
#contents #newgrf table tr th{
font-weight:normal;
text-align:left;
width:35%;
font-size:0.8em;
line-height:140%;
border:1px solid #FFFFFF;
background-color:#DDDDDD;
vertical-align:top;
white-space:normal;
}
#contents #newgrf table tr td{
font-size:0.8em;
line-height:140%;
border:1px solid #FFFFFF;
background-color:#DDDDDD;
vertical-align:top;
width:65%;
}


td#graph {
	margin:0;
	padding:0;
	border-bottom:solid 1px #FFFFFF;
}
td#graph a {
	display:block;
	padding:1px 3px 1px 1px;
}
td#graph a:hover {
	color:#333333;
	background-color:#FFB531;
	text-indent: 0; /* IE mac */
}
td#graph a em {
	display:none;
	top:545px;
	left:0;
	width:530px;
	position:absolute;
	font-weight:normal;
	font-style:normal;
}
td#graph a:visited em {
	display:none;
}
td#graph a:hover em {
	display:block;
}
td#graph a {
	text-decoration:none;
}
td#graph a span {
	font-size:0.85em;
	display:block;
	font-weight:bold;
}
a.link01 span {
	background-color:#2BC911;
	top:186px;
	left:166px;
	width:120px;
	height:28px;
}
a.link01:hover span {
	border:1px solid #2BC911;
	color: #2BC911;
	background-color:#FFFFFF;
}
a.link02 span {
	background-color:#FF6600;
	top:21px;
	left:396px;
	width:123px;
	height:28px;
}
a.link02:hover span {
	border:1px solid #FF6600;
	color: #FF6600;
	background-color:#FFFFFF;
}
a.link03 span {
	background-color:#D9A902;
	top:21px;
	left:252px;
	width:138px;
	height:28px;
}
a.link03:hover span {
	border:1px solid #D9A902;
	color: #D9A902;
	background-color:#FFFFFF;
}
a.link04 span {
	background-color:#D9A902;
	top:56px;
	left:252px;
	width:138px;
	height:16px;
}
a.link04:hover span {
	border:1px solid #D9A902;
	color: #D9A902;
	background-color:#FFFFFF;
}
a.link05 span {
	background-color:#8AC80E;
	top:80px;
	left:228px;
	width:170px;
	height:28px;
}
a.link05:hover span {
	border:1px solid #8AC80E;
	color: #8AC80E;
	background-color:#FFFFFF;
}
a.link06 span {
	background-color:#22C96C;
	top:292px;
	left:120px;
	width:160px;
	height:28px;
}
a.link06:hover span {
	border:1px solid #22C96C;
	color: #22C96C;
	background-color:#FFFFFF;
}
a.link07 span {
	background-color:#28B5AD;
	top:366px;
	left:79px;
	width:167px;
	height:28px;
}
a.link07:hover span {
	border:1px solid #28B5AD;
	color: #28B5AD;
	background-color:#FFFFFF;
}
a.link08 span {
	background-color:#28B5AD;
	top:400px;
	left:79px;
	width:180px;
	height:15px;
}
a.link08:hover span {
	border:1px solid #28B5AD;
	color: #28B5AD;
	background-color:#FFFFFF;
}
a.link09 span {
	background-color:#26C93E;
	top:222px;
	left:147px;
	width:234px;
	height:28px;
}
a.link09:hover span {
	border:1px solid #069E0F;
	color: #069E0F;
	background-color:#FFFFFF;
}
a.link10 span {
	background-color:#2AA9BD;
	top:421px;
	left:49px;
	width:165px;
	height:28px;
}
a.link10:hover span {
	border:1px solid #2AA9BD;
	color: #2AA9BD;
	background-color:#FFFFFF;
}
a.link11 span {
	background-color:#3D9BCD;
	top:455px;
	left:27px;
	width:165px;
	height:28px;
}
a.link11:hover span {
	border:1px solid #3D9BCD;
	color: #3D9BCD;
	background-color:#FFFFFF;
}
a.link12 span {
	background-color:#2AA9BD;
	top:366px;
	left:253px;
	width:80px;
	height:28px;
}
a.link12:hover span {
	border:1px solid #2AA9BD;
	color: #2AA9BD;
	background-color:#FFFFFF;
}
a.link13 span {
	background-color:#27C29F;
	top:332px;
	left:96px;
	width:145px;
	height:28px;
}
a.link13:hover span {
	border:1px solid #27C29F;
	color: #27C29F;
	background-color:#FFFFFF;
}
a.link14 span {
	background-color:#22C96C;
	top:257px;
	left:135px;
	width:160px;
	height:28px;
}
a.link14:hover span {
	border:1px solid #22C96C;
	color: #22C96C;
	background-color:#FFFFFF;
}
a.link15 span {
	background-color:#91CE0F;
	top:115px;
	left:180px;
	width:210px;
	height:28px;
}
a.link15:hover span {
	border:1px solid #91CE0F;
	color: #8AC80E;
	background-color:#FFFFFF;
}
/*
a.link16 span {
	background-color:#91CE0F;
	top:113px;
	left:180px;
	width:200px;
	height:30px;
}
a.link16:hover span {
	border:1px solid #91CE0F;
	color: #8AC80E;
	background-color:#FFFFFF;
}*/
a.link17 span {
	background-color:#91CE0F;
	top:113px;
	left:180px;
	width:200px;
	height:30px;
}
a.link17:hover span {
	border:1px solid #91CE0F;
	color: #8AC80E;
	background-color:#FFFFFF;
}

a.link18 span {
	background-color:#91CE0F;
	top:150px;
	left:180px;
	width:170px;
	height:28px;
}
a.link18:hover span {
	border:1px solid #91CE0F;
	color: #8AC80E;
	background-color:#FFFFFF;
}

/*
a.link19 span {
	background-color:#27C29F;
	top:327px;
	left:110px;
	width:170px;
	height:28px;
}
a.link19:hover span {
	border:1px solid #27C29F;
	color: #27C29F;
	background-color:#FFFFFF;
}
*/
a.link20 span {
	background-color:#91CE0F;
	top:150px;
	left:356px;
	width:170px;
	height:28px;
}

a.link20:hover span {
	border:1px solid #91CE0F;
	color: #8AC80E;
	background-color:#FFFFFF;
}

a.link01 span,a.link02 span,a.link03 span,a.link04 span,a.link05 span,a.link06 span,a.link07 span,a.link08 span,a.link09 span,a.link10 span,a.link11 span,a.link12 span,a.link13 span,a.link14 span,a.link15 span,a.link16 span,a.link17 span,a.link18 span,a.link19 span,a.link20 span {
	display:block;
	padding:2px;
	position:absolute;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	cursor:pointer;
	line-height:120%;
}

/*===== 5:items graph =====*/

p span {
    display:none;
}
p#grh01 {
    background-image:url(/retail/items/image_uniq/daiwa_economy_grh.gif);
    width:530px;
    height:312px;
}
p#grh02 {
    background-image:url(/retail/items/image_uniq/invesco_shop_grh.gif);
    width:530px;
    height:312px;
}
p#grh03 {
    background-image:url(/retail/items/image_uniq/sinko_china_grh.gif);
    width:420px;
    height:312px;
}
p#grh04 {
    background-image:url(/retail/items/image_uniq/pca_india_grh.gif);
    width:530px;
    height:312px;
}
p#grh05 {
    background-image:url(/retail/items/image_uniq/invesco_euro_grh.gif);
    width:530px;
    height:312px;
}
p#grh06 {
    background-image:url(/retail/items/image_uniq/sinko_pikute_grh.gif);
    width:530px;
    height:312px;
}
p#grh07 {
    background-image:url(/retail/items/image_uniq/sovereign_grh.gif);
    width:530px;
    height:312px;
}
p#grh08 {
    background-image:url(/retail/items/image_uniq/foreign_prices_grh.gif);
    width:530px;
    height:312px;
}
p#grh09 {
    background-image:url(/retail/items/image_uniq/daiwa_dollar_grh.gif);
    width:530px;
    height:312px;
}
p#grh10 {
    background-image:url(/retail/items/image_uniq/high_grade_grh.gif);
    width:530px;
    height:312px;
}
p#grh11 {
    background-image:url(/retail/items/image_uniq/j_reit_grh.gif);
    width:530px;
    height:312px;
}
p#grh12 {
    background-image:url(/retail/items/image_uniq/emerging_grh.gif);
    width:530px;
    height:312px;
}
p#grh13 {
    background-image:url(/retail/items/image_uniq/sinsei_china_grh.gif);
    width:530px;
    height:312px;
}
p#grh14 {
    background-image:url(/retail/items/image_uniq/invesco_asia_grh.gif);
    width:530px;
    height:312px;
}
p#grh15 {
    background-image:url(/retail/items/image_uniq/croquis_grh.gif);
    width:530px;
    height:312px;
}
p#grh16 {
    background-image:url(/retail/items/image_uniq/balance_grh.gif);
    width:530px;
    height:312px;
}
p#grh17 {
    background-image:url(/retail/items/image_uniq/sonpo_komoddy_grh.gif);
    width:530px;
    height:312px;
}
p#grh18 {
    background-image:url(../retail/items/image_uniq/japan_sovereign_grh.gif);
    width:530px;
    height:312px;
}
/*===== 5:retail guide navigation =====*/

#retailnavi {
    width:120px;
    height:30px;
    border-right:1px solid #ABABAB;
    border-bottom:1px solid #ABABAB;
    color:#333333;
    display:block;
    margin:15px 0 0 215px;
    background-color:#E0E0E0;
    text-align:center;
}
#retailnavi:hover{
    border-right:1px solid #A0A0A0;
    border-bottom:1px solid #A0A0A0;
    background-color:#D2D2D2;
}
#retailnavi ul {
	padding-top:5px;
}
#retailnavi ul li a {
	font-size:0.7em;
}



/*===== 20100714 =====*/


#contents table {
width:530px;
}