@charset "utf-8";
/*ご利用のメリット*/

#cont-main .merit h3 {
	margin-bottom: 5px;
}
#cont-main .merit p {
	margin-bottom: 5px;
}
#cont-main .merit .margin01 {
	margin-bottom: 30px;
}
#cont-main .merit .entry-txt strong {
	color: #006699;
}

/*こんなとき便利*/
#cont-main .merit-scene {
	background: #FFFFCC;
	padding: 10px;
	margin-bottom: 50px;
}
#cont-main .merit-scene table {
	border-top: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	width: 480px;
	margin-top: 5px;
	margin-bottom: 5px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}
#cont-main .merit-scene td {
	border-bottom: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;
	padding: 5px;
}

#cont-main ul#sub-tab-merit li,
#cont-main ul#sub-tab-service li,
#cont-main ul#sub-tab-lineup li {
	float: left;
	height: 36px;
	font-size: 10pt;
	color: #FFFFFF;
	text-align: center;
	background: url(../images/base/sub-tab-bg01.gif) repeat-x left top;
	border-top: none;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}
#cont-main ul#sub-tab-merit #sub-current a,
#cont-main ul#sub-tab-service #sub-current a,
#cont-main ul#sub-tab-lineup #sub-current a {
	background: url(../images/base/sub-tab-bg01.gif) repeat-x left top;
	color: #FFFFFF;
}
#cont-main ul#sub-tab-merit a,
#cont-main ul#sub-tab-service a,
#cont-main ul#sub-tab-lineup a {
	width: 100%;
	height: 100%;
	background: url(../images/base/sub-tab-bg001.gif) repeat-x left top;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}
#cont-main ul#sub-tab-merit a:hover,
#cont-main ul#sub-tab-service a:hover,
#cont-main ul#sub-tab-lineup a:hover {
	background: url(../images/base/sub-tab-bg01.gif) repeat-x left top;
	color: #FFFFFF;
}
img.float-right {
	float: right;
	margin-left: 10px;
	width: auto;
	height: auto;
}
/*sub-tab-merit*/

#cont-main ul#sub-tab-merit {
	width: 504px;
	height: 36px;
	margin-right: 8px;
	margin-left: 8px;
	clear: both;
	margin-bottom: 30px;
}
#cont-main ul#sub-tab-merit li {
	width: 244px;
	line-height: 36px;
}

/*sub-tab-service*/

#cont-main ul#sub-tab-service {
	width: 504px;
	height: 72px;
	margin-right: 8px;
	margin-left: 8px;
	clear: both;
	margin-bottom: 30px;
}
#cont-main ul#sub-tab-service li {
	width: 82px;
	line-height: 36px;
}
/*sub-tab-lineup */

#cont-main ul#sub-tab-lineup {
	width: 508px;
	height: 36px;
	margin-right: 6px;
	margin-left: 6px;
	clear: both;
	margin-bottom: 30px;
}
#cont-main ul#sub-tab-lineup li {
	line-height: 36px;
}
#cont-main ul#sub-tab-lineup .item01 {
	width: 155px;
	line-height: 36px;
}
#cont-main ul#sub-tab-lineup .item02 {
	width: 115px;
	line-height: 36px;
}
/*sub-tab-hachi*/

#cont-main ul#sub-tab-hachi {
	width: 510px;
	height: 72px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 30px;
	clear: both;
}
#cont-main ul#sub-tab-hachi li {
	float: left;
	height: 36px;
	font-size: 10pt;
	color: #FFFFFF;
	text-align: center;
	background: url(../images/base/sub-tab-bg-hachi01.gif) repeat-x left top;
	border-top: none;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}
#cont-main ul#sub-tab-hachi #sub-current a {
	background: url(../images/base/sub-tab-bg-hachi01.gif) repeat-x left top;
	color: #FFFFFF;
}
#cont-main ul#sub-tab-hachi a {
	width: 100%;
	height: 100%;
	background: url(../images/base/sub-tab-bg-hachi001.gif) repeat-x left top;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}
#cont-main ul#sub-tab-hachi a:hover {
	background: url(../images/base/sub-tab-bg-hachi01.gif) repeat-x left top;
	color: #FFFFFF;
}
#cont-main ul#sub-tab-hachi li {
	width: 100px;
	line-height: 36px;
}
/*table-style*/

