charset "Shift_JIS";

/* =====================================================

	[ファイル名]　style.css
	
	[概要]　「研究開発情報」ページ別スタイル

===================================================== */

/* ----------------------------------------------------
　　1.  Index - トップページ
	--------------------------------------------------- */

.index h3#mainvisual { margin: 0px 0px 20px; }

/*	info
--------------------------------------- */

.index .info { margin: 0px 0px 20px !important; }

.index .info h3 {
	float: left;
	width: 100px;
	margin: 0px !important;
	background: #f0f0f0 !important;
	border-right: 1px solid #cacaca;
	font: 16px/40px "Times New Roman", Times, serif !important;
	color: #00356c;
}

.index .info ul {
	float: left;
	margin: 0px 0px 0px 20px;
}

.index .info ul li { 
	background: #f0f0f0 !important;
	line-height: 40px !important;
}

.index .info ul li span { margin: 0px 20px 0px 0px; }


/* ----------------------------------------------------
　　2.  Policy - 研究開発への取り組み
	--------------------------------------------------- */

.policy .object { margin: 0 0 1em; }

.policy .object li {
	font-size: 120%;
	font-weight: bold;
	padding: 0px 0px 0px 25px !important;
}

.policy .object li.List01 { background: url(../images/iconList01b.png) no-repeat left 0.4em !important; }
.policy .object li.List02 { background: url(../images/iconList02b.png) no-repeat left 0.4em !important; }
.policy .object li.List03 { background: url(../images/iconList03b.png) no-repeat left 0.4em !important; }
.policy .object li.List04 { background: url(../images/iconList04b.png) no-repeat left 0.4em !important; }

.policy .object li.List01_dia {
	background: url(../images/iconList01_dia.png) no-repeat left center !important;
	color: #0070c0;
}
.policy .object li.List02_dia {
	background: url(../images/iconList02_dia.png) no-repeat left center !important;
	color: #00b050;
}
.policy .object li.List03_dia {
	background: url(../images/iconList03_dia.png) no-repeat left center !important;
	color: #e36c0a;
}
.policy .object li.List04_dia {
	background: url(../images/iconList04_dia.png) no-repeat left center !important;
	color: #c00202;
}

/* 20220415追加 */
.be_img{
	width: 85%;
	margin: auto;
	padding-top: 1em;
	text-align: center;
}
.sign {
	margin: 30px 0;
	text-align: right;
}
.sign p {
	display: inline-block;
	text-align: left;
}
.d_traiangle {
	content: "";
	margin: auto;
	border-top: 30px solid #29aa3f;
	border-right: 60px solid transparent;
	border-left: 60px solid transparent;
	width: 15px;
}
.co2text {
	font-size: 70%;
}

@media screen and (max-width: 667px) {
	.d_traiangle {
		content: "";
		margin: auto;
		border-top: 20px solid #29aa3f;
		border-right: 50px solid transparent;
		border-left: 50px solid transparent;
		width: 15px;
	}
}


/* ----------------------------------------------------
　　3.  Development - 研究開発紹介
	--------------------------------------------------- */

.development .pamphlet .txt { width: 550px !important; }

.development .pamphlet span {
	font-size: 80%;
	color: #999;
}

/*	info
--------------------------------------- */

.development dl.info dt { width: 150px; }

.development dl.info dd { padding: 10px 0px 10px 150px !important; }


/* ----------------------------------------------------
　　4. Outline - 研究開発センターのご案内
	--------------------------------------------------- */

.outline .btn_pdf { text-align: right; }

.outline .btn_pdf a {
	background: url(../images/icon_pdf.gif) no-repeat left center;
	padding: 10px 0px 10px 40px;
}

/*	about
--------------------------------------- */

.organization .about .pct {
	width: 180px;
	float: left;
}

.organization .about dl {
	width: 500px;
	float: right;
}

.organization .about dl dt { width: 70px; }

.organization .about dl dd { padding: 10px 0px 10px 90px !important; }

.organization .about dl dd span {
	font-size: 90%;
	color: #999;
}

/*	org
--------------------------------------- */

.organization dl.org dt {
	width: 180px;
	color: #00356c;
	font-size: 16px;
	font-weight: bold;
}

.organization dl.org dd { padding: 10px 0px 10px 180px !important; }

.organization dl.org dd ul li {
	margin: 0px 0px 5px;
	padding: 0px 0px 0px 20px;
	background: url(../images/iconList01.png) no-repeat left 0.5em; 
}

/*	access
--------------------------------------- */

.access dl.iconList dt { width: 100px; }

.access dl.iconList dd { padding: 10px 0px 10px 120px !important; }