﻿@charset 'utf-8';


/* mainimage_beginner
-------------------------------------------------- */
#mainimage_beginner {
/* no.40180143 2021.02.08 ここから修正 */
	background:url(/beginner/img/mainimage.jpg) #f4fbfd no-repeat center top;
/* no.40180143 2021.02.08 ここまで修正 */
	min-width:964px;
	height:340px;
}
#mainimage_beginner .Wrap {
	width:964px;
	margin:0 auto;
	position:relative;
}
#mainimage_beginner .Wrap .entry {
	position:absolute;
	top:180px;
}
#mainimage_beginner .Wrap .bosyu {
	position:absolute;
	top:267px;
}

/* Wrap15
-------------------------------------------------- */
#Wrap15{
	background:#c8ecf8;
}
#Wrap15 strong{
	font-weight:bold;
}
#Wrap15 .inner{
	width:964px;
	margin:0 auto;
	padding:30px 0 1px;
	background:#FFF;
}
#Wrap15 .inner.pt0{
	padding-top:0;
}
#Wrap15 .inner .obi{
	background:#00adcd;
	color:#FFF;
	text-align:center;
	font-size:35px;
	margin-top:50px;
	padding:16px 0 14px 0;
	line-height:1.3;
}
#Wrap15 .inner .obi h2{
	font-weight:bold;
}
#Wrap15 .inner .obi.mt0{
	margin-top:0;
}
#Wrap15 .inner .obi .yellow{
	color:#ffff00;
}
#Wrap15 .pdlr20{
	padding:0 20px;
}
#Wrap15 .title_skillup .caution{
	font-size:12px;
	margin-left:10px;
	vertical-align:bottom;
	line-height:1;
}


/*maker*/
#Wrap15 #maker{
	margin-top:20px;
	border:2px solid #f2f2f2;
}
#Wrap15 #maker ul.listBlock{
	padding:20px 30px;
	letter-spacing:-0.4em;
}
#Wrap15 #maker ul.listBlock li{
	width:150px;
	display:inline-block;
	letter-spacing:normal;
	background:url(/beginner/img/dot.gif) no-repeat 0 0.5em;
	margin-top:5px;
	padding:0 10px 0 12px;
	vertical-align:top;
}
#Wrap15 #maker ul.listBlock li.none{
	width:162px;
	background:none;
	padding:0 10px 0 0;
}
#Wrap15 #maker .exBox{
	width:840px;
	margin:0 auto 20px;
	padding:20px;
	background:#f2f2f2;
	display:none;
}
#Wrap15 #maker .exBox .title{
	font-weight:bold;
	font-size:128.55%;
}
#Wrap15 #maker .exBox dl dt{
	margin-top:15px;
	font-weight:bold;
}
#Wrap15 #maker .exBox dl dt:first-child{
	margin-top:8px;
}
#Wrap15 #maker .exBox dl dd ul{
	letter-spacing:-0.4em;
}
#Wrap15 #maker .exBox dl dd ul li{
	display:inline;
	letter-spacing:normal;
	margin-right:1em;
}
/*no.42180004 2022.05.06 ここから修正*/
#Wrap15 #maker .exBox_white {
	width: 100%;
	background-color: #fff;
	margin-bottom: 0;
	box-sizing: border-box;
}
/*no.42180004 2022.05.06 ここまで修正*/
#Wrap15 #maker .look{
	line-height:46px;
	text-align:center;
	background:#f2f2f2;
}
#Wrap15 #maker .look a{
	background:url(/shared/img/arrow_down.png) no-repeat left center;
	padding-left:18px;
}
#Wrap15 #maker .look a.active{
	background:url(/shared/img/arrow_up.png) no-repeat left center;
}



/*block015*/
#Wrap15 .block015{
	background:#f3f3f3;
	padding:20px;
	margin-top:40px;
}
#Wrap15 .block115{
	border:1px solid #e4e1e1;
	padding:15px;
	margin-top:40px;
}
#Wrap15 .block115 ul{
	font-size:90%;
}
#Wrap15 .block015 table{
	width:764px;
	margin:0 auto;
}
#Wrap15 .block015 table .no_bt{
	border-top:none;
}
#Wrap15 .block015 table th, .block015 table td{
	border:2px solid #00adcd;
}
#Wrap15 .block015 table th{
	background:#73d2e4;
	font-weight:bold;
	font-size:16px;
	text-align:center;
	padding:5px 0;
	border-bottom:none;
}
#Wrap15 .block015 table td{
	background:#FFF;
	padding:10px 20px;
	vertical-align:middle;
}

