@charset "utf-8";
* {
    margin: 0;
    padding: 0;
}
html, body {
    height:100%;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
.wrapper {
    width: 100%;
    overflow: hidden;
}
.clear {
    clear: both;
    font-size: 0%;
    line-height: 0%;
    height: 0;
}
input, select {
    vertical-align: middle;
    font-weight: normal;
}
img {
    border: 0;
    vertical-align: top;
    text-align: left;
}
ul, ol {
    list-style: none;
}
object {
    vertical-align: top;
    outline: none;
}
a {
    outline: none;
    color: #66a3b8;
}
a:hover {
    color:#FF9900;
}
html {
    min-width: 980px;
}
body {
    background: #f2f3f5 url(images/body-tail.gif) repeat-x 50% 0%;
    font-size: 100%;
    line-height: 1em;
    color: #393939;
    a:hover #ff3300;
}
h1 {
    padding: 10px 0 15px 0;
    line-height: 1.25em;
    font-size: 25px;
    font-weight: normal;
    text-transform: uppercase;
    color: #1e6183;
}
h2 {
    padding: 0 0 0px 0;
    line-height: 1.25em;
    font-size: 1.25em;
    font-weight: 400;
    color: #039;
    margin-bottom:10px;
}
h2 strong {
    display: block;
    padding: 0 0 1px 0;
    font-weight: 400;
}
h2 em {
    display: block;
    margin: 0 0 -3px 0;
    font-style: normal;
}
h2 i {
    display: block;
    margin: 0 0 -2px 0;
    font-style: normal;
}
h3 {
    padding: 5px 0px;
    font-weight: bold;
    line-height:140%;
}
h4 {
    border-bottom: 1px solid #999999;
    font-size: 14px;
    font-weight: normal;
    padding:10px 0 10px 0;
}
h5 {
    padding: 20px 0 5px 0;
    line-height: 1.25em;
    font-size: 2em;
    font-weight: 400;
    color: #1e6183;
    border-bottom: 1px solid #999999;
    margin-bottom:10px;
}
h6 {
    padding: 0 0 16px 0;
    line-height: 1.5em;
    font-size: 1em;
    color: #656565;
}
h6 em {
    display: block;
    margin: 0 0 -8px 0;
    font-style: normal;
}
h6 i {
    display: block;
    margin: 0 0 -2px 0;
    font-style: normal;
}
.fleft {
    float: left;
}
img.fleft {
    margin: 2px 23px 0 0;
}
img.fleft1 {
    float: left;
    margin: 4px 30px 0 0;
}
img.fleft2 {
    float: left;
    margin: 4px 23px 0 1px;
}
.fright {
    float: right;
}
ul.fright {
    padding: 0 80px 26px 0 !important;
}
ul.fright1 {
    float: right;
    padding: 0 80px 22px 0 !important;
}
.col-1, .col-2, .col-3, .col-4 {
    float: left;
    overflow: hidden;
}
.block-1, .block-2, .block-3, .block-4 {
    float: left;
    overflow: hidden;
}
#main {
    width: 980px;
    margin: 0 auto;
    font-size: 0.75em;
}
#header {
    position: relative;/*   height: 566px;*/
}
#slider {/*top:152px; position:absolute; right:0;*/
    position:relative;
    float:left;
    width:730px;
}
#coin-slider {
    top:0;
    position:absolute;
    right:0;
    width:731px;
    height:319px;
    overflow:hidden
}
.coin-slider {
    right:0;
    position:absolute;
    width:731px;
    height:319px;
    overflow:hidden
}
#cs-navigation-coin-slider a {
    position:absolute;
    z-index:99;
    right:5px;
    top:90% !important;
    display:block;
    width:60px;
    height:27px;
    font:12px Tahoma, Geneva, sans-serif;
    color:#263c53;
    line-height:26px !important;
    text-align:center;
    text-decoration:none;
    background: url(images/play.png) 0 0 no-repeat;
    display:none
}
#cs-navigation-coin-slider a:hover {
    background-position:bottom;
    color:#fff
}
#cs-buttons-coin-slider {
    display:none
}
.cs-prev {
    right:auto !important;
}
.cs-next {
}
a.togglePlayback {
    position:absolute;
    z-index:99;
    right:5px;
    bottom:5px;
    display:block;
    width:60px;
    height:27px;
    font:12px Tahoma, Geneva, sans-serif;
    color:#263c53;
    line-height:26px;
    text-align:center;
    text-decoration:none;
    background: url(images/play.png) 0 0 no-repeat;
}
a.togglePlayback:hover {
    background-position:bottom;
    color:#fff
}
#header big {
    /*              background: url(images/icon-clock.gif) no-repeat 0% 2px;*/
    display: block;
    /*              padding: 0 0 0 19px;*/
    line-height: 1.5em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.167em;
    color: #363a43;
    position: absolute;
    top: 10px;/*            left: 17px;*/
}
#header small {
    background: url(images/icon-phone.gif) no-repeat 0% 0%;
    display: block;
    padding: 0 0 0 23px;
    line-height: 1.2em;
    font-size: 1.167em;
    font-weight: 400;
    text-transform: uppercase;
    color: #363a43;
    position: absolute;
    top: 10px;
    right: 14px;
}
#header small span {
    color: #145376;
}
#logo {
    position: absolute;
    top: 54px;
    left: 1px;
}
#search-form {
    background: url(images/search-input.gif) no-repeat 0% 0%;
    width: 244px;
    height: 31px;
    overflow: hidden;
    position: absolute;
    top: 71px;
    right: 19px;
}
#search-form input {
    background: none;
    width: 188px;
    height: 17px;
    padding: 7px 6px 7px 12px;
    border: none;
    float: left;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 1em;
    color: #fff;
}
#search-form input#search-submit {
    background: url(images/search-submit.gif) no-repeat 0% 0%;
    width: 38px;
    height: 31px;
    padding: 0;
    border: none;
    float: left;
    cursor: pointer;
}
#nav-wrap {
    visibility:hidden;
    display:none;
}
#banners {
    width: 250px;
    height: 362px;
    /*      overflow: hidden;
    position: absolute;
    top: 152px;*/
    left: -1px;
    position:relative;
    float:left;
}
#banners li {
    width: 250px;
    height: 120px;
    padding: 0 0 1px 0;
    line-height:0;
    font-size:0;
}
#banners li#ban-1 {
    /*              background: url(images/banner-1.jpg) no-repeat 0% 0%;*/
    background: url(images/banner-1.png) no-repeat 0% 0%;
}
#banners li#ban-2 {
    background: url(images/banner-2.png) no-repeat 0% 0%;
}
#banners li#ban-3 {
    background: url(images/banner-3.png) no-repeat 0% 0%;
}
#banners li a {
    position: relative;
    display: block;
    width: 250px;
    height: 120px;
    text-decoration: none;
    color: #fff;
}
#banners li a span {
    display: block;
    width: 44px;
    height: 28px;
    overflow: hidden;
    line-height: 24px;
    font-size: 14px;
    text-align: center;
    position: absolute;
    bottom:0;
    right: 6px;
}
#banners li a:hover span {
    color: #000;
}
#menu {
    /*      position: absolute;
    top: 521px;
    position:relative;*/
    height:50px;
    left: 0;
    margin-bottom:5px;
}
#menu li {
    float: left;
    padding: 0 1px 0 0;
}
#menu li a {
    background: url(images/menu.jpg) no-repeat 0% 0%;
    display: block;
    width: 139px;
    height: 45px;
    overflow: hidden;
    float: left;
    line-height: 44px;
    font-size: 1.333em;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    color: #fff;
}
#menu li a:hover {
    background-position: 0 -45px !important;
}
/*
                        #menu li.act a {
                                background-position: 0% -45px !important;
                        }
*/

