@charset "shift-JIS";
/*-----------------------------------------
last update:  2012-05
-----------------------------------------*/
h1 {
	text-indent: 0px;
}
h2,
h3 {
	margin:0 auto 20px;
	text-indent: 0px;
	text-align:center;
	padding-top:13px;
}
h3 {
	margin-bottom:7px;
}
/* topTitleArea
--------------------------------------*/
#topTitleArea {
	position:relative;
	margin:15px 0 10px;
	padding:0 15px;
	font-size:76%;
}
#topTitleArea h1 {
	margin:0;
	line-height:1.0;
	font-size:100%;
}
#topTitleArea ul {
	position:absolute;
	top:2px;
	right:15px;
}
#topTitleArea ul li {
	font-size:100%;
}
#topTitleArea ul li a {
	padding-left:15px;
	background:url(/campaign/image/common/arw_pink.gif) no-repeat left center;
}
p#info {
	background:#FFDEDE;
	color:#FF0000;
	margin-bottom:10px;
	padding:10px 0;
	text-align:center;
	font-size: 120%;
	font-weight:bold
}
/* div#contentMain
-----------------------*/
div#contentMain {
	width: 703px;
	margin: 0 auto;
}
div#contentMain .ttlMain {
	margin: 0;
}
div#contentMain .ttlSub {
	margin: 0;
}
div#contentMain div#outline {
	width:703px;
	background:#E7F3E1;
}
div#outline div.outlineMain {
	width:683px;
	margin:0 auto;
}
div#outline div.outlineInner {
	width:603px;
	margin:0 auto;
	padding:0px;
}
div#outline div.outlineMain p.ttl {
	padding:20px 0 15px;
}
div#outline div.outlineInner p.txt {
	padding:0 15px 0 0;
}
div#outline div.outlineInner p.txt span.txtOrenge {
	color:#FF6600;
}
div#outline div.outlineInner p.txt span.txtOrengeBold {
	color:#FF6600;
	font-weight:bold;
}
div#outline div.outlineInner span.txtOrengeBold {
	color:#FF6600;
	font-weight:bold;
}
div#outline div.outlineInner p.period {
	background:#CFE6C2;
	margin:20px 0px 0px;
	text-align:center;
	padding:10px;
	color:#FF6600;
	font-weight:bold;
	font-size:100%;
}
div#outline div.outlineInner div.step {
	background:url(../image/775mb_1206/step_top.gif) no-repeat top;
	width:602px;
	margin:15px auto;
}
div#outline div.outlineInner div.step3 {
	background:url(../image/775mb_1206/step_top.gif) no-repeat top;
	width:602px;
	margin:0px auto;
}
div#outline div.outlineInner div.step span,
div#outline div.outlineInner div.step3 span {
	font-weight:bold;
}
div#outline div.outlineInner div.step span.pink {
	color:#E0194D;
}
div#outline div.outlineInner div.step dl {
	background:url(../image/775mb_1206/step_btm.gif) no-repeat bottom;
	font-size:80%;
	margin:0;
	padding:10px 10px 0 10px;
}
div#outline div.outlineInner div.step3 dl {
	font-size:80%;
	margin:0;
	padding:10px;
}
div#outline div.outlineInner div.step dl dt, 
div#outline div.outlineInner div.step3 dl dt{
	width:7em;
	float:left;
}
div#outline div.outlineInner div.step dl dd,
div#outline div.outlineInner div.step3 dl dd {
	padding-left:7em;
}

div#outline div.outlineInner div.step dl dd.end,
div#outline div.outlineInner div.step3 dl dd.end {
	padding-bottom:10px;
}

div#outline div.outlineInner div.step dl dd.nanaco_link{
	background:#FFD0B0;
	border-left:5px solid #FF6600;
	width:340px;
	margin-left:7em;
	padding-left:-7em;
	margin-top:10px;
	padding:5px;
}

div#outline div.outlineInner div.step3 dl dd.nanaco_link ul.hedge{
	padding:0 0px 0 10px;
	margin:0;
	font-size:118%  !important;
}

