﻿@charset "utf-8";
/* CSS Document */
/* ===================== reset default style ===================== */
body {
	height: 100%;
}
html {
	height: 100%;
	overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
}
body, div, p, address, dl, dt, dd, ul, ol, li, form, fieldset, input, textarea, pre, blockquote, th, td {
	margin: 0;
	padding: 0;
	font-weight: normal; /*font-size: 1.1em;*/
}
img {
	border: 0;
}
caption {
	text-align: left;
}
table {
	border-collapse: collapse;
	border: none;
	border-spacing: 0;
}
fieldset {
	border: 0;
}
input {
	line-height: 100%;
}
ol, ul {
	list-style-type: none;
}
label {
	cursor: pointer;
}
address {
	font-style: normal;
}
hr {
	display: none;
	visibility: hidden;
	height: 0;
	border: 0;
}
article, aside, header, hgroup, footer, nav, section, dialog, figure {
	display: block;
}
html {
	color: #000;
	background: #fff;
}
/* ===================== general style ===================== */
a:link {
	color: #0046BF;
	text-decoration: underline;
}
a:visited {
	color: #0046BF;
	text-decoration: underline;
}
a:hover {
	color: #003080;
	text-decoration: none;
}
a:active {
	color: #B70021;
	text-decoration: none;
}
/* ----- alpha ----- */
.alpha a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
/* ================== clear fix ================== */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
/* ----- clear ----- */
.clear {
	clear: both;
	width: 0px;
	height: 0px;
	overflow: hidden;
}
/* ================== module ================== */
/* margin */
.mt5 {
	margin-top: 5px!important;
}
.mt10 {
	margin-top: 10px!important;
}
.mt15 {
	margin-top: 15px!important;
}
.mt20 {
	margin-top: 20px!important;
}
.mt25 {
	margin-top: 25px!important;
}
.mt30 {
	margin-top: 30px!important;
}
.mt35 {
	margin-top: 35px!important;
}
.mt40 {
	margin-top: 40px!important;
}
.ml2 {
	margin-left: 2px!important;
}
.ml5 {
	margin-left: 5px!important;
}
.ml10 {
	margin-left: 10px!important;
}
.ml15 {
	margin-left: 15px!important;
}
.ml20 {
	margin-left: 20px!important;
}
.ml30 {
	margin-left: 30px!important;
}
.ml50 {
	margin-left: 50px!important;
}
.ml100 {
	margin-left: 100px!important;
}
.ml140 {
	margin-left: 140px!important;
}
.mr0 {
	margin-right: 0px!important;
}
.mr5 {
	--margin-right: 5px!important;
}
.mr10 {
	margin-right: 10px!important;
}
.mr15 {
	margin-right: 15px!important;
}
.mr20 {
	margin-right: 20px!important;
}
.mr30 {
	margin-right: 30px!important;
}
.mb0 {
	margin-bottom: 0!important;
}
.mb2 {
	margin-bottom: 2px!important;
}
.mb5 {
	margin-bottom: 5px!important;
}
.mb10 {
	margin-bottom: 10px!important;
}
.mb15 {
	margin-bottom: 15px!important;
}
.mb20 {
	margin-bottom: 20px!important;
}
.mb25 {
	margin-bottom: 25px!important;
}
.mb30 {
	margin-bottom: 30px!important;
}
.mb35 {
	margin-bottom: 35px!important;
}
.mb40 {
	margin-bottom: 40px!important;
}
.mb50 {
	margin-bottom: 50px!important;
}
/* padding */
.pl10 {
	padding-left: 10px!important;
}
.pl15 {
	padding-left: 15px!important;
}
.pl30 {
	padding-left: 30px!important;
}
.pr5 {
	padding-right: 5px!important;
}
.pr15 {
	padding-right: 15px!important;
}
.pr20 {
	padding-right: 20px!important;
}
.pr30 {
	padding-right: 30px!important;
}
.pt10 {
	padding-top: 10px!important;
}
.pt15 {
	padding-top: 15px!important;
}
.pb5 {
	padding-bottom: 5px!important;
}
.pb7 {
	padding-bottom: 7px!important;
}
.pb10 {
	padding-bottom: 10px!important;
}
.pb15 {
	padding-bottom: 15px!important;
}
.wAuto {
	width: auto;
}
.w160 {
	width: 160px;
}
.w200 {
	width: 200px;
}
.w210 {
	width: 210px;
}
.w220 {
	width: 220px;
}
.w260 {
	width: 260px;
}
.w10 {
	width: 10%;
}
.w12 {
	width: 12%;
}
.w17 {
	width: 17%;
}
.w20 {
	width: 20%;
}
.w25 {
	width: 25%;
}
.w27 {
	width: 27%;
}
.w28 {
	width: 28%;
}
.w30 {
	width: 30%;
}
.w33 {
	width: 33%;
}
.w40 {
	width: 40%;
}
.w49 {
	width: 49%;
}
.w50 {
	width: 50%;
}
.w60 {
	width: 60%;
}
.w70 {
	width: 70%;
}
.w6em {
	width:6em !important;
}
/* text-align */
.tac {
	text-align: center!important;
}
.tal {
	text-align: left!important;
}
.tar {
	text-align: right!important;
}
/* vertical-align */
.vat, table.vat td, img.vat {
	vertical-align: top;
}
.vam {
	vertical-align: middle;
}
/* float */
.fll {
	float: left;
}
.flr {
	float: right;
}
/* nowrap */
.nowrap {
	white-space: nowrap;
}
/* ----- font-weight ----- */
.fwb {
	font-weight: bold;
}
.fcred {
	color: rgb(255, 0, 93);
}
/* ----- font-size ----- */
.f12 {
	font-size: 1.2em !important;
}
/* ----- color ----- */
.blue {
	color: #1AA53D;
}
.orange {
	color: #FF0000;
}
/* table */
#ms_main table.table1 {
	width: 100%;
	border-collapse: collapse;
	border-right: 1px solid #D4D4D4;
}
table.table1 th, table.table1 td {
	padding: 5px;
	border: 1px solid #D4D4D4;
}
table.table1 th, table.table1 tfoot td {
	background: #E7E7E7;
}
table.table1 .tar {
	text-align: right;
	white-space: nowrap;
}
/* =============================================================== 
	*** base *** 
=============================================================== */
body {
	background-color: #fff;
	font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Helvetica, sans-serif;
	color: #333333;
	text-align: center;
}
#ms_container {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	font-size: 100%;
}
h1 {
    /*font-size: 30px;*/
    font-size: 2em;
    color: black; /*padding: 0px 10px;*/
}
    h1.top {
        font-size: 2em;
        color: #FFFFFF;
        background-color: #e95295;
        padding: 5px 10px 0px 10px;
        width: 180px;
        text-align: center;
    }
