@charset "utf-8";

/*-------------- メイン　#sub_greeting部分 --------------*/
/* #sub_greeting共通 */
#sub_greeting,#sub_greeting_42,#sub_greeting_43{
	display: flex;
	flex-direction: row-reverse;
	width: 80%;
	max-width: 800px;
	margin: 0 auto;
	text-align: left;
	}
/* #sub_greeting */
#sub_greeting p{
	margin: 0 3%;
	}
#sub_greeting p.subG_p{
	width: 75%;
	}
#sub_greeting p.subG_img{
	width: 25%;
	}
#sub_greeting p.subG_img img{
	width: 100%;
	max-width: 200px;
	margin: 0;
	padding: 0;
	}
/* #sub_greeting_42 */
#sub_greeting_42 p{
	margin: 0 30px;
	}
#sub_greeting_42 p.subG_p{
	width: 65%;
	}
#sub_greeting_42 p.subG_img{
	width: 35%;
	}
#sub_greeting_42 p.subG_img img{
	width: 100%;
	max-width: 350px;
	margin: 0;
	padding: 0;
	}

/* #sub_greeting_43 */
#sub_greeting_43{
	margin-top: 2%;
	}
#sub_greeting_43 p{
	margin: 0 30px;
	}
#sub_greeting_43 p.subG_p{
	width: 75%;
	}
#sub_greeting_43 p.subG_img{
	width: 20%;
	}
#sub_greeting_43 p.subG_img img{
	width: 100%;
	max-width: 150px;
	margin: 5% 0 0;
	padding: 5% 0 0;
	}
.emphasis{
	line-height: 1.5em;
	font-size: 1.6em;
	font-weight: bold;
	text-align: center;
	}
.emphasis_sub{
	line-height: 1.5em;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	}
.explain{
	width: 100%;
	display:flex;		/* 横並び */
	flex-wrap: no-wrap;	/* 改行不許可 */
	flex-direction: row-reverse;	/* 子要素を右から左に配置*/
	margin: 0 30px 30px;
	}
.explain img{
	width: 300px;
	margin-left: 20px;
	}

/*-------------- 41 トップページ --------------*/
#session{
	display: flex;
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	padding: 0;
	}
#session div.pc_L,#session div.pc_R{
	flex-basis: 50%;
	margin:  3% 0;
	padding: 0;
	text-align: left;
	}
#session h4{
	width: 90%;
	max-width: 800px;
	text-align: center;
	padding-top: 3%;
	padding-bottom: 2%;
	}

/*-------------- 42 交通アクセス --------------*/
.koutsuu{
	font-weight: bold;
	}
.koutsuu img{
	width: 50px;
	margin-right: 10px;
	vertical-align: bottom;
	}
.bold{
	font-size: 1.2em;
	font-weight: bold;
	}
#access p.kBikou{
	margin-left: 120px;	
	}
.roadmap{
	width: 70%;
	text-align: center;
	}
.roadmap img{
	width: 100%;
	max-width: 700px;
	}
.center_map{
	border: #585858 solid 2px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin: 0;
	padding: 0;
	text-align: center;
	max-width: 800px;
	}
.time_Schedule{
	margin-left: 50px;
	margin-bottom: 20px;
	font-size: 0.9em;
	}
.time_Schedule p{
	line-height: 1.8em;
	}

/*-------------- 43 個別学習 --------------*/
/* 通所型*/
.explain_kobetsu{
	width: 90%;
	max-width: 880px;
	display: flex;		/* 横並び */
	margin: 0 auto;
	padding: 0;
	}
.explain_p_1{
	flex-basis: 70%; /* flexアイテムの幅を割合で指定 */
	}
.explain_img_1{
	flex-basis: 30%; /* flexアイテムの幅を割合で指定 */
	}
.explain_p_1 p{
	width: 70%;
	max-width: 595px;
	padding-bottom: 10px;
	margin: 0;
	}
.explain_img_1 img,.explain_img_3 img{
	width: 100%;
	max-width: 255px;
	margin: 0;
	padding: 0;
	}
.explain_p_2{
	width: 100%;
	margin: 0;
	}
.explain_p_3{
	flex-basis: 75%; /* flexアイテムの幅を割合で指定 */
	}
.explain_img_3{
	flex-basis: 25%; /* flexアイテムの幅を割合で指定 */
	}
