@charset "Shift_JIS";
html {
    height: 100%;
    background: #FFF;
    color: #000;
}

body {
    height: 100%;
    font-family: "lr oSVbN", Osaka, sans-serif;
    font-size: 14px;
    color: #333;
    margin: 0 auto;
    padding: 0;
}

* html div#container {
    height: 100%;
}

#container {
    width: 100%;
    color: #333;
    position: relative;
    min-height: 100%;
    text-align: center;
    margin: 0 auto;
    padding: 0;
}

body > div#container {
    height: auto;
}

.nivoSlider {
    position: relative;
}

.nivoSlider img {
    position: absolute;
    top: 0;
    left: 0;
}

.nivoSlider a.nivo-imageLink {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    z-index: 6;
    display: none;
    margin: 0;
    padding: 0;
}

.nivo-slice {
    display: block;
    position: absolute;
    z-index: 5;
    height: 100%;
}

.nivo-box {
    display: block;
    position: absolute;
    z-index: 5;
}

.nivo-caption {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #000;
    color: #fff;
    opacity: 0.8;
    width: 100%;
    z-index: 8;
}

.nivo-caption p {
    margin: 0;
    padding: 5px;
}

.nivo-caption a {
    display: inline !important;
}

.nivo-html-caption {
    display: none;
}

.nivo-directionNav a {
    position: absolute;
    top: 45%;
    z-index: 9;
    cursor: pointer;
}

.nivo-prevNav {
    left: 0;
}

.nivo-nextNav {
    right: 0;
}

.nivo-controlNav a {
    position: relative;
    z-index: 9;
    cursor: pointer;
}

.nivo-controlNav a.active {
    font-weight: 700;
}


div#main {
    padding-bottom: 10px;
    width: 900px;
    margin: 0 auto;
}

p {
    line-height: 1.6em;
    margin: 0;
}

p.lead {
    line-height: 1.8em;
    font-size: 14px;
    margin: 0 0 5px;
}

ul, ol {
    list-style-position: outside;
    padding: 0 0 1em 1em;
}

li {
    line-height: 1.6em;
    margin-bottom: .5em;
    list-style: none outside none;
}

ol li {
    list-style-position: outside;
    list-style-type: decimal;
    line-height: 1.6em;
    margin-bottom: 1em;
}

hr {
    border: 1px dotted #999;
    height: 1px;
    margin: 10px 0;
}

a.ico {
    background-position: 5px 5px;
    padding-left: 25px;
    background-repeat: no-repeat;
}

a.ico2 {
    background-position: 5px 5px;
    padding-left: 25px;
    background-repeat: no-repeat;
    margin-left: 2em;
}

a.pdf {
    background-position: 0 4px;
    padding-left: 20px;
    background-repeat: no-repeat;
    line-height: 2em;
    display: block;
}

#hd_login {
    width: 880px;
    color: #333;
    min-height: 100%;
    text-align: left;
    background-color: #F4F4F4;
    margin: 0 auto 7px;
    padding: 8px 10px;
}

#hd_login .text {
    width: 680px;
    font-size: 11px;
    float: left;
    background-image: url(https://images.staticjw.com/tra/1014/raku_line.gif);
    background-repeat: repeat-x;
    background-position: 0 20px;
    line-height: 1.8em;
    margin: 0;
    padding: 0;
}

#hd_login ul {
    vertical-align: top;
    list-style-type: none;
    float: right;
    margin: 0;
    padding: 0;
}

div#indexcontentsbottom {
    width: auto;
    text-align: center;
    height: 750px;
    margin: 0;
    padding: 0 0 50px;
}

div#indexcontentsbottom #indexcontentsbottom_inner {
    width: 800px;
    text-align: left;
    margin: 0;
    padding: 0;
}

div#indexcontentsbottom #indexcontentsbottom_honbun {
    text-align: left;
    margin: 0;
    padding: 6px 0;
}

#header {
    width: 900px;
    text-align: left;
    height: 162px;
    background-image: url(https://images.staticjw.com/tra/7385/hd_bg.jpg);
    background-repeat: no-repeat;
    margin: 0 auto;
    padding: 0 0 7px;
}

div#headerlogo {
    width: 309px;
    text-align: left;
    float: left;
    height: 60px;
    display: block;
    margin: 0 460px 0 0;
    padding: 0;
}

div.seo {
    text-align: left;
    font-size: 10px;
    height: 12px;
    letter-spacing: 1px;
    margin: 0;
    padding: 5px 15px;
}

div#ft_link01 {
    width: 900px;
    text-align: center;
    border-bottom: solid 1px #CCC;
    line-height: 1.4em;
    margin: 9px auto;
    padding: 5px;
}

div#ft_link01 a {
    color: #000;
    text-decoration: underline;
}

div#ft_link02 {
    width: 900px;
    text-align: left;
    font-size: 10px;
    line-height: 1.4em;
    margin: 0 auto;
    padding: 5px;
}

div#ft_link02 a {
    color: #666;
    text-decoration: underline;
}

.pankuzu_txt {
    width: auto;
    float: left;
    font-size: 90%;
    line-height: 1em;
    margin: 0;
    padding: 5px 0 5px 5px;
}

div#indexleft {
    width: 620px;
    text-align: left;
    float: left;
    margin: 0;
    padding: 14px 0 0;
}

div.topics {
    width: auto;
    text-align: left;
    margin: 0;
    padding: 0 0 10px 18px;
}

