@charset "utf-8";
  /** ----------------------------------------------------------------------------
  
	@ Style Name : /saitamaresona/sp/css/tsukau/top.css
	
	----------------------------------------------------------------------------
	@ Style Information
		01. Layout
  ---------------------------------------------------------------------------- **/
  /** ----------------------------------------------------------------------------
   *	01. Layout
  ---------------------------------------------------------------------------- **/
  body {
	background:url(/saitamaresona/sp/imgs/shared/bg_body.jpg) 45px 68px no-repeat;
  }
  
#header_global {
	margin-top:25px;
  }
  
#header_global > h1 {
	margin:0 0 25px 0;
	text-align:center;
  }

#nav_page02 {
	margin-bottom: 0px;
	padding-top:0px;
	height: auto;
	border:none;
  }
  
#nav_page02 li {
	height:43px;
  }
  
#nav_page02 li a {
	height:39px;
  }
  
#nav_page02 li:first-child a {
	background: url(/saitamaresona/sp/imgs/btn_login_b.png) 0 0 no-repeat;
  }
  
#nav_page02 li:last-child a {
	background: url(/saitamaresona/sp/imgs/btn_culb_b.png) 0 0 no-repeat;
  }
  
#nav_header {
	margin-bottom:25px;
  }
  
#nav_header li.noList,
  #nav_header ul li dt {
	position:relative;
	border-bottom: 1px solid #cacaca;
	background-color:#f9f9f9;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(60%, #ffffff), to(#e2e2e2));
	background-image: -moz-linear-gradient(top, #ffffff, #ffffff 60%, #e2e2e2);
	background-image: -o-linear-gradient(top, #ffffff, #ffffff 60%, #e2e2e2);
	background-image: linear-gradient(top, #ffffff, #ffffff 60%, #e2e2e2);
  }
  
#nav_header ul .topline {
	border-top: 1px solid #cacaca;
  }
  
#nav_header li.noList a,
  #nav_header ul li dt a {
	display:block;
	padding: 10px 0 9px 45px;
	font-size:16px;
	color:#000000;
	font-weight:bold;
	line-height: 20px;
  }
  
