@charset "UTF-8";


/*---------- ページ全体の指定 ----------*/

html, body, header, section, article, nav, footer,
div, span, p, h1, h2, h3, h4,
ul, ol, li, dl, dt, dd,
table, tr, th, td, tbody, thead, tfoot {
  margin: 0;
  padding: 0;
}

img {border: 0;}

body {
  width: 100%;
  background-color: #ffffff;
  font: 14px/1.231 'ヒラギノ角ゴ pro W3', "Hiragino KaKu Gothic Pro", Osaka, sans-serif;
  line-height: 1.7;
}

a:link {
  color: #ee827c;
}

a:hover {
  color: #ec6d71;
}

a:visited {
  color: #ee827c;
}


/*---------- ヘッダー ----------*/

header {
  border-top: 5px solid #DE3F8B;
  width: 100%;
}

header h1 {
  padding: 8px 0 0 5px;
  text-align: center;
  color: #333333;
  font-size: 18px;
}

header h1 a {
  color: #333333 !important;
  text-decoration: none;
  font-size: 18px;
}

header h1 a:hover {
  color: #ec6d71 !important;
  text-decoration: underline;
  font-size: 18px;
}

header img.main_photo {
  width: 100%;
  height: auto;
}

#page_top {
  margin: 0;
  padding: 0;
}


/*---------- コンテンツ ----------*/

#content {
  padding: 10px 6px;
}

section {
  margin: 10px 0;
}

section h2 {
  margin: 0 0 8px 0;
  padding: 5px 0 2px 35px;
  font-size: 14px;
  color: #DE3F8B;
  border-bottom: double 3px #DE3F8B;
  background: url(../img/title_icon01.png) no-repeat scroll left center transparent;
}

section h3 {
  margin: 0 0 8px 0;
  padding: 5px 0 2px 10px;
  font-size: 16px;
  color: #262626;
  border-bottom: dashed 3px #aaa;
}

section h4 {
  margin: 0;
  padding: 0;
  font-size: 16px;
  color: #262626;
}

section p {
  margin: 0 0 12px 0;
  padding: 3px 0;
  line-height: 1.8;
}

section .gray_bg {
  margin: 8px 0 8px 0;
  padding: 2px 8px 2px 8px;
  line-height: 1.7;
  letter-spacing: 1px;
  border-top: solid 1px #dddddd;
  border-right: solid 1px #dddddd;
  border-bottom: solid 1px #dddddd;
  border-left: solid 1px #dddddd;
  background-color: #eeeeee;
}

section .gray_bg p {
  padding: 3px;
  line-height: 1.7;
  letter-spacing: 1px;
}

section img.picture_l {
  margin: 0 10px 10px 0;
  float: left;
}

section img.picture_r {
  margin: 0 0 10px 10px;
  float: right;
}

section span.red {
  color: #e60033;
}

section span.red_b {
  color: #e60033;
  font-weight: bold;
}

section span.blue {
  color: #007bbb;
}

section span.pink {
  color: #c53d43;
}

section span.brown {
  color: #993300;
}

section span.brown_b {
  color: #993300;
  font-weight: bold;
}

section span.green {
  color: #00ae4f;
}

section table.table_line {
  width: 100%;
  border-collapse: collapse;
  border: solid 1px #bbbbbb;
  margin : 8px  0 8px 0;
}

section td.table_line {
  border-collapse: collapse;
  border: solid 1px #bbbbbb;
  padding : 8px 10px 8px 10px;
}

section .info{
  background-color: #fbeaf2;
  padding: 10px;
  margin: 0;
}

section .banner{
  text-align: center;
  margin: 10px 0;
  padding: 0;
}

/*---------- 上部ナビ ----------*/

.top_button {
  height: 140px; 
  margin: 10px 0;  
  padding: 0;  
  width: 100%;  
}  
  
.top_button ul{ 
  width: 100%;
  list-style-type: none;  
  margin: 0;  
  padding: 0;  
}  
  
.top_button li{  
  float: left;  
  width: 50%;
  margin: 0;
  padding: 0;
}  
  
.top_button a{
  font-size: 16px;
  margin: 2%;  
  padding: 20px 0 5px 0;  
  text-align: center;  
  display:block;  

  text-decoration: none;
  font-weight: bold;
  color:#fff; 
  height: 40px;
  border: solid 3px #c11868;
  background-color: #de3f8b;
border-radius:10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
box-shadow:3px 3px 2px 1px #ccc;
-moz-box-shadow:3px 3px 2px 1px #ccc;
-webkit-box-shadow:3px 3px 2px 1px #ccc;
}  
  
