@charset "utf-8";
/**********************************************
セブンアクト
オプションCSS
***********************************************/

/* 追加分css
**********************************************/

#corporate {
	background:none ;
}
.section span.icon_check {
	background:url(../images/news/checkbox.gif) 0 4px no-repeat;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left:15px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 27px;
	list-style-type: none;
	border:none;
}
#pageNav ul #en_0 {
	font-size: 80%;
}
.th01 {
	width: 100px;
}
#mainContents strong {
	color:#D35907;
}
#mainContents em {
	color: #FD1E13;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
}
#mainContents .pick01 {
	font-weight: bold;
	color:#D35907;
}
#mainContents .pick02 {
	font-weight: bold;
	color: #FD1E13;
}
#mainContents .pick03 {
	font-size: 130%;
	font-weight: bold;
	color:#D35907;
	text-indent: 50px;
	display: block;
}
#mainContents .pick04 {
	font-weight: bold;
}
#mainContents .pick05 {
	font-size: 130%;
	font-weight: bold;
	text-indent: 50px;
	display: block;
	margin-top:-30px;
	margin-bottom:30px;
}
#mainContents .pick06 {
	font-size: 130%;
	font-weight: bold;
	color:#D35907;
}

#mainContents .pick07 {
	font-weight: bold;
	color:#203074;
}

#mainContents .letter {
	line-height: 1.8;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

#mainContents .letter2 {
	line-height: 1.8;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	width: 430px;
}

.free_lesson01 {
	margin: 0;
	padding: 0;
	width: 940px;
}
.rightimg {
	float: right;
}
.leftimg {
	float: left;
}
#mainContents .pick_out {
	color:#D35907;
	border-bottom:2px solid #D35907;
	font-size:120%;
	padding-bottom:3px;
	margin-bottom:30px;
	display: block;
	font-weight: bold;
}

ul#mission {
	margin-left:25px;
	display: block;
	height: 120px;
}
ul#mission li {
	height:19px;
	padding-left:25px;
	padding-top:4px;
	margin-bottom:10px;
	font-weight:bold;
	color: #030350;
}
ul#mission li img {
	border:none !important;
	padding:0 !important;
}

#lead h3 img {
	border:none !important;
	padding:0 !important;
}

#lead h2 img {
	border:none !important;
	padding:0 !important;
}

#lead p img {
	border:none !important;
	padding:0 !important;
}

#no_line {
	border:none !important;
	padding:0 !important;
}

#nagoya p a {
	font-size: 90%;
	background:url(../images/shared/icon_arrow.gif) 0 5px no-repeat;
	padding-left:20px;
	margin-top: -40px;
	margin-right: 30px;
	margin-bottom: 0;
	margin-left: 30px;
}

#mainContents .img_line {
    border:1px solid #CCC;
    padding:1px;
	clear:both;
	margin-right: 20px;
}

#mainContents p.btn {
	text-align:center;
	display:block;
	padding-bottom: 20px;
}

.bonus {
	border: 1px solid #CCCCCC;
	clear: both;
	/* [disabled]background-color: #f6f6f6; */
	padding-top: 7px;
	padding-right: 7px;
	padding-left: 7px;
	margin-top: 10px;
	margin-bottom: 10px;
	overflow: auto;
}
.bonus h6 {
	background-color: #eee;
	font-size: 1em;
	padding: 5px;
	margin-bottom: 10px;
}

.bonus p {
	padding-left: 10px;
}

.imgright {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
}

.textred {
	color: #D35907;
}

#campaign table {
	width:100%;
	font-size:80%;
}
#campaign table th,
#campaign table td {
	text-align:center;
}
#campaign table th.support {
	width:100px;
}
#campaign table td.total {
	background:#fffcf6;
}
#campaign span.sub {
	font-size:60%;
}
#campaign p.annotation {
	position:relative;
	margin-top:-10px;
	padding-left:25px;
	font-size:80%;
}

#campaign span.annotation2 {
	position:relative;
	margin-top:-10px;
	padding-left:25px;
	font-size:80%;
	display: block;
	padding-bottom: 5px;
}

#campaign table th.courseName {
	width:126px;
}
#campaign table th.courseName2 {
	width:40px;
}
#campaign table th.pricePerLesson {
	width:90px;
}

.small_box {
	border:1px dotted #888888;
	background-color:#f7f7f7;
	font-size: 85%;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
	padding-top: 10px;
	padding-left: 10px;
}