div.h1box p {
	position: relative;
  top: 15px;
  left: 20px;
}
h2 {
    font-size: 1.6em;
    color: #002813;
    font-weight: bold;
    border-top: 2px solid #e95295;
    border-bottom: 1px solid #D4D4D4;
    /*width: 100%;*/
    padding: 7px 10px 7px 10px;
}
h3 {
    /*font-size: 20px;*/
    font-size: 2em;
    color: rgb(0,0,0);
}
h4 {
	/*font-size: 12px;*/
	font-size: 1.2em;
}
h5 {
	/*font-size: 12px;*/
	font-size: 1.2em;
	font-weight: bold;
}
/*top以外のヘッダー*/
#popheader03 {
clear: both;
    width: 100%;
    padding: 0 0 10px;
    font-size: 62.5%;
    margin-bottom: 40px;
    border-bottom: 5px solid #e95295;
}
#popheader03 #header-logo {
	float: left;
	width: 230px;
	margin: 0 42px 0 0;
	padding: 10px 0 0;
}
#popheader03 .popheader-inner {
	width: 960px;
	margin: 0 auto;
}
#popheader03 .header-unit {
	float: right;
	width: 300px;
	margin: 12px 0 0;
	font-size: 1.6em;
	line-height: 1.2;
}
#popheader03 .header-fontsize {
	float: right;
	/*width: 120px;*/
	/*height: 78px;*/
	margin: 0;
	padding: 3px 0 0 0;
	font-size: 14px;
}
#popheader03 .header-fontsize p {
	display: block;
	padding: 6px 0 11px;
	text-align: center;
	margin-right: 10px;
}
#popheader03 .header-fontsize ul {
	display: block;
	margin: 0 5px;
}
#popheader03 .header-fontsize li {
    float: left;
    --border: 1px solid #e95295;
    background-color: #c03e78;
    margin-right: 3px;
}
#popheader03 .header-fontsize li a {
    display: block;
    width: 36px;
    padding: 5px 0 4px;
    border-width: 0 0 1px 1px;
    color: white;
    text-decoration: none;
    text-align: center;
    background-color: #c03e78;
}
#popheader03 .header-fontsize li.active a {
    background-color: #fff;
    color: black;
    border: 1px solid #c03e78;
}
#popheader03 .header-fontsize .header-fontsize-large a {
	width: 36px;
}
#popheader03 .header-fontsize .header-fontsize-largest {
	border-right: none;
}
#popheader03 .header-sp-menu {
	display: none;
}

