@charset "shift_jis";

body {
	height: 100%;
}

/* 各ページの背景 ----------*/

#home {
    background: #FFF;
}

#common {
    background: #FFF;
}

#anothersheet {
    background: #BDB76B;
}

#login {
    background: #FFF;
}

#others {
	background-color: #FFF;
}

/* 共通 ----------*/

.contents_wrap1 {
    background: #F0F0F0;
    padding: 30px 0;
    overflow: hidden;
}

.contents_wrap2 {
	background: #00479D;
    padding: 30px 0;
    overflow: hidden;
}

.contents_wrap3 {
    background: #FFF;
    padding: 30px 0;
    overflow: hidden;
}

.common_2column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 900px;
    margin: 0 auto;
}

.left_a {
    flex: 1;
    margin-right: 20px;
}

.right_a {
    width: 230px;
}

.left_b {
    width: 230px;
}

.right_b {
    flex: 1;
    margin-left: 20px;
}

.left_c {
    flex: 1;
    margin-right: 20px;
}

.right_c {
    width: 440px;
}

.right_d {
    width: 340px;
}

.center_a {
    width: 900px;
    overflow: hidden;
    margin: 0 auto;
}

.common_wrap {
    background: #FFF;
    width: 100%;
    padding: 20px;
    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: #00479D;
    width: 400px;
    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 ----------*/

.homeimage {
	background: url(../images/common/home_image.jpg) center center no-repeat;
    background-size: contain;
    width: 540px;
    height: 400px;
}

.homeimage_v202412 {
	background: url(../images/common/home_image_v202412.jpg) center center no-repeat;
    background-size: contain;
    width: 540px;
    height: 400px;
}

.login_wrap iframe {
    width: 340px;
    height: 400px;
}

.planinfo_wrap {
    width: 900px;
    margin: 0 auto 30px auto;
}

.planinfo_wrap h1 {
    font-size: 35px;
    color: #666;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
}

.planinfo_wrap .cooperation {
    font-size: 40px;
    color: #4169E1;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
}

.planinfo_wrap h2 {
	background-color: #00479D;
    font-size: 18px;
    line-height: 30px;
    color: #FFF;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    height: 30px;
    margin: 10px 0 0 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.planinfo_wrap .plannavi ul {
	display: table;
	table-layout: fixed;
	text-align: center;
	width: 900px;
	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: url(../images/common/plannavi_bg.png) #00337f top right no-repeat;
    height: 130px;
    padding: 13px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.planinfo_wrap .plannavi a:hover {
	background-color:#191970;
}

.planinfo_wrap .plannavi .planname {
	background: url(../images/common/plan_arw.png) center left no-repeat;
    font-size: 22px;
    color: #FF0;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
    padding: 0 0 0 27px;
    margin: 3px 0 0 0;
}

.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: #00479D;
    width: 350px;
    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.5;
    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.5;
    color: #666;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
    padding: 3px 0 0 13px;
}

.regist_btn {
    width: 230px;
    height: 229px;
}

.regist_btn  a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

/* 当サイトについて ----------*/

.about_wrap iframe {
    width: 610px;
}

.about_doc_box h1 {
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
}

.about_doc_box .heading1 {
	background: #4169E1;
    width: 300px;
    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: 460px;
    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: 610px;
    height: 300px;
    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: 610px;
    height: 300px;
    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: #4169E1;
}

.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: 610px;
    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: 205px;
    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: 420px;
    height: 34px;
    font-size: 18px;
    line-height: 34px;
    color: #FFF;
    text-align: center;
    margin: 0 0 20px 0;
    border-radius: 17px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
}

.dousa_table table {
    width: 610px;
}

.dousa_table .item {
    border-top: solid 1px #999;
    border-bottom: solid 1px #999;
    border-right: solid 1px #999;
    padding: 10px;
    width: 150px;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    font-weight: 500;
    text-align: right;
    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: 509px;
    height: 28px;
}

.doc01_emphasis {
    font-size: 18px;
    line-height: 1.5;
    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: 610px;
	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: 19px;
    line-height: 1.5;
    font-weight: bold;
	color:#FFF;
    text-align: center;
}

.doc01_leclist h3 {
    font-size: 13px;
    line-height: 1.5;
    font-weight: 400;
	color:#FFF;
    text-align: center;
}

.offer {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
	color:#666;
    text-align: right;
    margin: 10px 0 0 0;
}

.anothersheet_box {
    width: 900px;
    margin: 0 auto;
    padding: 30px 0;
    overflow: hidden;
}

.anothersheet_box .anothersheet_title {
    border-left: solid 10px #EEE8AA;
    border-right: solid 10px #EEE8AA;
	background: #556B2F;
    width: 400px;
    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: 440px;
    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;
}

.common_wrap .contents_box .emphasis {
    font-size: 33px;
    color: #666;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
    margin: 0 0 15px 0;
}

.common_wrap .contents_box .reason {
    background-color: #FFA500;
    font-size: 18px;
    line-height: 40px;
    color: #FFF;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    width: 180px;
    height: 40px;
    margin: 30px 0 15px 0;
}

.common_wrap .contents_box .aboutdoc_ex, .regist_doc_box .registconfirmation_ex, .logout_doc_box .logout_ex {
    border: solid 1px #CCC;
    background-color: #F0F0F0;
    padding: 20px;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
    margin: 40px 0 0 0;
}

.common_wrap .contents_box .aboutdoc_ex .aboutdoc_title {
    background-color: #676767;
    font-size: 20px;
    line-height: 40px;
    color: #FFF;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    width: 300px;
    height: 40px;
    margin: 0 auto 20px auto;
}

.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_4column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 860px;
    margin: 0 0 30px 0;
}

