@charset "UTF-8";

/*
common
========================================================*/
body {
	font:14px/1.231 ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
}

/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

h2,h3{ font-size:120%;}

/*header*/
#siteHeader{
	position:relative;
	z-index:2;
	width:100%;
	border-top:6px solid #81adec;
	border-bottom:1px solid #ffffff;
	background:-webkit-gradient(linear, 100% 100%, 100% 2%, from(#f3f3f3),to(#ffffff));
	-webkit-box-shadow:0px 2px 5px rgba(000,000,000,0.5),inset 0px 0px 1px rgba(255,255,255,0.5);
}

#siteHeader h1{
	margin:5px 16px 3px 16px;
}

div.head-title{
	position:relative;
	z-index:1;
	width:100%;
	color:#0085c6;
	border-bottom:1px solid #d3d3d3;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb));
}

div.head-title h2{
	color: #0085c6;
	line-height:1;
	margin:7px 16px 5px 16px;
}


#wrap {
	padding: 10px;
}

/*店舗またはATMから選ぶ・検索方法を選ぶ*/

/*共通*/
h2.h2Title{
	color: #0085c6;
	line-height:1;
	padding:1px 0 3px 12px;
	background:url(../images/h2line.png) 0 0 no-repeat;
}

.search-no {
	margin-top:9px;
}

.search-no dt span {
	visibility:hidden;
}

.search-no dd {
	overflow:hidden;
	font-size:11px;
	line-height:1.4;
	padding-top:3px;
}

#search01-wrap{
	margin-top:5px;
	margin-bottom:5px;
	border:solid #F90 2px;
	padding:2px;
	border-radius: 8px;
}

/*店舗またはATMから選ぶ*/
.search-no dt.no1 {
	width:36px;
	height:36px;
	background-image: url(../../images/no_1.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float:left;
	margin-right:0;
}

#search01-wrap h3{
	position:relative;
	line-height:1;
	background-color:#ff9900;
	color:#ffffff;
	margin:0;
	padding:5px 0 2px 0;
	border-radius: 4px;
	
	border: 1px solid #ff9900;
	background: -webkit-gradient(linear, center top, center bottom, from(#ffc163), color-stop(50%, #ffad33), color-stop(50%, #ff9900), to(#ff9900));
}

#search01-wrap h3 input{
	width:24px;
	height:24px;
	vertical-align:middle;
	margin:0 2px 6px 10px;
}

#search01-wrap h3 span{
	text-shadow: none;
	font-weight:bold;
	text-shadow: 0 -1px 0 #666;
}

#search01-wrap p{
	margin:0;
	padding:0;
	text-align:center;
}

#number01 p.yu-an{
	margin-left:1em;
	padding:0;
	text-indent:-1em;
	font-size:10px;
	text-align:left;
}
#number01 p.yu-an span{
	color:#F00;
}

p.arrow{
	margin:5px 0;
	text-align:center;
}

/*検索方法を選ぶ*/
.search-no dt.no2 {
	width:36px;
	height:36px;
	background-image: url(../../images/no_2.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	float:left;
	margin-right:0;
}

/*現在位置から探す（GPS）*/
#search02-wrap01{
	margin-top:10px;
}

#search02-wrap01 h3 a{
	display:block;
	padding:8px 0 8px 0;
	line-height:1;
	background-color:#0085c6;
	text-align:center;
	color:#ffffff;
	text-decoration:none;
	border-radius: 5px;
	
	border: 1px solid #0085c6;
	background: -webkit-gradient(linear, center top, center bottom, from(#8cc8e5), color-stop(50%, #4aa8d7), color-stop(50%, #0085c6), to(#0085c6));
	text-shadow: 0 -1px 0 #666;
}

/*その他の方法から探す*/
#search02-wrap02{
	margin-top:5px;
}
#search02-wrap02 h3{
	display:block;
	padding:8px 0 8px 0;
	line-height:1;
	background-color:#0085c6;
	text-align:center;
	color:#ffffff;
	text-decoration:none;
	border-radius: 5px 5px 0 0;
	
	border: 1px solid #0085c6;
	background: -webkit-gradient(linear, center top, center bottom, from(#8cc8e5), color-stop(50%, #4aa8d7), color-stop(50%, #0085c6), to(#0085c6));
	text-shadow: 0 -1px 0 #666;
}

dl.accordion dt {
	cursor:pointer;
	color:#000;
	line-height:1;
	font-size:105%;
	padding:10px 0 10px 40px;
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	
	background:url(../../images/btn_plus.png) 10px 50% no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(6%,#fefefe), color-stop(99%,#efefef));
}
dl.accordion dt.opened {
	background:url(../../images/btn_minus.png) 10px 50% no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(6%,#fefefe), color-stop(99%,#efefef));
}

dl.accordion dd {
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	border-top:solid 1px #ccc;
	padding:15px 10px;
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edf4f7), color-stop(100%,#cde3ed));
}

dl.accordion dt.btn-round,dl.accordion dd.btn-round {
	border-radius: 0 0 5px 5px;
	border-bottom:solid 1px #ccc;
}

dl.accordion dt.btn-round.opened{
	border-radius: 0!important;
	border-bottom:none;
}

.input-btn01 input[type="text"] {
	width:75%;
	height:23px;
	font-size:14px;
	border:solid 1px #ccc;
	padding:2px 5px 2px 5px;
	margin-right:5px;
}

.input-btn01 input[type="button"] {
	height:27px;
	line-height:22px;
	color: #ffffff;
	font-size:14px;
	font-weight:bold;
	padding: 0 8px 0 10px;
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#83c4e4),
		color-stop(0.50, #4ca9d7),
		color-stop(0.50, #0084c6),
		to(#0084c6));
	border-radius: 6px;
	border: 1px solid #0084c6;
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 1px 1px 1px rgba(000,000,000,0.2);
	text-shadow:
		0px -1px 1px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.3);
}

.input-btn01 select {
	width:63%;
	height:27px;
	margin-right:5px;
}

.input-btn02 input[type="button"] {
	width:100%;
	height:27px;
	line-height:22px;
	color: #ffffff;
	font-size:14px;
	font-weight:bold;
	padding: 0 8px 0 10px;
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#83c4e4),
		color-stop(0.50, #4ca9d7),
		color-stop(0.50, #0084c6),
		to(#0084c6));
	border-radius: 6px;
	border: 1px solid #0084c6;
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 1px 1px 1px rgba(000,000,000,0.2);
	text-shadow:
		0px -1px 1px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.3);
}


/*footer*/
#siteFooter{
	padding:10px 0 0;
	border-top:2px solid #0094d0;
	background:#f4f4f4;
}

ul#footer_navi{
	margin:0 10px 10px;
	list-style:none;
}

ul#footer_navi li{
	width:49%;
	text-align:center;
	background:#ffffff;
	border:1px solid #c6c6c6;
	border-radius:4px;
}
ul#footer_navi li a{
	width:100%;
	padding:7px 0;
	color:#333333;
	display:inline-block;
	text-decoration:none;
	line-height:1.0;
	font-size:11px !important;
}

ul#footer_navi li#navL{float:left;}
ul#footer_navi li#navR{float:right;}

#siteFooter p#copy_01{
	width:100%;
	margin:0 0 10px;
	text-align:center;
	color:#888888;
	font-size:10px;
	line-height:1.0;
}
#siteFooter p#copyright{
	width:100%;
	padding:8px 0;
	color:#ffffff;
	background:#81adeb;
	text-align:center;
	font-size:10px;
	line-height:1.0;
}