@charset "utf-8"; /* CSS Document ---------------------------------------------------------------------------------------------------------------- */ /* HTML5.0/【CSS 3.0】2014.02.13 var.1.0　(C)advista */ /* [http://www.gifu-parking.jp/] */ /* Default Style Reset --------------------------------------------------------------------------------------------------------- */ article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display: block} audio,canvas,video {display : inline-block} audio:not([controls]) { display: none;height: 0} [hidden] {display: none} html { font-family: sans-serif;font-family: "Hiragino Kaku Gothic Pro","Yu Gothic","Meiryo",sans-serif; -webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;} body { margin : 0} h1,h2,h3,h4,h5,h6,p,ul,ol,dl,table,pre { margin-top: 0} a:focus { outline: thin dotted} a:hover,a:active { outline : 0} html {font-size: 75%} h1 {font-size: 2em;} p,li,dt,dd,th,td,pre{-ms-line-break: strict;line-break: strict;-ms-word-break: break-strict;word-break: break-strict} abbr[title] { border-bottom : 1px dotted} b, strong { font-weight : bold} dfn { font-style: italic} mark { background: #ff0;color: #000} code, kbd, pre, samp {font-family: monospace, serif;font-size: 1em} pre {white-space: pre;white-space: pre-wrap;word-wrap: break-word} q {quotes: "\201C" "\201D" "\2018" "\2019";} small {font-size: 80%;} sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline} sup {top: -0.5em} sub {bottom: -0.25em} img {max-width :100%;vertical-align: middle;border: 0} svg:not(:root) {overflow: hidden} figure {margin: 0} fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;} legend {border: 0;padding: 0;} button, input, select, textarea {font-family: inherit;font-size: 100%;margin: 0;} button,input {line-height: normal;} button,input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance: button;cursor: pointer;}/} button[disabled],input[disabled] {cursor: default} input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0;} input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none} button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0} textarea {overflow: auto;vertical-align: top;} /*table {border-collapse: collapse;border-spacing: 0;margin: 10px;}*/ * {margin:0;padding:0;} a {text-decoration:none;} ul,li{list-style:none;} img {vertical-align:middle;} html {background-color:#FFF;} h1,h2,h3,h4,h5,h6{margin:0px;} h1{font-size:48px; line-height: 1;} h2{font-size:36px; line-height: 1.3333;} h3{font-size:24px; line-height: 1;} hgroup h2,h3,h4,h5,h6{font-size:16px;line-height: 1.5;} /* header ------------------------------------------------------------------------------------------------------------------------------------------ */ header {width: 100%;height: 120px;background: url(../img/head_bg.jpg) repeat-x;clear: both;} header #HeadBox {width: 960px;height: 120px;display: block;margin: 0px auto 0px auto;} header h1 a {width: 360px;height: 120px;display: block;background: url(../img/head_id.jpg) no-repeat;float: left;text-indent: -999em;} header nav {width: 600px;height: 120px;display: block;float: right;} header ul {width: 600px;height: 120px;display:block;} header li {float:left;text-indent: -999em;} header .Li01 a {width: 149px;height: 110px;display:block;margin: 0px;background: url(../img/gnavi01.jpg) no-repeat;} header .Li01 a {background-position: 0px 0px;} header .Li01 a:hover {background-position: 0px -110px;} header .Li02 a {width: 150px;height: 110px;display:block;margin: 0px;background: url(../img/gnavi02.jpg) no-repeat;} header .Li02 a {background-position: 0px 0px;} header .Li02 a:hover {background-position: 0px -110px;} #Area01 header .Li02 {width: 150px;height: 110px;display:block;margin: 0px;background: url(../img/gnavi02.jpg) no-repeat; background-position: 0px -110px;} header .Li03 a {width: 150px;height: 110px;display:block;margin: 0px;background: url(../img/gnavi03.jpg) no-repeat;} header .Li03 a {background-position: 0px 0px;} header .Li03 a:hover {background-position: 0px -110px;} #Area02 header .Li03 {width: 150px;height: 110px;display:block;margin: 0px;background: url(../img/gnavi03.jpg) no-repeat; background-position: 0px -110px;} header .Li04 a {width: 151px;height: 110px;display:block;margin: 0px;background: url(../img/gnavi04.jpg) no-repeat;} header .Li04 a {background-position: 0px 0px;} header .Li04 a:hover {background-position: 0px -110px;} #Outline header .Li04 {width: 150px;height: 110px;display:block;margin: 0px;background: url(../img/gnavi04.jpg) no-repeat; background-position: 0px -110px;} /* ContBody ---------------------------------------------------------------------------------------------------------------------------------------- */ #ContBody {width: 960px;height: auto;margin: 20px auto 0px auto;padding: 0px 0px 30px 0px;display: block;clear: both;} #ContBody:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} /* aside ------------------------------------------------------------------------------------------------------------------------------------------- */ aside {width: 250px;height: auto;display: block;float: left;} aside:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} /* ContNavi */ #ContNavi {width: 210px;height: auto;margin: 0px 0px 20px 0px;padding: 16px;display: block; border: solid 4px #D2D2D2;background-color: #FFFFFF;} #ContNavi:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} /* Navi01 */ #Navi01 {width: 210px;height: auto;margin: 0px 0px 20px 0px;display: block;} #Navi01 h3 a {width: 200px;height: 25px;margin: 0px 0px 10px 0px;padding: 5px 0px 0px 10px;display: block; background-color: #E30000;color: #FFFFFF;font-size: 16px;} #Navi01 li {width: 180px;height: auto;margin: 0px 0px 10px 0px;padding: 0px 10px 0px 20px;display: block;font-size: 12px;} #Navi01 li a {color: #cd0d0d;text-decoration: none;} #Navi01 li a:hover {color: #cd0d0d;text-decoration: underline;} #Navi01 .Li01 {display: block;background: url(../img/parkingnum_red01.png) no-repeat;} #Navi01 .Li02 {display: block;background: url(../img/parkingnum_red02.png) no-repeat;} #Navi01 .Li03 {display: block;background: url(../img/parkingnum_red03.png) no-repeat;} #Navi01 .Li04 {display: block;background: url(../img/parkingnum_red04.png) no-repeat;} #Navi01 .Li05 {display: block;background: url(../img/parkingnum_red05.png) no-repeat;} #Navi01 .Li06 {display: block;background: url(../img/parkingnum_red06.png) no-repeat;} #Navi01 .Li07 {display: block;background: url(../img/parkingnum_red07.png) no-repeat;} #Navi01 .Li08 {display: block;background: url(../img/parkingnum_red08.png) no-repeat;} #Navi01 .Li09 {display: block;background: url(../img/parkingnum_red09.png) no-repeat;} #Navi01 .Li10 {display: block;background: url(../img/parkingnum_red10.png) no-repeat;} #Navi01 .Li11 {display: block;background: url(../img/parkingnum_red11.png) no-repeat;} #Navi01 .Li12 {display: block;background: url(../img/parkingnum_red12.png) no-repeat;} #Navi01 .Li13 {display: block;background: url(../img/parkingnum_red13.png) no-repeat;} #Navi01 .Li14 {display: block;background: url(../img/parkingnum_red14.png) no-repeat;} #Navi01 .Li15 {display: block;background: url(../img/parkingnum_red15.png) no-repeat;} #Navi01 .Li16 {display: block;background: url(../img/parkingnum_red16.png) no-repeat;} #Navi01 .Li17 {display: block;background: url(../img/parkingnum_red17.png) no-repeat;} /* Navi02 */ #Navi02 {width: 210px;height: auto;margin: 0px 0px 0px 0px;display: block;} #Navi02 h3 a {width: 200px;height: 25px;margin: 0px 0px 10px 0px;padding: 5px 0px 0px 10px;display: block; background-color: #2452D5;color: #FFFFFF;font-size: 16px;} #Navi02 li {width: 180px;height: auto;margin: 0px 0px 10px 0px;padding: 0px 10px 0px 20px;display: block;font-size: 12px;} #Navi02 li a {color: #202a82;text-decoration: none;} #Navi02 li a:hover {color: #202a82;text-decoration: underline;} #Navi02 .Li01 {display: block;background: url(../img/parkingnum_blue01.png) no-repeat;} #Navi02 .Li02 {display: block;background: url(../img/parkingnum_blue02.png) no-repeat;} #Navi02 .Li03 {display: block;background: url(../img/parkingnum_blue03.png) no-repeat;} #Navi02 .Li04 {display: block;background: url(../img/parkingnum_blue04.png) no-repeat;} #Navi02 .Li05 {display: block;background: url(../img/parkingnum_blue05.png) no-repeat;} #Navi02 .Li06 {display: block;background: url(../img/parkingnum_blue06.png) no-repeat;} /* SideBanner */ #SideBanner {width: 250px;height: auto;margin: 0px 0px 20px 0px;display: block;} #SideBanner:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #SideBanner li {width: 250px;height: auto;margin: 0px 0px 10px 0px;display: block;text-indent: -999em;} #SideBanner .Li01 a {width: 250px;height: 60px;display: block;background: url(../img/outline_btn.jpg) no-repeat;} #SideBanner .Li01 a:hover {filter: alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;} #SideBanner .Li02 {width: 250px;height: 150px;display: block;background: url(../img/mobile_qr.jpg) no-repeat;} /* Counter */ #Counter li {font-size: 1em;line-height: 2em;letter-spacing: 0.5em;text-decoration: none; text-align:center;display: block;color:#666;border: 1px solid #CCCCCC;} /* MainCont ---------------------------------------------------------------------------------------------------------------------------------------- */ #MainCont {width: 680px;height: auto;margin: 0px 0px 20px 0px;display: block;float: right;} #MainCont:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #MainCont h2 {width: 680px;height: 32px;margin: 0px 0px 20px 0px;padding: 8px 0px 0px 0px;display: block; font-size: 20px;color: #FFFFFF;text-align: center;letter-spacing: 0.2em;} #Home #MainCont h2 {background: url(../img/h2.jpg) no-repeat;} #Outline #MainCont h2 {background: url(../img/h2.jpg) no-repeat;} #Area01 #MainCont h2 {background: url(../img/area01_h2.jpg) no-repeat;} #Area02 #MainCont h2 {background: url(../img/area02_h2.jpg) no-repeat;} #MainCont h3 {width: 663px;height: 30px;margin: 0px 0px 20px 0px;padding: 4px 0px 0px 17px;display: block; font-size: 17px;color: #000000;background: url(../img/h3.png) no-repeat;} #MainCont .TxTBox {width: 680px;height: auto;margin: 0px 0px 20px 0px;padding: 0px;display: block;} #MainCont .TxTBox:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} /* TableBox */ #MainCont .TableBox {margin: 0px 0px 20px 0px;display: block;} #MainCont .TableBox table {width: 100%;height: auto;background-color: #39A021;font-size: 100%;line-height: 150%;margin: 0px auto 0px auto;} #MainCont .TableBox th {padding: 10px;background-color: #D6EFB1;font-weight: bold;color: #000000;} #MainCont .TableBox td {padding: 10px;background-color: #FFFFFF;text-align:left;} #MainCont .TableBox h5 a {font-size: 0.75em;line-height: 2em;text-decoration: none;} #MainCont .TableBox .Tel {font-size: 1.0em;line-height: 2em;padding: 0em 0em 0em 0em;} #MainCont .TableBox .Time {font-size: 1.0em;line-height: 2em;padding: 0em 0em 0em 0em;text-align:center;} #MainCont .TableBox .Price {font-size: 1.0em;line-height: 2em;padding: 0em 0em 0em 0em;text-align:center;} #MainCont .TableBox .PriceE1{font-size: 1.0em;line-height: 2em;padding: 0em 0em 0em 0em;text-align:center;display:block;} #MainCont .TableBox .PriceE2{font-size: 1.0em;line-height: 2em;padding: 0em 0em 0em 0em;text-align:center;display:block;} #MainCont .TableBox .Notime {font-size: 1.0em;line-height: 2em;display:block;} #MainCont .TableBox .Ptype {font-size: 1.0em;line-height: 2em;} #MainCont .TableBox .More a {font-size: 1.0em;line-height: 2em;} #Area01 .Box {display:block;} #Area02 .Box {display:block;} /* MapSpace */ #Home #MapSpace {width: 678px;height: 628px;display: block;margin: 0px 0px 15px 0px;padding: 0px 0px 0px 0px; border: solid 1px #CCCCCC;} #Area01 #MapSpace {width: 678px;height: 628px;display: block;margin: 0px 0px 40px 0px;padding: 0px 0px 0px 0px; border: solid 1px #CCCCCC;} #Area02 #MapSpace {width: 678px;height: 628px;display: block;margin: 0px 0px 40px 0px;padding: 0px 0px 0px 0px; border: solid 1px #CCCCCC;} #Home #MapSpace iframe {width:678px;height:628px;} #Area01 #MapSpace iframe {width:678px;height:628px;} #Area02 #MapSpace iframe {width:678px;height:628px;} /* DataBox */ #DataBox {width: auto;height: auto;display: block;clear: both; margin: 0px 0px 70px 0px;padding: 0px 0px 0px 0px;} #DataBox:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #DataBox .Left {width: 280px;height: auto;display: block;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;float: left;} #DataBox .Left:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #DataBox .Left img {width: 100%;height: auto;display: block; max-width: 350px; padding: 2px;border: 2px solid #ccc;} #DataBox .Right {width: 380px;height: auto;display: block;margin: 0px 0px 0px 20px;padding: 0px 0px 0px 0px;float: right;} #DataBox .Right:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #DataBox dt {width: 70px;height: auto;display: block;margin: 0px 0px 10px 0px;padding: 2px 0px 0px 0px;float: left; background-color: #6A6A6A;color: #FFFFFF;text-align: center;} #DataBox dd {width: 290px;display: block;margin: 0px 0px 10px 0px;padding: 2px 0px 0px 80px;} #DataBox dd .Box {display:block;} /* ListBtn */ #ListBtn a {width: 165px;height: 23px;display: block;margin: 0px auto 180px auto;padding: 7px 0px 0px 0px;font-size: 14px; color: #FFFFFF;text-align: center;} #Area01 #ListBtn a {background-color: #E30000;} #Area02 #ListBtn a {background-color: #2452D5;} /* Caution */ #Caution {width: 680px;height: auto;margin: 0px 0px 25px 0px;display: block;} #Caution:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Caution dl {width: 680px;height: auto;margin: 0px;display: block;} #Caution dt {float: left;} #Caution dd {display: block;margin: 0px;padding: 0px 0px 0px 15px;} #Ticket {width: 560px;height: 165px;display: block;margin: 0px;padding: 0px; background: url(../img/ticket.png) no-repeat;text-indent: -999em;} #PageTop {width: 680px;height: 30px;display: block;margin: 20px 0px 0px 0px;padding: 0px;clear: both;} #PageTop a {width: 30px;height: 30px;display: block;margin: 0px;padding: 0px; background: url(../img/pagetop.jpg) no-repeat right;text-indent: -999em;float: right;} #PageTop a:hover {filter: alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;} .TxTS {font-size: 10px;} .Data a {color: #0033FF;text-decoration: underline;} .Data a:hover {color: #0099FF;text-decoration: none;} /* footer ------------------------------------------------------------------------------------------------------------------------------------------ */ footer {width: 100%;height: 25px;display: block; margin: 0px;padding: 15px 0px 0px 0px; background: #D4D4D4;text-align: center;clear: both;} @media screen and (max-width: 959px) { /* header ------------------------------------------------------------------------------------------------------------------------------------------ */ header {width: 100%;height: auto;background: #cff155;} header #HeadBox {width: auto;height: auto;display: block;margin: 0;} header h1 a {width: auto;height: auto;text-indent: 0em;text-align:center;background-image:none;float: none;} header nav {width: auto;height: auto;display: block;float: none;} header ul {width: auto;height: auto;display: block;float: none;} header li {float: none;text-indent: 0em;background: url(../img/nvibg.png) bottom repeat-x;} header li a {font-size: 1.2em;line-height: 3em;color:#fff;padding: 0em 0em 0em 1em;} header .Li01 a {display: none;} header .Li02 {width: auto;height: auto;display:block;margin: 0px;background: #fa0000 url(../img/nvibg.png) left bottom repeat-x;} header .Li02 a {width: auto;height: auto;display:block;margin: 0px;background:url(../img/arrow.png) no-repeat 95% 50%;} header .Li02 a:hover {background-position: 98% 50%;} header .Li03 {width: auto;height: auto;display:block;margin: 0px;background: #2451d4 url(../img/nvibg.png) left bottom repeat-x;} header .Li03 a {width: auto;height: auto;display:block;margin: 0px;background:url(../img/arrow.png) no-repeat 95% 50%;} header .Li03 a:hover {background-position: 98% 50%;} header .Li04 {width: auto;height: auto;display:block;margin: 0px;background: #838383 url(../img/nvibg.png) left bottom repeat-x;} header .Li04 a {width: auto;height: auto;display:block;margin: 0px;background:url(../img/arrow.png) no-repeat 95% 50%;} header .Li04 a:hover {background-position: 98% 50%;} #Area01 header .Li02 {width: auto;height: auto;display:block;margin: 0px;background: #fa0000 url(../img/nvibg.png) left bottom repeat-x;} #Area02 header .Li03 {width: auto;height: auto;display:block;margin: 0px;background: #2451d4 url(../img/nvibg.png) left bottom repeat-x;} #Outline header .Li04 {width: auto;height: auto;display:block;margin: 0px;background: #838383 url(../img/nvibg.png) left bottom repeat-x;} /* ContBody ---------------------------------------------------------------------------------------------------------------------------------------- */ #ContBody {width: auto;height: auto;margin: 0;padding: 0;display: block;clear: both;} #ContBody:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} /* aside ------------------------------------------------------------------------------------------------------------------------------------------- */ aside {width: auto;height: auto;display:none;} /* MainCont ---------------------------------------------------------------------------------------------------------------------------------------- */ #MainCont {width: auto;height: auto;margin: 0;display: block;float:none;clear:both;} #MainCont:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #MainCont h2 {width: auto;height: auto;margin: 0;padding: 0;display: block;letter-spacing: 0em; font-size: 1.2em;line-height: 3em;color:#fff;text-align: center;} #Home #MainCont h2 {background-image: none;background:#39a021;clear: both;} #Area01 #MainCont h2 {background-image: none;background:#fa0000;clear: both;} #Area02 #MainCont h2 {background-image: none;background:#2451d4;clear: both;} #Outline #MainCont h2 {background-image: none;background:#838383;clear: both;} #MainCont h3 {width: auto;height: auto;margin: 1em 0em 0em 0em;padding: 0;display: block; font-size: 1.3em;line-height: 2em;text-align:center; color: #000;background: none;} #MainCont .TxTBox {width: auto;height: auto;margin: 0;padding: 1em;display: block;} #MainCont .TxTBox:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} /* TableBox */ #MainCont .TableBox {margin: 0px auto;padding: 2em;display: block;} #Area01 .TableBox {margin: 0;} #Area02 .TableBox {margin: 0;} #MainCont .TableBox table {width: 100%;height: auto;background: #fff;font-size: 1em;line-height: 2em;} #MainCont .TableBox th {padding: 0.2em;background-color: #D6EFB1;font-weight: bold;color: #000; font-size: 1.0em;line-height: 2em;} #Area01 .TableBox th {display:none;} #Area02 .TableBox th {display:none;} #MainCont .TableBox td {width: auto;height: auto;text-align:left;display:block;padding: 0.2em; background: #eee;} #Area01 .TableBox td {background:#fff;padding: 0em;} #Area02 .TableBox td {background:#fff;padding: 0em;} #Area01 .Box {display:inline;} #Area02 .Box {display:inline;} #MainCont .TableBox h5 a {font-size: 1.0em;line-height: 2em;color:#fff;display:block; margin: 0.5em 0em 0em 0em;padding: 0em 0em 0em 1em;clear:both;} #Area01 .TableBox h5 a {background:url(../img/arrow.png) #cb8484 no-repeat 95% 50%;} #Area02 .TableBox h5 a {background:url(../img/arrow.png) #8a9ccc no-repeat 95% 50%;} #MainCont .TableBox h5 a:hover{background-position: 98% 50%;} #MainCont .TableBox .Tel {font-size: 1.0em;line-height: 2em;float:left;padding: 0em 0em 0em 1em;font-weight: bold;} #MainCont .TableBox .Time {font-size: 1.0em;line-height: 2em;float:left;padding: 0em 0em 0em 1em;} #MainCont .TableBox .Price {font-size: 1.0em;line-height: 2em;float:left;padding: 0em 0em 0em 1em;} #MainCont .TableBox .PriceE1{font-size: 1.0em;line-height: 2em;float:left;padding: 0em 0em 0em 1em;} #MainCont .TableBox .PriceE2{font-size: 1.0em;line-height: 2em;float:left;padding: 0em 0em 0em 1em;} #MainCont .TableBox .Notime {font-size: 1.0em;line-height: 2em;float:left;padding: 0em 0em 0em 0em;} #MainCont .TableBox .Ptype {font-size: 1.0em;line-height: 2em;float:left;padding: 0em 0em 0em 1em;} #MainCont .TableBox .More a {font-size: 1.0em;line-height: 2em;display:none;} /* MapSpace */ #Home #MapSpace {width: auto;height: auto;display: block;margin: 0;padding: 0; border: solid 1px #CCCCCC;} #Area01 #MapSpace {width: auto;height: auto;display: block;margin: 0;padding: 0; border: solid 1px #CCCCCC;} #Area02 #MapSpace {width: auto;height: auto;display: block;margin: 0;padding: 0; border: solid 1px #CCCCCC;} #Home #MapSpace iframe {width:100%;height: 400px;clear: both;} #Area01 #MapSpace iframe {width:100%;height: 350px;clear: both;} #Area02 #MapSpace iframe {width:100%;height: 350px;clear: both;} /* DataBox */ #DataBox {width: auto;height: auto;display: block;clear: both; margin: 0px 0px 70px 0px;padding: 10px 10px 10px 10px;} #DataBox:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #DataBox .Left {width: 280px;height: auto;display: block;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;float: left;} #DataBox .Left:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #DataBox .Left img {width: 100%;height: auto;display: block; max-width: 350px; padding: 2px;border: 2px solid #ccc;} #DataBox .Right {width: auto;height: auto;display: block;margin: 0px 0px 0px 20px;padding: 0px 0px 0px 0px;float: left;} #DataBox .Right:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #DataBox dt {width: 70px;height: auto;display: block;margin: 0px 0px 10px 0px;padding: 2px 0px 0px 0px;float: left; background-color: #6A6A6A;color: #FFFFFF;text-align: center;} #DataBox dd {width: 170px;display: block;margin: 0px 0px 10px 0px;padding: 2px 0px 0px 80px;} #DataBox dd .Box {display:block;} /* ListBtn */ #ListBtn a {width: auto;height: auto;display: block;margin: 1em auto;padding: 0px;font-size: 1.2em; color: #FFF;text-align: center;} #Area01 #ListBtn a {background-color: #E30000;} #Area02 #ListBtn a {background-color: #2452D5;} /* Caution */ #Caution {width: auto;height: auto;margin: 2em;padding: 0em;display: block;font-size: 1.0em;line-height: 2em;} #Caution:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #Caution dl {width: auto;height: auto;margin: 0px;display: block;} #Caution dt {float: left;} #Caution dd {display: block;margin: 0px;padding: 0px 0px 0px 1em;} #Ticket {width: auto;height: auto;display: block;margin: 0px;padding: 0px;background:none;text-indent: 0em;text-align:center;} #PageTop {width: auto;height: 30px;display: block;margin: 20px 10px 0px 0px;padding: 0px;clear: both;} #PageTop a {width: 30px;height: 30px;display: block;margin: 0px;padding: 0px;background: url(../img/pagetop.jpg) no-repeat right; text-indent: -999em;float: right;} #PageTop a:hover {filter: alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;} .TxTS {font-size: 10px;} .Data a {color: #0033FF;text-decoration: underline;} .Data a:hover {color: #0099FF;text-decoration: none;} /* footer ------------------------------------------------------------------------------------------------------------------------------------------ */ footer {width: 100%;height: auto;display: block;margin: 0px;clear: both; padding: 0.5em;background: #D4D4D4;text-align: center;} } @media screen and (max-width: 750px) { /* DataBox */ #DataBox {width: 100%;height: auto;display: block;clear: both; margin: 0px 0px 0px 0px;padding: 10px 10px 10px 10px;} #DataBox:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #DataBox .Left {width: 100%;height: auto;display: block;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;float: none;} #DataBox .Left:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #DataBox .Left img {width: 88%;height: auto;display: block;margin: 10px auto; max-width: 350px; padding: 2px;border: 2px solid #ccc;} #DataBox .Right {width: auto;height: auto;display: block;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;float: none;} #DataBox .Right:after {content: "";height: 0;clear: both;visibility: hidden;display: block;} #DataBox dt {width: 100%;height: auto;display: block;margin: 1em 0em 0em 0em;padding:0.3em;float: none; background-color: #6A6A6A;color: #FFFFFF;text-align: center;} #DataBox dd {width: auto;display: block;margin: 0;padding: 0.3em;text-align:center;} #DataBox dd .Box {display:block;} }