@charset "UTF-8";
/* CSS Document */

#access_box{ width: 100%; overflow: hidden;}
#access_txtbox{ float: left; width: 430px;}
.access_hlbg{ background: url(../image/common/pattern03.gif) repeat; padding: 6px 8px;}
.access_hlbg h4{ color: #262626; font-weight: bold; font-size: 14px; line-height: 18px; border-left: 4px solid #b8193f; padding: 5px 0px 5px 14px;}
.access_h2{ font-weight: bold; font-size: 20px; line-height: 200%;}
.access_h2sub{ font-weight: bold; font-size: 20px; line-height: 120%;}
.access_h3{ font-weight: bold; font-size: 16px; line-height: 200%;}
.access_h4{ font-weight: bold; font-size: 14px; line-height: 200%;}
.access_bgcolor{background-color:#999999; color:#ffffff; padding:2px; line-height: 200%;}

#access_mapbox{ float: right; width: 280px;}
.access_etcbox{ margin-top: 16px; padding-top: 16px; border-top: 1px dotted #666666;}
#access_mapbox img{ margin-bottom: 5px;}
#access_maptxt{ color: #b8193f; font-size: 12px; line-height: 18px; display: inline; padding-left: 15px; cursor: pointer;}
.access_indent{ margin-left: 1em; text-indent: -1em;}
.access_boxindent{ margin-left: 1em;}
table.access{ border: solid 1px #CCCCCC; border-collapse: collapse;}
td.access{ border: solid 1px #CCCCCC; text-align: center;}

.button a {display: flex; justify-content: space-between; align-items: center; margin: 0 10px; padding: 1em 2em; width: 350px; color: #333; font-size: 16px; font-weight: 700; background-color: #fff; border-style: solid; border-width: 1px; border-color: #333; border-radius: 10px; transition: 0.3s; text-decoration: none;}
.button a::after {content: ''; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 10px; border-color: transparent transparent transparent #333; transition: 0.3s;}
.button a:hover {background-color: #eee;}
.button a:hover::after {transform: translateX(5px);}