.small_box  ul.checkPoint {
	background: #F7F7F4;
	margin-bottom: 25px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.small_box  ul.checkPoint li {
	background: url(../images/shared/icon_check.gif) 0 1px no-repeat;
	/* [disabled]padding-top: 10px; */
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 25px;
	margin-top: 10px;
}

.small_box2 {
	border:1px dotted #888888;
	background-color:#f7f7f7;
	font-size: 85%;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

.small_box2  ul.checkPoint {
	background: #F7F7F4;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.small_box2  ul.checkPoint li {
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 25px;
	background-image: url(../images/shared/icon_check.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
}

.small_box3 {
	border:1px dotted #888888;
	font-size: 85%;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}

.small_box3  ul.checkPoint {
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.small_box3  ul.checkPoint li {
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 25px;
	background-image: url(../images/shared/icon_check.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
}

.small_box4 {
	border:1px dotted #888888;
	background-color:#f7f7f7;
	padding: 25px 20px 0 20px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 25px;
	margin-left: 0;
}

.small_box5 {
	border:1px dotted #888888;
	background-color:#f7f7f7;
	font-size: 85%;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}

.small_box5  ul.checkPoint {
	background: #F7F7F4;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.small_box5  ul.checkPoint li {
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 25px;
	background-image: url(../images/shared/icon_check.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
}

#pick_banner {
	position:relative;
	margin-bottom:25px;
}

.cam_list ul {
	margin-left: 20px;
}

.cam_list ul li {
	background: url(../images/shared/icon_check02.gif) 0 2px no-repeat;
	padding: 2px 0 2px 25px;
	/* [disabled]font-size: 90%; */
}

.pick02 {
	font-weight: bold;
	color: #FD1E13;
}

.pick06 {
font-weight: bold;
color: #D35907;
}

.pick06b {
font-size: 110%;
font-weight: bold;
color: #D35907;
}

.pick08 {
font-weight: bold;
color: #900;
}

.pick09 {
	color: #006;
	margin-top:10px;
	display:block;
	margin-bottom: 5px;
}
.pick10 {
font-size: 18px;
font-weight: bold;
color: #0091db;
}
.pink {
color: #e2586c;
font-weight: bold;
}
.righttxt {
	text-align:right;
	font-size: 11px;
	display:block;
}
.smltxt {
	font-size: 70%;
}
.numtxt {
    display: inline-block;
    padding: 7px;
    background-color: #030350;
    color: #fff;
	font-size: 60%;
}
.heading03{
	position:relative;
	padding:5px 20px;
	font:bold 28px/1.6 Arial, Helvetica, sans-serif;
	color:#333;
	background:#fff;
	text-shadow:
		1px 1px 0 #fff,
		2px 2px 0 #999;
	border-top:#333 solid 3px;
	border-bottom:#333 solid 3px;
    background-image: -webkit-gradient(linear, left top, right bottom,
			from(			rgba(255, 255, 255, 0.0)), 
			color-stop(0.4, rgba(255, 255, 255, 0.0)), 
			color-stop(0.4, rgba(0, 0, 0, 0.1)), 
			color-stop(0.6, rgba(0, 0, 0, 0.1)), 
			color-stop(0.6, rgba(255, 255, 255, 0.0)),
			to(				rgba(255, 255, 255, 0.0))
			);
	background-image: -webkit-linear-gradient(top -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: -moz-linear-gradient(top -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: -o-linear-gradient(top -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: linear-gradient(to bottom -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-size:4px 4px;
}


#newtitleArea {
	width:940px;
	margin-bottom:40px;
	overflow: hidden;
}


#fullmainContents {
	width:100%;
}

#fullmainContents img {

}
#fullmainContents .section {
	margin-bottom:20px;
	overflow:hidden;
	*zoom:1;
}
#fullmainContents .section02 {
	overflow:hidden;
	*zoom:1;
}
#fullmainContents h4 {
	background:url(../images/shared/h4_bg02.gif) 0 0 no-repeat;
	height:36px;
	line-height:36px;
	margin-bottom:30px;
	color:#fff;
	font-size:108%;
	padding-left:37px;
	margin-top: 30px;
}
#fullmainContents h5 {
	color:#000066;
	border-bottom:2px solid #000066;
	font-size:100%;
	padding-bottom:3px;
	margin-bottom:20px;
}
#fullmainContents p {
	font-size: 110%;
	/* [disabled]line-height: 2.3em; */
}

#fullmainContents .smalltxt01 {
	font-size:120% !important;
}

#fullmainContents .img_line {
    border:1px solid #CCC;
    padding:1px;
	clear:both;
	margin-right: 20px;
}

#fullmainContents p.btn {
	text-align:center;
	display:block;
	padding-bottom: 20px;
}

#fullmainContents .btn02 {
	text-align:center;
	display:block;
}

#fullmainContents .letter2 {
	line-height: 1.8;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
}


#pliceList p.annotation02 {
	position:relative;
	margin-top:-10px;
	padding-left:25px;
	font-size:70%;
}

.BoxTable {
	/* [disabled]position:relative; */
	margin-bottom:25px;
	clear: both;
	width: 700px;
	height: 100%;
}

.tblStyle {
width: 95%;
margin: 0 auto;
}

.tblStyle a {
	display: block;
	line-height: 30px;
	background: url(../images/top/iconArrowBlDown.gif) 13px 50% no-repeat;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 26px;
}

.tblStyle a {
color: #0090fc;
text-decoration: underline;
}


.course_pick {
	margin: 0;
	padding: 0;
	clear: both;
}

#main .topbtn {
	height: 81px;
	width: 100%;
	margin-bottom: 25px;
}

.pick_btn li {
	float: left;
}

#mainContents .smalltxt01 {
	font-size:120% !important;
}



