/* keyVisualArea
-------------------------------------------------- */

#keyVisualArea {
	width: 757px;
	height: 745px;
	padding: 0px;
	margin: 0px;
	position: relative;
	background: #FFFFFF;
}

#keyVisualArea h1 {
	width: 757px;
	height: 128px;
	padding: 0px;
	margin: 0px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	text-align: center;
	background: url(../images/keyvisual_01.jpg);
	color: #f4f5f4;
}

#keyVisualArea p {
	width: 757px;
	height: 95px;
	padding: 0px;
	margin: 0px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	text-align: center;
	background: url(../images/keyvisual_02.jpg);
	color: #FFFFFF;
}

/* topNavigationArea
-------------------------------------------------- */

#keyVisualArea #topNavigationArea {
	width: 757px;
	height: 330px;
	padding: 0px;
	margin: 0px;
	background: url(../images/keyvisual_03.jpg) no-repeat;
	position: absolute;
	top: 223px;
	left: 0px;
}

#keyVisualArea #topNavigationArea ul {
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 8px;
	left: 38px;
}

#keyVisualArea #topNavigationArea ul.link {
	padding: 0px;
	margin: 0px;
	line-height: 1;
	list-style-type: none;
}

#keyVisualArea #topNavigationArea ul.link li#forChange_001 {
	padding: 0px;
	margin: 0px;
	position: absolute;
	left: 7px;
	top: 14px;
}

#keyVisualArea #topNavigationArea ul.link li#forChange_002 {
	padding: 0px;
	margin: 0px;
	position: absolute;
	left: 7px;
	top: 60px;
}

#keyVisualArea #topNavigationArea ul.link li#forChange_003 {
	width: 231px;
	height: 73px;
	padding: 0px;
	margin: 0px;
	background: url(/product/card/cf/images/btn_inportant_on.gif) left top no-repeat;
	position: absolute;
	left: 451px;
	top: 43px;
}

#keyVisualArea #topNavigationArea ul.link li#forChange_003 a {
	width: 231px;
	height: 73px;
	display: block;
}

#keyVisualArea #topNavigationArea ul.link li#forChange_003 a:hover {
	width: 231px;
	height: 73px;
	background-color: transparent;
}

#keyVisualArea #topNavigationArea ul.link li#forChange_003 a:hover img {
	visibility: hidden;
}

#keyVisualArea #topNavigationArea ul.link li#forChange_004 {
	padding: 0px;
	margin: 0px;
	position: absolute;
	left: 7px;
	top: 150px;
}

#keyVisualArea #topNavigationArea ul.link li#forChange_005 {
	width: 421px;
	height: 58px;
	padding: 0px;
	margin: 0px;
	background: url(/product/card/cf/images/btn_change_solatocard_on.gif) left top no-repeat;
	position: absolute;
	left: 7px;
	top: 225px;
}

#keyVisualArea #topNavigationArea ul.link li#forChange_005 a {
	width: 421px;
	height: 58px;
	display: block;
}

#keyVisualArea #topNavigationArea ul.link li#forChange_005 a:hover {
	width: 421px;
	height: 58px;
	background-color: transparent;
}

#keyVisualArea #topNavigationArea ul.link li#forChange_005 a:hover img {
	visibility: hidden;
}

#keyVisualArea #topNavigationArea ul.link li#forChange_006 {
	padding: 0px;
	margin: 0px;
	position: absolute;
	left: 460px;
	top: 147px;
}

#keyVisualArea #topNavigationArea ul.link li#nav01 {
}

#keyVisualArea #topNavigationArea ul.link li#nav02 {
}

#keyVisualArea #topNavigationArea ul.link li a {
	padding: 0px;
	margin: 0px;
	display: block;
}

#keyVisualArea #topNavigationArea ul.link li#nav01 a {
	width: 231px;
	height: 72px;
}

#keyVisualArea #topNavigationArea ul.link li#nav02 a {
	width: 281px;
	height: 72px;
	margin-left: 1px;
}

/* anchorLinkArea
-------------------------------------------------- */

#anchorLinkArea {
	width: 757px;
	height: 187px;
	_height: 182px;
	_h\eight: 187px;
	padding: 0px;
	margin: 0px;
	border-bottom: 5px solid #d8d8d8;
	background: url(../images/ala_bg.gif) top right repeat-x;
	position: absolute;
	top: 553px;
	left: 0px;
}