.planbox_a {
    background-color: #F0F0F0;
    flex: 1;
    margin-right: 10px;
    border-radius: 5px;
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px;
}

.planbox_b {
    background-color: #F0F0F0;
    width: 200px;
    border-radius: 5px;
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px;
}

.planbox_c {
    width: 100%;
    background-color: #F0F0F0;
    border-radius: 5px;
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px;
}

.planbox_a .plan_name, .planbox_b .plan_name {
    background-color: #00479D;
    font-size: 20px;
    line-height: 60px;
    color: #FFF;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    height: 60px;
    border-radius: 5px;
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px;
}

.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 15px 0;
    border-radius: 5px;
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px;
}

.planbox_a .plan_detail, .planbox_b .plan_detail, .planbox_c .plan_detail {
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
    vertical-align: top;
    padding: 10px;
}

.planbox_a .goto_regist a, .planbox_b .goto_regist a, .planbox_c .goto_regist a {
    display: block;
    background: #4169E1;
    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: 100%;
	font-size: 16px;
    line-height: 60px;
	color: #FFF;
    text-align: center;
    text-shadow:1px 1px 2px #00008B;
    height: 60px;
    border-radius: 5px;
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px;
}

.planbox_a .goto_regist a:hover, .planbox_b .goto_regist a:hover, .planbox_c .goto_regist a:hover {
	background: #4169E1;
	color: #FFF;
}

.planbox_notes ul {
    list-style: decimal;
    margin: 20px 0 30px 0;
    padding: 0 10px 0 30px;
}

.planbox_notes li {
    font-size: 16px;
    line-height: 1.5;
    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: 830px;
    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;
	-webkit-border-radius: 20px;  
	-moz-border-radius: 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;
    border-radius: 5px;
	-webkit-border-radius: 5px;  
	-moz-border-radius: 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;
    border-radius: 5px;
	-webkit-border-radius: 5px;  
	-moz-border-radius: 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;
    border-radius: 5px;
	-webkit-border-radius: 5px;  
	-moz-border-radius: 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;
    border-radius: 5px;
	-webkit-border-radius: 5px;  
	-moz-border-radius: 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;
    border-radius: 5px;
	-webkit-border-radius: 5px;  
	-moz-border-radius: 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;
    border-radius: 5px;
	-webkit-border-radius: 5px;  
	-moz-border-radius: 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: 860px;
    height: 500px;
    padding: 15px;
    margin: 30px auto 0 auto;
}

.kiyaku_yesno ul {
	display: table;
	table-layout: fixed;
	text-align: center;
	width: 860px;
	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: #4169E1;
    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: #4169E1;
	color: #FFF;
    border-radius: 5px;
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px;
}

/* よくある質問 ----------*/

.question_head {
    width: 900px;
    margin: 0 auto;
    overflow: hidden;
}

.question_head .qanda_title {
    border-left: solid 10px #1E90FF;
    border-right: solid 10px #1E90FF;
	background: #4169E1;
    width: 400px;
    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: #4169E1;
    font-size: 16px;
    line-height: 1.5;
    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_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 860px;
    margin: 20px 0 0 0;
}

.qanda_decoration {
    width: 60px;
}

.qanda_decoration  .decoration_q {
    background-color: #1F5FA9;
    font-size: 30px;
    line-height: 60px;
    color: #FFF;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    width: 60px;
    height: 60px;
    border-radius: 30px;
	-webkit-border-radius: 30px;  
	-moz-border-radius: 30px;
}