#menu_header li {
    float: left;
    display: inline;
    margin: 0;
    padding: 0;
}

#menu_header span {
    left: -9999px;
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
}

.indextopics_inner {
    text-align: left;
    width: 675px;
    margin: 0;
    padding: 0 0 0 5px;
}

.indextopics_inner p.date {
    float: left;
    width: 80px;
    letter-spacing: 1px;
    margin: 0;
    padding: 0 15px 3px 0;
}

.indextopics_inner p.txt {
    float: left;
    width: 580px;
    margin: 0;
    padding: 0;
}

#contents_inner {
    width: 637px;
    text-align: left;
    float: right;
    margin: 0;
    padding: 0;
}

#contents_top_left {
    width: 274px;
    text-align: left;
    float: left;
    margin: 0;
    padding: 0;
}

#contents_top_right {
    width: 455px;
    text-align: left;
    float: right;
    margin: 0;
    padding: 0;
}

#contents_top_middle #middle {
    width: 900px;
    text-align: left;
    margin: 0;
    padding: 0;
}

#contents_top_middle #middle #keyword {
    width: 342px;
    text-align: left;
    float: right;
    margin: 0;
    padding: 0;
}

#contents_top_middle #middle #info {
    width: 552px;
    text-align: left;
    float: left;
    margin: 0;
    padding: 0;
}

#middle .ttl3 {
    width: 542px;
    text-align: left;
    height: 21px;
    background-repeat: no-repeat;
    font-weight: 700;
    color: #486A1D;
    margin: 0;
    padding: 7px 0 0 10px;
}

#middle .text2 {
    width: 520px;
    text-align: left;
    font-size: 12px;
    border-right: 1px solid #A6AE9F;
    border-left: 1px solid #A6AE9F;
    height: 110px;
    margin: 0;
    padding: 5px 10px;
}

#contents_top_bottom #left {
    width: 700px;
    text-align: left;
    float: left;
    margin: 0;
    padding: 0;
}

#left .kigyo_tbl {
    width: 685px;
    text-align: left;
    font-size: 12px;
    border-right: 1px solid #A6AE9F;
    border-left: 1px solid #A6AE9F;
    margin: 0;
    padding: 8px 3px 5px 10px;
}

#contents_top_bottom #left #kigyo_list {
    width: 700px;
    text-align: left;
    margin: 0;
    padding: 0;
}

#contents_top_bottom #banaarea {
    width: 177px;
    text-align: center;
    float: right;
    background-color: #F4F9B6;
    margin: 0;
    padding: 8px 7px 0 8px;
}

#banaarea .bana {
    text-align: center;
    font-size: 10px;
    margin: 0;
    padding: 0 0 10px;
}

#banaarea img.bn {
    margin: 0 0 5px;
    padding: 0;
}

.honbunbox_inner_all {
    text-align: left;
    margin: 0;
    padding: 10px 20px;
}

.honbunbox_inner {
    text-align: left;
    line-height: 1.6em;
    font-size: 100%;
    margin: 0;
    padding: 0 0 10px;
}

.honbunbox_inner p {
    text-align: left;
    line-height: 1.6em;
    font-size: 100%;
    margin: 0 0 .5em;
}

.honbunbox_inner ul, ol {
    text-align: left;
    list-style-position: inside;
    margin: 0 0 .5em 1em;
}

#contents_all {
    text-align: left;
    width: auto;
    margin: 0;
    padding: 30px 5px 0;
}

#contents_right {
    text-align: left;
    float: right;
    width: 180px;
    margin: 60px 0 0 10px;
    padding: 0;
}

#contents_right #inner {
    text-align: left;
    float: right;
    width: 180px;
    margin: 0;
    padding: 10px 0 0;
}

#contents_right #inner ul {
    vertical-align: top;
    list-style-type: none;
    line-height: 1.8em;
    list-style-position: outside;
    margin: 0;
    padding: 0;
}

#contents_right #inner li {
    list-style-type: none;
    list-style-position: outside;
    display: block;
    margin: 0;
}

#contents_right #inner #ttl {
    display: block;
    line-height: 1.4em;
    text-align: center;
    font-weight: 700;
    color: #FFF;
    background-color: #14A5DA;
    margin: 0 0 .5em;
    padding: 10px 0;
}

#contents_right #inner #s_tokyo {
    display: block;
    line-height: 1.4em;
    text-align: center;
    font-weight: 700;
    color: #FFF;
    background-color: #14A5DA;
    margin: 2em 0 .5em;
    padding: 10px 0;
}

#contents_right #inner li a {
    background-repeat: no-repeat;
    background-position: 2px 9px;
    display: block;
    line-height: 1.4em;
    margin: 0;
    padding: .5em 0 .5em 17px;
}

#contents_right #inner li a:hover {
    background-repeat: no-repeat;
    background-position: 2px 9px;
    display: block;
    background-color: #FFCA06;
    text-decoration: none;
    line-height: 1.4em;
    margin: 0;
    padding: .5em 0 .5em 17px;
}

#footer {
    width: 900px;
    text-align: left;
    height: 28px;
    background-color: #E7F94B;
    margin: 0 auto;
    padding: 10px 10px 5px;
}

#footer #copy {
    text-align: left;
    font-size: 10px;
    color: #363636;
    float: right;
    margin: 0;
    padding: 8px 0 0;
}

div.list2crm {
    text-align: left;
    width: 814px;
    margin: 0;
    padding: 0;
}

