@charset "shift_jis";

body {
	height: 100%;
}

#container {
	position: relative;
	width: 100%;
	margin: 0px auto;
    padding: 40px 10px 100px 10px;
}

/* 各ページの背景 ----------*/

#home {
    background: #FFF;
}

#common {
    background: #FFF;
}

#anothersheet {
    background: #BDB76B;
}

#login {
    background: #FFF;
}

/* 共通 ----------*/

.contents_wrap1 {
    background: #F0F0F0;
    padding: 30px 10px;
    overflow: hidden;
}

.contents_wrap2 {
	background: #00337f;
    padding: 30px 10px;
    overflow: hidden;
}

.contents_wrap3 {
    background: #FFF;
    padding: 30px 10px;
    overflow: hidden;
}

.common_wrap {
    background: #FFF;
    width: 100%;
    padding: 20px 10px;
    box-shadow:0px 5px 6px 2px #999999;
    border-radius:0px 0px 0px 0px;
    shadowColor:"#999999",
        shadowOffset:{width:0,height:5},
    shadowOpacity:1,
        shadowRadius:6,
        borderWidth:0,
        borderColor:"#999999",
        borderTopLeftRadius:0,
        borderTopRightRadius:0,
        borderBottomLeftRadius:0,
        borderBottomRightRadius:0
}

.common_wrap .common_title {
    border-left: solid 10px #1E90FF;
    border-right: solid 10px #1E90FF;
	background: #00337f;
    width: 100%;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    color: #FFF;
    text-align: center;
    margin: 0 auto 25px auto;
    box-shadow:0px 5px 6px 2px #999999;
    border-radius:0px 0px 0px 0px;
    shadowColor:"#999999",
        shadowOffset:{width:0,height:5},
    shadowOpacity:1,
        shadowRadius:6,
        borderWidth:0,
        borderColor:"#999999",
        borderTopLeftRadius:0,
        borderTopRightRadius:0,
        borderBottomLeftRadius:0,
        borderBottomRightRadius:0
}

.common_wrap .contents_box {
    margin: 40px 0 0 0;
}

.common_wrap .contents_box h1 {
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
}

.ex {
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
}

/* HOME ----------*/

.login_wrap {
    padding: 10px;
}

.login_wrap iframe {
    width: 100%;
    height: 400px;
}

.planinfo_wrap {
    width: 100%;
    margin: 0 auto 30px auto;
}

.planinfo_wrap h1 {
    font-size: 20px;
    color: #666;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
}

.planinfo_wrap .cooperation {
    font-size: 30px;
    color: #4169E1;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
}

.planinfo_wrap h2 {
	background-color: #00337f;
    font-size: 16px;
    line-height: 1.7;
    color: #FFF;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    margin: 10px 0 0 0;
    padding: 5px;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
}

.planinfo_wrap .plannavi ul {
	display: table;
	table-layout: fixed;
	text-align: center;
	width: 100%;
	list-style-type: none;
    margin: 20px auto 0 auto;
}

.planinfo_wrap .plannavi li{
	display: table-cell;
}

.planinfo_wrap .plannavi li +li{
    border-left: 10px solid #F5F5F5;
}