#nav_header li.noList a > span,
  #nav_header ul li dt a > span {
	position:absolute;
	top:7px;
	left:10px;
	display:block;
	margin:0 10px 0 0;
	float:left;
	width:23px;
	height:23px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	border: solid 1px #00995c;
  }
  
  .nav_header_tenpo_atm {
	background:#00995c url(/resonabank/sp/imgs/tenpo_atm.png) 4px 3px no-repeat;
	background: url(/saitamaresona/sp/imgs/tenpo_atm.png) 4px 3px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#02be5f), color-stop(48%, #098f58), color-stop(52%, #0d6239), to(#075f39));
	background: url(/saitamaresona/sp/imgs/tenpo_atm.png) 4px 3px no-repeat, -moz-linear-gradient(top, #02be5f, #098f58 48%, #0d6239 52%, #075f39);
	background: url(/saitamaresona/sp/imgs/tenpo_atm.png) 4px 3px no-repeat, -o-linear-gradient(top, #02be5f, #098f58 48%, #0d6239 52%, #075f39);
	background: url(/saitamaresona/sp/imgs/tenpo_atm.png) 4px 3px no-repeat, linear-gradient(top, #02be5f, #098f58 48%, #0d6239 52%, #075f39);
  }
  
  .nav_header_kinri_tesuryo {
	background:#00995c url(/saitamaresona/sp/imgs/kinri_tesuryo.png) 4px 4px no-repeat;
	background: url(/saitamaresona/sp/imgs/kinri_tesuryo.png) 4px 4px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#02be5f), color-stop(48%, #098f58), color-stop(52%, #0d6239), to(#075f39));
	background: url(/saitamaresona/sp/imgs/kinri_tesuryo.png) 4px 4px no-repeat, -moz-linear-gradient(top, #02be5f, #098f58 48%, #0d6239 52%, #075f39);
	background: url(/saitamaresona/sp/imgs/kinri_tesuryo.png) 4px 4px no-repeat, -o-linear-gradient(top, #02be5f, #098f58 48%, #0d6239 52%, #075f39);
	background: url(/saitamaresona/sp/imgs/kinri_tesuryo.png) 4px 4px no-repeat, linear-gradient(top, #02be5f, #098f58 48%, #0d6239 52%, #075f39);
  }
  
  .nav_header_kijyun {
	background:#00995c url(/saitamaresona/sp/imgs/kijyun.png) 2px 3px no-repeat;
	background: url(/saitamaresona/sp/imgs/kijyun.png) 2px 3px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#02be5f), color-stop(48%, #098f58), color-stop(52%, #0d6239), to(#075f39));
	background: url(/saitamaresona/sp/imgs/kijyun.png) 2px 3px no-repeat, -moz-linear-gradient(top, #02be5f, #098f58 48%, #0d6239 52%, #075f39);
	background: url(/saitamaresona/sp/imgs/kijyun.png) 2px 3px no-repeat, -o-linear-gradient(top, #02be5f, #098f58 48%, #0d6239 52%, #075f39);
	background: url(/saitamaresona/sp/imgs/kijyun.png) 2px 3px no-repeat, linear-gradient(top, #02be5f, #098f58 48%, #0d6239 52%, #075f39);
  }
  
  .nav_header_touroku {
	background:#00995c url(/saitamaresona/sp/imgs/touroku.png) 2px 3px no-repeat;
	background: url(/saitamaresona/sp/imgs/touroku.png) 2px 3px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#02be5f), color-stop(48%, #098f58), color-stop(52%, #0d6239), to(#075f39));
	background: url(/saitamaresona/sp/imgs/touroku.png) 2px 3px no-repeat, -moz-linear-gradient(top, #02be5f, #098f58 48%, #0d6239 52%, #075f39);
	background: url(/saitamaresona/sp/imgs/touroku.png) 2px 3px no-repeat, -o-linear-gradient(top, #02be5f, #098f58 48%, #0d6239 52%, #075f39);
	background: url(/saitamaresona/sp/imgs/touroku.png) 2px 3px no-repeat, linear-gradient(top, #02be5f, #098f58 48%, #0d6239 52%, #075f39);
  }
  
  .nav_header_market {
	background:#00995c url(/saitamaresona/sp/imgs/market.png) 1px 4px no-repeat;
	background: url(/saitamaresona/sp/imgs/market.png) 1px 4px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#02be5f), color-stop(48%, #098f58), color-stop(52%, #0d6239), to(#075f39));
	background: url(/saitamaresona/sp/imgs/market.png) 1px 4px no-repeat, -moz-linear-gradient(top, #02be5f, #098f58 48%, #0d6239 52%, #075f39);
	background: url(/saitamaresona/sp/imgs/market.png) 1px 4px no-repeat, -o-linear-gradient(top, #02be5f, #098f58 48%, #0d6239 52%, #075f39);
	background: url(/saitamaresona/sp/imgs/market.png) 1px 4px no-repeat, linear-gradient(top, #02be5f, #098f58 48%, #0d6239 52%, #075f39);	
  }

.nav_header_campaign {
	background:#00995c url(/saitamaresona/sp/imgs/campaign.png) 4px 2px no-repeat;
	background: url(/saitamaresona/sp/imgs/campaign.png) 4px 2px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#02be5f), color-stop(48%, #098f58), color-stop(52%, #0d6239), to(#075f39));
	background: url(/saitamaresona/sp/imgs/campaign.png) 4px 2px no-repeat, -moz-linear-gradient(top, #02be5f, #098f58 48%, #0d6239 52%, #075f39);
	background: url(/saitamaresona/sp/imgs/campaign.png) 4px 2px no-repeat, -o-linear-gradient(top, #02be5f, #098f58 48%, #0d6239 52%, #075f39);
	background: url(/saitamaresona/sp/imgs/campaign.png) 4px 2px no-repeat, linear-gradient(top, #02be5f, #098f58 48%, #0d6239 52%, #075f39);	
  }
  
#nav_header ul li ul li {
	padding-left:10px;
	border-bottom: solid 1px #ffffff;
	background-color:#f9f9f9;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e7e7e7), color-stop(60%, #e7e7e7), to(#cbcbcb));
	background-image: -moz-linear-gradient(top, #e7e7e7, #e7e7e7 60%, #cbcbcb);
	background-image: -o-linear-gradient(top, #e7e7e7, #e7e7e7 60%, #cbcbcb);
	background-image: linear-gradient(top, #e7e7e7, #e7e7e7 60%, #cbcbcb);
  }
  
#nav_header ul li ul li:last-child {
	border-bottom:none;
  }
  
#nav_header ul li ul li a {
	padding:8px 0 8px 0;
	display:block;
	font-weight:bold;
	color:#292929;
	font-size:14px;
	line-height:18px;
  }
  
#section_global_nav {
	margin-bottom:20px;
  }
  
#nav_global {
	margin:-8px 2px -8px 2px;
  }
  #nav_global table {
	width:100%;
	border:none;
	border-spacing:8px;
	border-collapse:separate;
  }
  #nav_global table td {
	margin:0;
	width:1px;
	height:48px;
	border: solid 1px #00995c;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-radius: 5px;
	-ms-radius: 5px;
	border-radius: 5px;
	background-color:#00995c;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#02be5f), color-stop(48%, #098f58), color-stop(52%, #0d6239), to(#075f39));	
	background-image: -moz-linear-gradient(top, #02be5f, #098f58 48%, #0d6239 52%, #075f39);
	background-image: -o-linear-gradient(top, #02be5f, #098f58 48%, #0d6239 52%, #075f39);
	background-image: linear-gradient(top, #02be5f, #098f58 48%, #0d6239 52%, #075f39);
  }
  #nav_global table td a {
	padding:5px 0 0 5px;
	display:block;
	height:43px;
  }
  #nav_global table td a span:nth-child(1) {
	margin:0px 5px 0 0;
	float:left;
	display:block;
	width:35px;
	height:37px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 1px 1px 3px #333333 inset;
	-moz-box-shadow: 1px 1px 3px #333333 inset;
	-o-box-shadow: 1px 1px 3px #333333 inset;
	-ms-box-shadow: 1px 1px 3px #333333 inset;
	box-shadow: 1px 1px 3px #333333 inset;
	background-color:#FFF;
  }
  #nav_global table td a span:nth-child(2) {
	font-size:13px;
	line-height:0.8;
	color:#ffffff;
	font-weight:bold;
	text-shadow: 1px 1px 0 #004b2b; 
  }
  
#nav_global table td a span:nth-child(3) {
	font-size:17px;
	color:#ffffff;
	font-weight:bold;
	text-shadow: 1px 1px 0 #004b2b; 
  }
  
  .nav_global_hajimete {
	background-image: url(/saitamaresona/sp/imgs/icon_hajimete_b.png);
	background-repeat: no-repeat;
	background-position: 10px 8px;
  }

.nav_global_hiraku {
	background-image: url(/saitamaresona/sp/imgs/icon_hiraku_b.png);
	background-repeat: no-repeat;
	background-position: 8px 6px;
  }

.nav_global_huyasu {
	background-image: url(/saitamaresona/sp/imgs/icon_huyasu_b.png);
	background-repeat: no-repeat;
	background-position: 8px 6px;
  }

.nav_global_kariru {
	background-image: url(/saitamaresona/sp/imgs/icon_kariru_b.png);
	background-repeat: no-repeat;
	background-position: 7px 4px;
  }

.nav_global_sonaeru {
	background-image: url(/saitamaresona/sp/imgs/icon_sonaeru_b.png);
	background-repeat: no-repeat;
	background-position: 7px 7px;
  }

.nav_global_tsukau {
	background-image: url(/saitamaresona/sp/imgs/icon_tsukau_b.png);
	background-repeat: no-repeat;
	background-position: 5px 8px;
  }

.banner_left_button{
	width:18px;
	height:90px;
	border: solid 1px #00995c;
	background-color:#00995c;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#02be5f), color-stop(48%, #098f58), color-stop(52%, #0d6239), to(#075f39));
	background-image: -moz-linear-gradient(top, #02be5f, #098f58 48%, #0d6239 52%, #075f39);
	background-image: -o-linear-gradient(top, #02be5f, #098f58 48%, #0d6239 52%, #075f39);
	background-image: linear-gradient(top, #02be5f, #098f58 48%, #0d6239 52%, #075f39);
  }

#section_global_nav p#appli a {
	background: url(/saitamaresona/sp/imgs/btn_appli_b.png) 0 0 no-repeat;
	text-indent:-5000px;
	display:block;
  }


#section_global_nav p#appli {
	clear:both;
	line-height: 1;
    margin: 10px;
	height:43px;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid rgb(0, 153, 92);
    background-color: rgb(0, 153, 92);
    background-image: -moz-linear-gradient(center top , rgb(2, 190, 95), rgb(9, 143, 88) 48%, rgb(13, 98, 57) 52%, rgb(7, 95, 57));  }
  
#section_global_nav p#appli a {
	height:39px;
  }


.banner_left_button a{
	display:block;
	width:18px;
	height:90px;
	background:url(/saitamaresona/sp/imgs/icon_arrow_bnr_left.png) center center no-repeat;	
  }

.banner_right_button{
	width:18px;
	height:90px;
	border: solid 1px #00995c;
	background-color:#00995c;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#02be5f), color-stop(48%, #098f58), color-stop(52%, #0d6239), to(#075f39));
	background-image: -moz-linear-gradient(top, #02be5f, #098f58 48%, #0d6239 52%, #075f39);
	background-image: -o-linear-gradient(top, #02be5f, #098f58 48%, #0d6239 52%, #075f39);
	background-image: linear-gradient(top, #02be5f, #098f58 48%, #0d6239 52%, #075f39);	
  }

.banner_right_button a{
	display:block;
	width:18px;
	height:90px;	
	background:url(/saitamaresona/sp/imgs/icon_arrow_bnr_right.png) center center no-repeat;
  }

.icon_arrow11 {
	background-image: url(/saitamaresona/sp/imgs/icon_arrow_down.png);
	background-repeat: no-repeat;
	background-position: right center;
  }

  /*2014/3/19追加  */
#nav_header li.pink{
	position:relative;
	border-bottom: 1px solid #cacaca;
	background-color:#FFEFEF;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFEFEF), color-stop(60%, #FFEFEF), to(#EADADA));
	background-image: -moz-linear-gradient(top, #FFEFEF, #FFEFEF 60%, #EADADA);
	background-image: -o-linear-gradient(top, #FFEFEF, #FFEFEF 60%, #EADADA);
	background-image: linear-gradient(top, #FFEFEF, #FFEFEF 60%, #EADADA);
  }
  
#nav_header li.pink a > span,
  #nav_header ul li.pink dt a > span {
	position:absolute;
	top:7px;
	left:10px;
	display:block;
	margin:0 10px 0 0;
	float:left;
	width:23px;
	height:23px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	border: solid 1px #6B0F00;
  }
  
#nav_header li.pink a{
	line-height:16px;
  }

.nav_header_tesuryo {
	background:#6B0F00 url(/saitamaresona/sp/imgs/tesuryo_kaitei.png) 4px 3px no-repeat;
  background: url(/saitamaresona/sp/imgs/tesuryo_kaitei.png) 5px 3px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#C60F00), color-stop(48%, #C60F00), color-stop(52%, #6B0F00), to(#6B0F00));
	background: url(/saitamaresona/sp/imgs/tesuryo_kaitei.png) 4px 3px no-repeat, -moz-linear-gradient(top, #C60F00, #C60F00 48%, #6B0F00 52%, #6B0F00);
	background: url(/saitamaresona/sp/imgs/tesuryo_kaitei.png) 4px 3px no-repeat, -o-linear-gradient(top, #C60F00, #C60F00 48%, #6B0F00 52%, #6B0F00);
	background: url(/saitamaresona/sp/imgs/tesuryo_kaitei.png) 4px 3px no-repeat, linear-gradient(top, #C60F00, #C60F00 48%, #6B0F00 52%, #6B0F00);
  }

#nav_header ul li dt.pink {
	position:relative;
	border-bottom: 1px solid #cacaca;
	background-color:#FFEFEF;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFEFEF), color-stop(60%, #FFEFEF), to(#EADADA));
	background-image: -moz-linear-gradient(top, #FFEFEF, #FFEFEF 60%, #EADADA);
	background-image: -o-linear-gradient(top, #FFEFEF, #FFEFEF 60%, #EADADA);
	background-image: linear-gradient(top, #FFEFEF, #FFEFEF 60%, #EADADA);
  }

.nav_header_new_service {
	background:#6B0F00 url(/saitamaresona/sp/imgs/new_service.png) 4px 3px no-repeat;
  background: url(/saitamaresona/sp/imgs/new_service.png) 5px 3px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#C60F00), color-stop(48%, #C60F00), color-stop(52%, #6B0F00), to(#6B0F00));
	background: url(/saitamaresona/sp/imgs/new_service.png) 4px 3px no-repeat, -moz-linear-gradient(top, #C60F00, #C60F00 48%, #6B0F00 52%, #6B0F00);
	background: url(/saitamaresona/sp/imgs/new_service.png) 4px 3px no-repeat, -o-linear-gradient(top, #C60F00, #C60F00 48%, #6B0F00 52%, #6B0F00);
	background: url(/saitamaresona/sp/imgs/new_service.png) 4px 3px no-repeat, linear-gradient(top, #C60F00, #C60F00 48%, #6B0F00 52%, #6B0F00);
	
  }
  /*2014/3/19追加 ここまで*/