@charset "UTF-8";
 * {
-webkit-box-sizing: border-box ;
-moz-box-sizing: border-box ;
-o-box-sizing: border-box ;
-ms-box-sizing: border-box ;
box-sizing: border-box ;
}
body {
font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif !important ;
-webkit-text-size-adjust: 100% ;
}
select, input, button, textarea, button {
font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif !important ;
}
table {
font-size: inherit ;
font: 100% ;
}
html {
width: 100% ;
height: 100% ;
} body {
position: relative ;
width: 100% ;
height: 100% ;
background: #ffffff ;
line-height: 1.8 ;
font-size: 14px ;
color: #333333 ;
}
a:link,
a:visited {
color: #000000 ;
text-decoration: underline ;
}
a:hover,
a:active {
color: #999999 ;
text-decoration: none ;
}
h1,h2,h3,h4,h5,h6 {
}
p {
}
ul {
padding: 0 0 0 1.5em ; }
ol {
padding: 0 0 0 2em ;
list-style-type: decimal ;
list-style-position: outside ;
}
li {
}
dl {
}
dt {
}
dd {
}
p,li,dd,td {
text-align: justify ;
text-justify: inter-ideograph ;
}
img {
border : none ;
vertical-align: bottom ;
-ms-interpolation-mode: bicubic ;
}
form {
}
select,input,textarea,option {
vertical-align: middle ;
}
hr {
clear: both ;
background: #ffffff ;
color: #ffffff ;
border-top: 0px none #ffffff ;
border-right: 0px none #ffffff ;
border-left: 0px none #ffffff ;
border-bottom: 1px solid #999999 ;
}
address {
}
em {
font-style: normal ;
font-weight: bold ;
}
strong {
font-size: 14px ;
font-style: normal ;
font-weight: bold ;
}
big {
font-size: 18px ;
font-weight: bold ;
}
small {
font-size: 10px ;
}
sup,
sub {
height: 0 ;
line-height: 1 ;
vertical-align: baseline ;
_vertical-align: bottom ;
position: relative ;
}
sup {
bottom: 1ex ;
}
sub {
top: .5ex ;
} .inner {
width: 1000px ;
margin: 0 auto ;
}
header {
position: relative ;
background: #ffffff ;
width: 100% ;
margin: 15px 0 0 0 ;
padding: 2px 0 ;
border-top: 2px solid #000000 ;
border-bottom: 2px solid #000000 ;
line-height: 1 ;
z-index: 2 ;
}
header .dw {
background: #ffffff ;
width: 100% ;
padding: 10px 0 ;
border-top: 1px solid #000000 ;
border-bottom: 1px solid #000000 ;
}
header .logo {
float: left ;
}
header ul {
float: right ;
list-style: none ;
margin: 11px 0 0 0 ;
}
header ul li {
float: left ;
margin: 0 0 0 50px ;
}
header li a {
background: url(/common_i/img/ar1.png) left 5px no-repeat ;
padding: 0 0 0 15px ;
}
header a:link,
header a:visited {
color: #000000 ;
text-decoration: none ;
}
header a:hover,
header a:active {
color: #999999 ;
text-decoration: none ;
}
footer {
position: relative ;
background: #ffffff ;
width: 100% ;
height: 30px ;
margin: 100px 0 15px 0 ;
padding: 8px 0 0 0 ;
border-top: 2px solid #000000 ;
border-bottom: 2px solid #000000 ;
font-size: 10px ;
line-height: 10px ;
z-index: 2 ;
}
footer .read {
float: left ;
}
footer .copy {
float: right ;
}
article {
width: 1000px ;
margin: 40px auto 0 auto ;
}
article h2 {
margin: 40px 0 25px 0 ;
padding: 15px 25px ;
font-size: 24px ;
line-height: 24px ;
color: #000000 ;
border-top: 2px solid #000000 ;
border-bottom: 1px solid #000000 ;
}
article h2:first-child {
margin: 0 0 25px 0 ;
}
article h2 span {
font-size: 14px ;
line-height: 14px ;
}
article h3 {}
article h4 {}
article p {
margin: 0 0 10px 0 ;
}
article dl {
}
article dl dt {
font-size: 18px ;
}
article dl dd {
margin: 0 0 10px 0 ;
}
.main {
width: 950px ;
margin: 0 auto ;
}
.tablelist {
width: 100% ;
}
.tablelist th {
width: 15% ;
padding: 8px 20px 8px 0 ;
border-right: 1px solid #cccccc ;
text-align: left ;
color: #000000 ;
vertical-align: top ;
white-space: nowrap ;
}
.tablelist td {
width: 85% ;
padding: 8px 0 8px 20px ;
text-align: left ;
color: #000000 ;
vertical-align: top ;
}
.copyright {
margin: 40px 0 0 0 ;
font-size: 10px ;
text-align: center ;
} section {
width: 1000px ;
margin: 60px auto 0 auto ;
}
section h1 {
float: left ;
min-height: 40px ;
padding: 5px 0 0 0 ;
font-size: 32px ;
line-height: 32px ;
color: #000000 ;
}
section h1 span {
font-size: 16px ;
}
section .search {
float: right ;
width: 650px ;
line-height: 1 ;
}
section .search .other {
float: left ;
width: 400px ;
min-height: 40px ;
margin: 0 ;
border: 1px solid #000000 ;
}
section .search .other dt {
background: url(/common_i/img/ar2.png) 375px center no-repeat ;
height: 38px ;
padding: 12px 0 0 14px ;
color: #000000 ;
cursor: pointer ;
}
section .search .other dt.active {
background: url(/common_i/img/ar7.png) 375px center no-repeat ;
}
section .search .other dd {
display: none ;
padding: 10px 14px 14px 14px ;
}
section .search .other dd input[type="checkbox"] {
margin: 0 5px 0 0 ;
vertical-align: middle ;
} section .search .other dd select {
width: 370px ;
height: 40px ;
margin: 15px 0 0 0 ;
padding: 5px 10px ;
background: #ffffff ;
border: 1px solid #000000 ;
vertical-align: middle ;
}
section .search .other dd input[type="submit"] {
display: block ;
background: #000000 url(/common_i/img/search.png) right center no-repeat ;
width: 200px ;
height: 40px ;
margin: 15px auto 0 auto ;
border: none ;
vertical-align: middle ;
font-size: 16px ;
font-weight: bold ;
color: #ffffff ;
text-align: center ;
}
section .search .send {
float: right ;
width: 240px ;
margin: 0 ;
}
section .search .send input[type="text"] {
width: 200px ;
height: 40px ;
margin: 0 ;
padding: 5px 10px ;
background: #ffffff ;
border: 1px solid #000000 ;
vertical-align: middle ;
}
section .search .send input[type="submit"] {
background: #000000 url(/common_i/img/search.png) center center no-repeat ;
width: 40px ;
height: 40px ;
margin: 0 ;
border: none ;
vertical-align: middle ;
text-indent: 40px ;
overflow: hidden ;
}
section ul {
float: right ;
padding: 5px 0 0 0 ;
}
section ul li {
display: inline-block ;
background: url(/common_i/img/ar2.png) left center no-repeat ;
margin: 0 0 0 30px ;
padding: 0 0 0 15px ;
line-height: 14px ;
}
section .contact {
float: right ;
width: 320px ;
}
section .contact a {
display: block ;
background: #ffffff url(/common_i/img/ar1.png) 300px center no-repeat ;
width: 320px ;
padding: 12px 0 ;
border: 1px solid #000000 ;
font-size: 14px ;
line-height: 14px ;
text-align: center ;
text-decoration: none ;
color: #000000 ;
-webkit-box-shadow: 3px 3px rgba(0,0,0,0.2) ;
-moz-box-shadow: 3px 3px rgba(0,0,0,0.2) ;
box-shadow: 3px 3px rgba(0,0,0,0.2) ;
}
section .contact a:hover,
section .contact a:active {
filter: alpha(opacity=40) ;
-moz-opacity: 0.4 ;
opacity: 0.4 ;
}
section .contact a span {
background: url(/common_i/img/icon_01.png) left center no-repeat ;
background-size: 20px 14px ;
padding: 0 0 0 30px ;
}
section.aboutus ul {
float: left ;
padding: 5px 0 0 0 ;
}
section.aboutus .contact {
float: right ;
width: 320px ;
}
section.aboutus .contact a {
display: block ;
background: #ffffff url(/common_i/img/ar1.png) 300px center no-repeat ;
width: 320px ;
padding: 8px 0 ;
border: 1px solid #000000 ;
font-size: 14px ;
line-height: 14px ;
text-align: center ;
text-decoration: none ;
color: #000000 ;
-webkit-box-shadow: 3px 3px rgba(0,0,0,0.2) ;
-moz-box-shadow: 3px 3px rgba(0,0,0,0.2) ;
box-shadow: 3px 3px rgba(0,0,0,0.2) ;
}
section.aboutus .contact a span {
background: url(/common_i/img/icon_01.png) left center no-repeat;
background-size: 20px 14px;
padding: 0 0 0 30px;
line-height:1.3;
display: inline-block;
} article .list-main {
width: 1000px ;
margin: 40px auto 0 auto ;
}
article .list-main ul {
float: left ;
width: 720px ;
margin: 0 ;
padding: 0 ;
list-style: none ;
}
article .list-main li {
float: left ;
width: 220px ;
margin: 0 20px 20px 0 ;
padding: 0 ;
}
article .list-main li:nth-child(3n+1) {
clear: both ;
float: left ;
}
article .list-main li .image {
display: block ;
position: relative ;
background: #ffffff ;
width: 220px ;
height: 220px ;
border: 1px solid #999999 ;
overflow: hidden ;
-webkit-box-shadow: 3px 3px rgba(0,0,0,0.2) ;
-moz-box-shadow: 3px 3px rgba(0,0,0,0.2) ;
box-shadow: 3px 3px rgba(0,0,0,0.2) ;
}
article .list-main li .image a {
display: block ;
position: absolute ;
top: 0 ;
width: 100% ;
z-index: 2 ;
}
article .list-main li .image span {
display: block ;
position: relative ;
margin: -1px ;
z-index: 1 ;
}
article .list-main li p {
background: #ffffff ;
margin: 10px 0 0 0 ;
padding: 10px 0 ;
border: 1px solid #eeeeee ;
text-align: center ;
line-height: 1.2 ;
}
article .list-main li dl {
background: #ffffff ;
margin: 10px 0 0 0 ;
border: 1px solid #eeeeee ;
}
article .list-main li dl dt {
background: #999999 ;
padding: 5px 0 ;
font-size: 12px ;
line-height: 12px ;
text-align: center ;
color: #ffffff ;
}
article .list-main li dl dt.m01 {
background: #990000 ;
}
article .list-main li dl dt.m02 {
background: #ee0000 ;
}
article .list-main li dl dt.m03 {
background: #ee7700 ;
}
article .list-main li dl dt.m04 {
background: #eecc00 ;
}
article .list-main li dl dt.m05 {
background: #bbbb00 ;
}
article .list-main li dl dt.m06 {
background: #66bb00 ;
}
article .list-main li dl dt.m07 {
background: #008822 ;
}
article .list-main li dl dt.m08 {
background: #00cccc ;
}
article .list-main li dl dt.m09 {
background: #0088ee ;
}
article .list-main li dl dt.m10 {
background: #3333bb ;
}
article .list-main li dl dt.m11 {
background: #8833dd ;
}
article .list-main li dl dt.m12 {
background: #ee33ee ;
}
article .list-main li dl dd {
margin: 0 ;
padding: 7px 9px 8px 9px ;
line-height: 1.5 ;
color: #000000 ;
}
article .list-main li dl dd .brand {
font-size: 10px ;
}
article .list-main li dl dd .copy {
margin: 4px 0 0 0 ;
font-size: 9px ;
line-height: 1.2 ;
text-align: right ;
}
article .list-main li a img {
width: 100% ;
height: auto ;
}
article .list-side {
float: right ;
position: relative ;
width: 260px ;
}
article .list-side h2 {
margin: 0 0 10px 0 ;
padding: 0 ;
border: none ;
font-size: 20px ;
line-height: 20px ;
color: #000000 ;
}
article .list-side .tweet-box {
width: 260px ;
height: 640px ;
line-height: 0 ;
border: 1px solid #eeeeee ;
-webkit-box-shadow: 3px 3px rgba(0,0,0,0.2) ;
-moz-box-shadow: 3px 3px rgba(0,0,0,0.2) ;
box-shadow: 3px 3px rgba(0,0,0,0.2) ;
}
.twitter-link {
position: absolute ;
top: 60px ;
right: 0 ;
text-align: right ;
z-index: 10 ;
}
article .list-side.license .twitter-link {
top: 0px ;
}
.twitter-link a {
background: url(/common_i/img/sns_01.png) left center no-repeat ;
background-size: 16px 16px ;
padding: 0 0 0 20px ;
}
article .list-side .contact {
width: 260px ;
margin-bottom:20px;
}
article .list-side .contact a {
display: block ;
background: #ffffff url(/common_i/img/ar1.png) 240px center no-repeat ;
width: 260px ;
padding: 12px 0 ;
border: 1px solid #000000 ;
font-size: 14px ;
line-height: 14px ;
text-align: center ;
text-decoration: none ;
color: #000000 ;
-webkit-box-shadow: 3px 3px rgba(0,0,0,0.2) ;
-moz-box-shadow: 3px 3px rgba(0,0,0,0.2) ;
box-shadow: 3px 3px rgba(0,0,0,0.2) ;
}
article .list-side .contact a:hover,
article .list-side .contact a:active {
filter: alpha(opacity=40) ;
-moz-opacity: 0.4 ;
opacity: 0.4 ;
}
article .list-side .contact a span {
background: url(/common_i/img/icon_01.png) left center no-repeat ;
background-size: 20px 14px ;
padding: 0 0 0 30px ;
} article .data {
width: 1000px ;
margin: 40px auto 0 auto ;
}
article .data .data-read {
float: right ;
width: 480px ;
}
article .data .data-read h2 {
margin: 25px 0 15px 0 ;
padding: 15px 0 ;
font-size: 18px ;
line-height: 18px ;
color: #000000 ;
border-top: 2px solid #000000 ;
border-bottom: 1px solid #000000 ;
}
article .data .data-read h2:first-child {
margin: 0 0 15px 0 ;
}
article .data .data-read p {
margin: 0 0 10px 0 ;
}
article .data .data-read .copy {
margin: 25px 0 0 0 ;
font-size: 10px ;
}
article .data .data-read .sns {
margin: 25px 0 0 0 ;
text-align: right ;
}
article .data .data-read .sns span,
article .data .data-read .sns div,
article .data .data-read .sns iframe {
vertical-align: top ;
}
article .data .data-img {
float: left ;
width: 480px ;
}
article .data .data-img #photo_main {
display: block ;
background: #ffffff ;
width: 480px ;
height: 480px ;
border: 1px solid #999999 ;
overflow: hidden ;
-webkit-box-shadow: 3px 3px rgba(0,0,0,0.2) ;
-moz-box-shadow: 3px 3px rgba(0,0,0,0.2) ;
box-shadow: 3px 3px rgba(0,0,0,0.2) ;
}
article .data .data-img #navi {
width: 490px ;
margin: 15px 0 0 0 ;
padding: 0 ;
list-style: none ;
}
article .data .data-img #navi li {
float: left ;
background: #eeeeee ;
width: 115px ;
height: 115px ;
margin: 0 7px 0 0 ;
}
article .data .data-img #navi li:last-child {
margin: 0 ;
}
article .data .data-img #navi li a { display:table-cell;
background: #ffffff ;
width: 115px ;
height: 115px ;
border: 1px solid #cccccc ;
overflow: hidden ;
-webkit-box-shadow: 3px 3px rgba(0,0,0,0.2) ;
-moz-box-shadow: 3px 3px rgba(0,0,0,0.2) ;
box-shadow: 3px 3px rgba(0,0,0,0.2) ;
vertical-align:middle;
}
article .data .data-img #navi li a img:hover,
article .data .data-img #navi li a img:active {
filter: alpha(opacity=40) ;
-moz-opacity: 0.4 ;
opacity: 0.4 ;
}
article .data .data-img #navi li a.over {
border: 1px solid #999999 ;
-webkit-box-shadow: none ;
-moz-box-shadow: none ;
box-shadow: none ;
cursor: default ;
}
article .data .data-img #navi li a.over img:hover,
article .data .data-img #navi li a.over img:active {
filter: alpha(opacity=100) ;
-moz-opacity: 1 ;
opacity: 1 ;
}
article .data .data-img img {
width: 100% ;
height: auto ;
}
article .data .data-read iframe {
width:100%;
} .cupsule {
background: #ffffff ;
width: 100% ;
margin: 40px 0 0 0 ;
padding: 10px 0 ;
border-top: 1px solid #000000 ;
border-bottom: 1px solid #000000 ;
}
.cupsule ul {
display: table ;
width: 912px ;
margin: 0 auto ;
padding: 0 ;
}
.cupsule ul li {
display: table-cell ;
background: #ffffff ;
width: 76px ;
height: 70px ;
vertical-align: middle ;
text-align: center ;
}
.cupsule ul li a {
display: table-cell ;
background: #ffffff ;
width: 76px ;
height: 70px ;
padding: 4px 0 0 0 ;
vertical-align: middle ;
font-size: 12px ;
line-height: 26px ;
text-align: center ;
text-decoration: none ;
color: #000000 ;
}
.cupsule ul li a em {
font-size: 18px ;
font-weight: bold ;
color: #ffffff ;
}
.cupsule ul li:nth-child(1) {
background: url(/common_i/img/cupsule-blank_01.png) center center no-repeat ;
}
.cupsule ul li:nth-child(2) {
background: url(/common_i/img/cupsule-blank_02.png) center center no-repeat ;
}
.cupsule ul li:nth-child(3) {
background: url(/common_i/img/cupsule-blank_03.png) center center no-repeat ;
}
.cupsule ul li:nth-child(4) {
background: url(/common_i/img/cupsule-blank_04.png) center center no-repeat ;
}
.cupsule ul li:nth-child(5) {
background: url(/common_i/img/cupsule-blank_05.png) center center no-repeat ;
}
.cupsule ul li:nth-child(6) {
background: url(/common_i/img/cupsule-blank_06.png) center center no-repeat ;
}
.cupsule ul li:nth-child(7) {
background: url(/common_i/img/cupsule-blank_07.png) center center no-repeat ;
}
.cupsule ul li:nth-child(8) {
background: url(/common_i/img/cupsule-blank_08.png) center center no-repeat ;
}
.cupsule ul li:nth-child(9) {
background: url(/common_i/img/cupsule-blank_09.png) center center no-repeat ;
}
.cupsule ul li:nth-child(10) {
background: url(/common_i/img/cupsule-blank_10.png) center center no-repeat ;
}
.cupsule ul li:nth-child(11) {
background: url(/common_i/img/cupsule-blank_11.png) center center no-repeat ;
}
.cupsule ul li:nth-child(12) {
background: url(/common_i/img/cupsule-blank_12.png) center center no-repeat ;
}
.cupsule ul li:nth-child(1) a {
background: url(/common_i/img/cupsule_01.png) center center no-repeat ;
}
.cupsule ul li:nth-child(2) a {
background: url(/common_i/img/cupsule_02.png) center center no-repeat ;
}
.cupsule ul li:nth-child(3) a {
background: url(/common_i/img/cupsule_03.png) center center no-repeat ;
}
.cupsule ul li:nth-child(4) a {
background: url(/common_i/img/cupsule_04.png) center center no-repeat ;
}
.cupsule ul li:nth-child(5) a {
background: url(/common_i/img/cupsule_05.png) center center no-repeat ;
}
.cupsule ul li:nth-child(6) a {
background: url(/common_i/img/cupsule_06.png) center center no-repeat ;
}
.cupsule ul li:nth-child(7) a {
background: url(/common_i/img/cupsule_07.png) center center no-repeat ;
}
.cupsule ul li:nth-child(8) a {
background: url(/common_i/img/cupsule_08.png) center center no-repeat ;
}
.cupsule ul li:nth-child(9) a {
background: url(/common_i/img/cupsule_09.png) center center no-repeat ;
}
.cupsule ul li:nth-child(10) a {
background: url(/common_i/img/cupsule_10.png) center center no-repeat ;
}
.cupsule ul li:nth-child(11) a {
background: url(/common_i/img/cupsule_11.png) center center no-repeat ;
}
.cupsule ul li:nth-child(12) a {
background: url(/common_i/img/cupsule_12.png) center center no-repeat ;
}
.cupsule ul li a:hover,
.cupsule ul li a:active {
filter: alpha(opacity=40) ;
-moz-opacity: 0.4 ;
opacity: 0.4 ;
}
.page {
margin: 20px 0 40px 0 ;
padding: 15px 0 ;
border-top: 1px solid #000000 ;
border-bottom: 1px solid #000000 ;
font-size: 16px ;
line-height: 16px ;
text-align: center ;
list-style: none ;
}
.page li {
display: inline ;
margin: 0 ;
padding: 0 5px ;
}
.page li.prev {
padding: 0 20px 0 0 ;
}
.page li.next {
padding: 0 0 0 20px ;
} article .qa {
width: 100% ;
}
article .qa dt {
background: #eeeeee url(/common_i/img/ar4.png) 920px center no-repeat ;
width: 100% ;
margin: 0 0 15px 0 ;
font-size: 14px ;
cursor: pointer ;
}
article .qa dt.active {
background: #eeeeee url(/common_i/img/ar5.png) 920px center no-repeat ;
}
article .qa dt span {
display: block ;
background: url(/common_i/img/q.png) 20px center no-repeat ;
padding: 10px 0 10px 55px ;
}
article .qa dd {
display: none ;
background: url(/common_i/img/a.png) 20px top no-repeat ;
width: 100% ;
margin: 0 ;
padding: 0 0 20px 55px ;
}
article .qa dd img.aligncenter {
display:block;
margin:0 auto;
}
article .qa dd img.alignright {
display:block;
margin:0 0 0 auto;
}
article .qa dd a {
display: inline-block ;
background: #ffffff url(/common_i/img/ar3.png) 395px center no-repeat ;
width: 420px ;
border: 2px solid #000000 ;
padding: 14px 0 ;
font-size: 16px ;
line-height: 18px ;
text-align: center ;
text-decoration: none ;
color: #000000 ;
vertical-align: bottom ;
-webkit-box-shadow: 3px 3px rgba(0,0,0,0.2) ;
-moz-box-shadow: 3px 3px rgba(0,0,0,0.2) ;
box-shadow: 3px 3px rgba(0,0,0,0.2) ;
}
article .qa dd a:link {
text-decoration: none ;
}
article .qa dd a:hover,
article .qa dd a:active {
filter: alpha(opacity=40) ;
-moz-opacity: 0.4 ;
opacity: 0.4 ;
}
article .data .qa dt {
background: #eeeeee url(/common_i/img/ar4.png) 450px center no-repeat ;
width: 100% ;
margin: 0 0 15px 0 ;
font-size: 14px ;
cursor: pointer ;
}
article .data .qa dt.active {
background: #eeeeee url(/common_i/img/ar5.png) 450px center no-repeat ;
}
article .data .qa dt span {
display: block ;
background: url(/common_i/img/q.png) 20px center no-repeat ;
padding: 10px 30px 10px 55px ;
} article .map {
float: right ;
width: 642px ;
height: 402px ;
border: 1px solid #cccccc ;
}
article .map-data {
float: left ;
width: 280px ;
}
article .infoBox {
display: inline-block ;
margin: 0 ;
padding: 5px 0 0 30px ;
font-size: 12px ;
text-align: center ;
vertical-align: middle ;
white-space: nowrap ;
}
article .mail {
border-bottom: 1px solid #cccccc ;
padding-bottom: 10px ;
}
article .mail span {
background: url(/common_i/img/mail.png) left 7px no-repeat ;
background-size: 22px 16px;
padding: 0 0 0 30px;
font-size: 22px;
}
article .tel small {
font-size: 10px ;
}
article .tel span {
background: url(/common_i/img/tel.png) left 5px no-repeat ;
background-size: 22px 12px ;
padding: 0 0 0 25px ;
font-size: 16px ;
}
article .tel-title {
display: inline-block ;
margin: 5px 20px 0 0 ;
padding: 0 ;
font-size: 16px ;
vertical-align: top ;
} .btn {
width: 1000px ;
margin: 40px auto 0 auto ;
}
.btn p {
width: 480px ;
margin: 0 ;
}
.btn p a {
display: block ;
background: #ffffff url(/common_i/img/ar3.png) 455px center no-repeat ;
width: 480px ;
padding: 17px 0 ;
border: 2px solid #000000 ;
font-size: 18px ;
line-height: 18px ;
text-align: center ;
text-decoration: none ;
color: #000000 ;
-webkit-box-shadow: 3px 3px rgba(0,0,0,0.2) ;
-moz-box-shadow: 3px 3px rgba(0,0,0,0.2) ;
box-shadow: 3px 3px rgba(0,0,0,0.2) ;
}
.btn p a:hover,
.btn p a:active {
filter: alpha(opacity=40) ;
-moz-opacity: 0.4 ;
opacity: 0.4 ;
}
.btn.single p {
margin: 0 auto ;
}
.btn.double p:first-child {
float: left ;
}
.btn.double p:last-child {
float: right ;
}
.btn .contact span {
background: url(/common_i/img/icon_01.png) left center no-repeat ;
padding: 0 0 0 40px ;
}
.btn .url span {
background: url(/common_i/img/icon_02.png) left center no-repeat ;
padding: 0 0 0 40px ;
}
.btn dl {
float: left ; margin: 0 ;
padding: 0 ;
}
.btn dl dt {
margin: 0 0 5px 0 ;
padding: 0 ;
font-size: 18px ;
font-weight: bold ;
line-height: 18px ;
color: #000000 ;
}
.btn dl dd {
margin: 0 ;
padding: 0 ;
font-size: 12px ;
line-height: 18px ;
}
article .s-btn {
display: inline-block ;
width: 420px ;
}
article .s-btn a {
display: inline-block ;
background: #ffffff url(/common_i/img/ar3.png) 395px center no-repeat ;
width: 420px ;
border: 2px solid #000000 ;
padding: 14px 0 ;
font-size: 16px ;
line-height: 18px ;
text-align: center ;
text-decoration: none ;
color: #000000 ;
vertical-align: bottom ;
-webkit-box-shadow: 3px 3px rgba(0,0,0,0.2) ;
-moz-box-shadow: 3px 3px rgba(0,0,0,0.2) ;
box-shadow: 3px 3px rgba(0,0,0,0.2) ;
}
article .s-btn a:hover,
article .s-btn a:active {
filter: alpha(opacity=40) ;
-moz-opacity: 0.4 ;
opacity: 0.4 ;
} #index {
background: url(/common_i/img/index-bg.jpg) center center no-repeat ;
background-size: cover ;
padding: 0 0 35px 0 ;
}
#index header {
position: absolute ;
top: 0 ;
}
#index footer {
position: absolute ;
bottom: 0 ;
margin: 0 0 15px 0 ;
}
#index #welcome {
position: absolute ;
bottom: 45px ;
width: 100% ;
height: 90px ;
overflow: hidden ;
z-index: 3 ;
}
#index #welcome #boy {
position: relative ;
width: 200px ;
height: 90px ;
left: -200px ;
overflow: hidden ;
}
#index .flame {
position: absolute ;
width: 1000px ;
height: 525px ;
top: 0 ;
left: 0 ;
right: 0 ;
bottom: 0 ;
margin: auto ;
z-index: 1 ;
}
#index .flame ul {
position: relative ;
background: url(/common_i/img/index-flame.png) top center no-repeat ;
width: 900px ;
height: 320px ;
margin: 0 auto ;
padding: 0 ;
list-style: none ;
}
#index .flame ul li {
width: 343px ;
height: 258px ;
margin: 0 ;
padding: 0 ;
}
#index .flame ul li a {
display: block ;
position: relative ;
overflow: hidden ;
}
#index .flame ul li a .image {
position: absolute ;
top: 0 ;
left: 0 ;
z-index: 10 ;
opacity: 0 ;
}
#index .flame ul li:first-child {
position: absolute ;
top: 18px ;
left: 38px ;
}
#index .flame ul li:last-child {
position: absolute ;
top: 18px ;
right: 39px ;
}
#index .flame p {
position: absolute ;
bottom: 0 ;
width: 100% ;
font-size: 18px ;
letter-spacing: 0.1em ;
line-height: 18px ;
text-align: center ;
}
.pcnone {
display:none;
}
.attention_top {
width: 380px;
text-align: center;
margin-left: 550px;
font-size: 12px;
color: #ee0000;
}
.attention_top span {
font-size: 20px;
}
.attention_list {
font-size: 11.5px;
color: #ee0000;
clear: both;
padding-top: 20px;
}