@charset "shift_jis";

body {
	height: 100%;
}

#container {
	position: relative;
	width: 100%;
    max-width: 900px;
	margin: 0 auto;
}

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

#home {
    background: #F0F0F0;
}

#common {
    background: #F0F0F0;
}

#about {
    background: #FFF;
}

#anothersheet {
    background: #BDB76B;
}

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

.contents_wrap {
    padding: 30px 0 0 0;
}

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

.contents_wrap2 {
    background: #F0F0F0;
    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;
}

.side_a {
    width: 260px;
}

.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;
}

.center_a {
    width: 900px;
    overflow: hidden;
    margin: 0 auto;
}

.common_wrap {
    flex: 1;
    background: #FFF;
    width: 100%;
    overflow: hidden;
    padding: 20px 10px;
    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
    }
}

.common_wrap .common_title {
    border-left: solid 10px #68A4D6;
    border-right: solid 10px #99AABB;
    background: #4682b4;
    background: -moz-linear-gradient(45deg, #4682b4 45%, #b0c4de 100%);
    background: -webkit-linear-gradient(45deg, #4682b4 45%,#b0c4de 100%);
    background: linear-gradient(45deg, #4682b4 45%,#b0c4de 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4682b4', endColorstr='#b0c4de',GradientType=1 );
    width: 60%;
    height: 50px;
    font-size: 18px;
    line-height: 50px;
    color: #FFF;
    text-align: center;
    text-shadow:2px 2px 2px #246092;
    margin: 0 auto 25px auto;
    box-shadow:0px 3px 5px 1px #C0C0C0;
    {
        shadowColor:"#C0C0C0",
            shadowOffset:{width:0,height:3},
        shadowOpacity:1,
            shadowRadius:5,
            borderWidth:1,
            borderRadius:0
    }
}

.common_wrap .common_title .small {
    font-size: 15px;
    line-height: 50px;
    color: #FFF;
    text-align: center;
    text-shadow:2px 2px 2px #246092;
}

.userinfo_wrap {
}

.userinfo_wrap .userinfo_box {
    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: 5px;
}

.userinfo_wrap .userinfo_index {
	background: #4682B4;
    border: solid 1px #4682B4;
    width: 35%;
    min-width: 150px;
    font-size: 15px;
    line-height: 1.5;
    color: #FFF;
    text-align: center;
    text-shadow:2px 2px 2px #246092;
    padding: 3px;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
    margin-right: 3px;
}

.userinfo_wrap .userinfo_detail {
    flex: 1;
	background: #FFF;
    border: solid 1px #B0C4DE;
    font-size: 15px;
    line-height: 1.5;
    color: #666;
    text-align: right;
    padding: 3px;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
}

.userinfo_wrap .userinfo_box:last-of-type {
    margin-bottom: 30px;
}

.newrelease_wrap,
.searchresult_wrap,
.history_wrap,
.profile_wrap,
.expiration_wrap,
.contactus_wrap {
    margin: 30px 0 0 0;
}

.application_btn,
.profileadd_btn,
.search_btn {
    width: 200px;
    height: 60px;
    margin: 0 auto;
}

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

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

.qanda_navi a {
    display: block;
    background-color: #FBAB7E;
    background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);
    font-size: 18px;
    line-height: 1.5;
    color: #FFF;
    font-weight: bold;
    text-shadow:2px 2px 2px #B7673A;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
    padding: 8px 3px;
    margin-bottom: 10px;
}

.qanda_navi a:hover {
    background-color: #F7CE68;
    background-image: linear-gradient(62deg, #F7CE68 0%, #FBAB7E 100%);
}

.qanda_navi .icon {
    background-image:url(../images/common/icon_qanda_01.png);
    background-repeat:no-repeat;
    background-position:left 5px center;
    padding: 8px 0 8px 53px;
}

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

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

.search_wrap {
    background: #F5F8FF;
    background: -moz-linear-gradient(top,  #F5F8FF 0%, #D2E6FF 100%);
    background: -webkit-linear-gradient(top,  #F5F8FF 0%,#D2E6FF 100%);
    background: linear-gradient(to bottom,  #F5F8FF 0%,#D2E6FF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F8FF', endColorstr='#D2E6FF',GradientType=0 );
    width: 100%;
    overflow: hidden;
    padding: 15px 10px;
    margin-bottom: 40px;
    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
}

.search_category {
	background: #5F9EA0;
    width: 150px;
    font-size: 16px;
    line-height: 40px;
    color: #FFF;
    text-align: center;
    font-weight: 500px;
    margin: 0 0 20px 0;
    box-shadow:0px 3px 5px 1px #C0C0C0;
        shadowColor:"#C0C0C0",
            shadowOffset:{width:0,height:3},
        shadowOpacity:1,
            shadowRadius:5,
            borderWidth:1,
            borderRadius:0
}

.keysearch_2column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.keysearch_btn {
    width: 100px;
    height: 42px;
}

.keysearch_wrap {
    flex: 1;
    border: solid 1px #C0C0C0;
    background-color:#FFF;
    background-image: url(../images/common/icon_search01.png);
    background-position: left 5px center;
    background-repeat: no-repeat, no-repeat;
    padding: 0 15px 0 30px;
    border-radius: 15px 15px 15px 15px / 15px 15px 15px 15px;
    margin-right: 5px;
}

.keysearch_wrap input.keysearch_input {
    border: none;
    background-color:#FFF;
    width: 100%;
    font-size: 16px;
    color: #666;
    padding: 10px 0;
}

.search_detail {
    margin: 0 0 20px 0;
}

.search_detail .search_check ul {
    list-style: none;
    overflow: hidden;
}

.search_detail .search_check li {
    float: left;
	font-size: 16px;
    vertical-align: middle;
    margin-right: 6px;
    margin-bottom: 7px;
}

.search_detail .segmented input,
.search_detail .segmented2 input { 
    display: none; 
}

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

.search_detail .segmented input:checked + .label {
    border: solid 1px #3571A3;
	background: #3571A3;
	color: #FFF;
}

.search_detail .segmented2 .label {
    border: solid 1px #3571A3;
	background: #FFF;
	background: -moz-linear-gradient(top, #FFF 0%, #B0C4DE 100%);
	background: -webkit-linear-gradient(top, #FFF 0%,#B0C4DE 100%);
	background: linear-gradient(to bottom, #FFF 0%,#B0C4DE 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFF', endColorstr='#B0C4DE',GradientType=0 );
    padding: 13px 0;
    width: 34px;
	font-size: 14px;
    color: #333;
    text-align: center;
    cursor: pointer;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
    float: left;
}

.search_detail .segmented2 input:checked + .label {
    border: solid 1px #3571A3;
	background: #3571A3;
	color: #FFF;
}

.search_detail .search_date_a select {
    border: solid 1px #3571A3;
	background: #FFF;
	width: 130px;
    height: 46px;
	font-size: 16px;
    color: #333;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
}

.search_detail .search_date_a option {
	border: solid 1px #999;
	background: #FFF;
    padding: 10px 2px;
	font-weight: normal;
	line-height: 1.7;
	color: #333;
}

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

.search_detail .search_date_b select {
    border: solid 1px #3571A3;
	background: #FFF;
	width: 90px;
    height: 46px;
	font-size: 16px;
    color: #333;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
}

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

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

.search_detail .search_date_c select {
    border: solid 1px #3571A3;
	background: #FFF;
	width: 280px;
    height: 46px;
	font-size: 16px;
    color: #333;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
}

.search_detail .search_date_c option {
	border: solid 1px #999;
	background: #FFF;
    padding: 10px 2px;
	font-weight: normal;
	line-height: 1.7;
	color: #333;
}

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

.newrelease_wrap .newrelease_title {
    border-left: solid 10px #FECF56;
    border-right: solid 10px #F4A460;
    background: #fb9d23;
    background: -moz-linear-gradient(45deg, #fb9d23 45%, #ffc578 100%);
    background: -webkit-linear-gradient(45deg, #fb9d23 45%,#ffc578 100%);
    background: linear-gradient(45deg, #fb9d23 45%,#ffc578 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb9d23', endColorstr='#ffc578',GradientType=1 );
    width: 60%;
    height: 50px;
    font-size: 18px;
    line-height: 50px;
    color: #FFF;
    text-shadow:2px 2px 2px #A0522D;
    text-align: center;
    margin: 0 auto 25px auto;
    box-shadow:0px 3px 5px 1px #C0C0C0;
    {
        shadowColor:"#C0C0C0",
            shadowOffset:{width:0,height:3},
        shadowOpacity:1,
            shadowRadius:5,
            borderWidth:1,
            borderRadius:0
    }
}

.expirationdate_info_tab {
	width: 100%;
    margin-bottom: 10px;
}

.expirationdate_info_tab .CollapsiblePanel {
    background-color:#f9003c;
    font-size: 18px;
    color: #FFF;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
    text-shadow:2px 2px 2px #B22222;
}

.expirationdate_info_tab .CollapsiblePanelTab,
.expirationdate_info_tab .CollapsiblePanelClosed .CollapsiblePanelTab,
.expirationdate_info_tab .CollapsiblePanelTabHover,
.expirationdate_info_tab .CollapsiblePanelFocused .CollapsiblePanelTab {
    cursor:pointer;
    background-color:#f9003c;
    background-image:url(../images/common/icon_info02.png);
    background-repeat:no-repeat;
    background-position:right 3px center;
    padding: 10px 7px;
}

.expirationdate_info_tab .CollapsiblePanelOpen .CollapsiblePanelTab,
.expirationdate_info_tab .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	cursor:pointer;
    background-color:#f9003c;
    background-image:url(../images/common/icon_info03.png);
    background-repeat:no-repeat;
    background-position:right 3px center;
    padding: 10px 7px;
}

.expirationdate_info_tab .CollapsiblePanelContent {
    padding: 0 5px 5px 5px;
}

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

.expirationdate_info_tab .CollapsiblePanelTab .icon01 {
	background: url(../images/common/icon_expirationdate01.png) left top no-repeat;
    padding: 0 0 0 25px;
}

.expirationdate_info_tab .important_info_detail {
	clear:both;
	overflow:hidden;
    background: #FFF;
    padding: 10px 5px;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

.expirationdate_info {
    border: solid 5px #CD5C5C;
    background: #FFF;
    width: 100%;
    overflow: hidden;
    padding: 0 0 15px 0;
    margin-bottom: 5px;
}

.expirationdate_info .expirationdate_title {
    background: #CD5C5C;
    width: 98%;
    min-width: 280px;
    font-size: 18px;
    color: #FFF;
    text-align: left;
    font-weight: bold;
    text-shadow:2px 2px 2px #8B0000;
    padding: 10px 0;
    margin: 15px 0 0 0;
}

.expirationdate_info .expirationdate_title .icon01 {
	background: url(../images/common/icon_expirationdate01.png) left top no-repeat;
    padding: 0 0 0 30px;
}

.expirationdate_detail {
    background-color: #FFF;
    padding: 15px 8px 10px 8px;
}

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

.expirationdate_detail .btn {
    display: block;
    background-color: #C00;
    font-size: 20px;
    color: #FFF;
    font-weight: bold;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
    padding: 5px 20px;
    margin: 10px 0 0 0;
}

.expirationdate_detail .btn:hover {
    background-color: #900;
}

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

.reload_info_wrap {
    background-color:#FFD700;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    margin: 0 auto 10px auto;
}

.reload_info {
    flex: 1;
    font-size: 18px;
    color: #333;
    font-weight: bold;
}

.reload_btn {
    width: 120px;
    height: 30px;
    margin-left: 10px;
}

.important_info {
	width: 100%;
}

.important_info .CollapsiblePanel {
    background-color:#CD5C5C;
    font-size: 18px;
	color: #FFF;
    font-weight: bold;
    text-align: left;
	text-decoration: none;
    text-shadow:2px 2px 2px #8B4513;
}

.important_info .CollapsiblePanelTab,
.important_info .CollapsiblePanelClosed .CollapsiblePanelTab,
.important_info .CollapsiblePanelTabHover,
.important_info .CollapsiblePanelFocused .CollapsiblePanelTab {
	cursor:pointer;
    background-color:#CD5C5C;
    background-image:url(../images/common/icon_info02.png);
    background-repeat:no-repeat;
    background-position:right 3px center;
    padding: 10px 7px;
}

.important_info .CollapsiblePanelOpen .CollapsiblePanelTab,
.important_info .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	cursor:pointer;
    background-color:#CD5C5C;
    background-image:url(../images/common/icon_info03.png);
    background-repeat:no-repeat;
    background-position:right 3px center;
    padding: 10px 7px;
}

.important_info .CollapsiblePanelContent {
    padding: 0 5px 5px 5px;
}

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

.important_info .CollapsiblePanelTab .icon01 {
	background: url(../images/common/icon_info01.png) left top no-repeat;
    padding: 0 0 0 30px;
}

.important_info .important_info_detail {
	clear:both;
	overflow:hidden;
    background: #FFF;
    padding: 10px 5px;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

.important_info .important_info_detail h1 {
    font-size: 18px;
    line-height: 1.7;
	color: #A52A2A;
    font-weight: bold;
    text-align: left;
	text-decoration: none;
    text-shadow:none;
    margin: 0 0 15px 0;
}

.important_info .important_info_detail h2 {
    font-size: 14px;
	color: #999;
    font-weight: 500;
    text-align: left;
	text-decoration: none;
    text-shadow:none;
    margin: 0 0 15px 0;
}

.important_info .important_info_detail h3 {
    font-size: 16px;
    line-height: 1.7;
	color: #333;
    font-weight: 500;
    text-align: left;
	text-decoration: none;
    text-shadow:none;
}

/* 検索結果 ----------*/

.searchresult_emphasis {
    font-size: 30px;
    color: #246092;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
    padding: 0 3px;
}

.searchresult_series_list_a,
.searchresult_series_list_b,
.searchresult_series_list_c,
.searchresult_series_list_d,
.searchresult_series_list_e {
    position: relative;
    margin: 0;
    padding: 0;
}

.searchresult_series_list_a .CollapsiblePanel,
.searchresult_series_list_b .CollapsiblePanel,
.searchresult_series_list_c .CollapsiblePanel,
.searchresult_series_list_d .CollapsiblePanel,
.searchresult_series_list_e .CollapsiblePanel {
    margin: 0;
    padding: 0;
}

.searchresult_series_list_a .CollapsiblePanelTab,
.searchresult_series_list_a .CollapsiblePanelClosed .CollapsiblePanelTab,
.searchresult_series_list_a .CollapsiblePanelTabHover,
.searchresult_series_list_a .CollapsiblePanelFocused .CollapsiblePanelTab {
	cursor:pointer;
    background-color:#BDB76B;
    background-image: url(../images/common/icon_btn_type_a01.png);
    background-position: left 5px center;
    background-repeat: no-repeat, no-repeat;
	font-size: 16px;
    font-weight: 500;
    line-height: 1.7;
    color: #FFF;
    text-align: left;
	text-decoration: none;
    text-shadow:2px 2px 2px #808000;
    padding: 12px 8px 12px 32px;
    margin: 0 0 5px 0;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
}

.searchresult_series_list_a .CollapsiblePanelOpen .CollapsiblePanelTab,
.searchresult_series_list_a .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	cursor:pointer;
    background-color:#BDB76B;
    background-image: url(../images/common/icon_btn_type_a02.png);
    background-position: left 5px center;
    background-repeat: no-repeat, no-repeat;
    color: #FFF;
}

.searchresult_series_list_a .CollapsiblePanelTab a,
.searchresult_series_list_b .CollapsiblePanelTab a,
.searchresult_series_list_c .CollapsiblePanelTab a,
.searchresult_series_list_d .CollapsiblePanelTab a,
.searchresult_series_list_e .CollapsiblePanelTab a {
	color: #FFF;
    font-weight: 500;
    text-align: left;
	text-decoration: none;
}

.searchresult_series_list_b .CollapsiblePanelTab,
.searchresult_series_list_b .CollapsiblePanelClosed .CollapsiblePanelTab,
.searchresult_series_list_b .CollapsiblePanelTabHover,
.searchresult_series_list_b .CollapsiblePanelFocused .CollapsiblePanelTab {
	cursor:pointer;
    background-color:#6B8E23;
    background-image: url(../images/common/icon_btn_type_b01.png);
    background-position: left 5px center;
    background-repeat: no-repeat, no-repeat;
	font-size: 16px;
    font-weight: 500;
    line-height: 1.7;
    color: #FFF;
    text-align: left;
	text-decoration: none;
    text-shadow:2px 2px 2px #556B2F;
    padding: 12px 8px 12px 32px;
    margin: 0 0 5px 0;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
}

.searchresult_series_list_b .CollapsiblePanelOpen .CollapsiblePanelTab,
.searchresult_series_list_b .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	cursor:pointer;
    background-color:#6B8E23;
    background-image: url(../images/common/icon_btn_type_b02.png);
    background-position: left 5px center;
    background-repeat: no-repeat, no-repeat;
    color: #FFF;
}

.searchresult_series_list_c .CollapsiblePanelTab,
.searchresult_series_list_c .CollapsiblePanelClosed .CollapsiblePanelTab,
.searchresult_series_list_c .CollapsiblePanelTabHover,
.searchresult_series_list_c .CollapsiblePanelFocused .CollapsiblePanelTab {
	cursor:pointer;
    background-color:#4169E1;
    background-image: url(../images/common/icon_btn_type_c01.png);
    background-position: left 5px center;
    background-repeat: no-repeat, no-repeat;
	font-size: 16px;
    font-weight: 500;
    line-height: 1.7;
    color: #FFF;
    text-align: left;
	text-decoration: none;
    text-shadow:2px 2px 2px #00008B;
    padding: 12px 8px 12px 32px;
    margin: 0 0 5px 0;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
}

.searchresult_series_list_c .CollapsiblePanelOpen .CollapsiblePanelTab,
.searchresult_series_list_c .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	cursor:pointer;
    background-color:#4169E1;
    background-image: url(../images/common/icon_btn_type_c02.png);
    background-position: left 5px center;
    background-repeat: no-repeat, no-repeat;
    color: #FFF;
}

.searchresult_series_list_d .CollapsiblePanelTab,
.searchresult_series_list_d .CollapsiblePanelClosed .CollapsiblePanelTab,
.searchresult_series_list_d .CollapsiblePanelTabHover,
.searchresult_series_list_d .CollapsiblePanelFocused .CollapsiblePanelTab {
	cursor:pointer;
    background-color:#B8860B;
    background-image: url(../images/common/icon_btn_type_d01.png);
    background-position: left 5px center;
    background-repeat: no-repeat, no-repeat;
	font-size: 16px;
    font-weight: 500;
    line-height: 1.7;
    color: #FFF;
    text-align: left;
	text-decoration: none;
    text-shadow:2px 2px 2px #8B4513;
    padding: 12px 8px 12px 32px;
    margin: 0 0 5px 0;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
}

.searchresult_series_list_d .CollapsiblePanelOpen .CollapsiblePanelTab,
.searchresult_series_list_d .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	cursor:pointer;
    background-color:#B8860B;
    background-image: url(../images/common/icon_btn_type_d02.png);
    background-position: left 5px center;
    background-repeat: no-repeat, no-repeat;
    color: #FFF;
}

.searchresult_series_list_e .CollapsiblePanelTab,
.searchresult_series_list_e .CollapsiblePanelClosed .CollapsiblePanelTab,
.searchresult_series_list_e .CollapsiblePanelTabHover,
.searchresult_series_list_e .CollapsiblePanelFocused .CollapsiblePanelTab {
	cursor:pointer;
    background-color:#F4A460;
    background-image: url(../images/common/icon_btn_type_e01.png);
    background-position: left 5px center;
    background-repeat: no-repeat, no-repeat;
	font-size: 16px;
    font-weight: 500;
    line-height: 1.7;
    color: #FFF;
    text-align: left;
	text-decoration: none;
    text-shadow:2px 2px 2px #D2691E;
    padding: 12px 8px 12px 32px;
    margin: 0 0 5px 0;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
}

.searchresult_series_list_e .CollapsiblePanelOpen .CollapsiblePanelTab,
.searchresult_series_list_e .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	cursor:pointer;
    background-color:#F4A460;
    background-image: url(../images/common/icon_btn_type_e02.png);
    background-position: left 5px center;
    background-repeat: no-repeat, no-repeat;
    color: #FFF;
}

.searchresult_series_list_a .series_list, 
.searchresult_series_list_b .series_list, 
.searchresult_series_list_c .series_list, 
.searchresult_series_list_d .series_list,
.searchresult_series_list_e .series_list {
	background-color: #FFF;
    padding: 15px 0 0 0;
	overflow:hidden;
	clear:both;
}

.searchresult_series_list_a .series_list .comment, 
.searchresult_series_list_b .series_list .comment, 
.searchresult_series_list_c .series_list .comment, 
.searchresult_series_list_d .series_list .comment,
.searchresult_series_list_e .series_list .comment {
    font-size: 16px;
    line-height: 1.7;
	color: #333;
    font-weight: 500;
    text-align: left;
    padding: 0 0 15px 0;
}

.player_wrap .return_btn a,
.expiration_wrap .return_btn a,
.searchresult_wrap .return_btn a {
    display: block;
    border: solid 1px #C0C0C0;
	background: #FFF;
    width: 95%;
    font-size: 15px;
    line-height: 40px;
    color: #333;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    margin-left: auto;
    margin-right: auto;
    border-radius: 20px 20px 20px 20px / 20px 20px 20px 20px;
}

.player_wrap .return_btn .icon01,
.expiration_wrap .return_btn .icon01,
.searchresult_wrap .return_btn .icon01 {
	background: url(../images/common/icon_return01.png) center left no-repeat;
    padding: 0 0 0 30px;
}

/* 全講義一覧 ----------*/

.category_btn_type_a,
.category_btn_type_b,
.category_btn_type_c {
    margin-bottom: 30px;
}

.category_btn_type_a .CollapsiblePanel, 
.category_btn_type_b .CollapsiblePanel, 
.category_btn_type_c .CollapsiblePanel, 
.category_btn_type_d .CollapsiblePanel,
.category_btn_type_e .CollapsiblePanel {
}

.category_btn_type_a .CollapsiblePanelTab,
.category_btn_type_a .CollapsiblePanelClosed .CollapsiblePanelTab,
.category_btn_type_a .CollapsiblePanelTabHover,
.category_btn_type_a .CollapsiblePanelFocused .CollapsiblePanelTab {
	cursor:pointer;
    background-color:#BDB76B;
    background-image: url(../images/common/icon_btn_type_a01.png), url(../images/common/bg_btn_type_a.jpg);
    background-position: left 5px center, right 0 center;
    background-repeat: no-repeat, no-repeat;
    font-size: 18px;
    line-height: 70px;
	color: #FFF;
    font-weight: 500;
    text-align: left;
	text-decoration: none;
    text-shadow:2px 2px 2px #808000;
    padding: 0 10px 0 32px;
    margin: 0 0 12px 0;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
    box-shadow:0px 3px 5px 1px #C0C0C0;
    {
        shadowColor:"#C0C0C0",
            shadowOffset:{width:0,height:3},
        shadowOpacity:1,
            shadowRadius:5,
            borderRadius:3
    }
}

.category_btn_type_a .CollapsiblePanelOpen .CollapsiblePanelTab,
.category_btn_type_a .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	cursor:pointer;
    background-color:#BDB76B;
    background-image: url(../images/common/icon_btn_type_a02.png), url(../images/common/bg_btn_type_a.jpg);
    background-position: left 5px center, right 0 center;
    background-repeat: no-repeat, no-repeat;
    font-size: 18px;
    line-height: 70px;
	color: #FFF;
    font-weight: 500;
    text-align: left;
	text-decoration: none;
    text-shadow:2px 2px 2px #808000;
    padding: 0 10px 0 32px;
    margin: 0 0 12px 0;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
    box-shadow:0px 3px 5px 1px #C0C0C0;
    {
        shadowColor:"#C0C0C0",
            shadowOffset:{width:0,height:3},
        shadowOpacity:1,
            shadowRadius:5,
            borderRadius:3
    }
}

.category_btn_type_a .CollapsiblePanelTab a, 
.category_btn_type_b .CollapsiblePanelTab a, 
.category_btn_type_c .CollapsiblePanelTab a, 
.category_btn_type_d .CollapsiblePanelTab a,
.category_btn_type_e .CollapsiblePanelTab a {
	color: #FFF;
    font-weight: 500;
    text-align: left;
	text-decoration: none;
}

.category_btn_type_b .CollapsiblePanelTab,
.category_btn_type_b .CollapsiblePanelClosed .CollapsiblePanelTab,
.category_btn_type_b .CollapsiblePanelTabHover,
.category_btn_type_b .CollapsiblePanelFocused .CollapsiblePanelTab {
	cursor:pointer;
    background-color:#6B8E23;
    background-image: url(../images/common/icon_btn_type_b01.png), url(../images/common/bg_btn_type_b.jpg);
    background-position: left 5px center, right 0 center;
    background-repeat: no-repeat, no-repeat;
    font-size: 18px;
    line-height: 70px;
	color: #FFF;
    font-weight: 500;
    text-align: left;
	text-decoration: none;
    text-shadow:2px 2px 2px #556B2F;
    padding: 0 10px 0 32px;
    margin: 0 0 12px 0;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
    box-shadow:0px 3px 5px 1px #C0C0C0;
    {
        shadowColor:"#C0C0C0",
            shadowOffset:{width:0,height:3},
        shadowOpacity:1,
            shadowRadius:5,
            borderRadius:3
    }
}

.category_btn_type_b .CollapsiblePanelOpen .CollapsiblePanelTab,
.category_btn_type_b .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	cursor:pointer;
    background-color:#6B8E23;
    background-image: url(../images/common/icon_btn_type_b02.png), url(../images/common/bg_btn_type_b.jpg);
    background-position: left 5px center, right 0 center;
    background-repeat: no-repeat, no-repeat;
    font-size: 18px;
    line-height: 70px;
	color: #FFF;
    font-weight: 500;
    text-align: left;
	text-decoration: none;
    text-shadow:2px 2px 2px #556B2F;
    padding: 0 10px 0 32px;
    margin: 0 0 12px 0;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
    box-shadow:0px 3px 5px 1px #C0C0C0;
    {
        shadowColor:"#C0C0C0",
            shadowOffset:{width:0,height:3},
        shadowOpacity:1,
            shadowRadius:5,
            borderRadius:3
    }
}

.category_btn_type_c .CollapsiblePanelTab,
.category_btn_type_c .CollapsiblePanelClosed .CollapsiblePanelTab,
.category_btn_type_c .CollapsiblePanelTabHover,
.category_btn_type_c .CollapsiblePanelFocused .CollapsiblePanelTab {
	cursor:pointer;
    background-color:#4169E1;
    background-image: url(../images/common/icon_btn_type_c01.png), url(../images/common/bg_btn_type_c.jpg);
    background-position: left 5px center, right 0 center;
    background-repeat: no-repeat, no-repeat;
    font-size: 18px;
    line-height: 70px;
	color: #FFF;
    font-weight: 500;
    text-align: left;
	text-decoration: none;
    text-shadow:2px 2px 2px #00008B;
    padding: 0 10px 0 32px;
    margin: 0 0 12px 0;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
    box-shadow:0px 3px 5px 1px #C0C0C0;
    {
        shadowColor:"#C0C0C0",
            shadowOffset:{width:0,height:3},
        shadowOpacity:1,
            shadowRadius:5,
            borderRadius:3
    }
}

.category_btn_type_c .CollapsiblePanelOpen .CollapsiblePanelTab,
.category_btn_type_c .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	cursor:pointer;
    background-color:#4169E1;
    background-image: url(../images/common/icon_btn_type_c02.png), url(../images/common/bg_btn_type_c.jpg);
    background-position: left 5px center, right 0 center;
    background-repeat: no-repeat, no-repeat;
    font-size: 18px;
    line-height: 70px;
	color: #FFF;
    font-weight: 500;
    text-align: left;
	text-decoration: none;
    text-shadow:2px 2px 2px #00008B;
    padding: 0 10px 0 32px;
    margin: 0 0 12px 0;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
    box-shadow:0px 3px 5px 1px #C0C0C0;
    {
        shadowColor:"#C0C0C0",
            shadowOffset:{width:0,height:3},
        shadowOpacity:1,
            shadowRadius:5,
            borderRadius:3
    }
}

.category_btn_type_d {
    margin-bottom: 0;
}

.category_btn_type_d .CollapsiblePanelTab,
.category_btn_type_d .CollapsiblePanelClosed .CollapsiblePanelTab,
.category_btn_type_d .CollapsiblePanelTabHover,
.category_btn_type_d .CollapsiblePanelFocused .CollapsiblePanelTab {
	cursor:pointer;
    background-color:#B8860B;
    background-image: url(../images/common/icon_btn_type_d01.png), url(../images/common/bg_btn_type_d.jpg);
    background-position: left 5px center, right 0 center;
    background-repeat: no-repeat, no-repeat;
    font-size: 18px;
    line-height: 70px;
	color: #FFF;
    font-weight: 500;
    text-align: left;
	text-decoration: none;
    text-shadow:2px 2px 2px #8B4513;
    padding: 0 10px 0 32px;
    margin: 0 0 12px 0;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
    box-shadow:0px 3px 5px 1px #C0C0C0;
    {
        shadowColor:"#C0C0C0",
            shadowOffset:{width:0,height:3},
        shadowOpacity:1,
            shadowRadius:5,
            borderRadius:3
    }
}

.category_btn_type_d .CollapsiblePanelOpen .CollapsiblePanelTab,
.category_btn_type_d .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	cursor:pointer;
    background-color:#B8860B;
    background-image: url(../images/common/icon_btn_type_d02.png), url(../images/common/bg_btn_type_d.jpg);
    background-position: left 5px center, right 0 center;
    background-repeat: no-repeat, no-repeat;
    font-size: 18px;
    line-height: 70px;
	color: #FFF;
    font-weight: 500;
    text-align: left;
	text-decoration: none;
    text-shadow:2px 2px 2px #8B4513;
    padding: 0 10px 0 32px;
    margin: 0 0 12px 0;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
    box-shadow:0px 3px 5px 1px #C0C0C0;
    {
        shadowColor:"#C0C0C0",
            shadowOffset:{width:0,height:3},
        shadowOpacity:1,
            shadowRadius:5,
            borderRadius:3
    }
}

.category_btn_type_e {
    margin-top: 30px;
}

.category_btn_type_e .CollapsiblePanelTab,
.category_btn_type_e .CollapsiblePanelClosed .CollapsiblePanelTab,
.category_btn_type_e .CollapsiblePanelTabHover,
.category_btn_type_e .CollapsiblePanelFocused .CollapsiblePanelTab {
	cursor:pointer;
    background-color:#F4A460;
    background-image: url(../images/common/icon_btn_type_e01.png), url(../images/common/bg_btn_type_e.jpg);
    background-position: left 5px center, right 0 center;
    background-repeat: no-repeat, no-repeat;
    font-size: 18px;
    line-height: 70px;
	color: #FFF;
    font-weight: 500;
    text-align: left;
	text-decoration: none;
    text-shadow:2px 2px 2px #D2691E;
    padding: 0 10px 0 32px;
    margin: 0 0 12px 0;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
    box-shadow:0px 3px 5px 1px #C0C0C0;
    {
        shadowColor:"#C0C0C0",
            shadowOffset:{width:0,height:3},
        shadowOpacity:1,
            shadowRadius:5,
            borderRadius:3
    }
}

.category_btn_type_e .CollapsiblePanelOpen .CollapsiblePanelTab,
.category_btn_type_e .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	cursor:pointer;
    background-color:#F4A460;
    background-image: url(../images/common/icon_btn_type_e02.png), url(../images/common/bg_btn_type_e.jpg);
    background-position: left 5px center, right 0 center;
    background-repeat: no-repeat, no-repeat;
    font-size: 18px;
    line-height: 70px;
	color: #FFF;
    font-weight: 500;
    text-align: left;
	text-decoration: none;
    text-shadow:2px 2px 2px #D2691E;
    padding: 0 10px 0 32px;
    margin: 0 0 12px 0;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
    box-shadow:0px 3px 5px 1px #C0C0C0;
    {
        shadowColor:"#C0C0C0",
            shadowOffset:{width:0,height:3},
        shadowOpacity:1,
            shadowRadius:5,
            borderRadius:3
    }
}

.category_btn_type_a .series_list, 
.category_btn_type_b .series_list, 
.category_btn_type_c .series_list, 
.category_btn_type_d .series_list,
.category_btn_type_e .series_list {
	background-color: #FFF;
    padding: 10px;
	overflow:hidden;
	clear:both;
}

.lecturelist_all_series_list {
    padding: 5px 0;
	overflow:hidden;
	clear:both;
}

.category_btn_type_a .series_list .comment, 
.category_btn_type_b .series_list .comment, 
.category_btn_type_c .series_list .comment, 
.category_btn_type_d .series_list .comment,
.category_btn_type_e .series_list .comment,
.lecturelist_all_series_list .comment {
    font-size: 16px;
    line-height: 1.7;
	color: #333;
    font-weight: 500;
    text-align: left;
    padding: 0 0 15px 0;
}

.category_btn_type_a .series_list ul, 
.category_btn_type_b .series_list ul, 
.category_btn_type_c .series_list ul, 
.category_btn_type_d .series_list ul,
.category_btn_type_e .series_list ul,
.lecturelist_all_series_list ul {
    list-style: none;
}

.category_btn_type_a .series_list li a, 
.category_btn_type_b .series_list li a, 
.category_btn_type_c .series_list li a, 
.category_btn_type_d .series_list li a,
.category_btn_type_e .series_list li a,
.lecturelist_all_series_list li a{
    display: block;
	background: #BEDDDD;
	font-size: 14px;
    font-weight: 500;
    line-height: 1.7;
    color: #333;
    text-align: left;
	text-decoration: none;
    padding: 12px 6px;
    margin: 0 0 4px 0;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
}

.category_btn_type_a .series_list li a:hover, 
.category_btn_type_b .series_list li a:hover, 
.category_btn_type_c .series_list li a:hover, 
.category_btn_type_d .series_list li a:hover,
.category_btn_type_e .series_list li a:hover,
.lecturelist_all_series_list li a:hover {
	background: #AFEEEE;
    color: #333;
}

.category_btn_type_a .series_list .icon01, 
.category_btn_type_b .series_list .icon01, 
.category_btn_type_c .series_list .icon01, 
.category_btn_type_d .series_list .icon01,
.category_btn_type_e .series_list .icon01,
.lecturelist_all_series_list .icon01 {
	background: url(../images/common/icon_serieslist01.png) left 1px no-repeat;
    padding: 0 0 0 16px;
}

.searchresult_wrap .series_title {
    background: #2F4F4F;
    background: -moz-linear-gradient(45deg,  #2F4F4F 25%, #2F4F4F 25%, #B0E0E6 100%);
    background: -webkit-linear-gradient(45deg,  #2F4F4F 25%,#2F4F4F 25%,#B0E0E6 100%);
    background: linear-gradient(45deg,  #2F4F4F 25%,#2F4F4F 25%,#B0E0E6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2F4F4F', endColorstr='#B0E0E6',GradientType=1 );
    width: 95%;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.7;
    padding: 10px 2px;
    color: #FFF;
    text-align: center;
    text-shadow:2px 2px 2px #2F4F4F;
    margin: 0 auto 25px auto;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
    box-shadow:0px 3px 5px 1px #C0C0C0;
    {
        shadowColor:"#C0C0C0",
            shadowOffset:{width:0,height:3},
        shadowOpacity:1,
            shadowRadius:5,
            borderRadius:3
    }
}

.lecture_info {
    background: #FFF;
    width: 100%;
    overflow: hidden;
    padding: 0 0 15px 0;
    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
    }
}

.lecture_info .info_title {
    background: #20B2AA;
    width: 40%;
    min-width: 240px;
    font-size: 18px;
    color: #FFF;
    text-align: center;
    text-shadow:2px 2px 2px #246092;
    padding: 12px 0;
    margin: 15px 0 0 0;
}

.lecture_info .info_title .icon01 {
	background: url(../images/common/icon_info01.png) left top no-repeat;
    padding: 0 0 0 23px;
}

.lecture_info .info_detail {
    border-left: solid 5px #00CED1;
    padding: 0 0 0 10px;
    margin: 20px 8px 0 8px;
}

.lecture_info .info_detail h1 {
    font-size: 14px;
    line-height: 1.5;
	color: #999;
    font-weight: 500;
    text-align: left;
	text-decoration: none;
    text-shadow:none;
    margin: 0 0 10px 0;
}

.lecture_info .info_detail h2 {
    font-size: 16px;
    line-height: 1.7;
	color: #333;
    font-weight: 500;
    text-align: left;
	text-decoration: none;
    text-shadow:none;
}

/* 講義のボタン ----------*/

.lecture_btn_new a {
    display: block;
    background: url(../images/common/icon_new.png) left top no-repeat #FFF;
    width: 100%;
    color: #333;
    text-decoration: none;
    overflow: hidden;
    padding: 12px 35px 12px 7px;
}

.lecture_btn_right a {
    display: block;
    background: #FFF;
    width: 100%;
    color: #333;
    text-decoration: none;
    overflow: hidden;
    padding: 12px 7px 12px 35px;
}

.lecture_btn_left a {
    display: block;
    background: #FFF;
    width: 100%;
    color: #333;
    text-decoration: none;
    overflow: hidden;
    padding: 12px 35px 12px 7px;
}

.lecture_btn_new .btn_description_b {
    background: #A9A9A9;
    width: 160px;
    font-size: 16px;
    line-height: 30px;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    margin: 0 0 13px 38px;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
}

.lecture_btn_right .btn_description_b,
.lecture_btn_left .btn_description_b {
    background: #A9A9A9;
    width: 160px;
    font-size: 16px;
    line-height: 30px;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    margin-bottom: 10px;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
}

.lecture_btn_new .btn_description_a .icon01,
.lecture_btn_right .btn_description_a .icon01,
.lecture_btn_left .btn_description_a .icon01,
.lecture_btn_new .btn_description_b .icon01,
.lecture_btn_right .btn_description_b .icon01,
.lecture_btn_left .btn_description_b .icon01 {
	background: url(../images/common/icon_lec_play01.png) left center no-repeat;
    padding: 0 0 0 35px;
}

.lecture_btn_new .btn_description_a .icon02,
.lecture_btn_right .btn_description_a .icon02,
.lecture_btn_left .btn_description_a .icon02,
.lecture_btn_new .btn_description_b .icon02,
.lecture_btn_right .btn_description_b .icon02,
.lecture_btn_left .btn_description_b .icon02 {
	background: url(../images/common/icon_lec_play02.png) left center no-repeat;
    padding: 0 0 0 32px;
}

.lecture_btn_new .lecture_type {
    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 13px 38px;
}

.player_wrap .lecture_type,
.lecture_btn_right .lecture_type, 
.lecture_btn_left .lecture_type {
    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 13px 0;
}

.player_wrap .lecture_type .type_a,
.lecture_btn_new .lecture_type .type_a,
.lecture_btn_right .lecture_type .type_a,
.lecture_btn_left .lecture_type .type_a {
    background-color: #BDB76B;
    font-size: 16px;
    color: #FFF;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    padding: 5px;
    margin: 0 8px 0 0;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
}

.player_wrap .lecture_type .type_b,
.lecture_btn_new .lecture_type .type_b,
.lecture_btn_right .lecture_type .type_b,
.lecture_btn_left .lecture_type .type_b {
    background-color: #6B8E23;
    font-size: 16px;
    color: #FFF;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    padding: 5px;
    margin: 0 8px 0 0;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
}

.player_wrap .lecture_type .type_c,
.lecture_btn_new .lecture_type .type_c,
.lecture_btn_right .lecture_type .type_c,
.lecture_btn_left .lecture_type .type_c {
    background-color: #4169E1;
    font-size: 16px;
    color: #FFF;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    padding: 5px;
    margin: 0 8px 0 0;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
}

.player_wrap .lecture_type .type_d,
.lecture_btn_new .lecture_type .type_d,
.lecture_btn_right .lecture_type .type_d,
.lecture_btn_left .lecture_type .type_d {
    background-color: #B8860B;
    font-size: 16px;
    color: #FFF;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    padding: 5px;
    margin: 0 8px 0 0;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
}

.player_wrap .lecture_type .series,
.lecture_btn_new .lecture_type .series,
.lecture_btn_right .lecture_type .series,
.lecture_btn_left .lecture_type .series {
    flex: 1;
    font-size: 16px;
    color: #666;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
    padding: 5px 0;
}

.lecture_btn_new .lecture_name,
.lecture_btn_right .lecture_name,
.lecture_btn_left .lecture_name {
    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: 5px 0 13px 0;
}

.lecture_btn_new .lecture_name .lecture_status01,
.lecture_btn_right .lecture_name .lecture_status01,
.lecture_btn_left .lecture_name .lecture_status01 {
    display: block;
    background: url(../images/common/icon_play01.png) left top no-repeat;
    background-size: contain;
	width: 25px;
	height: 25px;
    margin: 0 5px 0 0;
}

.lecture_btn_new .lecture_name .lecture_status02,
.lecture_btn_right .lecture_name .lecture_status02,
.lecture_btn_left .lecture_name .lecture_status02 {
    display: block;
    background: url(../images/common/icon_play02.png) left top no-repeat;
    background-size: contain;
	width: 25px;
	height: 25px;
    margin: 0 5px 0 0;
}

.lecture_btn_new .lecture_name .lecture_status03,
.lecture_btn_right .lecture_name .lecture_status03,
.lecture_btn_left .lecture_name .lecture_status03 {
    display: block;
    background: url(../images/common/icon_play03.png) left top no-repeat;
    background-size: contain;
	width: 25px;
	height: 25px;
    margin: 0 5px 0 0;
}

.lecture_btn_new .lecture_name .lecture_status_a,
.lecture_btn_right .lecture_name .lecture_status_a,
.lecture_btn_left .lecture_name .lecture_status_a {
    display: block;
    background: url(../images/common/icon_play_a.gif) left top no-repeat;
    background-size: contain;
	width: 75px;
	height: 25px;
    margin: 0 5px 0 0;
}

.lecture_btn_new .lecture_name .lecture_status_b,
.lecture_btn_right .lecture_name .lecture_status_b,
.lecture_btn_left .lecture_name .lecture_status_b {
    display: block;
    background: url(../images/common/icon_play_b.gif) left top no-repeat;
    background-size: contain;
	width: 75px;
	height: 25px;
    margin: 0 5px 0 0;
}

.lecture_btn_new .lecture_name .lecture_status_c,
.lecture_btn_right .lecture_name .lecture_status_c,
.lecture_btn_left .lecture_name .lecture_status_c {
    display: block;
    background: url(../images/common/icon_play_c.gif) left top no-repeat;
    background-size: contain;
	width: 75px;
	height: 25px;
    margin: 0 5px 0 0;
}

.lecture_btn_new .lecture_name .lecture_status_d,
.lecture_btn_right .lecture_name .lecture_status_d,
.lecture_btn_left .lecture_name .lecture_status_d {
    display: block;
    background: url(../images/common/icon_play_d.gif) left top no-repeat;
    background-size: contain;
	width: 75px;
	height: 25px;
    margin: 0 5px 0 0;
}

.lecture_btn_new .lecture_name .name_detail,
.lecture_btn_right .lecture_name .name_detail,
.lecture_btn_left .lecture_name .name_detail {
    flex: 1;
    font-size: 16px;
    line-height: 1.7;
    color: #333;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
}

.lecture_btn_new .teacher_info,
.lecture_btn_right .teacher_info,
.lecture_btn_left .teacher_info {
    font-size: 15px;
    line-height: 1.7;
    color: #666;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
    margin: 0 10px 15px 10px;
}

.lecture_btn_new .lecture_timeandscore,
.lecture_btn_right .lecture_timeandscore,
.lecture_btn_left .lecture_timeandscore,
.lecture_btn_new .lecture_release,
.lecture_btn_right .lecture_release,
.lecture_btn_left .lecture_release {
    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 5px 0;
}

.lecture_btn_new .lecture_timeandscore .timeandscore_item,
.lecture_btn_right .lecture_timeandscore .timeandscore_item,
.lecture_btn_left .lecture_timeandscore .timeandscore_item,
.lecture_btn_new .lecture_release .release_item,
.lecture_btn_right .lecture_release .release_item,
.lecture_btn_left .lecture_release .release_item {
    background-color: #D6EEDD;
    width: 150px;
    font-size: 15px;
    line-height: 1.5;
    color: #333;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
    padding: 3px 0 3px 8px;
    margin: 0 0 0 10px;
    border-radius: 3px 0 0 3px / 3px 0 0 3px;
}

.lecture_btn_new .lecture_timeandscore .timeandscore_detail,
.lecture_btn_right .lecture_timeandscore .timeandscore_detail,
.lecture_btn_left .lecture_timeandscore .timeandscore_detail,
.lecture_btn_new .lecture_release .release_detail,
.lecture_btn_right .lecture_release .release_detail,
.lecture_btn_left .lecture_release .release_detail {
    flex: 1;
    background-color: #D6EEDD;
    font-size: 15px;
    line-height: 1.5;
    color: #333;
    font-weight: 500;
    text-align: right;
    text-decoration: none;
    padding: 3px 8px 3px 0;
    border-radius: 0 3px 3px 0 / 0 3px 3px 0;
}

.lecture_btn_new .lecture_status_title,
.lecture_btn_right .lecture_status_title,
.lecture_btn_left .lecture_status_title {
    background-color: #246092;
    border: solid 1px #246092;
    font-size: 16px;
    line-height: 1.7;
    color: #FFF;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    padding: 3px 0;
    margin: 0 0 5px 0;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
}

.lecture_btn_right .lecture_status,
.lecture_btn_left .lecture_status {
    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: 5px;
}

.lecture_btn_right .lecture_status .status_item,
.lecture_btn_left .lecture_status .status_item {
    background-color: #4682B4;
    border: solid 1px #4682B4;
    width: 130px;
    font-size: 16px;
    line-height: 1.7;
    color: #FFF;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    padding: 3px;
    margin: 0 5px 0 0;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
}

.lecture_btn_right .lecture_status .status_detail,
.lecture_btn_left .lecture_status .status_detail {
    flex: 1;
    background-color: #FFF;
    border: solid 1px #4682B4;
    font-size: 16px;
    line-height: 1.7;
    color: #333;
    font-weight: 500;
    text-align: right;
    text-decoration: none;
    padding: 3px;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
}

.swiper-wrap .swiper-container:last-of-type,
.lecture_btn_new .lecture_timeandscore:last-of-type,
.lecture_btn_right .lecture_timeandscore:last-of-type,
.lecture_btn_left .lecture_timeandscore:last-of-type,
.lecture_btn_new .lecture_release:last-of-type,
.lecture_btn_right .lecture_release:last-of-type,
.lecture_btn_left .lecture_release:last-of-type,
.lecture_btn_new .lecture_release:last-of-type,
.lecture_btn_right .lecture_release:last-of-type,
.lecture_btn_left .lecture_release:last-of-type,
.lecture_btn_new .lecture_status:last-of-type,
.lecture_btn_right .lecture_status:last-of-type,
.lecture_btn_left .lecture_status:last-of-type {
    margin-bottom: 0;
}

/* 講義画面 ----------*/

.screen_wrap {
    position: relative;
    width: 900px;
    margin: 30px auto 0 auto;
}

.screen_wrap_all {
    position: relative;
    width: 100%;
    min-width: 900px;
    margin: 30px 0 0 0;
}

.screen_wrap .screen,
.screen_wrap_all .screen {
    position: relative;
    width: 100%;
    padding-top: 57.7777%;
}

.screen_wrap .screen iframe,
.screen_wrap_all .screen iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.screen_size {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #000;
    background: -moz-linear-gradient(top,  #000 0%, #545454 100%);
    background: -webkit-linear-gradient(top,  #000 0%,#545454 100%);
    background: linear-gradient(to bottom,  #000 0%,#545454 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#545454',GradientType=0 );
    width: 900px;
    padding: 3px 10px 0 10px;
    margin: 2px auto 0 auto;
}

.screen_size .switching_btn {
    margin-left: 10px;
}

.screen_size .switching_btn ul  {
    display: table;
    table-layout: fixed;
    border-top: none;
    border-collapse: collapse;
}

.screen_size .switching_btn li {
    float: none;
    display: table-cell;
}

.screen_size .switching_btn li +li {
    border-left: 5px solid;
}

.screen_size .switching_btn input.btn1 {
	background: url(../images/common/switching1_btn.gif) center center no-repeat;
    width: 80px;
    height: 35px;
    cursor: pointer;
}

.screen_size .switching_btn input.btn2 {
	background: url(../images/common/switching2_btn.gif) center center no-repeat;
    width: 80px;
    height: 35px;
    cursor: pointer;
}

.screen_size .screen_size_ex {
    flex: 1;
    width: 100%;
	font-size: 14px;
    line-height: 35px;
    color: #FFF;
    border-bottom: none;
    text-align: right;
}

.section_navi ul  {
    display: table;
    table-layout: fixed;
    width: 900px;
    border-top: none;
    border-collapse: collapse;
    margin: 30px auto 0 auto;
}

.section_navi li {
    float: none;
    display: table-cell;
	font-size: 14px;
    border-bottom: none;
    border: 1px solid #F0F0F0;
}

.section_navi li +li {
    border-left: 1px solid #F0F0F0;
}

.section_navi li:nth-child(odd) {
    border-left: 1px solid #F0F0F0;
}

.section_navi a {
    display: block;
    border: solid 1px #4682B4;
    background-color:#4682B4;
    background-image: url(../images/common/icon_section01.png);
    background-position: left 3px center;
    background-repeat: no-repeat, no-repeat;
	font-size: 13px;
    line-height: 1.6;
    color: #FFF;
    font-weight: 500;
    text-decoration: none;
    text-align: left;
    text-shadow:2px 2px 2px #024070;
    padding: 10px 0 10px 17px;
}

.section_navi a.active {
	display: block;
    border: solid 1px #246092;
    background-color:#246092;
    background-image: url(../images/common/icon_section01.png);
    background-position: left 3px center;
    background-repeat: no-repeat, no-repeat;
	color: #FFD700;
    text-shadow:2px 2px 2px #024070;
}

.section_navi a:hover:not(.active) {
	display: block;
    border: solid 1px #246092;
    background-color:#246092;
    background-image: url(../images/common/icon_section01.png);
    background-position: left 3px center;
    background-repeat: no-repeat, no-repeat;
    text-shadow:2px 2px 2px #024070;
}

.section_navi p.dummy {
	display: block;
    border: solid 1px #C0C0C0;
    background-color: #F0F0F0;
    background-image: url(../images/common/icon_section02.png);
    background-position: left 3px center;
    background-repeat: no-repeat, no-repeat;
	font-size: 13px;
    line-height: 1.6;
    color: #808080;
    font-weight: 500;
    text-decoration: none;
    text-align: left;
    text-shadow:2px 2px 2px #C0C0C0;
    padding: 10px 0 10px 17px;
}

.section_navi a.test {
	display: block;
    border: solid 1px #3CB371;
    background-color:#3CB371;
    background-image: url(../images/common/icon_section01.png);
    background-position: left 3px center;
    background-repeat: no-repeat, no-repeat;
    text-shadow:2px 2px 2px #006400;

}

.section_navi a.test:hover {
	display: block;
    border: solid 1px #2E8B57;
    background-color:#2E8B57;
    background-image: url(../images/common/icon_section01.png);
    background-position: left 3px center;
    background-repeat: no-repeat, no-repeat;
}

.player_wrap {
	position: relative;
	width: 100%;
    max-width: 900px;
}

.player_wrap .lecture_info_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.player_wrap .lecture_info_wrap .lecture_name {
    border-bottom: solid 1px #DCDCDC;
    padding: 5px 0 20px 0;
    margin-bottom: 30px;
}

.player_wrap .lecture_info_wrap .lecture_name p.lecture {
    font-size: 18px;
    line-height: 1.7;
    color: #333;
    font-weight: bold;
}

.player_wrap .lecture_info_wrap .teacher_info_box {
    background: #FFF;
    width: 280px;
    overflow: hidden;
    padding: 15px 5px;
    margin: 20px 0 0 0;
    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
    }
}

.player_wrap .lecture_info_wrap .lecture_info_box {
    flex: 1;
    margin-right: 30px;
    margin-bottom: 0;
}

.player_wrap .lecture_timeandscore,
.player_wrap .lecture_release {
    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 5px 0;
}

.player_wrap .lecture_timeandscore .timeandscore_item,
.player_wrap .lecture_release .release_item {
    background-color: #D6EEDD;
    width: 150px;
    font-size: 15px;
    line-height: 1.5;
    color: #333;
    font-weight: 500;
    padding: 3px 0 3px 8px;
    border-radius: 3px 0 0 3px / 3px 0 0 3px;
}

.player_wrap .lecture_timeandscore .timeandscore_detail,
.player_wrap .lecture_release .release_detail {
    flex: 1;
    background-color: #D6EEDD;
    font-size: 15px;
    line-height: 1.5;
    color: #333;
    font-weight: 500;
    text-align: right;
    padding: 3px 8px 3px 0;
    border-radius: 0 3px 3px 0 / 0 3px 3px 0;
}

.player_wrap .lecture_info_wrap .teacher_info_box .title {
    background-color: #5F9EA0;
    font-size: 16px;
    color: #FFF;
    font-weight: 500;
    text-align: center;
    padding: 5px 0;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
}

.player_wrap .lecture_info_wrap .teacher_info_box p.face {
    width: 80px;
    height: 100px;
    margin: 20px auto 0 auto;
}

.player_wrap .lecture_info_wrap .teacher_info_box p.teacher_info_a {
    font-size: 16px;
    line-height: 1.7;
    color: #666;
    font-weight: 500;
    text-align: center;
    margin: 20px 0 0 0;
}

.player_wrap .lecture_info_wrap .teacher_info_box p.teacher_info_b {
    font-size: 14px;
    line-height: 1.7;
    color: #666;
    font-weight: 500;
    text-align: center;
    margin: 5px 0 0 0;
}

.player_wrap .lecture_info_wrap .teacher_info_box a.completion-btn  {
    display: block;
	background: rgb(139,0,0);
	background: linear-gradient(0deg, rgba(139,0,0,1) 0%, rgba(178,34,34,1) 50%, rgba(205,92,92,1) 51%, rgba(240,128,128,1) 100%);
    width: 100%;
    font-size: 16px;
    color: #FFF;
    text-align: center;
    font-weight: 600;
    letter-spacing: .13em;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
    padding: 12px 0;
    margin-bottom: 20px;
    border-radius: 5px;
}

.player_wrap .lecture_info_wrap .teacher_info_box a:hover.completion-btn  {
	background: #8B0000;
}

.lec_ex {
    display:inline-block;
    background-color: #FFE4E1;
    font-size: 16px;
    color: #DC143C;
    font-weight: 600;
    text-align: center;
    padding: 10px 20px;
    margin-top: 20px;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

.lec_ex_wrap {
    display: flex;
    background-color: #FFE4E1;
    padding: 10px;
    margin: 10px 0 0 0;
    border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px;
}

.lec_ex_image {
    background-image: url(../images/common/lec_ex_image.gif);
    background-repeat: no-repeat;
    background-size:contain;
    width: 330px;
    height: 139px;
    margin-right: 15px;
}

.lec_ex_txt {
    flex: 1;
    font-size: 16px;
    line-height: 1.7;
    color: #333;
    font-weight: 500;
}

/* テスト画面 ----------*/

.test_area_wrap {
    position: relative;
    width: 900px;
    margin: 30px auto 0 auto;
}

.test_area_wrap_all {
    position: relative;
    width: 100%;
    min-width: 900px;
    margin: 30px 0 0 0;
}

.test_area_wrap .screen,
.test_area_wrap_all .screen {
    position: relative;
    width: 100%;
    padding-top: 57.7777%;
}

.test_area_wrap .screen iframe,
.test_area_wrap_all .screen iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* 受講履歴・単位申請 ----------*/

.historynavi_wrap {
    position: relative;
}

.historynavi_wrap ul {
    border-bottom: 7px solid #008B8B;
	display: table;
	table-layout: fixed;
	text-align: center;
	width: 100%;
	list-style-type: none;
}

.historynavi_wrap li {
	display: table-cell;
	font-size: 16px;
}

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

.historynavi_wrap li a {
	display: block;
    background: #A9A9A9;
	height: 60px;
    line-height: 60px;
	color: #FFF;
    font-weight: 500;
	text-decoration: none;
	text-align: center;
    text-shadow:2px 2px 2px #666;
    border-radius: 10px 10px 0 0 / 10px 10px 0 0;
}

.historynavi_wrap li a.active {
	display: block;
    background: #5F9EA0;
    background: -moz-linear-gradient(top,  #5F9EA0 0%, #008B8B 100%);
    background: -webkit-linear-gradient(top,  #5F9EA0 0%,#008B8B 100%);
    background: linear-gradient(to bottom,  #5F9EA0 0%,#008B8B 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5F9EA0', endColorstr='#008B8B',GradientType=0 );
	height: 60px;
    line-height: 60px;
	color: #FFF;
    font-weight: 500;
	text-decoration: none;
	text-align: center;
    text-shadow:2px 2px 2px #2F4F4F;
    border-radius: 10px 10px 0 0 / 10px 10px 0 0;
}

.historynavi_wrap li a:hover:not(.active) {
	display: block;
    background: #808080;
	height: 60px;
    line-height: 60px;
	color: #FFF;
    font-weight: 500;
	text-decoration: none;
	text-align: center;
    text-shadow:2px 2px 2px #666;
    border-radius: 10px 10px 0 0 / 10px 10px 0 0;
}

.display_select {
    position: relative;
    margin-top: 30px;
}

.display_select ul {
    background: #DCDCDC;
	display: table;
	table-layout: fixed;
	text-align: center;
	width: 100%;
	list-style-type: none;
	color: #999;
    border-radius: 20px 20px 20px 20px / 20px 20px 20px 20px;
}

.display_select li {
	display: table-cell;
	font-size: 16px;
}

.display_select li a {
	display: block;
    background: #DCDCDC;
	height: 40px;
    line-height: 40px;
	color: #333;
    font-weight: 500;
	text-decoration: none;
	text-align: center;
    text-shadow:2px 2px 2px #DDD;
    border-radius: 20px 20px 20px 20px / 20px 20px 20px 20px;
}

.display_select li a.active {
	display: block;
    background: #4E8D90;
	height: 40px;
    line-height: 40px;
	color: #FFF;
    font-weight: 500;
	text-decoration: none;
	text-align: center;
    text-shadow:2px 2px 2px #2F4F4F;
    border-radius: 20px 20px 20px 20px / 20px 20px 20px 20px;
}

.display_select li a:hover:not(.active) {
	display: block;
    background: #DCDCDC;
	height: 40px;
    line-height: 40px;
	color: #FF8C00;
    font-weight: 500;
	text-decoration: none;
	text-align: center;
    text-shadow:2px 2px 2px #DDD;
    border-radius: 20px 20px 20px 20px / 20px 20px 20px 20px;
}

.tani_detail_wrap {
    margin-bottom: 30px;
}

.tani_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 3px;
}

.tani_index {
	background: #246092;
    border: solid 1px #246092;
    width: 190px;
    font-size: 16px;
    line-height: 1.7;
    color: #FFF;
    text-align: center;
    padding: 5px 3px;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
    margin-right: 3px;
}

.tani_detail {
    flex: 1;
	background: #FFF;
    border: solid 1px #246092;
    font-size: 16px;
    line-height: 1.7;
    color: #333;
    text-align: right;
    padding: 5px 3px;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
}

.history_detail_wrap_a {
    border-left: solid 10px #90EE90;
    padding: 0 0 0 3px;
    margin-bottom: 30px;
}

.history_detail_wrap_b {
    border-left: solid 10px #FFA500;
    padding: 0 0 0 3px;
    margin-bottom: 30px;
}

.history_wrap .history_box {
    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: 2px;
}

.history_wrap .history_index_a {
    display: flex;
    align-items: center;
    justify-content: center;
	background: #008080;
    border: solid 1px #008080;
    width: 130px;
    font-size: 16px;
    color: #FFF;
    padding: 5px 3px;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
    margin-right: 2px;
}

.history_wrap .history_index_b {
    display: flex;
    align-items: center;
    justify-content: center;
	background: #20B2AA;
    border: solid 1px #20B2AA;
    width: 130px;
    font-size: 16px;
    color: #FFF;
    text-shadow:2px 2px 2px #246092;
    padding: 5px 3px;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
    margin-right: 2px;
}

.history_wrap .history_index_c {
    display: flex;
    align-items: center;
    justify-content: center;
	background: #006060;
    border: solid 1px #006060;
    width: 130px;
    font-size: 16px;
    color: #FFF;
    padding: 5px 3px;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
    margin-right: 2px;
}

.history_wrap .history_detail_a {
    flex: 1;
	background: #008080;
    border: solid 1px #008080;
    font-size: 16px;
    line-height: 1.7;
    color: #FFF;
    text-align: left;
    padding: 5px 3px;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
}

.history_wrap .history_detail_b {
    flex: 1;
	background: #FFF;
    border: solid 1px #20B2AA;
    font-size: 16px;
    line-height: 1.7;
    color: #333;
    text-align: right;
    padding: 5px 3px;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
}

.history_wrap .history_detail_c {
    flex: 1;
	background: #006060;
    border: solid 1px #006060;
    font-size: 16px;
    line-height: 1.7;
    color: #FFF;
    text-align: left;
    padding: 5px 3px;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
}

.history_wrap .history_detail_l {
    flex: 1;
	background: #FFF;
    border: solid 1px #008080;
    font-size: 16px;
    line-height: 1.7;
    color: #333;
    text-align: left;
    padding: 5px 3px;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
}

.history_wrap .history_detail_a .timeandtani {
    font-size: 14px;
    line-height: 1.7;
    color: #FFC;
    padding: 0 0 0 10px;
}

.history_wrap .history_detail_a .tani_lecname ul {
    list-style: none;
    overflow: hidden;
}

.history_wrap .history_detail_a .tani_lecname li {
    float: left;
	font-size: 16px;
    line-height: 1.7;
    vertical-align: middle;
    margin-right: 7px;
}

.history_wrap .history_detail_a .tani_lecname .tani_lecname {
    padding: 3px 0 0 0;
}

.history_wrap .history_detail_a .tani_lecname input { 
    display: none; 
}

.history_wrap .history_detail_a .tani_lecname .label {
	background: #FFD700;
    padding: 3px 0;
    width: 88px;
	font-size: 16px;
    color: #333;
    text-align: center;
    cursor: pointer;
    content: "申請しない";
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
    float: left;
}

.history_wrap .history_detail_a .tani_lecname .label:before {
    content: "申請しない"
}

.history_wrap .history_detail_a .tani_lecname input:checked + .label {
	background: #FF0000;
	color: #FFF;
}

.history_wrap .history_detail_a .tani_lecname input:checked + .label:before {
    content: "申請する";
}

.history_wrap .history_detail_c .switch {
    border: solid 1px #ccc;
    border-radius: 15px;
    display: inline-block;
    height: 30px;
    overflow: hidden;
    -ms-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    width: 140px;
}

.history_wrap .history_detail_c .switch [type=checkbox] {
    display: none;
}

.history_wrap .history_detail_c .switch .label {
    cursor: pointer;
    margin-left: -110px;
    -ms-transition: margin .1s;
    -moz-transition: margin .1s;
    -o-transition: margin .1s;
    -webkit-transition: margin .1s;
    transition: margin .1s;
    white-space: nowrap;
}

.history_wrap .history_detail_c .switch :checked + .label {
    margin-left: 0;
}

.history_wrap .history_detail_c .switch .label > * {
    vertical-align: top;
}

.history_wrap .history_detail_c .switch .on,
.history_wrap .history_detail_c .switch .off {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 130px;
}

.history_wrap .history_detail_c .switch .on {
    background-color: #9C0;
    background-image: -ms-linear-gradient(
        top,
        hsl(090,90%,40%),
        hsl(080,90%,45%)
        );
    background-image: -moz-linear-gradient(
        top,
        hsl(090,90%,40%),
        hsl(080,90%,45%)
        );
    background-image: -o-linear-gradient(
        top,
        hsl(090,90%,40%),
        hsl(080,90%,45%)
        );
    background-image: -webkit-linear-gradient(
        top,
        hsl(090,90%,40%),
        hsl(080,90%,45%)
        );
    background-image: linear-gradient(
        top,
        hsl(090,90%,40%),
        hsl(080,90%,45%)
        );
    box-shadow:
        3px 2px 10px rgba(0,0,0,.2) inset,
        -3px 2px 10px rgba(0,0,0,.2) inset;
    color: #FFF;
    text-shadow: -1px -1px rgba(0,0,0,.6);
    font-weight: bold;
}

.history_wrap .history_detail_c .switch .separator {
    background-color: #EEE;
    border: solid 1px #999;
    border-radius: 50%;
    box-sizing: border-box;
    box-shadow:
         1px 2px #FFF inset,
        -1px 2px #FFF inset,
        1px 1px 5px rgba(0,0,0,.2);
    display: inline-block;
    height: 30px;
    margin: 0 -20px;
    position: relative;
    width: 30px;
}

.history_wrap .history_detail_c .switch .off {
    background-color: #EEE;
    box-shadow: 5px 5px 10px rgba(0,0,0,.2) inset;
    color: #777;
    text-shadow: 1px 1px #fff;
}

.tani_err,
.profile_err {
    font-size: 18px;
    line-height: 1.7;
    color: #F00;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

.tani_box:last-of-type,
.history_detail_wrap:last-of-type {
    margin-bottom: 0;
}

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

.lec_history th {
    background: #0ba360;
    background: -moz-linear-gradient(top,  #0ba360 0%, #3cba92 100%);
    background: -webkit-linear-gradient(top,  #0ba360 0%,#3cba92 100%);
    background: linear-gradient(to bottom,  #0ba360 0%,#3cba92 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ba360', endColorstr='#3cba92',GradientType=0 );
    padding: 20px 10px;
    border-right: solid 1px #FFF;
}

.lec_history th.date {
    width: 13%;
}

.lec_history th p {
	font-size: 16px;
    color: #FFF;
    text-shadow:1px 1px 2px #006400;
    text-align: center;
}

.lec_history tr:nth-child(even) {
    background: #F6F6F6;
    padding: 10px;
}

.lec_history tr:nth-child(odd) {
    background: #E6E6E6;
    padding: 10px;
}

.lec_history td {
    vertical-align: middle;
    padding: 15px 10px;
    border-right: solid 1px #FFF;
}

.lec_history td.date {
    text-align: right;
}

.lec_history td p {
	font-size: 16px;
    line-height: 1.4;
    color: #333;
}

.lec_history th:last-child,
.lec_history td:last-child {
    border-right: none;
}

/* プロフィール編集 ----------*/

.expiration_wrap .profile_item,
.profile_wrap .profile_item {
    background-color: #CCC;
    width: 40%;
    min-width: 200px;
    padding: 10px 5px;
    font-size: 16px;
    line-height: 1.7;
    color: #333;
    font-weight: 500;
    text-align: center;
    margin-bottom: 10px;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
}

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

.profile_wrap .profile_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: 3px 3px 3px 3px / 3px 3px 3px 3px;
}

.expiration_wrap p.comment_red,
.profile_wrap p.comment_red {
    font-size: 16px;
    line-height: 1.7;
    color: #F00;
    font-weight: bold;
    text-decoration: none;
}

.expiration_wrap p.comment_black,
.profile_wrap p.comment_black {
    font-size: 16px;
    line-height: 1.7;
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

.profile_wrap p.comment_top_spacer {
    margin-top: 10px;
}

.profile_wrap p.comment_bottom_spacer {
    margin-bottom: 10px;
}

.profile_wrap .profile_detail .detail_left,
.profile_wrap .profile_detail_err .detail_left {
    width: 50%;
    padding: 0 3px 0 0;
    float: left;
}

.profile_wrap .profile_detail .detail_right,
.profile_wrap .profile_detail_err .detail_right {
    width: 50%;
    padding: 0 0 0 3px;
    float: right;
}

.profile_wrap .profile_detail .address_left,
.profile_wrap .profile_detail_err .address_left,
.profile_wrap .profile_detail .address_right,
.profile_wrap .profile_detail_err .address_right {
    width: 100%;
    margin-bottom: 5px;
}

.profile_wrap .profile_detail .input_all,
.profile_wrap .profile_detail_err .input_all {
	border: solid 1px #999;
	background: #FFF;
	width: 100%;
	font-size: 16px;
	color: #333;
	padding: 5px 10px;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
}

.profile_wrap .profile_detail .input_60px,
.profile_wrap .profile_detail_err .input_60px {
	border: solid 1px #999;
	background: #FFF;
	width: 60px;
	font-size: 16px;
	color: #333;
	padding: 5px 10px;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
}

.profile_wrap .profile_detail .input_70px,
.profile_wrap .profile_detail_err .input_70px {
	border: solid 1px #999;
	background: #FFF;
	width: 70px;
	font-size: 16px;
	color: #333;
	padding: 5px 10px;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
}

.profile_wrap .profile_detail .input_100px,
.profile_wrap .profile_detail_err .input_100px {
	border: solid 1px #999;
	background: #FFF;
	width: 100px;
	font-size: 16px;
	color: #333;
	padding: 5px 10px;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
}

.profile_wrap .profile_detail .input_260px,
.profile_wrap .profile_detail_err .input_260px {
	border: solid 1px #999;
	background: #FFF;
	width: 260px;
	font-size: 16px;
	color: #333;
	padding: 5px 10px;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
}

.profile_wrap .profile_detail .profile_list ul,
.profile_wrap .profile_detail_err .profile_list ul {
	display: table;
	table-layout: fixed;
	text-align: center;
	width: 100%;
	list-style-type: none;
}

.profile_wrap .profile_detail .profile_list li,
.profile_wrap .profile_detail_err .profile_list li {
	display: table-cell;
    text-align: left;
}

.profile_wrap .profile_detail .profile_list li +li {
    border-left: 5px solid #F0F0F0;
}

.profile_wrap .profile_detail_err .profile_list li +li {
    border-left: 5px solid #FFE4E1;
}

.profile_wrap .profile_detail .profile_check ul,
.profile_wrap .profile_detail_err .profile_check ul {
    list-style: none;
    overflow: hidden;
}

.profile_wrap .profile_detail .profile_check li,
.profile_wrap .profile_detail_err .profile_check li {
    float: left;
    margin-right: 5px;
}

.profile_wrap .profile_detail .segmented input,
.profile_wrap .profile_detail_err .segmented input { 
    display: none; 
}

.profile_wrap .profile_detail .segmented .label,
.profile_wrap .profile_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;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
    float: left;
}

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

.profile_wrap .profile_detail .select_70px,
.profile_wrap .profile_detail_err .select_70px {
	border: solid 1px #999;
	background: #FFF;
	width: 70px;
    height: 39px;
	font-size: 16px;
    color: #333;
	padding: 5px;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
}

.profile_wrap .profile_detail .select_70px option,
.profile_wrap .profile_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;
}

.profile_wrap .profile_detail .select_70px option[selected],
.profile_wrap .profile_detail_err .select_70px option[selected] {
	font-weight: normal;
	color: #666;
}

.profile_wrap .profile_detail .select_120px,
.profile_wrap .profile_detail_err .select_120px {
	border: solid 1px #999;
	background: #FFF;
	width: 120px;
    height: 39px;
	font-size: 16px;
    color: #333;
	padding: 5px;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
}

.profile_wrap .profile_detail .select_120px option,
.profile_wrap .profile_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;
}

.profile_wrap .profile_detail .select_120px option[selected],
.profile_wrap .profile_detail_err .select_120px option[selected] {
	font-weight: normal;
	color: #666;
}

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

.profile_wrap .profile_detail .select_all option,
.profile_wrap .profile_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;
}

.profile_wrap .profile_detail .select_all option[selected],
.profile_wrap .profile_detail_err .select_all option[selected] {
	font-weight: normal;
	color: #666;
}

/* ご活用ガイド ----------*/

.question_head {
    width: 900px;
    margin: 0 auto;
    overflow: hidden;
}

.question_head .qanda_title {
    border-left: solid 10px #68A4D6;
    border-right: solid 10px #99AABB;
    background: #4682b4;
    background: -moz-linear-gradient(45deg, #4682b4 45%, #b0c4de 100%);
    background: -webkit-linear-gradient(45deg, #4682b4 45%,#b0c4de 100%);
    background: linear-gradient(45deg, #4682b4 45%,#b0c4de 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4682b4', endColorstr='#b0c4de',GradientType=1 );
    width: 60%;
    height: 50px;
    font-size: 18px;
    line-height: 50px;
    color: #FFF;
    text-align: center;
    text-shadow:2px 2px 2px #246092;
    margin: 0 auto 25px auto;
    box-shadow:0px 3px 5px 1px #C0C0C0;
    {
        shadowColor:"#C0C0C0",
            shadowOffset:{width:0,height:3},
    }
}

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

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

.questionmenu li {
    display: inline;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 500;
    text-align: left;
}

.questionmenu li a {
    display: block;
    background-color: #666;
    background-image: url(../images/common/icon_section01.png);
    background-position: 9px 15px;
    background-repeat: no-repeat;
    color: #FFF;
    text-decoration: none;
    padding: 10px 5px 10px 26px;
    margin: 1px 0px;
}

.questionmenu li a:hover {
	background-color: #333;
	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;
}

.guidedetail_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;
    margin-bottom: 40px;
    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
    }
}

.guidedetail_wrap:last-of-type {
    margin-bottom: 0;
}

.guidedetail_wrap .guid_q {
    position: relative;
    padding: 10px;
    background: #DAE6FF;
    margin: 0 0 35px 0;
}

.guidedetail_wrap .guid_q:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 30px;
    border: 15px solid transparent;
    border-top: 15px solid #DAE6FF;
    width: 0;
    height: 0;
    font-size: 16px;
    line-height: 1.7;
    color: #333;
    font-weight: 500;
    text-align: left;
}

.guidedetail_wrap .guid_a {
    width: 100%;
}

.guidedetail_wrap .guid_a h1 {
    font-size: 16px;
    line-height: 1.7;
    color: #333;
    font-weight: 500;
    text-align: left;
    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: 81.2154%;
    margin: 30px 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;
}

.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: 26.6666%;
    margin: 15px auto 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: 26.6666%;
    margin: 15px auto 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: 26.6666%;
    margin: 15px auto 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: 26.6666%;
    margin: 15px auto 0 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: 82.8729%;
    margin: 30px auto 30px auto;
}

.guidedetail_wrap .guide_img034,
.qanda_wrap .guide_img034 {
    border: solid 1px #D3D3D3;
	background: url(../images/guide/guide_img034.gif) center center no-repeat;
    background-size: contain;
    position: relative;
    width: 100%;
    padding-top: 55.2486%;
    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;
}

.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;
    margin-bottom: 40px;
    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
    }
}

.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: 30px;
}

.qanda_wrap:last-child {
    margin-bottom: 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: 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,
.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 {
    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,
.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;
}

/* お問い合わせ ----------*/

.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;
}

.contactus_right .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;
}

.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 {
	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;
}

.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;
}

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

.about_wrap iframe {
    width: 610px;
}

.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: #C71585;
    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.7;
    margin: 0 0 30px 0;
}

.about_doc_box .aboutlist .emphasis {
    font-size: 16px;
    line-height: 1.7;
    color: #C71585;
}

.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;
}

.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.7;
    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.7;
    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.7;
    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.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: 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.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: 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.7;
    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.7;
    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;
}