.list2crm p {
    line-height: 3em;
    text-align: left;
    font-size: 90%;
    margin: 0;
    padding: 0;
}

.list2crm p.date {
    width: 60px;
    float: left;
    margin: 0;
    padding: 0 15px 0 0;
}

.list2crm p.logo {
    width: 100px;
    float: left;
    margin: 0;
    padding: 0 15px 0 0;
}

.list2crm p.txt {
    float: left;
    margin: 0;
    padding: 0;
}

div.wrapp2crm {
    text-align: left;
    width: 100%;
    margin: 10px 0;
    padding: 0;
}

div.wrapp2crm .left2crm {
    width: 120px;
    text-align: left;
    float: left;
    margin: 0 10px 0 0;
    padding: 0 0 0 10px;
}

div.wrapp2crm .left2crm img {
    border: 1px solid #ccc;
    padding: 3px;
}

div.wrapp2crm .right2crm {
    width: 510px;
    text-align: left;
    float: left;
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
    font-size: 100%;
    font-weight: 400;
}

h1 {
    display: block;
    height: auto;
    margin: 0;
    padding: 0;
}

h1.line {
    width: 680px;
    background-repeat: no-repeat;
    height: 65px;
    background-position: 0 45px;
    margin: 0;
    padding: 0;
}

h1.ao {
    width: 680px;
    background-repeat: no-repeat;
    height: 105px;
    background-position: 0 80px;
    margin: 0;
    padding: 0;
}

h1.bline {
    width: auto;
    height: 45px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #000;
    margin: 0 0 20px;
    padding: 0;
}

h2.link a {
    display: block;
    width: auto;
    height: 100%;
    padding: 10px 0 10px 10px;
}

h2.topics {
    font-size: 14px;
    display: block;
    font-weight: 700;
    background-color: #C0E0F3;
    margin: 12px 0;
    padding: 5px;
}

h2.ao {
    font-size: 16px;
    display: block;
    font-weight: 700;
    background-color: #DAEDF8;
    background-repeat: no-repeat;
    background-position: 5px 6px;
    border: 1px solid #FFF;
    margin: 8px 0;
    padding: 7px 0 3px 33px;
}

h3.service {
    font-size: 16px;
    display: block;
    font-weight: 700;
    background-color: #C0E0F3;
    margin: 12px 0;
    padding: 5px;
}

h3.link a {
    display: block;
    width: auto;
    height: 100%;
    padding: 9px;
}

h4.cms {
    font-size: 100%;
    display: block;
    border-left-width: 3px;
    border-left-style: solid;
    border-left-color: #14A5DA;
    font-weight: 700;
    background-color: #EFF8FC;
    margin: 20px 0 10px;
    padding: 3px 0 3px 8px;
}

h4.link a {
    display: block;
    width: auto;
    height: 100%;
    padding: 3px 0 2px 8px;
}

.area-left {
    float: left;
}

.area-right {
    float: right;
}

.area-wrapp5 {
    padding: 5px;
}

.area-wrapp10 {
    padding: 10px;
}