.planinfo_wrap .plannavi a {
	display: block;
	background: #00337f;
    height: 140px;
    padding: 13px 17px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.planinfo_wrap .plannavi a:hover {
	background-color:#191970;
}

.planinfo_wrap .plannavi .osusume a {
	display: block;
	background: url(../images/common/plannavi_bg.png) #00337f bottom right no-repeat;
    height: 140px;
    padding: 13px 17px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.planinfo_wrap .plannavi .osusume a:hover {
	background-color:#191970;
}

.planinfo_wrap .plannavi .planname {
	background: url(../images/common/plan_arw.png) center left no-repeat;
    font-size: 20px;
    color: #FF0;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
    padding: 0 0 0 27px;
}

.planinfo_wrap .plannavi .plandetail {
    font-size: 16px;
    line-height: 1.5;
    color: #FFF;
    font-weight: 400;
    text-align: left;
    text-decoration: none;
    margin: 7px 0 0 0;
}

.information_title {
    border-left: solid 10px #1E90FF;
    border-right: solid 10px #1E90FF;
	background: #00337f;
    width: 80%;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    color: #FFF;
    text-align: center;
    margin: 0 auto 25px auto;
    box-shadow:0px 5px 6px 2px #999999;
    border-radius:0px 0px 0px 0px;
    shadowColor:"#999999",
        shadowOffset:{width:0,height:5},
    shadowOpacity:1,
        shadowRadius:6,
        borderWidth:0,
        borderColor:"#999999",
        borderTopLeftRadius:0,
        borderTopRightRadius:0,
        borderBottomLeftRadius:0,
        borderBottomRightRadius:0
}

.information_detail {
    margin: 25px 0 0 0;
}

.information_detail h1 {
    border-left: solid 3px #00BFFF;
    font-size: 16px;
    line-height: 1.7;
    color: #333;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
    padding: 3px 0 3px 10px;
}

.information_detail h2 {
    font-size: 13px;
    line-height: 1.7;
    color: #666;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
    padding: 3px 0 0 13px;
}

.regist_btn {
    width: 230px;
    height: 150px;
}

.regist_btn  a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

/* 当サイトについて ----------*/

.about_wrap iframe {
    width: 100%;
}

.about_doc_box h1 {
    font-size: 16px;
    line-height: 1.7;
    color: #333;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
}

.about_doc_box .heading1 {
	background: #4169E1;
    width: 80%;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    color: #FFF;
    text-align: center;
    margin: 0 auto 25px auto;
    box-shadow:0px 5px 6px 2px #999999;
    border-radius:0px 0px 0px 0px;
    shadowColor:"#999999",
        shadowOffset:{width:0,height:5},
    shadowOpacity:1,
        shadowRadius:6,
        borderWidth:0,
        borderColor:"#999999",
        borderTopLeftRadius:0,
        borderTopRightRadius:0,
        borderBottomLeftRadius:0,
        borderBottomRightRadius:0
}

.about_doc_box .heading2 {
	background: #BDB76B;
    width: 80%;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    color: #FFF;
    text-align: center;
    margin: 0 auto 35px auto;
    box-shadow:0px 5px 6px 2px #999999;
    border-radius:0px 0px 0px 0px;
    shadowColor:"#999999",
        shadowOffset:{width:0,height:5},
    shadowOpacity:1,
        shadowRadius:6,
        borderWidth:0,
        borderColor:"#999999",
        borderTopLeftRadius:0,
        borderTopRightRadius:0,
        borderBottomLeftRadius:0,
        borderBottomRightRadius:0
}

.about_doc_box .doc02_img01 {
	background: url(../images/about/doc02_img01.jpg) center center no-repeat;
    background-size: contain;
    width: 100%;
    padding-top: 49.1803%;
    margin: 0 auto 40px auto;
}

.about_doc_box .doc03_img01 {
	background: url(../images/about/doc03_img01.jpg) center center no-repeat;
    background-size: contain;
    width: 100%;
    padding-top: 49.1803%;
    margin: 0 auto 40px auto;
}

.about_doc_box .aboutlist ul {
    list-style: decimal;
    margin: 40px 0 0 0;
    padding: 0 0 0 25px;
}

.about_doc_box .aboutlist li {
    font-size: 16px;
    line-height: 1.5;
    margin: 0 0 30px 0;
}

.about_doc_box .aboutlist .emphasis {
    font-size: 16px;
    line-height: 1.5;
    color: #00479d;
}

.memberintroduction_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin: 20px 0 30px 0;
}

.introductionpic_a {
    width: 80px;
    margin-right: 10px;
}

.introductiondetail_a {
    flex: 1;
    margin-right: 20px;
}

.introductionpic_b {
    width: 80px;
    margin-right: 10px;
}

.introductiondetail_b {
    flex: 1;
}

.introductionpic_a img, .introductionpic_b img {
    width: 80px;
    height: 100px;
}

.position1 {
	background: #9400D3;
    width: 110px;
    height: 25px;
    font-size: 15px;
    line-height: 25px;
    color: #FFF;
    text-align: center;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}

.position2 {
	background: #228B22;
    width: 120px;
    height: 25px;
    font-size: 15px;
    line-height: 25px;
    color: #FFF;
    text-align: center;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}

.position3 {
	background: #FF8C00;
    width: 90px;
    height: 25px;
    font-size: 15px;
    line-height: 25px;
    color: #FFF;
    text-align: center;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}

.position4 {
	background: #C00;
    width: 120px;
    height: 25px;
    font-size: 15px;
    line-height: 25px;
    color: #FFF;
    text-align: center;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}

.memberintroduction_table table {
    width: 100%;
    margin: 10px 0 0 0;
}

.memberintroduction_table .detail {
    border-bottom: solid 1px #999;
    padding: 5px;
}

.memberintroduction_table .detail h1 {
    font-size: 18px;
    color: #333;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
}

.memberintroduction_table .detail h2 {
    font-size: 13px;
    color: #333;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
}

.tgcintroduction_wrap {
    border: solid 1px #CCC;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.introduction_tgclogo {
	background: url(../images/about/tgc-logo.gif) center center no-repeat;
    background-size: contain;
    width: 120px;
    height: 39px;
    margin: 15px 0 0 0;
}

.introduction_tgcdetail {
    flex: 1;
    margin-left: 20px;
}

.introduction_tgcdetail h1 {
    font-size: 13px;
    line-height: 1.5;
    color: #333;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
}

.about_doc_box .kiyaku_emphasis {
	background: #6B8E23;
    width: 90%px;
    font-size: 18px;
    color: #FFF;
    text-align: center;
    padding: 7px;
    margin: 0 0 20px 0;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

.dousa_table table {
    width: 100%;
}

.dousa_table .item {
    border-top: solid 1px #999;
    border-bottom: solid 1px #999;
    border-right: solid 1px #999;
    padding: 10px;
    width: 110px;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    font-weight: 500;
    text-align: center;
    vertical-align: top;
    text-decoration: none;
}

.dousa_table .detail {
    border-top: solid 1px #999;
    border-bottom: solid 1px #999;
    padding: 10px;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    font-weight: 500;
    text-align: left;
    vertical-align: top;
    text-decoration: none;
}

.doc01_logo01 {
	background: url(../images/about/doc01_img01.gif) center center no-repeat;
    background-size: contain;
    width: 150px;
    height: 28px;
}

.doc01_logo02 {
	background: url(../images/about/doc01_img02.gif) center center no-repeat;
    background-size: contain;
    width: 250px;
    height: 19px;
}

.doc01_emphasis {
    font-size: 18px;
    line-height: 1.7;
    color: #333;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
    padding: 10px 0;
}

.doc01_leclist ul {
	display: table;
	table-layout: fixed;
	text-align: center;
	width: 100%;
	list-style-type: none;
    margin: 20px 0 0 0;
}

.doc01_leclist li {
	display: table-cell;
}

.doc01_leclist li +li{
    border-left: 1px solid #FFF;
}

.doc01_leclist li a {
	display: block;
	background: #808000;
    padding: 10px 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.doc01_leclist li a:hover {
	background-color: #BDB76B;
}

.doc01_leclist h2 {
    font-size: 16px;
    line-height: 1.7;
    font-weight: bold;
	color:#FFF;
    text-align: center;
}

.doc01_leclist h3 {
    font-size: 13px;
    line-height: 1.7;
    font-weight: 400;
	color:#FFF;
    text-align: center;
}

.offer {
    font-size: 14px;
    line-height: 1.7;
    font-weight: 400;
	color:#666;
    text-align: right;
    margin: 10px 0 0 0;
}

.anothersheet_box {
    width: 100%;
    margin: 0 auto;
    padding: 30px 10px;
    overflow: hidden;
}

.anothersheet_box .anothersheet_title {
    border-left: solid 10px #EEE8AA;
    border-right: solid 10px #EEE8AA;
	background: #556B2F;
    width: 100%;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    color: #FFF;
    text-align: center;
    margin: 0 auto 30px auto;
    box-shadow:0px 5px 6px 2px #B8860B;
    border-radius:0px 0px 0px 0px;
    shadowColor:"#B8860B",
        shadowOffset:{width:0,height:5},
    shadowOpacity:1,
        shadowRadius:6,
        borderWidth:0,
        borderColor:"#B8860B",
        borderTopLeftRadius:0,
        borderTopRightRadius:0,
        borderBottomLeftRadius:0,
        borderBottomRightRadius:0
}

.anothersheet_box .lecture_table table {
    width: 100%;
    margin-bottom: 30px;
    box-shadow:0px 5px 6px 2px #B8860B;
    border-radius:0px 0px 0px 0px;
    shadowColor:"#B8860B",
        shadowOffset:{width:0,height:5},
    shadowOpacity:1,
        shadowRadius:6,
        borderWidth:0,
        borderColor:"#B8860B",
        borderTopLeftRadius:0,
        borderTopRightRadius:0,
        borderBottomLeftRadius:0,
        borderBottomRightRadius:0
}

.anothersheet_box .lecture_table .series_title {
    border: solid 1px #BDB76B;
    background-color: #808000;
    padding: 10px;
    font-size: 16px;
    line-height: 1.5;
    color: #FFF;
    font-weight: 500;
    text-align: left;
    vertical-align: top;
    text-decoration: none;
}

.anothersheet_box .lecture_table .detail {
    border: solid 1px #BDB76B;
    background-color: #FFF;
    padding: 10px;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    font-weight: 500;
    text-align: left;
    vertical-align: top;
    text-decoration: none;
}

.anothersheet_box .close_button a {
    display: block;
    background: #666666;
    background: -moz-linear-gradient(top, #666666 0%, #666666 46%, #666666 50%, #454545 50%, #666666 100%);
    background: -webkit-linear-gradient(top, #666666 0%,#666666 46%,#666666 50%,#454545 50%,#666666 100%);
    background: linear-gradient(to bottom, #666666 0%,#666666 46%,#666666 50%,#454545 50%,#666666 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#666666',GradientType=0 );
	width: 100%;
	font-size: 16px;
	color: #FFF;
    text-align: center;
    text-shadow:1px 1px 2px #333;
	padding: 10px 0;
    border-radius: 3px;
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;
}

.anothersheet_box .close_button a:hover {
	background: #999;
	color: #FFF;
}

.privacypolicy ul {
    list-style: decimal;
    margin: 40px 0 20px 20px;
}

.privacypolicy li {
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    font-weight: 500;
    text-align: left;
    margin: 0 0 20px 0;
}

/* プランと料金 ----------*/

.plan_2column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 0 30px 0;
}

.plan_tab ul {
    border: solid 1px #FFF;
    list-style-type: none;
    width: 100%;
    cursor: pointer;
    display: block;
    overflow: hidden;
}

.plan_tab:after {
    content: "";
    clear: both;
    display: block;
}

.plan_tab li {
    float: left;
    width: 50%;
	font-size: 15px;
    line-height: 1.6;
    text-align: center;
    font-weight: 500;
    border: solid 1px #FFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.plan_tab li +li{
    border: solid 1px #FFF;
}

.plan_tab li:nth-child(odd) {
    border: solid 1px #FFF;
}

.plan_tab a {
	display: block;
	background: #999;
    font-size: 16px;
    color: #FFF;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    text-shadow:1px 1px 2px #333;
    padding: 20px 5px;
}

.plan_tab a:hover {
	background-color:#666;
}

.plan_tab .active a {
	display: block;
	background: #00337f;
    font-size: 16px;
    color: #FFF;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    text-shadow:1px 1px 2px #191970;
    padding: 20px 5px;
}

@media screen and (min-width: 758px) {
    .plan_tab li:nth-child(odd) {
        border-right: none;
    }

    .plan_tab ul {
	   display: table;
	   table-layout: fixed;
	   text-align: center;
	   width: 100%;
	   list-style-type: none;
    }

    .plan_tab li {
        float: none;
        display: table-cell;
        width: 100%;
    	font-size: 14px;
        border-bottom: none;
        border: solid 1px #FFF;
    }
}

.plan_2column .plan_name {
    flex: 1;
    background-color: #00337f;
    font-size: 20px;
    line-height: 60px;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    margin: 0 5px 0 0;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

.plan_2column .goto_regist a {
    display: block;
    background: #00479d;
    background: -moz-linear-gradient(top, #1E90FF 0%, #1F5FA9 50%, #00479d 50%, #00008B 100%);
    background: -webkit-linear-gradient(top, #1E90FF 0%, #1F5FA9 50%,#00479d 50%,#00008B 100%);
    background: linear-gradient(to bottom, #1E90FF 0%, #1F5FA9 50%,#00479d 50%,#00008B 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1F5FA9', endColorstr='#1F5FA9',GradientType=0 );
    width: 150px;
	font-size: 16px;
    line-height: 60px;
	color: #FFF;
    text-align: center;
    text-shadow:1px 1px 2px #00008B;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

.plan_2column .goto_regist a:hover {
	background: #00479d;
	color: #FFF;
}

.plan_2column .planbox_item {
    width: 150px;
    margin: 0 5px 0 0;
    background-color: #4169E1;
    font-size: 16px;
    line-height: 1.7;
    color: #FFF;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    padding: 10px 5px;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

.plan_2column .planbox_detail {
    flex: 1;
    border: solid 1px #CCC;
    background: #FFF;
    font-size: 16px;
    line-height: 1.7;
    color: #333;
    font-weight: 500;
    text-decoration: none;
    padding: 10px 5px;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

.plan_contents {
	width: 100%;
    margin: 0 0 30px 0;
}

.plan_contents .CollapsiblePanel {
    background-color: #4169E1;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

.plan_contents .CollapsiblePanelTab {
    padding: 10px;
	font-size: 16px;
    text-align: center;
    color: #FFF;
	cursor:pointer;
}

.plan_contents .CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
}

.plan_contents .CollapsiblePanelTab a {
	color: #000;;
	text-decoration: none;
}

.plan_contents .CollapsiblePanelOpen .CollapsiblePanelTab,
.plan_contents .CollapsiblePanelClosed .CollapsiblePanelTab,
.plan_contents .CollapsiblePanelFocused .CollapsiblePanelTab,
.plan_contents .CollapsiblePanelTabHover, .plan_contents .CollapsiblePanelOpen .CollapsiblePanelTabHover {
    background-color: #4169E1;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
	color: #FFF;
    font-weight: bold;
}

.plan_contents .plan_contentswrap {
    background-color: #FFF;
	overflow:hidden;
	clear:both;
}

.plan_contents .plan_contentswrap .detail {
    border: solid 1px #CCC;
    background: #FFF;
    font-size: 16px;
    line-height: 1.7;
    color: #333;
    font-weight: 500;
    text-decoration: none;
    padding: 10px 5px;
	overflow:hidden;
    margin: 20px 5px 0 5px;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

.plan_contents .icon01 {
	background: url(../images/planandcharge/plan_arw01.png) center left no-repeat;
    padding: 0 0 0 25px;
}

.comparison table {
    width: 100%;
    table-layout: fixed;
}

.comparison table th {
    border: solid 1px #D0D0D0;
    background: #1e90ff;
    background: -moz-linear-gradient(top,  #1e90ff 0%, #87cefa 100%);
    background: -webkit-linear-gradient(top,  #1e90ff 0%,#87cefa 100%);
    background: linear-gradient(to bottom,  #1e90ff 0%,#87cefa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e90ff', endColorstr='#87cefa',GradientType=0 );
    padding: 25px 5px;
}

.comparison table td {
    border: solid 1px #D0D0D0;
    background: #FFF;
    padding: 20px 5px;
}

.comparison h1 {
    font-size: 16px;
    line-height: 1.7;
    color: #333;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
}

.comparison h2 {
    font-size: 18px;
    color: #FFF;
    text-shadow:1px 1px 2px #00008B;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

.plan_index {
    background-color: #666;
    font-size: 18px;
    line-height: 40px;
    color: #FFF;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    height: 40px;
    margin: 0 0 20px 0;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

.planbox_notes ul {
    list-style: decimal;
    margin: 20px 0 30px 0;
    padding: 0 0 0 30px;
}

.planbox_notes li {
    font-size: 16px;
    line-height: 1.7;
    color: #333;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
    vertical-align: top;
    margin: 0 0 5px 0;
}

.planflow_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto 20px auto;
}

.planflow_num {
    width: 40px;
    margin-right: 10px;
}

.planflow_num .number {
    background-color: #999;
    font-size: 20px;
    line-height: 40px;
    color: #FFF;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    width: 40px;
    height: 40px;
    border-radius: 20px 20px 20px 20px / 20px 20px 20px 20px;
}

.planflow_left_blue {
    flex: 1;
    background-color: #87CEEB;
    font-size: 18px;
    line-height: 1.5;
    color: #333;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    padding: 10px 5px;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
    margin-right: 10px;
}

.planflow_right_blue {
    flex: 1;
    background-color: #87CEEB;
    font-size: 18px;
    line-height: 1.5;
    color: #333;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    padding: 10px 5px;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

.planflow_left_orange {
    flex: 1;
    background-color: #F4A460;
    font-size: 18px;
    line-height: 1.5;
    color: #333;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    padding: 10px 5px;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
    margin-right: 10px;
}

.planflow_right_orange {
    flex: 1;
    background-color: #F4A460;
    font-size: 18px;
    line-height: 1.5;
    color: #333;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    padding: 10px 5px;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

.planflow_left_pink {
    flex: 1;
    background-color: #FFB6C1;
    font-size: 18px;
    line-height: 1.5;
    color: #333;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    padding: 10px 5px;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
    margin-right: 10px;
}

.planflow_right_pink {
    flex: 1;
    background-color: #FFB6C1;
    font-size: 18px;
    line-height: 1.5;
    color: #333;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    padding: 10px 5px;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

.planflow_left_dummy {
    flex: 1;
    background-color: #FFF;
    padding: 10px;
    margin-right: 10px;
}

.planflow_right_dummy {
    flex: 1;
    background-color: #FFF;
    padding: 10px;
}

.plankiyaku_wrap iframe {
    border: solid 1px #999;
    width: 100%;
    height: 500px;
    padding: 15px;
    margin: 30px auto 0 auto;
}

.kiyaku_yesno ul {
	display: table;
	table-layout: fixed;
	text-align: center;
	width: 100%;
	list-style-type: none;
    margin: 30px auto 0 auto;
}

.kiyaku_yesno li {
	display: table-cell;
}

.kiyaku_yesno li +li{
    border-left: 1px solid #FFF;
}

.kiyaku_yesno li a {
	display: block;
    background: #00479d;
    background: -moz-linear-gradient(top, #1E90FF 0%, #1F5FA9 50%, #00479d 50%, #00008B 100%);
    background: -webkit-linear-gradient(top, #1E90FF 0%, #1F5FA9 50%,#00479d 50%,#00008B 100%);
    background: linear-gradient(to bottom, #1E90FF 0%, #1F5FA9 50%,#00479d 50%,#00008B 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1F5FA9', endColorstr='#1F5FA9',GradientType=0 );
	color:#FFF;
    font-weight: 500;
	font-size: 16px;
    line-height: 60px;
	text-decoration:none;
    text-align: center;
    height: 60px;
    border-radius: 5px;
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px;
}

.kiyaku_yesno li a.no {
	background: #666;
	color:#FFF;
    border-radius: 5px;
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px;
}

.kiyaku_yesno li a:hover:not(.no) {
	background: #00479d;
	color: #FFF;
    border-radius: 5px;
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px;
}

.plan_spacer {
    width: 100%;
    height: 55px;
}

/* よくある質問 ----------*/

.question_head {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.question_head .qanda_title {
    border-left: solid 10px #1E90FF;
    border-right: solid 10px #1E90FF;
	background: #00479d;
    width: 100%;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    color: #FFF;
    text-align: center;
    margin: 0 auto 25px auto;
    box-shadow:0px 5px 6px 2px #000080;
    border-radius:0px 0px 0px 0px;
    shadowColor:"#000080",
        shadowOffset:{width:0,height:5},
    shadowOpacity:1,
        shadowRadius:6,
        borderWidth:0,
        borderColor:"#000080",
        borderTopLeftRadius:0,
        borderTopRightRadius:0,
        borderBottomLeftRadius:0,
        borderBottomRightRadius:0
}

.question_head h1 {
    font-size: 16px;
    line-height: 1.7;
    color: #FFF;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
}

.questionmenu ul {
    list-style: none;
    margin: 30px 0 0 0;
}

.questionmenu li {
    display: inline;
}

.questionmenu li a {
    display: block;
    background-color: #00479d;
    font-size: 16px;
    line-height: 1.7;
    color: #FFF;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
    padding: 10px;
    margin: 1px 0px;
}

.questionmenu li a:hover {
	background-color: #6495ED;
	color: #FFF;
}

.questionmenu .questioncategory {
    display: block;
    background-color: #191970;
    font-size: 18px;
    line-height: 50px;
    color: #FFF;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    height: 50px;
    margin: 1px 0px;
}

.qanda_spacer {
    width: 100%;
    height: 55px;
}

.qanda_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 0 10px 0;
}

.qanda_decoration {
    width: 40px;
}

.qanda_decoration  .decoration_q {
    background-color: #1F5FA9;
    font-size: 20px;
    line-height: 40px;
    color: #FFF;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    width: 40px;
    height: 40px;
    border-radius: 20px 20px 20px 20px / 20px 20px 20px 20px;
}

.qanda_decoration  .decoration_a {
    background-color: #DC143C;
    font-size: 20px;
    line-height: 40px;
    color: #FFF;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    width: 40px;
    height: 40px;
    border-radius: 20px 20px 20px 20px / 20px 20px 20px 20px;
}

.qanda_fukidashi_q {
    flex: 1;
    background-color: #F0F0F0;
    font-size: 16px;
    line-height: 1.7;
    color: #333;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
    padding: 15px;
    margin: 0 0 0 10px;
    border-radius: 0 20px 20px 20px / 0 20px 20px 20px;
}

.qanda_fukidashi_a {
    flex: 1;
    background-color: #FFE4E1;
    font-size: 16px;
    line-height: 1.7;
    color: #333;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
    padding: 15px;
    margin: 0 10px 0 0;
    border-radius: 20px 0 20px 20px / 20px 0 20px 20px;
}

div.qandadetail_wrap {
    background: #FFF;
    width: 100%;
    font-size: 16px;
    line-height: 1.7;
    color: #333;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
    padding: 15px 15px 0 15px;
    margin-top: 55px;
    overflow: hidden;
    box-shadow:0px 3px 5px 1px #C0C0C0;
    border:1px solid #D3D3D3;
    {
        shadowColor:"#C0C0C0",
            shadowOffset:{width:0,height:3},
        shadowOpacity:1,
            shadowRadius:5,
            borderWidth:1,
            borderColor:"#D3D3D3",
            borderRadius:0
    }
}

div.qandadetail_wrap:first-of-type {
    margin-top: 0;
}

.qanda_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.qanda_wrap:last-child {
    margin-bottom: 0;
}

.qanda_decoration {
    width: 40px;
}

.qanda_decoration .decoration_q {
    background-color: #1F5FA9;
    font-size: 30px;
    line-height: 40px;
    color: #FFF;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    width: 40px;
    height: 40px;
    border-radius: 30px;
	-webkit-border-radius: 30px;  
	-moz-border-radius: 30px;
}

.qanda_decoration .decoration_a {
    background-color: #DC143C;
    font-size: 30px;
    line-height: 40px;
    color: #FFF;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    width: 40px;
    height: 40px;
    border-radius: 30px;
	-webkit-border-radius: 30px;  
	-moz-border-radius: 30px;
}

.qanda_fukidashi_q {
    flex: 1;
    border: solid 1px #B0C4DE;
    background-color: #DAE6FF;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
    padding: 20px;
    margin: 0 0 0 10px;
    border-radius: 0 20px 20px 20px / 0 20px 20px 20px;
}

.qanda_fukidashi_a {
    flex: 1;
    border: solid 1px #D3D3D3;
    background-color: #FFF;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
    padding: 15px;
    margin: 0 10px 30px 0;
    border-radius: 20px 0 20px 20px / 20px 0 20px 20px;
}

.contactus_box {
	width: 100%;
    margin-top: 30px;
}

.contactus_box .CollapsiblePanel {
    background-color:#FFA500;
    font-size: 18px;
    line-height: 1.7;
	color: #FFF;
    font-weight: 500;
    text-align: left;
	text-decoration: none;
}

.contactus_box .CollapsiblePanelTab,
.contactus_box .CollapsiblePanelClosed .CollapsiblePanelTab,
.contactus_box .CollapsiblePanelTabHover,
.contactus_box .CollapsiblePanelFocused .CollapsiblePanelTab {
	cursor:pointer;
    background-color:#FFA500;
    background-image:url(../images/qanda/icon_contactus01.png);
    background-repeat:no-repeat;
    background-position:right 5px center;
    padding: 7px 30px 7px 5px;
    text-shadow:2px 2px 2px #D2691E;
}

.contactus_box .CollapsiblePanelOpen .CollapsiblePanelTab,
.contactus_box .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	cursor:pointer;
    background-color:#FFA500;
    background-image:url(../images/qanda/icon_contactus02.png);
    background-repeat:no-repeat;
    background-position:right 5px center;
    padding: 7px 30px 7px 5px;
    text-shadow:2px 2px 2px #D2691E;
}

.contactus_box .CollapsiblePanelContent {
}

.contactus_box .CollapsiblePanelTab a {
	color: #FFF;
	text-decoration: none;
}

.contactus_box .CollapsiblePanelTab .icon01 {
	background: url(../images/qanda/icon_help.png) left top no-repeat;
    padding: 0 0 0 50px;
}

.contactus_box .contactus_detail {
	clear:both;
	overflow:hidden;
    border: solid 2px #FFA500;
    background: #FFF;
    padding: 10px 5px;
}

.contactus_box .contactus_detail .contactus_title01,
.contactus_enif {
    background-color: #00479d;
    width: 260px;
    font-size: 18px;
    line-height: 1.5;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    padding: 5px 0;
    margin: 0 0 15px 0;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

.contactus_box .contactus_detail .contactus_title02,
.contactus_phs {
    background-color: #BDB76B;
    width: 260px;
    font-size: 18px;
    line-height: 1.5;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    padding: 5px 0;
    margin: 0 0 15px 0;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

.contactus_box .contactus_detail .qa_2column {
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
}

.contactus_box .contactus_detail .qa_2column .qa_box {
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    border: solid 1px #CCC;
	background: #FFF;
    padding: 15px 5px;
    border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
}

@media screen and (min-width: 820px) {
    .contactus_box .contactus_detail .qa_2column {
        display: flex;
        flex-wrap: wrap;
        margin-top: 20px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 0;
    }

    .contactus_box .contactus_detail .qa_2column .qa_box {
        margin-right: 10px;
        width: calc(50% - 10px);
        box-sizing: border-box;
        border: solid 1px #CCC;
        background: #FFF;
        padding: 15px 5px;
        border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
    }
}

.contactus_box .contactus_detail .qa_2column .qa_box:last-child {
    margin-right: 0;
}

.contactus_box .contactus_detail .qa_2column .qa_box .mail_button a {
    display: block;
    border: solid 1px #79B5E7;
    background: #e4f5fc;
    background: -moz-linear-gradient(top,  #fefefe 0%, #bfe8f9 50%, #9fd8ef 50%, #2ab0ed 100%);
    background: -webkit-linear-gradient(top,  #fefefe 0%,#bfe8f9 50%,#9fd8ef 50%,#2ab0ed 100%);
    background: linear-gradient(to bottom,  #fefefe 0%,#bfe8f9 50%,#9fd8ef 50%,#2ab0ed 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#2ab0ed',GradientType=0 );
	font-size: 16px;
    line-height: 60px;
	color: #333;
    text-align: center;
    text-shadow:2px 2px 3px #4682B4;
    width: 100%;
    height: 60px;
    margin: 15px auto 0 auto;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
}

.contactus_box .contactus_detail .qa_2column .qa_box .mail_button a:hover{
	background: #89c3eb;
	color: #333;
}

.contactus_box .contactus_detail .qa_2column .qa_box .tel_button a {
    display: block;
    border: solid 1px #CCC;
    background: #fefefe; 
    background: -moz-linear-gradient(top,  #fefefe 0%, #dbdbdb 50%, #d1d1d1 50%, #e2e2e2 100%);
    background: -webkit-linear-gradient(top,  #fefefe 0%,#dbdbdb 50%,#d1d1d1 50%,#e2e2e2 100%);
    background: linear-gradient(to bottom,  #fefefe 0%,#dbdbdb 50%,#d1d1d1 50%,#e2e2e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e2e2',GradientType=0 );
	font-size: 16px;
    line-height: 60px;
	color: #333;
    text-align: center;
    text-shadow:2px 2px 3px #999;
    width: 100%;
    height: 60px;
    margin: 15px auto 0 auto;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
}

.contactus_box .contactus_detail .qa_2column .qa_box .tel_info {
    background: #808000;
    width: 100%;
	font-size: 20px;
    line-height: 60px;
	color: #FFF;
    text-align: center;
    height: 60px;
    margin: 20px auto 0 auto;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
}

.contactus_box .contactus_detail .qa_2column .qa_box .tel_button a:hover{
	background: #CCC;
	color: #333;
}

.contactus_box .contactus_detail .qa_2column .qa_box .mail_button .icon {
	background: url(../images/qanda/icon_mail.png) center left no-repeat;
    padding: 5px 0 5px 32px;
}

.contactus_box .contactus_detail .qa_2column .qa_box .tel_button .icon {
	background: url(../images/qanda/icon_tel.png) center left no-repeat;
    padding: 5px 0 5px 32px;
}

.contactus_box .contactus_detail .qa_2column .qa_box .tel_info .icon {
	background: url(../images/contactus/icon_tel.png) center left no-repeat;
    padding: 0 0 0 30px;
}

.contactus_box .contactus_detail h1 {
    font-size: 16px;
    line-height: 1.7;
    color: #333;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
}

.contactus_box .contactus_detail .qa_2column .qa_box h2 {
    font-size: 18px;
    line-height: 1.7;
    color: #333;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

.guidedetail_wrap .guide_img001,
.qanda_wrap .guide_img001 {
    border: solid 1px #D3D3D3;
	background: url(../images/guide/guide_img001.gif) center center no-repeat;
    background-size: contain;
    position: relative;
    width: 100%;
    padding-top: 35.2941%;
    margin: 30px auto;
}

.guidedetail_wrap .guide_img002,
.qanda_wrap .guide_img002 {
    border: solid 1px #D3D3D3;
	background: url(../images/guide/guide_img002.gif) center center no-repeat;
    background-size: contain;
    position: relative;
    width: 100%;
    padding-top: 35.2941%;
    margin: 30px auto;
}

.guidedetail_wrap .guide_img003,
.qanda_wrap .guide_img003 {
    border: solid 1px #D3D3D3;
	background: url(../images/guide/guide_img003.gif) center center no-repeat;
    background-size: contain;
    position: relative;
    width: 100%;
    padding-top: 35.2941%;
    margin: 30px auto;
}

.guidedetail_wrap .guide_img004,
.qanda_wrap .guide_img004 {
    border: solid 1px #D3D3D3;
	background: url(../images/guide/guide_img004.gif) center center no-repeat;
    background-size: contain;
    position: relative;
    width: 100%;
    padding-top: 17.647%;
    margin: 30px auto 0 auto;
}

.guidedetail_wrap .guide_img005,
.qanda_wrap .guide_img005 {
    border: solid 1px #D3D3D3;
	background: url(../images/guide/guide_img005.gif) center center no-repeat;
    background-size: contain;
    position: relative;
    width: 100%;
    padding-top: 17.647%;
    margin: 30px auto;
}

.guidedetail_wrap .guide_img006,
.qanda_wrap .guide_img006 {
    border: solid 1px #D3D3D3;
	background: url(../images/guide/guide_img006.gif) center center no-repeat;
    background-size: contain;
    position: relative;
    width: 100%;
    padding-top: 17.647%;
    margin: 30px auto 0 auto;
}

.guidedetail_wrap .guide_img007,
.qanda_wrap .guide_img007 {
    border: solid 1px #D3D3D3;
	background: url(../images/guide/guide_img007.gif) center center no-repeat;
    background-size: contain;
    position: relative;
    width: 100%;
    padding-top: 54.1176%;
    margin: 30px auto;
}

.guidedetail_wrap .guide_img008,
.qanda_wrap .guide_img008 {
    border: solid 1px #D3D3D3;
	background: url(../images/guide/guide_img008.gif) center center no-repeat;
    background-size: contain;
    position: relative;
    width: 100%;
    padding-top: 45.0588%;
    margin: 30px auto 0 auto;
}

.guidedetail_wrap .guide_img009,
.qanda_wrap .guide_img009 {
    border: solid 1px #D3D3D3;
	background: url(../images/guide/guide_img009.gif) center center no-repeat;
    background-size: contain;
    position: relative;
    width: 100%;
    padding-top: 75.2941%;
    margin: 30px auto;
}

.guidedetail_wrap .guide_img010,
.qanda_wrap .guide_img010 {
    border: solid 1px #D3D3D3;
	background: url(../images/guide/guide_img010.gif) center center no-repeat;
    background-size: contain;
    position: relative;
    width: 100%;
    padding-top: 70.5882%;
    margin: 30px auto;
}

.guidedetail_wrap .guide_img011,
.qanda_wrap .guide_img011 {
    border: solid 1px #D3D3D3;
	background: url(../images/guide/guide_img011.gif) center center no-repeat;
    background-size: contain;
    position: relative;
    width: 100%;
    padding-top: 100%;
    margin: 30px auto;
}

.guidedetail_wrap .guide_img012,
.qanda_wrap .guide_img012 {
    border: solid 1px #D3D3D3;
	background: url(../images/guide/guide_img012.gif) center center no-repeat;
    background-size: contain;
    position: relative;
    width: 100%;
    padding-top: 52.9411%;
    margin: 30px auto 50px auto;
}

.guidedetail_wrap .guide_img013,
.qanda_wrap .guide_img013 {
    border: solid 1px #D3D3D3;
	background: url(../images/guide/guide_img013.gif) center center no-repeat;
    background-size: contain;
    position: relative;
    width: 100%;
    padding-top: 170.5882%;
    margin: 30px auto;
}

.guidedetail_wrap .guide_img014,
.qanda_wrap .guide_img014 {
	background: url(../images/guide/guide_img014.gif) center center no-repeat;
    background-size: contain;
    position: relative;
    width: 100%;
    padding-top: 170.5882%;
    margin: 30px auto;
}

.guidedetail_wrap .guide_img015,
.qanda_wrap .guide_img015 {
    border: solid 1px #D3D3D3;
	background: url(../images/guide/guide_img015.gif) center center no-repeat;
    background-size: contain;
    position: relative;
    width: 100%;
    padding-top: 170.5882%;
    margin: 30px auto;
}

.guidedetail_wrap .guide_img016,
.qanda_wrap .guide_img016 {
    border: solid 1px #D3D3D3;
	background: url(../images/guide/guide_img016.gif) center center no-repeat;
    background-size: contain;
    position: relative;
    width: 100%;
    padding-top: 52.9411%;
    margin: 30px auto 0 auto;
}

.guidedetail_wrap .guide_img017,
.qanda_wrap .guide_img017 {
    border: solid 1px #D3D3D3;
	background: url(../images/guide/guide_img017.gif) center center no-repeat;
    background-size: contain;
    position: relative;
    width: 100%;
    padding-top: 75.2941%;
    margin: 30px auto;
}

.guidedetail_wrap .guide_img018,
.qanda_wrap .guide_img018 {
    border: solid 1px #D3D3D3;
	background: url(../images/guide/guide_img018.gif) center center no-repeat;
    background-size: contain;
    position: relative;
    width: 100%;
    padding-top: 70.5882%;
    margin: 30px auto;
}

.guidedetail_wrap .guide_img019,
.qanda_wrap .guide_img019 {
    border: solid 1px #D3D3D3;
	background: url(../images/guide/guide_img019.gif) center center no-repeat;
    background-size: contain;
    position: relative;
    width: 100%;
    padding-top: 70.5882%;
    margin: 30px auto;
}

.guidedetail_wrap .guide_img020,
.qanda_wrap .guide_img020 {
    border: solid 1px #D3D3D3;
	background: url(../images/guide/guide_img020.gif) center center no-repeat;
    background-size: contain;
    position: relative;
    width: 100%;
    padding-top: 91.1764%;
    margin: 30px auto 50px auto;
}

.guidedetail_wrap .guide_img021,
.qanda_wrap .guide_img021 {
    border: solid 1px #D3D3D3;
	background: url(../images/guide/guide_img021.gif) center center no-repeat;
    background-size: contain;
    position: relative;
    width: 100%;
    padding-top: 170.5882%;
    margin: 30px auto;
}

.guidedetail_wrap .guide_img022,
.qanda_wrap .guide_img022 {
    border: solid 1px #D3D3D3;
	background: url(../images/guide/guide_img022.gif) center center no-repeat;
    background-size: contain;
    position: relative;
    width: 100%;
    padding-top: 170.5882%;
    margin: 30px auto;
}

.guidedetail_wrap .guide_img023,
.qanda_wrap .guide_img023 {
    border: solid 1px #D3D3D3;
	background: url(../images/guide/guide_img023.gif) center center no-repeat;
    background-size: contain;
    position: relative;
    width: 100%;
    padding-top: 170.5882%;
    margin: 30px auto;
}

.guidedetail_wrap .guide_img024,
.qanda_wrap .guide_img024 {
    border: solid 1px #D3D3D3;
	background: url(../images/guide/guide_img024.gif) center center no-repeat;
    background-size: contain;
    position: relative;
    width: 100%;
    padding-top: 75.2941%;
    margin: 30px auto 0 auto;
}

.guidedetail_wrap .guide_img025,
.qanda_wrap .guide_img025 {
    border: solid 1px #D3D3D3;
	background: url(../images/guide/guide_img025.gif) center center no-repeat;
    background-size: contain;
    position: relative;
    width: 100%;
    padding-top: 71.2941%;
    margin: 30px auto;
}

.guidedetail_wrap .guide_img026,
.qanda_wrap .guide_img026 {
    border: solid 1px #D3D3D3;
	background: url(../images/guide/guide_img026.gif) center center no-repeat;
    background-size: contain;
    position: relative;
    width: 100%;
    padding-top: 95.0588%;
    margin: 30px auto 0 auto;
}

.guidedetail_wrap .guide_img027,
.qanda_wrap .guide_img027 {
    border: solid 1px #D3D3D3;
	background: url(../images/guide/guide_img027.gif) center center no-repeat;
    background-size: contain;
    position: relative;
    width: 100%;
    padding-top: 19.4117%;
    margin: 30px auto 0 auto;
}

.guidedetail_wrap .guide_img028,
.qanda_wrap .guide_img028 {
    border: solid 1px #D3D3D3;
	background: url(../images/guide/guide_img028.gif) center center no-repeat;
    background-size: contain;
    position: relative;
    width: 100%;
    padding-top: 60%;
    margin: 30px auto 0 auto;
}
.guidedetail_wrap .guide_img029,
.qanda_wrap .guide_img029 {
    border: solid 1px #D3D3D3;
	background: url(../images/guide/guide_img029.gif) center center no-repeat;
    background-size: contain;
    position: relative;
    width: 100%;
    padding-top: 61.6935%;
    margin: 30px auto;
}

.guidedetail_wrap .guide_img030,
.qanda_wrap .guide_img030 {
    border: solid 1px #D3D3D3;
	background: url(../images/guide/guide_img030.gif) center center no-repeat;
    background-size: contain;
    position: relative;
    width: 100%;
    padding-top: 61.6935%;
    margin: 30px auto;
}

.guidedetail_wrap .guide_img031,
.qanda_wrap .guide_img031 {
    border: solid 1px #D3D3D3;
	background: url(../images/guide/guide_img031.gif) center center no-repeat;
    background-size: contain;
    position: relative;
    width: 100%;
    padding-top: 50.887%;
    margin: 30px auto;
}

.guidedetail_wrap .guide_img032,
.qanda_wrap .guide_img032 {
    border: solid 1px #D3D3D3;
	background: url(../images/guide/guide_img032.gif) center center no-repeat;
    background-size: contain;
    position: relative;
    width: 100%;
    padding-top: 90.9935%;
    margin: 30px auto;
}

.guidedetail_wrap .guide_img033,
.qanda_wrap .guide_img033 {
    border: solid 1px #D3D3D3;
	background: url(../images/guide/guide_img033.gif) center center no-repeat;
    background-size: contain;
    position: relative;
    width: 100%;
    padding-top: 216.5333%;
    margin: 30px auto;
}

.guidedetail_wrap .guide_img034,
.qanda_wrap .guide_img034 {
    border: solid 1px #D3D3D3;
	background: url(../images/guide/guide_img034.jpg) center center no-repeat;
    background-size: contain;
    position: relative;
    width: 100%;
    padding-top: 216.5333%;
    margin: 30px auto;
}

.guidedetail_wrap .guide_img035,
.qanda_wrap .guide_img035 {
    border: solid 1px #D3D3D3;
	background: url(../images/guide/guide_img035.gif) center center no-repeat;
    background-size: contain;
    position: relative;
    width: 100%;
    padding-top: 216.5333%;
    margin: 30px auto;
}

.guidedetail_wrap .guide_img036,
.qanda_wrap .guide_img036 {
    border: solid 1px #D3D3D3;
	background: url(../images/guide/guide_img036.gif) center center no-repeat;
    background-size: contain;
    position: relative;
    width: 100%;
    padding-top: 216.5333%;
    margin: 30px auto;
}

.guidedetail_wrap .guide_img037,
.qanda_wrap .guide_img037 {
    border: solid 1px #D3D3D3;
	background: url(../images/guide/guide_img037.gif) center center no-repeat;
    background-size: contain;
    position: relative;
    width: 100%;
    padding-top: 216.5333%;
    margin: 30px auto 0 auto;
}
/* お問い合わせ ----------*/

.contactus_2column {
    width: 100%;
    margin-bottom: 20px;
}

.contactus_left {
    width: 200px;
    background-color: #DFDFDF;
    padding: 15px 10px;
    margin: 0 5px 10px 0;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

.contactus_right {
    background-color: #DFDFDF;
    padding: 15px 10px;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

.contactus_right .input_all {
	border: solid 1px #999;
	background: #FFF;
	width: 100%;
	font-size: 16px;
	color: #333;
	padding: 5px;
    border-radius: 5px; 
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px;
}

.contactus_right .select_all {
	border: solid 1px #999;
	background: #FFF;
	width: 100%;
    height: 30px;
	font-size: 16px;
    color: #333;
	padding: 5px;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

.contactus_right .select_all option {
	border: solid 1px #999;
	background: #FFF;
	padding: 0.2em 0.2em 0.2em 24px;
	font-weight: normal;
	line-height: 1.5em;
	color: #333;
}

.contactus_right .select_all option[selected] {
	font-weight: normal;
	color: #666;
}

.contactus_right textarea.textbox {
	border: solid 1px #999;
    background-image: none;
    background-color: #FFF;
	width: 100%;
    height: 250px;
    font-size: 16px;
	color: #333;
	padding: 5px;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

.btn_mail_send {
    width: 200px;
    height: 60px;
    margin: 0 auto;
}

.send_mes {
    font-size: 25px;
    color: #333;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

.contactus_button a {
    display: block;
    background: #00479d;
    background: -moz-linear-gradient(top, #1E90FF 0%, #1F5FA9 50%, #00479d 50%, #00008B 100%);
    background: -webkit-linear-gradient(top, #1E90FF 0%, #1F5FA9 50%,#00479d 50%,#00008B 100%);
    background: linear-gradient(to bottom, #1E90FF 0%, #1F5FA9 50%,#00479d 50%,#00008B 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1F5FA9', endColorstr='#1F5FA9',GradientType=0 );
	font-size: 16px;
    line-height: 60px;
	color: #FFF;
    text-align: center;
    text-shadow:1px 1px 2px #00008B;
    width: 400px;
    height: 60px;
    margin: 20px auto 40px auto;
    border-radius: 5px;
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px;
}

.contactus_button a:hover {
	background: #00479d;
	color: #FFF;
}

.contactus_inner {
	background: #FFF;
    width: 860px;
    padding: 20px;
    margin: 0 auto 40px auto;
    box-shadow:0px 5px 6px 2px #999999;
    border-radius:0px 0px 0px 0px;
    shadowColor:"#999999",
        shadowOffset:{width:0,height:5},
    shadowOpacity:1,
        shadowRadius:6,
        borderWidth:0,
        borderColor:"#999999",
        borderTopLeftRadius:0,
        borderTopRightRadius:0,
        borderBottomLeftRadius:0,
        borderBottomRightRadius:0
}

.contactus_inner h1 {
    font-size: 16px;
    line-height: 1.7;
    color: #333;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
}

.contactus_left h1,
.contactus_right h1,
.contactus_inner h2 {
    font-size: 16px;
    line-height: 1.7;
    color: #333;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
}

/* ユーザー登録 ----------*/

.regist_wrap iframe {
    width: 100%;
}

.regist_doc_box h1 {
    font-size: 16px;
    line-height: 1.7;
    color: #333;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
}

.regist_doc_box h2 {
    font-size: 20px;
    line-height: 1.7;
    color: #C00;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
}

.regist_doc_box .regist_2column {
    width: 100%;
    margin: 0 0 30px 0;
}

.regist_item {
    background-color: #CCC;
    width: 250px;
    padding: 10px 5px;
    font-size: 16px;
    line-height: 1.7;
    color: #333;
    font-weight: 500;
    text-align: center;
    margin-bottom: 10px;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

.regist_detail {
    background-color: #F0F0F0;
    padding: 10px 5px;
    font-size: 16px;
    line-height: 1.7;
    color: #333;
    font-weight: 500;
    text-align: left;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

.regist_detail_err {
    background-color: #FFE4E1;
    padding: 10px 5px;
    font-size: 16px;
    line-height: 1.7;
    color: #333;
    font-weight: 500;
    text-align: left;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

.regist_detail p.err,
.regist_detail_err p.err,
.regist_item p.err {
    font-size: 16px;
    line-height: 1.7;
    color: #F00;
    font-weight: bold;
    text-decoration: none;
    margin: 10px 5px 0px 5px;
}

.regist_detail p.comment,
.regist_detail_err p.comment,
.regist_item p.comment {
    font-size: 16px;
    line-height: 1.7;
    color: #000;
    font-weight: bold;
    text-decoration: none;
    margin: 10px 5px 0px 5px;
}

.regist_detail .detail_left,
.regist_detail_err .detail_left {
    width: 50%;
    padding: 0 3px 0 0;
    float: left;
}

.regist_detail .detail_right,
.regist_detail_err .detail_right {
    width: 50%;
    padding: 0 0 0 3px;
    float: right;
}

.regist_detail .address_left,
.regist_detail_err .address_left {
    width: 100%;
    margin-bottom: 10px;
}

.regist_detail .address_right,
.regist_detail_err .address_right {
    width: 100%;
    margin-bottom: 10px;
}

.regist_detail .input_all,
.regist_detail_err .input_all {
	border: solid 1px #999;
	background: #FFF;
	width: 100%;
	font-size: 16px;
	color: #333;
	padding: 5px;
    border-radius: 5px; 
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px;
}

.regist_detail .input_70px,
.regist_detail_err .input_70px {
	border: solid 1px #999;
	background: #FFF;
	width: 70px;
	font-size: 16px;
	color: #333;
	padding: 5px;
    border-radius: 5px; 
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px;
}

.regist_detail .input_100px,
.regist_detail_err .input_100px {
	border: solid 1px #999;
	background: #FFF;
	width: 100px;
	font-size: 16px;
	color: #333;
	padding: 5px;
    border-radius: 5px; 
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px;
}

.regist_detail .input_260px,
.regist_detail_err .input_260px {
	border: solid 1px #999;
	background: #FFF;
	width: 260px;
	font-size: 16px;
	color: #333;
	padding: 5px;
    border-radius: 5px; 
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px;
}

.regist_detail .regist_check ul,
.regist_detail_err .regist_check ul {
    list-style: none;
    overflow: hidden;
}

.regist_detail .regist_check li,
.regist_detail_err .regist_check li {
    float: left;
    margin-right: 5px;
}

.regist_detail .segmented input,
.regist_detail_err .segmented input { 
    display: none; 
}

.regist_detail .segmented .label,
.regist_detail_err .segmented .label {
    border: solid 1px #999;
	background: #FFF;
	background: -moz-linear-gradient(top,  #FFF 0%, #EEE 100%);
	background: -webkit-linear-gradient(top,  #FFF 0%,#EEE 100%);
	background: linear-gradient(to bottom,  #FFF 0%,#EEE 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF', endColorstr='#EEE',GradientType=0 );
    padding: 3px;
    width: 100px;
	font-size: 16px;
    color: #333;
    text-align: center;
    cursor: pointer;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
    float: left;
}

.regist_detail .segmented input:checked + .label,
.regist_detail_err .segmented input:checked + .label {
	border: solid 1px #666;
	background: #666;
	color: #FFF;
}

.regist_detail .select_70px,
.regist_detail_err .select_70px {
	border: solid 1px #999;
	background: #FFF;
	width: 70px;
    height: 39px;
	font-size: 16px;
    color: #333;
	padding: 5px;
    border-radius: 5px; 
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px;
}

.regist_detail .select_70px option,
.regist_detail_err .select_70px option {
	border: solid 1px #999;
	background: #FFF;
	padding: 0.2em 0.2em 0.2em 24px;
	font-weight: normal;
	line-height: 1.5em;
	color: #333;
}

.regist_detail .select_70px option[selected],
.regist_detail_err .select_70px option[selected] {
	font-weight: normal;
	color: #666;
}

.regist_detail .select_120px,
.regist_detail_err .select_120px {
	border: solid 1px #999;
	background: #FFF;
	width: 120px;
    height: 39px;
	font-size: 16px;
    color: #333;
	padding: 5px;
    border-radius: 5px; 
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px;
}

.regist_detail .select_120px option,
.regist_detail_err .select_120px option {
	border: solid 1px #999;
	background: #FFF;
	padding: 0.2em 0.2em 0.2em 24px;
	font-weight: normal;
	line-height: 1.5em;
	color: #333;
}

.regist_detail .select_120px option[selected],
.regist_detail_err .select_120px option[selected] {
	font-weight: normal;
	color: #666;
}

.regist_doc_box .select_all,
.regist_detail_err .select_all {
	border: solid 1px #999;
	background: #FFF;
	width: 100%;
    height: 39px;
	font-size: 16px;
    color: #333;
	padding: 5px;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

.regist_doc_box .select_all option,
.regist_detail_err .select_all option {
	border: solid 1px #999;
	background: #FFF;
	padding: 0.2em 0.2em 0.2em 24px;
	font-weight: normal;
	line-height: 1.5em;
	color: #333;
}

.regist_doc_box .select_all option[selected],
.regist_detail_err .select_all option[selected] {
	font-weight: normal;
	color: #666;
}

.regist_doc_box .registconfirmation_ex, .logout_doc_box .logout_ex {
    border: solid 1px #CCC;
    background-color: #F0F0F0;
    padding: 20px 10px;
    font-size: 16px;
    line-height: 1.7;
    color: #333;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
    margin: 40px 0 0 0;
}

.regist_doc_box .newbutton a {
    display: block;
	-moz-box-shadow:inset 0px 1px 0px 0px #FFF;
	-webkit-box-shadow:inset 0px 1px 0px 0px #FFF;
	box-shadow:inset 0px 1px 0px 0px #FFF;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FFF), color-stop(1, #EFEFEF));
	background:-moz-linear-gradient(top, #FFF 5%, #EFEFEF 100%);
	background:-webkit-linear-gradient(top, #FFF 5%, #EFEFEF 100%);
	background:-o-linear-gradient(top, #FFF 5%, #EFEFEF 100%);
	background:-ms-linear-gradient(top, #FFF 5%, #EFEFEF 100%);
	background:linear-gradient(to bottom, #FFF 5%, #EFEFEF 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#f6f6f6',GradientType=0);
	background-color:#FFF;
	border:1px solid #999;
	color:#333;
	font-size:16px;
    text-align: center;
    font-weight: 500;
	padding: 20px 0;
    margin: 0 0 20px 0;
	text-decoration:none;
	text-shadow:0px 1px 0px #FFF;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

.regist_doc_box .newbutton a:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #EFEFEF), color-stop(1, #FFF));
	background:-moz-linear-gradient(top, #EFEFEF 5%, #FFF 100%);
	background:-webkit-linear-gradient(top, #EFEFEF 5%, #FFF 100%);
	background:-o-linear-gradient(top, #EFEFEF 5%, #FFF 100%);
	background:-ms-linear-gradient(top, #EFEFEF 5%, #FFF 100%);
	background:linear-gradient(to bottom, #EFEFEF 5%, #FFF 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#FFF',GradientType=0);
	background-color:#EFEFEF;
}

.regist_doc_box .contact {
    border: solid 3px #FFF;
    outline: solid 1px #FFA500;
	background: #FFEFD5;
	font-size: 16px;
	line-height: 1.7;
    font-weight: 500;
	padding: 10px 5px;
    margin: 40px 0 0 0;
}

.regist_doc_box .caution {
	background: #F00;
	font-size: 16px;
	color: #FFF;
	text-align: center;
    font-weight: 500;
	padding: 5px 0;
	width: 100px;
    margin: 20px 0 10px 0;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

.regist_doc_box .settlement a {
    display: block;
    background: #fceabb;
    background: -moz-linear-gradient(top,  #fceabb 0%, #fccd4d 50%, #f8b500 50%, #fbdf93 100%);
    background: -webkit-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 50%,#fbdf93 100%);
    background: linear-gradient(to bottom,  #fceabb 0%,#fccd4d 50%,#f8b500 50%,#fbdf93 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 );
	border:1px solid #FFA500;
	font-size: 16px;
	color:#333;
    font-weight: 500;
    text-align: center;
	text-decoration:none;
    text-shadow:2px 2px 3px #FF8C00;
    padding: 30px 0;
    margin: 40px 0 0 0;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

.regist_doc_box .settlement a:hover {
    background: #fbdf93;
}

.regist_doc_box .newbutton2 a {
    display: block;
	-moz-box-shadow:inset 0px 39px 0px -24px #e67a73;
	-webkit-box-shadow:inset 0px 39px 0px -24px #e67a73;
	box-shadow:inset 0px 39px 0px -24px #e67a73;
	background-color:#e4685d;
	border:1px solid #e4685d;
	color:#FFF;
	font-size:14px;
    text-align: center;
    width: 50%;
	padding: 10px 0;
    margin: 20px 0 0 auto;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

.regist_doc_box .newbutton2 a:hover {
	background-color:#eb675e;
}

.regist_doc_box .settlement_select ul {
	display: table;
	table-layout: fixed;
	text-align: center;
	list-style-type: none;
	width: 100%;
    margin: 40px 0 0 0;
}

.regist_doc_box .settlement_select li {
	display: table-cell;
}

.regist_doc_box .settlement_select li +li{
    border-left: 5px solid #FFF;
}

.regist_doc_box .settlement_select li a {
	display: block;
    background: #e4f5fc;
    background: -moz-linear-gradient(top,  #e4f5fc 0%, #bfe8f9 50%, #9fd8ef 50%, #2ab0ed 100%);
    background: -webkit-linear-gradient(top,  #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 50%,#2ab0ed 100%);
    background: linear-gradient(to bottom,  #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 50%,#2ab0ed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f5fc', endColorstr='#2ab0ed',GradientType=0 );
    border: solid 1px #2ab0ed;
	font-size: 16px;
	color:#333;
    font-weight: 500;
    text-align: center;
	text-decoration:none;
    text-shadow:2px 2px 3px #FFF;
    padding: 30px 0;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

.regist_doc_box .settlement_select li a:hover {
	background: #bfe8f9;
	color: #333;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

.regist_doc_box .settlement_select li.card a {
	display: block;
    background: #fcecfc;
    background: -moz-linear-gradient(top,  #fcecfc 0%, #fba6e1 50%, #fd89d7 50%, #ff7cd8 100%);
    background: -webkit-linear-gradient(top,  #fcecfc 0%,#fba6e1 50%,#fd89d7 50%,#ff7cd8 100%);
    background: linear-gradient(to bottom,  #fcecfc 0%,#fba6e1 50%,#fd89d7 50%,#ff7cd8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcecfc', endColorstr='#ff7cd8',GradientType=0 );
    border: solid 1px #ff7cd8;
	font-size: 16px;
	color:#333;
    font-weight: 500;
    text-align: center;
	text-decoration:none;
    text-shadow:2px 2px 3px #FFF;
    padding: 30px 0;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

.regist_doc_box .settlement_select li.card a:hover {
	background: #fba6e1;
	color: #333;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

.regist_doc_box .err_mes {
    font-size: 16px;
    line-height: 1.7;
    color: #F00;
    font-weight: 500;
    text-decoration: none;
    text-align: right;
    margin: 20px 0 0 0;
}

/* ヘッダー ----------*/

.header_wrap {
    display: flex;
    flex-direction: row;
    border-top: solid 7px #1F5FA9;
    background: #FFF;
    width: 100%;
    padding: 10px 0;
    position: fixed;
    top:0;
    z-index: 999;
}

.header_wrap .logo a {
    display: block;
	background: url(../images/header/logo.gif) center center no-repeat;
    background-size: contain;
    width: 127px;
    height: 25px;
    margin: 0 0 0 5px;
}

.header_spacer {
    width: 100%;
    height: 50px;
}

/* スライドメニュー ----------*/

.l-drawer {
    position: relative;
    background: #FFF;
}

.l-drawer__checkbox {
    display: none;
}

.l-drawer__icon {
    cursor: pointer;
    display: block;
    background: #FFF;
    width: 50px;
    height: 23px;
    position: fixed;
    right: 0;
}

.l-drawer__icon-parts, .l-drawer__icon-parts:before, .l-drawer__icon-parts:after {
    background-color: #000;
    display: block;
    width: 25px;
    height: 3px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}

.l-drawer__icon-parts:before, .l-drawer__icon-parts:after {
    content: " ";
}

.l-drawer__icon-parts:before {
    top: 18px;
}

.l-drawer__icon-parts:after {
    top: -18px;
}

.l-drawer__overlay {
    background: #000;
    opacity: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
}

.l-drawer__menu {
    background: #FFF;
    color: #000;
    max-width: 100%;
    width: 290px;
    height: 100vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: fixed;
    top: 0;
    padding: 60px 0 0 0;
    right: -290px;
}

.l-drawer__icon {
    z-index: 999;
}

.l-drawer__menu {
    z-index: 777;
}

.l-drawer__overlay {
    z-index: 666;
}

.l-drawer__checkbox:checked ~ .l-drawer__icon .l-drawer__icon-parts {
    background: transparent;
}

.l-drawer__checkbox:checked ~ .l-drawer__icon .l-drawer__icon-parts:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0;
}

.l-drawer__checkbox:checked ~ .l-drawer__icon .l-drawer__icon-parts:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;
}

.l-drawer__checkbox:checked ~ .l-drawer__overlay {
    opacity: 0.6;
    pointer-events: auto;
}

.l-drawer__checkbox:checked ~ .l-drawer__menu {
    right: 0;
}

.l-drawer__icon-parts, .l-drawer__icon-parts:after, .l-drawer__icon-parts:before, .l-drawer__overlay, .l-drawer__menu {
    -webkit-transition: all 0.7s;
    transition: all 0.7s;
}

.localmenu ul { 
    list-style: none; 
    font-size: 16px;
    text-align: center;
}

.localmenu li {
    display: inline;
}

.localmenu li a {
    display: block;
    border-top: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    background-color: #FFF;
    padding: 15px 3px;
    text-decoration: none;
    color: #333;
}

.localmenu li a.active {
	display: block;
    border-top: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    background-color: #333;
    padding: 15px 3px;
    text-decoration: none;
    color: #FFF;
}

.localmenu li a:hover:not(.active) {
	display: block;
    border-top: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    background-color: #EFEFEF;
    padding: 15px 3px;
    text-decoration: none;
    color: #333;
}

.localmenu_spacer {
    background: #FFF;
    width: 100%;
    height: 60px;
    position: fixed;
    top: 0;
    z-index: 888;
}

/* ローカルメニュー ----------*/

.localmenu2_wrap {
    background: #FFF;
    width: 100%;
    cursor: pointer;
    display: block;
    position: fixed;
    overflow: hidden;
    bottom: 0;
}

.localmenu2 {
    background: #FFF;
    border: solid 1px #FFF;
    list-style-type: none;
}

.localmenu2:after {
    content: "";
    clear: both;
    display: block;
}

.localmenu2 li {
    float: left;
    width: 50%;
	font-size: 11px;
    line-height: 1.6;
    text-align: center;
    font-weight: 500;
    border: solid 1px #FFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.localmenu2 li +li{
    border: solid 1px #FFF;
}

.localmenu2 li:nth-child(odd) {
    border: solid 1px #FFF;
}

.localmenu2 a {
    display: block;
    background: #000000;
    background: -moz-linear-gradient(top,  #000000 0%, #545454 100%);
    background: -webkit-linear-gradient(top,  #000000 0%,#545454 100%);
    background: linear-gradient(to bottom,  #000000 0%,#545454 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#545454',GradientType=0 );
    color: #FFF;
    text-decoration: none;
    padding: 10px 0;
}

.localmenu2 a.active {
    display: block;
    background: #CCC;
    color: #333;
    text-decoration: none;
    padding: 10px 0;
}

.localmenu2 a:hover:not(.active) {
    display: block;
    background: #545454;
    color: #FFF;
    text-decoration: none;
    padding: 10px 0;
}

@media screen and (min-width: 758px) {
    .localmenu2 li:nth-child(odd) {
        border-right: none;
    }

    .localmenu2 {
        display: table;
        table-layout: fixed;
        width: 100%;
        border-top: none;
        border-collapse: collapse;
    }

    .localmenu2 li {
        float: none;
        display: table-cell;
        width: 100%;
    	font-size: 14px;
        border-bottom: none;
        border: solid 1px #FFF;
    }
}

/* Login ----------*/

.login_contents {
    padding: 10px;
}

.login_contents h1 {
    font-size: 30px;
    color: #666;
    font-weight: 400;
    text-align: left;
    text-decoration: none;
}

.login_contents h2 {
    font-size: 14px;
    line-height: 1.7;
    color: #666;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
    padding: 15px 0 0 0;
}

.login_contents .login_input {
	border: solid 1px #999;
	background: #F7F7F7;
	width: 100%;
	font-size: 14px;
	color: #333;
	padding: 5px;
    border-radius: 5px; 
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px;
}

.login_contents .enter a {
    display: block;
    background: #666666;
    background: -moz-linear-gradient(top, #666666 0%, #666666 46%, #666666 50%, #454545 50%, #666666 100%);
    background: -webkit-linear-gradient(top, #666666 0%,#666666 46%,#666666 50%,#454545 50%,#666666 100%);
    background: linear-gradient(to bottom, #666666 0%,#666666 46%,#666666 50%,#454545 50%,#666666 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#666666',GradientType=0 );
	width: 100%;
	font-size: 14px;
	color: #FFF;
    text-align: center;
    text-shadow:1px 1px 2px #333;
	padding: 10px 0;
    margin: 15px 0 0 0;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
}

.login_contents .enter a:hover {
	background: #999;
	color: #FFF;
}

.login_contents .reminder a {
    display: block;
    background: #999;
	width: 85%;
	font-size: 14px;
	color: #FFF;
    text-align: center;
    text-shadow:1px 1px 2px #333;
	padding: 5px 0;
    margin: 10px auto 0 auto;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
}

.login_contents .reminder a:hover {
	background: #666;
	color: #FFF;
}

.login_mes {
    font-size: 12px;
    line-height: 1.7;
    color: #F00;
    font-weight: 500;
    text-decoration: none;
    padding: 5px 0 0 0;
}

.login_err {
    border: solid 1px #FF69B4;
    background: #FFC0CB;
}

/* ログアウト ----------*/

.logout_doc_box h1 {
    font-size: 20px;
    line-height: 1.7;
    color: #666;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
}

.goto_hp a {
    display: block;
    background: #fefefe;
    background: -moz-linear-gradient(top,  #fefefe 0%, #dbdbdb 50%, #dbdbdb 50%, #d1d1d1 50%, #e2e2e2 100%);
    background: -webkit-linear-gradient(top,  #fefefe 0%,#dbdbdb 50%,#dbdbdb 50%,#d1d1d1 50%,#e2e2e2 100%);  
    background: linear-gradient(to bottom,  #fefefe 0%,#dbdbdb 50%,#dbdbdb 50%,#d1d1d1 50%,#e2e2e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e2e2',GradientType=0 );
    border: solid 1px #999;
	font-size: 16px;
	color: #666;
    text-align: center;
    text-shadow:2px 2px 3px #FFF;
	padding: 15px 0;
    margin: 70px 0 0 0;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
}

.goto_hp a:hover {
	background: #d1d1d1;
	color: #666;
}

/* ID、passwordの再発行 ----------*/

.reminder_box {
}

.reminder_box iframe {
    width: 100%;
}

.reminder_wrap {
    width: 100%;
    margin: 0 0 20px 0;
    overflow: hidden;
}

.reminder_wrap .reminder_item {
    background-color: #CCC;
    width: 200px;
    padding: 10px 5px;
    font-size: 16px;
    line-height: 1.7;
    color: #333;
    margin-bottom: 10px;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

.reminder_wrap .reminder_detail {
    background-color: #F0F0F0;
    padding: 10px 5px;
    font-size: 16px;
    line-height: 1.7;
    color: #333;
    font-weight: 500;
    text-align: left;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

.reminder_detail .input_all {
	border: solid 1px #999;
	background: #FFF;
	width: 100%;
	font-size: 16px;
	color: #333;
	padding: 5px;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

.reminder_detail .input_100px {
	border: solid 1px #999;
	background: #FFF;
	width: 100px;
	font-size: 16px;
	color: #333;
	padding: 5px;
    margin-bottom: 10px;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

.reminder_detail .select_120px {
	border: solid 1px #999;
	background: #FFF;
	width: 120px;
	font-size: 16px;
    color: #333;
	padding: 5px;
    margin-bottom: 10px;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

.reminder_detail .select_120px option {
	border: solid 1px #999;
	background: #FFF;
	padding: 0.2em 0.2em 0.2em 24px;
	font-weight: normal;
	line-height: 1.5em;
	color: #333;
}

.reminder_detail .select_120px option[selected] {
	font-weight: normal;
	color: #666;
}

.reminder_wrap .btn_submit {
    width: 180px;
    height: 60px;
    margin: 0 0 0 auto;
}

.reminder_mes {
    font-size: 18px;
    line-height: 1.7;
    color: #F00;
    font-weight: 500;
    text-decoration: none;
    text-align: right;
    padding: 10px 0 0 0;
}

/* フッター ----------*/

.footer_wrap {
	background: #1F5FA9;
    height: 100px;
}

.footer_wrap .footer {
    width: 100%;
    margin: 0 auto;
	font-size: 11px;
    line-height: 100px;
	color: #FFF;
	text-align: center;
}

.page-top {
    position: fixed;
	background-color: #666;
	color: #FFF;
    font-size: 10px;
	text-align:center;
	line-height:60px;
	text-decoration: none;
    bottom: 15px;
    right: 15px;
	width: 60px;
	height: 60px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
    -ms-filter: "alpha(opacity=60)";
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
	opacity: 0.6;
}

.page-top:link {
	color: #FFF;
	text-decoration:none;
}

.page-top:hover {
	color: #FFF;
	text-decoration:none;
}