/* 退会の手続き ----------*/

.expiration_wrap .expiration_item {
    background-color: #FFB6C1;
    width: 40%;
    min-width: 200px;
    padding: 10px 5px;
    font-size: 16px;
    line-height: 1.7;
    color: #333;
    font-weight: 500;
    text-align: center;
    margin-bottom: 10px;
    border-radius: 3px 3px 3px 3px / 3px 3px 3px 3px;
}

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

.expiration_wrap .btn_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 410px;
    margin: 0 auto;
}

.expiration_wrap .btn_wrap .cancel_btn {
    width: 200px;
    height: 60px;
}

.expiration_wrap .btn_wrap .withdraw_btn {
    flex: 1;
    margin-top: 0;
    margin-left: 10px;
}

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

.header_wrap {
    border-top: solid 7px #1F5FA9;
    background: #FFF;
    width: 100%;
}

.header_wrap .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	background: #FFF;
    width: 900px;
    height: 95px;
    margin: 0 auto;
    overflow: hidden;
}

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

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

.header_wrap .header .logo20 a {
    display: block;
	background: url(../images/header/logo_20.gif) center center no-repeat;
    background-size: contain;
    width: 440px;
    height: 56px;
    margin: 17px 0 0 0;
}

.header_wrap .header .logoENF a {
    display: block;
	background: url(../images/header/logo_enf.gif) center center no-repeat;
    background-size: contain;
    width: 280px;
    height: 55px;
    margin: 20px 0 0 0;
}