div#outline div.outlineInner div.step3 dl dd.nanaco_link ul.hedge li{
	padding:0;
	text-indent: -10px;
}

div#outline div.outlineInner div.step3 dl dd.nanaco_link{
	background:#ffffff;
	width:460px;
	margin-left:7em;
	padding-left:-7em;
	margin-top:10px;
	padding:10px;
}

div#outline div.access {
	width: 602px;
	margin: 0;
	padding:0;
	background: #e6f3e1;
}
div#outline div.access div.accessInner {
	background:#F3F9F0;
}
div#outline div.access div.accessInner p.image {
	text-align:center;
	padding:15px 0 10px;
}
div#outline div.access div.accessInner p.txt {
	padding:0 0 10px 20px;
}
div#outline div.access div.accessInner p.txt span{
	font-weight:bold;
}
div#outline div.access div.accessInner div.imageArea {
	width:602px;
	height: 87px;
	*height: 86px;
	margin:0 auto;
	overflow:hidden;
}
div#outline div.access div.accessInner dl {
	margin:0;
	padding:0;
}
div#outline div.access div.accessInner dl.btnArea {
	width:301px;
	float:left;
	display:inline;
	margin-left:10px;
}
div#outline div.access div.accessInner dl.btnArea dd.btn {
	text-align:center;
	padding-top:10px;
	margin-bottom:25px;
}
div#outline div.access div.accessInner dl.qrArea {
	width:269px;
	float:left;
	font-size:80%;
	margin-left:10px;
	display:inline;
}


div#outline div.access div.accessInner dl.qrArea dd.qr {
	float:right;
	margin-right:7px;
	margin-top:10px;
}
div#outline div.access div.accessInner dl.qrArea dd.txt {
	background:#FFFFFF;
	width:185px;
	margin-left:10px;
	margin-top:10px;
}
* html div#outline div.access div.accessInner dl.qrArea dd.txt {
	background:#FFFFFF;
	width:175px;
	margin-left:10px;
	margin-top:10px;
}
div#outline div.access div.accessInner dl.qrArea dd.txt span {
	padding:13px 5px;
	width:180px;
	display:block;
}
* html div#outline div.access div.accessInner dl.qrArea dd.txt span {
	padding:13px 5px;
	width:170px;
	display:block;
}

div#outline div.access div.accessInner dl.qrArea dd.url {
	clear:both;
	padding-left:10px;
	margin-bottom:8px;
	font-size:100%;
}

div#outline div.access div.accessInner dl.qrArea dd.url span	{
	font-size:80%;
	}

*:first-child+html div#outline div.access div.accessInner dl.qrArea dd.url {
	clear:both;
	font-size:100%;
	padding-left:10px;
	margin-bottom:10px;
}
* html div#outline div.access div.accessInner dl.qrArea dd.url {
	clear:both;
	font-size:100%;
	padding-left:10px;
	margin-bottom:10px;
}
div#outline ul.hedge {
	padding:10px 0 5px 10px ;
}

div#outline div.bnrArea {
	background:#FFFFFF;
	border:2px solid #2388BE;
	width:682px;
	margin:0 auto;
}
div#outline div.bnrAreaInner {
	width:662px;
	padding:10px;
}
div#outline div.bnrArea img {
	float:right;
	padding-left:5px;
}
div#outline div.bnrArea ul {
	margin:0;
	padding:0;
}
div#outline div.bnrArea ul li {
	display:inline;
}
div#outline div.bnrArea ul li.first {
	padding-right:2em;
}
div#outline div.bnrArea ul li span{
	color:#2487BE;
}
.mt10 {
	margin-top:10px;
}

.mb50 {
	margin-bottom:50px;
}

.mb20 {
	margin-bottom:20px;
}

.mb10 {
	margin-bottom:10px;
}

.mb5 {
	margin-bottom:5px;
}
/*-----------------------------------------
last update:  20120703 end
-----------------------------------------*/
div#outline div.access div.accessInner dl.btnArea_end {
	width:326px;
	height: 87px;
	float:left;
	display:inline;
}
div#outline div.access div.accessInner dl.qrArea_end {
	float:right;
	width:276px;
	height: 87px;
	display:inline;
}