.qanda_decoration  .decoration_a {
    background-color: #DC143C;
    font-size: 30px;
    line-height: 60px;
    color: #FFF;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    width: 60px;
    height: 60px;
    border-radius: 30px;
	-webkit-border-radius: 30px;  
	-moz-border-radius: 30px;
}

.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 30px 0;
    border-radius: 20px 0 20px 20px / 20px 0 20px 20px;
}

.contactus_box {
	width: 100%;
    margin-bottom: 50px;
}

.contactus_box:last-child {
    margin-bottom: 0;
}

.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 top 10px;
    padding: 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 top 10px;
    padding: 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 {
    display: flex;
    flex-wrap: wrap;
    margin: 20px auto 0 auto;
}

.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_box2 {
    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;
    margin: 20px auto 0 auto;
}

.contactus_box .contactus_detail .qa_2column .qa_box .mail_button a,
.contactus_box .contactus_detail .qa_box2 .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: 18px;
    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,
.contactus_box .contactus_detail .qa_box2 .mail_button a:hover {
	background: #89c3eb;
	color: #333;
}

.contactus_box .contactus_detail .qa_2column .qa_box .tel_info,
.contactus_box .contactus_detail .qa_box2 .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 .mail_button .icon,
.contactus_box .contactus_detail .qa_box2 .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,
.contactus_box .contactus_detail .qa_box2 .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,
.contactus_box .contactus_detail .qa_box2 .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,
.contactus_box .contactus_detail .qa_box2 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 {
    border: solid 1px #D3D3D3;
	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;
}

.qanda_category {
    border: solid 1px #FFF;
    list-style-type: none;
    margin-bottom: 40px;
}

.qanda_category:after {
    content: "";
    clear: both;
    display: block;
}

.qanda_category li {
    float: left;
    border: solid 1px #FFF;
    background: #207cca;
    background: -moz-linear-gradient(top,  #207cca 0%, #1e5799 100%);
    background: -webkit-linear-gradient(top,  #207cca 0%,#1e5799 100%);
    background: linear-gradient(to bottom,  #207cca 0%,#1e5799 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207cca', endColorstr='#1e5799',GradientType=0 );
    width: 50%;
	font-size: 16px;
    text-align: center;
    text-shadow:2px 2px 2px #3571A3;
    font-weight: 500;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.qanda_category li +li{
    border-left: 1px solid #FFF;
}

.qanda_category li:nth-child(odd) {
    border-left: 1px solid #FFF;
}

.qanda_category a {
    display: block;
    line-height: 1.7;
    color: #FFF;
    text-decoration: none;
    padding: 10px 5px;
}

.qanda_category a.active {
	display: block;
    background-color: #1E90FF;
}

.qanda_category a:hover:not(.active) {
	display: block;
    background-color: #1e5799;
}

.qanda_menu ul {
    list-style: none;
    margin-bottom: 40px;
}

.qanda_menu li {
    display: inline;
    font-weight: 500;
    text-align: left;
}

.qanda_menu li a {
    display: block;
    background-color: #666;
    background-image: url(../images/common/icon_section01.png);
    background-position: 9px 15px;
    background-repeat: no-repeat;
    font-size: 16px;
    line-height: 1.7;
    color: #FFF;
    text-decoration: none;
    padding: 10px 5px 10px 26px;
    margin: 1px 0px;
}

.qanda_menu li a:hover {
	background-color: #333;
	color: #FFF;
}

/* お問い合わせ ----------*/

.contactus_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-bottom: 20px;
}

.contactus_left {
    width: 200px;
    background-color: #DFDFDF;
    padding: 15px 10px;
    margin: 0 5px 0 0;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

.contactus_right {
    flex: 1;
    background-color: #DFDFDF;
    padding: 15px 10px;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

.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: 860px;
}

.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: 30px;
    line-height: 1.7;
    color: #C00;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
}

.regist_doc_box .regist_2column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 860px;
    margin: 0 0 30px 0;
}

.regist_item {
    background-color: #CCC;
    width: 250px;
    padding: 10px;
    font-size: 16px;
    line-height: 1.7;
    color: #333;
    text-align: center;
    margin-right: 10px;
    border-radius: 5px;
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px;
}

.regist_detail {
    flex: 1;
    background-color: #F0F0F0;
    padding: 10px;
    font-size: 16px;
    line-height: 1.7;
    color: #333;
    font-weight: 500;
    text-align: left;
    border-radius: 5px;
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px;
}

.regist_detail_err {
    flex: 1;
    background-color: #FFE4E1;
    padding: 10px;
    font-size: 16px;
    line-height: 1.7;
    color: #333;
    font-weight: 500;
    text-align: left;
    border-radius: 5px;
	-webkit-border-radius: 5px;  
	-moz-border-radius: 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: 285px;
    float: left;
}

.regist_detail .detail_right,
.regist_detail_err .detail_right {
    width: 285px;
    float: right;
}

.regist_detail .address_left,
.regist_detail_err .address_left {
    width: 135px;
    margin-bottom: 10px;
    float: left;
}

.regist_detail .address_right,
.regist_detail_err .address_right {
    width: 435px;
    margin-bottom: 10px;
    float: right;
}

.contactus_right .input_all,
.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;
}

.contactus_right .input_70px,
.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;
}