/* カギの紹介
************************************************/
.newCourse ul.checkPoint {
	background: #F7F7F4;
	padding: 10px;
	margin-bottom: 35px;
}
.newCourse ul.checkPoint li {
	background: url(../images/shared/icon_check.gif) 0 1px no-repeat;
	padding: 2px 0 2px 25px;
	font-size: 90%;
	color: #333;
}
.newCourse dl {
	font-size:90%;
}
.newCourse dl dt {
	color: #006;
	border-bottom: 1px solid #006;
	font-weight:bold;
	padding-bottom: 3px;
	padding-left:26px;
	margin-bottom: 10px;
	background:url(../images/point/icon_key.gif) 0 0 no-repeat;
}
.newCourse .section p.link {
	display:inline-block;
	*display:inline;
	*zoom:1;
	float:right;
	background: url(../images/shared/icon_arrow.gif) 0 5px no-repeat;
	padding-left: 15px;
}


#mainContents img {
	border:none;
	padding:0;
}
#mainContents p img {
	vertical-align:middle;
	line-height:1;
}
#mainContents p.btn {
	text-align:center;
	display:block;
	padding-bottom: 20px;
}



/* マンツーマンレッスンページ
************************************************/
#oneOnOne #mainContents ul li {
	background: url(../images/shared/icon_check02.gif) 0 1px no-repeat;
	padding: 2px 0 2px 25px;
	font-size:90%;
}


/* VAKページ
************************************************/
#vak img {
	border: 1px solid #CCC;
	padding: 1px;
}

#vak #lead2 li,
#vak #lead2 dd {
	font-size:90%;
}
#vak #lead2  {
	background:url(../images/point/vak_lead_bg.gif) 0 0 no-repeat;
	padding:0 30px;
	height:349px;
	position:relative;
	margin-right:-22px;
}
#vak #lead2 p {
	margin-bottom:15px;
}
#vak #lead2 h3 {
	padding:0;
	text-align:center;
	margin:28px 0 30px 0;
	background:none;
	height:auto;
	line-height:1.5;
}
#vak #lead2 img {
	border:none;
	padding:0;
}
#vak #lead2 ul {
	background:none;
	margin-bottom:20px;
	text-align:center;
}
#vak #lead2 ul li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding:0;
	margin:0;
	text-align:center;
	margin-right:22px;
	vertical-align:top;
}
#vak #lead2 ul li dl {
	margin:0;
}
#vak #lead2 ul li .vak_list dt {
	background:none;
	border-bottom: none;
	font-weight:bold;
	font-size:120%;
	color:#ff8200;
	margin-bottom:0;
}
#vak #lead2 ul li .vak_list dd {
	background:none;
	padding:0;
}

#vak #visualFeature .vak_dt {
	background:none;
	border-bottom: none;
	padding-left:0;
}

#vak #visualFeature p.fRight {
	margin-left:20px;
}
#vak #visualFeature h5 {
	margin-bottom:10px;
}
#vak #visualFeature dt {
	margin-bottom:10px;
	font-size:105%;
	font-weight:bold;
}
#vak #visualFeature dd {
	background: url(../images/shared/icon_check02.gif) 0 1px no-repeat;
	padding: 2px 0 2px 25px;
}
#vak #visualFeature ul {
	background: #F7F7F4;
	padding: 10px;
	margin-bottom: 20px;
}
#vak #visualFeature ul li {
	list-style-type:disc;
	margin-left:15px;
}

#mainContents .table001 .newOption {
	background-color: #fffcf6;
}

/* 5つ */
#feature {
	position:relative;
	margin-right:-38px;
}
#feature ul {
	text-align:center;
}
#feature ul li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	position:relative;
	text-align:center;
	background:url(../images/course/point_bg02.gif) 0 0 no-repeat;
	width:208px;
	height:100px;
	margin-right:38px;
	margin-bottom:18px;
}
#feature ul li.break {
	margin-right:50px;
}
#feature ul li img {
	border:none;
	padding:0;
	margin-top:5px;
	margin-bottom:2px;
}
#feature dd {
	font-size:85%;
}

#feature dd.line1 {
	margin-top:5px;
	line-height:48px;
}
#feature dd.line2 {
	margin-top:15px;
}
#feature dd.line3 {
	margin-top:2px;
}
#feature p.toTop {
	margin-right:38px;
}



/* 2つ */
#feature02 {
	position:relative;
	/* [disabled]margin-right:-38px; */
}
#feature02 ul {
	text-align:center;
}
#feature02 ul li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:top;
	position:relative;
	text-align:center;
	width:300px;
	/* [disabled]height:90px; */
	/* [disabled]margin-top:20px; */
	margin-right:38px;
	/* [disabled]margin-bottom:18px; */
}
#feature02 ul li.break {
	margin-right:50px;
}
#feature02 ul li img {
	border:none;
	padding:0;
	margin-top:5px;
	margin-bottom:2px;
}
#feature02 dd {
	font-size:85%;
}

#feature02 dd.line1 {
	margin-top:5px;
	line-height:48px;
}
#feature02 dd.line2 {
	margin-top:15px;
}
#feature02 dd.line3 {
	margin-top:2px;
}


#pageNav ul li.threeLine a {
	background: url(../images/shared/page_nav_list_bg3.gif) 0 bottom no-repeat;
	height: 65px;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 32px;
}

