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

body {
	/*font-family:
	"メイリオ","Meiryo",
	Sans-Serif;*/
}

img{margin:0;padding:0;}

/*　全体幅 1250px（影15×2）　*/
.container{
	display:block;
/*	@media screen and (min-width: 801px){
		width:1280px;
	}
	@media screen and (max-width: 800px) {
		width:auto;
	}*/
	width:1280px;
	margin-left:auto;
    margin-right:auto;
	padding-left:15px;
	padding-right:15px;
	background-image:url("../img_parts/page_back_shadow.png");
	background-repeat:repeat-y;
	
}


.container_no_shadow{
	display:block;
/*	@media screen and (min-width: 801px){
		width:1280px;
	}
	@media screen and (max-width: 800px) {
		width:auto;
	}*/
	width:1280px;
	margin-left:auto;
    margin-right:auto;
	padding-left:15px;
	padding-right:15px;
}

/*　ヘッダー　*/
header{
	display:block;
	width:auto;
}

/*タイトルバー*/
h1{
	margin:0;padding:0;
	float:Left;
}/*　h1は画像 */

#title_bar{
	display:block;
	height: 40px;
	width:100%;
	color:white;
	clear:both;
	background-color:#000000;
}

#head_icons{
	height:40px;
	float:right;
}

.kensaku_key{
 	display:block;
 	width:145px;
	height:23px;
 	position:absolute;
 	top:8px;
 	right:40px;
	border:none;
}

/*メインバナー*/
#main_bannar{
	display:block;
	text-align:center;
    color:white;
	width:1280px;
    height:300px;
}

.main_bannar_img{
	display:block;
	width:1250px;
	height:300px;
    position:absolute;
	max-width:none;
}

/*バナー横*/
#bannar_side_nav{
    position:relative;
	display:block;
    float:right;
    width:300px; height:300px;
    padding:15px 10px;
	text-align:center;
    color:white;
	background-image:url("../img_parts/bannar_side_shadow.png");
}

.b_nav_button{
	text-align:center;
	font-size:20px;
	display:block;
    width:270px;
    height:75px;
	padding:10px;
	margin-bottom:25px;
    margin-left:auto;
    margin-right:auto;
    color:white;
}

/*グローバルナビ*/
#gloval_nav	{
	display:block;
    height:80px;
    background-color:black; 
}
#gloval_nav	ul{
	display:flex;
	flex-direction: row;
	justify-content: center;
    height:80px;
	width:1250px;
	margin-left:auto;
	margin-right:auto;
}
#gloval_nav	ul li{
	display:block;
	height:80px;
}
#push{
	/*margin-left:150px;
	height:80px;*/
}


/*　　ヘッダー部終わり　　*/


/*メイン*/
main{
	/*display:block;*/
	width:100%;
	display:table;
	table-layout:fixed;
}

/*主部*/
#contents	{
	@media screen and (min-width: 801px){
		width:800px;
	}
	@media screen and (max-width: 800px) {
		width:100%;
	}
	width:800px;
    /*float:left;*/
	display:table-cell;
	vertical-align:top;
    background-color:white;
	padding-bottom:30px;
}

h2{
	margin:0;padding:0;
	margin-bottom:5px;
	font-size:18px;
	color:red;
	font-weight:bold;
	text-decoration:underline;
}
#title_table{
	width:700px;
}
#logo2{
	width:180px;
}
.lead_text{
	font-size:14px;
	font-weight:bold;
	line-height:20px;
}

/*　記事　*/

#contents article{
	margin:15px;
	margin-top:35px;
} 

#contents article .inner_art{
	margin:0;
	padding:0 16px;
}

#contents article h3, #contents h3.obi{
	margin:0;padding:0;
	background-image:url("../img_parts/h3_back.jpg");
	color:white;
	font-size:30px;
	padding-left:22px;
	height:55px;
}

#contents h3.obi{
	margin:15px;
	margin-top:35px;
}

#contents article h4{
	margin:0;
	padding:0;
	background-image:url("../img_parts/h4_back.jpg");
	background-repeat:no-repeat;
	color:black;
	font-size:24px;
	margin-top:24px;
	margin-left:4px;
	padding-left:22px;
	padding-top:6px;
	height:55px;
	font-weight:bold;
}
#contents article p,#contents article li,dt,dd{
	font-size:16px;
	line-height:24px;
	margin-left:1em;
	margin-right:2em;
}
dl{
	margin:2em 0;
}
dd{
	margin-left:2em;
}


/* サイドバー */
#side_bar	{
@media screen and (min-width: 801px){
		width:450px;
	}