#menu li ul li a {
    background: #999999;
    border-color: #cccccc;
    border-style: solid;
    border-width: 0 0px 1px 0px;
}
#menu li ul li a:hover {
    background: #333333;
}
#content {
    width: 100%;
}
#content #indent {
    padding: 21px 0 31px 0;
}
#content p {
    padding: 0 0 25px 0;
    line-height: 1.5em;
    font-size: 1em;/*               color: #858585;*/
}
#content p.extra {
    padding: 0 0 20px 0;
}
#content p.extra1 {
    padding: 0 0 18px 0;
}
#content p.extra2 {
    padding: 0 0 12px 0;
}
#content p.extra3 {
    padding: 0 0 14px 0;
}
#content p.extra4 {
    padding: 0 0 31px 0;
}
#content p b {
    color: #656565;
}
#content p small {
    float: right;
    padding: 0 25% 0 0;
    font-size: 1em;
}
#column-left {
    float: left;
    width: 251px;
    padding: 0 39px 0 0;
    overflow: hidden;
    margin-top:10px;
}
#column-left .indent {
    padding: 3px 0 0 0;
}
#column-left .indent-1 {
    padding: 7px 0 0 0;
}
#column-right {
    float: left;
    width: 690px;
    overflow: hidden;
    font-size:14px;
    margin-top:10px;
}
#column-right .place_detail {
    margin:0 0 5px 0px;
}
#column-right .place_detail .subtitle {
    text-align:center;
    margin:0px 5px 5px 0px;
    width:100px;
}
.box {
    width: 100%;
    margin: 0 0 22px 0;
    overflow: hidden;
}
.box .border-top {
    background: #eaecef url(images/border-top.gif) repeat-x 0% 0%;
}
.box .border-bot {
    background: url(images/border-bot.gif) repeat-x 0% 100%;
}
.box .border-left {
    background: url(images/border-left.gif) repeat-y 0% 0%;
}
.box .border-right {
    background: url(images/border-right.gif) repeat-y 100% 0%;
}
.box .corner-top-left {
    background: url(images/corner-top-left.gif) no-repeat 0% 0%;
}
.box .corner-top-right {
    background: url(images/corner-top-right.gif) no-repeat 100% 0%;
}
.box .corner-bot-left {
    background: url(images/corner-bot-left.gif) no-repeat 0% 100%;
}
.box .corner-bot-right {
    background: url(images/corner-bot-right.gif) no-repeat 100% 100%;
    width: 100%;
}
.box .inner {
    padding: 12px 0 30px 0;
}
.box-1 {
    background: url(images/line-ver.gif) repeat-y 100% 0%;
    margin: 0 0 34px 0;
}
.box-1 .inner {
    padding: 0 33px 0 0;
}
.box-1 .inner-1 {
    padding: 0 38px 0 0;
}
.box-2 {
    width: 100%;
    overflow: hidden;
}
.box-2 .border-top {
    background: #e5e8ec url(images/border-top1.gif) repeat-x 0% 0%;
}
.box-2 .border-bot {
    background: url(images/border-bot1.gif) repeat-x 0% 100%;
}
.box-2 .border-left {
    background: url(images/border-left1.gif) repeat-y 0% 0%;
}
.box-2 .border-right {
    background: url(images/border-right1.gif) repeat-y 100% 0%;
}
.box-2 .corner-top-left {
    background: url(images/corner-top-left1.gif) no-repeat 0% 0%;
}
.box-2 .corner-top-right {
    background: url(images/corner-top-right1.gif) no-repeat 100% 0%;
}
.box-2 .corner-bot-left {
    background: url(images/corner-bot-left1.gif) no-repeat 0% 100%;
}
.box-2 .corner-bot-right {
    background: url(images/corner-bot-right1.gif) no-repeat 100% 100%;
    width: 100%;
}
.box-2 .inner {
    padding: 21px 15px 33px 18px;
}
.box-3 {
    width: 100%;
    overflow: hidden;
    margin-top: 2px;
}
.box-indent {
    margin: 0 0 36px 0 !important;
}
.link {
    background: url(images/link-tail.gif) repeat-x 0% 0%;
    display: inline-block;
    height: 28px;
    float: right;
    overflow: hidden;
    line-height: 24px;
    text-decoration: none;
    font-size: 1em;
    color: #fff;
}
.link span {
    background: url(images/link-left.gif) no-repeat 0% 0%;
    display: inline-block;
}
.link span span {
    background: url(images/link-right.gif) no-repeat 100% 0%;
    display: inline-block;
    height: 28px;
    padding: 0 22px 0 23px;
}
.link:hover span span {
    cursor: pointer;
    color: #ce6304;
}
.link-1 {
    background: url(images/arrow.gif) no-repeat 100% 8px;
    float: left;
    padding: 0 15px 0 0;
    line-height: 1.5em;
    font-size: 1em;
    color: #66a3b8;
}
.link-indent {
    margin: 0 0 33px 0;
}
.link-position {
    margin: 8px 0 33px 0;
}
.indent-left {
    padding: 0 0 0 2px;
}
.list {
    overflow: hidden;
}
.list li {
    background: url(images/marker.gif) no-repeat 0% 9px;
    padding: 0 0 0 14px;
    line-height: 1.833em;
    font-size: 1em;
    color: #66a3b8;
}
.list li a {
    color: #66a3b8;
}
.list-1 {
    background: url(images/list-bg.gif) repeat 50% 2px;
    padding: 0 17px 0 17px;
    overflow: hidden;
}
.list-1 li {
    width: 100%;
    overflow: hidden;
    vertical-align: top;
    line-height: 3em;
    font-size: 1em;
    color: #66a3b8;
}
.list-1 li img {
    float: left;
    margin: 8px 10px 0 0;
}
.list-1 li a {
    text-decoration: none;
    color: #66a3b8;
}
.list-1 li a:hover {
    text-decoration: underline;
}
.list-2 {
    margin: 0 0 -10px 0;
    overflow: hidden;
    line-height: 1.5em;
    font-size: 1em;
    color: #858585;
}
.list-2 dt {
    font-weight: bold;
    color: #66a3b8;
}
.list-2 dt a {
    text-decoration: none;
    color: #66a3b8;
}
.list-2 dt a:hover {
    text-decoration: underline;
}
.list-2 dd {
    padding: 0 0 25px 0;
}
.list-3 {
    padding: 0 0 0 1px;
    overflow: hidden;
    line-height: 1.5em;
    font-size: 1em;
    color: #858585;
    height:200px;
}
.list-3 dt {
    font-weight: bold;
    color: #656565;
}
.list-3 dt a {
    text-decoration: none;
    color: #656565;
}
.list-3 dt a:hover {
    text-decoration: underline;
}
.list-3 dd {
    padding: 10px 0 0 0;
}
.list-3 ul {
    margin-left: 20px;
    list-style-type:disc;
}
.list-4 {
    padding: 0 0 0 1px;
    overflow: hidden;
    height:204px;
}
.list-4 li {
    background: url(images/marker-1.gif) no-repeat 0% 7px;
    padding: 0 0 0 23px;
    /*      line-height: 2.5em;*/
    line-height:2em;
    font-size: 1em;
    color: #66a3b8;
}
.list-4 li a {
    text-decoration: none;
    color: #66a3b8;
}
.list-4 li a:hover {
    text-decoration: underline;
}
.list-5 {
    width: 100%;
    margin: 0 0 -26px 0;
    padding: 3px 0 0 0;
    overflow: hidden;
}
.list-5 li {
    width: 100%;
    padding: 0 0 26px 0;
    overflow: hidden;
    vertical-align: top;
    line-height: 1.5em;
    font-size: 1em;
    color: #858585;
}
.list-5 li img {
    float: left;
    margin: 4px 30px 0 0;
}
.list-5 li strong {
    display: block;
    padding: 0 0 8px 0;
    color: #656565;
}
.list-5 li p {
    padding: 0 0 2px 0 !important;
}
.list-6 {
    width: 100%;
    padding: 1px 0 0 0;
    overflow: hidden;
}
.list-6 li {
    width: 198px;
    float: left;
    padding: 0 48px 0 0;
    line-height: 1.5em;
    font-size: 1em;
    color: #858585;
}
.list-6 li.last {
    padding: 0;
}
.list-6 li img {
    margin: 0 0 12px 0;
}
.list-6 li strong {
    display: block;
    padding: 0 0 8px 0;
    color: #656565;
}
.list-6 li strong a {
    text-decoration: none;
    color: #656565;
}
.list-6 li strong a:hover {
    text-decoration: underline;
}
.list-7 {
    width: 100%;
    margin: 0 0 -24px 0;
    padding: 1px 0 0 0;
    overflow: hidden;
}
.list-7 li {
    width: 100%;
    padding: 0 0 24px 0;
    overflow: hidden;
    vertical-align: top;
    line-height: 1.5em;
    font-size: 1em;
    color: #858585;
}
.list-7 li img {
    float: left;
    margin: 4px 30px 0 0;
}
.list-7 li strong {
    display: block;
    padding: 1px 0 7px 0;
    color: #656565;
}
.list-7 li p {
    padding: 0 0 12px 0 !important;
}
#subscribe-form {
    width: 100%;
    overflow: hidden;
}
#subscribe-form strong {
    display: block;
    padding: 0 0 15px 0;
    line-height: 1.25em;
    font-size: 2em;
    font-weight: 400;
    color: #1e6183;
}
#subscribe-form input {
    background: #fff;
    width: 125px;
    height: 16px;
    padding: 2px 8px 2px 8px;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #858585;
}
#subscribe-form input#subscribe-submit {
    background: url(images/subscribe-submit.gif) no-repeat 0% 0%;
    width: 69px;
    height: 24px;
    padding: 0;
    float: left;
    margin: 0 0 0 1px;
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #fff;
    cursor: pointer;
}
.title {
    padding: 30px 0 10px 0;
    line-height: 1.25em;
    font-size: 2em;
    font-weight: 400;
    text-transform: uppercase;
    color: #1e6183;
}
.title span {
    display: block;
    margin: -1px 0 0 0;
}
.pic-indent {
    margin: 0 0 25px 0;
}
.pic-indent1 {
    margin: 0 0 19px 0;
}
.no-indent {
    margin: 0 !important;
    padding: 0 !important;
}
#contact-form {
    width: 690px;
    padding: 1px 0 0 0;
}
#contact-form strong {
    display: block;
    width: 343px;
    float: right;
    font-weight: normal;
}
#contact-form label {
    display: block;
    height: 25px;
    overflow: hidden;
}
#contact-form b {
    display: block;
    width: 56px;
    height: 20px;
    overflow: hidden;
    float: left;
    line-height: 20px;
    font-weight: normal;
    color: #858585;
}
#contact-form input {
    background: none;
    width: 240px;
    height: 14px;
    padding: 2px 3px 2px 3px;
    border: 1px solid #a4a4a4;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #000;
}
#contact-form textarea {
    background: none;
    width: 277px;
    height: 64px;
    margin: 0 0 0 2px;
    padding: 2px 3px 2px 3px;
    border: 1px solid #a4a4a4;
    float: left;
    overflow: auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #000;
}
#contact-form a.link {
    margin: 3px 0 0 19px;
}
.privacy {
    width: 100%;
    padding: 0 0 2px 0;
    overflow: hidden;
}
.privacy h2 {
    padding: 0 0 14px 0 !important;
}
.privacy p {
    padding: 0 0 18px 0 !important;
}
.privacy p.no-indent {
    margin: 0 !important;
    padding: 0 !important;
}
#footer {
    background: url(images/footer.jpg) no-repeat 0% 0%;
    position: relative;
    height: 130px;
    overflow: hidden;
}
#footer .inner {
    padding: 22px 18px 40px 19px;
}
#footer p {
    line-height: 1.5em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #707f90;
    position: absolute;
    top: 35px;
    left: 18px;
}
#footer p a {
    text-decoration: none;
    color: #707f90;
}
#footer p a:hover {
    text-decoration: underline;
}
#icons {
    float: right;
    margin: 0 0 -1px 0;
}
#icons li {
    float: left;
    padding: 0 0 0 3px;
}
#menu-bot {
    float: right;
    margin: 0 -10px 0 0;
    overflow: hidden;
}
#menu-bot li {
    background: url(images/divider.gif) no-repeat 0% 7px;
    float: left;
    margin: 0 0 0 -1px;
    padding: 0 11px 0 11px;
    line-height: 2em;
    font-size: 1em;
    color: #40546a;
}
#menu-bot li a {
    text-decoration: none;
    color: #40546a;
}
#menu-bot li a:hover {
    text-decoration: underline;
}
.gp {
    list-style-position: outside;
    list-style-type: circle;
    margin-left: 20px;
    margin-bottom:15px;
}
.gp li {
    padding:3px;
}
.gp_1 {
    list-style:disc;
    margin:5px 0 5px 20px;
}
.gp_2 {
    list-style:circle;
    margin-left:20px;
    font-size:12px;
    font-weight:normal;
}
.gp_3 {
    list-style:disc;
    margin:5px 0 5px 40px;
}
.u_line {
    text-decoration:underline;
}
.faq {
    margin-bottom: 20px;
    margin-left: 20px;
    margin-top: 10px;
}
.faq th {
    padding: 3px;
    vertical-align: top
}
.q_icon {
    background-color: #eaecef;
    border: 1px solid #3a7492;
    color: #3a7492;
    font-family: "Times New Roman", Times, serif;
    font-size: 16px;
    font-weight: bold;
    margin: 0 3px;
    padding: 0 3px;
}
.a_icon {
    background-color: #f1f3f5;
    border: 1px solid #94ab01;
    color: #94ab01;
    font-family: "Times New Roman", Times, serif;
    font-size: 16px;
    font-weight: bold;
    margin: 0 3px;
    padding: 0 3px;
}
.top_header {
    height:130px;
}
.key_visual {
    height:362px;
}
.table_c {
    border-collapse: collapse;
    margin: 10px 5px 5px 1px;
    text-align: left;
    width: 651px;
}
.table_c th {
    background-color:#e3e6ea;
    border: 1px solid #ccc;
    color: #666666;
    font-size: 13px;
    padding: 7px;
}
.table_c td {
    border: 1px solid #ccc;
    background-color:#f3f5f7;
    color: #333333;
    font-size:12px;
    padding: 7px 0 7px 10px;
    vertical-align: middle;
}
.media {
    border-collapse:collapse;
    margin:0px;
    width:685px;
}
.media td {
    border:1px solid #cccccc;
    border-collapse:collapse;
    padding:5px;
    color:#656565;
}
.partner_name {
    text-align:center;
    vertical-align:middle;
}
.table_partner {
    border-collapse: collapse;
    margin: 10px 5px 5px 1px;
    text-align: left;
    width: 651px;
}
.table_partner th {
    background-color:#e3e6ea;
    border: 1px solid #ccc;
    color: #666666;
    font-size: 13px;
    padding: 7px;
}
.table_partner td {
    border: 1px solid #ccc;
    background-color:#f3f5f7;
    color: #333333;
    font-size:12px;
    padding: 7px 0 7px 10px;
    vertical-align: middle;
}
.partner_indent li {
    text-indent: 2em;
}
img.team {
    margin: 0 0 10px 0;
}
.partner_name {
    padding: 110px 20px 100px 0px;
}
.partner_logo {
    margin: -15px 0 10px 0;
}
.table_fee {
    border-collapse: collapse;
    margin: 10px 5px 5px 1px;
    text-align: left;
    width: 400px;
}
.table_fee th {
    background-color:#e3e6ea;
    border: 1px solid #ccc;
    color: #666666;
    font-size: 13px;
    padding: 7px;
}
.table_fee td {
    border: 1px solid #ccc;
    background-color:#f3f5f7;
    color: #333333;
    font-size:12px;
    padding: 7px 0 7px 10px;
    vertical-align: middle;
}
#content p.fee_indent {
    text-indent: -1em;
    padding-left:3em;
}
.list1 li {
    list-style-type:square;
    margin-left:20px;
    margin-bottom:10px;
    margin-top:10px;
    line-height:130%;
}
/*20130115 ニュースページ追加*/
div.news_komidashi {
    padding: 10px 0px;
    font-weight:bold;
    line-height:140%;
    color: #1e6183;
}
div.news_around {
    border: 1px solid #cccccc;
    margin-left: 3px;
    padding: 5px;
    width: 100%px;
    margin-top:10px;
    margin-bottom:10px;
}
div.news_around_top {
    border: 1px solid #cccccc;
    margin-left: 3px;
    padding: 5px;
    width: 100%px;
    margin-bottom:30px;
}
.news {
    padding: 3px 3px 3px 10px;
    width:100%;
}
.news th {
    font-size: 13px;
    font-weight: normal;
    line-height: 1em;
    padding: 7px 0 3px 10px;
    text-align: left;
    text-decoration: none;
    width: 150px;
}
.news td {
    border-bottom: 1px dotted #999999;
    font-size: 13px;
    line-height: 1em;
    margin-left: 3px;
    padding: 7px 10px 3px 3px;
    text-align: left;
    text-decoration: none;
}
.red_box {
    background-color:#C03;
    text-align:center;
    font-size:16px;
    color:#ffffff;
    padding:10px 5px;
    margin:10px 5px 20px 5px;
}