/*backup*/
#Wrap15 .backup .box{
	width:290px;
	float:left;
	margin-right:20px;
}
#Wrap15 .backup .box.last{
	margin-right:0;
}
#Wrap15 .backup .box1{
	background:#f2f2f2;
	width:300px;
	float:left;
	padding-top:35px;
}
#Wrap15 .backup .box1 .txt{
	padding:15px 20px 20px 20px;
}
#Wrap15 .backup .box .ttl,
#Wrap15 .backup .box1 .ttl{
	font-size:110%;
	font-weight:bold;
	margin-top:10px;
}
#Wrap15 .backup .box .txt2{
	margin-top:10px;
	height:137px;
}

/*skillup*/
#Wrap15 .skillup{
	margin-top:15px;
}
#Wrap15 .skillup .box{
	width:410px;
	background:#ffe7ed;
	border-radius:7px;
	padding:20px;
	min-height:105px;
}
#Wrap15 .skillup .box .img{
	float:left;
}
#Wrap15 .skillup .box .right{
	width:300px;
	float:right;
}
#Wrap15 .skillup .box .ttl{
	font-size:22px;
	font-weight:bold;
	color:#df0b40;
	margin-top:7px;
}

/*soudan*/
#Wrap15 .soudan{
	border:4px solid #00adcd;
	padding:20px;
	margin-top:60px;
}
#Wrap15 .soudan .left{
	width:550px;
	float:left;
	padding-left:5px;
}

/*honne*/
#Wrap15 .honne{
	background:#c8ecf8;
	padding:10px;
	margin-top:60px;
}
#Wrap15 .honne .left{
	font-size:13px;
	width:185px;
	float:left;
	margin:0 20px 0 15px;
}
#Wrap15 .honne .left p{
	padding-top:25px;
	background:url(/beginner/img/honne.gif) no-repeat left bottom;
	padding-bottom:30px;
}
#Wrap15 .honne .right{
	margin-left:10px;
	float:left;
}
#Wrap15 .honne table{
	height:100%;
}
#Wrap15 .honne table td div{
	background:#FFF;
	padding:25px 20px;
	border-radius:5px;
	width:520px;
}


/*disc*/
#Wrap15 ul.disc li{
	padding-left:10px;
	background:url(/beginner/img/dot2.gif) no-repeat 0 0.6em;
}
	


/*senior*/
#Wrap15 .senior {
	width:420px;
	float:left;
	padding:20px;
	background:#f2f2f2;
}
#Wrap15 .senior .txt {
	float:left;
	padding-left:20px;
}


/* colorbox
-------------------------------------------------- */
#cboxOverlay {
	background: #000;
	position:fixed;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	opacity: 0.5!important;
	filter: alpha(opacity = 50)!important;
}
#cboxContent { position: relative; }
#colorbox {
	outline:0!important;
}
#cboxClose {
	background: url(/form/img/entry/btn_close.gif) no-repeat;
	width: 130px;
	height: 30px;
	overflow: hidden;
	text-indent: -9999em;
	display: block;
	border: 0;
	z-index: 9999;
	position: absolute;
	bottom: 14px;
	left: 50%;
	margin-left: -65px;
	cursor: pointer;
}
#inline_content,
.inline_content {
	background: url(/form/img/entry/bg.gif) #fff bottom no-repeat;
	width: 760px!important;
	margin: 0 auto;
	padding: 0 0 60px 0;
	position: relative;
	}
	#inline_content.w462,
	.inline_content.w462 {
		width: 462px!important;
		background:#FFF;
		}
	#inline_content.w514,
	.inline_content.w514 {
		width: 514px!important;
		background:#FFF;
		}
	#inline_content.w760,
	.inline_content.w760 {
		width: 760px!important;
		background-color:#FFF;
		}
	#inline_content.w954,
	.inline_content.w954 {
		width: 954px!important;
		background:#FFF;
		}
	#inline_content .block01,
	.inline_content .block01 {
		background:f2f2f2;
		padding:25px 18px;
		margin:0 22px 30px 22px;
		text-align:left;
		background:#f2f2f2;
	}
	#inline_content .title,
	.inline_content .title {
		width: auto!important;
		font-size: 16px!important;
		line-height: 1.2!important;
		margin-bottom: 0!important;
		border-bottom: none!important;
		padding: 30px 30px 0 30px!important;
		height: auto!important;
		font-weight: bold!important;
		text-align: left;
	}
	#inline_content h3,
	.inline_content h3 {
		text-align:left;
		margin-left:30px;
		font-size:140%;
		font-weight:bold;
	}
	#inline_content h3 .red,
	.inline_content h3 .red {
		color:#df0b40;
	}
	#inline_content .close-btn,
	.inline_content .close-btn {
		display: block;
		background: url(/form/img/entry/btn_close2.gif) no-repeat;
		width: 19px;
		height: 19px;
		text-indent: -9999em;
		line-height: 0;
		position: absolute;
		right: 30px;
		top: 30px;
	}
	#inline_content table,
	.inline_content table {
		width: 100%;
		border-collapse: separate;
		border-spacing: 15px 30px;
		}
		#inline_content table td,
		.inline_content table td {
			text-align: left;
			width: 50%;
			vertical-align: top;
			}
			#inline_content table td .ttl,
			.inline_content table td .ttl {
				background: url(/form/img/entry/ttl.gif) left 1px no-repeat;
				padding-left: 20px;
				font-size: 16px!important;
				line-height: 1.2!important;
				font-weight: bold!important;
			}
			#inline_content table td li,
			.inline_content table td li {
				float: left;
				margin: 10px 15px 0 0;
				}
				#inline_content table td li a,
				.inline_content table td li a {
					background: url(/form/img/entry/arr.gif) left no-repeat;
					padding-left: 20px;
					text-decoration: underline;
				}