.c-both {
    clear: both;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix {
    min-height: 1px;
}

* html .clearfix {
    height: 1px;
}

img {
    margin-top: 0;
    margin-bottom: 0;
    display: block;
    text-align: center;
    border: 0;
    vertical-align: bottom;
}

img.map {
    border: 1px solid #ccc;
}

img.logo {
    border: 1px solid #ccc;
    margin: 5px 10px 15px 0;
}

img.leftline {
    border: 1px solid #fff;
    vertical-align: top;
    float: left;
    background-color: #FFF;
    margin: 0 10px 0 0;
    padding: 5px;
}

img.left {
    float: left;
    margin: 0 10px 10px 0;
}

img.right {
    float: right;
    margin: 0 0 0 10px;
}

img.rightline {
    border: 1px solid #fff;
    vertical-align: top;
    float: right;
    background-color: #FFF;
    margin: 0 0 10px 10px;
    padding: 5px;
}

img.ar_right {
    float: right;
    padding-right: 5px;
}

img.illu {
    background-color: #FFF;
    margin: 10px 0;
    padding: 10px;
}

img.pdf {
    vertical-align: top;
    float: left;
    margin: 0;
    padding: 3px;
}

img.arrow {
    vertical-align: top;
    float: right;
    margin: 0;
    padding: 3px;
}

img.jirei_top {
    border: 6px solid #E1EEF4;
    float: left;
    margin: 0 6px 0 0;
    padding: 0;
}

img.jirei_hp {
    border: 6px solid #E1EEF4;
    float: left;
    margin: 0 15px 0 0;
    padding: 0;
}

img.jirei {
    border: 6px solid #fff;
    margin: 0 0 8px;
    padding: 0;
}

img.s_name {
    margin: 0 0 20px;
    padding: 0;
}

img.bottom_10 {
    margin: 0 0 10px;
    padding: 0;
}

img.topbottom_10 {
    margin: 20px 0 10px;
    padding: 0;
}

.t_main10 {
    font-size: 80%;
    line-height: 1.6em;
}

.t_main12 {
    font-size: 90%;
    line-height: 1.6em;
    color: #333;
}

.t_main14 {
    font-size: 14px;
    line-height: 1.8em;
    color: #333;
}

.t_main16 {
    font-size: 130%;
    line-height: 1.8em;
    color: #333;
}

.t_main10w {
    font-size: 80%;
    line-height: 1.6em;
    color: #333;
    font-weight: 700;
}

.t_main12w {
    font-size: 90%;
    line-height: 1.6em;
    color: #333;
    font-weight: 700;
}

.t_main14w {
    font-size: 14px;
    line-height: 1.8em;
    color: #333;
    font-weight: 700;
}

.t_main16w {
    font-size: 130%;
    line-height: 1.8em;
    color: #333;
    font-weight: 700;
}

strong {
    font-weight: 700;
    text-transform: none;
}

.red {
    color: #FF2F34;
}

.yellow {
    color: #FFCE01;
}

.blue {
    color: #06C;
}

.red-w {
    color: #e50003;
    font-weight: 700;
}

.blue-w {
    color: #06C;
    font-weight: 700;
}

.list {
    text-indent: -1em;
    line-height: 1.6em;
    margin: 0 0 0 1em;
}

div.menu {
    margin-bottom: 5px;
}

div.box-a {
    border: 1px solid #14A6DA;
    width: auto;
    margin: 30px 0 0;
    padding: 10px;
}

div.box-w {
    width: auto;
    border: 1px solid #DCDCCF;
    background-color: #F8F8F5;
    line-height: 1.6em;
    text-align: left;
    font-size: 12px;
    margin: 0;
    padding: 8px;
}

div.box-b-red {
    width: auto;
    border: 1px solid #F99;
    background-color: #FBFBEA;
    margin: 10px 0;
    padding: 10px;
}

div.box-c {
    border: 1px solid #CCC;
    text-align: left;
    vertical-align: middle;
    line-height: 1.6em;
    background-color: #F7F7F7;
    width: auto;
    margin: 10px 0;
    padding: 10px;
}

div.box-c-red {
    border: 1px solid #F99;
    text-align: center;
    vertical-align: middle;
    width: 638px;
    margin: 10px 0;
    padding: 10px;
}

div.pagetop {
    width: 100%;
    text-align: right;
    margin: 0;
    padding: 10px 0 0;
}

div.pagetop img {
    width: 145px;
    text-align: right;
    height: 26px;
    margin: 0 0 0 auto;
    padding: 0;
}

div.imagecenter {
    width: auto;
    text-align: center;
    vertical-align: middle;
    margin: 10px auto;
    padding: 10px 0;
}

div.imagecenter img {
    text-align: center;
    margin: 0 auto;
    padding: 0;
}

.text-right {
    margin-left: auto;
    text-align: right;
}

.text-center {
    text-align: center;
    margin: 10px auto;
}

.text-left10 {
    margin: 10px 0;
    padding: 0 10px;
}

.text-left20 {
    margin: 10px 0;
    padding: 0 10px 0 20px;
}

.text-left30 {
    margin: 10px 0;
    padding: 0 10px 0 30px;
}

table.form {
    font-size: 95%;
    border: none;
    border-collapse: collapse;
    margin: 10px 0 0;
}

table.form td {
    line-height: 1.6em;
    vertical-align: top;
    padding: 3px 0;
}

table.kigyo {
    font-size: 95%;
    border: none;
    border-collapse: collapse;
    margin: 0;
}

table.kigyo td {
    line-height: 1.6em;
    vertical-align: top;
    padding: 0 8px 8px 0;
}

table.kigyo td img {
    line-height: 1.6em;
    vertical-align: top;
    float: left;
    display: block;
    padding: 0 5px 0 0;
}

table.kigyo td div.comment {
    line-height: 1.4em;
    vertical-align: top;
    float: right;
    display: block;
    width: 127px;
    font-size: 10px;
    padding: 0;
}

table.kigyo td div.comment a {
    font-size: 12px;
}

table.type01 {
    font-size: 95%;
    border-collapse: collapse;
    border-color: #B5B7BF;
    border-style: solid;
    border-width: 1px 0 0 1px;
    margin: 8px 0;
}

table.type01 caption {
    color: #000;
    font-weight: 700;
    text-align: left;
    padding: 5px 0;
}

table.type01 th {
    background-color: #DEEDF8;
    color: #333;
    font-weight: 700;
    line-height: 1.6em;
    vertical-align: top;
    text-align: left;
    border-color: #B5B7BF;
    border-style: solid;
    border-width: 0 1px 1px 0;
    padding: 5px;
}

table.type01 th.center {
    background-color: #E6E4E3;
    color: #333;
    font-weight: 700;
    line-height: 1.6em;
    vertical-align: top;
    text-align: center;
    border-color: #B5B7BF;
    border-style: solid;
    border-width: 0 1px 1px 0;
    padding: 5px;
}

table.type01 th.gray {
    background-color: #F3F2F1;
    color: #333;
    font-weight: 700;
    line-height: 1.6em;
    vertical-align: top;
    text-align: left;
    border-color: #B5B7BF;
    border-style: solid;
    border-width: 0 1px 1px 0;
    padding: 5px;
}

table.type01 td {
    line-height: 1.6em;
    vertical-align: top;
    border-color: #B5B7BF;
    border-style: solid;
    border-width: 0 1px 1px 0;
    padding: 5px;
}

table.type01 td.center {
    line-height: 1.6em;
    vertical-align: top;
    text-align: center;
    border-color: #B5B7BF;
    border-style: solid;
    border-width: 0 1px 1px 0;
    padding: 5px;
}

table.type02 {
    font-size: 95%;
    border-collapse: collapse;
    border-color: #000;
    border-style: dotted;
    border-width: 1px 0;
    margin: 8px 0;
}

table.type02 th {
    background-color: #EEE;
    color: #333;
    font-weight: 700;
    line-height: 1.8em;
    vertical-align: top;
    text-align: left;
    border-color: #000;
    border-style: dotted;
    border-width: 0 0 1px;
    padding: 5px;
}

table.type02 td {
    background-color: #FFF;
    line-height: 1.8em;
    vertical-align: top;
    border-color: #000;
    border-style: dotted;
    border-width: 0 0 1px;
    padding: 5px;
}

table.type01 ul {
    margin: 0 0 0 .7em;
    padding: 0 0 0 .7em;
}

table.none {
    border: none;
    margin-bottom: 10px;
}

table.none caption {
    color: #666;
    font-weight: 700;
    text-align: left;
    padding: 5px 0;
}

table.none th {
    font-weight: 700;
    line-height: 140%;
    vertical-align: top;
    padding: 5px;
}

table.none th.gray {
    background-color: #f6f6f6;
    color: #333;
    font-weight: 700;
    line-height: 140%;
    vertical-align: top;
    padding: 5px;
}

table.none th.center {
    background-color: #f2f8f3;
    color: #666;
    font-weight: 700;
    line-height: 140%;
    text-align: center;
    padding: 5px;
}

table.none td {
    background-color: #fff;
    line-height: 140%;
    padding: 5px;
}

table.none td.btline {
    background-color: #fff;
    line-height: 140%;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #CCC;
    padding: 5px;
}

table.none-all {
    border: none;
    margin: 0;
    padding: 0;
}

table.none-all th {
    border: none;
    font-size: 90%;
    line-height: 1.6em;
    margin: 0;
    padding: 0;
}

table.none-all td {
    border: none;
    font-size: 100%;
    line-height: 1.6em;
    margin: 0;
    padding: 2px;
}

table.none-all td.r {
    border: none;
    font-size: 90%;
    line-height: 1.6em;
    text-align: right;
    margin: 0;
    padding: 2px;
}

.hyoline {
    font-size: 90%;
    line-height: 1.7em;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCC;
    padding: 5px 10px 0 0;
}

.dot {
    background-repeat: repeat-x;
    height: 8px;
    clear: both;
    background-position: 0 5px;
    margin: 0;
    padding: 0;
}

.disp {
    text-indent: -9999px;
    position: absolute;
    overflow: hidden;
    left: 390px;
}

.light_ph {
    width: 600px;
    text-align: left;
    margin: 0;
    padding: 10px 0;
}

.light_ph2 {
    width: 590px;
    text-align: left;
    margin: 0;
    padding: 10px 0;
}

.cap {
    text-align: center;
    float: left;
    line-height: 1.4em;
    width: 162px;
    font-size: 12px;
    margin: 0 15px 20px 0;
    padding: 0;
}

.cap_c {
    line-height: 1.4em;
    width: auto;
    text-align: center;
    margin: 0;
    padding: 0 0 3px;
}

img.ph {
    margin: 0 0 5px;
}

p.n_day {
    text-align: right;
    margin: 0;
    padding: 0 0 3px;
}

p.a_center {
    text-align: center;
    margin: 0;
    padding: 3px 0;
}

.s_ttl {
    margin: 0;
    padding: 20px 0 10px;
}

.s_com_ao {
    font-size: 12px;
    line-height: 1.6em;
    background-repeat: no-repeat;
    height: 48px;
    width: 324px;
    margin: 0;
    padding: 14px 17px 35px 45px;
}

.s_com_shige {
    font-size: 12px;
    line-height: 1.6em;
    background-repeat: no-repeat;
    height: 48px;
    width: 328px;
    margin: 0;
    padding: 14px 15px 35px 43px;
}

.staff-left {
    float: right;
    width: 386px;
}

.staff-right {
    float: left;
    text-align: left;
    margin: 0 19px 0 0;
    padding: 0;
}

img.staff_ph {
    border: 1px solid #fff;
    background-color: #FFF;
    margin: 0 0 5px;
    padding: 8px;
}

img.zoom {
    float: right;
    margin: 0;
    padding: 0 0 10px;
}

.jirei-left {
    float: left;
    width: 500px;
}

.jirei-right {
    float: right;
    text-align: left;
}

img.yoso {
    float: left;
    margin: 0 8px 0 0;
    padding: 10px 0;
}

img.creat_s {
    border: 1px solid #fff;
    margin: 0 0 2px;
    padding: 0;
}

.creat_cap {
    border: 1px solid #fff;
    width: 74px;
    font-size: 10px;
    background-color: #DFF7FF;
    text-align: center;
    line-height: 1.4em;
    margin: 0;
    padding: 3px;
}

.creat_waku {
    float: left;
    margin: 0 10px 10px 0;
    padding: 0;
}

div#search_w {
    text-align: left;
    background-repeat: no-repeat;
    width: 433px;
    padding: 0;
}

