@charset "utf-8";
/*
====================================================================================================
※font-sizeに関しては、リセット後、#wrapperに12px相当で指定済み。そこからの相対指定で行うこと。
　（親要素に既に%指定済みの場合、子孫要素は基準が変わるので注意して下さい。）
※【★】のコメントがある箇所は、文字列検索し必ずサイトに応じた設定を見直すこと。
　（その際、不要と思われるコメント及び、【★】の文字列は削除推奨。）
====================================================================================================
■ common (下層ページ共通設定)
---------------------------------------------------------------------------------------------------- */
#main_tit {
	background-color: #7c8ea4;
}
#main_area {
	padding: 0 0 30px;
}

/*
====================================================================================================
■ .news
---------------------------------------------------------------------------------------------------- */
.news {
}
.news #main_tit .inner{
	position: relative;
	width: 980px;
	margin: 0 auto;
}
	.news #main_tit .ico_rss {
		position: absolute;
		top: 101px;
		left: 290px;
	}

.news .news_entry {
	margin-bottom: 30px;
	padding: 30px;
	border: 1px solid #cdcdcd;
}
.news .news_entry .photo {
	float: left;
	width: 325px;
	margin-right: 20px;
}
.news .news_body {
}
	.news .news_body h4 {
		margin-bottom: 10px;
		font-size: 116.7%; /* 14px */
	}
		.news .news_body h4 span {
			font-weight: normal;
		}

/*
====================================================================================================
■ .contact
---------------------------------------------------------------------------------------------------- */
.contact {
}

/* 個人情報保護方針 */
#pp {}
#pp .pp_dl {
	margin-bottom: 10px;
}
#pp .pp_dl dd ul li {
	margin-left: 1.5em;
	list-style: lower-alpha;
}
#pp .pp_list {
	padding: 0 10px;
}

/*
====================================================================================================
■ .company
---------------------------------------------------------------------------------------------------- */
.company {
}
.company .left_area {
	float: left;
	width: 470px;
}
.company .right_area {
	float: right;
	width: 470px;
}
.company #MAP iframe {
	border: 1px solid #ccc;
	padding: 2px;
}

/*
====================================================================================================
■ .about
---------------------------------------------------------------------------------------------------- */
.about {
}
.about_cate_box {
	margin-bottom: 30px;
	border: 1px solid #ddd;
	background: url(../common_img/bg_ptn01.gif);
}
	.about_cate_box .inner_box {
		padding: 10px;
		border: 1px solid #fff;
	}
		.about_cate_box .left_area {
			float: left;
			width: 260px;
			margin-right: 10px;
			padding: 5px;
			border-right: 2px dotted #3078bf;
			text-align: center;
		}
		.about_cate_box .txt_area {
			float: left;
			width: 400px;
			margin: 10px 10px 0 0;
			padding: 5px;
			text-shadow: 0 1px 0 #fff;
		}
		.about_cate_box .right_area {
			float: right;
			-webkit-box-shadow: 1px 3px 5px #ddd;
			   -moz-box-shadow: 1px 3px 5px #ddd;
			        box-shadow: 1px 3px 5px #ddd;
			border: 1px solid #ccc;
		}
			.about_cate_box .right_area img {
				border: 1px solid #fff;
			}
/* about_cate_box03 */
.about_cate_box03 {
	margin-bottom: 30px;
	border: 1px solid #ddd;
	background: url(../common_img/bg_ptn01.gif);
}
	.about_cate_box03 .inner_box {
		padding: 10px;
		border: 1px solid #fff;
	}
		.about_cate_box03 .left_area {
			float: left;
			width: 260px;
			margin-right: 10px;
			padding: 5px;
			border-right: 2px dotted #3078bf;
			text-align: center;
		}
		.about_cate_box03 .txt_area {
			float: left;
			width: 650px;
			margin: 10px 10px 0 0;
			padding: 5px;
			text-shadow: 0 1px 0 #fff;
		}
		.about_cate_box03 .logo {
			float: right;
			width: 30%;
		}
			.about_cate_box03 .logo span {
				display: block;
				width: 176px;
				-webkit-box-shadow: 1px 3px 5px #ddd;
				   -moz-box-shadow: 1px 3px 5px #ddd;
						box-shadow: 1px 3px 5px #ddd;
				margin: 0 auto;
				border: 1px solid #ccc;
			}
				.about_cate_box03 .logo span img {
					border: 1px solid #fff;
				}
		.about_cate_box03 .table_style02 {
			float: left;
			width: 70%;
		}
			.about_cate_box03 .table_style02 th {
				width: 60%;
			}
			.about_cate_box03 .table_style02 td {
				text-align: right;
			}