#anchorLinkArea ul.link {
	padding: 0px;
	margin: 0px;
	position: absolute;
	top: 20px;
	left: 45px;
	line-height: 1;
	list-style-type: none;
}

#anchorLinkArea ul.link li {
	padding: 0px;
	margin: 0px 0px 13px 0px;
}

#anchorLinkArea ul.link li#nav001 {
	width: 259px;
	height: 27px;
	position: absolute;
	top: 0px;
	left: 0px;
	
}

#anchorLinkArea ul.link li#nav002 {
	width: 313px;
	height: 27px;
	position: absolute;
	top: 0px;
	left: 343px;
}

#anchorLinkArea ul.link li#nav003 {
	width: 186px;
	height: 27px;
	position: absolute;
	top: 40px;
	left: 0px;
}

#anchorLinkArea ul.link li#nav004 {
	width: 200px;
	height: 27px;
	position: absolute;
	top: 40px;
	left: 343px;
}

#anchorLinkArea ul.link li#nav005 {
	width: 227px;
	height: 27px;
	position: absolute;
	top: 80px;
	left: 0px;
}

#anchorLinkArea ul.link li#nav006 {
	width: 240px;
	height: 27px;
	position: absolute;
	top: 80px;
	left: 343px;
}

#anchorLinkArea ul.link li#nav007 {
	width: 268px;
	height: 27px;
	position: absolute;
	top: 120px;
	left: 0px;
}

#anchorLinkArea ul.link li a {
	padding: 0px;
	margin: 0px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	background: #FFFFFF;
}

#anchorLinkArea ul.link li#nav001 a {
	width: 259px;
	height: 27px;
	background: url(../images/ala_btn01.gif) no-repeat;
}

#anchorLinkArea ul.link li#nav002 a {
	width: 313px;
	height: 27px;
	background: url(../images/ala_btn02.gif) no-repeat;
}

#anchorLinkArea ul.link li#nav003 a {
	width: 186px;
	height: 27px;
	background: url(../images/ala_btn03.gif) no-repeat;
}

#anchorLinkArea ul.link li#nav004 a {
	width: 200px;
	height: 27px;
	background: url(../images/ala_btn04.gif) no-repeat;
}

#anchorLinkArea ul.link li#nav005 a {
	width: 227px;
	height: 27px;
	background: url(../images/ala_btn05.gif) no-repeat;
}

#anchorLinkArea ul.link li#nav006 a {
	width: 240px;
	height: 27px;
	background: url(../images/ala_btn06.gif) no-repeat;
}

#anchorLinkArea ul.link li#nav007 a {
	width: 268px;
	height: 27px;
	background: url(../images/ala_btn07.gif) no-repeat;
}

/* contentsBox
-------------------------------------------------- */

#mainArea {
	width: 662px;
	margin: 0px 0px 29px 45px;
	padding: 0px;
}

#mainArea #contentsBox {
	width: 662px;
	margin: 0px;
	padding: 0px;
}

#mainArea #contentsBox h2 {
	padding: 0px;
	margin: 29px 0px 9px 0px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	text-align: center;
	line-height: 1;
	color: #FFFFFF;
}

#mainArea #contentsBox h2.title01 {
	width: 376px;
	height: 34px;
	background: url(../images/ma_title01.gif);
}

#mainArea #contentsBox h2.title02 {
	width: 476px;
	height: 34px;
	background: url(../images/ma_title02.gif);
}

#mainArea #contentsBox h2.title03 {
	width: 257px;
	height: 34px;
	background: url(../images/ma_title03.gif);
}

#mainArea #contentsBox h2.title04 {
	width: 259px;
	height: 34px;
	background: url(../images/ma_title04.gif);
}

#mainArea #contentsBox h2.title05 {
	width: 326px;
	height: 34px;
	background: url(../images/ma_title05.gif);
}

#mainArea #contentsBox h2.title06 {
	width: 348px;
	height: 34px;
	background: url(../images/ma_title06.gif);
}

#mainArea #contentsBox h2.title07 {
	width: 361px;
	height: 34px;
	background: url(../images/ma_title07.gif);
}

#mainArea #contentsBox .content {
	width: 582px;
	margin: 0px 0px 0px 80px;
	padding: 0px;
}

#mainArea #contentsBox .content p {
	margin: 0px 0px 25px 0px;
	padding: 0px;
}

#mainArea #contentsBox .content h3 {
	width: 582px;
	height: 41px;
	padding: 0px;
	margin: 0px 0px 15px 0px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	text-align: center;
	line-height: 1;
	color: #FFFFFF;
	background: url(../images/ma_title01_sub1.gif);
}