div#search_w .ttl {
    text-align: left;
    font-size: 13px;
    font-weight: 700;
    padding: 0;
    margin: 0;
}

div#search_w .form {
    text-align: left;
    padding: 10px 10px 0;
}

#menu_header {
    width: 116px;
    height: auto;
    text-align: right;
    float: left;
    margin: 0;
    padding: 0 12px 0 0;
}

div#topvisual {
    width: 455px;
    text-align: center;
    height: auto;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #999;
    margin: 0;
    padding: 0;
}

#g-menu {
    width: 887px;
    height: 78px;
    background-repeat: no-repeat;
    margin: 0 0 0 6px;
    padding: 0 0 0 4px;
}

#g-menu .tb_txt {
    width: auto;
    height: 33px;
    text-align: center;
    color: #F37305;
    line-height: 1.2em;
    font-weight: 700;
    margin: 0;
    padding: 8px 0 0;
}

#g-menu li {
    display: block;
    position: relative;
    vertical-align: top;
    float: left;
    margin: 0;
    padding: 0 1px 0 0;
}

div.topics .ttl {
    width: 680px;
    background-repeat: no-repeat;
    height: 58px;
    background-position: 0 45px;
    margin: 0;
    padding: 0;
}

.btn3 {
    width: 289px;
    text-align: left;
    height: 25px;
    float: right;
    margin: 15px 5px 0 0;
    padding: 0;
}

