@charset "utf-8";

#aboutSubNavi {
	clear: both;
	padding: 0 2px 0 1px;
	height: 32px;
}
#aboutSubNavi ul{
	background:#83692F;
	display:block;
	height: 32px;
}
#aboutSubNavi a{
	display:block;
	float:left;
	margin:7px 0 0 0;
}
#aboutSubNavi span{
	display:none;
}
#aboutSubNavi li{
	display: inline;
}
#aboutSubNavi .A a{
	background: url(../image/about/about_sub_menu.gif) no-repeat -9px -13px;
	width:110px;
	height: 21px;
	margin-left: 9px;
}
#aboutSubNavi .B a{
	background: url(../image/about/about_sub_menu.gif) no-repeat -119px -13px;
	width:166px;
	height: 21px;
}
#aboutSubNavi .C a{
	background: url(../image/about/about_sub_menu.gif) no-repeat -286px -13px;
	width:140px;
	height: 21px;
}
#aboutSubNavi .D a{
	background: url(../image/about/about_sub_menu.gif) no-repeat -426px -13px;
	width:130px;
	height: 21px;
}
#aboutSubNavi .A a.acitve,
#aboutSubNavi .A a:hover{
	background: url(../image/about/about_sub_menu.gif) no-repeat -9px -51px;
}
#aboutSubNavi .B a.acitve,
#aboutSubNavi .B a:hover{
	background: url(../image/about/about_sub_menu.gif) no-repeat -119px -51px;
}
#aboutSubNavi .C a.acitve,
#aboutSubNavi .C a:hover{
	background: url(../image/about/about_sub_menu.gif) no-repeat -286px -51px;
}
#aboutSubNavi .D a.acitve,
#aboutSubNavi .D a:hover{
	background: url(../image/about/about_sub_menu.gif) no-repeat -426px -51px;
}
/* id */
h2 span, h3 span {
  display:none;
}
.id h2 { 
	background:url(../image/about/id/header.jpg) no-repeat left top;
	display: block;
	height: 36px;
	width: 658px;
}

#flash_menu li {
	width:325px;
	height:32px;
	margin:5px 5px 0 0; 
	display:inline;
	float:left;
}
#flash_menu a {
	width:325px;
	height:32px;
	display:block;
}

#flash_menu span {
	display:none;
}

#flash_menu01 { background:url(../image/about/id/flash_menu01.gif) no-repeat left top;}
#flash_menu02 { background:url(../image/about/id/flash_menu02.gif) no-repeat left top;}
#flash_menu03 { background:url(../image/about/id/flash_menu03.gif) no-repeat left top;}
#flash_menu04 { background:url(../image/about/id/flash_menu04.gif) no-repeat left top;}
#flash_menu05 { background:url(../image/about/id/flash_menu05.gif) no-repeat left top;}

/* what */

.what h2 {
	background:url(../image/about/what/header.jpg) no-repeat left top;
}

.what h3.what_header01 { background:url(../image/about/what/what_header01.jpg) no-repeat left top;}
.what h3.what_header02 { background:url(../image/about/what/what_header02.jpg) no-repeat left top;}
.what h3.what_header03 { background:url(../image/about/what/what_header03.jpg) no-repeat left top;}

.what #start a { background:url(../image/about/what/startbutton.jpg) no-repeat left top;}
.what #start a:hover { background:url(../image/about/what/startbutton_on.jpg) no-repeat left top;}

.id_mark { vertical-align:middle; }

/* otoku */
.otoku h2 {
	background:url(../image/about/otoku/header.jpg) no-repeat left top;
}

.otoku h3.otoku_header01 { background:url(../image/about/otoku/otoku_header01.jpg) no-repeat left top;}
.otoku h3.otoku_header02 { background:url(../image/about/otoku/otoku_header02.jpg) no-repeat left top;}
.otoku h3.otoku_header03 { background:url(../image/about/otoku/otoku_header03.jpg) no-repeat left top;}
.otoku h3.otoku_header04 { background:url(../image/about/otoku/otoku_header04.jpg) no-repeat left top;}
.otoku h3.otoku_header05 { background:url(../image/about/otoku/otoku_header05.jpg) no-repeat left top;}
.otoku h3.otoku_header06 { background:url(../image/about/otoku/otoku_header06.jpg) no-repeat left top;}
.otoku h3.otoku_header07 { background:url(../image/about/otoku/otoku_header07.jpg) no-repeat left top;}

