@charset "utf-8";

/*---------------------------------------------------
   　　　　　　　　access用CSS
----------------------------------------------------*/

/*---------　表示キャリアが1つのとき　---------*/

#wrapper-access {
	text-align: left;
	margin: 0 auto; 
	padding: 10px;
	width: 322px;
	background-color: #FFFFFF;
}


#access-box {
	width: 322px;
	background-image: url(../images/access/box_bg.gif);
	background-repeat: repeat-y;
	position: relative;
}


#wrapper-access #access-box h2 {
	margin: 0 53px 8px;
	padding: 0;
}


#wrapper-access #access-box #flowchart {
	width: 190px;
	margin: 0px 10px 3px;
	padding: 0;
}


#wrapper-access #access-box #flowchart p.text {
	width: 190px;
	height: 17px;
	background-image: url(../images/access/text_base.gif);
	background-repeat: no-repeat;
	text-align: center;
	font-weight: bold;
	padding-top: 3px;
}


#wrapper-access #access-box #flowchart p.arrow {
	width: 190px;
	height: 15px;
	text-align: center;	
}


#wrapper-access #access-box #info {
	width: 100px;
	text-align: center;
	position: absolute;
	top: 10px;
	left: 217px;
}



/*---------　表示キャリアが2つのとき　---------*/

#wrapper-access2 {
	text-align: left;
	margin: 0 auto; 
	padding: 10px;
	width: 515px;
	background-color: #FFFFFF;
}


#wrapper-access2 #access-box2 {
	width: 515px;
	height: 222px;
	background-color: #FB9DC6;
	background-repeat: repeat-y;
	position: relative;
}


#wrapper-access2 #access-box2 h2 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 18px;
	left: 10px;
}


#wrapper-access2 #access-box2 p.text2 {
	width: 100px;
	position: absolute;
	top: 63px;
	left: 10px;
}


#wrapper-access2 #access-box2 #qr {
	position: absolute;
	top: 94px;
	left: 15px;
}

/*--左--*/

#wrapper-access2 #access-box2 #access01 {
	width: 190px;
	height: 222px;
	position: absolute;
	top: 0px;
	left: 120px;
}


#wrapper-access2 #access-box2 #access01 #flowchart {
	width: 190px;
	height: 160px;
}


#wrapper-access2 #access-box2 #access01 #flowchart p.text {
	width: 190px;
	height: 17px;
	background-image: url(../images/access/text_base.gif);
	background-repeat: no-repeat;
	text-align: center;
	font-weight: bold;
	padding-top: 3px;
}


#wrapper-access2 #access-box2 #access01 #flowchart p.arrow {
	width: 190px;
	height: 15px;
	text-align: center;	
}


/*--右--*/

#wrapper-access2 #access-box2 #access02 {
	width: 190px;
	height: 222px;
	position: absolute;
	top: 0px;
	left: 315px;
}


#wrapper-access2 #access-box2 #access02 #flowchart {
	width: 190px;
	height: 160px;
}


#wrapper-access2 #access-box2 #access02 #flowchart p.text {
	width: 190px;
	height: 17px;
	background-image: url(../images/access/text_base.gif);
	background-repeat: no-repeat;
	text-align: center;
	font-weight: bold;
	padding-top: 3px;
}


#wrapper-access2 #access-box2 #access02 #flowchart p.arrow {
	width: 190px;
	height: 15px;
	text-align: center;	
}




/*---------　表示キャリアが3つのとき　---------*/

#wrapper-access3 {
	text-align: left;
	margin: 0 auto; 
	padding: 10px;
	width: 710px;
	background-color: #FFFFFF;
}


#wrapper-access3 #access-box3 {
	width: 710px;
	height: 222px;
	background-color: #FB9DC6;
	background-repeat: repeat-y;
	position: relative;
}


#wrapper-access3 #access-box3 h2 {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 18px;
	left: 10px;
}


#wrapper-access3 #access-box3 p.text2 {
	width: 100px;
	position: absolute;
	top: 63px;
	left: 10px;
}


#wrapper-access3 #access-box3 #qr {
	position: absolute;
	top: 94px;
	left: 15px;
}

/*--左--*/

#wrapper-access3 #access-box3 #access01 {
	width: 190px;
	height: 222px;
	position: absolute;
	top: 0px;
	left: 120px;
}


#wrapper-access3 #access-box3 #access01 #flowchart {
	width: 190px;
	height: 160px;
}


#wrapper-access3 #access-box3 #access01 #flowchart p.text {
	width: 190px;
	height: 17px;
	background-image: url(../images/access/text_base.gif);
	background-repeat: no-repeat;
	text-align: center;
	font-weight: bold;
	padding-top: 3px;
}


#wrapper-access3 #access-box3 #access01 #flowchart p.arrow {
	width: 190px;
	height: 15px;
	text-align: center;	
}


/*--中--*/

#wrapper-access3 #access-box3 #access02 {
	width: 190px;
	height: 222px;
	position: absolute;
	top: 0px;
	left: 315px;
}


#wrapper-access3 #access-box3 #access02 #flowchart {
	width: 190px;
	height: 160px;
}


#wrapper-access3 #access-box3 #access02 #flowchart p.text {
	width: 190px;
	height: 17px;
	background-image: url(../images/access/text_base.gif);
	background-repeat: no-repeat;
	text-align: center;
	font-weight: bold;
	padding-top: 3px;
}


#wrapper-access3 #access-box3 #access02 #flowchart p.arrow {
	width: 190px;
	height: 15px;
	text-align: center;	
}


/*--右--*/

#wrapper-access3 #access-box3 #access03 {
	width: 190px;
	height: 222px;
	position: absolute;
	top: 0px;
	left: 510px;
}


#wrapper-access3 #access-box3 #access03 #flowchart {
	width: 190px;
	height: 160px;
}


#wrapper-access3 #access-box3 #access03 #flowchart p.text {
	width: 190px;
	height: 17px;
	background-image: url(../images/access/text_base.gif);
	background-repeat: no-repeat;
	text-align: center;
	font-weight: bold;
	padding-top: 3px;
}


#wrapper-access3 #access-box3 #access03 #flowchart p.arrow {
	width: 190px;
	height: 15px;
	text-align: center;	
}