.btn_top {
    width: 455px;
    text-align: left;
    height: 25px;
    float: left;
    margin: 10px 0 0;
    padding: 0;
}

.btn_top2 {
    width: 137px;
    text-align: left;
    height: 25px;
    float: right;
    margin: 10px 0 0;
    padding: 0;
}

.btn2 {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}

.btn2 .d_btn a {
    width: 200px;
    height: 25px;
    background-repeat: no-repeat;
    display: block;
    margin: 10px 0 0 458px;
    padding: 0;
}

.service_m {
    width: auto;
    text-align: left;
    height: auto;
    margin: 0;
    padding: 0;
}

.service_m li {
    display: inline;
    margin: 0 0 10px;
    padding: 0;
}

#menu_topicslist {
    width: 137px;
    height: 32px;
    margin: 15px 0 0 auto;
    padding: 0;
}

#menu_topicslist span {
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
}

#foot_bana {
    width: 698px;
    text-align: left;
    font-size: 10px;
    height: auto;
    margin: 0;
    padding: 10px 0 0;
}

#foot_bana #clubt a {
    width: 337px;
    height: 103px;
    background-repeat: no-repeat;
    display: block;
    margin: 0;
    padding: 0;
}

#foot_bana #arc a {
    width: 330px;
    height: 79px;
    background-repeat: no-repeat;
    display: block;
    margin: 0 0 0 30px;
    padding: 0;
}

#foot_m {
    width: auto;
    height: auto;
    text-align: left;
    float: left;
    font-size: 12px;
    margin: 0 0 0 8px;
    padding: 5px 0 0;
}

#menu_pagetop {
    width: 84px;
    height: 25px;
    text-align: left;
    margin: 0 0 0 auto;
    padding: 0;
}

#menu_pagetop a {
    width: 84px;
    height: 25px;
    background-repeat: no-repeat;
    display: block;
    margin: 0;
    padding: 0;
}

ul, dl, ol {
    text-indent: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: 400;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: inherit;
}

th, td {
    text-align: left;
    vertical-align: top;
}

caption {
    text-align: left;
}

pre, code, kbd, samp, tt {
    font-family: monospace;
}

* html pre, * html code, * html kbd, * html samp, * html tt {
    font-size: 100%;
    line-height: 100%;
}

:first-child + html pre, :first-child html + code, :first-child html + kbd, :first-child + html + samp, :first-child + html tt {
    font-size: 108%;
    line-height: 100%;
}

input, select, textarea {
    font-size: 100%;
    padding: 2px;
}

*, h2, h3, h4, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, p, blockquote, table, th, td {
    margin: 0;
    padding: 0;
}

a, span {
    color: #03C;
    text-decoration: none;
}

a:visited, span:visited {
    color: #06C;
    text-decoration: none;
}

a:active, span:active, div#ft_link01 a:active, div#ft_link02 a:active {
    color: #FC0;
    text-decoration: underline;
}

a:hover, span:hover {
    color: #09F;
    text-decoration: underline;
}

#hd_login li, .btn2 li, #menu_topicslist li, #menu_pagetop li {
    display: inline;
    margin: 0;
    padding: 0;
}

#hd_login #raku a, #hd_login #raku a:hover {
    background-image: url(https://images.staticjw.com/tra/5392/btn_toroku_f2.gif);
    width: 179px;
    height: 40px;
    background-repeat: no-repeat;
    display: block;
    margin: 0;
    padding: 0;
}

#hd_login #raku2 a, #hd_login #raku2 a:hover {
    width: 150px;
    height: 45px;
    background-repeat: no-repeat;
    display: block;
    margin: 0;
    padding: 0;
}

div#ft_link01 a:visited, div#ft_link02 a:visited {
    color: #333;
    text-decoration: none;
}

div#ft_link01 a:hover, div#ft_link02 a:hover {
    color: #F60;
    text-decoration: underline;
}

#menu_header ul, #topvisual ul, #g-menu ul, .btn3 ul, .btn_top ul, .btn_top2 ul, .btn2 ul, .service_m ul, #menu_topicslist ul, #foot_bana ul, #foot_m ul, #menu_pagetop ul {
    vertical-align: top;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#menu_header #new a, #menu_header #new a:hover {
    width: 83px;
    height: 21px;
    background-repeat: no-repeat;
    display: block;
    margin: 0;
    padding: 0;
}

.indextopics_inner p, #middle p, #left p {
    line-height: 1.6em;
    text-align: left;
    font-size: 12px;
    margin: 0;
    padding: 0;
}

div#contentstop, div#contents {
    width: 900px;
    text-align: left;
    margin: 0 auto;
    padding: 0;
}