.otoku #cpnlist a { background:url(../image/about/otoku/cpnlistbutton.jpg) no-repeat left top;}
.otoku #cpnlist a:hover { background:url(../image/about/otoku/cpnlistbutton_on.jpg) no-repeat left top;}
.otoku #toruca a { background:url(../image/about/otoku/torucabutton.jpg) no-repeat left top;}
.otoku #toruca a:hover { background:url(../image/about/otoku/torucabutton_on.jpg) no-repeat left top;}

.otoku #torucaImage {
  margin:10px auto;
  text-align:center;
}

.otoku #torucaImage img {
  margin:0 10px;
}

/* anshin */
.anshin h2 {
	background:url(../image/about/anshin/header.jpg) no-repeat left top;
}

.anshin h3.anshin_header01 { background:url(../image/about/anshin/anshin_header01.jpg) no-repeat left top;}
.anshin h3.anshin_header02 { background:url(../image/about/anshin/anshin_header02.jpg) no-repeat left top;}
.anshin h3.anshin_header03 { background:url(../image/about/anshin/anshin_header03.jpg) no-repeat left top;}
.anshin h3.anshin_header04 { background:url(../image/about/anshin/anshin_header04.jpg) no-repeat left top;}
.anshin h3.anshin_header05 { background:url(../image/about/anshin/anshin_header05.jpg) no-repeat left top;}
.anshin h3.anshin_header06 { background:url(../image/about/anshin/anshin_header06.jpg) no-repeat left top;}
.anshin h3.anshin_header07 { background:url(../image/about/anshin/anshin_header07.jpg) no-repeat left top;}

.anshin #cardrock a { background:url(../image/about/anshin/cardrockbutton.jpg) no-repeat left top;}
.anshin #cardrock a:hover { background:url(../image/about/anshin/cardrockbutton_on.jpg) no-repeat left top;}

.anshin #leavingrock a { background:url(../image/about/anshin/leavingrockbutton.jpg) no-repeat left top;}
.anshin #leavingrock a:hover { background:url(../image/about/anshin/leavingrockbutton_on.jpg) no-repeat left top;}

.anshin #phoneamends a { background:url(../image/about/anshin/phoneamendsbutton.jpg) no-repeat left top;}
.anshin #phoneamends a:hover { background:url(../image/about/anshin/phoneamendsbutton_on.jpg) no-repeat left top;}


/* credit */
.credit h2{ 
	background:url(../image/about/credit/header.jpg) no-repeat left top;
}
.c83692F{
	color:#83692F;
}
.credit .goTop{
	display:block;
	padding:8px 5px 15px 0;
	font-size:0.69em;
	color:#83692F;
	line-height:100%;
}
.credit .last{
	padding:8px 5px 0px 0;
}
.credit .goTop a{
	display:block;
	margin-left:auto;
	width:119px;
	height:11px;
	background: url(../image/about/go_top.gif) no-repeat left top;
}
.goTop span{
	display:none;
}
#creditMenu {
	padding:30px 18px 30px 20px;
}
#creditMenu li{
	display: inline;
}
#creditMenu a{
	display:block;
	width:150px;
	height:20px;
	float:left;
	margin:0 5px 4px 0;
}
#creditMenu ul{
	background: url(../image/about/credit/credit_menu.gif) no-repeat left top;
	height: 69px;
	width: 620px;
	display:block;
}
#creditMenu span{
	display:none;
}
#creditMenu .A a:hover{
	background: url(../image/about/credit/credit_menu.gif) no-repeat 0 -72px;
}
#creditMenu .B a:hover{
	background: url(../image/about/credit/credit_menu.gif) no-repeat -155px -72px;
}
#creditMenu .C a:hover{
	background: url(../image/about/credit/credit_menu.gif) no-repeat -310px -72px;
}
#creditMenu .D a:hover{
	background: url(../image/about/credit/credit_menu.gif) no-repeat -465px -72px;
}
#creditMenu .E a:hover{
	background: url(../image/about/credit/credit_menu.gif) no-repeat 0 -96px;
}
#creditMenu .F a:hover{
	background: url(../image/about/credit/credit_menu.gif) no-repeat -155px -96px;
}
#creditMenu .G a:hover{
	background: url(../image/about/credit/credit_menu.gif) no-repeat -310px -96px;
}
#creditMenu .H a:hover{
	background: url(../image/about/credit/credit_menu.gif) no-repeat -465px -96px;
}
#creditMenu .I a:hover{
	background: url(../image/about/credit/credit_menu.gif) no-repeat 0 -120px;
}
#creditMenu .J a:hover{
	background: url(../image/about/credit/credit_menu.gif) no-repeat -155px -120px;
}
#creditMenu .K a:hover{
	background: url(../image/about/credit/credit_menu.gif) no-repeat -310px -120px;
}