/* -------------------------------------------------------------------
	ヘッダー popheader
------------------------------------------------------------------- */
#popheader {
    clear: both;
    width: 100%;
    font-size: 62.5%;
    margin-bottom: 20px;
    background:url(../../img/pc/headerbg.gif) repeat-x;
}
#popheader02 {
	clear: both;
	width: 100%;
	width: 100%;
	font-size: 62.5%;
}
#popheader .popheader-inner {
	width: 960px;
	margin: 0 auto;
}
#popheader02 .popheader-inner {
	width: 960px;
	margin: 0 auto;
}
/*.popup780 #popheader .popheader-inner {
	width: 780px;
}
.popup950 #popheader .popheader-inner {
	width: 950px;
}*/
#popheader #header-logo {
	float: left;
	width: 230px;
	--margin: 0 42px 0 0;
	--padding: 10px 0 0;
}
#popheader02 #header-logo {
	float: left;
	width: 230px;
	margin: 0 42px 0 0;
	/*padding: 10px 0 0;*/
}
#popheader #header-logo img {
	width: 100%;
	position: relative;
  	left: -21px;

}
#popheader02 #header-logo img {
	width: 100%;
  position: relative;
  left: -21px;
}
#popheader #header-logo-sp {
	display: none;
}
#popheader02 #header-logo-sp {
	display: none;
}

/* unit */
#popheader .header-unit {
	float: right;
	width: 300px;
	font-size: 1.6em;
	line-height: 1.2;
	padding-top: 2px;
}
#popheader02 .header-unit {
	float: right;
	width: 300px;
	margin: 5px 0 0;
	font-size: 1.4em;
	line-height: 1.2;
}
/* フォントサイズ変更 */



#popheader .header-fontsize {
	float: right;
	/*width: 120px;*/
	/*height: 78px;*/
	margin: 0;
	padding: 3px 0 0 0;
	font-size: 14px;
}
#popheader02 .header-fontsize {
	float: right;
	margin: 0;
	padding: 0;
}
#popheader .header-fontsize p {
	display: block;
	padding: 6px 0 11px;
	text-align: center;
	margin-right: 10px;
}
#popheader02 .header-fontsize p {
	display: block;
	padding: 6px 0 11px;
	text-align: center;
	margin-right: 10px;
}
#popheader .header-fontsize ul {
	display: block;
	margin: 0 5px;
}
#popheader02 .header-fontsize ul {
	display: block;
	margin: 0 5px;
}
#popheader .header-fontsize li {
    float: left;
    /*border-right: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;*/
    background-color: pink;
    margin-right: 3px;
}
#popheader02 .header-fontsize li {
	float: left;
	background-color: orange;
	margin-right: 3px;
}
#popheader .header-fontsize li a {
    display: block;
    width: 36px;
    padding: 5px 0 4px;
    border-width: 0 0 1px 1px;
    color: white;
    text-decoration: none;
    text-align: center;
    background-color: #c03e78;
}
#popheader02 .header-fontsize li a {
    display: block;
    width: 36px;
    padding: 5px 0 4px;
    color: black;
    text-decoration: none;
    text-align: center;
	background-color: rgb(241,236,229 );
}
#popheader .header-fontsize li.active a {
    background-color: #fff;
    color: black;
}
#popheader02 .header-fontsize li.active a {
    background-color: #5666BE;
    color: black;
}
#popheader .header-fontsize .header-fontsize-large a {
	width: 36px;
}
#popheader02 .header-fontsize .header-fontsize-large a {
	width: 36px;
}
#popheader .header-fontsize .header-fontsize-largest {
	border-right: none;
}
#popheader02 .header-fontsize .header-fontsize-largest {
	border-right: none;
}
#popheader .header-sp-menu {
	display: none;
}
#popheader02 .header-sp-menu {
	display: none;
}
/* 閉じるボタン */
.pop-close {
	clear: both;
	width: 960px;
	margin: 20px auto 0;
}
.pop-close a {
	display: block;
	width: 3em;
	padding: 10px 0 10px 43px;
	margin: 0 0 0 auto;
	background: url(../../img/pc/btn_close_002.gif) no-repeat 0 0;
	color: #333;
	text-decoration: none;
	line-height: 15px;
}
.pop-close a:hover {
	text-decoration: underline;
}
.popup780 .pop-close {
	width: 780px;
}
.popup950 .pop-close {
	width: 950px;
}
.pop-print {
	clear: both;
	width: 450px;
	margin: -36px auto 0;
}
.pop-print a {
	display: block;
	margin: 0 0 0 auto;
	width: 202px;
}