#contents_top_middle, #contents_top_bottom {
    width: 900px;
    text-align: left;
    margin: 0;
    padding: 7px 0 0;
}

#middle .ttl, #left .ttl {
    width: 332px;
    text-align: left;
    background-image: url(https://images.staticjw.com/tra/5401/ttl_bg01.gif);
    height: 21px;
    background-repeat: no-repeat;
    font-weight: 700;
    color: #486A1D;
    margin: 0;
    padding: 7px 0 0 10px;
}

.tg_txt04_01, #left .ttl2 {
    width: 690px;
    text-align: left;
    height: 21px;
    background-repeat: no-repeat;
    font-weight: 700;
    color: #486A1D;
    margin: 0;
    padding: 7px 0 0 10px;
}

#middle .text, #left .text {
    width: 320px;
    text-align: left;
    font-size: 12px;
    border-right: 1px solid #A6AE9F;
    border-left: 1px solid #A6AE9F;
    height: 110px;
    margin: 0;
    padding: 5px 10px;
}

#middle p.date, #left p.date {
    float: left;
    width: 70px;
    letter-spacing: 1px;
    margin: 0;
    padding: 3px 15px 3px 0;
}

#middle p.txt, #left p.txt {
    float: left;
    width: 225px;
    margin: 0;
    padding: 3px 0;
}

#middle p.arrow, #left p.arrow {
    width: auto;
    background-repeat: no-repeat;
    background-position: 0 8px;
    margin: 0;
    padding: 3px 0 3px 15px;
}

h2.link, h3.link, h4.link {
    padding: 0;
}

h2.link a:link, h2.link a:visited, h3.link a:link, h3.link a:visited, h4.link a:link, h4.link a:visited {
    text-decoration: none;
}

h2.link a:hover, h2.link a:active, h3.link a:hover, h3.link a:active, h4.link a:hover, h4.link a:active {
    background-color: #E8FAFD;
    text-decoration: none;
}

.s_com_mita, .s_com_ishi {
    font-size: 12px;
    line-height: 1.6em;
    background-repeat: no-repeat;
    height: 48px;
    width: 324px;
    margin: 0;
    padding: 14px 50px 35px 12px;
}

#menu_header #riyo a, #menu_header #riyo a:hover {
    width: 116px;
    height: 25px;
    background-repeat: no-repeat;
    display: block;
    margin: 0;
    padding: 0 0 2px;
}

#menu_header #present a, #menu_header #present a:hover {
    width: 116px;
    height: 25px;
    background-repeat: no-repeat;
    display: block;
    margin: 0;
    padding: 0;
}

#topvisual li, .btn3 li, .btn_top li, .btn_top2 li, #foot_bana li, #foot_m li {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
}

#topvisual #doga_btn a, #topvisual #doga_btn a:hover {
    width: 298px;
    height: 28px;
    background-repeat: no-repeat;
    display: block;
    margin: 0;
    padding: 0;
}

#g-menu ul li#hok a, #g-menu ul li#hok a:hover {
    background-image: url(https://images.staticjw.com/tra/6010/t_hokkai.gif);
    width: 79px;
    height: 33px;
    background-repeat: no-repeat;
    display: block;
    margin: 0;
    padding: 0;
}

#g-menu ul li#tohoku a, #g-menu ul li#tohoku a:hover {
    background-image: url(https://images.staticjw.com/tra/6735/t_tohoku.gif);
    width: 79px;
    height: 33px;
    background-repeat: no-repeat;
    display: block;
    margin: 0;
    padding: 0;
}

#g-menu ul li#kanto a, #g-menu ul li#kanto a:hover {
    background-image: url(https://images.staticjw.com/tra/3230/t_kanto.gif);
    width: 79px;
    height: 33px;
    background-repeat: no-repeat;
    display: block;
    margin: 0;
    padding: 0;
}

#g-menu ul li#kosin a, #g-menu ul li#kosin a:hover {
    background-image: url(https://images.staticjw.com/tra/4378/t_koshin.gif);
    width: 79px;
    height: 33px;
    background-repeat: no-repeat;
    display: block;
    margin: 0;
    padding: 0;
}

#g-menu ul li#hokuriku a, #g-menu ul li#hokuriku a:hover {
    background-image: url(https://images.staticjw.com/tra/7219/t_hoku.gif);
    width: 79px;
    height: 33px;
    background-repeat: no-repeat;
    display: block;
    margin: 0;
    padding: 0;
}

#g-menu ul li#tokai a, #g-menu ul li#tokai a:hover {
    background-image: url(https://images.staticjw.com/tra/5367/t_tokai.gif);
    width: 79px;
    height: 33px;
    background-repeat: no-repeat;
    display: block;
    margin: 0;
    padding: 0;
}

#g-menu ul li#kinki a, #g-menu ul li#kinki a:hover {
    background-image: url(https://images.staticjw.com/tra/4972/t_kink.gif);
    width: 79px;
    height: 33px;
    background-repeat: no-repeat;
    display: block;
    margin: 0;
    padding: 0;
}

#g-menu ul li#chu a, #g-menu ul li#chu a:hover {
    background-image: url(https://images.staticjw.com/tra/1714/t_chu.gif);
    width: 79px;
    height: 33px;
    background-repeat: no-repeat;
    display: block;
    margin: 0;
    padding: 0;
}