#pageNav ul li.threeLine.active a,
#pageNav ul li.threeLine a:hover {
	background-position:0 top;
}

#pageNav ul li.threeLine.last a {
	height:36px;
	background-position:0 -48px;
	margin-bottom:4px;
}

#pageNav ul li.threeLine.last.active a,
#pageNav ul li.threeLine.last a:hover {
	background-position:0 -3px;
}







#iknowflow ul {
	overflow:hidden;
	*zoom:1;
	position:relative;
	background:url(../images/course/flow_bg02.gif) center 73px no-repeat;
}
#iknowflow ul li {
	/* [disabled]background:url(../images/course/flow_bg.gif) 0 0 no-repeat; */
	width:320px;
	/* [disabled]padding:15px 15px 0; */
	margin-bottom:0;
}
#iknowflow ul li.flowArrows {
	text-align:center;
	margin:0 0 20px;
	padding:0;
	width:auto;
	height:auto;
}
#iknowflow ul li dl {
	margin-bottom:0;
}
#iknowflow ul li dl dt {
	color:#006;
	font-weight:bold;
	font-size:100%;
	margin-bottom:10px;
}
#iknowflow ul li dl dd {
	font-size:90%;
}

#iknowflow ul li.flow1,
#iknowflow ul li.flow3 {
	float:left;
}
#iknowflow ul li.flow2,
#iknowflow ul li.flow4 {
	float:right;
}
#iknowflow ul li.flow1,
#iknowflow ul li.flow2 {
	margin-bottom:20px;
}


#iknowflow p.toTop {
	float:right;
	background:url(../images/shared/icon_arrow6.gif) 0 4px no-repeat;
	font-size:70%;
	padding-left:14px;
	margin-bottom:0;
	clear:both;
	margin-top:30px;
}
#iknowflow p.toTop a {
	color:#777;
}#mainContents .imageBox {
	display: block;
	height: 350px;
	width: 250px;
	float: right;
}



.cap {
position: relative;
width: 250px;
float: right;
font-size:60%;
}
 
.cap img {
   border: none !important;
   margin: 0 !important;
   padding: 0 !important;
}
 
.cap span {
   position: absolute;
   right: 0;
   bottom: 0;
   color: #fff;
   padding: 5px;
   background: #000;
   filter: Alpha(opacity=70);
   opacity:0.7;
}

.keyhead {
	color: #006;
	border-bottom: 1px solid #006;
	font-weight:bold;
	padding-bottom: 3px;
	padding-left:26px;
	margin-bottom: 10px;
	background:url(../images/point/icon_key.gif) 0 0 no-repeat;
}
#mainContents .section .supporttxt {
	display: block;
	padding-left: 25px;
	margin-top: -20px;
}

#five-support .section .courseLink {
	background:url(../images/shared/icon_arrow.gif) 0 3px no-repeat;
	padding-left:5px;
	display: block;
	text-align: right;
	width: 110px;
	font-size: 100%;
	float: right;
}
#five-support .section .courseLink01 {
	background:url(../images/shared/icon_arrow.gif) 0 3px no-repeat;
	padding-left:5px;
	display: block;
	text-align: right;
	width: 180px;
	font-size: 100%;
	float: right;
}
#five-support .section .courseLink02 {
	background:url(../images/shared/icon_arrow.gif) 0 3px no-repeat;
	padding-left:5px;
	display: block;
	text-align: right;
	width: 220px;
	font-size: 100%;
	float: right;
}
#course-box .ico_tag {
	display: block;
	margin-top: 15px;
	margin-bottom: 10px;
}
#course-box .ico_tag .tag {
	margin-bottom: 5px;
}

#mainContents .newCourse .sectionh {
color: #900;
font-size: 100%;
font-weight: bold;
padding-right: 10px;
margin-bottom: 10px;
}
.sectionj {
color: #030350;
font-size: 110%;
font-weight: bold;
padding-right: 10px;
margin-bottom: 10px;
}

.table001 {
	width: 100%;
	font-size: 80%;
	text-align: center;
}

.table001 span.sub {
font-size: 60%;
}

.table001 th, .table001 td {
padding: 5px 5px !important;
}

.table001 .th-new01 {
	width: 15%;
}

.table001 .th-new02 {
	width: 28%;
}

.table001 .th-new03 {
	width: 20%;
}

.table001 .th-new04 {
	width: 40%;
}

.table001 .th-new05 {
	width: 25%;
}

.table001 .activeTd {
	background: #faebe6;
}

.catchCopy {
	color: #5e7d84;
	font-size: 110%;
	line-height: 1.4;
	padding: 0;
	margin: 0 0 15px;
}


.mgbottom {
	margin-bottom: 30px;
}


.newCourse .section .courseLink {
	background:url(../images/shared/icon_arrow.gif) 0 3px no-repeat;
	padding-left:15px;
	display: block;
	text-align: right;
	width: 110px;
	font-size: 90%;
}

#course-box {
	background: url(../images/top/news_bg.gif) center bottom no-repeat;
	padding-bottom: 5px;
	margin-bottom: 20px;
}

