82233d306b81ddb04994487588e066c296a427b1ef53d9f0c6f9bedd78b6b82b
Source Code:
@charset "UTF-8";
html,
body,
button,
input,
select,
textarea {
font-family: 'Noto Sans JP', "ã¡ã¤ãªãª", "Meiryo", "Hiragino Sans", "ãã©ã®ãè§ã´ Pro W3", "Hiragino Kaku Gothic Pro", "ï¼ï¼³ ï¼°ã´ã·ãã¯", Osaka, sans-serif;
}
html {
overflow-y: scroll;
font-size: 10px;
}
@media print {
html {
overflow-y: visible;
}
}
body {
color: #333;
font-size: 14px;
height: 100%;
line-height: 1.4;
overflow-wrap: break-word;
word-wrap: break-word;
overflow-x: hidden;
-webkit-text-size-adjust: none;
}
@media only screen and (max-width: 1000px) {
body {
overflow-x: visible;
}
}
img {
max-width: 100%;
vertical-align: middle; /* smcc */
}
input::-ms-clear, input::-ms-reveal {
display: none;
}
/* Androidããã¼ã¸ã®èªå調æ´åé¿
--------------------------------------------------------- */
p, h1, h4, li {
background: url("../img/space.png");
}
/* ã³ã³ãã³ãå
é¨ã«ãã´ãª
--------------------------------------------------------- */
.wrapper {
clear: both;
overflow: visible;
width: 1000px;
margin: 0 auto;
}
.container {
width: 770px;
margin-left: auto;
margin-right: auto;
padding-bottom: 100px;
box-sizing: border-box;
}
.wrap_inner {
clear: both;
overflow: visible;
width: 1000px;
margin: 0 auto;
}
.cont_inner {
}
/* =========================================================
å
±éã¹ã¿ã¤ã«
========================================================= */
/* è¦åºã
--------------------------------------------------------- */
/* base */
h1 {
font-size: 3.0rem;
line-height: 1.4;
padding:42px 1em;
background-color: #e9f4f2;
font-weight: bold;
margin: 0 calc((((100vw - 100%) / 2) * -1) + 9px) 20px;
text-align: center;
box-sizing: border-box;
}
@media (max-width: 1000px),
@media print {
h1 {
margin: 0 -115px 20px;
}
}
h1.print_pop {
position: relative;
margin-left: 0;
margin-right: 0;
}
h2 {
margin: 32px 0 20px;
font-size: 3rem;
padding-bottom: 5px;
line-height: 1.389;
border-top: 1px solid #CCC;
font-weight: normal;
}
h2::before{
content:"";
display: block;
width:240px;
margin-bottom: 24px;
border-bottom: 4px solid #1A4832;
}
h2.print_pop {
padding-right: 160px;
}
h3{
font-size: 2.4rem;
font-weight: bold;
padding-left: 20px;
margin: 21px 0 15px;
line-height: 1.417;
position: relative;
font-weight: bold;
}
h3::before{
position: absolute;
content: "";
border-left: 4px solid #1A4832;
height:calc(100% - 6px);
left:0;
top:50%;
transform: translateY(-50%);
}
h4 {
font-size: 2.0rem;
font-weight: bold;
color: #1A4832;
line-height:1.4;
margin: 15px 0 10px;
}
h5 {
font-size: 1.6rem;
font-weight: bold;
color: #1A4832;
line-height:1.375;
margin: 18px 0 10px;
}
h6 {
font-size: 1.6rem;
font-weight: bold;
line-height: 1.375;
margin: 16px 0 10px;
}
/* ãªã¹ã
--------------------------------------------------------- */
ul,
ol {
margin: 0;
padding: 0;
list-style: none;
}
ol li,
ul li {
margin: 0;
font-size: 1em;
line-height: 1.5em;
}
.contact ul {
clear: both;
overflow: hidden;
}
.contact li {
padding: 5px 0;
}
.round_list {
margin-left: 20px;
list-style-type: disc !important;
}
li.list_child_fl {
float: left;
}
/* ----- notes_list ----- */
ul.notes_list {
color: #666;
font-size: 1.4rem;
line-height: 1.4;
}
ul.notes_list.normal_size > li {
font-size: 14px;
}
.attentionBody ul.notes_list,
.normalAcdiBody ul.notes_list,
.infoAcdiBody ul.notes_list {
color: #000;
}
ul + .notes_list,
div + .notes_list,
dl + .notes_list{
margin-top: 5px;
}
ul.notes_list > li,
ul.notes_list span > li {
position: relative;
display: block;
padding: 0 0 0 1.5em;
font-size: 86%;
margin: 5px 0 0 0;
line-height: 1.2;
overflow: visible;
}
ul.notes_list > li:before,
ul.notes_list span > li:before {
content: 'â»';
display: block;
position: absolute;
left: 0;
}
ul.notes_list.fs_normal > li,
ul.notes_list.fs_normal span > li {
font-size: 100%;
}
ul.type2 > li {
/* ãªã¹ããã¼ã¯ãân.âã®å ´å */
padding: 0 0 0 1.5em;
}
ul.type3 > li {
/* ãªã¹ããã¼ã¯ãâ*nâã®å ´å */
padding: 0 0 0 2.5em;
}
ul.type4 > li {
/* ãªã¹ããã¼ã¯ãâï¼*nï¼âãããã¯"ï¼æ³¨nï¼"ã®å ´å */
padding: 0 0 0 3.8em;
}
ul.type5 > li {
/* ãªã¹ããã¼ã¯ãç¹æ®ã§1æåã®å ´å */
padding: 0 0 0 1em;
}
ul.notes_list > li.noSign:before,
ul.notes_list.type2 > li:before,
ul.notes_list.type3 > li:before,
ul.notes_list.type4 > li:before,
ul.notes_list.type5 > li:before{
content: "";
top: 0;
left: 0;
}
ul.notes_list > li.noSign span.sign,
ul.type2 > li span.sign,
ul.type3 > li span.sign,
ul.type4 > li span.sign,
ul.type5 > li span.sign{
position: absolute;
left: 3px;
}
ul.notes_list > li div {
display: inline;
}
/* 02-11 ç®æ¡æ¸ãã¹ã¿ã¤ã«ï¼ä¸é»ï¼
--------------------------------------------------------- */
ul.list > li{
position: relative;
display: block;
margin-bottom: 5px;
padding: 0 0 0 1.5em;
line-height: 1.2;
}
ul.list > li::before{
content: '';
display: block;
position: absolute;
top: 3px;
left: 0;
background: #C3D600;
width: 10px;
height: 10px;
border-radius: 10px;
}
ul.list li.numList:before,
ul.list.type2 li:before {
content: "";
background: none;
}
ul.list li > ul.list,
ul.list li > ul.notes_list{
font-size: 1.4rem;
margin-top: 10px;
margin-bottom: 20px;
padding-left: 22px;
}
ul.list li > ul.list li{
padding-left: 13px;
color: #666;
}
ul.list li > ul.list li + li{
margin-top: 8px;
}
ul.list li > ul.list li::before{
content: '';
display: block;
position: absolute;
top: 8px;
left: 0;
background: #666666;
width: 5px;
height: 5px;
border-radius: 5px;
}
ul.list.inline_b > li {
display: inline-block;
margin-right: 15px;
}
/* 02-14 ç®æ¡æ¸ãã¹ã¿ã¤ã«ï¼çªå·ä»ãï¼
--------------------------------------------------------- */
ul.list li.numList,
ul.list.type2 li{
padding: 0 0 0 1.5em;
}
ul.list.type3 li{
padding: 0 0 0 2.5em;
}
ul.list li.numList:before,
ul.list.type2 li:before {
content: "";
}
ul.list li.numList span.num,
ul.list.type2 li span.sign {
position: absolute;
top: 0;
left: 0;
}
ul > li:first-child {
margin-top: 0 !important;
}
/* ä»ä¸æï¼â»ãªãã®æ³¨éï¼
--------------------------------------------------------- */
.notes {/*12px*/
font-size: 86%;
color: #666;
}
/* ãã¼ãã«
--------------------------------------------------------- */
.contact table {
width: 100%;
border: none;
border-collapse: collapse;
background-color: #FFF;
margin-bottom: 15px;
}
.contact th {
/* ----- è¦åºãã»ã«ï¼thï¼ ----- */
padding: 10px;
border-top: 1px #DDD solid;
background-color: #EEE;
text-align: left;
}
.contact td {
/* ----- ãã¼ã¿ã»ã«ï¼tdï¼ ----- */
padding: 10px;
border-top: 1px #DDD solid;
background-color: white;
}
/* ----- å
±éã¬ã¤ã¢ã¦ã ----- */
.form_default_table th {
width: 33%;
}
.form_2column_table th {
width: 50%;
}
/* ----- 沢山ã®åãæã¤ãã¼ãã«ã¬ã¤ã¢ã¦ãç¨ ----- */
.contact .detail_table td, .contact .detail_table th,
.contact .point_table2.detail_table td, .contact .point_table2.detail_table th {
padding: 5px 5px;
word-break: break-all;
font-size: 83%;
}
.contact .detail_table2 td, .contact .detail_table2 th {
padding: 8px 6px;
word-break: break-all;
}
.contact .detail_table3 td, .contact .detail_table3 th {
padding: 8px 10px;
}
.contact .detail_table4 td, .contact .detail_table4 th {
padding: 8px 4px;
word-break: break-all;
font-size: 86%;
}
.contact .detail_table5 td, .contact .detail_table5 th {
padding: 8px 3px;
word-break: break-all;
font-size: 86%;
}
.contact .detail_table4 {
min-width: 770px;
max-width: 940px;
}
.contact .small_cell td, .contact .small_cell th {
padding: 10px;
}
td.nowrap, th.nowrap {
white-space: nowrap;
}
/* ----- nest table ----- */
/*ãåé¤äºå®ã(äºæ¬¡ä¿®æ£é
ç®ä¸è¦§No.36)*/
td.nest_table_no_border {
padding: 0 !important;
}
td.nest_table_no_border table{
margin-bottom: 0 ;
}
td.nest_table_no_border table tr td {
border: none !important;
}
td.nest_table_no_border table tr {
border-top: 1px solid #DDD;
}
td.nest_table_no_border table tr:first-child {
border: none;
}
td.nest_table_no_border table tr td.border_t_imp {
border-top: 1px solid #DDD !important;
}
td.nest_table_no_border table tr td.border_r_imp {
border-right: 1px solid #DDD !important;
}
td.nest_table_no_border table tr td.border_l_imp {
border-left: 1px solid #DDD !important;
}
td.nest_table_no_border table tr td.border_b_imp {
border-bottom: 1px solid #DDD !important;
}
/* ----- DCMX ã¨ã³ããªã¼æ¸ã¿ãã¼ãã«ç¨ ----- */
.dcmx_ent_table th,
.dcmx_ent_table td {
padding: 5px 10px;
}
.dcmx_ent_table td.cancel_entry {
width: 90px;
}
.dcmx_ent_table .size90 {
width: 90px;
}
/* tableè£
飾
--------------------------------------------------------- */
/*夿 ç·*/
.contact .border_l1 {
border: 1px solid #DDD;
}
.contact .border_l3 {
border: 3px solid #DDD;
}
.contact .border_l3_r {
border-right: 3px solid #DDD;
}
.contact .border_l3_l {
border-left: 3px solid #DDD;
}
/*å
å´ç·*/
.contact .border_in th, .contact .border_in td {
border: 1px solid #DDD;
}
.contact .border_in_t {
border-top: 1px solid #DDD;
}
.contact .border_in_r {
border-right: 1px solid #DDD;
}
.contact .border_in_b {
border-bottom: 1px solid #DDD;
}
.contact .border_in_l {
border-left: 1px solid #DDD;
}
.contact .mypage_table th, .contact .mypage_table td {
border-left: 3px solid #fff;
border-top:none;
border-bottom: 1px #DDD solid;
}
.contact .mypage_table th:first-child{
border-left:none;
}
/*å
å´ç·åé¤*/
.contact th.border_rm_r,
.contact td.border_rm_r {
border-right: 1px solid transparent;
border-right-color: transparent;
}
.contact th.border_rm_l,
.contact td.border_rm_l {
border-left: 1px solid transparent;
border-left-color: transparent;
}
.contact th.border_rm_t,
.contact td.border_rm_t {
border-top: 1px solid transparent;
border-top-color: transparent;
}
.contact th.border_rm_b,
.contact td.border_rm_b {
border-bottom: 1px solid transparent;
border-bottom-color: transparent;
}
.contact table.border_rm_all,
.contact th.border_rm_all,
.contact td.border_rm_all {
border: 1px solid transparent;
border-color: transparent;
background-color: white;
}
/* ----- point_table ----- */
/*point_table1*/
/*ãæ¹åäºå®ã(inner_bã使ç¨ããªã)*/
table.point_table,
table.point_table2 {
border: #DDD 1px solid !important;
}
table.point_table th, table.point_table td {
border: none !important;
border-top: #DDD 1px solid !important;
border-left: #DDD 1px solid !important;
}
table.point_table tr.inner_row th:first-child {
width: 3% !important;
border: none !important;
}
table.point_table td {
width: 30%;
}
table.point_table th.inner_t,
table.point_table td.inner_t {
border-top: none !important;
}
table.point_table th.inner_l,
table.point_table td.inner_l {
border-left: none !important;
}
table.point_table th.inner_b,
table.point_table td.inner_b {
border-bottom: none !important;
}
table.point_table th.inner_r,
table.point_table td.inner_r {
border-right: none !important;
}
/*point_table2*/
/*ãæ¹åäºå®ã(inner_tãlãrã使ç¨ããªã)*/
table.point_table2 th, table.point_table2 td {
border: none !important;
border-top: #DDD 1px solid !important;
border-left: #DDD 1px solid !important;
}
table.point_table2 tr.inner_row th:first-child {
width: 3%;
border: none !important;
}
table.point_table2 tr.inner_row th.inner_cell2 {
width: 3%;
border-top: none !important;
}
table.point_table2 th.inner_t {
border-top: none !important;
}
table.point_table2 th.inner_l {
border-left: none !important;
}
table.point_table2 th.inner_r {
border-right: none !important;
}
/*罫ç·åé¤*/
table.authori_shokai_table {
border-top:none !important;
border-left:none !important;
border-collapse:separate;
border-spacing:0px;
}
table.authori_shokai_table tbody:first-child+* tr th:first-child,
table.authori_shokai_table tbody:first-child+*+*+* tr th:first-child {
border-top:none !important;
}
/*èæ¯è²ãã¿ã¼ã³*/
/*ãæ¹åäºå®ã(thãtdã®åºå¥ç¡ãã)*/
.contact th.table_level2 {
background-color: #EEE;
text-align: center;
font-weight: bold;
}
.contact td.table_level2 {
background-color: #EEE;
text-align: center;
font-weight: bold;
}
.contact td.attention_strong_td {
background-color: #fcfcdd;
}
.contact th.attention_strong_th {
background-color: #f1e7a6;
}
.contact th.attention_dark_th {
background-color: #7e7e7e;
}
/*annual_table*/
/*ãã¼ãã«ç·æ¶ã+èæ¯è²ç½*/
table.annual_table th, table.annual_table td {
border: none !important;
border-top: #DDD 1px solid !important;
border-left: #DDD 1px solid !important;
border-right: #DDD 1px solid !important;
}
tr.inner_row_white th:first-child {
width: 3% !important;
border-top: none !important;
background-color: #ffffff !important;
}
table.annual_table th.bottom_row, table.annual_table td.bottom_row {
border-bottom: 1px solid #DDD !important;
}
/* ----- ãã®ä» ----- */
/*ãåé¤äºå®ã(widthã®æ±ç¨ã¯ã©ã¹.size40pã¸å¤æ´)*/
table td.td_size_w40 {
width: 40%;
}
/*ãæ¹åäºå®ã(åç§°å¤æ´)*/
.overflow {
table-layout: fixed;
}
/* ----- WG47 ãã¼ãã«ã®å¹
ãå°ããããã¨ãã«ä½¿ç¨ ----- */
.contact .shortTable {
width: 61% !important;
}
/* 段è½
--------------------------------------------------------- */
p {
margin-bottom: 10px;
margin-top: 10px;
}
p:first-child {
margin-top: 0;
}
.default_text {
clear: left;
}
/* ãªã³ã¯
--------------------------------------------------------- */
a[href^="tel:"] {
color: inherit;
cursor: default;
text-decoration: none
}
a:hover {
opacity: 0.5;
}
a:visited, a:link {
color: #117766;
}
/* 02-19 ããã¹ããªã³ã¯
--------------------------------------------------------- */
.smallArrowLink > li,
.smallArrowLink > span > li,
.smallArrowLink > span > span > li {
display: block;
position: relative;
padding: 0 0 0 15px;
margin-top: 5px;
}
.smallArrowLink li + li{
margin-top: 10px;
}
.smallArrowLink li a:hover{
opacity: 0.5;
}
.smallArrowLink a,
ul.smallArrowList li {
display: inline-block;
position: relative;
padding-left:18px;
line-height: 1.8;
}
.smallArrowLink a:before,
.smallArrowList li:before {
content: "";
width: 12px;
height: 12px;
display: inline-block;
background-image: url(/static/responsive/img/mem/icon_right_chevron.svg);
background-repeat: no-repeat;
background-position: center;
background-size: auto 10px;
position: absolute;
left: 0;
top: 7px;
}
.smallArrowList li:before {
top: 12px;
}
.text_arrow_link_h1 {
padding: 0px 0px 5px 15px;
background: url("/common/dynamic/memx/img/icon_arrow_03_right.png") no-repeat 0px 4px;
color: #551a8b;
display: flex;
float: right;
}
.text_link_h1 {
font-size: 14px;
font-weight: normal;
position: relative;
right: 0px;
bottom: 0px;
display: block;
}
/* ----- no icon ----- */
.no_link_icon a {
padding: 0;
background: none;
line-height: 1.5em;
}
a.no_image {
padding-left: 0;
background-image: none;
}
.no_link_icon a:after,
.no_link_icon a:before,
a.no_image:after,
a.no_image:before{
display:none;
}
/* ----- ã¢ã³ã«ã¼ãªã³ã¯ ----- */
div.anchor_link a {
padding: 0 0 0 25px;
background: url("../img/anchor_icon_round.png") no-repeat;
background-position: 0 1px;
color: #456e8c;
text-decoration: underline;
font-size: 14px;
line-height: 2;
}
div.anchor_return_link a {
/* ----- ã¢ã³ã«ã¼ãªã³ã¯(ä¸) ----- */
padding: 0 0 0 25px;
background: url("../img/anchor_icon_return.png") no-repeat;
background-position: 0 0;
color: #456e8c;
text-decoration: underline;
font-size: 14px;
line-height: 2;
}
/* pre and code
--------------------------------------------------------- */
pre, code {
border: 1px solid #cccccc;
background-color: #efefef;
font-size: 115%;
font-family: Courier, "Courier New";
*font-size: 100%;
}
pre {
padding: 1.5em;
border-width: 1px 0;
}
blockquote {
margin-top: 3.272em;
margin-bottom: 3.272em;
padding: 1.636em;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
font-size: 0.916em;
line-height: 1.636em;
}
/* em
--------------------------------------------------------- */
em {
font-style: normal;
}
/* img
--------------------------------------------------------- */
/*ãåé¤äºå®ã(widthã®æ±ç¨ã¯ã©ã¹.size100pã¸å¤æ´)*/
img.img_w100 {
width: 100%;
}
/* I-Frame
--------------------------------------------------------- */
.contact iframe {
width: 100%;
border: none;
}
/* =========================================================
FORM
========================================================= */
/* å
±éè¨å®
--------------------------------------------------------- */
input, select, option {
font-size: inherit;
}
input::-ms-clear, input::-ms-reveal {
display: none;
}
/* text,password
--------------------------------------------------------- */
input[type="text"], input[type="password"], input[type="url"], input[type="email"], input[type="number"], input[type="search"], input[type="date"], input[type="time"], select {
font-family: inherit;
background-color: white;
border: 1px solid #c6c6c6;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
min-width: 60px;
box-sizing: border-box;
}
.ebpp_table input[type="text"]{
min-width: 0;
}
input[type="password"] {
width: 200px;
/*åé¤äºå®*/
}
.ie_no_submit_target_pw, .ie_no_readyonly_pw {
width: 200px ;
/*åé¤äºå®*/
}
input[type="button"], input[type="submit"] {
cursor: pointer;
line-height: 1.0;
}
/* ----- IEç¨ã¯ã©ã¹ ----- */
.ie_no_submit_target, .ie_no_submit_target_pw {
display: none;
}
.ie_no_readyonly, .ie_no_readyonly_pw {
color: #bbbbbb;
}
/* TextArea Style
--------------------------------------------------------- */
textarea {
padding: 5px;
border-top: 2px solid #d5d5d5;
border-right: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
border-left: 2px solid #d5d5d5;
background: #f8f8f8;
font-size: 13px;
}
/* ----- selectããã¯ã¹ã»ãã ----- */
.contact select, .contact option {
padding: 3px;
}
ul.selectSet {
/*åé¤äºå®*/
overflow: visible;
}
.selectSet li {
float: left;
}
.selectSetTitle {
width: 90px;
height: 21px;
border-top: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
border-left: 1px solid #dddddd;
background-color: whitesmoke;
text-align: center;
line-height: 1.5;
}
li.selectSetBody {
padding: 0;
}
li.selectSetBody input.btn_auto_size {
padding: 5px 10px;
line-height: 1.5;
}
.selectSetBody select {
width: 200px;
height: 33px;/*DDLä¿®æ£*/
}
/*ãåé¤äºå®ã(widthã®æ±ç¨ã¯ã©ã¹.size350pã¸å¤æ´)*/
.select_box_w350 {
width: 350px;
}
/* CheckBoxãRadioButton Style
--------------------------------------------------------- */
input[type="radio"]{
margin: 0 5px 0 1px ;
vertical-align: middle;
display: inline-block;
width: 13px;
height: 13px;
}
input[type="checkbox"] {
margin: 6px 5px 0 1px ;
vertical-align: middle;
display: inline-block;
width: 13px;
height: 13px;
}
/*single_inputã¯single_radioãsingle_checkboxãããã¨ãã«ActionPreparator.jsã§èªåã§ä»ä¸ããã*/
input[type="checkbox"].single_input{
display: inline-block;
}
input[type="radio"].single_input {
display: block;
margin: 0 auto;
}
.contact .default_radio,
.contact .default_radio_on,
.contact .default_radio_2{
vertical-align: middle;
margin-right: 20px;
cursor: pointer;
}
.contact .default_checkbox,
.contact .default_checkbox_on,
.contact .default_checkbox_2{
box-sizing: border-box;
display: inline-block;
width: 100%;
vertical-align: top;
cursor: pointer;
padding-left: 25px;
margin-left: -25px;
margin-top: 3px;
margin-bottom: 3px;
}
/*disabled*/
.disabled_checkbox_on,
.disabled_checkbox,
.disabled_checkbox_off{
display: inline-block;
margin: 0 8px 0 0;
padding: 0;
width: 20px;
height: 20px;
cursor: pointer;
vertical-align: middle;
}
.disabled_checkbox_on{
background: url("/common/dynamic/memx/img/icon_checkbox_dis_on.png") no-repeat top left;
}
.disabled_checkbox,
.disabled_checkbox_off{
background: url("/common/dynamic/memx/img/icon_checkbox_dis_off.png") no-repeat top left;
}
.disabled_radio_on,
.disabled_radio_off{
display: inline-block;
margin: 0 8px 0 0;
padding: 0;
width: 20px;
height: 20px;
cursor: pointer;
vertical-align: middle;
}
.disabled_radio_on {
background: url("/common/dynamic/memx/img/icon_radio_dis_on.png") no-repeat top left;
}
.disabled_radio_off {
background: url("/common/dynamic/memx/img/icon_radio_dis_off.png") no-repeat top left;
}
.single_radio.disabled,
.single_radio_on.disabled {
display: block;
margin: 0 auto;
padding: 0;
width: 20px;
height: 20px;
cursor: pointer;
}
.single_radio.disabled {
background: url("../img/icon_radio_dis_off.png") no-repeat top center;
}
.single_radio_on.disabled {
background: url("../img/icon_radio_dis_on.png") no-repeat top center;
}
/* ----- label ãªã©ã®ç´°ããå®ç¾© ----- */
p.box_label {
margin-bottom: 5px;
}
.inline_constraint, .index_line_constraint {
padding: 5px 0 0 5px;
display: inline-block;
}
.default_overall {
padding: 0 0 0 0;
}
.border_overall {
clear: both;
overflow: hidden;
padding: 10px;
border: 1px solid silver;
background: white !important;
}
.changePanel > div {
padding: 0 0 10px 30px;
}
.smbc_label {
background: url("../img/img_smbc.png") no-repeat right center;
padding-right: 30px;
}
.mufg_label {
background: url("../img/img_ufj.png") no-repeat right center;
padding-right: 30px;
}
/* èæ¯è²ä»ä¸ãã§ãã¯ããã¯ã¹ï¼é»è²ï¼
--------------------------------------------------------- */
.checkbox_b_color{
width: 100%;
padding: 0 !important;
}
.checkbox_b_color input{
margin: 0;
float: left;
}
.checkbox_b_color .default_checkbox_2{
width: 0 !important;
}
.b_color_box{
display: inline-block;
padding: 5px;
background-color: #fcfcdd;
border: 1px solid #ebeba9;
}
/* formé¨åè£
飾
--------------------------------------------------------- */
.radio_text_mr_l {
margin-left: 30px;
}
/* ãã¤ãã³ã®ä¸¡å´ã«ãã¼ã¸ã³ãåã
--------------------------------------------------------- */
.mr_lr5,
.hyp{
margin: 0 5px;
}
/* ----- form validate ----- */
.error_text {
position: relative;
color: #DD3300;
font-weight: bold;
line-height: 1.4;
padding-left: 26px;
margin: 4px 0 10px 15px;
}
.error_text::before {
content: '';
position: absolute;
display: block;
background: url(/img/icon_caution.svg) no-repeat;
top: 0;
left: 0;
width: 20px;
height: 20px;
}
table .error_text {
margin: 2px 0;
}
.contact table tr.validate_error_line td {
padding: 0 0 0 10px;
border-top: none;
background-color: #f1e7a6;
}
li.validate_error_line {
padding: 0 !important;
}
li.validate_error_line:first-child div {
margin-top: 10px !important;
}
/* ----- <select>ã»ã¬ã¯ãããã¯ã¹ã使ãã ----- */
.custom-form-select {
}
.custom-form-focused {
background-position: -12px -123px;
}
.custom-form-select select {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
background: url("/common/dynamic/memx/img/sprite.png") repeat-x scroll -12px -79px transparent;
position: relative;
z-index: 10;
width: 203px;
height: 30px;
border: none;
}
/* JSä»ä¸ç³»
--------------------------------------------------------- */
/* ----- ã¨ã©ã¼ã®æã®tdã®è² ----- */
.js_add_error_area {
background-color: #ffdcd0 !important;
}
/* ----- ãã§ãã¯æã®è¦ªã®ã®è² ----- */
.js_add_check_bg {
background-color: ;
}
/* =========================================================
ã¨ã¬ã¡ã³ã
========================================================= */
/* =========================================================
ã¤ãã
========================================================= */
/* TOP yabane
--------------------------------------------------------- */
/* ----- New yabane ----- */
.yabane_step {
display: table;
overflow: hidden;
margin-bottom: 20px;
width: 100%;
color: white;
font-weight: bold;
}
.yabane_row {
display: table-row;
width: 100%;
}
.yabane_step li {
position: relative;
z-index: 0;
display: table-cell;
padding: 0 !important;
width: 33%;
height: 40px;
color: black;
list-style: none;
vertical-align: middle;
text-align: center;
font-weight: bold;
font-size: 14px;
background-color: #F3F3F3;
z-index: 1;
}
.yabane_step li.act {
background-color: #117766;
color: white;
}
.yabane_step .step2 li {
width: 50%;
}
.yabane_step .step4 li {
width: 25%;
}
.yabane_step .step5 li {
width: 20%;
}
.yabane_step li:before {
position: absolute;
left: 0;
top: -6px;
content: "";
width: 0;
height: 0;
border-left: 25px #FFF solid;
border-top: 25px transparent solid;
border-bottom: 25px transparent solid;
z-index: 1;
}
.yabane_step li:after {
position: absolute;
left: -1px;
top: -3px;
content: "";
width: 0;
height: 0;
border-left: 22px #F3F3F3 solid;
border-top: 22px transparent solid;
border-bottom: 22px transparent solid;
z-index: 2;
}
.yabane_step .act + li:after {
border-left: 22px #117766 solid;
}
.yabane_step li:first-child:before,
.yabane_step li:first-child:after {
display: none;
}
.yabane_step li div {
position: relative;
display: inline-block;
padding: 0 5px 0 48px;
text-align: left;
line-height: 1.1;
word-break: break-all;
}
.yabane_step li:first-child div {
padding: 0 5px 0 23px;
}
.yabane_step li span {
position: absolute;
top: 0;
left: 30px;
}
.yabane_step li:first-child span {
left: 5px;
}
/* ----- ããã¾ã§/New yabane/ ----- */
/* ----- ãããã/Old yabane/ãã¤ãæ¶ã ----- */
.yabane {
overflow: hidden;
height: 61px;
color: white;
font-weight: bold;
font-size: 20px !important;
}
.yabane td {
padding: 0 !important;
width: 33%;
border-top: none !important;
border-right: none !important;
border-left: none !important;
font-size: 12px;
}
.yabane table {
width: 100%;
border-bottom: none !important;
}
.yabane td.yabane_green {
padding: 0 0 0 10px !important;
background: #007562;
color: white;
text-align: center;
font-weight: bold;
}
.yabane td.yabane_yellow {
padding: 0 !important;
background: #fff000;
color: black;
text-align: center;
font-weight: bold;
}
.yabane td.yabane_green_img {
width: 25px;
text-align: right;
}
.yabane td.yabane_yellow_img {
width: 25px;
text-align: left;
}
.yabane td.yabane_last {
width: 28px;
}
.yabane_b {
overflow: hidden;
height: 61px;
color: white;
font-weight: bold;
font-size: 20px !important;
}
.yabane_b td {
padding: 0 !important;
border-top: none !important;
}
.yabane_b table {
width: 100%;
border-bottom: none !important;
}
.yabane_b td.yabane_green {
padding: 0 0 0 10px !important;
width: 50%;
background: #007562;
color: white;
text-align: center;
font-weight: bold;
}
.yabane_b td.yabane_yellow {
padding: 0 !important;
width: 50%;
background: #fff000;
color: black;
text-align: center;
font-weight: bold;
}
.yabane_b td.yabane_green_img {
width: 25px;
text-align: right;
}
.yabane_b td.yabane_yellow_img {
width: 25px;
text-align: left;
}
.yabane_b td.yabane_last {
width: 28px;
}
.yabane_c {
overflow: hidden;
height: 61px;
color: white;
font-weight: bold;
font-size: 20px !important;
}
.yabane_c td {
padding: 0 !important;
border-top: none !important;
}
.yabane_c table {
width: 100%;
border-bottom: none !important;
}
.yabane_c td.yabane_green {
padding: 0 0 0 10px !important;
width: 25%;
background: #007562;
color: white;
text-align: enter;
font-weight: bold;
}
.yabane_c td.yabane_yellow {
padding: 0 !important;
width: 25%;
background: #fff000;
color: black;
text-align: center;
font-weight: bold;
}
.yabane_c td.yabane_green_img {
width: 25px;
text-align: right;
}
.yabane_c td.yabane_yellow_img {
width: 25px;
text-align: left;
}
.yabane_c td.yabane_last {
width: 28px;
}
.yabane_d {
overflow: hidden;
height: 61px;
color: white;
font-weight: bold;
font-size: 20px !important;
}
.yabane_d td {
padding: 0 !important;
border-top: none !important;
}
.yabane_d table {
width: 100%;
border-bottom: none !important;
}
.yabane_d td.yabane_green {
padding: 0 0 0 10px !important;
width: 20%;
background: #007562;
color: white;
text-align: center;
font-weight: bold;
}
.yabane_d td.yabane_yellow {
padding: 0 !important;
width: 20%;
background: #fff000;
color: black;
text-align: center;
font-weight: bold;
}
.yabane_d td.yabane_green_img {
width: 25px;
text-align: right;
}
.yabane_d td.yabane_yellow_img {
width: 25px;
text-align: left;
}
.yabane_d td.yabane_last {
width: 28px;
}
.yabane .yabane_green_green_img, .yabane_b .yabane_green_green_img, .yabane_c .yabane_green_green_img, .yabane_d .yabane_green_green_img {
background: url("../img/green_green_bg.png") no-repeat top center;
text-align: center;
}
.yabane .yabane_green_yellow_img, .yabane_b .yabane_green_yellow_img, .yabane_c .yabane_green_yellow_img, .yabane_d .yabane_green_yellow_img {
background: url("../img/green_yellow_bg.png") no-repeat top center;
text-align: center;
}
.yabane .yabane_yellow_green_img, .yabane_b .yabane_yellow_green_img, .yabane_c .yabane_yellow_green_img, .yabane_d .yabane_yellow_green_img {
background: url("../img/yellow_green_bg.png") no-repeat top center;
text-align: center;
}
/* ----- ããã¾ã§/Old yabane/ãã¤ãæ¶ã ----- */
/* =========================================================
ãã¿ã³
========================================================= */
/* ----- form ãã¿ã³ ----- */
.positive_btn, .weakest_btn, .login_btn {
border-top: none;
border-right: none;
border-left: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.submit_btn_wrap .firstSearch_btn {
color: #003e28 !important;
border-top: none;
border-left: none;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
-ms-box-shadow: none;
}
.submit_btn_box .default_btn ,
.submit_btn_box .negative_btn ,
.submit_btn_box .cancel_btn {
margin-bottom: 10px;
}
.default_btn,
.negative_btn,
.cancel_btn,
.submit_btn_box .firstSearch_btn.btn_small_size,
.col_btn_big,
.col_btn_small,
.inquiry_btn {
width: 300px;
max-width: 100%;
text-align: center;
padding: 18px 40px 17px;
font-size: 1.8rem;
line-height: 1.4;
font-weight: bold;
position: relative;
border-radius: 0;
-webkit-appearance: none;
box-sizing: border-box;
position: relative;
cursor: pointer;
order: 2;
text-decoration: none;
display: inline-block;
}
a.default_btn,
a.negative_btn,
a.cancel_btn,
.submit_btn_box a.firstSearch_btn.btn_small_size {
padding: 14px 40px 14px;
}
.default_btn,
.col_btn_big,
.col_btn_small,
.inquiry_btn {
background-color: #C3D600;
background-image: url(/static/responsive/img/mem/icon_arrow_left_black.svg);
background-repeat: no-repeat;
background-position: calc(100% - 20px) center;
color: #1A4832 !important;
border: 1px solid #C3D600;
}
.inquiry_btn.btn_auto_size_b {
width: auto !important;
min-width: 300px;
padding: 18px 50px 17px;
}
.default_btn.btn_auto_size,
.negative_btn.btn_auto_size,
.inquiry_btn.btn_auto_size,
.btn_mid_size.auto_size {
padding: 8px 12px;
width: auto !important;
background-image: none;
font-size: 14px;
line-height: 1.4;
}
.default_btn.btn_auto_size_b,
.negative_btn.btn_auto_size_b {
min-width: 300px;
width: auto;
font-size: 14px;
}
input.btn_small_size,
a.btn_small_size {
margin-right: 10px;
}
.default_btn.btn_mid_size,
.negative_btn.btn_mid_size,
.inquiry_btn.btn_mid_size {
width: 150px;
padding: 7px 2% 6px;
margin: 0 auto;
background-image: none;
font-size: 14px;
line-height: 1.4;
}
.prt_btn {
background-color: #C3D600;
background-image: none;
border-radius: 0;
border: 1px solid #C3D600;
box-sizing: border-box;
color: #1A4832 !important;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: bold;
line-height: 1.4;
padding: 8px 15px 8px 10px;
position: relative;
text-align: center;
text-decoration: none;
width: 180px;
}
.positive_btn, .weakest_btn, .login_btn{
border-top: none;
border-right: none;
border-left: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.negative_btn {
background-color: #EEEEEE;
color: #333333 !important;
border: 1px solid #EEEEEE;
}
.negative_btn.btn_small_size {
background-image: url(/static/responsive/img/mem/icon_arrow_right_black.svg);
background-repeat: no-repeat;
background-position: 20px center;
}
.default_btn.co_btn{
background-color: #E1EA7F;
color: #1A4832;
border: 1px solid #E1EA7F;
}
.default_btn.weak_btn,
a.default_btn.weak_btn,
.cancel_btn,
a.cancel_btn {
background-color: #EEEEEE;
color: #1A4832;
border: 1px solid #EEEEEE;
}
.button3_wrap a.cancel_btn {
background-color: initial !important;
color: #117766 !important;
border: initial !important;
font-size: 16px;
text-decoration: underline;
margin: 0;
padding: 0 !important;
width: auto;
}
.button3_wrap a.cancel_btn:hover {
opacity: 0.8;
}
.default_btn:not(:disabled):hover,
.inquiry_btn:not(:disabled):hover {
background-color: #fff;
border: 1px solid #1A4832;
color: #1A4832;
opacity: 1;
}
.firstSearch_btn:after,
.firstSearch_btn:before
{
display:none;
}
.negative_btn:not(:disabled):hover,
a.negative_btn:not(:disabled):hover,
.cancel_btn:not(:disabled):hover,
.prt_btn:not(:disabled):hover,
.col_btn_big:not(:disabled):hover,
.col_btn_small:not(:disabled):hover {
background-color: #fff;
border: 1px solid #333333;
color: #333333;
opacity: 1;
}
.btn_wrap_col .col_btn_small {
margin-right: 10px;
}
.strongest_btn {
border-bottom: 3px solid #c0421d;
background: #e06b2a;
color: white;
font-weight: bold;
}
.strong_btn {
border-bottom: 3px solid #dc5f3b;
background: #e99a6e;
color: white;
font-weight: bold;
}
.weakest_btn {
border-bottom: 3px solid #a7bd8b;
background: #e0ead2;
color: black;
font-weight: bold;
}
.login_btn {
border-bottom: 3px solid #c46100;
background: #f57900;
color: white;
font-weight: bold;
}
.firstSearch_btn {
color: #003e28 !important;
border-top: 1px solid #eeeeee;
border-left: 1px solid #eeeeee;
border-right: none;
border-bottom: none;
background: #eeeeee;
box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
-moz-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
-webkit-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
-o-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
-ms-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
font-weight: bold;
}
/* ----- HOVER ----- */
.login_btn:hover,
.weakest_btn:hover,
.week_btn:hover,
.strong_btn:hover,
.strongest_btn:hover {
opacity: 0.8;
}
/* ----- button ----- */
input.btn_mid_size {
line-height: 1.3;
}
.submit_btn_wrap {
display: block;
margin: 15px 0;
position: relative;
text-align: center;
}
.submit_btn_box {
text-align: center;
margin: 15px 0;
}
.prt_btn_box {
text-align: end;
margin: 15px 0;
}
.submit_btn_wrap p{
flex-basis: 100%;
margin-bottom: 10px;
}
.submit_btn_wrap .btn_auto_size_b {
min-width: 287px;
padding: 20px 2% 18px;
margin: 0 auto;
height: auto;
font-size: 110%;
}
.submit_btn_wrap > div {
padding: 20px;
}
.submit_btn_wrap > div > div:first-child p,
.submit_btn_wrap > div > p:first-child {
margin-top: 0;
}
table .submit_btn_box{
background: transparent;
}
.default_btn.co_btn.no_icon_btn {
background-image: none;
padding-left: 1em;
padding-right: 1em;
}
/*-- start:ie8ã®ãã¼ãã¼å¯¾ç --*/
.ie.ie8 .default_btn {
border-bottom: 1px solid #79AC02;
border-right: 1px solid #79AC02;
}
.ie.ie8 .default_btn.co_btn {
border-bottom: 1px solid #afa55f;
border-right: 1px solid #afa55f;
background: #FBEF93; /* Old browsers */
}
.ie.ie8 .negative_btn {
border-bottom: 1px solid #999;
border-right: 1px solid #999;
}
.ie.ie8 .default_btn.weak_btn {
border-bottom: 1px solid #79AC02 !important;
border-right: 1px solid #79AC02;
background: #eaf2d2 ; /* Old browsers */
}
.ie.ie8 .inquiry_btn {
border-bottom: 1px solid #E4B083 !important;
border-right: 1px solid #E4B083 !important;
background: #ffe4c9;
}
.ie.ie8 .inquiry_btn:hover {
background: #FFE7CE;
}
.ie.ie8 .default_btn:hover{
background-color: #cae570;
color: #668b7e !important;
}
.ie.ie8 .default_btn.co_btn:not(:disabled):hover{
background-color: #FDF3AD;
color: #666 !important;
}
.ie.ie8 .default_btn.weak_btn:hover{
background-color: #E9F1D3;
color: #666 !important;
}
.ie.ie8 .negative_btn:hover {
color: #668b7e !important;
}
.default_btn.disabled,
.default_btn[disabled]{
opacity: 0.5;
-ms-filter: "alpha(opacity=50)";
}
.default_btn.disabled[disabled]:hover{
opacity: 1.0;
-ms-filter: "alpha(opacity=100)";
}
/* ã¢ã³ã¼ãã£ãªã³ãã¿ã³
--------------------------------------------------------- */
.acdiBtn {
position: absolute;
top: 15px;
right: 10px;
}
.normalAcdiHead .acdiBtn.btnType02 {
margin-top: -18px;
}
.acdiBtn.btnType02 {
color: rgba(0,0,0,0);
font-size: 1rem;
content: "";
display: block;
width: 24px;
height: 24px;
background-color: #e9f4f2;
border-radius: 25px;
position: absolute;
top: 50%;
right: 20px;
margin-top: -12px;
margin-bottom: 0;
border-width: 1px;
border-color: #fff;
}
.acdiBtn.btnType02:before{
content: "";
display: inline-block;
width: 12px;
height: 2px;
background: #117766;
position: absolute;
top: 50%;
left: 50%;
margin-left: -6px;
margin-top: -1px;
transition: 0.6s;
transform: rotate(180deg);
}
.acdiBtn.btnType02:after{
content: "";
display: inline-block;
width: 2px;
height: 12px;
background: #117766;
position: absolute;
top: 50%;
left: 50%;
margin-left: -1px;
margin-top: -6px;
transition: 0.3s;
transform: rotate(90deg);
}
.acdiBtn.btnType02.off:before{
transform: rotate(180deg);
}
.acdiBtn.btnType02.on:before{
transform: rotate(0deg);
}
.acdiBtn.btnType02.off:after{
transform: rotate(90deg);
}
.acdiBtn.btnType02.on:after{
transform: rotate(0deg);
}
#myPage h2 .btnType02 {
background-image: none !important;
width: auto;
text-indent: 0;
font-size: 78%;
top:4px;
}
h2 a.acdiBtn.prtBtn {
top: 0px;
padding: 5px 10px;
font-size: 14px;
}
.print_pop a.acdiBtn.prtBtn {
top: auto;
bottom: 0px;
right: 0;
padding: 5px 10px 5px 25px;
font-size: 14px;
display: inline-block;
}
h1.print_pop a.acdiBtn.prtBtn {
padding: 5px 45px 5px 25px;
}
.print_pop input.acdiBtn.prtBtn {
top: auto;
bottom: 6px;
right: 0;
padding: 5px 30px 5px 15px;
font-size: 14px;
font-weight: bold;
}
.non_printWrap {
position: absolute;
top: auto;
bottom: 3px;
right: 0;
}
.non_printWrap:after{
position: absolute;
top: 7px;
right: 35px;
content: url("/common/dynamic/memx/img/btn_print.png");
}
.non_printWrap input{
z-index: -1;
}
.icon_print:after{
position: absolute;
content: url("/common/dynamic/memx/img/btn_print.png");
left: 120px;
}
.print_pop .non_printWrap .acdiBtn.prtBtn {
position: relative !important;
padding: 6px 60px 6px 40px;
}
.acdiHead {
position: relative;
padding-right: 35px;
font-weight: bold;
}
.acdiBody {
padding: 15px 3px 15px;
}
.normalAcdiBody .acdiBody {
background-color: transparent;
}
.normalAcdiHead{
position: relative;
border-bottom: none;
background-color: transparent;
padding: 0 0 15px 0;
}
p.acdiHead {
margin-top: 0;
margin-bottom: 0 !important;
}
.normalAcdiBody,
.infoAcdiBody {
position: relative;
padding: 15px !important;
background-color: #fdefe5 !important;
border-top: none;
margin-bottom: 20px;
overflow: hidden;
border: 1px solid #f4d8c4;
}
.normalAcdiBody {
background-color: #fafafa !important;
}
.infoAcdiBody {
background-color: #FCFCDD !important;
border: 1px solid #EBEBA9;
}
.acdiWrap.attentionBody,
.acdiWrap.infoAcdiBody,
.acdiWrap.normalAcdiBody {
padding: 15px 15px 0!important;
}
.acdiWrap.normalAcdiBody {
background-color: #fafafa !important;
border: 1px #DDD solid;
}
.attentionHead:before,
.normalAcdiHead:before {
content: "";
position: absolute;
bottom: -1px;
left: 0;
width: 740px;
height: 1px;
background: #f4d8c4;
}
.acdiWrap.inTable .attentionHead:before,
.acdiWrap.inTable .normalAcdiHead:before {
width: 463px;
}
.normalAcdiHead:before {
background: #DDD;
}
.infoAcdiBody .attentionHead:before {
background: #EBEBA9;
}
.pop_box .attentionHead:before,
.pop_box .normalAcdiHead:before {
width: 100%;
}
h1 .btnType02:hover, h2 .btnType02:hover, h3 .btnType02:hover, h4 .btnType02:hover, p .btnType02:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
.close_btn {
background-image: url("../img/icon_close_01.png");
background-position: center;
background-repeat: no-repeat;
}
.close_btn:hover {
background-image: url("../img/icon_close_01.png");
background-position: center;
background-repeat: no-repeat;
}
.close_btn_position_header {
float: right;
margin-top: 30px;
margin-right: 20px;
}
.btn_close_size {
padding: 20px 22px;
text-align: center;
}
/* ----- form accordion ãã¿ã³ ----- */
.default_hide {
display: none;
}
.accordion_btn_box {
margin: 10px 0;
}
.form_fix_table {
margin-bottom: 20px;
}
.form_fix_table tr.validate_error_line td {
padding: 0 0 0 10px !important;
}
.form_fix_table td {
padding: 10px !important;
vertical-align: middle;
}
.common_accordion_parent button {
display: block;
margin: 10px 0;
}
.accordion_gray_box {
margin: 0;
padding: 10px 15px;
background-color: whitesmoke;
vertical-align: middle;
}
.attention_accordion_box {
clear: both;
overflow: hidden;
margin-bottom: 10px;
border: 1px solid #dddddd;
background: none repeat scroll 0 0 white;
}
.accordion_add_list li {
clear: both;
overflow: hidden;
}
/* ãã¿ã³ã¹ã¿ã¤ã«
--------------------------------------------------------- */
input.btnSudden, input.btnStrong, input.btnNormal, input.btnWeak01, input.btnWeak02, input.btnFormType01, input.btnFormType02, input.btnFormType03 {
border-top: medium none;
border-right: medium none;
border-left: medium none;
}
input.scrollWrapArea .jspVerticalBar .jspArrowUp, input.scrollWrapArea .jspVerticalBar .jspArrowDown {
border-top: medium none;
border-right: medium none;
border-left: medium none;
}
input.CarouselWrapArea .naviWrap .btnNext, input.CarouselWrapArea .naviWrap .btnPrev {
border-top: medium none;
border-right: medium none;
border-left: medium none;
}
input.btnCloseType01, input.btnCloseType02, input.defTable td .btnDetail {
border-top: medium none;
border-right: medium none;
border-left: medium none;
}
.btnSudden, .btnStrong, .btnNormal, .btnWeak01, .btnWeak02, .btnFormType01, .btnFormType02, .btnFormType03 {
display: inline-block;
-webkit-border-radius: 4px;
border-radius: 4px;
color: white !important;
text-align: center;
text-decoration: none;
font-weight: 600;
cursor: pointer;
}
.scrollWrapArea .jspVerticalBar .jspArrowUp, .scrollWrapArea .jspVerticalBar .jspArrowDown {
display: inline-block;
-webkit-border-radius: 4px;
border-radius: 4px;
color: white !important;
text-align: center;
text-decoration: none;
font-weight: 600;
cursor: pointer;
}
.CarouselWrapArea .naviWrap .btnNext, .CarouselWrapArea .naviWrap .btnPrev {
display: inline-block;
-webkit-border-radius: 4px;
border-radius: 4px;
color: white !important;
text-align: center;
text-decoration: none;
font-weight: 600;
cursor: pointer;
}
.btnCloseType01, .btnCloseType02, .defTable td .btnDetail {
display: inline-block;
-webkit-border-radius: 4px;
border-radius: 4px;
color: white !important;
text-align: center;
text-decoration: none;
font-weight: 600;
cursor: pointer;
}
.scrollWrapArea .jspVerticalBar .jspArrowUp, .scrollWrapArea .jspVerticalBar .jspArrowDown {
position: absolute;
right: 2px;
width: 20px;
height: 41px;
border-bottom: 3px solid #508906;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.CarouselWrapArea .naviWrap .btnNext, .CarouselWrapArea .naviWrap .btnPrev {
position: absolute;
right: 2px;
width: 20px;
height: 41px;
border-bottom: 3px solid #508906;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.btnSudden, .btnStrong, .btnNormal, .btnWeak01, .btnWeak02 {
padding: 10px 25px;
min-width: 150px;
max-width: 300px;
background-image: none;
}
.btnFormType01 {
line-height: 1em;
}
.btnFormType02, .btnFormType03 {
padding: 17px 25px 14px;
line-height: 1em;
}
.btnCloseAWType02 .btnCloseType02 {
display: inline-block;
width: 50px;
border-bottom: 3px solid #4b4b4b;
-webkit-border-radius: 4px;
border-radius: 4px;
background: url(/common/img/icon_close_01.png) 50% no-repeat #7e7e7e;
vertical-align: middle;
cursor: pointer;
}
.btnCloseType01 {
padding-top: 10px;
padding-bottom: 10px;
width: 50px;
border-bottom: 3px solid #4b4b4b;
background: url(/common/img/icon_close_01.png) 50% no-repeat #7e7e7e;
}
.btnCloseType02 {
padding-top: 10px;
padding-bottom: 10px;
width: 50px;
border-bottom: 3px solid #4b4b4b;
background: url(/common/img/icon_close_01.png) 50% no-repeat #7e7e7e;
border-bottom-style: none;
}
.btnSudden {
border-bottom: 3px solid #c0421d;
background-color: #e06b2a;
}
.btnStrong {
border-bottom: 3px solid #dc5f3b;
background-color: #e99a6e;
}
.btnNormal, .btnFormType02 {
border-bottom: 3px solid #508906;
background-color: #65ae07;
}
.btnWeak01, .btnWeak02 {
color: #003e28 !important;
border-top: 1px solid #cce381;
border-left: 1px solid #cce381;
background: #eaf2d2;
background: -moz-linear-gradient(top, #eaf2d2 0%, #e2ecc6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eaf2d2), color-stop(100%, #e2ecc6));
background: -webkit-linear-gradient(top, #eaf2d2 0%, #e2ecc6 100%);
background: -o-linear-gradient(top, #eaf2d2 0%, #e2ecc6 100%);
background: -ms-linear-gradient(top, #eaf2d2 0%, #e2ecc6 100%);
background: linear-gradient(to bottom, #eaf2d2 0%, #e2ecc6 100%);
box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
-moz-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
-webkit-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
-o-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
-ms-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
}
.btnCloseAWType02 {
display: inline-block;
}
.btnCloseAWType02 .txt {
padding-left: 20px;
font-weight: 600;
}
.btnFormType01, .btnFormType02, .btnFormType03 {
font-size: 115%;
}
.btnFormType01, .btnFormType03 {
width: 100px;
border-bottom: 3px solid #4b4b4b;
background-color: #7e7e7e;
}
.btnFormType01 {
padding: 5px 25px 3px;
width: 50px;
}
.btnFormType02, .btnFormType03 {
width: 150px;
}
.btnSudden:hover, .btnStrong:hover, .btnNormal:hover, .btnWeak01:hover, .btnWeak02:hover, .btnCloseType02:hover, .btnFormType01:hover, .btnFormType02:hover, .btnFormType03:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
.scrollWrapArea .jspVerticalBar .jspArrowUp:hover, .scrollWrapArea .jspVerticalBar .jspArrowDown:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
.CarouselWrapArea .naviWrap .btnNext:hover, .CarouselWrapArea .naviWrap .btnPrev:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
.CarouselWrapArea .CarouselArea li:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
.btnCloseType01:hover, .btnCloseType02:hover, .defTable td .btnDetail:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
/* ----- WG47 2ã«ã©ã ç¨ãã¿ã³ã¹ã¿ã¤ã« ----- */
.submit_btn_wrap_col {
margin: 10px 0 15px;
padding: 20px;
text-align: center;
background: #efefef;
}
.submit_btn_wrap_col .colL {
margin-right: 10px;
vertical-align: bottom;
}
.submit_btn_wrap_col .colR {
min-width: 287px;
padding: 20px 2% 18px;
margin: 0 auto;
height: auto;
font-size: 110%;
}
.submit_btn_wrap_col .colL_btn {
color: #003e28 !important;
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: none;
border-bottom: none;
background: #ffffff;
box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
-moz-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
-webkit-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
-o-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
-ms-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
font-weight: bold;
}
.btn_wrap_col{
margin: 10px 0 15px;
padding: 20px;
text-align: center;
/* background: #efefef; */
}
.btn_wrap_col .attention_line {
color: #D40C0C !important;
}
/* =========================================================
Tabãã¿ã³
========================================================= */
.tabAreaWrap {
margin: 15px 0;
/* ç»é¢é·ç§»ãã */
}
.tabAreaWrap .tabHead{
display: table;
margin: 0;
/* ç»é¢é·ç§»ãã */
}
.tabAreaWrap .tabHead .tabRow {
display: table-row;
padding: 0 10px;
}
/* ----- tab ----- */
.tabAreaWrap .tabHead .tabRow a {
display: table-cell;
padding: 0 10px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top: 1px solid #ccc;
box-sizing: border-box;
text-align: center;
background-color: #fff;
height: 57px;
width: 257px;
min-width: 175px;
zoom:1;
vertical-align: middle;
text-decoration: none;
color: black;
}
.tabAreaWrap .tabHead .tabRow a:hover {
background: #117766;
color: white;
opacity: 1;
}
.tabAreaWrap .tabHead .tabRow a.act {
background-color: #117766;
border: 1px solid #117766;
border-bottom: 1px solid #117766;
border: 1px solid transparent;
border-top: 5px solid transparent;
border-left: none;
border-right: none;
min-height: 62px;
padding-left: 0;
color: white;
cursor: default;
}
.tabAreaWrap .tabBody {
position: relative;
top: -1px;
z-index: 1;
padding: 15px;
border: 1px solid #d2d2d2;
}
.tabUnderLine {
position: relative;
top: -1px;
z-index: 1;
margin-bottom: 20px;
border-top: 4px solid #117766;
}
.tabAreaWrap .tabHead .tabRow a.tabWidth175 {
width: 175px;
}
.tabAreaWrap .tabHead .size_2tab.tabRow a {
width: 375px !important;
}
/* =========================================================
ãã¼ã¸ã³ã°
========================================================= */
div.navi_list {
overflow: hidden;
margin: 0 0 5px;
padding: 10px;
width: 100%;
text-align: center;
box-sizing: border-box;
}
div.navi_list span {
width: 30px;
display: inline-block;
vertical-align: middle;
text-align: center;
text-decoration: none;
margin: 0 5px;
padding: 7px 5px 4px;
border: 1px solid #d0d0d0;
line-height: 1em;
}
div.navi_list span:hover,
div.navi_list span.return_back_meisai:hover,
div.navi_list span.proceed_next_meisai:hover,
div.navi_list span.proceed_next_meisai_first:hover {
background-color: #fff;
border: 1px solid #1A4832;
}
div.navi_list span.spot_area {
padding: 7px 5px 4px;
background: #035237 !important;
color: white !important;
}
.type_fixed span.return_back {
width: 68px;
}
div.navi_list span[tagname] {
margin: 0;
padding: 0;
border: none;
background: none;
background-size: auto;
color: #aaaaaa;
font-weight: bold;
}
/* aã¿ã°ç¡ãã§å·¦å´ã«ç¢å°ç»åãåºã */
div.navi_list span.return_back,div.navi_list span.proceed_next {
width: auto;
margin: 0 2px 0 20px;
padding: 0 20px 0 4px;
text-decoration: underline;
color: #456e8c;
position: relative;
font-size: 86%;
border: none;
background: transparent;
}
/* å·¦å´ã®ãã¼ã¸ã®ãã¿ã³ã¯éåã */
div.navi_list span.proceed_next {
width: auto;
margin: 0 20px 0 2px;
padding: 0 4px 0 20px;
}
div.navi_list span.proceed_next:before {
content: url("/common/dynamic/memx/img/icon_pg_pre.png") ;
position: absolute;
top: 0;
left: 0;
}
div.navi_list span.return_back:before {
content: url("/common/dynamic/memx/img/icon_pg_fwd.png") ;
position: absolute;
top: 1px;
right: 0;
}
/* --------ããã¹ããã¼ã¸ã£ã¼äºéè¨è¿°-------- */
/* aã¿ã°ç¡ãã§å·¦å´ã«ç¢å°ç»åãåºã */
div.navi_list span.return_back_last,div.navi_list span.proceed_next_first {
width: auto;
margin: 0 2px 0 20px;
padding: 0 20px 0 4px;
text-decoration: underline;
color: #456e8c;
position: relative;
font-size: 86%;
border: none;
background: transparent;
}
/* å·¦å´ã®ãã¼ã¸ã®ãã¿ã³ã¯éåã */
div.navi_list span.proceed_next_first {
width: auto;
margin: 0 20px 0 2px;
padding: 0 4px 0 20px;
}
div.navi_list span.proceed_next_first:before {
content: url("/common/dynamic/memx/img/icon_pg_pre_first.png") ;
position: absolute;
top: 0;
left: 0px;
}
div.navi_list span.return_back_last:before {
content: url("/common/dynamic/memx/img/icon_pg_fwd_last.png") ;
position: absolute;
top: 1px;
right: 0px;
}
/* ãã¿ã³ãã¼ã¸ã£è¨è¿° */
div.navi_list span.return_back_meisai,div.navi_list span.proceed_next_meisai,div.navi_list span.proceed_next_meisai_first {
display: inline-block;
font-weight: bold;
background-color: #E1EA7F;
color: #1A4832;
text-align: center;
border: 1px solid #E1EA7F;
text-decoration: none;
position: relative;
display: inline-block;
line-height: 35px;
cursor: pointer;
}
/* å·¦å´ã®ãã¼ã¸ã®ãã¿ã³ã¯éåã */
div.navi_list span.proceed_next_meisai {
width: auto;
margin: 0 20px 0 2px;
padding: 0 10px 0 25px !important;
}
/* return_backç¨ */
div.navi_list span.return_back_meisai {
padding: 0 25px 0 10px !important;
}
/* proceed_next_meisai_firstç¨ */
div.navi_list span.proceed_next_meisai_first{
padding: 0 10px 0 35px !important;
width: 45px !important;
}
div.navi_list span.proceed_next_meisai:before {
content: 'ï¼' ;
position: absolute;
top: 0;
left: 6px;
}
div.navi_list span.return_back_meisai:before {
content: 'ï¼' ;
position: absolute;
top: 0;
right: 6px;
}
div.navi_list span.proceed_next_meisai_first:before {
content: 'ï¼ï¼' ;
position: absolute;
top: 0;
left: 3px;
}
/*-- ãã¼ã¸ã£ie8対ç --*/
.ie.ie8 div.navi_list span.return_back_meisai,
.ie.ie8 div.navi_list span.proceed_next_meisai,
.ie.ie8 div.navi_list span.proceed_next_meisai_first {
border-bottom: 1px solid #E4B083 !important;
border-right: 1px solid #E4B083 !important;
background: #ffe4c9;
}
.ie.ie8 div.navi_list span.return_back_meisai:hover,
.ie.ie8 div.navi_list span.proceed_next_meisai:hover,
.ie.ie8 div.navi_list span.proceed_next_meisai_first:hover {
background: #FFE7CE !important;
}
/* æãå·¦å´ã®ãã¼ã¸ã®ãã¿ã³ã¯ãã¼ãã¼æ */
div.navi_list span.proceed_next:first-child:before {
/*border-left: 2px #0C1E89 solid;*/
}
/* æãå·¦å´ã®ãã¼ã¸ã®ãã¿ã³ã¯ãã¼ãã¼æ */
div.navi_list span.return_back + span.return_back:before {
/*border-right: 2px #0C1E89 solid;*/
}
/* ç¡å¹åæã¯ä¸ç·ã¨è²ãè§£é¤ */
div.navi_list span.disabled, div.navi_list span.disabled {
text-decoration: none;
color: #000;
}
/************************************************************************************************************
* ãã¦ã¹ã«ã¼ã½ã«ããã¼ã¸ã³ã°ç¨ãã¿ã³ä¸ã§ãã¿ã³ããªã³ã¯ã¨åãè¦ãç®ã«ãã
************************************************************************************************************/
/* ã«ã¼ã½ã«ããªã³ã¯ç¨ã«ã¼ã½ã«ã«å¤æ´ */
div.navi_list span {
cursor: pointer;
}
/* ãç¾å¨ã®ãã¼ã¸ã®ãã¼ã¸ãªã³ã¯ããã...ãããç¡å¹åãããæåãªã³ã¯ãä¸ã§ãã¦ã¹ã«ã¼ã½ã«ãé常ã®è¦ãç®ã«ãã */
div.navi_list span.skip, div.navi_list span.spot_area, div.navi_list span.disabled {
cursor: default;
}
/************************************************************************************************************
* ç¾å¨ãã¼ã¸ï¼spot_areaï¼ã¨åæ§ã«ã'...' é¨åã®ç·ãã¿ã³åãè§£é¤ããããã®æå®ã
************************************************************************************************************/
div.navi_list span.skip {
margin: 0 2px 2px 0;
padding: 5px 6px;
border: none;
background: #fff;
color: #000;
}
/************************************************************************************************************
* position:absolute;ã§DOMãã¼ãã追å ããã¨ããChromeãå¹
ãæ£ããè¨ç®åºæ¥ãå½¢ãå´©ããã±ã¼ã¹ã¸ã®å¯¾å¦ã
***********************************************************************************************************/
.paging_status {
width: 200px;
}
/* ----- å¶å¾¡ã¿ã°ã®ãã¼ã¸ã£ã¼é¨åå¯¾å¿ ----- */
/* =========================================================
ã¢ã¼ãã«ããã¼ã«ããã
========================================================= */
/* ----- JQlib ----- */
.jq_modal_parent .navi_list {
margin: 10px 0;
}
.jq_modal_parent .submit_btn_box {
margin: 20px 0;
}
.modal_table td, .modal_table th {
padding: 5px !important;
}
.jq_modal_parent {
position: fixed;
top: 0;
left: 0;
z-index: 9999;
display: none;
width: 100%;
height: 100%;
background: url("../img/modal_bg.png");
}
.jq_modal_obj {
margin: 10px auto;
padding: 10px;
width: 700px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: white;
}
.jq_balloon_parent {
position: absolute;
z-index: 9999;
clear: both;
width: auto !important;
}
.jq_balloon_arrow {
position: absolute;
top: 15px;
left: -14px;
width: 0px;
height: 0px;
border: 8px solid transparent;
border-right: 8px solid #919aca;
z-index: 10000;
}
.jq_balloon_arrow:after {
content: "";
position: absolute;
top: -8px;
left: -6px;
width: 0px;
height: 0px;
border: 8px solid transparent;
border-right: 8px solid #efefef;
}
.jq_balloon_obj {
padding: 10px;
background: #efefef;
border: 2px solid #919aca;
margin-right: 10%;
}
/* 02-57 ãã¼ã«ããã
--------------------------------------------------------- */
.toolTip {
position: relative;
display: inline-block;
border: 0;
vertical-align: middle;
}
.toolTip:hover {
cursor: pointer;
}
.toolTip.f-pc:hover .toolTBWrap {
display: block;
}
.toolTBWrap {
display: none;
/* padding: 10px; */
position: absolute;
left: 0;
bottom: 100%;
margin-bottom: 25px;
z-index: 1;
text-align: left;
font-weight: normal;
cursor: default;
max-width: 500px;
min-width: 200px;
}
/* ----- ãã¼ã«ãããã¢ã¤ã³ã³ ----- */
.qIcon:before {
content: " ";
display: block;
position: absolute;
top: 5px;
left: -4px;
border: transparent solid 5px;
border-right-color: #235946;
border-left: none;
z-index: 0;
}
.qIcon {
position: relative;
top: 0;
left: 5px;
display: block;
width: 23px;
height: 21px;
}
input.tooltip{
display: block;
width: 23px;
height: 21px;
background: #104a36;
background: -moz-linear-gradient(top, #104a36 0%, #306351 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #104a36), color-stop(100%, #306351));
background: -webkit-linear-gradient(top, #104a36 0%, #306351 100%);
background: -o-linear-gradient(top, #104a36 0%, #306351 100%);
background: -ms-linear-gradient(top, #104a36 0%, #306351 100%);
background: linear-gradient(to bottom, #104a36 0%, #306351 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#104a36', endColorstr='#306351',GradientType=0 );
font-weight: bold;
color: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
border: 0;
z-index: 1;
}
.toolTBWrap_jnb {
left: 5px;
right: auto;
}
.toolTBWrap.toolWide {
width: 100%;
}
.toolTBWrap .toolTipBody {
position: relative;
top: 0px;
left: -50px;
left: -45px\9;
/*IE8è£æ£*/
display: block;
padding: 20px;
background-color: #efefef;
color: #333;
border: 2px solid #919aca;
width: 500px;
}
.toolTipArrow {
position: relative;
left: 8px;
}
.toolTipArrow:AFTER {
content: " ";
display: block;
position: absolute;
bottom: -9px;
left: 0;
top: -2px;
width: 0;
height: 0;
border: transparent solid 9px;
border-top-color: #efefef;
border-bottom: none;
}
.toolTipArrow:BEFORE {
border: transparent solid 9px;
content: " ";
display: block;
position: absolute;
bottom: -9px;
height: 0;
left: 0;
top: 0;
border: transparent solid 9px;
border-top-color: #919aca;
border-bottom: none;
}
.toolTipBody:after {
bottom: -7px;
border: transparent solid 9px;
border-top-color: #efefef;
border-bottom: none;
}
/* =========================================================
ã«ã©ã¼ã©ãã«
========================================================= */
.cLabel_free{
display: inline-block;
border: #fd7395 1px solid;
background-color: #ffffff;
line-height: 1;
padding: 3px 5px;
margin-right: 2px;
margin-left: 2px;
text-align: center;
color: #fd7395;
font-size: 86%;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.cLabel_add{
display: inline-block;
border: #faa634 1px solid;
background-color: #ffffff;
line-height: 1;
padding: 3px 5px;
margin-right: 2px;
margin-left: 2px;
text-align: center;
color: #faa634;
font-size: 86%;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.cLabel_rule{
display: inline-block;
border: #a7a7a7 1px solid;
background-color: #fff28e;
line-height: 1;
padding: 3px 5px;
text-align: center;
color: #777777;
font-size: 86%;
-webkit-border-radius: 3px;
border-radius: 3px;
}
/* =========================================================
å¿
é é
ç®
========================================================= */
.contact td.required {
padding: 10px 3px;
width: 26px;
background-color: salmon;
text-align: center;
}
div.required_icon {
float: left;
text-align: left;
margin-top: -3px;
margin-right: 10px;
}
.required_cell {
padding-left: 56px !important;
background: url("../img/required_icon.gif") no-repeat 15px center;
}
.optional_cell {
padding-left: 56px !important;
background: url("../img/arbitrary_icon.gif") no-repeat 15px center;
}
.contact li.required {
background-color: salmon;
text-align: center;
}
.contact th .iconCell {
padding-right: 50px ;
position: relative;
}
.contact .cLabel_required,
.contact .cLabel_optional,
.contact .cLabel_gold {
color: #fff;
display: inline-block;
font-size: 12px !important;
line-height: 1;
padding: 5px;
text-align: center;
font-weight: normal !important;
position: relative;
top: 50%;
left: 0;
margin-right: 5px;
margin-top: -10px;
background-color: #DD3300;
}
.contact .iconCell .cLabel_required,
.contact .iconCell .cLabel_optional {
color: #fff;
display: inline-block;
font-size: 12px !important;
line-height: 1;
padding: 5px;
text-align: center;
font-weight: normal !important;
position: absolute;
top: 50%;
left: inherit;
right: 0px;
margin-top: -10px;
margin-right: 0;
background-color: #DD3300;
}
.contact .cLabel_optional {
color: #888 !important;
background-color: #FFF !important;
border: #888 1px solid;
}
.contact .cLabel_gold {
background-color: #F93 !important;
color: #FFF !important;
margin: 0;
top:0;
left:0;
}
/*--- add for Alcor Framework SelectExt Widget --- */
.dijitSelect .dijitArrowButtonInner, .dijitComboBox .dijitArrowButtonInner {
background-image: url("/app/dojo/dijit/themes/claro/form/images/commonFormArrows.png") !important;
background-position: -35px 53% !important;
background-repeat: no-repeat !important;
width: 22px;
}
.dijitTextBox, .dijitButtonNode {
border: none !important;
}
/* ãåãåããããã¯ã¹
--------------------------------------------------------- */
.inquiryWrapArea,
.inquiryWrapAreaB {
margin: 40px 0 0;
width: 100%;
box-sizing: border-box;
}
.inquiryWrapArea p:last-child,
.inquiryWrapAreaB p:last-child {
margin-bottom: 0;
}
.inquiryIcon {
padding-left: 40px;
color: #333333;
font-size: 2.4rem;
font-weight: bold;
position: relative;
margin-bottom: 14px;
}
.inquiryIcon:before{
content: "";
display: inline-block;
width: 37px;
height: 37px;
background-image: url(/static/responsive/img/mem/icon_speech_bubble_wh.svg);
background-repeat: no-repeat;
background-position: center top;
background-size: auto 30px;
position: absolute;
top: 4px;
left: 0px;
}
/*ãµãè¦åºã*/
.inquiryName p.guideTitle {
font-size: 2rem;
font-weight: bold;
margin-bottom: 9px;
color: #1A4832;
}
.inquiryWrap p.guideTitle {
font-size: 20px;
color: #1A4832;
}
p.guideTitle + p {
margin-top: 0;
}
li.guideTitle {
font-size: 2rem;
font-weight: bold;
margin-bottom: 20px;
color: #1A4832;
}
/*ãåãåããå*/
.inquiryName {
font-weight: bold;
margin-bottom: 0;
}
/*çªå·*/
.inquiryWrapArea [data-ui-module-display*="phone"],
.inquiryWrapAreaB [data-ui-module-display*="phone"] {
margin-bottom: 0;
}
.inquiryPhone1,
.inquiryPhone2,
.inquiryPhone3 {
margin-bottom: 5px !important;
}
.inquiryWrapArea [data-ui-module-display*="phone"] > span:first-child:not([data-ui-module-prop*="phone"]),
.inquiryWrapArea [data-ui-module-display*="phone"] > strong:first-child,
.inquiryWrapAreaB [data-ui-module-display*="phone"] > span:first-child:not([data-ui-module-prop*="phone"]),
.inquiryWrapAreaB [data-ui-module-display*="phone"] > strong:first-child {
display: inline-flex;
width: 58px;
height: 20px;
justify-content: center;
align-content: center;
background: #1A4832;
color: #ffffff;
font-size: 1.2rem;
margin-right: 10px;
vertical-align: middle;
}
.inquiryWrapArea [data-ui-module-display*="phone"] [data-ui-module-prop*="phone"],
.inquiryWrapAreaB [data-ui-module-display*="phone"] [data-ui-module-prop*="phone"] {
font-size: 2.4rem;
line-height: 1.42;
color: #1A4832;
font-weight: bold;
vertical-align: middle;
}
.inquiryWrapArea [data-ui-module-display*="phone"] [data-ui-module-prop*="phone"] + span,
.inquiryWrapAreaB [data-ui-module-display*="phone"] [data-ui-module-prop*="phone"] + span {
vertical-align: middle;
}
/*ä½ç½è¨å®*/
.inquiryWrapArea [data-ui-module-display*="phone"] + [data-ui-module-display*="phone"],
.inquiryWrapArea [data-ui-module-display*="phone"] + .annotation_a,
.inquiryWrapArea [data-ui-module-display*="phone"] + .annotation_b,
.inquiryWrapAreaB [data-ui-module-display*="phone"] + [data-ui-module-display*="phone"],
.inquiryWrapAreaB [data-ui-module-display*="phone"] + .annotation_a,
.inquiryWrapAreaB [data-ui-module-display*="phone"] + .annotation_b {
margin-top: -12px;
}
.inquiryWrapArea * + .annotation_a,
.inquiryWrapArea * + .annotation_b,
.inquiryWrapAreaB * + .annotation_a,
.inquiryWrapAreaB * + .annotation_b {
margin-top: 6px;
}
/*å仿é*/
.inquiryWrapArea .reception_wrap > div,
.inquiryWrapAreaB .reception_wrap > div {
display: inline;
}
.inquiryWrapArea .reception_wrap + .reception_wrap,
.inquiryWrapAreaB .reception_wrap + .reception_wrap {
margin-top: 5px;
}
.inquiryWrapArea [data-ui-module-display="mail"] a,
.inquiryWrapAreaB [data-ui-module-display="mail"] a {
display: inline-block;
position: relative;
padding-left: 18px;
}
.inquiryWrapArea [data-ui-module-display="mail"] a:before,
.inquiryWrapAreaB [data-ui-module-display="mail"] a:before {
content: "";
width: 12px;
height: 12px;
display: inline-block;
background-image: url(/static/responsive/img/mem/icon_right_chevron.svg);
background-repeat: no-repeat;
background-position: center;
background-size: auto 10px;
position: absolute;
left: 0;
top: 9px;
}
.inquiryWrapArea [data-ui-module-display="reception_hours"],
.inquiryWrapAreaB [data-ui-module-display="reception_hours"] {
font-weight: bold;
}
.inquiryWrap ul li:last-child {
margin-bottom: 0;
}
/*ã¡ã¼ã«*/
.inquiryWrapArea [data-ui-module-display="mail"] .title,
.inquiryWrapArea [data-ui-module-display="mail"] .slash,
.inquiryWrapAreaB [data-ui-module-display="mail"] .title,
.inquiryWrapAreaB [data-ui-module-display="mail"] .slash {
display: none;
}
.inquiryWrapArea [data-ui-module-display="mail"] a:after,
.inquiryWrapAreaB [data-ui-module-display="mail"] a:after {
content: "";
width: 12px;
height: 12px;
display: inline-block;
background-image: url(/static/responsive/img/mem/icon_popup.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 12px 12px;
margin-left: 6px;
}
/*使*/
.inquiryWrapArea [data-ui-module-display="comment"] .title,
.inquiryWrapArea [data-ui-module-display="comment"] .slash,
.inquiryWrapAreaB [data-ui-module-display="comment"] .title,
.inquiryWrapAreaB [data-ui-module-display="comment"] .slash {
display: none;
}
/* M-BO-10-1 ãåãåããï¼2ä»¶ï¼ */
.inquiryColWrap {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-content: stretch;
align-items: stretch;
width: calc(100% + 80px);
margin-left: -80px;
}
.inquiryColWrap .inquiryWrap {
width: calc(50% - 80px);
margin-left: 80px;
}
/* M-BO-10-2 ãåãåããï¼3ä»¶ï¼ */
.inquiryColWrap .inquiryWrap:nth-child(2) ~ .inquiryWrap {
margin-top: 80px;
}
/*
â â â åãåãããæ°ã¬ã¤ã¢ã¦ã
--------------------------------------------------------- */
.reception_wrap {
display: table;
width: 100%;
margin-bottom: 5px;
}
.reception_wrap .title {
display: table-cell;
width: 56px;
}
.reception_wrap .slash {
display: table-cell;
padding-left: 5px;
padding-right: 5px;
width: 15px;
}
.reception_wrap .reception_hours,
.reception_wrap .reception_mail,
.reception_wrap .reception_comment {
display: table-cell;
}
/* ãã¼ã¸ã³èª¿æ´
--------------------------------------------------------- */
/* --- start:div tdå
ã®ä¸é¨ã®ãã¼ã¸ã³åé¤ --- */
/* è²¸éæ«å®
--------------------------------------------------------- */
.kashikin_txt {
font-size: 86%;
color: #555;
}
/* ã³ã³ããªã¼ãã¡ãã»ã¼ã¸
--------------------------------------------------------- */
p.comp_message {
position: relative;
display: inline-block;
padding: 5px 0 0 50px;
vertical-align: top;
font-weight: bold;
font-size: 182%;
}
p.comp_message:before {
position: absolute;
top: 3px;
left: 0;
display: inline-block;
width: 40px;
height: 40px;
content: "";
vertical-align: top;
background-color: #1a4832;
border-radius: 50%;
box-sizing: border-box;
}
p.comp_message:after {
position: absolute;
top: 10px;
left: 12px;
display: inline-block;
width: 13px;
height: 21px;
content: "";
border: 4px solid #fff;
border-left: none;
border-top: none;
transform: rotate(45deg);
box-sizing: border-box;
}
/* 779 ãã©ã°ã¤ã³ããã¦ã³ãã¼ãï¼Adobe Reader ãã©ã°ã¤ã³ï¼
--------------------------------------------------------- */
.inc_adobereader, .inc_adobeflash {
margin: 20px 0;
padding: 15px 15px 10px !important;
border: 1px solid #99b9ad;
}
.inc_adobereader dt {
width: 120px;
float: left;
}
.inc_adobereader dd {
margin-left: 130px;
}
.inc_adobeflash dt {
width: 180px;
float: left;
}
.inc_adobeflash dd {
margin-left: 180px;
}
/* 02-61 ãã¼ã¸ã£ã¼ï¼ãã¼ã¸çªå·ç¡ãï¼
--------------------------------------------------------- */
.pgNationWAreaNoNum {
display: table;
}
.pgNationWAreaNoNum .backWrap,
.pgNationWAreaNoNum .nextWrap {
display: table-cell;
white-space: normal;
vertical-align: middle;
}
.pgNationWAreaNoNum .nextWrap {
padding-top: 3px;
}
.pgNationWAreaNoNum .backWrap input,
.pgNationWAreaNoNum .nextWrap input{
background: none !important;
border: none !important;
font-size: 100%;
font-family: "ã¡ã¤ãªãª", "Meiryo", "Hiragino Sans", "ãã©ã®ãè§ã´ Pro W3", "Hiragino Kaku Gothic Pro", "ï¼ï¼³ ï¼°ã´ã·ãã¯", Osaka, sans-serif;
font-weight: normal;
text-decoration: underline;
width: 80px;
z-index: 100;
}
.pgNationWAreaNoNum .backWrap input:hover,
.pgNationWAreaNoNum .nextWrap input:hover{
text-decoration: none;
}
.pgNationWAreaNoNum .backWrap .backLink,
.pgNationWAreaNoNum .nextWrap .nextLink{
display: block;
position: relative;
}
.pgNationWAreaNoNum .backWrap {
text-align: right;
}
.pgNationWAreaNoNum .nextWrap {
text-align: left;
}
.pgNationWAreaNoNum .numWrap {
display: table-cell;
text-align: center;
color: #999999!important;
vertical-align: middle;
}
.pgNationWAreaNoNum .backWrap a,
.pgNationWAreaNoNum .nextWrap a {
font-size: inherit;
}
/* ----- ç¢å°ã¢ã¤ã³ã³ ----- */
.addNextArrow {
position: relative;
}
.nextArrow {
display: block;
position: absolute;
top: 50%;
right: -21px;
width: 0;
height: 0;
margin-top: -8px;
border: 8px solid transparent;
border-left-color: #005135;
border-right: none;
z-index: -100;
}
.nextArrow:before {
content: "";
position: absolute;
top: 0;
left: -16px;
width: 0;
height: 0;
margin-top: -8px;
border: 8px solid transparent;
border-right-color: #005135;
border-left: none;
z-index: -99;
}
.nextArrow:after {
content: "";
position: absolute;
top: 0;
left: -21px;
width: 0;
height: 0;
margin-top: -16px;
border: 16px solid transparent;
border-left-color: #FFF;
border-right: none;
z-index: -98;
}
.singleArrow {
display: inline-block;
position: absolute;
top: -1px;
right: 0;
width: 0;
height: 0;
margin-left: 12px;
border: 8px solid transparent;
border-left-color: #005135;
border-right: none;
}
.singleArrow:before {
content: "";
position: absolute;
top: -8px;
left: -16px;
width: 0;
height: 0;
border: 8px solid transparent;
border-right-color: #005135;
border-left: none;
}
.singleArrow:after {
content: "";
position: absolute;
top: -16px;
left: -21px;
width: 0;
height: 0;
border: 16px solid transparent;
border-left-color: #FFF;
border-right: none;
}
.singleArrowDown {
display: inline-block;
position: relative;
top: 4px;
width: 0;
height: 0;
margin-left: 16px;
border: 8px solid transparent;
border-left-color: #005135;
border-right: none;
}
.singleArrowDown:before {
content: "";
position: absolute;
top: -8px;
left: -16px;
width: 0;
height: 0;
border: 8px solid transparent;
border-right-color: #005135;
border-left: none;
}
.singleArrowDown:after {
content: "";
position: absolute;
top: -16px;
left: -21px;
width: 0;
height: 0;
border: 16px solid transparent;
border-left-color: #FFF;
border-right: none;
}
.singleArrowLeft {
display: inline-block;
position: relative;
top: 4px;
left: 21px;
width: 0;
height: 0;
margin-left: 16px;
border: 8px solid transparent;
border-left-color: #005135;
border-right: none;
}
.singleArrowLeft:before {
content: "";
position: absolute;
top: -8px;
left: -16px;
width: 0;
height: 0;
border: 8px solid transparent;
border-right-color: #005135;
border-left: none;
}
.singleArrowLeft:after {
content: "";
position: absolute;
top: -16px;
left: -11px;
width: 0;
height: 0;
border: 16px solid transparent;
border-right-color: #FFF;
border-left: none;
}
/*
â â â 02-60-02 ã¢ã³ã«ã¼ãªã³ã¯ï¼ãã¿ã³å½¢å¼ï¼
--------------------------------------------------------- */
/* ----- ãã¿ã³å½¢å¼1ï¼ã¤ã³ã©ã¤ã³çï¼ ----- */
.ancLink li:hover,
.ancLink a:hover {
opacity: 0.5;
background-color: #F5F6FF \9;
}
.ancLinkType01 {
display: inline-block;
text-decoration: none;
padding: 10px 10px 10px 30px;
background: #ebeeff;
margin-right: 1px;
position: relative;
}
.ancLinkType01:before {
content: "";
position: absolute;
top: 50%;
left: 10px;
width: 0;
height: 0;
margin-top: -3px;
border: #0C1E89 solid 6px;
border-left-color: transparent;
border-right-color: transparent;
border-bottom: none;
}
.ancLinkType01:after {
content: "";
position: absolute;
top: 50%;
left: 10px;
width: 0;
height: 0;
margin-top: -6px;
border: #ebeeff solid 6px;
border-left-color: transparent;
border-right-color: transparent;
border-bottom: none;
}
.ie.ie8 .ancLinkType01:hover:after {
border-top-color: #f5f6ff;
}
/* ----- ãã¿ã³å½¢å¼2ï¼ãã¼ãã«ã»ã«çï¼ ----- */
ul.ancLink {
display: table;
width: 100%;
table-layout: fixed;
margin-bottom: 1px;
}
ul.ancLink li {
display: table-cell;
background-color: #EBEEFF;
border-right: 1px solid #FFF;
vertical-align: middle;
}
ul.ancLink li a {
display: block;
}
.ancLinkSet {
margin-top: 20px;
margin-bottom: 20px;
}
/*
â â â 02-100-01 å¥ã¦ã£ã³ãã¦ã¢ã¤ã³ã³
--------------------------------------------------------- */
.blankLink {
width: 12px;
height: 12px;
display: inline-block;
background-image: url(/static/responsive/img/mem/icon_popup.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 12px 12px;
margin-left: 10px;
}
.prtBtnWrap {
position: absolute !important;
bottom: 0;
right: 0;
}
.prtBtnWrap .blankLink {
position: absolute !important;
top: 2px;
right: 10px;
}
.prtBtnWrap input.prtBtn{
position: relative !important;
}
/*
â â 02-260 ã³ã³ãã¼ã¸ã§ã³ã¨ãªã¢
========================================================= */
.conversionArea{
margin: 10px 0;
padding: 15px 18px;
background-color: #F6F6CD;
}
.conversionArea .conversion {
padding: 0 20px;
box-sizing: border-box;
}
.conversionArea + ul.note{
margin-top: -64px;
}
.conversionArea * + *{
margin: 10px auto 0;
}
.conversionArea .title{
font-size: 1.6rem;
font-weight: bold;
line-height: 1.375;
margin-top: 0;
margin-bottom:10px;
}
.conversionArea p + .note{
margin: 10px auto 0;
}
.conversionArea .txtInfo{
font-size: 1.6rem;
line-height: 1.813;
margin-top: 0;
margin-bottom: 20px;
}
.conversionArea .smallArrowLink{
margin-left: -18px;
}
.conversionArea .otherLink{
max-width: calc(100% - 200px);
margin: 10px auto 0;
}
.conversionArea .btn{
display: inline-block;
min-width: 440px;
max-width: 600px;
font-size: 1.8rem;
font-weight: bold;
line-height: 1.389;
padding: 16px 60px 16px;
background-color: #C3D600;
color: #1A4832;
margin: 0 auto;
text-align: center;
border: 1px solid #C3D600;
text-decoration: none;
position: relative;
background-image: url(/static/responsive/img/mem/icon_button_self.svg);
background-repeat: no-repeat;
background-position: calc(100% - 20px) center;
}
.conversionArea .btn + *{
margin-top: 16px;
margin-bottom: 0;
}
.conversionArea .btnNormal + *{
margin-top: 16px;
margin-bottom: 0;
}
.conversionArea a[target="_blank"].btn span.blankLink{
width: 20px;
height:20px;
background-image: url(/static/responsive/img/mem/icon_button_blank.svg);
position: absolute;
top:50%;
transform: translateY(-50%);
right: 20px;
z-index: 10;
background-color: #c3d600;
}
.conversionArea a.pdfLink.btn:after{
content: "";
width: 20px;
height:20px;
display: inline-block;
background-image: url(/static/responsive/img/mem/icon_pdf_link_darkgreen.svg);
background-repeat: no-repeat;
background-position: center;
background-size: auto 16px;
position: absolute;
top:50%;
transform: translateY(-50%);
right: 20px;
z-index: 11;
background-color: #c3d600;
}
.conversionArea a.winPopup.btn span.blankLink {
width: 20px;
height:20px;
background-image: url(/static/responsive/img/mem/icon_popup_darkgreen.svg);
position: absolute;
top:50%;
transform: translateY(-50%);
right: 20px;
z-index: 12;
background-color: #c3d600;
}
.conversionArea a[target="_blank"].btn:hover span.blankLink,
.conversionArea a.pdfLink.btn:hover:after,
.conversionArea a.winPopup.btn:hover span.blankLink{
background-color: #fff;
}
.conversionArea .btn:hover{
background-color: #fff;
border: 1px solid #1A4832;
}
.conversionArea .note{
display: inline-block;
text-align: center;
}
/*--- add for Alcor Framework SelectExt Widget --- */
.dijitSelect .dijitArrowButtonInner, .dijitComboBox .dijitArrowButtonInner{
background-image: url("/app/dojo/dijit/themes/claro/form/images/commonFormArrows.png") !important;
background-position: -35px 53% !important;
background-repeat: no-repeat !important;
width: 22px;
}
.dijitTextBox, .dijitButtonNode {
border: none !important;
}
.soria .dijitButtonNode{
padding: 0 !important;
}
/*dojoã»ã¬ã¯ãã¹ã¿ã¤ã«ä¸æ¸ã*/
.dijitTextBox{
width: 16em !important;
}
.wpc_shokai_table .dijitTextBox{
width: 28em !important;
}
.dateSelect .dijitTextBox{
width: 7em !important;
}
.monthSelect .dijitTextBox{
width: 13em !important;
}
.yearSelect .dijitTextBox{
width: 12em !important;
}
.taxReturnSelect .dijitTextBox{
width: 22em !important;
}
.houseSelect .dijitTextBox{
width: 27em !important;
}
.dijitInline{
display: inline-block!important;
}
.claro .dijitComboBox .dijitArrowButtonInner {
border: 1px solid #c6c6c6!important;
}
.claro .dijitTextBox .dijitInputField{
padding: 5px 0px 5px 20px!important;
}
.claro .dijitTextBox .dijitInputField.dijitInputContainer{
padding-top: 4px!important;
padding-bottom: 4px!important;
}
.dijitReset.dijitRight.dijitButtonNode.dijitArrowButton.dijitDownArrowButton.dijitArrowButtonContainer{
position: relative !important;
}
.dijitReset.dijitRight.dijitButtonNode.dijitArrowButton.dijitDownArrowButton.dijitArrowButtonContainer:before{
content: "";
position: absolute;
top: 41%;
left: 35%;
border: #000 solid 6px;
border-left-color: transparent;
border-right-color: transparent;
border-bottom: none;
}
.dijitReset.dijitRight.dijitButtonNode.dijitArrowButton.dijitDownArrowButton.dijitArrowButtonContainer:after{
content: "";
border: #BCBCBC solid 6px;
border-left-color: transparent;
border-right-color: transparent;
border-bottom: none;
position: absolute;
top: 37%;
left: 35%;
}
.ie8 .dijitReset.dijitRight.dijitButtonNode.dijitArrowButton.dijitDownArrowButton.dijitArrowButtonContainer:after{
border: none;
}
.dijitReset.dijitInputField.dijitInputContainer{
background: #ffffff !important; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%) !important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)) !important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%) !important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%) !important; /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%) !important; /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%) !important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
border: 1px solid #c6c6c6 !important;
padding-left: 7px !important;
border-radius: 5px 0 0 5px;
}
.dijitReset.dijitInputField.dijitArrowButtonInner{
border-left: none !important;
background: #cecece !important; /* Old browsers */
background: -moz-linear-gradient(top, #cecece 0%, #9e9e9e 100%) !important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cecece), color-stop(100%,#9e9e9e)) !important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #cecece 0%,#9e9e9e 100%) !important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #cecece 0%,#9e9e9e 100%) !important; /* Opera 11.10+ */
background: -ms-linear-gradient(top, #cecece 0%,#9e9e9e 100%) !important; /* IE10+ */
background: linear-gradient(to bottom, #cecece 0%,#9e9e9e 100%) !important; /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cecece', endColorstr='#9e9e9e',GradientType=0 ); /* IE6-9 */
background-position: -24px 53% !important;
border-radius: 0 5px 5px 0;
width: 20px;
padding-left: 20px !important;
text-indent: 1000em !important;
width: 40px !important;
}
.ie8 .dijitReset.dijitInputField.dijitArrowButtonInner{
background: none !important;
}
.dijitReset.dijitMenuItem:hover{
background: #EBEEFF!important;
}
.dijitReset input[type="text"]{
margin: 0 !important;
font-size: 14px;
min-width: 0;
}
/* ã«ã¼ã鏿ããã¯ã¹
--------------------------------------------------------- */
.operationCardBox {
padding: 6px 10px;
display: table;
width: 100%;
height: 67px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
margin: 10px auto;
border: none;
}
.operationCardBox p {
margin-bottom: 0.4em;
}
.ocbLRWrap {
display: table-row;
}
.operationCardBox .ocbLeftBox,
.operationCardBox .ocbRightBox {
display: table-cell;
vertical-align: middle;
}
.operationCardBox .ocbLeftBox img,
.operationCardBox .ocbLeftBox .cardData,
.operationCardBox .ocbLeftBox .cardData span {
display: inline-block;
}
.operationCardBox .ocbLeftBox img,
.operationCardBox .ocbLeftBox .cardData {
vertical-align: top;
}
.operationCardBox .ocbLeftBox {
width: 60%;
}
.operationCardBox .ocbLeftBox img {
margin-right: 15px;
}
.operationCardBox .ocbLeftBox .cardData .userName {
font-size: 114%;
margin-bottom: 5px;
}
.operationCardBox .ocbLeftBox .cardData .cardInfo {
font-size: 86%;
line-height: 1.1;
}
.operationCardBox .ocbRightBox {
width: 40%;
text-align: left;
padding-left: 15px;
border-left: solid 1px #a6c2b8;
vertical-align: middle;
}
.operationCardBox .ocbRightBox .errorTtl{
}
.operationCardBox .ocbRightBox p{
margin-top: 0;
margin-bottom: 0;
font-size: 76%;
}
.operationCardBox .ocbRightBox form {
text-align: left;
}
.operationCardBox .ocbRightBox form select {
width: 100%;
}
/*
â â 02-200 ã¹ããã
========================================================= */
/*
â â â 02-200-01 ã¹ãããï¼ç¸¦åï¼
â»Type01ã¯ä½¿ç¨ãã¦ããªã
--------------------------------------------------------- */
dl.verticalStep {
display: table;
width: 100%;
}
.verticalStep > dt {
display: table-cell;
width: 94px;
background-color: #E1ECC5;
position: relative;
border-bottom: #E1ECC5 solid 1px;
text-align: center;
}
.verticalStep > dt span {
display: inline-block;
padding: 27px 15px 0px;
color: #005135;
font-weight: 700;
}
.verticalStep.first > dt span {
padding: 12px 20px 0px;
}
.verticalStep > dt:before {
content: "";
position: absolute;
left: -4px;
top: 0px;
width: 0;
height: 0;
border-top: #FFFFFF solid 19px;
border-left: solid 51px transparent;
border-right: solid 51px transparent;
z-index: 99;
}
.verticalStep dt:after {
content: "";
position: absolute;
left: 0px;
top: 0;
width: 0;
height: 0;
border-top: #E1ECC5 solid 17px;
border-left: solid 47px transparent;
border-right: solid 47px transparent;
z-index: 99;
}
.verticalStep.first > dt:before {
border: none;
}
.verticalStep.first > dt:after {
border: none;
}
.verticalStep > dd {
position: relative;
display: table-cell;
vertical-align: top;
}
.verticalStep.first > dd:before {
display: block;
content: "";
border-bottom: #E1ECC5 solid 1px;
width: 100%;
position: absolute;
left: 0;
top: 0;
}
.verticalStep > dd:after {
display: block;
content: "";
border-bottom: #E1ECC5 solid 1px;
width: 100%;
position: absolute;
left: 0;
bottom: 0;
}
.verticalStep > dd > div {
display: table-cell;
width: 360px;
padding: 25px 15px 10px;
}
.verticalStep.first > dd > div {
padding-top: 10px;
}
.verticalStep > dd > div:first-child {
width: 180px;
color: #005135;
font-weight: 700;
}
/*
â â â 02-200-01 ã¹ãããï¼ç¸¦åï¼Type02
--------------------------------------------------------- */
.verticalStep.type02 dl > dd:after {
width: 100%;
}
.verticalStep.type02 dd > div {
display: block;
box-sizing: border-box;
width: 100%;
}
.verticalStep.type02 > dd > div:first-child {
width: 100%;
font-size: 16px;
}
.verticalStep.type02 dd > div:nth-child(2) {
margin-left: 25px;
width: inherit;
padding: 0 10px 10px 0;
}
/* ããã¼é¨åè£
飾
--------------------------------------------------------- */
.slide_banner,
.slide_image {
width: 195px;
height: 32px;
background-color: #ddd;
text-align: center;
padding-top: 20px;
}
.slide_in_banner,
.slide_in_image {
width: 195px;
height: 100%;
background-color: #ddd;
text-align: center;
padding-top: 20px;
}
/* slider
--------------------------------------------------------- */
/* ----- SlidesJS Optional: If you'd like to use this design ----- */
#slides {
display: none;
display: none;
padding-left: 30px;
padding-right: 30px;
}
/* SlidesJS Required
----------------------- */
a.slidesjs-next, a.slidesjs-previous {
border-radius: 2px 2px 2px 2px;
background-color: #65AE07;
border-bottom: 3px solid #508906;
display: inline-block;
padding: 7px 5px 4px;
text-align: center;
text-decoration: none;
vertical-align: middle;
width: 10px;
position: absolute;
color: #fff;
overflow: hidden;
}
a.slidesjs-next {
float: left;
right: 5px;
}
a:hover.slidesjs-next {
opacity: 0.7;
filter: alpha(opacity=70);
cursor: pointer;
}
a.slidesjs-previous {
float: left;
left: 5px;
}
a:hover.slidesjs-previous {
opacity: 0.7;
filter: alpha(opacity=70);
cursor: pointer;
}
.navbar {
overflow: hidden;
}
/* M-BO-3 é¢é£æ
å ±ï¼ãªã³ã¯ï¼ */
.relevantPageWrapArea {
padding: 10px 15px 25px;
box-sizing: border-box;
margin: 20px 0;
background-color: #F6F6F6;
}
.relevantPageWrapArea .relevantPageTitle {
font-size: 2.4rem;
border-left: 4px solid #1A4832;
padding-left: 20px;
margin-bottom: 20px;
line-height: 1.417;
}
.relevantPageWrapArea .acdiBtn {
display: none;
top: 6px;
right: 0px;
}
.relevantPageArea .smallArrowLink ul {
padding-left: 0 !important;
}
.relevantPageWrapArea .relevantPageArea {
padding: 15px 0 0;
display: table;
width: 100%;
table-layout: fixed;
}
.relevantPageWrapArea .relevantPageArea .smallArrowLink > li:LAST-CHILD {
border-bottom: none;
margin-bottom: 0;
}
.relevantPageWrapArea .relevantPageArea ul li .note li {
border-bottom: none;
margin-bottom: 5px;
}
.relevantPageArea .smallArrowLink > li {
padding-top:10px;
padding-bottom: 10px;
line-height:1.3em;
background-position: 0 15px!important;
}
.relevantPageArea .smallArrowLink > li > p {
margin-bottom: 0;
}
.relevantPageArea .smallArrowLink li.in_banner {
min-height:76px;
background-position: 230px 15px!important;
background-color:#EEE;
}
.relevantPageArea .smallArrowLink li.in_banner > img{
float: left;
margin-right:15px;
}
.relevantPageArea .smallArrowLink li.in_banner > a{
padding-left:15px;
}
.relevantPageArea .smallArrowLink li.in_banner > p{
padding-left: 230px;
}
.relevantPageWrapArea img.border {
border: 5px solid #FFF;
box-sizing: content-box !important;
}
/*æ²è¼2ä»¶*/
.relevantPageWrapArea .relevantPageArea .relevantPageRow {
width: 100%;
display: table;
table-layout: fixed;
}
.relevantPageWrapArea .relevantPageArea .col2Left,
.relevantPageWrapArea .relevantPageArea .col2Right {
width: 50%;
display: table-cell;
vertical-align: top;
}
.relevantPageWrapArea .relevantPageArea .col2Left {
border-right: 1px dotted #739F90;
padding: 0 10px 5px 5px;
}
.relevantPageWrapArea .relevantPageArea .col2Right {
padding: 0 5px 5px 10px;
}
/*ãµã¤ãå
æ¤ç´¢-------------------------------------*/
/* === HTML === */
div#SS_contents {
margin: 0px;
}
div#SS_contents img {
margin: 0px;
padding: 0px;
border: 0px;
}
div#SS_contents a{
border:0px;
}
div#SS_contents span.clear {
clear: left;
height: 1px;
}
/* === Layout === */
div#SS_contents {
padding: 0px;
margin: 0px;
background-color: #FFF;
}
/* === Search === */
div#SS_contents div.SS_search {
margin: 0px 0px 10px 10px;
}
div#SS_contents div.SS_searchCategory {
margin-top: 3px;
}
/* === Navication === */
div#SS_contents div#SS_navi {
margin-top: 10px;
padding: 5px 0px 5px 33px;
height: 16px;
}
div#SS_contents div#SS_navi div#SS_naviResult {
width: 407px;
float: left;
text-align: right;
}
div#SS_contents div#SS_navi span#SS_queryString {
padding-left: 5px;
}
div#SS_contents div#SS_navi span#SS_totalHits {
padding-left: 10px;
}
div#SS_contents div#SS_navi span#SS_showCounts {
padding-left: 10px;
}
div#SS_contents div#SS_navi span#SS_naviSort {
float:left;
width: 122px;
display: block;
}
div#SS_contents span#SS_sortMatch {
padding: 0px;
}
div#SS_contents span#SS_sortDate {
padding: 0px;
margin-left: 4px;
}
div#SS_contents span#sortSelected {
font-weight: bold;
}
div#SS_contents div.SS_query {
display: inline;
width: 200px;
padding-left: 15px;
}
div#SS_contents div.helplink {
display: inline;
}
/* === Adlink === */
div#SS_contents div#SS_adlink {
width: auto;
margin: 20px 0px 0px 8px;
padding: 5px 0px 10px 5px;
background-color: #E8F4FF;
border: 1px solid #D2EAFF;
}
div#SS_contents div.SS_adlinkItem {
padding: 0px;
margin: 0px 0px 5px 0px;
line-height: 1.2em;
}
div#SS_contents div.SS_adlinkImage {
float: left;
width: 170px;
border: 1px solid #CCC;
background-color: #FFF;
}
div#SS_contents div.SS_adlinkImage img {
padding: 4px;
}
div#SS_contents div.SS_adlinkPage {
float: left;
width: 540px;
padding-top: 2px;
margin-left: 10px;
}
div#SS_contents div.SS_adlinkPage div.SS_adlinkTitle {
font-size: 120%;
}
div#SS_contents div.SS_adlinkPage div.SS_adlinkSummary {
margin: 4px 0px;
font-size: 100%;
}
div#SS_contents div.SS_adlinkPage div.SS_adlinkUrl {
font-size: 100%;
color: #006F00;
}
div#SS_contents div.SS_adlinkPage span.SS_highlight {
font-weight: bold;
}
/* === Result === */
div#SS_contents div#SS_result {
margin: 5px 0px 20px 5px;
width: 562px;
}
div#SS_contents div.SS_item {
margin-bottom: 7px;
line-height: 1.2em;
display: inline-block;
zoom:1;/*for IE 5.5-7*/
}
div#SS_contents div.SS_item div.SS_image {
float: left;
width: 170px;
}
div#SS_contents div.SS_image {
}
div#SS_contents div.SS_image img {
padding: 4px;
border: 1px solid #CCC;
}
div#SS_contents div.SS_page_index {
width: 2em;
padding-top: 3px;
padding-right: 4px;
text-align: right;
float: left;
}
div#SS_contents div.SS_item div.SS_page {
float: left;
width: 530px;
margin-left: 0px;
line-height: 1.4;
padding-top: 2px;
}
div#SS_contents div.SS_item span.SS_highlight {
font-weight: bold;
}
div#SS_contents div.SS_item div.SS_page span.SS_url {
color: #006F00;
}
div#SS_contents div.SS_item span.SS_contentType {
font-weight: bold;
}
div#SS_contents div.SS_item span.SS_contentLength {
display: block;
float: left;
}
div#SS_contents div.SS_item span.SS_lastModified {
float: left;
margin-left: 5px;
}
/* === Paging === */
div#SS_contents div.SS_paging {
text-align:right;
margin: 5px 0px 15px 0px;
padding-right: 5px;
clear: left;
}
div#SS_contents div.SS_paging b.SS_selectPage {
border: 1px solid #EEE;
background-color: #FAFAFA;
padding: 1px 7px 1px 7px;
width: 20px;
position:relative; /* for IE bug */
}
div#SS_contents div.SS_paging span.SS_numberPage {
border: 1px solid #EEE;
padding: 1px 7px 1px 7px;
width: 20px;
position:relative; /* for IE bug */
}
/* === NotFound === */
div#SS_contents div#SS_notFound {
font-size: 100%;
margin: 0;
}
div#SS_contents div#SS_notFound #SS_hint {
margin: 15px 0px 0px 5px;
}
div#SS_contents div#SS_notFound ul#SS_hintMessage {
margin-top: 0;
margin-left: 25px;
}
/* === Preview === */
div#SS_contents div#SS_preview {
position: absolute;
z-index: 100;
width: 436px;
height: 336px;
background: url(http://image.syncsearch.jp/image/preview.gif) no-repeat 0 0;
display: none;
}
div#SS_contents div#SS_previewContainer {
width: 407px;
height: 307px;
margin: 16px 0px 0px 16px;
background: url(http://image.syncsearch.jp/image/shadow.png) no-repeat 0 0;
}
/* === Suggest === */
div#SS_contents img#SS_previewImage {
border: 1px solid #CCCCCC;
}
div#SS_contents input.SS_searchQuery {
ime-mode : active;
position: relative;
top: -3px;
width: 150px;
}
div#SS_contents input.SS_searchQueryButton {
position: relative;
top: 2px;
}
div#SS_contents div.SS_suggest {
text-align: left;
font-weight: normal;
z-index: 9;
display: none;
position: absolute;
border-bottom: 1px solid #CCC;
border-right: 1px solid #CCC;
border-left: 1px solid #CCC;
width: 200px;
}
div#SS_contents div.SS_suggest div.SS_suggestItemOff {
background-color: #FFF;
border-top: 1px solid #CCC;
padding: 2px 0px 2px 0px;
width: 100%;
}
div#SS_contents div.SS_suggest div.SS_suggestItemOn {
background-color: #ECF5FA;
border-top: 1px solid #CCC;
padding: 2px 0px 2px 0px;
width: 100%;
}
div#SS_contents div.SS_suggest span.SS_suggestKey {
font-size: 100%;
padding-left: 4px;
}
div#SS_contents div.SS_suggest span.SS_suggestRate {
width: 100px;
}
/* === Customize === */
div#SS_contents div.SS_fontsize {
left: 1px;
position: relative;
top: -6px;
}
div#SS_contents span.query_word {
font-size: 14px;
font-weight: bold;
margin-left: 1px;
}
div#SS_contents span.helplink {
margin-right: 4px;
}
div.SS_adlink.title {
margin-bottom: 10px;
}
div.clear {
font-size:0;
line-height:0;
clear: both;
}
div.vspacer20 {
font-size: 0;
line-height: 0;
height: 20px;
}
/* === faq === */
div#SS_contents div#SS_faq {
width: auto;
margin: 5px 0px 0px 8px;
padding: 5px 0px 10px 5px;
background-color: #e6f0fa;
border: 1px solid #d9d9d9;
/* background-color: #eaffd5; */
/* border: 1px solid #8fca78; */
}
div#SS_contents div.SS_faqItem {
padding: 0px;
margin: 0px 0px 5px 0px;
line-height: 1.2em;
}
div#SS_contents div.SS_faqImage {
float: left;
width: 170px;
border: 1px solid #CCC;
background-color: #FFF;
}
div#SS_contents div.SS_faqImage img {
padding: 4px;
}
div#SS_contents div.SS_faqPage {
float: left;
width: 520px;
padding-top: 2px;
margin-left: 10px;
}
div#SS_contents div.SS_faqPage div.SS_faqTitle {
font-size: 100%;
}
div#SS_contents div.SS_faqPage div.SS_faqSummary {
margin: 4px 0px;
font-size: 100%;
}
div#SS_contents div.SS_faqPage div.SS_faqUrl {
font-size: 100%;
color: #006F00;
}
div#SS_contents div.SS_faqPage span.SS_highlight {
font-weight: bold;
}
div#SS_contents div.SS_faqPage div.SS_faqUrl {
margin-bottom: 5px;
}
p.faq_label {
text-decoration:underline;
margin-left:10px;
font-size:120%;
font-weight:bold;
margin-bottom:0px;
}
/*ãµã¤ãå
æ¤ç´¢ æ¤ç´¢ç¬èªcss䏿¸ã*/
div#SS_contents div.SS_item div.SS_page,
div#SS_contents div.SS_adlinkPage,
div#SS_contents div#SS_result,
div#SS_contents div#SS_navi div#SS_naviResult,
div#SS_contents div.SS_faqPage,
div#SS_contents div.SS_suggest,
div#SS_contents div#SS_previewContainer,
div#SS_contents div#SS_preview,
div#SS_contents div.SS_adlinkImage,
div#SS_contents div.SS_item div.SS_image,
div#SS_contents div.SS_query,
div#SS_contents div#SS_adlink{
width: 100% !important;
}
div#SS_contents div.SS_item div.SS_page span.SS_url nobr,
div#SS_contents div.SS_adlinkPage div.SS_adlinkUrl nobr{
white-space: normal;
word-break: break-all;
width: 95%;
display: block;
}
div#SS_contents td{
padding: 0 !important;
}
div#SS_contents div#SS_navi{
padding-left: 0 !important;
overflow: hidden;
height: auto !important;
}
div#SS_contents div#SS_navi div#SS_naviResult,
div#SS_contents div#SS_navi span#SS_naviSort{
float: none !important;
}
div#SS_contents div#SS_adlink{
margin: 0 !important;
box-sizing: border-box;
padding: 10px !important;
}
div#SS_contents div#SS_adlink *{
box-sizing: border-box;
}
div#SS_contents div.SS_adlinkPage{
float: none;
margin-left: 0 !important;
}
div#SS_contents div#SS_result{
margin: 0 !important;
}
div#SS_contents div.SS_item{
position: relative;
}
div#SS_contents div.SS_page_index{
min-width: 1em !important;
float: none !important;
padding-right: 0 !important;
position: absolute;
left: 0;
top: 0;
text-align: left !important;
}
div#SS_contents div.SS_item div.SS_page{
float: none;
padding-left: 2em;
box-sizing: border-box;
}
/*
â â â 02-240-03 éè¦ãªãç¥ãã
--------------------------------------------------------- */
.acdiImportant {
margin-bottom: 80px;
border-left: 1px solid #ccc;
padding-left: 15px;
}
.important p.iconTInfo{
position: relative;
font-size: 2.2rem;
font-weight: bold;
text-indent: 1.3em;
margin-bottom: 5px;
}
.important p.iconTInfo::before{
content: '';
position: absolute;
display: block;
background: url(/static/responsive/img/mem/icon_important.svg) no-repeat;
top: 9px;
width: 22px;
height: 22px;
}
/* ----- ã¤ã³ãã©ã¼ã¡ã¼ã·ã§ã³ã¢ã¤ã³ã³ ----- */
.iconTInfo {
background: url(/static/responsive/img/mem/icon_info.svg) no-repeat left center;
padding-left: 32px;
padding-top: 3px;
padding-bottom: 3px;
font-weight: bold;
zoom: 1;
}
/*
â â â 02-240-05 ããã¹ãããã¼ã¨ãªã¢
--------------------------------------------------------- */
.textBannerAreaWrap {
padding: 15px 18px;
box-sizing: border-box;
border: 1px solid #EBEBA9;
margin: 20px 0;
background-color: #FCFCDD;
}
.textBannerAreaWrap .textBannerAreaTitle {
border-bottom: 1px solid #EBEBA9;
padding-bottom: 10px;
font-weight: bold;
margin-bottom: 13px !important;
}
/* ----- ããã¼ãµã¤ãº ----- */
.largeBanner {
width: 100%;
height: auto;
}
.smallBanner {
width: 200px;
height: auto;
}
.smallBanner02 {
width: 185px;
height: auto;
}
/*ææºã«ã¼ãå¸é¢ç»åã®æ¯ç調æ´ç¨*/
.cardImgOther {
width: auto;
height: 92px;
}
/*---å°å·ç¨ç»é¢å¯¾å¿---ã2015.12.25追å ---*/
.prtHtml table td,
.prtHtml table td .font_b_bold,
.prtHtml table th{
font-size: 75% !important;
padding: 11px 3px !important;
line-height: 1.1 !important;
page-break-inside:avoid;
}
/*---IE8 inputãµã¤ãºèª¿æ´---*/
.input_cell{
width: 100%;
}
/*
*ãã£ã³ãã¼ã³å°ç¨CSS
*ãã£ã³ãã¼ã³å
ã§æ°ããå®ç¾©ããã¯ã©ã¹åã«ã¯å
é ã«ãCampaignããã¤ãã¦å®ç¾©ããã£ã³ãã¼ã³å
ã§ä½¿ç¨ããã¦ããã¯ã©ã¹ã¨ç¹å®ã§ããããã«ããã
*/
.tabAreaWrap.CampaignTab{
margin-bottom: 3px;
}
.CampaignTab .tabUnderLine{
margin-bottom: 0;
}
.tabAreaWrap.CampaignTab .tabHead .tabRow a{
height: 42px;
min-width: 42px;
}
.tabAreaWrap.CampaignTab .tabHead .tabRow a.act{
min-height: 42px;
}
.CampaignContentsWrap{
position: relative;
/*overflow: hidden;*/
}
.CampaignContentsWrap *{
box-sizing: border-box;
}
.CampaignToggleWrap{
display: none;
}
.CampaignToggleWrap.act{
position: fixed;
box-shadow: 0 0 4px 0 #aaaaaa;
width: 770px;
}
.CampaignToggleWrap a{
width: 145px;
background: #ffffff;
border: 1px solid #badd20;
border-radius: 5px;
height: 35px;
display: block;
text-decoration: none;
float: left;
font-size: 11px;
padding-left: 10px;
text-align: center;
color: #005135;
margin-right: 5px;
font-weight: bold;
}
.CampaignToggleWrap a.act{
background: #f3ffd5;
}
.CampaignToggleWrap a span{
display: inline-block;
vertical-align: middle;
margin-right: -9px;
}
.CampaignToggleWrap a img[style] + span{
margin-left: -10px;
margin-right: 0px;
}
.CampaignToggleWrap a:before{
content: "";
display: inline-block;
width: 1px;
height: 35px;
vertical-align: middle;
margin-left: -1px;
}
.CampaignToggleWrap a:hover{
background: #f3ffd5;
}
.CampaignToggleWrap a.act:hover{
background: #669900;
}
.CampaignToggleWrap a img{
width: 32px;
height: auto;
vertical-align: middle;
margin-left: -22px;
margin-right: 3px;
margin-top: -2px;
}
.CampaignItemWrap{
display: table;
width: 100%;
border: 1px solid #DDD;
border-collapse: collapse;
}
.CampaignItemWrap + .CampaignItemWrap {
margin-top: 10px;
}
.CampaignItemInner {
display: table-row;
}
.CampaignItemImg,
.CampaignItemDetail,
.CampaignItemEntry {
display: table-cell;
vertical-align: top;
}
.CampaignItemImg {
padding: 9px;
width: 129px;
}
.CampaignItemImgInner{
display: block;
width: 130px;
height: 108.72px;
}
.CampaignItemImgInner img{
width: 100%;
}
.CampaignItemImg .CampaignCode {
font-size: 10px;
margin-top: 3px;
color: #989898;
text-align: center;
margin-bottom: 0;
}
.CampaignItemDetail {
padding: 9px 0;
}
.CampaignNameWrap {
display: table;
margin-bottom: 10px;
}
.CampaignIcon {
display: table-cell;
vertical-align: top;
}
.CampaignIcon > span{
margin-right: 5px;
}
.CampaignName {
display: table-cell;
vertical-align: top;
font-weight: bold;
font-size: 16px;
}
.Campaignterminated a.CampaignName:hover{
color: #000000;
}
.CampaignDescription {
margin-bottom: 5px;
}
.CampaignRemarks,
.CampaignPeriod,
.CampaignCourse{
font-size: 12px;
}
.CampaignPeriod p{
margin-bottom: 0;
}
.CampaignItemEntry {
padding-left: 10px;
padding-right: 10px;
vertical-align: middle;
width: 170px;
text-align: center;
}
.CampaignItemEntry > *{
margin: 5px 0;
}
.CampaignItemEntry .default_btn,
.CampaignItemEntry .default_btn.weak_btn{
padding: 7px;
width: 100%;
word-break: keep-all;
box-sizing: border-box;
display: inline-block;
font-size: 15px;
line-height: 1.4;
background-position: calc(100% - 2px) center;
}}
.CampaignIconNew,
.CampaignIconDeadline,
.CampaignIconNecessary,
.CampaignIconUnnecessary{
line-height: 1;
text-align: center;
display: inline-block;
-webkit-border-radius: 3px;
border-radius: 3px;
font-size: 86%;
padding: 3px 5px;
}
.CampaignIconNew,
.CampaignIconDeadline {
display: inline-block;
background: #D0830A;
color: #fff;
padding: 2px 0.5em;
}
.CampaignIconDeadline{
width: 70px;
}
.CampaignIconNecessary {
display: inline-block;
background: #4A9796;
color: #fff;
padding: 2px 0.5em;
}
.CampaignIconUnnecessary {
display: inline-block;
background: #888;
color: #fff;
padding: 2px 0.5em;
}
.pageTop{
display: none;
border: 1px solid #C0C0C0;
color: #ffffff !important;
text-decoration: none;
padding: 7px 10px 6px 30px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
background: #5c5c5c;
position: relative;
font-size: 12px;
font-weight: normal;
}
.pageTop:before {
content: "";
position: absolute;
top: 50%;
left: 15px;
width: 0;
height: 0;
margin-top: -4px;
margin-left: -7px;
border: transparent solid 7px;
border-bottom-color: #FFF;
border-top: none;
}
.pageTop:after {
content: "";
position: absolute;
top: 50%;
left: 15px;
width: 0;
height: 0;
margin-top: -2px;
margin-left: -7px;
border: transparent solid 7px;
border-bottom-color: #5c5c5c;
border-top: none;
}
.CampaignTable thead th{
text-align: center;
}
.CampaignTable .CampaignRemarks{
margin-bottom: 0;
}
.CampaignTable .CampaignCourse,
.CampaignTable .CampaignPeriod{
margin: 0;
}
.CampaignTable .attention_line{
margin: 0;
margin-top: 5px;
}
.CampaignTable td:first-child{
width: 33.3%;
}
.CampaignTable .CampaignName{
display: inline;
font-size: 14px;
}
.CampaignTable .CampaignCode{
display: block;
}
.CampaignTable .CampaignDescription + *{
margin-top: 10px;
}
.CampaignTable .CampaignDescription[style="display: none;"] + *{
margin-top: 0;
}
.CampaignTerminatedToggle .onText{
display: none;
}
.CampaignTerminatedToggle.on .onText{
display: inline;
}
.CampaignTerminatedToggle.on .offText{
display: none;
}
.CampaignCompletebanner{
margin-top: 10px;
text-align: center;
}
.CampaignCompletebanner a{
display: inline-block;
}
.CampaignCompletebanner img{
max-width: 100%;
height: auto;
}
.CampaignCompletebanner a + a{
margin-top: 10px;
}
.CampaignNoCampaignMessage{
padding-bottom: 40px;
}
/* VISAãã¬ã³ã */
.visafriend{
border: 1px solid #DDD;
padding: 9px;
padding-left: 150px;
overflow: hidden;
}
.visafriend img{
float: left;
width: 130px;
margin-left: -140px;
}
.visafriend .visafriendHeading{
font-size: 18px;
font-weight: bold;
margin-bottom: 8px;
margin-top: 2px;
}
.visafriend .visafriendHeading .headingItem1,
.visafriend .visafriendAttention{
color: #ff1616;
}
.visafriend .visafriendHeading .headingItem2{
color: #ffa650;
}
.visafriend .visafriendDiscription{
margin-bottom: 5px;
}
/*----------------------------------ãã£ã³ãã¼ã³END-----------------------------------------------*/
/*
*slickã®æ©è½ã使ç¨ããéã«å¿
è¦ãªCSS
*/
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
/*----------------------------------slickEND-----------------------------------------------*/
/*
* æ¸é¡ã¢ãããã¼ãå°ç¨CSS
*/
.uploadPreviewImgDiv {
overflow: scroll;
height: 400px;
}
/*----------------------------------æ¸é¡ã¢ãããã¼ãEND-----------------------------------------------*/
/*--- ---*/
.print_icon {
position: absolute !important;
}
.print_icon:after {
position: absolute;
top: 15px;
right: 55px;
content: url("/common/dynamic/memx/img/btn_print.png");
}
/*--- Firefoxç¨è¡¨ã®ä¸ç·èª¿æ´ ---*/
html[class*="dj_gecko dj_ff"] form.contact table {
border-collapse: separate;
border-spacing: 0;
border-left: 1px solid #DDD;
border-bottom: 1px solid #DDD;
}
html[class*="dj_gecko dj_ff"] form.contact .border_in th{
border-top: 1px solid #DDD;
border-right: 1px solid #DDD;
border-left:none;
border-bottom:none;
}
html[class*="dj_gecko dj_ff"] form.contact .border_in td{
border-right: 1px solid #DDD;
border-left:none;
border-bottom:none;
}
html[class*="dj_gecko dj_ff"] form.contact table.border_none{
border: none;
}
html[class*="dj_gecko dj_ff"] form.contact table.border_none td{
border: none;
}
/*--- ç»åã¹ã¯ãã¼ã«ç¨CSS ---*/
.table_fixed {
table-layout: fixed;
}
.table_scroll{
overflow: auto;
}
/*-- ã¡ã¬ããå
ãªã³ã¯è²ç¨ --*/
.menuList a:link {
color: #005135;
}
.menuList a:visited {
color: #4c665d;
}
.menuList a:hover {
color: #07ad73;
text-decoration:none;
}
.menuList a:active {
color: #07ad73;
}
/*ãã¤ãã¼ã¸*/
.MypageContent_info{
background-color: #ffffff;
padding: 5px 4px 24px;
clear: both;
border-top: 2px solid #117766;
border-bottom: 2px solid #117766;
}
.MypageInformation {
width: 100%;
}
.MypageInformationPad{
padding-left: 0px;
padding-right: 0px;
}
.MypageInformationHead ul{
overflow: visible;
width: 100%;
}
.MypageInformationHead ul li{
width: 16.66%;
min-height: 53px;
float: left;
background-color: #fff;
color: #888888;
padding: 16px 8px;
box-sizing: border-box;
font-size: 16px;
font-weight: bold;
position: relative;
cursor: pointer;
line-height: 20px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
display: flex;
align-content: center;
align-items: center;
justify-content: center;
text-align: center;
}
.MypageInformationHead ul li:first-child{
border-left: 1px solid #ccc;
}
.MypageInformationHead ul li.withHover:hover{
background-color: #e8f1c9;
}
.MypageInformationHead ul li.Act,
.MypageInformationHead ul li:hover {
background-color: #117766 !important;
color: #FFFFFF;
border-color: #117766;
font-weight: normal;
}
.MypageInformationHead ul li.Act::after,
.MypageInformationHead ul li:hover:after {
content: '';
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%, 0);
border: 12px solid #117766;
border-left-color: transparent;
border-right-color: transparent;
border-bottom: none;
}
.MypageInformationHead ul li.line2 {
padding: 6px 8px;
}
.MypageInformationBody dl{
overflow: hidden;
padding-left: 130px;
}
.MypageInformationBody dl:first-child{
margin-top: 0px;
}
.MypageInformationBody dl:not(:last-child){
padding-bottom: 30px;
border-bottom: 1px solid #f0f0f0;
}
.MypageInformationBody dt{
color: #888888;
float: left;
width: 124px;
margin-left: -130px;
margin-top: 12px;
}
.MypageInformationBody dd{
width: 100%;
margin-top: 12px;
position: relative;
box-sizing: border-box;
word-break: break-all;
color: #333333;
}
.MypageInformationBody dd .MypageArrowIcon{
position: absolute;
top: 0.5em;
left: 0;
}
.MypageInformationLoading{
background: #ffffff;
text-align: center;
padding: 30px;
}
.MypageInformationNewsFooter{
margin-top: 30px;
padding-left: 152px;
}
.MypageInformationNewsFooter:first-child{
margin-top: 0px;
}
.MypageInformationNewsFooter .smallArrowLink{
padding-left: 124px;
}
/* å¼·å¶ãã°ã¤ã³å°ç¨
--------------------------------------------------------- */
.login_text{
border: none !important;
border-bottom: 1px solid #CCCCCC !important;
background-color: transparent !important;
padding: 7px 10px 8px !important;
font-size: 1.6rem;
font-weight: bold;
}
.login_text::placeholder{
color: #CCCCCC;
}
.login_error_back{
background: #ffdcd0 !important;
border: none !important;
}
.loginArea{
flex: 1 0 calc(770px - (360px + 40px) );
width: 370px;
}
.loginBox {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: stretch;
align-items: stretch;
margin-top: 30px;
margin-bottom: 60px;
}
.loginSubmit {
width: 300px;
margin: 0 auto;
}
.loginSubmit .default_btn {
margin: 0 0 10px 0;
}
.loginBox li {
padding: 0;
}
.menuArea {
margin-left: 40px;
background: #F6F6F6;
padding: 40px;
}
.menuArea .co_btn {
width: 280px !important;
margin-bottom: 13px;
padding: 17px 5% 16px;
}
.loginBox h1{
margin-right: 0;
margin-left: 0;
padding: 0;
background-color: transparent;
text-align: left;
min-width: 0px;
font-size: 2.6rem;
line-height: 1.389;
font-weight: bold;
border: none;
padding-bottom: 0;
margin-bottom: 6px;
}
.loginBox h2{
font-size: 2.6rem;
font-weight: bold;
border: none;
padding-bottom: 0;
margin-bottom: 6px;
margin-top: 0;
}
.loginBox h2:before{
display: none;
}
.loginBox h3{
font-size: 2.4rem;
padding-left: 0;
margin-top: 0;
}
.loginBox h3:before{
display: none;
}
.loginBoxLabel {
font-size: 1.5rem;
line-height: 1.8;
margin-bottom: 30px;
}
.loginBoxTitle {
font-size: 1.3rem;
}
/* Amazonãã´
--------------------------------------------------------- */
.amazon_logo_img {
margin-left: 20px;
vertical-align: middle;
}
/* capyå°ç¨
--------------------------------------------------------- */
.capyArea {
overflow: hidden;
margin-bottom: 30px;
}
.capyArea .capy-captcha{
width: 320px !important;
}
.capyArea #capy-captcha-caption{
margin-top: 10px;
}
/* 強調表示
--------------------------------------------------------- */
.accent_color {
background-color: #e9f4f2 !important;
}