#creditMenu .L a:hover{
	background: url(../image/about/credit/credit_menu.gif) no-repeat -465px -120px;
}

.credit .cardBox{
	background:url(../image/about/box_bottom.gif) no-repeat left bottom;
	padding:0 0 21px 0;
	width: 658px;
}
.credit .cardBox .innerBoxA{
	border-left:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
	padding: 10px 10px 0 19px;
}
.credit .cardBox .innerBoxA:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.credit .cardBox .innerBoxA {
	display: inline-block;
}
/* \*/
* html .credit .cardBox .innerBoxA {
	height: 1%;
}
.credit .cardBox .innerBoxA{
	display: block;
}
/* */
.credit .cardBox h3{
	height: 27px;
	width: 658px;
}
.credit .cardBox h3 span{
	display:none;
}
.credit .cardBox dl{
	display:block;
}
.credit .cardBox dt{
	display:block;
	width:208px;
	height:97px;
	float:left;
}
.credit .cardBox dt img{
	display:block;
	width:208px;
	height:97px;
	float:left;
}
.cardBox dd{
	display: block;
	float:left;
	padding:18px 0px 0 0;
	width:104px;
	height:65px;
	line-height:110%;
	text-align:center;
	font-size:0.75em;
	font-weight:bold;
	color:#666666;
}
.credit .cardBox dd img{
	display:block;
	width:104px;
	height:65px;
	margin: 0 0 7px 0;
}
.credit .cardBox dd.cardA{
	padding:18px 70px 0 73px;
}
.credit .cardBox dd.cardB{
	padding:18px 20px 0 33px;
}
.credit .cardBox dd.cardC{
	width:120px;
	padding:18px 8px 0 0px;
}

.credit .cardBox dd#extra{
padding:0 15px 0 33px;
	width:65px;
	height:104px;
}

.credit .cardBox dd#extra02{
padding:0 30px 0 20px;
	width:65px;
	height:104px;
}

.credit .cardBox dd#extra img{
	display:block;
	width:65px;
	height:104px;
	margin: 0 0 7px 0;
}

.credit .cardBox #extra02 img{
	display:block;
	width:65px;
	height:104px;
	margin: 0 0 7px 0;
}