#course-box {
	padding-top: 25px;
	padding-right: 25px;
	padding-bottom: 35px;
	padding-left: 25px;
}
.newCourse .main-box {
	margin-top: 25px;
}
#fullmainContents .price-col.detail .smalltxt {
	font-size: 70%;
}
#fullmainContents .price-col.detail .smalltxt02 {
	font-size: 110%;
}

#fullmainContents .price-col.detail .smalltxt03 {
	font-size: 115%;
}
#fullmainContents .price-col.detail .smalltxtcafe {
	font-size: 115%;
}
#fullmainContents .price-col.detail .smalltxtcafe02 {
	font-size: 100%;
}

#fullmainContents .price-col.detail .smalltxtonline {
	font-size: 100%;
}

#fullmainContents .price-col.detail .smalltxtall {
	font-size: 90%;
}


#fullmainContents #smalltxtA {
	font-size: 65%;
}

#fullmainContents #smalltxtB {
	font-size: 90%;
}
#fullmainContents #smalltxtC {
	font-size: 90%;
}
#fullmainContents #smalltxtD {
	font-size: 90%;
}
#fullmainContents #smalltxtE {
	font-size: 75%;
}

#fullmainContents .pricing.five.blue .price-col.first .th .title {
	height: 100%;
}
#fullmainContents .section .pricing.six.blue .price-col .th {
	height: 70px;
	vertical-align: middle;
}
#fullmainContents .section .pricing.six.blue .price-col .th .bottom {
	vertical-align: bottom;
}
#newprice {
	background-color: #ffffff !important;
}
#fullmainContents .section .annotation {
	font-size: 80%;
}
#fullmainContents #cafe-th {
	width: 650px;
}

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

.voicelink {
text-decoration: underline !important;
}



#pick_img {
	position:relative;
	margin-bottom:25px;
	width: 100%;
	height: 148px;
}


.btn000 {
	float: left;
}

.btn002 {
	padding-left: 5px;
}

.btn003 {
	padding-left: 5px;
}

.pick_course02 {
	position:relative;
	margin-bottom:25px;
	width: 100%;
	height: 148px;
}


#onbtn01 a {
	display: block;
	width: 230px;
	height: 148px;
	background: url(../images/top/course_btn001.gif) no-repeat 0 0;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
}
#onbtn01 a:hover {
	background-position: 0 bottom;
	opacity: 1 !important;
}


#onbtn02 a {
	display: block;
	width: 230px;
	height: 148px;
	background: url(../images/top/course_btn002.gif) no-repeat 0 0;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
}
#onbtn02 a:hover {
	background-position: 0 bottom;
	opacity: 1 !important;
}


#onbtn03 a {
	display: block;
	width: 230px;
	height: 148px;
	background: url(../images/top/course_btn003.gif) no-repeat 0 0;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
}
#onbtn03 a:hover {
	background-position: 0 bottom;
	opacity: 1 !important;
}

#fullmainContents .mid-read {
	/* [disabled]height: 135px; */
	margin-bottom: 20px;
	display: block;
	/* [disabled]overflow: hidden; */
}
#fullmainContents .h-letter01 {
	font-size: 50px;
	line-height: 1.4em;
	font-weight: 900;
	color: #000066;
}
#fullmainContents .h-letter01b {
	font-size: 50px;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	line-height: 1.4em;
	font-weight: bold;
	color: #D35907;
}
#fullmainContents .h-letter02 {
	font-size: 25px;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	line-height: 1.4em;
	font-weight: 800;
	color: #D35907;
}
#fullmainContents .h-letter03 {
	font-size: 28px;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	line-height: 1.4em;
	font-weight: 800;
	color: #D35907;
}
#fullmainContents .h-letterA {
	font-size: 25px;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	line-height: 1.4em;
	font-weight: 700;
	color: #000066;
}
#fullmainContents .h-letterB {
	font-size: 40px;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	line-height: 1.2em;
	font-weight: 900;
	color: #000066;
	padding-top: 20px;
	padding-bottom: 10px;
}
#fullmainContents .h-letterC {
	font-size: 30px;
	line-height: 1.4em;
	font-weight: 900;
	color: #000066;
}
#fullmainContents .h-letterD {
	font-size: 40px;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	line-height: 1.2em;
	font-weight: 900;
	color: #000066;
}
.h-letter02 {
	font-size: 20px;
	line-height: 1.4em;
	font-weight: 800;
	color: #D35907;
	margin-bottom: 20px;
	display: block;
}
.h-letter03 {
	font-size: 17px;
	line-height: 1.4em;
	font-weight: 800;
	margin-bottom: 40px;
	display: block;
	color: #D35907;
}
.even {
	background: #fbf8f0;
}
.odd {
	background: #fefcf9;
}
.secoA {
    color: #900;
	font-size: 90%;
}
.noticebox {
    border: 1px solid #e1e1e1;
    box-shadow: 0 3px 0 rgba(8, 1, 2, 0.03);
}
.noticebox {
    line-height: 1.6;
    padding: 20px 20px;
    margin: 30px 0;
}
#fullmainContents .noticebox h3 {
	position: relative;
	background: #f2f2fe;
	border-bottom: 5px solid #000066;
	height: 46px;
	line-height: 46px;
	margin-bottom: 20px;
	color: #030350;
	font-size: 130%;
	padding-left: 43px;
}
#fullmainContents .noticebox h3:before {
    content: "";
    position: absolute;
    background: #000066;
    top: 50%;
    left: 0.5em;
    height: 5px;
    width: 15px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