#cont-main .service table, #cont-main .lineup table, #cont-main .open table, #cont-main .hachi table {
	border-top: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	width: 480px;
	margin-bottom: 10px;
	clear: both;
}
#cont-main .security table {
	border-top: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	width: 450px;
	margin-bottom: 10px;
}
#cont-main .faq table {
	border-top: 1px solid #BBBBBB;
	border-right: 1px solid #BBBBBB;
	width: 410px;
	margin-bottom: 10px;
}

#cont-main .service td, #cont-main .lineup td, #cont-main .open td, #cont-main .security td, #cont-main .faq td , #cont-main .hachi td {
	border-bottom: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;
	padding: 5px;
}
#cont-main .service p.cap {/*テーブルの説明文*/
	font-size: 90%;
	color: #006699;
	text-align: left;
	margin-top: 20px;
}
#cont-main .service td.cap, #cont-main .open td.cap, #cont-main .security td.cap, #cont-main .hachi td.cap {
	text-align: center;
	background: #CCCCCC;
}
#cont-main .service table .tit01, #cont-main .open table .tit01, #cont-main .security table .tit01, #cont-main .faq table .tit01, #cont-main .hachi table .tit01 {
	background: #EEEEEE;
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
}
#cont-main .service table .tit02, #cont-main .lineup table .tit02 {
	background: #FAFAFA;
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
}
#cont-main .lineup table .tit-orange, #cont-main .open table .tit-orange, #cont-main .hachi table .tit-orange {
	background: #FFECDF;
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
}
#cont-main .open table .tit-pink {
	background: #FFE6EE;
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
}
#cont-main .service td.servicetit {
	width: 150px;
	padding-right: 0px;
	padding-left: 0px;
}
#cont-main .service td.servicecell {
	width: 150px;
	padding-right: 0px;
	padding-left: 0px;
}
#cont-main .service td.servicecell02 {
	width: 75px;
	padding-right: 0px;
	padding-left: 0px;
}
#cont-main .service td.atm-fee {
	width: 120px;
	padding-right: 0px;
	padding-left: 0px;
}
#cont-main .service td.time {
	width: 150px;
	padding-right: 0px;
	padding-left: 0px;
}
#cont-main .service td.status {
	width: 40px;
	font-size: smaller;
	padding-right: 0px;
	padding-left: 0px;
	text-align: center;
}
#cont-main .service td.fee {
	width: 80px;
	padding-right: 0px;
	padding-left: 0px;
}
#cont-main .lineup td.item {
	width: 130px;
	padding-right: 0px;
	padding-left: 0px;
}
#cont-main .hachi td.item {
	width: auto;
	padding-right: 0px;
	padding-left: 0px;
}
/*よくあるご質問と答え*/
#cont-main .faq-list{/*リスト部*/
	border: 1px solid #999999;
	padding: 10px;
}
#cont-main .faq-list .faq-q {/*リスト部質問*/
	background: url(../images/base/ico-faq-q.gif) no-repeat left top;
	font-size: 100%;
	font-weight: bold;
	color: #990000;
	width: 420px;
	padding: 5px 0px 30px 35px;
}
#cont-main .faq .faq-q {
	background: url(../images/base/ico-faq-q.gif) no-repeat left top;
	font-size: 100%;
	font-weight: bold;
	color: #990000;
	width: 445px;
	padding: 5px 0px 15px 35px;
}

#cont-main .faq .faq-a {
	background: url(../images/base/ico-faq-a.gif) no-repeat 10px 10px;
	border: 1px solid #999999;
	padding: 15px 10px 10px 45px;
	margin-bottom: 0px;
	width: 420px;
}
#cont-main .faq .faq-a p {
	margin-bottom: 8px;
}
#cont-main .faq .faq-a .item0 {
	border: 1px solid #CCCCCC;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#cont-main .faq .faq-a .item1 {
	border: 1px solid #CCCCCC;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
}
#cont-main .faq .faq-a .item2 {
	border: 1px solid #CCCCCC;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 30px;
}
#cont-main .faq .faq-a .explanation,
#cont-main .faq .faq-a .explanation_red {/*注釈部*/
	border-top: 1px dotted #CCCCCC;
	padding-top: 10px;
}
#cont-main .faq .faq-gotop {
	margin-bottom: 30px;
	text-align: right;
}

/*ご利用手数料0円の提携ATM*/