.credit .orderBox{
	clear:both;
	padding: 14px 0 0 0;
	width:618px;
}
.credit .orderBox .innerBoxB{
	clear:both;
	padding:6px 11px;
	border:solid 1px #CCCCCC;
}
.credit .orderBox .innerBoxB:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.credit .orderBox .innerBoxB {
	display: inline-block;
}
/* \*/
* html .credit .orderBox .innerBoxB {
	height: 1%;
}
.credit .orderBox .innerBoxB {
	display: block;
}
/* */
.credit .orderBox img{
	display:block;
}
.credit .orderBox a{ 
	background:url(../image/about/credit/order_button.gif) no-repeat;
	width:160px;
	height:23px;
	display:block;
	float:left;
	margin:7px 0 0 2px;
}
.credit .orderBox a span{
	display:none;
}
.credit .orderBox p{
	color:#666666;
	font-size:0.75em;
	display:block;
	line-height:150%;
	width: 404px;
	white-space:nowrap;
	float:left;
	padding: 0 0 0 28px;
}
.credit h3.ntt{
	background:url(../image/about/credit/ntt.gif) no-repeat left;
	display:block;
}
.credit h3.mitsui{
	background:url(../image/about/credit/mitsui.gif) no-repeat left;
}
.credit h3.aeon{
	background:url(../image/about/credit/aeon.gif) no-repeat left;
}
.credit h3.saison{
	background:url(../image/about/credit/saison.gif) no-repeat left;
}
.credit h3.uc{
	background:url(../image/about/credit/uc.gif) no-repeat left;
}
.credit h3.lawson{
	background:url(../image/about/credit/lawson.gif) no-repeat left;
}
.credit h3.orico{
	background:url(../image/about/credit/orico.gif) no-repeat left;
}
.credit h3.life{
	background:url(../image/about/credit/life.gif) no-repeat left;
}
.credit h3.cf{
	background:url(../image/about/credit/cf.gif) no-repeat left;
}
.credit h3.fc{
	background:url(../image/about/credit/family.gif) no-repeat left;
}
.credit h3.dw{
	background:url(../image/about/credit/daiwa.gif) no-repeat left;
}
.credit h3.sd{
	background:url(../image/about/credit/sed.gif) no-repeat left;
}

.credit #vja{
	background:url(../image/about/box_bottom.gif) no-repeat left bottom;
	padding:0 0 21px 0;
	width: 658px;
}
.credit #vja .innerA{
	border-left:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
	padding: 0px 0px 31px 0px;
}
.credit #vja h3{
	display:block;
	background:url(../image/about/credit/vja.gif) no-repeat left top;
	height:70px;
}
.credit #vja h3 span{
	display:none;
}
.credit #vja .innerB{
	padding:26px 0 0 31px;
}
.credit #vja ul{
	float:left;
}
.credit #vja li{
	line-height:100%;
	padding:0 0 12px 0;
	font-size:0.75em;
}

/*
.credit #vja li a{
	color:#83692F;
}
.credit #vja li a:hover{
	text-decoration:none;
}
*/