#g-menu ul li#sikoku a, #g-menu ul li#sikoku a:hover {
    background-image: url(https://images.staticjw.com/tra/3701/t_shik.gif);
    width: 79px;
    height: 33px;
    background-repeat: no-repeat;
    display: block;
    margin: 0;
    padding: 0;
}

#g-menu ul li#kyu a, #g-menu ul li#kyu a:hover {
    background-image: url(https://images.staticjw.com/tra/3892/t_kyu.gif);
    width: 79px;
    height: 33px;
    background-repeat: no-repeat;
    display: block;
    margin: 0;
    padding: 0;
}

#g-menu ul li#oki a, #g-menu ul li#oki a:hover {
    background-image: url(https://images.staticjw.com/tra/8595/t_oki.gif);
    width: 79px;
    height: 33px;
    background-repeat: no-repeat;
    display: block;
    margin: 0;
    padding: 0;
}

.btn3 .b_btn a, .btn3 .b_btn a:hover {
    width: 140px;
    height: 25px;
    background-repeat: no-repeat;
    display: block;
    margin: 0 8px 0 0;
    padding: 0;
}

.btn3 .bk_btn a, .btn3 .bk_btn a:hover {
    width: 140px;
    height: 25px;
    background-repeat: no-repeat;
    display: block;
    margin: 0;
    padding: 0;
}

.btn_top #t_btn1 a, .btn_top #t_btn1 a:hover, .btn_top #t_btn2 a, .btn_top #t_btn2 a:hover {
    width: 145px;
    height: 55px;
    background-repeat: no-repeat;
    display: block;
    margin: 0;
    padding: 0 10px 0 0;
}

.btn_top #t_btn3 a, .btn_top #t_btn3 a:hover {
    width: 145px;
    height: 55px;
    background-repeat: no-repeat;
    display: block;
    margin: 0;
    padding: 0;
}

.btn_top #t_btn4 a, .btn_top #t_btn4 a:hover {
    width: 145px;
    height: 55px;
    background-repeat: no-repeat;
    display: block;
    margin: 9px 0 0;
    padding: 0 10px 0 0;
}

.btn_top #t_btn5 a, .btn_top #t_btn5 a:hover {
    background-image: url(https://images.staticjw.com/tra/7272/btn_hokkaido.jpg);
    width: 145px;
    height: 55px;
    background-repeat: no-repeat;
    display: block;
    position: relative;
    top: 140px;
    margin: 9px 0 0;
    padding: 0 10px 0 0;
}

.btn_top #t_btn6 a, .btn_top #t_btn6 a:hover {
    width: 145px;
    height: 55px;
    background-repeat: no-repeat;
    display: block;
    margin: 9px 0 0;
    padding: 0;
}

.btn_top2 #luna_btn a, .btn_top2 #luna_btn a:hover {
    width: 137px;
    height: 119px;
    background-repeat: no-repeat;
    display: block;
    margin: 0;
    padding: 0;
}

.btn2 .d_btn a:hover, .btn2 .k_btn a, .btn2 .k_btn a:hover {
    width: 200px;
    height: 25px;
    background-repeat: no-repeat;
    display: block;
    margin: 10px 0 0 458px;
    padding: 0;
}

.btn2 .a_btn a, .btn2 .a_btn a:hover {
    width: 350px;
    height: 25px;
    background-repeat: no-repeat;
    display: block;
    margin: 10px 0 0 308px;
    padding: 0;
}

.btn2 .i_btn a, .btn2 .i_btn a:hover {
    width: 250px;
    height: 25px;
    background-repeat: no-repeat;
    display: block;
    margin: 10px 0 0 205px;
    padding: 0;
}

.service_m .cms a, .service_m .cms a:hover {
    width: 192px;
    height: 104px;
    background-repeat: no-repeat;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}

.service_m .cms_01 a, .service_m .cms_01 a:hover {
    width: 384px;
    height: 59px;
    background-repeat: no-repeat;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}

.service_m .cms_02 a, .service_m .cms_02 a:hover {
    width: 384px;
    height: 45px;
    background-repeat: no-repeat;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}

.service_m .hp a, .service_m .hp a:hover {
    width: 250px;
    height: 47px;
    background-repeat: no-repeat;
    display: block;
    margin: 0;
    padding: 0;
}

.service_m .doga a, .service_m .doga a:hover {
    width: 271px;
    height: 47px;
    background-repeat: no-repeat;
    display: block;
    margin: 0;
    padding: 0;
}

.service_m .ao a, .service_m .ao a:hover {
    width: 460px;
    height: 47px;
    background-repeat: no-repeat;
    display: block;
    margin: 0;
    padding: 0;
}

#menu_topicslist #topicslist a, #menu_topicslist #topicslist a:hover {
    width: 137px;
    height: 32px;
    background-repeat: no-repeat;
    display: block;
    margin: 0;
    padding: 0;
}

#foot_m #site a, #foot_m #site a:hover {
    width: 79px;
    height: 11px;
    background-repeat: no-repeat;
    display: block;
    margin: 0;
    padding: 0;
}

#foot_m #privacy a, #foot_m #privacy a:hover {
    width: 108px;
    height: 11px;
    background-repeat: no-repeat;
    display: block;
    margin: 0;
    padding: 0;
}

#foot_m #security a, #foot_m #security a:hover {
    width: 135px;
    height: 11px;
    background-repeat: no-repeat;
    display: block;
    margin: 0;
    padding: 0;
}

* html input, * html textarea, * html select, :first-child + html + input, :first-child html + textarea, :first-child + html select {
    font-size: 100%;
}