#cont-main .indent01 .atm {
	clear: both;
	height: 180px;
	margin-bottom: 50px;
}
#cont-main .indent01 .atm p.info {
	float: left;
	margin-right: 10px;
}
#cont-main .indent01 .atm p.btn {
	float: left;
	margin-bottom: 5px;
	width: 220px;
}
/*口座開設のご案内*/

#cont-main .indent01 .open-step {
	border: 1px solid #CCCCCC;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	text-align: center;
}
#cont-main .indent01 .open-step-ya {
	margin-bottom: 10px;
	text-align: center;
}
#cont-main h3.open {
	color: #FF6600;
	font-size: 95%;
	font-weight: bold;
}
#cont-main h3.open img {
	vertical-align: middle;
}
#cont-main .open .step-txt {
	margin-bottom: 12px;
}
#cont-main .open .tit01 {
	white-space: nowrap;
}
#cont-main .open img {
	vertical-align: middle;
	margin: 3px;
}
#cont-main .open .margin01 {
	margin-bottom: 15px;
	margin-top: 15px;
}
#cont-main .open .remarks p {
	margin-bottom: 10px;
}
/*セキュリティについて*/

#cont-main .security .tit01 {
	white-space: nowrap;
}
/*サービスのご案内*/

#cont-main .lineup-tit {
	clear: both;
}
#cont-main .lineup-tit-end {
	clear: both;
	font-size: 150%;
	color: #FF0000;
	text-align: center;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}
#cont-main .lineup .item {
	margin-bottom: 20px;
}
#cont-main .lineup .item p.item-tit {
	font-weight: bold;
	color: #006699;
}
#cont-main .lineup .item p {
	margin-bottom: 3px;
	font-size: 90%;
}

/*四国八十八カ所支店からのお知らせ*/

/*八八茶屋-更新情報-*/

/*四国トピックス*/

#cont-main .news .new-list #item h4 {
	font-size: 100%;
	color: #666666;
	font-weight: normal;
}
#cont-main .news .new-list #item .tit {
	font-size: 100%;
	font-weight: bold;
	color: #FF6600;
	border-bottom: 2px solid #999999;
	margin-bottom: 10px;
	margin-top: 5px;
}
#hachi #cont-main .news .new-list #item .tit {
	color: #5B9639;
}
#cont-main table.hachi-ex {
	border: 1px solid #999999;
	width: 480px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#cont-main table.hachi-ex td {
	vertical-align: middle;
}
#cont-main .entry-inputtxt p {/*tinyMCEで動的生成部のテキスト*/
	margin-top: 1.2em;
	margin-left: 1.2em;
}
/*サイトマップ*/

#cont-main .sitemap h3 {
	color: #FF6600;
	font-size: larger;
	border-bottom: 2px solid #FF9900;
	margin-bottom: 5px;
}
#cont-main .sitemap p {
	margin-left: 20px;
}
#cont-main .sitemap ul {
	margin-bottom: 20px;
}
#cont-main .sitemap li {
	margin-left: 40px;
	list-style: square inside;
	margin-bottom: 5px;
}
#cont-main .sitemap li p {
	margin-left: 40px;
}

#cont-main .sitemap ul ul.sub {
	margin-left: 40px;
	list-style: none;
}
#cont-main .sitemap p.tit {
	font-weight: bold;
}
/*八八茶屋*/

#hachi #cont-main .link li, .link02 li {
	padding-left: 20px;
	font-size: 100%;
	margin-top: 15px;
	background: url(../images/base/cont-main-ya3.gif) no-repeat left center;
}
#hachi #cont-main div.link02 {
	width: 240px;
	float: left;
}
#hachi #cont-main .link02 h4 {
	font-weight: normal;
	padding: 15px 0 0 0;
	font-size: 100%;
}
/*八八茶屋ご予算情報*/

#hachi #cont-main table.hachi-ex td {
	padding-right: 5px;
	padding-left: 5px;
}
#hachi #cont-main table.hachi-ex td.ico {
	width: 70px;
}
#hachi #cont-main table.hachi-ex td.tit {
	font-weight: bold;
	text-align: center;
	width: 150px;
	color: #006699;
	border-right: 2px dashed #999999;
	border-left: 2px dashed #999999;
}
#hachi #cont-main h4.green {
	color: #529525;
	border-bottom: 2px solid #666666;
	margin-bottom: 10px;
}
#hachi #cont-main h4.green img {
	vertical-align: middle;
	margin-left: 10px;
	margin-bottom: 1px;
}
#hachi #cont-main strong.green {
	color: #529525;
}
/*おすすめ四国*/
#hachi #cont-main div.memo {
	background: url(../images/hachi/img-hachi-spotmemo-bg.gif) repeat-y;
	float: left;
	width: 235px;
}
#hachi #cont-main div.memo-inner {
	background: url(../images/hachi/img-hachi-spotmemo-ft.gif) no-repeat bottom;
	width: 235px;
	padding-bottom: 10px;
}