#mainArea #contentsBox .content #twoColumns {
	width: 582px;
	margin: 0px;
	padding: 0px;
}

#mainArea #contentsBox .content #twoColumns .leftColumn {
	width: 280px;
	float: left;
}

#mainArea #contentsBox .content #twoColumns .rightColumn {
	width: 280px;
	float: right;
}

#mainArea #contentsBox .content #twoColumns h3 {
	padding: 0px;
	margin: 0px 0px 5px 0px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	text-align: center;
	line-height: 1;
	color: #FFFFFF;
}

#mainArea #contentsBox .content #twoColumns h3.sub0201 {
	width: 171px;
	height: 15px;
	background: url(../images/ma_title02_sub1.gif);
}

#mainArea #contentsBox .content #twoColumns h3.sub0202 {
	width: 108px;
	height: 15px;
	background: url(../images/ma_title02_sub2.gif);
}

#mainArea #contentsBox .content #twoColumns h3.sub0203 {
	width: 122px;
	height: 15px;
	background: url(../images/ma_title02_sub3.gif);
}

#mainArea #contentsBox .content #twoColumns h3.sub0204 {
	width: 56px;
	height: 15px;
	background: url(../images/ma_title02_sub4.gif);
}

#mainArea #contentsBox .content #twoColumns h3.sub0205 {
	width: 126px;
	height: 15px;
	background: url(../images/ma_title02_sub5.gif);
}

#mainArea #contentsBox .content #twoColumns h3.sub0206 {
	width: 101px;
	height: 15px;
	background: url(../images/ma_title02_sub6.gif);
}

#mainArea #contentsBox .content #twoColumns h3.sub0301 {
	width: 143px;
	height: 15px;
	background: url(../images/ma_title03_sub1.gif);
}

#mainArea #contentsBox .content #twoColumns h3.sub0302 {
	width: 112px;
	height: 15px;
	background: url(../images/ma_title03_sub2.gif);
}

#mainArea #contentsBox .content #twoColumns h3.sub0303 {
	width: 112px;
	height: 15px;
	background: url(../images/ma_title03_sub3.gif);
}

#mainArea #contentsBox .content #twoColumns h3.sub0304 {
	width: 122px;
	height: 15px;
	background: url(../images/ma_title03_sub4.gif);
}

#mainArea #contentsBox .content #twoColumns h3.sub0701 {
	width: 122px;
	height: 15px;
	background: url(../images/ma_title07_sub1.gif);
}

#mainArea #contentsBox .content #twoColumns h3.sub0702 {
	width: 55px;
	height: 15px;
	background: url(../images/ma_title07_sub2.gif);
}

#mainArea #contentsBox .content #twoColumns .cardLeft {
	width: 327px;
	float: left;
}

#mainArea #contentsBox .content #twoColumns .cardRight {
	width: 224px;
	float: right;
}

/* contentsBox #stepBox
-------------------------------------------------- */

#mainArea #contentsBox #stepBox {
	width: 582px;
	margin: 0px;
	padding: 0px 0px 35px;
	background: url(../images/spb_bg_bottom.gif) bottom no-repeat;
}

#mainArea #contentsBox #stepBox #twoColumns {
	padding: 21px 0px 21px;
	margin: 0px;
	width: 582px;
	background: url(../images/spb_bg_top.gif) top no-repeat;
}

#mainArea #contentsBox #stepBox #twoColumnsBg2 {
	padding: 21px 0px 21px;
	margin: 0px;
	width: 582px;
	background: url(../images/spb_bg_top2.gif) top no-repeat;
}

#mainArea #contentsBox #stepBox #twoColumnsBg2 .leftColumn,
#mainArea #contentsBox #stepBox #twoColumns .leftColumn {
	padding: 0px 0px 0px 46px;
	margin: 0px;
	width: 53px;
	_width: 99px;
	_w\idth: 53px;
	float: left;
}

#mainArea #contentsBox #stepBox #twoColumnsBg2 .rightColumn,
#mainArea #contentsBox #stepBox #twoColumns .rightColumn {
	padding: 10px 31px 10px 19px;
	margin: 0px;
	width: 431px;
	_width: 463px;
	_w\idth: 431px;
	border-left: 2px solid #da0000;
	float: right;
}

#mainArea #contentsBox #stepBox .leftColumn div {
	width: 33px;
	height: 37px;
	padding: 0px;
	margin: 0px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	text-align: center;
	line-height: 1;
	color: #FFFFFF;
}