div.explain_p_3 p{
	width: 100%;
	padding-bottom: 10px;
	margin: 0;
	}
/* ul */
#main_contents ul.explain_ul{
	width: 80%;
	max-width: 750px;
	margin: 20px auto;
	}
#main_contents li{
	width: 100%;
	list-style: none;
	line-height: 1.6em;
	}
/* */
#main_contents dl{
	margin: 10px 0 15px 20px;
	}
#main_contents dt{
	padding-top: 10px;
	padding-bottom: 3px;
	list-style: none;
	margin: 5px 0 5px 30px;
	}
#main_contents dd{
	list-style: none;
	margin: 0 0 0 60px;
	}
/* kobetsu_mihon_table */
table.kobetsu_mihon_table{
	width: 80%;
	max-width: 700px;
	margin: 0 auto;
	}
.midashi{
	text-align: left;
	font-weight: bold;
	font-size: 1.2em;
	padding-top: 15px;
	}
.mihon{
	text-align: center;
	border: 1px solid #583822;
	padding: 5px;
	width: 200px;
	height: 220px;
	font-size: 0.9em;
	}
.mihon img{
	margin: 5px 5px 8px 5px;
	}
p.caution{
	color: red;
	}

/*-------------- 44 パソコン講習会 --------------*/
/*---- パソコン相談会 ----*/
#bosyucyu{
	width: 100%;
	max-width: 800px;
	margin: 3% auto 0;
	padding-bottom: 3%;
	border:2px solid #6d9a4a;
	}
#main_contents div#bosyucyu p{
	padding: 0 1%;
	}
#bosyucyu img{
	border: 1px solid #AAA;
	}
table.chirashi{
	width: 95%;
	max-width: 800px;
	margin: 0 auto;
	}
table.chirashi td.gaibuImg{
	width: 33%;
	text-align: center;
	padding-bottom: 1%;
	}
table.chirashi td.gaibuImg img{
	width: 98%;
	max-width: 120px;
	max-height: 170px;
	margin: 7% 1% 1%;
	}
h5{
	margin: 10px 0 10px 0;
	font-size: 20px;
	text-align: center;
	}
.bosyuTitle{
	font-size: 1.2em;
	font-weight: bold;
	color: white;
	padding: 1% 0;
	margin: 0 auto 30px;
	background: #6d9a4a;
	}
.nittei{
	margin: 3% 0;
	}
.bosyucyu_title{
	font-size: 1.1em;
	font-weight: bold;
	}
.bosyucyu_situation{
	text-indent: 10em;
	padding-bottom: 10px;
	}
.sorry{
	text-align: center;
	margin: 0 auto;
	padding: 0;
	}
.sorry img{
	width: 100%;
	border:2px solid #F5DEB3;
	}
table.plan{
	width: 630px;
	margin: 10px 0 40px 40px;
	border-collapse: separate;
	border-spacing: 0px;
	border: 1px solid #583822;
	text-align: center;
	}
.plan th{
	font-weight: normal;
	height: 35px;
	text-decoration: none;
	font-weight: normal;
	background: #F5DEB3;
	}
.plan th,.plan td{
	border: 1px dotted #583822;
	}
.date{
	width: 120px;
	}
.place{
	width: 60px;
	}
.details{
	width: 270px;
	text-align: left;
  	text-indent: 1em;
	}
.target{
	width: 150px; 
	}
h3#record,h3#history{
	margin-top: 70px;
}

/*---- 45 出張パソコン講習会　内容一覧 ----*/
#main_contents table.work{
	width: 90%;
	max-width: 800px;
	margin: 2% auto;
	padding: 0;
	border-collapse: separate;
	border-spacing: 0px;
	border: 1px solid #583822;
	}
.work th{
	height: 35px;
	text-align: left;
	padding-left: 15px;
	border: 1px solid #583822;
	font-weight: normal;
	}
.work td{
	border: 1px solid #583822;
	padding: 5px;
	}
.work_img{
	width: 30%;
	vertical-align: middle;
	text-align: center;
	}
.work_img img{
	width: 100%;
	max-width: 200px;
	max-height: 136px;
	}
.work_contents{
	width: 70%;
	font-size: 1em;
	padding: 0 3%;
	text-align: left;
	}