.header_wrap .header .logoCLU a {
    display: block;
	background: url(../images/header/logo_clu.gif) center center no-repeat;
    background-size: contain;
    width: 440px;
    height: 28px;
    margin: 31px 0 0 0;
}

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

.header_wrap .header .logoNPA a {
    display: block;
	background: url(../images/header/logo_npa.gif) center center no-repeat;
    background-size: contain;
    width: 245px;
    height: 60px;
    margin: 15px 0 0 0;
}

.header_wrap .header .logoYKM a {
    display: block;
	background: url(../images/header/logo_ykm.gif) center center no-repeat;
    background-size: contain;
    width: 440px;
    height: 50px;
    margin: 20px 0 0 0;
}

.header_wrap .header .logoMIN a {
    display: block;
	background: url(../images/header/logo_min.gif) center center no-repeat;
    background-size: contain;
    width: 440px;
    height: 26px;
    margin: 39px 0 0 0;
}

.header_wrap .header .logoPIO a {
    display: block;
	background: url(../images/header/logo_pio.gif) center center no-repeat;
    background-size: contain;
    width: 440px;
    height: 55px;
    margin: 17px 0 0 0;
}

.header_wrap .header .logoFLU a {
    display: block;
	background: url(../images/header/logo_flu.gif) center center no-repeat;
    background-size: contain;
    width: 440px;
    height: 31px;
    margin: 29px 0 0 0;
}