@media screen and (max-width: 800px) {
		display:none;
	}
	width:450Px;
    /*float:right;*/
	display:table-cell;
	vertical-align:top;
    /*height:500px;*/
    background-color:whitesmoke;
}
#side_bar article{
	display:block;
	margin:30px;
}
#side_bar h3{
	font-size:20px;
	color:white;
	vertical-align:middle;
	height:35px;
	padding-left:50px;
	padding-top:3px;	
	background-image:url("../img_parts/h3_side_bar.jpg");
	box-shadow:5px 5px 7px silver;
}

#side_bar h3 a{
	color:white;
}
#side_bar h3 a:visited{
	color:white;
}

#side_bar h4{
	margin-top:8px;
	margin-left:10px;
	list-style-type:circle;
	list-style-position:outside;
	font-size:16px;
	color:red;
	font-weight:bold;
}
#side_bar p,#side_bar ul{
	display:block;
	font-size:14px;
	margin:15px 15px 0px 10px;
}

#side_bar ul{
	list-style:circle outside;
}

#side_bar li{
	font-size:16px;
	line-height:21px;
	margin-left:1em;
	margin-bottom:8px;
	list-style:inherit;
}

#side_bar ul .number{
	list-style:decimal outside;
	font-size:16px;
	line-height:21px;
	margin-left:2em;
	margin-bottom:8px;
}


/*フッター*/
footer	{
	display:block;
    clear:both;
    width:100%;
    background-color:black;
    color:white;
}

/*サイトマップonフッター*/
footer #sitemap_footer{
	background-color:inherit;
}

fotter #title_logo_fotter{
	width:1250px;
	height:100px;
	max-height:none;
	max-width:none;
}

footer #sitemap_title{
	width:240px;
	height:100px;
	float:left;
	padding:10px;
	background-color:inherit;
	color:gainsboro;
	font-weight:bold;
	font-size:24px;
	text-align:center;
	border-right:solid 1px white;
	
}
footer .sitemap_block{
	height:150px;
	float:left;
	padding:10px;
	background-color:inherit;
	color:white;
}
footer .sitemap_block h4{
	font-size:14px;
	color:gainsboro;
	font-weight:bold;
}
footer .sitemap_block li{
	font-size:12px;
	color:gainsboro;
	list-style-position: inside;
	list-style-type: circle;
	padding-left:12px;
}
footer .sitemap_block a{
	color:gainsboro;
}
footer #sitemap_トップ{
	width:200px;
}
footer #sitemap_企業沿革{
	width:300px;
}

footer #sitemap_出版事業{
	width:200px;
}

footer #sitemap_研修事業{
	width:200px;
}

/*パンクズ*/
#bread_crum{
	margin:0;
	padding:0.5em 0 0.5em 2em;
	font-size:12px;
	background-color:gainsboro;
}

/*その他*/
.box_shadow_round10{
	box-shadow:0px 0px 10px silver;
}
.bold{
	font-weight:bold;
}
.offset{
	padding-left:24px;
	padding-bottom:24px;
}
.pin{
	width:14px;
	height:14px;
}
.pointer{
	cursor:pointer;
}
.strike{
	text-decoration: line-through;
}



/****************************

タブレット・スマホ横

****************************/


@media screen and (max-width: 800px) {

	body{
		position: relative;
	}
	header{
		width:auto;
		background-color:#000000;
	}
	#title_bar{
		position: fixed;
		top:0px;
		left:0px;
	}
	main{
		margin-top:40px;
	}

	#main_bannar{
		display:none;
		text-align:center;
	}
	
	#gloval_nav{
		display:none;
	}
	#side_bar{
		display:none;
	}

	#title_bar{
		width:100%;
	}
	#head_icons{
		display:none;
	}

	h1{
		width:100%;
	}

	.container{
		width:100%;
		background-image:none;
		background-repeat:none;
		margin-left:0;
		margin-right:0;
		padding-left:0;
		padding-right:0;
	}

	.container_no_shadow{
		display:block;
		width:96%;
		margin-left:auto;
		margin-right:auto;
		padding-left:2%;
		padding-right:2%;
	}

	#contents{
		width:100%;
	}
	
	#contents article{
		width:100%;
		margin-left:0;
		margin-right:0;
		padding-left: 0;
		padding-right: 0;
	}

	#contents article h3{
		font-size:22px;
		padding-top:0.25em;
	}
	
	#contents h3.obi{
		font-size:22px;
		padding-top:0.25em;
		margin-left:0px;
	}

	#contents article h4{
		font-size:20px;
		height:auto;
		background-repeat:repeat-y;
		margin-bottom: 0.5em;
		padding-top:0.5em;
		padding-bottom:0.5em;

	}

	footer #sitemap_footer{
		display:none;
	}

}