html {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
body {
background-image: url("../img/back.png");
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
div {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
span {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
applet {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
object {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
iframe {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
h1 {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
h2 {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
h3 {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
h4 {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
h5 {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
h6 {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
p {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
blockquote {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
pre {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
a {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
abbr {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
acronym {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
address {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
big {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
cite {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
code {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
del {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
dfn {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
em {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
font {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
ins {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
kbd {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
q {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
s {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
samp {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
small {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
strike {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
strong {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
sub {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
sup {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
tt {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
var {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
dl {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
dt {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
dd {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
ol {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
ul {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
li {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
fieldset {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
form {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
label {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
legend {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
table.table {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
caption {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
tbody {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
tfoot {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
thead {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
tr {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
th {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
td {
margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; vertical-align: baseline;
}
:focus {
outline: 0px;
}
ol {
list-style: none;
}
ul {
list-style: none;
}
table.table {
border-collapse: separate; border-spacing: 0;
}
caption {
text-align: left; font-weight: normal;
}
th {
text-align: left; font-weight: normal;
}
td {
text-align: left; font-weight: normal;
}
blockquote::before {
content: "";
}
blockquote::after {
content: "";
}
q::before {
content: "";
}
q::after {
content: "";
}
blockquote {
quotes: "" "";
}
q {
quotes: "" "";
}
a img {
border: 0px currentColor; border-image: none;
}
figure {
margin: 0px;
}
article {
display: block;
}
aside {
display: block;
}
details {
display: block;
}
figcaption {
display: block;
}
figure {
display: block;
}
footer {
display: block;
}
header {
display: block;
}
hgroup {
display: block;
}
menu {
display: block;
}
nav {
display: block;
}
section {
display: block;
}
body {
color: rgb(51, 51, 51); line-height: 1.5; font-family: verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; font-size: small; -webkit-text-size-adjust: none;
}
a {
color: rgb(0, 160, 233); text-decoration: none;
}
a:hover {
color: rgb(0, 102, 153);
}
a:active {
outline: 0px;
}
a:focus {
outline: 0px;
}
#wrapper {
background: rgb(255, 255, 255); margin: 0px auto; padding: 0px 1%; width: 98%; position: relative;
}
.inner {
margin: 0px auto; width: 100%;
}
#header {
height: 110px;
}
#header h1 {
padding: 5px 0px 10px 10px; font-size: 12px; font-weight: normal;
}
.logo {
margin-left: 17px; float: left;
}
.logo span {
display: block;
}
.info {
text-align: right; padding-right: 20px; float: right;
}
.info .open {
font-size: 11px;
}
.logo {
color: rgb(0, 160, 233); font-size: 20px; font-weight: bold; margin-top: 6px;
}
.info .tel {
color: rgb(0, 160, 233); font-size: 20px; font-weight: bold; margin-top: 6px;
}
.logo span {
color: rgb(51, 51, 51); font-size: 0.6em; font-weight: normal;
}
.info span {
color: rgb(51, 51, 51); font-size: 0.6em; font-weight: normal;
}
#mainBanner {
margin: 17px auto; padding: 0px; width: 96%; line-height: 0; position: relative;
}
#mainBanner img {
border: 4px solid rgb(235, 235, 235); border-image: none; height: auto; max-width: 100%;
}
#news {
margin: 17px auto; padding: 2px; width: 96%;
border: 4px solid rgb(235, 235, 235); border-image: none; height: auto; max-width: 100%;
}
.slogan {
padding: 5px 10px 5px 10px; left: 5px; height: auto; bottom: 10px; color: rgb(255, 255, 255); line-height: 1.4; position: absolute; width: 97.5%; background-color: rgba(0, 0, 0, 0.4);
}
.slogan h2 {
color: rgb(255, 255, 255); padding-bottom: 5px; font-size: 20px;
}
.gridWrapper {
overflow: hidden; padding-bottom: 20px;
}
* html .gridWrapper {
height: 1%;
}
.grid {
background: rgb(255, 255, 255); border-radius: 5px; float: left;
}
.grid_right {
background: rgb(255, 255, 255); border-radius: 5px; float: right;
}
.box {
margin: 0px 5px; padding: 0px; border: 0px solid rgb(235, 235, 235); border-image: none;
}
.box img {
border: 4px solid rgb(235, 235, 235); border-image: none; height: auto; max-width: 100%;
}
.box h3 {
padding: 10px 0px 5px;
}
.box h3 {
text-align: left;
}
.box p {
text-align: left;
}
.box p.readmore {
padding: 10px 5px 5px; text-align: right;
}
section.content article {
padding: 20px; border: 1px solid rgb(235, 235, 235); border-image: none; overflow: hidden; margin-bottom: 20px;
}
* html section.content article {
height: 1%;
}
section.content p {
margin-bottom: 5px;
}
h3.heading {
background: rgb(241, 241, 241); padding: 0px 10px; color: rgb(51, 51, 51); line-height: 36px; font-weight: normal;
}
section.content img {
height: auto; max-width: 90%;
}
.alignleft {
margin: 3px 10px 10px 0px; clear: left; float: left;
}
.alignright {
margin: 3px 0px 10px 10px; clear: right; float: right;
}
#gallery .grid img {
border: 4px solid rgb(235, 235, 235); border-image: none;
}
.border {
border: 4px solid rgb(235, 235, 235); border-image: none;
}
ul.list img {
border: 4px solid rgb(235, 235, 235); border-image: none;
}
table.table {
margin: 5px auto 15px; border-collapse: collapse;
}
table.table td {
padding: 8px; border: 1px solid rgb(214, 214, 214); border-image: none; text-align: left; line-height: 20px; border-collapse: collapse; background-color: rgb(249, 249, 249);
}
table.table th {
background-position: top; border-width: 1px 4px 1px 1px; border-style: solid; border-color: rgb(212, 212, 212); padding: 8px; text-align: right; color: rgb(21, 21, 21); letter-spacing: 1px; font-size: 13px; font-weight: normal; white-space: nowrap; background-repeat: repeat-x; background-color: rgb(245, 245, 245);
}
#sidebar ul {
padding: 10px;
}
#sidebar li {
list-style: none; padding-bottom: 10px; margin-bottom: 10px; border-bottom-color: rgb(235, 235, 235); border-bottom-width: 1px; border-bottom-style: dashed;
}
#sidebar li:last-child {
border: 0px currentColor; border-image: none; margin-bottom: 0px;
}
#sidebar li a {
display: block;
}
#sidebar ul.list li {
padding: 5px 0px; border: 0px currentColor; border-image: none; overflow: hidden; clear: both; margin-bottom: 5px;
}
ul.list li {
height: 1%;
}
ul.list li img {
margin-right: 10px; float: left;
}
ul.list li {
line-height: 1.35; font-size: 12px;
}
#footer {
background: rgb(243, 243, 243); padding: 10px 10px 20px; overflow: hidden; clear: both;
}
* html #footer {
height: 1%;
}
#footer .grid {
background: none; margin: 0px; padding: 10px 0px 5px;
}
#footer #info .logo {
float: none;
}
#footer #info .info {
float: none;
}
#footer #info .info {
padding: 10px 0px 0px 15px; text-align: left; clear: both;
}
#footer .logo {
font-size: 18px;
}
#footer .info .tel {
color: rgb(51, 51, 51); font-size: 12px;
}
#footer .info .tel span {
color: rgb(51, 51, 51); font-size: 12px;
}
#footer #info .open {
color: rgb(51, 51, 51); font-size: 12px;
}
ul.footnav {
padding: 10px 0px; width: 650px; float: right;
}
ul.footnav li {
padding: 0px 7px 0px 8px; font-size: 11px; margin-bottom: 10px; border-right-color: rgb(182, 182, 182); border-right-width: 1px; border-right-style: solid; float: left;
}
#footer a {
color: rgb(51, 51, 51);
}
#footer a:hover {
color: rgb(136, 136, 136);
}
address {
background: rgb(219, 219, 219); padding: 5px; text-align: center; color: rgb(51, 51, 51); clear: both; font-size: 10px; font-style: normal;
}
@media only screen and (min-width:960px)
{
#header {
margin: 0px auto; padding: 0px; width: 960px;
}
#wrapper {
margin: 0px auto; padding: 0px; width: 960px;
}
.inner {
margin: 0px auto; padding: 0px; width: 960px;
}
#wrapper {
padding-bottom: 20px;
}
nav#mainNav {
background: rgb(241, 241, 241); overflow: hidden; clear: both; position: relative;
}
nav#mainNav .inner {
padding: 0px 14px; width: 932px;
}
nav#mainNav ul li {
float: left; position: relative;
}
nav#mainNav li.last {
border-right-color: rgb(235, 235, 235); border-right-width: 1px; border-right-style: solid;
}
nav#mainNav ul li a {
background: rgb(241, 241, 241); width: 154px; height: 45px; text-align: center; color: rgb(51, 51, 51); padding-top: 15px; font-size: 13px; border-left-color: rgb(235, 235, 235); border-left-width: 1px; border-left-style: solid; display: block; _float: left;
}
nav#mainNav ul li a span {
display: block;
}
nav#mainNav ul li a strong {
display: block;
}
nav#mainNav ul li a span {
color: rgb(205, 205, 205); font-size: 10px;
}
nav div.panel {
float: left; display: block !important;
}
a#menu {
display: none;
}
nav#mainNav li.active a {
background: rgb(238, 238, 238); color: rgb(144, 144, 144); padding-top: 15px;
}
nav#mainNav li a:hover {
background: rgb(238, 238, 238); color: rgb(144, 144, 144); padding-top: 15px;
}
#mainBanner {
margin-left: 15px;
}
#subpage #mainBanner {
margin: 15px auto;
}
#main {
width: 667px; padding-right: 15px; float: right;
}
#sidebar {
padding: 15px 0px 0px 15px; width: 245px; overflow: hidden; float: left;
}
#sidebar article {
padding: 7px; border: 1px solid rgb(235, 235, 235); border-image: none; overflow: hidden; margin-bottom: 20px;
}
.gridWrapper {
margin: 0px 0px 0px -10px; width: 960px;
}
#gallery article {
padding: 10px 0px 10px 10px;
}
.grid {
width: 460px; margin-left: 20px; float: left;
}
.grid_left {
float: left;
}
.grid_clear {
clear:both;
}
.grid_wide {
margin: 10px 0px 2px 10px; width: 920px;
}
.grid_left_long {
float: right; margin-left: 20px;
}
#subpage .grid {
width: auto;
}
#gallery .grid {
margin: 10px 0px 2px 10px; width: auto;
}
}
@media only screen and (max-width:959px)
{
* {
box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
nav#mainNav {
background: -ms-linear-gradient(rgb(247, 247, 247) 0%, rgb(240, 240, 240) 50%, rgb(245, 245, 245) 100%); margin: 0px auto; padding: 0px; border: 1px solid rgb(228, 228, 228); border-image: none; width: 100%; clear: both;
}
nav#mainNav a.menu {
width: 100%; height: 40px; text-align: left; line-height: 40px; font-weight: bold; display: block;
}
nav#mainNav a#menu span {
padding-left: 10px;
}
nav#mainNav a.menu span::before {
content: "→ ";
}
nav#mainNav a.menuOpen span::before {
content: "↓ ";
}
nav#mainNav a#menu:hover {
cursor: pointer;
}
nav .panel {
top: 0px; width: 100%; right: 0px; display: none; position: relative; z-index: 1;
}
nav#mainNav ul li {
width: 100%; height: auto; line-height: 1.2; clear: both; float: none;
}
nav#mainNav ul li a {
padding: 15px 10px; text-align: left; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: dashed; display: block;
}
nav#mainNav ul li.current-menu-item li a {
padding: 15px 10px; text-align: left; border-bottom-color: rgb(204, 204, 204); border-bottom-width: 1px; border-bottom-style: dashed; display: block;
}
nav#mainNav ul li a span {
padding-left: 10px;
}
nav#mainNav ul li:first-child a {
border-top-color: rgb(228, 228, 228); border-top-width: 1px; border-top-style: solid;
}
nav#mainNav ul li:last-child a {
border: 0px currentColor; border-image: none;
}
nav#mainNav ul li.active a {
color: rgb(0, 102, 153);
}
nav div.panel {
float: none;
}
#subpage #mainBanner {
max-width: 668px;
}
#sidebar {
padding-bottom: 30px;
}
#sidebar article {
padding: 7px 0px;
}
#footer .grid {
width: 100%; text-align: center; float: none;
}
#footer ul.footnav {
width: 100%; text-align: center; float: none;
}
ul.footnav li {
float: none; display: inline-block;
}
.grid {
margin: 10px 0px 0px 1%; width: 48.2%; height: 30%;
}
.grid_left {
float: left;
}
.grid_clear {
clear:both;
}
.grid_left_long {
float: right;
}
#gallery .grid {
margin: 0px 0px 0px 1%; width: 48%; float: left;
}
#footer .grid img {
float: none;
}
#footer .info {
float: none;
}
#footer .grid p {
display: block;
}
#footer #info .info {
text-align: center; float: none;
}
.logo#footer {
width: 100%; float: none;
}
#footer .info {
width: 100%; float: none;
}
}
@media only screen and (max-width:640px)
{
#header {
height: auto; padding-bottom: 20px;
}
#header h1 {
text-align: center;
}
.logo {
text-align: center;
}
.info {
text-align: center;
}
.logo {
margin: 0px; width: 100%; clear: both; float: none;
}
.info {
margin: 0px; width: 100%; clear: both; float: none;
}
.alignleft {
margin: 0px auto 10px; float: none; display: block;
}
.alignright {
margin: 0px auto 10px; float: none; display: block;
}
#gallery .grid {
float: left;
}
}
@media only screen and (max-width:480px)
{
.grid {
width: 98%;
}
#mainBanner h2 {
font-size: 80%;
}
#mainBanner p {
font-size: 80%;
}
address {
background: rgb(219, 219, 219); padding: 5px; text-align: center; color: rgb(51, 51, 51); clear: both; font-size: 8px; font-style: normal;
}
}
/* アコーディオンメニュー */
dl.accordion { background:#DDD; width:95%; margin:0 auto 30px; padding:10px; font-size:16px;}
dl.accordion dt {
background:url(img/a_open.png) 97% center no-repeat,-moz-linear-gradient(top, #C6F0FE, #27BCF9);
background:url(img/a_open.png) 97% center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#C6F0FE), to(#27BCF9));
border-bottom:1px solid #EEE; height:40px; text-indent:10px; line-height:40px; color:#333; font-weight:bold; cursor:pointer;}
dl.accordion dt.open {
background:url(img/a_close.png) 97% center no-repeat,-moz-linear-gradient(top, #C6F0FE, #27BCF9);
background:url(img/a_close.png) 97% center no-repeat,-webkit-gradient(linear, left top, left bottom, from(#C6F0FE), to(#27BCF9));}
dl.accordion dd { background:#FFF; padding:10px; line-height:1.5; display:none;}
.boxttl {
position:absolute; TOP:15px; left:10px; font-size:x-large;
}
#news {
font-size:x-large; font-weight:bold;
}
.box a{
color: rgb(0, 0, 0);
}
.box a:hover {
color: rgb(0, 0, 0);
}
.article_a dt {
color: rgb(255, 255, 255); margin-bottom: 1px; border-bottom-color: rgb(214, 214, 255); border-bottom-width: 1px; border-bottom-style: solid; position: relative; cursor: pointer; background-color: rgb(214, 214, 214);
}
.article_a dt::before {
background: rgb(255, 255, 255); top: 50%; width: 10px; height: 10px; right: 15px; margin-top: -8px; display: block; position: absolute; content: ""; transform: rotate(45deg); -webkit-transform: rotate(45deg);
}
.article_a section h1::after {
background: rgb(153, 204, 255); top: 50%; width: 10px; height: 10px; right: 15px; margin-top: -13px; display: block; position: absolute; content: ""; transform: rotate(45deg); -webkit-transform: rotate(45deg);
}
.article_a dt::after {
background: rgb(214, 214, 214); top: 50%; width: 10px; height: 10px; right: 15px; margin-top: -13px; display: block; position: absolute; content: ""; transform: rotate(45deg); -webkit-transform: rotate(45deg);
}
.article_a dt.active::before {
margin-top: -2px;
}
.article_a dt.active::after {
margin-top: 3px;
}