.header_wrap .header .logoHEA a {
    display: block;
	background: url(../images/header/logo_hea.gif) center center no-repeat;
    background-size: contain;
    width: 360px;
    height: 60px;
    margin: 15px 0 0 0;
}

.header_wrap .header .logoHEA a {
    display: block;
	background: url(../images/header/logo_mkg.gif) center center no-repeat;
    background-size: contain;
    width: 440px;
    height: 30px;
    margin: 29px 0 0 0;
}

.headernavi {
	width: 380px;
    margin: 7px 0 0 auto;
}

.headernavi ul {
	display: table;
	table-layout: fixed;
	text-align: center;
	width: 380px;
	list-style-type: none;
}

.headernavi li {
	display: table-cell;
}

.headernavi li +li{
    border-left: 1px solid #666;
}

.headernavi li a {
	display: block;
	color:#666;
    font-weight: 500;
	font-size: 15px;
	text-decoration:none;
    text-align: center;
    padding: 7px 0;
}

.headernavi li a:hover {
	background-color:#DFDFDF;
}

.headernavi .icon01 {
	background: url(../images/header/icon_hm01.png) center left no-repeat;
    padding: 10px 0 10px 27px;
}

.headernavi .icon02 {
	background: url(../images/header/icon_hm02.png) center left no-repeat;
    padding: 10px 0 10px 25px;
}