.red_box a{
    color:#FFF;
}

.check_box {
    background-image: url(images/ico_check.png);
    background-position: left top;
    background-repeat: no-repeat;
    color: #black;
    font-size: 1.25em;
    min-height: 22px;
    margin: 10px 0px;
    padding-left:35px;
    padding-top:3px;
    line-height:130%;
}
.line {
    background-image:url(images/line.png);
    background-position:center center;
    background-repeat:no-repeat;
    height:30px;
    clear:both;
    padding:10px;
}
.right_image_table {
    width:100%;
    margin-bottom:5px;
}
.right_image_table td {
    padding:5px;
    vertical-align:top;
}
.border-blue {
    border:1px solid #c2d5ec;
}
#banners1 {
    width: 250px;
    height: 318px;
    /*      overflow: hidden;
    position: absolute;
    top: 152px;*/
    left: -1px;
    position:relative;
    float:left;
}
#banners1 li {
    fontsize:0;
    height:106px;
    line-height:0;
    padding:0 0 1px;
    width:250px;
}
#banners1 .left_banner1 {
    padding:0px;
}
#banners1 .left_banner3 {
}
#banners1 li a span {
    bottom: 0;
    display: block;
    font-size: 14px;
    height: 28px;
    line-height: 24px;
    overflow: hidden;
    position: absolute;
    right: 6px;
    text-align: center;
    width: 44px;
}
#banners1 li a {
    color: #FFFFFF;
    display: block;
    position: relative;
    text-decoration: none;
    width: 250px;
}
#column-right .partner_frame {
    margin:0px 0 50px 0;
}
.partner_name2 {
    padding:110px 65px 100px 0px;
}
.partner_name_no_logo {
    padding: 5px 65px 30px 0px;
}
.list2 li {
    list-style-type:square;
    margin-bottom:10px;
    margin-left:20px;
}
.list3 li {
    list-style-type:square;
    margin-top:5px;
    margin-bottom:5px;
}
.red_text {
    color:#900;
}
.pic-align-right {
    margin-left: 20px;
}
.box-4 {
    text-align:center;
}
.box-4 div {
    margin:10px;
}
.check-div {
    width:465px;
    float:left;
    padding-right:5px;
}
.check-image-div {
    padding:5px;
    float:left;
}
.check-sub-div {
    margin: 0 0 0 34px;
    padding: 0;
}
.androidLink {
    visibility:hidden;
    display:none;
}
.iPhoneLink {
    visibility:hidden;
    display:none;
}
#menu-bot .iPhoneLink {
    visibility:hidden;
    display:none;
}
#menu-bot .androidLink {
    visibility:hidden;
    display:none;
}
.toTop {
    visibility:hidden;
    display:none;
}
.top_light_gray {
    margin: 20px 0px;
}
.top_light_gray td {
    background-color:#e4e4e5;
    border:1px solid #f1f1f2;
    padding:5px;
    border-collapse:collapse;
    width:345px;
}
.top_explain {
    margin:20px;
    color:#1E6183;
}
.left_image {
    float:left;
    margin-right:10px;
}
.right_explain {
    float:left;
    margin:20px auto;
}
.sp_only {
    display:none;
}

