@charset "UTF-8";
* {
font-size: 100%;
line-height: 1.2;
}
:lang(en) {
font-family: "Verdana", sans-serif;
}
:lang(ja) {
font-family: "メイリオ", "Meiryo", sans-serif;
}
:lang(zh) {
font-family: "Microsoft YaHei", sans-serif;
}
:lang(zh-TW) {
font-family: "Microsoft JhengHei", sans-serif;
}
html {
overflow-y: scroll;
}
body {
margin: 0px;
font-size: 87.5%; /* 14px */
}
img {
border: 0px;
}
a:link,
a:visited {
color: #0044cc;
}
a:link:hover,
a:visited:hover {
color: #de2626;
}
em {
font-style: normal;
font-weight: bold;
color: #000000;
}
dl, de, dd, ul, ol, li, h1, h2, h3, h4, h5, h6 {
margin: 0px;
padding: 0px;
list-style: none;
}
p {
margin: 0px 0px 1em;
line-height: 1.3;
}
dl select, dl input, dl textarea {
width: 510px;
padding: 2px;
border: 1px solid #aaaaaa;
}
dl .checkradio input {
width: auto;
}
dl select:hover, dl input:hover, dl textarea:hover {
border: 1px solid #ffaaaa;
}
.notice {
color: #f03333;
}
.floatRight {
float: right;
}
.floatLeft {
float: left;
}
.clear {
clear: both;
}
.clearHidden {
display: block;
clear: both;
visibility: hidden;
height: 0;
}
.clearfix:after {
clear: both;
display: block;
visibility: hidden;
height: 0;
content: ".";
}
.clearfix {
_display: inline-table;
zoom: 1;
}
.textCenter {
text-align: center;
}
#arc_logo img, #logo img {
behavior: expression(IEPNGFIX.fix(this));
}
#top {
position: relative;
right: 0; top: 0;
float: right;
/display: none; /* for IE 6 and IE 7 */
}
#top img {
position: absolute;
width: 50px;
height: 52px;
top: 0;
right: 0;
z-index: 99;
}
#top .msg_block {
position: absolute;
width: 50px;
height: 50px;
top: 0;
right: 0;
background: url(../images/present.png) no-repeat right top;
text-indent: -9999px;
z-index: 50;
}
#top .msg_block_en {
background: url(../images/presenten.png) no-repeat right top;
}
#header {
position: relative;
height: 117px;
margin: 0px auto;
background: url(../images/header_bg.gif) no-repeat left bottom;
border-bottom: 1px solid #000000;
overflow: hidden;
zoom: 1;
}
#arc_logo {
position: absolute;
top: 28px;
left: 20px;
}
#logo {
position: absolute;
top: 29px;
left: 150px;
}
#globalnavi {
position: absolute;
left: 0;
bottom: 5px;
zoom: 1;
overflow: hidden;
}
#globalnavi ul {
margin-left: 380px;
}
#globalnavi li {
display: block;
float: left;
line-height: 1;
white-space: nowrap;
}
#globalnavi li + li {
margin-left: 8px;
padding-left: 8px;
border-left: 1px solid #000000;
}
* html #globalnavi li {
margin-left: 16px;
}
#globalnavi li a {
font-weight: bold;
color: #000000;
text-decoration: none;
}
#globalnavi li a:hover {
color: #de2626;
}
#sns li.twitter {
position: absolute;
right: 421px;
top: 17px;
}
#langchooser {
position: absolute;
right: 420px;
top: 0;
}
.lang-en #langchooser {
right: 230px;
}
#langchooser ul li {
display: inline-block;
/display: inline; /zoom: 1; /* for IE 6 and IE 7 */
vertical-align: top;
}
#langchooser ul li a {
padding-top: 0.5em;
padding-bottom: 0.25em;
padding-left: 8px;
padding-right: 8px;
border-bottom: solid 1px #000000;
border-left: solid 1px #000000;
border-right: solid 1px #000000;
display: inline-block;
/display: inline; /zoom: 1; /* for IE 6 and IE 7 */
text-align: center;
white-space: nowrap;
font-weight: bold;
font-size: 92.31%; /* 13px -> 12px */
}
#langchooser ul li a:link,
#langchooser ul li a:visited {
color: #000000;
background: #ffffff;
text-decoration: none;
}
#langchooser ul li a:link:hover,
#langchooser ul li a:visited:hover {
color: #ffffff;
background: #000000;
}
#inquiry {
position: absolute;
right: 220px;
top: 0;
}
.lang-en #inquiry {
right: 30px;
}
#inquiry div.phone {
margin-top: 1px;
padding: 3px;
width: 184px;
color: #ffffff;
background: #d70c19;
text-align: center;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
font-size: 13px;
}
#breadcrumbs {
margin: 0px auto;
border-bottom: 1px solid #000000;
}
#breadcrumbs ul {
padding: 8px 20px;
overflow: hidden;
zoom: 1;
}
#breadcrumbs ul li {
float: left;
display: inline;
line-height: 1;
word-break: keep-all;
white-space: nowrap;
}
#breadcrumbs li + li:before {
content: ">";
margin: 0px 5px;
}
* html #breadcrumbs li {
margin-right: 10px;
}
#breadcrumbs ul li a {
zoom: 1;
}
#main {
position: relative;
margin: 0px auto;
padding: 10px 0px 0px 20px;
border-bottom: 1px solid #000000;
overflow: hidden;
zoom: 1;
}
#footer {
margin: 0px auto;
padding: 10px 20px 5px;
overflow: hidden;
zoom: 1;
}
#footer p {
line-height: 1;
margin: 0px 0px 5px;
padding: 0px;
}
#animation {
position: relative;
overflow: visible;
}
.floatblock {
overflow: hidden;
zoom: 1;
}
.floatblock img.floatLeft {
display: inline;
margin-right: 10px;
}
.floatblock img.floatRight {
display: inline;
margin-left: 10px;
}
.floatblock li {
float: left;
display: inline;
width: 168px;
margin: 0px 10px 10px 0px;
padding: 10px;
background-color: #ffffff;
border: 1px solid #000000;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
overflow: hidden;
zoom: 1;
}
.floatblock li h2 {
margin: 0px 0px 15px 0px;
font-size: 138.5%; /* 18px */
color: #cc0313;
}
.floatblock li h2 a:link,
.floatblock li h2 a:visited {
color: #cc0313;
text-decoration: none;
}
.floatblock li h2 a:link:hover,
.floatblock li h2 a:visited:hover {
text-decoration: underline;
}
.floatblock li p.sub {
margin-top: -10px;
font-weight: bold;
color: #CC0313;
}
.floatblock li h3 {
clear: both;
margin-bottom: 10px;
padding-bottom: 3px;
font-size: 123.1%; /* 16px */
color: #d70c18;
border-bottom: 1px solid #a0a0a0;
}
.floatblock li p + h3 {
margin-top: 30px;
}
.floatblock li h4 {
clear: both;
margin-bottom: 10px;
}
.floatblock li h4:before {
content: "――";
margin-right: 5px;
}
.floatblock li h4.square:before {
content: "■";
margin-right: 5px;
}
.floatblock li h4.star:before {
content: "★";
margin-right: 5px;
}
.floatblock li h4.star:after {
content: "★";
margin-left: 5px;
}
.floatblock li p + h4 {
margin-top: 20px;
}
.floatblock li h5 {
margin: 20px 0px 10px;
border-top: 1px dotted #c0c0c0;
padding-top: 10px;
}
.floatblock li div.lead p {
margin-bottom: 0;
}
.floatblock li p.category {
display: inline-block;
margin: 0px 0px 10px 0px;
padding: 0px 10px;
font-weight: bold;
line-height: 1;
border: 1px solid #000000;
border-width: 0px 1px;
}
* html .floatblock li p.category {
margin-left: 0;
border: 0;
}
.floatblock li p.category a {
text-decoration: none;
color: #000000;
}
.floatblock li p.category a:hover {
color: #de2626;
}
.floatblock li p.answer {
text-align: center;
}
.floatblock li p.answer a {
font-weight: bold;
font-size: 169.2%; /* 22px */
}
.floatblock li p.sns_buttons {
text-align: right;
}
.floatblock li div.pager {
margin: 0px 0px 1em;
text-align: center;
}
.floatblock li div.pager a {
display: inline-block;
padding: 0.25em 0.5em;
}
.floatblock li hr {
margin-bottom: 1em;
}
.floatblock li li {
float: none;
display: list-item;
width: auto;
margin: 0px 0px 5px 20px;
padding: 0px 0px 0px 0px;
background-color: transparent;
border: 0;
overflow: visible;
}
.floatblock li ul {
margin-bottom: 20px;
}
* html .floatblock li ul {
margin-left: 15px;
}
.floatblock li ul li {
display: block;
margin: 0px 0px 5px 5px;
padding-left: 1.25em;
text-indent: -1.25em;
}
* html .floatblock li ul li {
display: list-item;
list-style: disc;
padding-left: 0;
text-indent: 0;
}
.floatblock li ul li:before {
content: "→";
font-weight: bold;
margin-right: 0.25em;
}
.floatblock li ul.list {
padding-left: 1em;
}
.floatblock li ul.list li {
text-indent: -1em;
}
* html .floatblock li ul.list li {
text-indent: 0;
zoom: 0;
}
.floatblock li ul.list li:before {
content: "・" !important;
font-weight: normal;
}
.floatblock li ul.itemsort {
margin-right: -12px;
overflow: hidden;
}
.floatblock li ul.itemsort li {
float: left !important;
display: inline !important;
width: 118px !important;
margin: 0px 12px 15px 0px !important;
padding-left: 0 !important;
text-indent: 0 !important;
text-align: center;
}
.floatblock li ul.itemsort li:before {
content: "" !important;
margin: 0px !important;
}
.floatblock li ul.itemsort li div {
margin-top: 5px;
}
.floatblock li ul.itemsort li div.image img {
border: solid 1px #000000;
}
.floatblock li ol li {
list-style: decimal;
}
.floatblock li dl {
margin: 20px 10px;
padding: 10px;
border: 2px dashed #a0a0a0;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.floatblock li dl dt {
font-weight: bold;
color: #808080;
}
.floatblock li dl dd {
margin-top: 10px;
}
* html .floatblock li dl dd {
margin-bottom: 20px;
}
.floatblock li dl dd + dt {
margin-top: 10px;
padding-top: 10px;
border-top: 2px dashed #a0a0a0;
}
.floatblock li table.footnotes {
margin-bottom: 1em;
}
.floatblock li table.footnotes th {
font-weight: normal;
}
.floatblock li table.footnotes th,
.floatblock li table.footnotes td {
vertical-align: top;
}
.floatblock li div.more {
text-align: right;
margin: 5px 0px 0px 0px;
}
.floatblock li div.stack {
display: none;
}
.floatblock li div.object_and_text {
display: table;
/zoom: 1; /* for IE 6 and IE 7 */
}
.floatblock li div.object_and_text div.object {
display: table-cell;
/float: left; /* for IE 6 and IE 7 */
vertical-align: top;
}
.floatblock li div.object_and_text div.text {
display: table-cell;
width: 100%;
/width: auto; /* for IE 6 and IE 7 */
/zoom: 1; /* for IE 6 and IE 7 */
vertical-align: top;
}
.floatblock li div.object_and_text_style2 {
display: table;
direction: rtl;
/zoom: 1; /* for IE 6 and IE 7 */
}
.floatblock li div.object_and_text_style2 div.object {
display: table-cell;
/float: right; /* for IE 6 and IE 7 */
direction: ltr;
vertical-align: top;
}
.floatblock li div.object_and_text_style2 div.text {
display: table-cell;
width: 100%;
/width: auto; /* for IE 6 and IE 7 */
/zoom: 1; /* for IE 6 and IE 7 */
direction: ltr;
vertical-align: top;
}
.floatblock li.blockopen {
width: 768px !important;
}
.floatblock li.blockopen h2 {
margin: 0px 0px 20px 0px;
font-size: 153.9%; /* 20px */
}
.floatblock li.block3 {
width: 568px;
}
.floatblock li.block3 img.image {
float: right;
margin: 0px 0px 0px 10px;
}
.floatblock li.block3 div.lead {
overflow: hidden;
}
.floatblock li.block3 div.more {
width: 238px;
}
.floatblock li.block2 {
width: 368px;
}
.floatblock li.block2 img.image {
margin: 0px 0px 10px 0px;
}
.floatblock li.block1 {
width: 168px;
}
.floatblock li.block1 img.image {
margin: 0px -10px 10px -10px;
}
.floatblock li.banner {
padding: 0;
border: none;
width: 190px;
}
.floatblock li.banner p.category,
.floatblock li.banner div.more {
display: none;
}
.floatblock li.banner h2 {
margin: 0;
}
.floatblock li.hide,
.floatblock li.hidden {
display: none;
height: 0px;
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
}
.floatblock li.earthquake div {
margin: 47px auto;
width: 324px;
font-size: 115.4%; /* 15px */
}
.floatblock li.earthquake h2 {
margin-bottom: 1.874em;
color: #000000;
font-size: 106.7%; /* 16px */
}
.floatblock li.service_list,
.floatblock li.download {
padding: 40px 10px 10px 10px;
}
.floatblock li.service_list {
background: #F1F1F1 url(../images/service_list_bg.gif) no-repeat left top;
}
.lang-en .floatblock li.service_list {
background-image: url(../images/service_list_bg_en.gif);
}
.floatblock li.download {
background: #F1F1F1 url(../images/download_bg.gif) no-repeat left top;
}
.lang-en .floatblock li.download {
background-image: url(../images/download_bg_en.gif);
}
.floatblock li.service_list h2,
.floatblock li.download h2 {
display: none;
}
.floatblock li.service_list a,
.floatblock li.download a {
color: #000000;
}
.floatblock li.service_list a:hover,
.floatblock li.download a:hover {
color: #de2626;
}
.floatblock li.service_list ul,
.floatblock li.download ul {
margin-bottom: 0;
}
.floatblock li.service_list ul li,
.floatblock li.download ul li {
text-indent: 0;
padding-left: 16px;
background: url(../images/marker_disc.gif) no-repeat 2px 0.4em;
}
.floatblock li.service_list ul li:before,
.floatblock li.download ul li:before {
display: none;
}
table.entryFormTable th {
vertical-align: top;
}
div.messagebox {
margin: 10px 20px 20px;
padding: 10px;
line-height: 1.3;
border: 1px dashed #888888;
}
form#filter {
margin: 0px 0px 20px;
}
form#filter fieldset {
margin: 10px 0px 0px;
padding: 5px 20px;
background-color: #dddddd;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
form#filter legend {
margin-left: -10px;
padding: 1px 5px;
font-weight: bold;
background-color: #ffffff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
form#filter label {
margin-right: 10px;
}