@charset "UTF-8";
/* CSS Document */


/*
index
----------------------------------------------------------------------------------*/
body {
	margin: 0px;
	font-size: 100%;
	line-height: 160%;
	font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
	color: #333333;
	background-color: #FFF;
	background-image: url(../img/bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

* + html body {   
	font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}


/*
firstset
----------------------------------------------------------------------------------*/

a {
	outline: none;
}
a:hover {
    text-decoration: underline;
}  
a:hover img.hoverImg{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
br {
	line-height: 100%;
}
p {
	margin-top: 0px;
	margin-bottom: 0px;
}
    
img {   
    border: 0;   
}   
li  {   
    list-style-type: none;   
} 	

form{
	margin-top:0px;
	margin-bottom:0px;
	margin-right: 0px;
	margin-left: 0px;
	}
#h1space {
	width: 920px;
	padding-top: 5px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 5px;
	background-color: #971C1F;
}
h1{
	font-size:80%;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #FFF;
	margin-right: 0px;
	font-weight: bold;
	line-height: 100%;
}
h2{
	font-size:95%;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #67593F;
	margin-right: 0px;
	font-weight: bold;
}

u {
	text-decoration: none;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
}

.button{
	font-size: 100%;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;

} 



/*
Module --------------------------------------------------------*/

.clearfix:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

/*
link
----------------------------------------------------------------------------------*/
a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #00F;
}
a:active {
	text-decoration: none;
	color: #00F;
}


/*
contents
----------------------------------------------------------------------------------*/
#layout {
	text-decoration: none;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
}
.contentsbox {
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 864px;
}
.contentsbox_prof {
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 864px;
	font-size: 100%;
}
.contents_txtarea {
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	padding-bottom: 15px;
}

.titlebar {
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 880px;
	clear: both;
}
.txt_red {
	color: #CC0000;
}

.txt_white {
	color: #ffffff;
}
.txt_16 {
	font-size:16px;
}
.txt_bold{font-weight: 700}
.txtcolor_red {
	color: #CB1E1A;
}
.txtcolor_red_big {
	color: #CB1E1A;
	font-size: 150%;
	font-weight: bold;
	line-height: 100%;
}
.txtcolor_blue {
	color: #32549F;
}
.foot_link {
	padding-top: 10px;
	padding-bottom: 10px;
}

/*
contents_in
----------------------------------------------------------------------------------*/
.contentsbox_top {
	margin-right: auto;
	margin-left: auto;
	width: 844px;
	background-image: url(../img/top_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 520px;
	padding-left: 20px;
	padding-bottom: 20px;
}



#dvd_content_top {
	margin-right: auto;
	margin-left: auto;
	width: 864px;
	background-image: url(../img/dvd_content_top.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 17px;
}
#dvd_content_middle {
	margin-right: auto;
	margin-left: auto;
	width: 784px;
	background-image: url(../img/dvd_content_middle.jpg);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	padding-right: 40px;
	padding-left: 40px;
	padding-bottom: 20px;
}
#dvd_content_bottom {
	margin-right: auto;
	margin-left: auto;
	width: 864px;
	background-image: url(../img/dvd_content_bottom.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-bottom: 20px;
	height: 17px;
}
.dvd_content_com {
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/dvd_icon.jpg);
	background-repeat: no-repeat;
	background-position: 5px 23px;
	padding-right: 20px;
	padding-left: 40px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	color: #000388;
	padding-top: 25px;
	clear: both;
	padding-bottom: 5px;
}

.voice_type_a {
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/voice_type_a.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 804px;
	padding-top: 35px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
}
/*
.voice_type_a {
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/voice_type_a.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	height: 248px;
	width: 804px;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 40px;
	padding-left: 30px;
}
*/
.voice_type_b {
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/voice_type_b.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 804px;
	padding-top: 25px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
}
.voice_type_c {
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/voice_type_c.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 804px;
	padding-top: 25px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
}
.voice_name {
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	font-weight: bold;
	color: #FF6B4A;
	text-align: right;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D1BA83;
	margin-top: 10px;
}
#lecture_name {
	width: 642px;
	float: left;
	padding-bottom: 20px;
}
#lecture_img {
	width: 201px;
	float: right;
	padding-top: 10px;
	padding-left: 20px;
}
#lecture_book {
	width: 835px;
	padding-top: 20px;
	clear: both;
	height: 150px;
}
#deliver_item {
	height: 466px;
	width: 452px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
#privilege_no1_item {
	height: 176px;
	width: 165px;
	float: right;
}
.privilege_txt {
	margin-right: auto;
	margin-left: auto;
	width: 834px;
	padding: 15px;
}
.pretitlebar {
	margin-right: auto;
	margin-left: auto;
	width: 880px;
	clear: both;
	padding-top: 15px;
}
.prebox {
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 15px;
	width: 880px;
	clear: both;
}


/*

----------------------------------------------------------------------------------*/
#cancel {
	width: 620px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #CCCCCC;
	padding-bottom: 15px;
}
#cancelTitle {
	font-weight: bold;
	color: #333399;
	text-align: center;
	background-color: #F3F3F3;
	padding-top: 8px;
	padding-bottom: 6px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#cancel .TD {
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	vertical-align: top;
	line-height: 140%;
}
#cancel2 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #CCCCCC;
	padding-bottom: 15px;
}
#cancel2Title {
	font-weight: bold;
	color: #333399;
	text-align: center;
	background-color: #F3F3F3;
	padding-top: 8px;
	padding-bottom: 6px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#cancel2 .TD {
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	vertical-align: top;
	line-height: 140%;
}

#map_happouen {
	width: 789px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}
#attention{
	font-size:170%;
	color: #141414;
	margin-right: auto;
	font-weight: bold;
	line-height: 100%;
	margin-left: auto;
	background-color: #FFF;
	text-align: center;
	width: 920px;
	padding-top: 20px;
	padding-bottom: 20px;
}


.lecturer_name {
    border-bottom: 1px solid #ccc;
    float: left;
    font-size: 24px;
    font-weight: bold;
    margin: 15px auto;
    padding-bottom: 12px;
    width: 640px;
}

.lecturer_nameFurigana {
    font-size: 16px;
}

.bnr_l{
	float:left;
	width:400px;
	margin:15px 0 0 15px;
}

.bnr_r{
	float:right;
	width:400px;
	margin:15px 15px 0 0;
}
	
.bnr_box::after{
  content:"";
  display:block;
  clear:both;
  }

.bnr_l a,.bnr_r a{
	display:block
}


.subTitle3 {
	font-size: 1.2em;
	background: #FFB0B0;
	padding:15px 10px;
	color: #b40005;
}

.header_pict{
	width: 920px;
}
.button_app a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 800px;
    padding: 19px;
    color: #FFF;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    border-radius: 8px;
    border-bottom: solid 6px #b03520;
	 font-size: 21px;
	 text-decoration: none;
	 background-image: linear-gradient(to right, #f85032 0%, #e73827  51%, #f85032  100%);


}
.button_app a:hover {
    border-bottom: solid 2px #b03520;
    transform: translateY(3px);
}


.space_bt_50{
	margin-bottom: 50px
}

.price_list {
    display: grid;
    grid-template-columns: max-content 1fr;
    column-gap: 30px;
    row-gap: 0px;
	font-size: 19px;
	font-weight: bold
}
.price_list span {
	font-size: 15px;
}
.price_list dt,
.price_list dd {
    margin: 0;
}