#fullmainContents .courseLink {
	padding-left:15px;
	display: block;
	background-image: url(../images/shared/icon_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 10px;
	margin-bottom: 15px;
}
#fullmainContents a {
	color: #D35907;
    text-decoration: underline;
    cursor: auto;
}
#fullmainContents a:hover {
    text-decoration: none;
    cursor: auto;
}
#fullmainContents .noticebox .pointtxt {
    color: #000066;
    border-bottom: 2px solid #000066;
    font-size: 100%;
    padding-bottom: 3px;
    margin-bottom: 20px;
	font-weight: 700;
}
.bq001 blockquote {  
    background: url(../images/campaign/blockquote1.gif) no-repeat 95% 68%;  
    padding: 15px;  
    color: #064599;  
}  
.bq001 p  {  
    margin-bottom: 12px;  
}  
.bq001 .origin    {  
    text-align: right;  
    padding-top: 8px;  
    margin-bottom:0;  
}  
.bq001 .origin a  {  
    padding-left: 15px;  
    color: #999;  
}
.sttxt {
	font-weight: 700;
}

.coursebutton {
	font-size: 13pt;
	font-weight: 700;
	display: inline-block;
	width: 100%;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
}
.coursebutton::before,
.coursebutton::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.coursebutton,
.coursebutton::before,
.coursebutton::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.coursebutton {
	position: relative;
	background-color: #ef8633;
	border-radius: 4px;
	color: #fff;
	line-height: 52px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #D35907;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
.coursebutton:hover {
	box-shadow: 0 7px 0 #D35907;
}
.coursebutton:active {
	top: 3px;
	box-shadow: none;
}

.coursebutton .smalltxt {
	font-size: 70%;
	color: #f2f2fe;
}
.coursebutton .smalltxt02 {
	font-size: 80%;
}
.smalltxt {
	font-size: 80%;
}
.imgbox {
	width:100%px;
	clear:both;	
	display:block;
	overflow: hidden;
}

.imgbox_2 {
	float:left;
	width:50%;
	/* [disabled]margin-right: 15px; */
}
.imgbox_3 {
	float:left;
	width:50%;
}

.btneria {
  box-sizing: border-box;
  margin: 0;
  padding: 2rem 0;
  text-align: center;
  text-rendering: optimizeLegibility;
}

.free-button {
  width: 70%;
  display: inline-block;
  background: #ff9c00;
  text-decoration: none !important;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #fff!important;
  font-size: 150%;
  font-weight: 600;
  padding: 2rem 4rem 2rem 2rem;
  border: 3px solid #333;
  border-radius: 20px;
  box-shadow: 2px 2px 0 #fff inset, 5px 5px 0 transparent;
  position: relative;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.free-button:hover {
  background: #D35907;
  box-shadow: 2px 2px 0 #fff inset, 5px 5px 0 rgba(0, 0, 0, 0.1);
}
.free-button:active {
  box-shadow: 0 0 0 #fff inset, 0 0 0 transparent;
  -webkit-transform: translate(2px, 2px);
          transform: translate(2px, 2px);
}
.free-button:before, .free-button:after {
  content: ' ';
  position: absolute;
}
.free-button:before {
  top: 0;
  bottom: 0;
  right: 2rem;
  border-right: 2px solid #333;
}
.free-button:after {
  width: 0.7rem;
  height: 0.7rem;
  border-top: 3px solid #333;
  border-right: 3px solid #333;
  top: 50%;
  right: 0.8rem;
  -webkit-transform: translate(0, -50%) rotate(47deg) skew(4deg);
          transform: translate(0, -50%) rotate(47deg) skew(4deg);
  border-radius: 0 2px 0 0;
}
.free-button02 {
  width: 70%;
  display: inline-block;
  background: #ff9c00;
  text-decoration: none !important;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #fff!important;
  font-size: 150%;
  font-weight: 600;
  padding: 2rem 2rem 2rem 2rem;
  border: 3px solid #333;
  border-radius: 20px;
  box-shadow: 2px 2px 0 #fff inset, 5px 5px 0 transparent;
  position: relative;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.free-button02:hover {
  background: #e16919;
  box-shadow: 2px 2px 0 #fff inset, 5px 5px 0 rgba(0, 0, 0, 0.1);
}
.free-button02:active {
  box-shadow: 0 0 0 #fff inset, 0 0 0 transparent;
  -webkit-transform: translate(2px, 2px);
          transform: translate(2px, 2px);
}
.free-button02:before, .free-button:after {
  content: ' ';
  position: absolute;
}
.free-button02:before {
  top: 0;
  bottom: 0;
  right: 2rem;
  border-right: 2px solid #333;
}
.free-button02:after {
    width: 0.7rem;
    height: 0.7rem;
    border-top: 3px solid #333;
    border-right: 3px solid #333;
    top: 50%;
    right: 0.8rem;
    -webkit-transform: translate(0, -50%) rotate(47deg) skew(4deg);
    transform: translate(0, -50%) rotate(47deg) skew(4deg);
    border-radius: 0 2px 0 0;
}
.camboxA h5 {
  font-size: 150%;
  font-weight: 600;
  position: relative;
  text-align: center;
}
.camboxA h5 span {
  position: relative;
  display: inline-block;
  padding: 0 0.5em;
  color: #777;
  background-color: #fff;
}
.camboxA h5::before {
  content: '';
  width: 100%;
  border-top: 2px solid #ccc;
  position: absolute;
  top: 50%;
  left: 0;
}
.camboxA {
	padding: 0.5em 1em 1em;
	margin-top: 15px;
}
.camboxA dl {
  border-bottom: 2px solid #ccc;
  padding-bottom: 35px;
}
.bigcamT {
    font-size: 140%;
}
.camT01 {
	/* [disabled]font-size: 130%; */
	font-weight: bold;
	color: #ec008c;
}
.camT02 {
    font-weight: bold;
    color: #D35907;
}
.camT03 {
	font-size: 120%;
	font-weight: bold;
	color: #000066;
}
.camTs {
	font-weight: bold;
	color: #000066;
}
.camTore {
	font-weight: bold;
	color: #D35907;
}
.camTpink {
	font-weight: bold;
	color: #ec008c;
}
.camheadH3 {
	font-size: 140%;
	font-weight: bold;
	color: #D35907;
    margin-bottom: 1em;
}
.cam_dl dt {
	font-size: 170%;
	font-weight: bold;
	color: #000066;
	margin-top: 25px;
	margin-bottom: 15px;
}
.cam_dl dd {
margin-left: 35px;
}
.camlistA {
	margin-bottom: 0!important;
}
.camlistA li {
	position: relative;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.6;
}
.camlistA li::after {
	display: block;
	content: '';
	position: absolute;
	top: .8em;
	left: -1em;
	width: 5px;
	height: 5px;
	background-color: #fff;
	border: 1px solid #000066;
	border-radius: 100%;
}
.camlistS {
	margin-top: 1em!important;
	margin-bottom: 1em!important;
}
.camlistS li {
	position: relative;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.2;
	margin-bottom: 1em!important;
}
.camlistS li::after {
	display: block;
	content: '';
	position: absolute;
	top: .8em;
	left: -1em;
	width: 5px;
	height: 5px;
	background-color: #000066;
	border: 1px solid #000066;
	border-radius: 100%;
}
.list_none li {
font-size: 13px;
position: relative;
list-style: none;
}
.list_none li::after {
	display: block;
	position: absolute;
	top: .4em;
	left: -1.2em;
	font-size: 12px;
	line-height: 1.2;
	content: '\002731';
	color: #ff9900;
}
.classul {
    background: #F7F7F4;
    padding: 10px;
    margin-bottom: 35px;
}
.classul li {
	background:url(../images/shared/icon_check.gif) 0 -1px no-repeat !important;
	height:18px;
	line-height:18px;
	padding:4px 0 4px 25px!important;
	font-size:100%!important;
}
.classul li strong {
font-weight: bold;
color: #000!important;
}
.mgnbottom {
    margin-bottom: 20px;
}
h7 {
font-weight: bold;
}



/* --sectiondiv------------- */
.sectiondiv:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.sectiondiv { min-height: 1px; }

/* ----main------------------- */
.sectiondiv {
    margin-bottom: 30px;
}

/* ----main img01------------------- */

.mainImg01{
    margin: 0 0 30px 0;
    height: 335px;
    overflow: hidden;
}

.mainImg01 .mainImg_textbox{
    background: #0091db;
}

.mainImg_textbox .single_text{
    margin: 25px 30px 37px 30px !important;
}

.mainImg_textbox .archive_text01{
    margin: 33px 20px 27px 37px;
}

.lastname,.firstname{ display: inline-block; }
.lastname{ margin-right: 5px; }

/* main img
------------------------ */

.mainImg_textbox{
    display: inline-block;
    vertical-align: top;
}

.single .mainImg_textbox{
    width: 210px;
    height: 335px;
    margin-left: -5px;
    padding: 26px 21px 0 21px;
    font-weight: bolder;
    float: right;
}

.mainImg_textbox .xtxh1{
    font-size: 27px;
    margin-bottom: 25px;
    letter-spacing: 0.1em;
}

.mainImg_textbox p{
    font-size: 13px;
    color: #fff;
    line-height: 1.95em;
    letter-spacing: 0.05em;
    font-weight: lighter !important;
}

/* メインビジュアル
----------------------------------- */
.singlemainImg img{
    width: auto !important;
    height: 335px !important;
}


.single .mainImg_textbox p.num{
    font-size: 13px !important;
    font-weight: lighter !important;
    margin-bottom: 10px !important;
}

.single .mainImg_textbox .xtxh1{
    font-size: 32px !important;
    color: #fff !important;
    margin-bottom: 0 !important;
    padding-left: 0 !important;
    letter-spacing: 0 !important;
    line-height: 1.2em !important;
}

.single .mainImg_textbox h5{
    font-size: 20px !important;
    color: #fff !important;
    margin-bottom: 15px !important;
    border-bottom: 2px solid #ffffff !important;
}

.single .mainImg_textbox .xtxh1 small{
    font-size: 18px !important;
    letter-spacing: 0em !important;
}

.single .mainImg_textbox p{
    font-size: 14px !important;
    padding-left: 0 !important;
}

.single .mainImg_textbox span.producer{
    font-size: 14px !important;
    font-weight: bold !important;
}
.single .mainImg_textbox span.producer {
    padding: 4px 6px;
    color: #3a94ff;
    border-radius: 7px;
    background-color: #fff;
    text-align: center;
}
.mod-box.opt-thick {
    padding: 26px 26px 10px 26px;
    border: 4px solid #e0e5ec;
}
.mod-box {
    margin-top: 35px;
    background: #f8f9fb;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.mod-box .mod-box_title {
    color: #003f7e;
    font-size: 2em;
    font-weight: bold;
    line-height: 1.3;
}
.mod-box .mod-box_title {
    padding-left: 0 !important;
}
.mod-box p {
    padding-left: 0 !important;
}
.slink-box {
    padding: 1em 0.5em 0 ;
    margin: 1em 0;
	text-align: center;
    color: #6091d3;/*文字色*/
    background: #f8f9fb;
    border: solid 1px #ff9c00;/*線*/
    border-radius: 10px;/*角の丸み*/
	width: 70%;
}
.piclink-box {
    padding: 1em 0.5em 0 ;
    margin: 1em 0;
	text-align: center;
    background: #f8f9fb;
    border: solid 4px #ffe8f0 !important;
    border-radius: 10px;/*角の丸み*/
	width: 70%;
}
.piclink-box a {
    color: #D3060A !important;
}
.piclink-box a:hover {
    color: #a40000 !important;
}
.link-box {
    padding: 2em 2em 1em 2em;
    margin: 2em 0;
    font-weight: bold;
    color: #6091d3;/*文字色*/
    background: #f8f9fb;
    border: solid 3px #ff9c00;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.link-box .mod-box_title {
    color: #003f7e;
    font-size: 2em;
    font-weight: bold;
    line-height: 1.3;
}
.qaHq {
    font-size: 100% !important;
    font-weight: 700;
    color: #030350;
    background: #f1f8ff;
    padding: 10px 10px 10px 10px !important;
    margin-bottom: 10px !important;
    text-indent: -10px !important;
}
.qaHa {
    padding: 10px 10px 10px 10px !important;
    margin-bottom: 40px !important;
    text-indent: -10px !important;
}
.f-big:first-letter {
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
 font-size:20px !important;
 color:#0091db;
 padding-left: 10px !important;
}
.a-big:first-letter {
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
 font-size:20px !important;
 color:#f66;
}
#voiceDetail #mainContents h2 {
    position: relative;
    background: #f2f2fe;
    padding: 0.8em 0 0.8em 1.5em;
    border-bottom: 5px solid #000066;
    height: auto;
    line-height: 1.4;
    margin-bottom: 40px;
    color: #030350;
    font-size: 130%;
    padding-left: 43px;
}
.banner_wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	width: 100%;
	justify-content: space-around;
	margin-bottom: 20px;
}
.camH2 {
    position: relative;
    background: #030350;
    height: auto;
    line-height: 1.3;
    color: #ffffff;
    font-size: 32px;
    padding: 0.4em 0 0.4em 0.4em;
    margin-top: 40px;
    margin-bottom: 20px;
}
.camH3 {
    position: relative;
    background: #f2f2fe;
    border-bottom: 5px solid #000066;
    height: auto;
    line-height: 1.3;
    color: #030350;
    font-size: 130%;
    padding: 0.6em 0 0.6em 0.8em;
    margin-top: 40px;
    margin-bottom: 20px;
}
.camH4 {
    position: relative;
    background: #f2f2fe;
    height: auto;
    line-height: 1.3;
    color: #030350;
    font-size: 130%;
    padding: 0.8em 0.4em 0.8em 0.8em;
    margin-top: 40px;
    margin-bottom: 10px;
}
.conv_btn {
    display: inline-block;
    padding: 2rem 4rem 2rem 2rem;
	border-radius: 25px;
    text-decoration: none;
    color: #fff!important;
    background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    transition: .4s;
  font-size: 150%;
  font-weight: 600;
  width: 70%;
  letter-spacing: 0.1em;
}
.conv_btn:hover {
    background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
    background-image: linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
}
.cambox_wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	width: 100%;
	align-items: center;
}
.l_cambox {
	width:75%;
	padding-right: 20px;
}
.r_cambox {
	width:20%;
}
.redt {
color: #D3060A;
font-size: 160%;
font-weight: 700;
text-decoration: underline;
}
.redst {
color: #D3060A;
text-decoration: underline;
}
.bluet {
color: #000066;
font-size: 160%;
font-weight: 700;
}
.boldt {
font-weight: 700;
}
#voiceDetail .nopad-left {
padding-left: 0 !important;
font-size: 100% !important;
}