/* グローバルナビ ----------*/

.globalnavi_wrap {
	background: #00479d;
    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: #00479d;
    border-bottom: solid 3px #00479d;
	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: #00337f;
    border-bottom: solid 3px #00337f;
	color:#FFF;
}

.globalnavi_wrap .globalnavi li a:hover:not(.active) {
	background-color:#00479d;
    border-bottom: solid 3px #48D1CC;
	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: #00337f;
	color: #FFF;
}

.localmenu li a:hover:not(.active) {
	background-color: #00479d;
	color: #FFF;
}

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

.footer_wrap {
	background: #1F5FA9;
    width: 100%;
    margin-top: 30px;
}

.footer_wrap .footnavi {
	background: #00479d;
    height: 40px;
}

.footer_wrap .footnavi ul {
	display: table;
	table-layout: fixed;
	text-align: center;
	width: 900px;
	list-style-type: none;
    margin: 0 auto;
}

.footer_wrap .footnavi li {
	display: table-cell;
}

.footer_wrap .footnavi li a {
	display: block;
	background: #00479d;
    border-top: solid 3px #00479d;
	color:#FFF;
    font-weight: 400;
	font-size: 14px;
    line-height: 37px;
	text-decoration:none;
    text-align: center;
}

.footer_wrap .footnavi li a.active {
	background-color: #00337f;
    border-top: solid 3px #00337f;
	color:#FFF;
}

.footer_wrap .footnavi li a:hover:not(.active) {
	background-color:#00479d;
    border-top: solid 3px #48D1CC;
	color:#FFF;
}

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

a.page-top {
    position: fixed;
	background-color: #666;
    font-size: 10px;
	text-align:center;
	color: #FFF;
	text-decoration:none;
	line-height:60px;
    bottom: 70px;
    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;
    z-index: 250;
}