/* -------------------------------------------------------------------
	main
------------------------------------------------------------------- */
#main {
	clear: both;
	text-align: left;
	padding: 10px 0px;
	position: relative;
	font-size: 62.5%;
}
#main p {
	margin: 15px 0 -5px;
	font-size: 1.6em;
	line-height: 1.6;
}
.btnClose {
	position: absolute;
	right: 0;
	top: 5px;
}
.aside {
	margin: 30px 5px 20px;
}
.aside a {
	color: #1b1b1b!important;
}
.aside ul {
	margin: 15px 0px 0px;
	font-size: 0.86em;
}
/* -------------------------------------------------------------------
	フッター
------------------------------------------------------------------- */
#popfooter {
	clear: both;
	position: relative;
	width: 100%;
	margin: 0;
	background: #f3f3f3;
	font-size: 62.5%;
}
/* コピーライト */
    #popfooter #footer-copyright {
        padding: 0;
        background-color: #e95295;
        font-size: 12px;
        line-height: 1.2;
        height: 80px;
        color: #ffffff;
    }
#popfooter #footer-copyright .footer-copyright-inner {
	width: 690px;
	margin: 0 auto;
	padding: 25px 0 0;
}
.popup780 #popfooter #footer-copyright .footer-copyright-inner {
	width: 780px;
}
.popup950 #popfooter #footer-copyright .footer-copyright-inner {
	width: 950px;
}
#popfooter #footer-copyright .footer-copyright-text p {
	margin: 0 0 10px;
}
#popfooter #footer-copyright .footer-anchor-text {
	float: left;
	width: 220px;
}
#popfooter #footer-copyright .footer-anchor-text a {
	padding: 0 0 0 15px;
	background: url(../../img/pc/ico_arrow_red_m.png) no-repeat 0 0.2em;
}
/* フッターページトップ */
.popfooter-pagetop {
	width: 960px;
	margin: 0 auto -1px;
	font-size: 62.5%;
	text-align: right;
}
.popup780 .popfooter-pagetop {
	width: 780px;
}
.popup950 .popfooter-pagetop {
	width: 950px;
}
.popfooter-pagetop p {
	display: block;
	margin: 0 0 0 auto;
	width: 170px;
}
.popfooter-pagetop a {
    display: block;
    overflow: hidden;
    width: 170px;
    height: 35px;
    border-radius: 6px 6px 0 0;
    border-bottom: none;
    background: #e95295 url(../../img/pc/ico_pagetop_001.png) no-repeat 10px center;
    color: white;
    font-size: 1.6em;
    text-align: center;
    line-height: 37px;
    text-decoration: none;
    text-indent: 15px;
}
    .popfooter-pagetop a:hover {
        background: #e95295 url(../../img/pc/ico_pagetop_001.png) no-repeat 10px center;
    }
/* -------------------------------------------------------------------
	ディスクレーマー
------------------------------------------------------------------- */
.disc {
	margin-top: 5px;
	border: 1px solid #dcdcdc;
	padding: 20px;
}
.disc ul {
	/*font-size: 12px;*/
	font-size: 1.2em !important;
	text-align: justify;
}
.disc ul li {
/*list-style: disc inside;*/
	margin-top: 5px;
}
.disc p {
	/*font-size: 12px;*/
	font-size: 1.2em !important;
}
p.kome, .kome li, p.kome, li.kome {
	margin-left: 1em;
	text-indent: -1em;
}
.msimg {
	text-align: left;
	margin-bottom: 20px !important;
}
.msimg_02 {
	margin-top: 30px !important;
}

.disc_list li {
    padding: 0 0 0 1em;
    text-indent: -1em;
    
}

.disc ul li {
    margin-top: 5px;
}

.disc_syosai {
    margin-top: 5px;
    padding: 20px;
}
.disc_syosai ul {
    /*font-size: 12px;*/
    font-size: 1.2em !important;
}

    .disc_syosai ul li {
        margin-top: 5px;
    }

.disc_syosai p {
    /*font-size: 12px;*/
    font-size: 1.2em !important;
}

.disc_syosai_list li {
    padding: 0 0 0 1em;
    text-indent: -1em;
}

.disc_syosai ul li {
    margin-top: 5px;
}
