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

/***********************************************/
/* index */
/***********************************************/

#index article #main #breadcrumb{
	margin-bottom:0;
	border-bottom:0;
}

#index article #main #lead{
	margin-bottom: 15px;
}

#index article #main #lead h2{
	width: 660px;
	height: 280px;
	margin-bottom: 25px;
	padding: 0;
	border-left: none !important;
}

#index article #main #lead p{

}

/* category_list */

#index article #main #category_list{
	width:660px;
	margin-bottom:35px;
	border-bottom:1px dotted #ccc;
	/overflow:hidden;
	/zoom:1;
}

#index article #main #category_list:after{
	content:"";
	clear:both;
	display:block;
}

#index article #main #category_list .cat_wrap{
	width: 289px;
	height: 68px;
	border-top: 1px dotted #ccc;
	padding: 15px 0 15px 20px;
	float: left;
}

#index article #main #category_list .cat_wrap:nth-of-type(odd){
	border-right:1px dotted #ccc;
	padding-right:25px;
	float:left;
}

#index article #main #category_list .cat_wrap:nth-of-type(even){
	padding-right:15px;
	float:right;
}

#index article #main #category_list .cat_wrap h3,
#index article #main #category_list .cat_wrap p{
	margin-left:75px;
}

#index article #main #category_list .cat_wrap h3{
	width: auto;
	height: auto;
	margin-bottom: 7px;
	padding: 1px 0 0 25px;
	background: url(../images/index_article_ico_arrow.png) no-repeat;
	font-weight: bold;
	font-size: 88%;
	line-height: 17px;
	border: 0;
}
#index article #main #category_list .cat_wrap h3::before{
	content: none;
}

#index article #main #category_list .cat_wrap p{
	font-size: 75%;
	line-height: 1.4em;
}

#index article #main #category_list #outline{
	background:url(../images/index_article_cat01_bg.png) no-repeat 20px 18px;
}

#index article #main #category_list #enterprise{
	background:url(../images/index_article_cat02_bg.png) no-repeat 20px 13px;
}

#index article #main #category_list #society{
	background:url(../images/index_article_cat03_bg.png) no-repeat 22px 22px;
}

#index article #main #category_list #document{
	background:url(../images/index_article_cat04_bg.png) no-repeat 26px 20px;
}


@media screen and (max-width: 767px) {
	#index article #main #category_list {
		width: 100%;
	}
	#index article #main #category_list .cat_wrap {
		width: 100%;
		height: auto;
		box-sizing: border-box;
		padding: 15px 10px 15px 10px;
	}
	#index article #main #category_list .cat_wrap p {
		width: calc(100% - 80px);
	}
	#index article #main #category_list .cat_wrap:nth-of-type(odd) {
		border-right: 0;
		padding-right: 10px;
	}
	#index article #main #category_list .cat_wrap:nth-of-type(even) {
		float: left;
	}
	#index article #main #news .news_list dt {
		width: 100%;
		padding: 10px 10px 8px;
		line-height: 1;
		box-sizing: border-box;
	}
  #index article #main #lead h2 {
		width: 100%;
		height: auto;
		margin-bottom: 10px;
	}
	#index article #main #lead {
		margin-bottom: 0;
	}
	#index article #main #category_list #outline{
		background:url(../images/index_article_cat01_bg.png) no-repeat 14px 18px;
	}

	#index article #main #category_list #enterprise{
		background:url(../images/index_article_cat02_bg.png) no-repeat 14px 13px;
	}

	#index article #main #category_list #society{
		background:url(../images/index_article_cat03_bg.png) no-repeat 12px 22px;
	}

	#index article #main #category_list #document{
		background:url(../images/index_article_cat04_bg.png) no-repeat 16px 20px;
	}

}

/***********************************************/
/* outline */
/***********************************************/

/* role */

#outline article #main #role{
	margin-bottom:30px;
}

#outline article #main #role:after{
	content:"";
	clear:both;
	display:block;
}

#outline article #main #role .role_text{
	width:375px;
	float:left;
}

#outline article #main #role .role_text p{
	margin-bottom: 15px;
}

#outline article #main #role .role_img{
	width:253px;
	float:right;
}

#outline article #main #role .role_img:after{
	content:"";
	clear:both;
	display:block;
}

#outline article #main #role .role_img li{
	float:left;
}

/* sphere */

#outline article #main #sphere{
	margin-bottom:35px;
	background:url(../images/outline_img04.png) no-repeat 140px 63px;
}

#outline article #main #sphere .sphere_detail{
	margin-bottom:20px;
}

#outline article #main #sphere .sphere_detail ul{
	margin-left:20px;
	color:#454545;
	font-size:87.5%;
	line-height:1.6;
	list-style-type:disc;
}

#outline article #main #sphere .sphere_detail table{
	width: 100%;
	border: 1px solid #ccc;
}

#outline article #main #sphere .sphere_detail table th,
#outline article #main #sphere .sphere_detail table td{
	border-bottom:1px solid #ccc;
	font-size:75%;
	line-height:2.0;
}

#outline article #main #sphere .sphere_detail table th{
	padding: 6px 10px;
	border-right: 1px dotted #999;
	background: #dce7f2;
	font-weight: lighter;
	text-align: left;
	vertical-align: top;
	line-height: 1.5em;
	color: #454545;
}

#outline article #main #sphere .sphere_detail table th.sub_cat{
	background:#eef3f9;
}

#outline article #main #sphere .sphere_detail table td{
	width: 420px;
	padding: 6px 15px;
	line-height: 1.5em;
	color: #454545;
}

#outline article #main #sphere #sphere01{
	margin-bottom:190px;
}

#outline article #main #sphere #sphere01 p{
	width:210px;
	font-size:75%;
}

/***********************************************/
/* document */
/***********************************************/

#document article #main #content{
	margin-bottom:60px;
}

#document article #main #content .caption{
	margin-bottom:15px;
}

/* reader */

#document article #main #content #reader{
	width:460px;
	margin-bottom:25px;
}

#document article #main #content #reader:after{
	content:"";
	clear:both;
	display:block;
}

#document article #main #content #reader img{
	width:160px;
	float:left;
}

#document article #main #content #reader p{
	width:280px;
	font-size:62%;
	line-height:1.4;
	float:right;
}

#document article #main #content .content_wrap{
	margin-bottom:30px;
}

#document article #main #content .content_wrap h3{
	margin-bottom:15px;
}

#document article #main #content .content_wrap ul{
	font-size:87.5%;
}

#document article #main #content .content_wrap ul li{
	margin-bottom:5px;
	padding:0 0 5px 30px;
	border-bottom:1px dotted #ccc;
	background:url(/common/images/ico_pdf.png) no-repeat 5px 3px;
}

#document article #main #content .content_wrap ul li:last-of-type{
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:0;
}