.float_right{
    float:right;
    margin-left:20px;
}

.pc_only {
    display:inherit;
}

.mailform img.must{
    margin-right:5px;
    margin-left:0;
}

.margin_top{
    margin-top:10px;
}

.width500{
    width:500px;
}


@media screen and (max-width: 480px) {
    .pc_only {
        display:none;
    }

    .sp_only {
        display:inherit;
    }

    img {
        max-width: 100%;
        height:auto;
        margin:0 auto;
    }
    html {
        min-width:100%;
    }
    body {
        margin:10px;
        font-size: 21px;
        background-image: none;
        background-color: #F2F3F5;
    }
    #main {
        width: 100%;
        margin: 0 auto;
        font-size: 21px;
    }
    #header {
    }
    .top_header {
        visibility:visible;
        display:block;
        height:0px;
    }
    #menu {
        visibility:hidden;
        display:none;
    }
    #nav-wrap {
        visibility:visible;
        display:block;
        float:right;
    }
    #nav-wrap {
        position: relative;
        padding-right:20px;
    }

    /* menu icon */
    #menu-icon {
        color: #000;
        width: 52px;
        height: 30px;
        background: #ecebeb url(images/menu-icon.png) no-repeat 10px center;
        padding: 8px 10px 0 42px;
        cursor: pointer;
        border: solid 1px #666;
        display: block; /* show menu icon */
    }
    #menu-icon:hover {
        background-color: #f8f8f8;
    }
    #menu-icon.active {
        background-color: #bbb;
    }

    /* main nav */
    #nav {
        clear: both;
        position: absolute;
        top: 38px;
        width: 120px;
        z-index: 10000;
        padding: 5px;
        background: #f8f8f8;
        border: solid 1px #999;
        display: none; /* visibility will be toggled with jquery */
    }
    #nav li {
        clear: both;
        float: none;
        margin: 10px 0 5px 10px;
    }
    #nav a,  #nav ul a {
        font: inherit;
        background: none;
        display: inline;
        padding: 0;
        color: #666;
        border: none;
    }
    #nav a:hover,  #nav ul a:hover {
        background: none;
        color: #000;
    }

    /* dropdown */
    #nav ul {
        width: auto;
        position: static;
        display: block;
        border: none;
        background: inherit;
    }
    #nav ul li {
        margin: 11px 0 11px 7px;
        font-size:0.8em;
    }
    .key_visual {
        display:none;
        visibility: hidden;
    }
    #search-form {
        display:none;
        visibility: hidden;
    }
    #header big {
        display:none;
        visibility: hidden;
    }
    #header small {
        display:none;
        visibility: hidden;
    }
    #logo {
        position: relative;;
        top: 0px;
        left: 0px;
        width:55%;
        padding-top:8px;
    }
    #content p {
        padding: 0 0 25px 0;
        line-height: 1.5em;
        font-size: 1.0em;
        /*              color: #858585;*/
    }
    #column-left {
        visibility:hidden;
        display:none;
    }
    #column-right {
        font-size: 16px;
        overflow: hidden;
        width: 100%;
    }
    .news_around_top {
        width:95%;
    }
    .news {
        width:90%;
    }
    .news th {
        width:45%;
    }
    .title img {
        max-width: 100%;
        height:auto;
    }
    .col-1, .col-2, .col-3, .col-4 {
        width:100%;
        float: none;
        margin-left:auto;
        margin-right:auto;
        overflow: hidden;
    }
    .media {
        width:100%
    }
    .media td {
        width:50%;
    }
    #page1 .col-1 {
        width: 100%;
        margin-left:auto;
        margin-right:auto;
    }
    #page1 .col-2 {
        width: 100%;
        margin-left:auto;
        margin-right:auto;
    }
    #page1 .col-3 {
        width: 100%;
        margin-left:auto;
        margin-right:auto;
    }
    .list-1 li {
        font-size: 1em;
    }
    .list-2 {
        font-size: 1em;
    }
    .list-3 {
        font-size: 1em;
    }
    .list-4 li {
        font-size: 1em;
    }
    h6 {
        font-size: 1.1em;
    }
    h1 {
        padding: 10px 0 15px 0;
        line-height: 1em;
        font-size: 24px;
        font-weight: normal;
        text-transform: uppercase;
        color: #1e6183;
    }
    .right_image_table td {
        width:50%;
    }
    div.video-container {
        position: relative;
        height: 0;
        padding-top: 75%;
        padding-bottom:20px;
        margin-bottom:20px;
        width: auto;
    }
    div.video-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    #footer {
        background: none;
        position: relative;
        overflow: hidden;
        height: auto;
    }
    #footer .inner {
        padding: 0px;
    }
    #footer p {
        line-height: 1.5em;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 0.65em;
        color: #707f90;
        position: static;
        top: none;
        left: none;
    }
    #footer p a {
        text-decoration: none;
        color: #707f90;
    }
    #footer p a:hover {
        text-decoration: underline;
    }
    #icons {
        float: right;
        margin: 0 0 -1px 0;
    }
    #icons li {
        float: left;
        padding: 0 0 0 3px;
    }
    #menu-bot {
        float:none;
        margin-right:auto;
        margin-left:auto;
        overflow: hidden;
        margin-top:5px;
        border: 1px solid #999;
        width:95%;
        height:auto;
        border-radius: 10px;        /* CSS3草案 */
        -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
        -moz-border-radius: 10px;   /* Firefox用 */
    }
    #menu-bot li {
        background:none;
        float: none;
        margin: 0px;
        padding: 0px;
        /*              line-height:50px;*/
        font-size: 25px;
        border-bottom:1px solid;
        text-align:center;
        /*              height:50px;*/
        display:block;
    }
    #menu-bot li a {
        text-decoration: none;
        color: #40546a;
        display:block;
        padding:6px;
    }
    #menu-bot li a:hover {
        text-decoration:none;
    }
    .table_fee {
        border-collapse: collapse;
        margin: 0px;
        text-align: left;
        width: 250px;
    }
    .table_fee th {
        background-color:#e3e6ea;
        border: 1px solid #ccc;
        color: #666666;
        font-size:1em;
        padding: 7px;
    }
    .table_fee td {
        border: 1px solid #ccc;
        background-color:#f3f5f7;
        color: #333333;
        font-size:1em;
        padding: 7px 0 7px 10px;
        vertical-align: middle;
    }
    .gp_1 {
        list-style:disc;
        margin:5px 0 5px 5px;
    }
    .gp_2 {
        list-style:circle;
        margin-left:20px;
        font-size:1em;
        font-weight:normal;
    }
    .table_c {
        border-collapse: collapse;
        margin: 10px 5px 5px 1px;
        text-align: left;
        width: 97%;
    }
    .table_c th {
        background-color:#e3e6ea;
        border: 1px solid #ccc;
        color: #666666;
        font-size:1em;
        padding: 7px;
        width:30%;
    }
    .table_c td {
        border: 1px solid #ccc;
        background-color:#f3f5f7;
        color: #333333;
        font-size:1em;
        padding: 7px 0 7px 10px;
        vertical-align: middle;
    }
    div.map-container {
        position: relative;
        height: 0;
        padding-top: 82%;
        padding-bottom:0px;
        margin-bottom: 0px;
        width: auto;
    }
    div.map-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .check-div {
        width:100%;
        float:none;
        padding-right:5px;
    }
    .check-image-div {
        padding-top:30px;
        float:left;
    }
    .partner_logo {
        padding:30px 0px 15px 0px;
    }
    .table_partner {
        width: 98%;
    }
    .table_partner td {
        font-size:1em;
    }
    .partner_name {
        font-size:1em;
    }
    .partner_name2 {
        font-size:1em;
    }
    .toTop {
        visibility:visible;
        display:block;
        padding-bottom:15px;
    }
    .copyright {
        text-align:center;
        margin:0 auto;
    }
    .copyright strong {
        font-weight:normal;
    }
    #icons {
        float: right;
        margin: 0 0 -1px 0;
    }
    #icons li {
        float: left;
        padding: 0 5px 0 5px;
    }
}