#bosyucyu p.syousai_45{
	width: 90%;
	max-width: 760px;
	margin: 2% auto;
	}
#bosyucyu p.syousai_45_title{
	margin-top: 3%;
	}
#bosyucyu p.syousai_45_p{
	margin-top: 1%;
	}
.p_underline{
	text-decoration: underline;
	}
	
/*---- 46 過去開催のパソコン講習会記録 ----*/
main.history section#main_contents{
	width: 100%;
	margin:0 auto;
	padding: 0;
}
div.past_records{			/* 上部年度一覧部分*/
	width: 80%;
	max-width: 600px;
	display:flex;		/* 横並び */
	flex-wrap: no-wrap;	/* 改行不許可 */
	align-items: stretch;	/* 縦方向の長さを合わせる */
	justify-content: center;
	flex-direction: row;	/* 子要素を左から右に配置*/
	margin: 2% auto;
	padding: 0;
	text-align: center;
	color: #FFF;
	}
div.past_records ul{
	width: 50%;
	margin:  0 auto;
	padding: 0;
	list-style: none;
	}
#main_contents table.record{
	width: 90%;
	max-width: 800px;
	margin: 0 auto;
	border-collapse: separate;
	border-spacing: 0px;
	border: 1px dotted #583822;
	line-height: 1.5em;
	}
.record th{
	text-decoration: none;
	font-weight: normal;
	background: #F5DEB3;
	line-height: 0.8em;
	text-align: center;
	}
.record th,.record td{
	padding: 12px 0 3px;
	border: 1px dotted #583822;
	}
.record td.R_Left{
	text-align: left;
	text-indent: 2em;
	}
td.g_date{
	width: 13%;
	text-align: center;
	}
td.g_contents,td.g_place{
	width: 50%;
	text-align: left;
	padding-left: 12px;
	}
td.g_place{
	width: 47%;
	text-align: left;
	padding-left: 12px;
	}
p.no_work{
	margin: 30px auto;
	text-align: center;
	font-size: 1.1em;
	}	
section.46title_padding h4{
	margin: 0;
	padding: 0;
	}
h4.past_title{
	text-align: left;
	}


/*-------------- 47 支援機器 --------------*/
ul.taiken{
	width: 90%;
	max-width: 780px;
	margin: 0 auto;
	padding-left: 7%;
	text-align: left;
}
ul.taiken li{
	list-style: none;
	text-align: left;
}
div.shien{
	text-align: left;
	max-width: 100%;
}
div.shien p{
	width: 80%;
	margin: 0 auto;
	padding-left: 7%;
	text-align: left;
}
#main_contents div.shien table{
	width: 95%;
	max-width: 800px;
	margin: 10px auto 40px;
	border-collapse: collapse;
	border-spacing: 0px;
	border: 1px solid #A0522D;
	}
div.shien td{
	border: 1px solid #A0522D;
	padding: 2px 5px;	
	}
div.shien td.ichiran_photo{
	width:18%;
	text-align: center;
	vertical-align: middle;
	}
div.shien td.ichiran_photo img{
	width: 90%;
	max-width: 120px;
	}
div.shien td.ichiran_name{
	width:22%;
	}
div.shien td.ichiran_setsumei{
	width:60%;
	}

/*-------------- 48 支援アプリ --------------*/
.shien td.ipad_icon{
	width: 10%;
	vertical-align: middle;
	text-align: center;
	}
.shien td.ipad_icon img{
	width: 90%;
	max-width: 50px;
	min-width: 20px;
	max-height: 50px;
	min-height: 20px;
	}
.shien td.ipad_name{
	width: 30%;
	}
.shien td.ipad_price{
	width: 10%;
	text-align: center;
	}
.shien td.ipad_setsumei{
	width: 50%;
	}

/*-------------- 06 リンク集 --------------*/
.link h4{
	width: 80%;
	margin: 0 auto;
	text-align: left;
	}
.link table{
	width: 90%;
	max-width: 800px;
	margin: 10px auto 40px;
	border-collapse: separate;
	border-spacing: 0px;
	border: 1px solid #A0522D;
	}
.link td{
	border: 1px solid #A0522D;
	}
.link td.link_name{
	width: 40%;
	padding: 1%;
	}
.link td.link_setsumei{
	width: 60%;
	padding: 1%;
	}