You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1492 lines
22 KiB
1492 lines
22 KiB
body, div, pre, p, blockquote, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, pre,
|
|
form, fieldset, input, textarea, select, option, table, th, td, tr, embed, object {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-weight: normal;
|
|
}
|
|
|
|
li {
|
|
list-style-type: none;
|
|
}
|
|
|
|
fieldset, table, img {
|
|
border: 0;
|
|
}
|
|
|
|
table {
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
body {
|
|
text-align: left;
|
|
color: #000000;
|
|
font-size: 80%;
|
|
line-height: 150%;
|
|
font-family: 'MS Pゴシック','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,sans-serif;
|
|
font-weight: normal;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6, p, li, dt, dd, form, pre, td, th, label, div {
|
|
font-size: 100%;
|
|
}
|
|
|
|
body img {
|
|
vertical-align: top;
|
|
}
|
|
|
|
* html body * {
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
* html body img {
|
|
vertical-align: auto;
|
|
}
|
|
|
|
a {
|
|
overflow: hidden;
|
|
}
|
|
|
|
a:link {
|
|
color: #1E4EA6;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
a:visited {
|
|
color: #800080;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
a:hover {
|
|
color: #1E4EA6;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.blockskip {
|
|
font-size: 1px;
|
|
height: 20px;
|
|
margin-top: -20px;
|
|
text-indent: -9999px;
|
|
}
|
|
|
|
.show {
|
|
margin-top: 0;
|
|
text-indent: 0;
|
|
font-size: 12px;
|
|
height: 20px;
|
|
text-align: center;
|
|
background: #ede9d7;
|
|
}
|
|
|
|
.hidden {
|
|
position: absolute;
|
|
left: -9999px;
|
|
}
|
|
|
|
#header {
|
|
width: 918px;
|
|
min-height: 81px;
|
|
height: auto !important;
|
|
height: 81px;
|
|
font-size: 77%;
|
|
}
|
|
|
|
#header #logo {
|
|
padding: 16px 69px 0 33px;
|
|
float: left;
|
|
}
|
|
|
|
#header #lead {
|
|
float: left;
|
|
margin-top: 35px;
|
|
}
|
|
|
|
#header #head_nav {
|
|
width: 430px;
|
|
float: right;
|
|
text-align: right;
|
|
margin: 24px 15px 0 0;
|
|
}
|
|
|
|
#header #head_nav li {
|
|
display: inline-block;
|
|
*display: inline;
|
|
text-align: right;
|
|
padding: 0 4px;
|
|
border-right: solid 1px #434343;
|
|
}
|
|
|
|
#header #head_nav li.last {
|
|
border: none;
|
|
padding-right: 0;
|
|
}
|
|
|
|
#header #search_area {
|
|
padding-top: 5px;
|
|
}
|
|
|
|
#header .site-search-txt {
|
|
width: 220px;
|
|
height: 14px;
|
|
color: #777777;
|
|
padding: 2px 2px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
#header .site-search-btn {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
#header .head_search {
|
|
padding-left: 20px;
|
|
color: #777;
|
|
}
|
|
|
|
#pankuz {
|
|
font-size: 90%;
|
|
}
|
|
|
|
#pankuz .inner {
|
|
padding: 10px;
|
|
}
|
|
|
|
#con_wrap {
|
|
width: 895px;
|
|
padding: 15px 10px 0 15px;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
#content {
|
|
width: 680px;
|
|
float: left;
|
|
}
|
|
|
|
#con_wrap_no_rnav {
|
|
width: 705px;
|
|
padding: 15px 10px 0 15px;
|
|
margin-bottom: 15px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
#content_no_rnav {
|
|
width: 680px;
|
|
}
|
|
|
|
h1 {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.ttl_line {
|
|
font-size: 140%;
|
|
font-weight: bold;
|
|
padding-bottom: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.ttl_box .ttl {
|
|
padding: 10px 10px 10px 20px;
|
|
font-size: 140%;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#rnav_box {
|
|
width: 193px;
|
|
float: right;
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
#rnav_box .rnav_unit {
|
|
padding-bottom: 5px;
|
|
margin-bottom: 10px;
|
|
height: 1%;
|
|
}
|
|
|
|
#rnav_box li a {
|
|
padding: 10px 0 10px 5px;
|
|
display: block;
|
|
}
|
|
|
|
* html #rnav_box li a {
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
#rnav_box .arrow_link {
|
|
text-align: right;
|
|
padding: 10px;
|
|
}
|
|
|
|
#rnav_box .arrow_link a {
|
|
padding-left: 14px;
|
|
}
|
|
|
|
#navi_box_r {
|
|
width: 193px;
|
|
float: right;
|
|
}
|
|
|
|
#navi_box_r h2 {
|
|
margin-bottom: -1px;
|
|
background: none;
|
|
}
|
|
|
|
#navi_box_r h3 {
|
|
background: none;
|
|
margin-bottom: -7px;
|
|
}
|
|
|
|
#navi_box_r.int h2 {
|
|
margin-bottom: -1px;
|
|
background: none;
|
|
}
|
|
|
|
#navi_box_r.int h3 {
|
|
background: none;
|
|
margin-bottom: -2px;
|
|
}
|
|
|
|
#navi_box_r div.pad {
|
|
padding: 0px 0px 11px 0px;
|
|
}
|
|
|
|
#navi_box_r *.sp-b16 {
|
|
margin-bottom: 16px !important;
|
|
}
|
|
|
|
#navi_box_r *.sp-t10 {
|
|
margin-top: 10px !important;
|
|
}
|
|
|
|
#navi_box_r div.itemBox {
|
|
background: #FFFFFF;
|
|
border-left: 1px solid #CCC;
|
|
border-right: 1px solid #CCC;
|
|
border-bottom: 1px solid #CCC;
|
|
}
|
|
|
|
#navi_box_r ul.items {
|
|
font: bold;
|
|
padding-top: 9px;
|
|
}
|
|
|
|
#navi_box_r ul.items li {
|
|
padding-left: 13px;
|
|
font-size: 100%;
|
|
line-height: 125%;
|
|
}
|
|
|
|
#navi_box_r ul.items li a.cur {
|
|
color: #C00 !important;
|
|
font-weight: bold;
|
|
text-decoration: none !important;
|
|
}
|
|
|
|
#navi_box_r ul.items li a {
|
|
padding: 5px 13px;
|
|
display: block;
|
|
width: 141px;
|
|
background-repeat: no-repeat;
|
|
background-position: 0 0.88em;
|
|
}
|
|
|
|
#navi_box_r ul.items li.last {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
#navi_box_r ul.items li.sub {
|
|
margin-left: -2px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
#navi_box_r p.to-list {
|
|
margin-bottom: 5px;
|
|
padding: 10px 10px 15px;
|
|
font-size: 108%;
|
|
text-align: right;
|
|
font-weight: bold !important;
|
|
}
|
|
|
|
#navi_box_r p.to-list span.mkr-nav-r {
|
|
padding-left: 17px;
|
|
}
|
|
|
|
#navi_box_r *.sp-t16 {
|
|
margin-top: 16px !important;
|
|
}
|
|
|
|
#navi_box_r .btn_business a {
|
|
display: block;
|
|
width: 193px;
|
|
height: 58px;
|
|
font-size: 1px;
|
|
line-height: 1px;
|
|
text-indent: -9999px;
|
|
text-decoration: none;
|
|
outline: none;
|
|
}
|
|
|
|
#navi_box_r .btn_business a:hover {
|
|
background-position: left bottom;
|
|
}
|
|
|
|
#navi_box_r .btn_furusato a {
|
|
display: block;
|
|
width: 193px;
|
|
height: 67px;
|
|
font-size: 1px;
|
|
line-height: 1px;
|
|
text-indent: -9999px;
|
|
text-decoration: none;
|
|
outline: none;
|
|
}
|
|
|
|
#navi_box_r .btn_furusato a:hover {
|
|
background-position: left bottom;
|
|
}
|
|
|
|
.pagetop {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.pagetop a {
|
|
float: right;
|
|
font-size: 90%;
|
|
padding-left: 12px;
|
|
}
|
|
|
|
#btm_nav {
|
|
padding-left: 15px;
|
|
padding-bottom: 7px;
|
|
font-size: 85%;
|
|
line-height: 1.1;
|
|
background: #fff;
|
|
}
|
|
|
|
#btm_nav p, #btm_nav ul, #btm_nav li {
|
|
float: left;
|
|
}
|
|
|
|
#btm_nav ul {
|
|
padding-left: 12px;
|
|
}
|
|
|
|
#btm_nav li {
|
|
padding: 0 10px 0 10px;
|
|
}
|
|
|
|
#btm_nav li.last {
|
|
background: none;
|
|
}
|
|
|
|
#footer {
|
|
width: 888px;
|
|
padding: 7px 15px 5px;
|
|
background-color: #cc1400;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#footer p {
|
|
float: left;
|
|
}
|
|
|
|
#footer address {
|
|
float: right;
|
|
}
|
|
|
|
.indent {
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.more_indent {
|
|
padding: 0 30px;
|
|
}
|
|
|
|
.icon_check {
|
|
margin-left: 10px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.icon_square_r {
|
|
padding-left: 20px;
|
|
}
|
|
|
|
.icon_radius_r {
|
|
padding-left: 25px;
|
|
}
|
|
|
|
.icon_radius_g {
|
|
padding-left: 25px;
|
|
}
|
|
|
|
.icon_no1 {
|
|
padding-left: 30px;
|
|
min-height: 26px;
|
|
padding-top: 8px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.icon_no2 {
|
|
padding-left: 30px;
|
|
min-height: 26px;
|
|
padding-top: 8px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.icon_no3 {
|
|
padding-left: 30px;
|
|
min-height: 26px;
|
|
padding-top: 8px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.icon_no4 {
|
|
padding-left: 30px;
|
|
min-height: 26px;
|
|
padding-top: 8px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.icon_no5 {
|
|
padding-left: 30px;
|
|
min-height: 26px;
|
|
padding-top: 8px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.tableType01 {
|
|
width: 100%;
|
|
border-left: solid 1px #999999;
|
|
border-top: solid 1px #999999;
|
|
}
|
|
|
|
.tableType01 th, .tableType01 td {
|
|
border-right: solid 1px #999999;
|
|
border-bottom: solid 1px #999999;
|
|
padding: 5px;
|
|
}
|
|
|
|
.tableType03 {
|
|
width: 50%;
|
|
border-left: solid 1px #999999;
|
|
border-top: solid 1px #999999;
|
|
}
|
|
|
|
.tableType03 th, .tableType03 td {
|
|
border-right: solid 1px #999999;
|
|
border-bottom: solid 1px #999999;
|
|
padding: 5px;
|
|
}
|
|
|
|
.tableType02 {
|
|
width: 100%;
|
|
}
|
|
|
|
.tableType02 th {
|
|
background: #ebe5e1;
|
|
padding: 10px;
|
|
}
|
|
|
|
.tableType02 td {
|
|
padding: 10px;
|
|
}
|
|
|
|
.tableType02 .bd01 {
|
|
border-bottom: solid 1px #fff;
|
|
}
|
|
|
|
.tableType02 .bd02 {
|
|
border-bottom: solid 1px #cccccc;
|
|
}
|
|
|
|
.tableType01 .bg_type01 {
|
|
background: #d70012;
|
|
color: #fff;
|
|
}
|
|
|
|
.tableType01 .bg_type02 {
|
|
background: #f7ccd0;
|
|
}
|
|
|
|
.tableType01 .border_rw {
|
|
border-right: solid 1px #ffffff;
|
|
}
|
|
|
|
.tableType03 .bg_type01 {
|
|
background: #d70012;
|
|
color: #fff;
|
|
}
|
|
|
|
.tableType03 .bg_type02 {
|
|
background: #f7ccd0;
|
|
}
|
|
|
|
.tableType03 .border_rw {
|
|
border-right: solid 1px #ffffff;
|
|
}
|
|
|
|
.cell_c td,
|
|
.cell_c th {
|
|
text-align: center;
|
|
}
|
|
|
|
table .bg01 {
|
|
background: #ebe5e1;
|
|
}
|
|
|
|
table .bg02 {
|
|
background: #f9f7f6;
|
|
}
|
|
|
|
table .bg03 {
|
|
background: #fffbe8;
|
|
}
|
|
|
|
table.txt_c th, table.txt_c td {
|
|
text-align: center;
|
|
}
|
|
|
|
.service_link {
|
|
width: 310px;
|
|
margin: 0 auto;
|
|
padding: 5px 90px;
|
|
background: #f8f7f2;
|
|
}
|
|
|
|
* html .service_link {
|
|
padding: 5px 50px;
|
|
}
|
|
|
|
*:first-child + html .service_link {
|
|
padding: 5px 50px;
|
|
}
|
|
|
|
.service_link li {
|
|
height: 25px;
|
|
padding-left: 38px;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.service_link .li01 {
|
|
float: left;
|
|
}
|
|
|
|
.service_link .li02 {
|
|
float: right;
|
|
}
|
|
|
|
.pageing {
|
|
background: #ebe5e1;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.pageing dt {
|
|
width: 85px;
|
|
text-align: center;
|
|
}
|
|
|
|
.pageing dd {
|
|
width: 575px;
|
|
}
|
|
|
|
.pageing dd a {
|
|
float: left;
|
|
border: solid 1px #9e9d9d;
|
|
padding: 2px 5px;
|
|
display: block;
|
|
min-width: 14px;
|
|
text-align: center;
|
|
background: #fff;
|
|
margin: 0 4px 5px 0;
|
|
}
|
|
|
|
.pageing dt, .pageing dd {
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.pageing dd span {
|
|
float: left;
|
|
border: solid 1px #9e9d9d;
|
|
padding: 2px 5px;
|
|
display: block;
|
|
min-width: 14px;
|
|
text-align: center;
|
|
background: #fff;
|
|
margin: 0 4px 5px 0;
|
|
}
|
|
|
|
*html .pageing {
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
*html .pageing dt {
|
|
display: inline;
|
|
zoom: 1;
|
|
}
|
|
|
|
*html .pageing dd {
|
|
display: inline;
|
|
zoom: 1;
|
|
}
|
|
|
|
*html .pageing dd a {
|
|
width: 14px;
|
|
}
|
|
|
|
*html .pageing dd span {
|
|
width: 14px;
|
|
}
|
|
|
|
*:first-child + html .pageing {
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
*:first-child + html .pageing dt {
|
|
display: inline;
|
|
zoom: 1;
|
|
}
|
|
|
|
*:first-child + html .pageing dd {
|
|
display: inline;
|
|
zoom: 1;
|
|
}
|
|
|
|
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
|
|
+-----+// ボーダー枠
|
|
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
|
|
|
|
.border_box {
|
|
padding: 15px 20px;
|
|
border: solid 1px #cccccc;
|
|
}
|
|
|
|
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
|
|
+-----+// 罫線
|
|
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
|
|
|
|
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
|
|
+-----+// 角丸ボーダー枠
|
|
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
|
|
|
|
.radius_box_inner02 {
|
|
padding: 15px 10px;
|
|
height: 1%;
|
|
}
|
|
|
|
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
|
|
+-----+// 角丸ベージュ枠
|
|
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
|
|
|
|
.beige_box_inner {
|
|
padding: 10px 20px;
|
|
}
|
|
|
|
.beige_box_h {
|
|
width: 324px;
|
|
}
|
|
|
|
.beige_box_h_inner {
|
|
padding: 10px 20px;
|
|
}
|
|
|
|
.ime_off {
|
|
ime-mode: disabled;
|
|
}
|
|
|
|
.ime_on {
|
|
ime-mode: active;
|
|
}
|
|
|
|
.arrow_down {
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
.arrow_link_b {
|
|
padding-right: 10px;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.btn_type01 li {
|
|
float: left;
|
|
display: block;
|
|
width: 220px;
|
|
}
|
|
|
|
.btn_type02 li {
|
|
float: left;
|
|
width: 220px;
|
|
}
|
|
|
|
.btn_type02 li.left {
|
|
width: 415px;
|
|
text-align: right
|
|
}
|
|
|
|
.btn_type02 li.right {
|
|
width: 245px;
|
|
text-align: right
|
|
}
|
|
|
|
.btn_type02 li.left_3button {
|
|
width: 140px;
|
|
text-align: right
|
|
}
|
|
|
|
.btn_type02 li.center_3button {
|
|
width: 177px;
|
|
text-align: right
|
|
}
|
|
|
|
.btn_type02 li.right_3button {
|
|
width: 230px;
|
|
text-align: right
|
|
}
|
|
|
|
.btn_type02 li.right_seal {
|
|
width: 103px;
|
|
text-align: right
|
|
}
|
|
|
|
/* 過去履歴選択画面用 */
|
|
.btn_type02 li.left_pastHistory {
|
|
width: 120px;
|
|
text-align: right
|
|
}
|
|
|
|
.btn_type02 li.center_pastHistory {
|
|
width: 295px;
|
|
text-align: right
|
|
}
|
|
|
|
.btn_type02 li.right_pastHistory {
|
|
width: 270px;
|
|
text-align: right
|
|
}
|
|
|
|
/* 社外Webでボタンを2つにするための対応 */
|
|
.btn_type02 li.left_ext_web {
|
|
width: 190px;
|
|
text-align: right
|
|
}
|
|
|
|
.btn_type02 li.right_ext_web {
|
|
width: 230px;
|
|
text-align: right
|
|
}
|
|
|
|
.btn_typeCenter {
|
|
text-align: center;
|
|
}
|
|
|
|
.li {
|
|
width: 220px;
|
|
}
|
|
|
|
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
|
|
+-----+// リストマージン
|
|
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
|
|
|
|
.li_mb5 li, .li_mb5 dd {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
|
|
+-----+// OL
|
|
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
|
|
|
|
ol li {
|
|
margin-left: 20px;
|
|
list-style-type: decimal;
|
|
}
|
|
|
|
.circle li {
|
|
list-style-type: circle !important;
|
|
}
|
|
|
|
ol.none li, ul.none li {
|
|
margin-left: 0;
|
|
list-style-type: none !important;
|
|
}
|
|
|
|
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
|
|
+-----+// LI
|
|
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
|
|
|
|
ul.disc {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
ul.disc li {
|
|
list-style-type: disc;
|
|
}
|
|
|
|
ul.square_r li {
|
|
padding-left: 15px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
ul.notes_red_m li {
|
|
margin-top: 0.5em;
|
|
padding-left: 15px;
|
|
line-height: 140%;
|
|
color: #C7000E;
|
|
}
|
|
|
|
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
|
|
+-----+// お問い合わせ番号
|
|
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
|
|
|
|
.reqcode {
|
|
width: 620px;
|
|
margin: 0 auto;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.reqcode li {
|
|
float: left;
|
|
margin: 0 30px 15px 10px;
|
|
vertical-align: top;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.reqcode li span {
|
|
width: 15px;
|
|
display: inline;
|
|
float: left;
|
|
padding-top: 5px;
|
|
text-align: right;
|
|
}
|
|
|
|
.reqcode li input {
|
|
width: 220px;
|
|
padding: 5px;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
|
|
+-----+// DL
|
|
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
|
|
.form_layout {
|
|
width: 327px;
|
|
}
|
|
|
|
.form_layout dt {
|
|
padding: 10px;
|
|
background: #ebe5e1;
|
|
}
|
|
|
|
.form_layout dt {
|
|
padding: 10px;
|
|
background: #ebe5e1;
|
|
}
|
|
|
|
.form_layout dd {
|
|
padding: 0 10px;
|
|
}
|
|
|
|
.zip_layout dt {
|
|
width: 120px;
|
|
float: left;
|
|
}
|
|
|
|
.zip_layout dd {
|
|
width: 350px;
|
|
float: left;
|
|
}
|
|
|
|
.csv_download {
|
|
border: solid 1px #808080;
|
|
margin: 10px;
|
|
padding: 10px;
|
|
}
|
|
|
|
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
|
|
+-----+// テキスト
|
|
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
|
|
|
|
.txt_type01 {
|
|
font-size: 110%;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.txt_type02 {
|
|
font-size: 90%;
|
|
}
|
|
|
|
.txt_type03 {
|
|
font-size: 100%;
|
|
}
|
|
|
|
.txt_type04 {
|
|
font-size: 200%;
|
|
font-weight: bold;
|
|
color: #d70012;
|
|
}
|
|
|
|
.txt_type05 {
|
|
font-size: 140%;
|
|
font-weight: bold;
|
|
color: #d70012;
|
|
}
|
|
|
|
.txt_type06 {
|
|
font-size: 120%;
|
|
}
|
|
|
|
.txt_type07 {
|
|
font-size: 160%;
|
|
}
|
|
|
|
.bold {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.normal {
|
|
font-weight: normal;
|
|
}
|
|
|
|
.txt_l {
|
|
text-align: left !important;
|
|
}
|
|
|
|
.txt_r {
|
|
text-align: right !important;
|
|
}
|
|
|
|
.txt_c {
|
|
text-align: center !important;
|
|
}
|
|
|
|
.color_r {
|
|
color: #d70012;
|
|
}
|
|
|
|
.color_g {
|
|
color: #bbbbbb;
|
|
}
|
|
|
|
.color_b {
|
|
color: #0000ff;
|
|
}
|
|
|
|
.textarea_type01 {
|
|
resize: none;
|
|
width: 683px;
|
|
height: 100px;
|
|
}
|
|
|
|
h4.input {
|
|
background-color: #FFECEC;
|
|
border-bottom: #C00 1px dotted;
|
|
text-indent: 0.5em;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
ul.sliplist li {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
width: 47%;
|
|
margin: 10px 5px;
|
|
}
|
|
|
|
ul.sliplist li p {
|
|
border-top: 2px solid #FFE1E1;
|
|
padding: 3px 3px 3px 5px;
|
|
}
|
|
|
|
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
|
|
+-----+// v-align
|
|
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
|
|
|
|
.v_align {
|
|
vertical-align: top;
|
|
}
|
|
|
|
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
|
|
+-----+// フロート
|
|
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
|
|
|
|
.float_l {
|
|
float: left;
|
|
}
|
|
|
|
.float_r {
|
|
float: right;
|
|
}
|
|
|
|
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
|
|
+-----+// マージン設定
|
|
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
|
|
|
|
.m_auto {
|
|
margin-left: auto !important;
|
|
margin-right: auto !important;
|
|
}
|
|
|
|
.m_10 {
|
|
margin: 10px;
|
|
}
|
|
|
|
.m_t0 {
|
|
margin-top: 0px !important;
|
|
}
|
|
|
|
.m_t5 {
|
|
margin-top: 5px !important;
|
|
}
|
|
|
|
.m_t10 {
|
|
margin-top: 10px !important;
|
|
}
|
|
|
|
.m_t15 {
|
|
margin-top: 15px !important;
|
|
}
|
|
|
|
.m_t20 {
|
|
margin-top: 20px !important;
|
|
}
|
|
|
|
.m_t25 {
|
|
margin-top: 25px !important;
|
|
}
|
|
|
|
.m_t30 {
|
|
margin-top: 30px !important;
|
|
}
|
|
|
|
.m_t40 {
|
|
margin-top: 40px !important;
|
|
}
|
|
|
|
.m_b0 {
|
|
margin-bottom: 0px !important;
|
|
}
|
|
|
|
.m_b5 {
|
|
margin-bottom: 5px !important;
|
|
}
|
|
|
|
.m_b10 {
|
|
margin-bottom: 10px !important;
|
|
}
|
|
|
|
.m_b15 {
|
|
margin-bottom: 15px !important;
|
|
}
|
|
|
|
.m_b20 {
|
|
margin-bottom: 20px !important;
|
|
}
|
|
|
|
.m_b25 {
|
|
margin-bottom: 25px !important;
|
|
}
|
|
|
|
.m_b30 {
|
|
margin-bottom: 30px !important;
|
|
}
|
|
|
|
.m_b40 {
|
|
margin-bottom: 40px !important;
|
|
}
|
|
|
|
.m_r0 {
|
|
margin-right: 0px !important;
|
|
}
|
|
|
|
.m_r5 {
|
|
margin-right: 5px !important;
|
|
}
|
|
|
|
.m_r10 {
|
|
margin-right: 10px !important;
|
|
}
|
|
|
|
.m_r15 {
|
|
margin-right: 15px !important;
|
|
}
|
|
|
|
.m_r20 {
|
|
margin-right: 20px !important;
|
|
}
|
|
|
|
.m_r25 {
|
|
margin-right: 25px !important;
|
|
}
|
|
|
|
.m_r30 {
|
|
margin-right: 30px !important;
|
|
}
|
|
|
|
.m_l0 {
|
|
margin-left: 0px !important;
|
|
}
|
|
|
|
.m_l5 {
|
|
margin-left: 5px !important;
|
|
}
|
|
|
|
.m_l10 {
|
|
margin-left: 10px !important;
|
|
}
|
|
|
|
.m_l15 {
|
|
margin-left: 15px !important;
|
|
}
|
|
|
|
.m_l20 {
|
|
margin-left: 20px !important;
|
|
}
|
|
|
|
.m_l25 {
|
|
margin-left: 25px !important;
|
|
}
|
|
|
|
.m_l30 {
|
|
margin-left: 30px !important;
|
|
}
|
|
|
|
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
|
|
+-----+// パディング設定
|
|
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
|
|
|
|
.p_0 {
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.p_1 {
|
|
padding: 1px !important;
|
|
}
|
|
|
|
.p_3 {
|
|
padding: 3px !important;
|
|
}
|
|
|
|
.p_5 {
|
|
padding: 5px !important;
|
|
}
|
|
|
|
.p_10 {
|
|
padding: 10px !important;
|
|
}
|
|
|
|
.p_15 {
|
|
padding: 15px !important;
|
|
}
|
|
|
|
.p_20 {
|
|
padding: 20px !important;
|
|
}
|
|
|
|
.p_30 {
|
|
padding: 30px !important;
|
|
}
|
|
|
|
.p_t0 {
|
|
padding-top: 0px !important;
|
|
}
|
|
|
|
.p_t5 {
|
|
padding-top: 5px !important;
|
|
}
|
|
|
|
.p_t10 {
|
|
padding-top: 10px !important;
|
|
}
|
|
|
|
.p_t15 {
|
|
padding-top: 15px !important;
|
|
}
|
|
|
|
.p_t20 {
|
|
padding-top: 20px !important;
|
|
}
|
|
|
|
.p_t25 {
|
|
padding-top: 25px !important;
|
|
}
|
|
|
|
.p_t30 {
|
|
padding-top: 30px !important;
|
|
}
|
|
|
|
.p_b0 {
|
|
padding-bottom: 0px !important;
|
|
}
|
|
|
|
.p_b5 {
|
|
padding-bottom: 5px !important;
|
|
}
|
|
|
|
.p_b10 {
|
|
padding-bottom: 10px !important;
|
|
}
|
|
|
|
.p_b15 {
|
|
padding-bottom: 15px !important;
|
|
}
|
|
|
|
.p_b20 {
|
|
padding-bottom: 20px !important;
|
|
}
|
|
|
|
.p_b25 {
|
|
padding-bottom: 25px !important;
|
|
}
|
|
|
|
.p_b30 {
|
|
padding-bottom: 30px !important;
|
|
}
|
|
|
|
.p_r0 {
|
|
padding-right: 0px !important;
|
|
}
|
|
|
|
.p_r5 {
|
|
padding-right: 5px !important;
|
|
}
|
|
|
|
.p_r10 {
|
|
padding-right: 10px !important;
|
|
}
|
|
|
|
.p_r15 {
|
|
padding-right: 15px !important;
|
|
}
|
|
|
|
.p_r20 {
|
|
padding-right: 20px !important;
|
|
}
|
|
|
|
.p_r25 {
|
|
padding-right: 25px !important;
|
|
}
|
|
|
|
.p_r30 {
|
|
padding-right: 30px !important;
|
|
}
|
|
|
|
.p_l0 {
|
|
padding-left: 0px !important;
|
|
}
|
|
|
|
.p_l5 {
|
|
padding-left: 5px !important;
|
|
}
|
|
|
|
.p_l10 {
|
|
padding-left: 10px !important;
|
|
}
|
|
|
|
.p_l15 {
|
|
padding-left: 15px !important;
|
|
}
|
|
|
|
.p_l20 {
|
|
padding-left: 20px !important;
|
|
}
|
|
|
|
.p_l25 {
|
|
padding-left: 25px !important;
|
|
}
|
|
|
|
.p_l30 {
|
|
padding-left: 30px !important;
|
|
}
|
|
|
|
.p_l40 {
|
|
padding-left: 40px !important;
|
|
}
|
|
|
|
.p_l50 {
|
|
padding-left: 50px !important;
|
|
}
|
|
|
|
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
|
|
+-----+// width
|
|
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
|
|
.w_50 {
|
|
width: 50px;
|
|
}
|
|
|
|
.w_60 {
|
|
width: 60px;
|
|
}
|
|
|
|
.w_70 {
|
|
width: 70px;
|
|
}
|
|
|
|
.w_80 {
|
|
width: 80px;
|
|
}
|
|
|
|
.w_100 {
|
|
width: 100px;
|
|
}
|
|
|
|
.w_105 {
|
|
width: 105px;
|
|
}
|
|
|
|
.w_120 {
|
|
width: 120px;
|
|
}
|
|
|
|
.w_140 {
|
|
width: 140px;
|
|
}
|
|
|
|
.w_150 {
|
|
width: 150px;
|
|
}
|
|
|
|
.w_155 {
|
|
width: 155px;
|
|
}
|
|
|
|
.w_158 {
|
|
width: 158px;
|
|
}
|
|
|
|
.w_164 {
|
|
width: 164px;
|
|
}
|
|
|
|
.w_170 {
|
|
width: 170px;
|
|
}
|
|
|
|
.w_180 {
|
|
width: 180px;
|
|
}
|
|
|
|
.w_200 {
|
|
width: 200px;
|
|
}
|
|
|
|
.w_210 {
|
|
width: 210px;
|
|
}
|
|
|
|
.w_211 {
|
|
width: 211px;
|
|
}
|
|
|
|
.w_223 {
|
|
width: 223px;
|
|
}
|
|
|
|
.w_233 {
|
|
width: 233px;
|
|
}
|
|
|
|
.w_234 {
|
|
width: 234px;
|
|
}
|
|
|
|
.w_250 {
|
|
width: 250px;
|
|
}
|
|
|
|
.w_300 {
|
|
width: 300px;
|
|
}
|
|
|
|
.w_320 {
|
|
width: 320px;
|
|
}
|
|
|
|
.w_327 {
|
|
width: 327px;
|
|
}
|
|
|
|
.w_328 {
|
|
width: 328px;
|
|
}
|
|
|
|
.w_350 {
|
|
width: 350px;
|
|
}
|
|
|
|
.w_380 {
|
|
width: 380px;
|
|
}
|
|
|
|
.w_400 {
|
|
width: 400px;
|
|
}
|
|
|
|
.w_450 {
|
|
width: 450px;
|
|
}
|
|
|
|
.w_470 {
|
|
width: 470px;
|
|
}
|
|
|
|
.w_480 {
|
|
width: 480px;
|
|
}
|
|
|
|
.w_500 {
|
|
width: 500px;
|
|
}
|
|
|
|
.w_550 {
|
|
width: 550px;
|
|
}
|
|
|
|
.w_600 {
|
|
width: 600px;
|
|
}
|
|
|
|
.w_650 {
|
|
width: 650px;
|
|
}
|
|
|
|
.w_656 {
|
|
width: 656px;
|
|
}
|
|
/*+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
|
|
+-----+// height
|
|
--+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+*/
|
|
|
|
.h_100 {
|
|
height: 100px;
|
|
}
|
|
|
|
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
|
|
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
|
|
+-----+// ContentClear
|
|
+-----+-----+-----+-----+-----+-----+-----+-----+-----+-----+
|
|
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
|
|
|
|
.clear_b {
|
|
clear: both;
|
|
}
|
|
|
|
.clear_l {
|
|
clear: left;
|
|
}
|
|
|
|
.clear_r {
|
|
clear: right;
|
|
}
|
|
|
|
.clearfix:after {
|
|
content: ".";
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
visibility: hidden;
|
|
}
|
|
|
|
* html .clearfix {
|
|
height: 1%;
|
|
}
|
|
|
|
*:first-child + html .clearfix {
|
|
height: 1%;
|
|
}
|