.credit #vja ul.A{
	width:215px;
}
.credit #vja ul.B{
	width:213px;
}
/* settlement */
.settlement h2 {
	background:url(../image/about/settlement/header.jpg) no-repeat left top;
}
.settlement .boxA {
	background: url(../image/about/settlement/image1.gif) no-repeat left top;
	height: 172px;
	width: 658px;
}
.settlement .boxA .A{
	display:block;
	padding: 112px 0px 0px 438px;
}
.settlement .boxA .A a{
	display:block;
	height: 27px;
	width: 200px;
}
.settlement .boxA .A a:hover{
	background:url(../image/about/settlement/button1_over.gif) no-repeat left top;
}
.settlement .none,
.settlement h3 span,
.settlement .boxA span,
.settlement .boxB span{
	display:none;
}
.settlement .title1 {
	background:url(../image/about/settlement/title1.gif) no-repeat left top;
	width:658px;
	height:27px;
}
.settlement .boxB {
	background: url(../image/about/settlement/image2.gif) no-repeat left top;
	height: 260px;
	width: 658px;
}
.settlement .boxB .A {
	display:block;
	padding: 190px 0px 0px 35px;
	float: left;
	width: 404px;
	font-size:0.75em;
	line-height:190%;
}
.settlement .boxB .B{
	float:left;
	display:block;
	padding: 197px 0px 0px 0px;
}
.settlement .boxB .B a{
	float:left;
	display:block;
	height: 27px;
	width: 200px;
}
.settlement .boxB .B a:hover{
	background:url(../image/about/settlement/button2_over.gif) no-repeat left top;
}
.settlement .boxC{
	background:url(../image/about/box_bottom.gif) no-repeat left bottom;
	padding:30px 0 21px 0;
	width: 658px;
}
.settlement h3.title2{
	display:block;
	background:url(../image/about/settlement/title2.gif) no-repeat left;
	width: 658px;
	height: 27px;
}
.settlement .boxC .innerBoxA{
	border-left:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
	padding: 20px 35px;
}
.settlement .boxC p{
	line-height:190%;
	font-size:0.75em;
	color:#333333;
}
/* cashing */
.cashing .none,
.cashing h3 span,
.cashing h4 span{
	display:none;
}
.cashing h2 {
	background:url(../image/about/cashing/header.jpg) no-repeat left top;
}
.cashing .boxA {
	background: url(../image/about/cashing/image1.gif) no-repeat left top;
	height: 97px;
	width: 658px;
}
.cashing h3.title1{
	display:block;
	background:url(../image/about/cashing/title1.gif) no-repeat left;
	width: 658px;
	height: 27px;
}
.cashing .boxB{
	background:url(../image/about/box_bottom.gif) no-repeat left bottom;
	padding:0px 0 21px 0;
	width: 658px;
}
.cashing .boxB .innerBoxA{
	border-left:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
	padding: 25px 15px 25px 21px;
}
.cashing .boxB .subTitle1 {
	background: url(../image/about/cashing/subtitle1.gif) no-repeat left top;
	height: 30px;
	width: 237px;
}
.cashing .boxB .subTitle2 {
	background: url(../image/about/cashing/subtitle2.gif) no-repeat left top;
	height: 25px;
	width: 237px;
}
.cashing .boxB .subTitle3 {
	background: url(../image/about/cashing/subtitle3.gif) no-repeat left 33px;
	height: 60px;
	width: 237px;
}
.cashing .boxB p{
	line-height:190%;
	font-size:0.75em;
	color:#333333;
}
.cashing .boxB p.A img  {
	margin-right: 6px;
	vertical-align: -15%;
}
.cashing .boxB p.B {
	padding: 23px 62px 34px;
	vertical-align: middle;
}
.cashing .boxB p.C img{
	margin:0 6px;
	vertical-align: -15%;
}
.cashing .boxB p.C span{
	color:#666666;
	font-size:11px;
}

/* experimental */
#picture {
	width:658px;
	height:300px;
	background: url(../image/about/id/Flash.jpg) no-repeat left top;
	position:relative;
}
#picture span { display:none;}
#pic01 {
	width:187px;
	height:115px;
	position:absolute;
	left:6px;
	top:17px;
}
#pic01 a {
	width:187px;
	height:115px;
	display:block;
}
#pic02 {
	width:187px;
	height:107px;
	position:absolute;
	left:228px;
	top:4px;
}
#pic02 a {
	width:187px;
	height:107px;
	display:block;
}

#pic03 {
	width:182px;
	height:115px;
	position:absolute;
	left:469px;
	top:8px;
}
#pic03 a {
	width:182px;
	height:115px;
	display:block;
}

#pic04 {
	width:204px;
	height:105px;
	position:absolute;
	left:6px;
	top:186px;
}
#pic04 a {
	width:204px;
	height:105px;
	display:block;
}
#pic05 {
	width:205px;
	height:113px;
	position:absolute;
	left:446px;
	top:177px;
}
#pic05 a {
	width:205px;
	height:113px;
	display:block;
}
#pic01 a:hover { background: url(../image/about/id/fla01_on.jpg) no-repeat left top;}
#pic02 a:hover { background: url(../image/about/id/fla02_on.jpg) no-repeat left top;}
#pic03 a:hover { background: url(../image/about/id/fla03_on.jpg) no-repeat left top;}
#pic04 a:hover { background: url(../image/about/id/fla04_on.jpg) no-repeat left top;}
#pic05 a:hover { background: url(../image/about/id/fla05_on.jpg) no-repeat left top;}

/* issyo */
.issyo h2 {
	background:url(../image/about/issyo/header.jpg) no-repeat left top;
}
.issyo_bnr{
	margin: 10px 0 0 0;
}