#hachi #cont-main div.memo dl {
	padding: 10px 20px 30px;
}

#hachi #cont-main div.shokoku {
	padding: 0px 0px 0px 0px;
	margin-right: 5px;
}
#hachi #cont-main div.henro {
	padding: 0px 0px 0px 0px;
	margin-left: 5px;
}

#hachi #cont-main div.memo .pref dt,
#hachi #cont-main div.memo .pref dt a {
	font-weight: bold;
	color: #006699;
}
#hachi #cont-main div.memo .pref dd {
	padding-left: 8px;
	padding-top: 4px;
}

/*おすすめ四国*/
.spot-tit {
	font-size: larger;
	font-weight: bold;
	color: #5B9639;
	clear: both;
	border-bottom: 1px solid #5B9639;
	background: #EBEBEB;
	margin-bottom: 10px;
	padding: 3px;
}
/*おすすめ四国（えひめ）*/
.walking  {
	background: url(../images/hachi/img-hachi-spot-ehime-walkingbg.gif) no-repeat;
}
.walking p {
	width:350px;
}
.walking ul.pdf {
	margin-bottom: 1em;
	line-height:1.5em;
	width: 250px;
	margin-left: 50px;
}

/*四国八十八カ所ミニ辞典*/

#temple88 .indent02 {
	background: url(../images/hachi/temple-dict-bg.gif) repeat;
	padding: 10px;
}
#temple88 #cont-main h2 {
	margin-bottom: 20px;
}
#temple88 .item {
	background: #EEEBDF;
	padding-bottom: 10px;
	text-align: center;
	height:100%;
	overflow: auto;
}
#temple88 .item:after {
	clear: both;
	content:"";
	display:block;
}
#temple88 .item .data {
	float: left;
	width: 200px;
}
#temple88 .item h2 {
	background: url(../images/base/cont-88-tit.gif) no-repeat;
	height: 96px;
	width: 190px;
	font-size: 1px;
	text-indent: -9999px;
}
#temple88 .item .photo img {
	border: 1px solid #CCCCCC;
}
#temple88 .name {
	width: 200px;
}
#temple88 .item .txt {
	padding: 10px 10px 10px 20px;
	text-align: left;
	float: left;
	width: 430px;
}
#temple88 .info {
	padding: 10px;
	text-align: left;
	width: 180px;
}
#temple88 .item .info p {
	font-size: smaller;
	line-height: 1.2em;
	padding-bottom: 0px;
	padding-top: 0px;
}
#temple88 .item .info .add {
	font-size: 90%;
}
#temple88 .item .info .next {
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	background: #999999;
	margin-top: 5px;
}
#temple88 .item .txt p {
	line-height: 1.2em;
	letter-spacing: 0.1em;
	text-indent: 1em;
	padding-bottom: 7px;
	padding-top: 7px;
	border-top: 0px solid #FFFFFF;
}
#temple88 table.navi {
	margin-right: auto;
	margin-left: auto;
	clear:both;
}
#temple88 table.navi td {
	padding-top: 0px;
	text-align: center;
	font-size: 12px;
	background: url(../images/hachi/navi-bg01.gif) repeat-x right bottom;
	color: #999999;
}
#temple88 table.navi td.current a {
	font-size: 12px;
	background: url(../images/hachi/navi-bg01-o.gif) repeat-x right bottom;
	color: #FFFFFF;
}
#temple88 table.navi td.prev, #temple88 table.navi td.prev a, #temple88 table.navi td.next a, #temple88 table.navi td.next {
	font-size: 12px;
	width: 43px;
}
#temple88 table.navi td a {
	border: 1px solid #FFFFFF;
	font-size: 12px;
	width: 30px;
	height: 20px;
	display: block;
	background: url(../images/hachi/navi-bg01.gif) repeat-x right bottom;
	text-decoration: none;
}
#temple88 table.navi td a:hover {
	background: url(../images/hachi/navi-bg01-o.gif) repeat-x right bottom;
	color: #FFFFFF;
}