#mainArea #contentsBox #stepBox .leftColumn .left01 {
	background: url(../images/sb_left01.gif);
}

#mainArea #contentsBox #stepBox .leftColumn .left02 {
	background: url(../images/sb_left02.gif);
}

#mainArea #contentsBox #stepBox .leftColumn .left03 {
	background: url(../images/sb_left03.gif);
}

#mainArea #contentsBox #stepBox .leftColumn .left04 {
	background: url(../images/sb_left04.gif);
}

#mainArea #contentsBox #stepBox .rightColumn h4 {
	padding: 0px;
	margin: 0px 0px 6px 0px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	text-align: center;
	line-height: 1;
	color: #FFFFFF;
}

#mainArea #contentsBox #stepBox .rightColumn h4.title01 {
	width: 282px;
	height: 21px;
	background: url(../images/sb_title01.gif);
}

#mainArea #contentsBox #stepBox .rightColumn h4.title02 {
	width: 304px;
	height: 21px;
	background: url(../images/sb_title02.gif);
}

#mainArea #contentsBox #stepBox .rightColumn h4.title03 {
	width: 177px;
	height: 21px;
	background: url(../images/sb_title03.gif);
}

#mainArea #contentsBox #stepBox .rightColumn h4.title04 {
	width: 389px;
	height: 21px;
	background: url(../images/sb_title04.gif);
}

#mainArea #contentsBox #stepBox .rightColumn p {
	padding: 0px;
	margin: 0px 0px 13px 0px;
}

#mainArea #contentsBox #stepBox .rightColumn div {
	width: 430px;
	height: 158px;
	padding: 0px;
	margin: 0px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	text-align: center;
	line-height: 1;
	color: #FFFFFF;
}

#mainArea #contentsBox #stepBox .rightColumn div.image01 {
	background: url(../images/sb_img01.gif);
}

#mainArea #contentsBox #stepBox .rightColumn div.image03 {
	background: url(../images/sb_img03.gif);
}

#mainArea #contentsBox #stepBox .rightColumn div.image04 {
	background: url(../images/sb_img04.gif);
}

#mainArea #contentsBox #stepBox .rightColumn h5 {
	padding: 0px;
	margin: 0px;
	color: #da0000;
}

#mainArea #contentsBox #stepBox .rightColumn ul {
	margin: 0px;
	padding: 0px;
}

#mainArea #contentsBox #stepBox .rightColumn ul li.attention {
	line-height: 130%;
	background: url(/shared/images/bullet_small.gif) 4px 8px no-repeat;
	padding: 0px 0px 0px 13px;
	margin: 0px 0px 4px 0px;
}

/* contentsBox #bottomBox
-------------------------------------------------- */

#mainArea #contentsBox #bottomBox {
	width: 582px;
	height: 93px;
	padding: 0px;
	margin: 0px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	text-align: center;
	line-height: 1;
	color: #000000;
	background: #da0000 url(../images/spb_bg_bottom2.gif) top no-repeat;
}

/* duesBox
-------------------------------------------------- */

#mainArea #duesBox {
	width: 662px;
	margin: 0px;
	padding: 0px;
}

#mainArea #duesBox .duesLeftBox {
	width: 76px;
	margin: 4px 0px 0px;
	padding: 0px;
	float: left;
}

#mainArea #duesBox .duesRightBox {
	width: 586px;
	margin: 0px;
	padding: 0px;
	float: right;
}

#mainArea #duesBox h2 {
	padding: 0px;
	margin: 0px;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	text-align: center;
	line-height: 1;
	color: #FFFFFF;
}

#mainArea #duesBox h2.title08 {
	width: 39px;
	height: 13px;
	background: url(../images/ma_title08.gif);
}

#mainArea #duesBox h3.duesHead {
	width: 93px;
	margin: 0px;
	padding: 0px;
	font-size: small;
	_font-size: x-small;
	_fo\nt-size: small;
	background: none;
	color: #555555;
	font-weight: bold;
	float: left;
}

#mainArea #duesBox ul.duesPrice {
	list-style: none;
	margin: 0px;
	padding: 0px;
	float: left;
}

#mainArea #duesBox ul.duesPrice li.smallBullet {
	padding: 2px 0px 2px 13px;
	_padding: 2px 0px 2px 0px;
	_padd\ing: 2px 0px 2px 13px;
}