#inline_content,
.inline_content {
	background:url(/shared/img/bg_thickbox.gif) #FFF repeat-x left bottom !important;
	border-left:4px solid #FFF;
	border-right:4px solid #FFF;
}
	
#inline_content .qa dt,
.inline_content .qa dt {
	background:url(/shared/img/icn_q.gif) no-repeat left top;
	padding-left:53px;
	line-height:43px;
	font-weight:bold;
	font-size:15px;
	margin-bottom:10px;
}
#inline_content .qa dd,
.inline_content .qa dd {
	background:url(/shared/img/icn_a.gif) no-repeat left top;
	padding-left:53px;
	line-height:43px;
	font-weight:bold;
	font-size:15px;
	margin-bottom:15px;
}
#inline_content .pop_block,
.inline_content .pop_block {
	padding:40px;
	text-align:left;
}
#inline_content .pop_block02,
.inline_content .pop_block02 {
	padding:10px 30px 15px 30px;
	text-align:left;
}
#inline_content .voice015 .photo,
.inline_content .voice015 .photo {
	float:left;
}
#inline_content .voice015 .right,
.inline_content .voice015 .right {
	width:604px;
	float:right;
}

#inline_content .voice115,
.inline_content .voice115 {

	margin-bottom:40px;
}

#inline_content .voice115 .photo,
.inline_content .voice115 .photo {
	float:left;
	padding-left:0;
}
#inline_content .voice115 .right,
.inline_content .voice115 .right {
	width:611px;
	float:right;
	position:relative;
}
#inline_content .voice115 .right .arrow,
.inline_content .voice115 .right .arrow {
	position:absolute;
	left:-24px;
	top:20px;
}

#inline_content .voice115 .right .inn,
.inline_content .voice115 .right .inn {
	background:url(/beginner/img/voice_body.jpg) repeat-y;
	padding:5px 10px;
}
.inline_content .schedule{
	width:420px;
	margin:20px auto;
	text-align:left;
}

.inline_content .schedule ul{
	background:url("/message/img/common/bg_schedule.gif") repeat-y;
}

.inline_content .schedule ul li ul{
	padding:7px 20px;
}

.inline_content .schedule .time{
	float:left;
	font-weight:bold;
}

.inline_content .schedule .todo{
	float:right;
	width:290px;
}

.inline_content .schedule .todo b,
.inline_content .schedule .todo strong{
	font-weight:bold;
	color:#6d8dc0;
	display:block;
}

.inline_content .schedule .check{
	background:url("/message/img/common/bg_check.gif") no-repeat 0 100%;
	width:380px;
	padding:0 20px 20px 27px;
}
.inline_content .schedule .check span{
	background:url("/message/img/common/check.gif") no-repeat 0 3px;
	padding-left:27px;
	display:block;
}

.inline_content .schedule .check02{
	background:url("/message/img/common/bg_check_02.gif") no-repeat 0 100%;
	width:380px;
	padding:0 20px 12px 27px;
}

.inline_content .schedule .check02 span{
	background:url("/message/img/common/check.gif") no-repeat 0 3px;
	padding-left:27px;
	display:block;
}

.inline_content .schedule .photo{
	background:url("/message/img/common/bg_check.gif") no-repeat 0 100%;
	width:380px;
	padding:0 20px 20px 22px;
}



#footerBox{
	background:#c8ecf8;
	margin-top:0;
	min-width:964px;
}
#footerBox .backToTopNavigation{
	background:#fff;
}