.top_button a:hover{
  background-color: #de7aa9;
  border: solid 3px #de3f8b;
  color: #fff;  
}  

/*---------- 下部ナビ ----------*/

nav.bottom {
  width: 100%;
  text-decoration: none;
  margin: 0 0 10px 0;
  background-color: #fff;
}

nav.bottom h2 {
  color: #fff;
  padding: 5px 0 3px 10px;
  font-size: 14px;
  border-bottom: solid 1px;
  border-bottom-color: #cccccc;
  background: url(../img/h_icon_gray.gif) left top no-repeat;
  background-color: #DE3F8B;
}

nav.bottom ul {
  width: 100%;
  border-top: solid 1px;
  border-top-color: #cccccc;
}

nav.bottom li {
  width: 100%;
  list-style: none;
  text-align: center;
}

nav.bottom li a {
  padding: 10px;
  display: block;
  color: #DE3F8B !important;
  font-weight: bold;
  text-decoration: none;
  border-bottom: solid 2px;
  border-bottom-color: #cccccc;
  background: url(../img/arrow_icon.png) no-repeat scroll right center transparent;
}

nav.bottom li a:hover {
  display: block;
  font-weight: bold;
  text-decoration: none;
  border-bottom: solid 2px;
  border-bottom-color: #cccccc;
  background-color: #fff2e5;
}


/*---------- トップに戻る ----------*/

#page_back {
  margin: 0 0 8px 0;
  padding: 0 6px 0 0;
  text-align: right;
}


/*---------- フッター ----------*/

footer {
  width: 100%;
  padding: 10px 0 10px 0;
  color: #333333;
  text-align: center;
  border-top: solid 1px;
  border-top-color: #cccccc;
  background-color: #eeeeee;
}

footer p {
  padding: 10px;
  color: #555555;
}

footer a {
  color: #555555 !important;
}

footer a:hover {
  color: #777777 !important;
}

footer a:visited {
  color: #555555;
}

footer p.copy {
  padding: 10px;
  font-size: 12px;
  color: #555555;
}

footer p.copy a {
  color: #ee827c !important;
  text-decoration: none;
}

footer p.copy a:hover {
  color: #ec6d71 !important;
  text-decoration: underline;
}

footer p.copy a:visited {
  color: #ee827c;
  text-decoration: none;
}

.news{
  height: 200px;
    overflow: auto;
}

.box-news{border-bottom:1px dotted #D6D6D6;}
.box-news:first-child{margin-top:5px;}
/*.box-news:last-child{
	border:none;
	margin-bottom:50px;
}*/
.box-news dt.news-date{
	color:#fff;
	font-size:10px;
	text-align:center;
	background:#DE3F8B;
	padding:7px;
	box-sizing:border-box;
}
.box-news dt{margin-right:10px;}
.box-news dt, .box-news dd{
	display:inline-block;
	vertical-align:middle;
	font-size:13px;
	padding:15px 0;
	box-sizing:border-box;
}

hr.simple{
	border-top: 1px dashed #8c8b8b;
}

.teller{
  width: 90%;
  max-width: 400px;
  display: box;
  float: left;
  background-color: #F8F1F4;
  margin: 5px;
  padding: 10px;
}

.teller_info{
  width: 51%;
  float: right;
  margin: 0;
  padding: 0;
}

span.shop{
  font-size: 12px;
  color: #fff;
  background-color: #279E9E;
  padding: 3px;
  margin: 0 3px;
}

span.anker{
  font-size: 20px;
  color: #6D5335;
  font-weight: bold;
  background-color: #F8F1F4;
  padding: 6px;
  margin: 6px;
  text-decoration: none;
}

#acMenu dt{
  color: #fff;
  font-size: 18px;
  font-weight: bold;
    display:block;
    width: 100%;
    height:50px;
    line-height:50px;
    text-align:center;
    cursor:pointer;
  background-color: #DE3F8B;
    border:#DE3F8B 1px solid;
    }
#acMenu dd{
    width: 100%;
    line-height:30px;
    text-align:center;
    border:#DE3F8B 1px solid;
    display:none;
    }

/*------------------------------------------------
   固定
------------------------------------------------*/

    div#headerArea {  
        position: fixed !important;  
        position: absolute;  
        top: 0;  
        left: 0;  
        width: 100%;  
        background: #000;  
padding:0 1%;
        color: #fff;  
    }  
    div#footerArea {  
        position: fixed !important;  
        position: absolute;  
        bottom: 0;  
        left: 0;  
        width: 100%;  
        background: #000;  
padding:0 1%;
        color: #fff;  
    }