.contactus_right .input_100px,
.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;
}

.contactus_right .input_260px,
.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;
}

.contactus_right .select_70px,
.regist_detail .select_70px,
.regist_detail_err .select_70px {
	border: solid 1px #999;
	background: #FFF;
	width: 70px;
    height: 30px;
	font-size: 16px;
    color: #333;
	padding: 5px;
    border-radius: 5px; 
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px;
}

.contactus_right .select_70px option,
.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;
}

.contactus_right .select_70px option[selected],
.regist_detail .select_70px option[selected],
.regist_detail_err .select_70px option[selected] {
	font-weight: normal;
	color: #666;
}

.contactus_right .select_120px,
.regist_detail .select_120px,
.regist_detail_err .select_120px {
	border: solid 1px #999;
	background: #FFF;
	width: 120px;
    height: 30px;
	font-size: 16px;
    color: #333;
	padding: 5px;
    border-radius: 5px; 
	-webkit-border-radius: 5px;  
	-moz-border-radius: 5px;
}

.contactus_right .select_120px option,
.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;
}

.contactus_right .select_120px option[selected],
.regist_detail .select_120px option[selected],
.regist_detail_err .select_120px option[selected] {
	font-weight: normal;
	color: #666;
}

.contactus_right .select_all,
.regist_doc_box .select_all,
.regist_detail_err .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,
.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;
}

.contactus_right .select_all option[selected],
.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;
    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: 20px;
	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: 20px;
	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: 20px;
	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;
}

/* 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;
}

/* ログアウト ----------*/

.logout_doc_box h1 {
    font-size: 30px;
    line-height: 1.5;
    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 {
    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 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-right: 10px;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

.reminder_wrap .reminder_detail {
    flex: 1;
    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;
    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;
    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;
}

/* ヘッダー ----------*/

.head_line {
	background: #6495ED;
    height: 35px;87CEEB
}

.head_line h1 {
	background: #6495ED;
    width: 900px;
    margin: 0 auto;
    font-size: 15px;
    line-height: 35px;
    color: #FFF;
    text-align: center;
}

.header {
	background: #FFF;
    width: 900px;
    height: 90px;
    margin: 0 auto;
    overflow: hidden;
}

.header .logo a {
    display: block;
	background: url(../images/header/logo.gif) center center no-repeat;
    background-size: contain;
    width: 488px;
    height: 55px;
    margin: 18px 0 0 0;
}

/* グローバルナビ ----------*/

.globalnavi_wrap {
	background: #4169E1;
    height: 60px;
}

.globalnavi_wrap .globalnavi ul {
	display: table;
	table-layout: fixed;
	text-align: center;
	width: 900px;
	list-style-type: none;
    margin: 0 auto;
}

.globalnavi_wrap .globalnavi li {
	display: table-cell;
}

.globalnavi_wrap .globalnavi li a {
	display: block;
	background: #4169E1;
    border-bottom: solid 3px #4169E1;
	color:#FFF;
    font-weight: 400;
	font-size: 15px;
    line-height: 57px;
	text-decoration:none;
    text-align: center;
}

.globalnavi_wrap .globalnavi li a.active {
	background-color: #00479D;
    border-bottom: solid 3px #00479D;
	color:#FFF;
}

.globalnavi_wrap .globalnavi li a:hover:not(.active) {
	background-color:#4169E1;
    border-bottom: solid 3px #87CEFA;
	color:#FFF;
}

/* ローカルメニュー ----------*/

.localmenu ul {
    list-style: none;
}

.localmenu  li {
    display: inline;
}

.localmenu  li a {
    display: block;
    background-color: #696969;
    font-size: 15px;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    margin: 1px 0px;
    padding: 17px 0;
}

.localmenu li a.active {
	background-color: #00479D;
	color: #FFF;
}

.localmenu li a:hover:not(.active) {
	background-color: #4169E1;
	color: #FFF;
}

/* フッター ----------*/

.footer_wrap {
	background: #6495ED;
    height: 60px;
}

.footer_wrap .footer {
    width: 900px;
    margin: 0 auto;
	font-size: 12px;
    line-height: 60px;
	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;
}