/*
====================================================================================================
■ .bearing
---------------------------------------------------------------------------------------------------- */
.bearing {
}
.bearing .lead_box01 {
	margin-bottom: 30px;
	padding: 0 20px 30px;
	background: url(../common_img/bd_ptn01.jpg) repeat-x left bottom;
}
/* .bearing_box */
.bearing_box {
	width: 49%;
	padding-bottom: 20px;
	background: url(../common_img/bd_ptn01.jpg) repeat-x left bottom;
}
	.bearing_box h4 {
		margin: 0 10px 5px;
		color: #3078bf;
		font-size: 116.7%; /* 14px */
	}
		.bearing_box .img {
			float: left;
			width: 254px;
			margin-right: 10px;
		}
			.bearing_box .img span {
				display: block;
				border: 1px solid #ccc;
			}
				.bearing_box .img span img {
					border: 1px solid #fff;
				}
		.bearing_box .right_area {
			float: left;
			width: 42%;
		}
			.bearing_box .right_area dt {
				font-weight: bold;
			}

/*
====================================================================================================
■ .environment
---------------------------------------------------------------------------------------------------- */
.environment {
}
.environment .lead_box {
	margin-bottom: 30px;
	padding: 0 20px 30px;
	background: url(../common_img/bd_ptn01.jpg) repeat-x left bottom;
}
/* environment_box */
.environment .environment_box {
	padding:20px 20px 30px;
	border-top: 1px solid #CDD1D8;
}
.environment .environment_area div:first-child{
	border-style: none;
	padding-top:0;
}
	.environment .environment_box .left_area {
		float: left;
		width: 49%;
	}
		.environment .environment_box .left_area h4 {
			font-size: 116.7%; /* 14px */
			font-weight: bold;
			text-align: center;
		}
		.environment .environment_box .left_area .img {
			margin-bottom: 10px;
			text-align: center;
		}
			.environment .environment_box .left_area .img span {
				display: inline-block;
				border: 1px solid #ccc;
				line-height: 1.0;
				vertical-align: top;
			}
				.environment .environment_box .left_area .img span img {
					max-width: 400px;
					border: 1px solid #fff;
				}
	.environment .environment_box .right_area {
		float: right;
		width: 45%;
		margin-top: 23px;
		padding: 10px;
		background: url(../common_img/bg_ptn01.gif);
		border: 1px dashed #ccc;
		text-shadow: 0 1px 0 #fff;
	}


/*
====================================================================================================
■ .english
---------------------------------------------------------------------------------------------------- */

#h_right_area_en {
	float: right;
	width: 394px;
}
.main_tit_en {
	border-top:6px solid #3078bf;
}
.bearing_box_en {
	width: 293px;
	padding-bottom: 20px;
	background: url(../common_img/bd_ptn01.jpg) repeat-x left bottom;
	float: left;
	min-height:320px;
	margin:0 10px 10px 10px;
}
	.bearing_box_en h4 {
		margin: 0 10px 5px;
		color: #3078bf;
		font-size: 116.7%; /* 14px */
	}
		.bearing_box_en .img {
			width: 252px;
			margin:0 auto;
			border: 1px solid #ccc;
		}
			.bearing_box_en .img span {
				display: block;
				border: 1px solid #fff;
			}
			.bearing_box_en dt {
				font-weight: bold;
			}
#f_btn_ul {
		display:inline-block;
	}
		#f_btn_ul li:first-child {
			margin-bottom: 5px;
		}