#mainArea #duesBox ul.duesPrice span.red {
	color: #cc0000;
	font-weight: bold;
}


/* To Top NavigationLocal
-------------------------------------------------- */

.toTopNavigationLocal {
	width: 662px;
	height: 11px;
	padding: 0px;
	margin: 0px;
	position: relative;
	display: block;
	font-size: 1px;
	te\xt-indent: -10000px;
	line-height: 1;
	text-align: center;
	background: #FFFFFF;
	color: #ffffff;
}

.toTopNavigationLocal a {
	width: 95px;
	height: 11px;
	margin: 0px 0px 0px 567px;
	padding: 0px;
	color: #ffffff;
	display: block;
	background-image: url(../../images/totop_btn.gif);
	text-decoration: none;
}

.toTopNavigationLocal a:link {
	color: #ffffff;
}

.toTopNavigationLocal a:visited {
	color: #ffffff;
}

.toTopNavigationLocal a:hover {
	color: #ffffff;
}

.toTopNavigationLocal a:active {
	color: #ffffff;
}

.toTopNavigationLocal a:hover {
	background-position: 0px -11px;
	text-decoration: none;
}

/* bottomNavigationArea
-------------------------------------------------- */

#contentsArea #bottomNavigationArea {
	width: 757px;
	height: 330px;
	padding: 0px;
	margin: 0px;
	background: url(../images/bottom_nav_bg.jpg) left top no-repeat;
	position: relative;
}

#contentsArea #bottomNavigationArea #bottomChange_001 {
	padding: 0px;
	margin: 0px;
	position: absolute;
	left: 45px;
	top: 29px;
}

#contentsArea #bottomNavigationArea #bottomChange_002 {
	padding: 0px;
	margin: 0px;
	position: absolute;
	left: 45px;
	top: 68px;
}

#contentsArea #bottomNavigationArea #bottomChange_003 {
	width: 231px;
	height: 73px;
	padding: 0px;
	margin: 0px;
	background: url(/product/card/cf/images/btn_inportant_on.gif) left top no-repeat;
	position: absolute;
	left: 489px;
	top: 51px;
}

#contentsArea #bottomNavigationArea #bottomChange_004 {
	padding: 0px;
	margin: 0px;
	position: absolute;
	left: 45px;
	top: 158px;
}

#contentsArea #bottomNavigationArea #bottomChange_005 {
	width: 421px;
	height: 58px;
	padding: 0px;
	margin: 0px;
	background: url(/product/card/cf/images/btn_change_solatocard_on.gif) left top no-repeat;
	position: absolute;
	left: 45px;
	top: 233px;
}

#contentsArea #bottomNavigationArea #bottomChange_006 {
	padding: 0px;
	margin: 0px;
	position: absolute;
	left: 498px;
	top: 155px;
}

#contentsArea #bottomNavigationArea #bottomChange_003 a {
	width: 231px;
	height: 73px;
	display: block;
}

#bottomNavigationArea #bottomChange_005 a {
	width: 421px;
	height: 58px;
	display: block;
}

#contentsArea #bottomNavigationArea #bottomChange_003 a:hover {
	width: 231px;
	height: 73px;
	background-color: transparent;
}

#contentsArea #bottomNavigationArea #bottomChange_005 a:hover {
	width: 421px;
	height: 58px;
	background-color: transparent;
}

#contentsArea #bottomNavigationArea #bottomChange_003 a:hover img {
	width: 231px;
	height: 73px;
	visibility: hidden;
}

#contentsArea #bottomNavigationArea #bottomChange_005 a:hover img {
	width: 421px;
	height: 58px;
	visibility: hidden;
}

/* HR Element
-------------------------------------------------- */

hr {
	display: none;
}

.hr {
	width: 582px;
	height: 1px;
	margin: 25px 0px 9px 0px;
	padding: 0px;
	background: url(../../images/line_bg.gif) 0px 0px no-repeat;
	_background: url(../../images/line_bg.gif) no-repeat;
	_background/* */: url(../../images/line_bg.gif) 0px 0px no-repeat;
}

.hr2 {
	width: 582px;
	height: 1px;
	margin: 25px 0px 9px 0px;
	_margin: 39px 0px 9px 0px;
	_ma\rgin: 47px 0px 9px 0px;
	padding: 0px;
	background: url(../../images/line_bg.gif) 0px 0px no-repeat;
	_background: url(../../images/line_bg.gif) no-repeat;
	_background/* */: url(../../images/line_bg.gif) 0px 0px no-repeat;
}