/* 共通
================================================== */
.caption {
	margin: 5px 0 10px 0;
	font-size: 12px;
	line-height: 1.3em;
}
a {
	color: #3c4c7f;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
.notice {
	font-size: 12px;
	color: #a30;
}

.column1 {
	margin-top: 30px;
	padding: 20px;
	border: 1px solid #aaa;
}
.column1 p {
	text-align: center;
}
.column1 p.title {
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #202a51;
	background: #c4c9d9;
}

.column2 {
	margin-top: 30px;
	padding: 20px;
	color: #fff;
	background: #3c4c7f;
}
.column2 p {
	text-align: center;
}

.column3 {
	margin-top: 30px;
	padding: 20px;
	border: 1px solid #aaa;
}
.column3 p.title {
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #202a51;
	background: #c4c9d9;
}

.btn1 {
	margin-top: 10px;
	font-weight: bold;
	font-size: 12px;
	padding: 0 0 0 13px;
	background: url(../img/arrow4.gif) 0 center no-repeat;
}




/* フロー
================================================== */
.timeline {
	float: left;
	width: 145px;
}
.timeline .hassei {
}
.timeline .arrow_bg {
	background: url(../img/flow_figure_arrow_bg.gif) 0 0 repeat-y;
}
.figure {
	float: left;
	width: 600px;
}
.figure h4 {
	margin-top: 5px;
	width:580px;
	height: 33px;
	padding: 12px 0 0 20px;
	font-size: 18px;
	font-weight: bold;
	color: #202a51;
	background: #c4c9d9;
}
.figure h4 small {
	font-size: 13px;
}
.figure .box {
	padding: 20px;
	background: #ececee;
}
.figure .box .column {
	padding: 9px;
	background: #fff;
	border: 1px solid #aaa;
}

.figure .box .column table {
	margin-top: 20px;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.figure .box .column table caption {
	padding: 5px 0;
	color: #fff;
	font-weight: bold;
	background: #3c4c7f;
}
.figure .box .column table tr {
	border-top: 1px solid #ccc;
}
.figure .box .column table tr th {
	padding: 10px;
	text-align: left;
	background: #ececee;
	border: 1px solid #ccc;
	vertical-align: middle
}
.figure .box .column table tr td {
	padding: 10px;
	border: 1px solid #ccc;
}

#result_list {
	margin: 5px 0 20px 0;
	padding: 20px;
	border: 1px solid #aaa;
}
#result_list ul li {
	font-size: 15px;
	line-height: 2.0em;
	padding-left: 1em;
	text-indent: -1em;
}
#result_list ul li:before {
	color: #3c4c7f;
	content: "● ";
}



/* EFDの特徴
================================================== */
h4.feature_delivery1 , h4.feature_delivery2 , h4.feature_delivery3 , h4.feature_delivery4 , h4.feature_supply1 , h4.feature_supply2 {
	width: 233px;
	height: 75px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	padding: 45px 0 0 130px;
}
h4.feature_delivery1 {
	background: url(../img/feature_delivery1.jpg) 0 0 no-repeat;
}
h4.feature_delivery2 {
	background: url(../img/feature_delivery2.jpg) 0 0 no-repeat;
}
h4.feature_delivery3 {
	background: url(../img/feature_delivery3.jpg) 0 0 no-repeat;
}
h4.feature_delivery4 {
	background: url(../img/feature_delivery4.jpg) 0 0 no-repeat;
}

h4.feature_supply1 {
	background: url(../img/feature_supply1.jpg) 0 0 no-repeat;
}
h4.feature_supply2 {
	background: url(../img/feature_supply2.jpg) 0 0 no-repeat;
}
.feature_ds_title {
	margin-top: 10px;
	color: #202a51;
	font-size: 16px;
	font-weight: bold;
}
.feature_ds_text {
	margin-top: 10px;
	font-size: 13px;
	line-height: 1.5em;
}
.feature_btn {
	float: right;
	margin-top: 10px;
	font-weight: bold;
	font-size: 12px;
	padding: 0 0 0 13px;
	background: url(../img/arrow4.gif) 0 center no-repeat;
}
.feature_column {
	margin-top: 10px;
	padding: 9px;
	border: 1px solid #aaa;
}
.feature_column h5 {
	margin-bottom: 10px;
	padding: 5px 10px;
	color: #202a51;
	font-weight: bold;
	background: #c4c9d9;
}
.feature_column .text {
	float: left;
	width: 190px;
	margin-right: 10px;
}
.feature_column .photo {
	float: left;
	width: 143px;
}
.feature_column .text p {
	font-size: 13px;
	line-height: 1.3em;
}

.feature_org_figure {
	margin-top: 20px;
	padding: 10px 20px;
	color: #202a51;
	font-size: 18px;
	font-weight: bold;
	background: #c4c9d9;
	border-left: 3px solid #202a51;
}

h4.morereliable {
	margin-bottom: 10px;
	padding: 5px 10px;
	color: #202a51;
	font-size: 15px;
	font-weight: bold;
	background: #c4c9d9;
	border-left: 3px solid #202a51;
}
.morereliable_text {
	float: left;
	width: 263px;
	margin-right: 20px;
}
.morereliable_photo {
	float: left;
	width: 80px;
}
.system {
	background: #ececee;
	padding: 20px;
}
.system .left {
	float: left;
	width: 485px;
	margin-right: 20px;
}
.system .right {
	float: left;
	width: 200px;
}





/* 広域バックアップ体制
================================================== */
#network_figure {
	margin-top: 20px;
	height: 690px;
	background: url(../img/network_main_figue1.jpg) 0 0 no-repeat;
}
.network_figure_potint {
	margin-top: 20px;
	height: 80px;
	background: url(../img/network_main_point_bg.gif) center 0 no-repeat;
}
.network_figure_potint p {
	color: #fff;
	padding-top: 14px;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.2em;
	text-align: center;
}
.network_hassei {
	background: #c4c9d9;
}
.network_hassei p.num {
	float: left;
	width: 55px;
	margin-right: 10px;
}
.network_hassei h4 {
	float: left;
	width: 170px;
	padding-top: 17px;
	font-size: 18px;
	font-weight: bold;
	color: #202a51;
}
.network_hassei h4.l2 {
	padding-top: 8px;
}
.network_hassei .box {
	padding: 20px;
	background: #ececee;
}
.network_hassei .box p.lead {
	color: #444;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3em;
}
.network_hassei .box .inner {
	padding: 10px;
	background: #fff;
	border: 1px solid #aaa;
}
.network_hassei .box .inner ul li {
	margin-left: 1.4em;
	text-indent: -1.4em;
}





/* 東日本大震災での活動
================================================== */
#activities_list {
	margin: 5px 0 30px 0;
	padding: 20px;
	border: 1px solid #aaa;
}
#activities_list ul li {
	font-size: 15px;
	line-height: 2.0em;
}
#activities_list ul li:before {
	color: #3c4c7f;
	content: "● ";
}

.interviewee2 {
	font-weight: bold;
	text-align: right;
}

#earthquake_miki {
	padding: 20px;
	border: 1px solid #aaa;
	margin: 5px 0 0 0;
}
#earthquake_miki .interviewee {
	padding: 0 0 0 40px;
	color: #3c4c7f;
	font-size: 18px;
	font-weight: bold;
}
#earthquake_miki h3 {
	padding: 20px 40px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
	background: #3c4c7f;
}

#earthquake_ntt {
	padding: 20px;
	border: 1px solid #aaa;
}
#earthquake_ntt .interviewee {
	padding: 0 0 0 40px;
	color: #6a4c28;
	font-size: 18px;
	font-weight: bold;
}
#earthquake_ntt h3 {
	padding: 20px 40px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
	background: #6a4c28;
}

#earthquake_miki .text , #earthquake_ntt .text {
	padding: 0 40px;
}
#earthquake_miki .text .left1 , #earthquake_ntt .text .left1 {
	float: left;
	width: 250px;
	margin-right: 20px;
}
#earthquake_miki .text .right1 , #earthquake_ntt .text .right1 {
	float: left;
	width: 353px;
}
#earthquake_miki .text .left2 , #earthquake_ntt .text .left2 {
	float: left;
	width: 353px;
	margin-right: 20px;
}
#earthquake_miki .text .right2 , #earthquake_ntt .text .right2 {
	float: left;
	width: 250px;
}





/* よくある質問
================================================== */
.faq_list {
	margin: 30px 0;
	padding: 20px;
	border: 1px solid #aaa;
}
.faq_list ul li a {
	font-size: 15px;
	display: block;
	padding: 5px 0 5px 25px;
	margin: 0 0 1px 0;
	text-decoration: none;
	background: #f0f0f0 url(../img/arrow4.gif) 10px center no-repeat;
}
.faq_list ul li a:hover {
	background: #ccc url(../img/arrow5.gif) 10px center no-repeat;
}

.faq_box {
	margin: 10px 0 0 0;
}
.faq_box h4.question {
	padding: 0 0 0 50px;
	min-height: 40px;
	font-weight: bold;
	background: url(../img/faq_q.gif) 0 0 no-repeat;
}
.faq_box .anser {
	margin: 10px 0 0 0;
	padding: 0 0 10px 50px;
	min-height: 40px;
	background: url(../img/faq_a.gif) 0 0 no-repeat;
	border-bottom: 1px solid #aaa;
}
.faq_box .lc {
	border-bottom: none;
}





/* 会社概要
================================================== */
table.company {
	margin-top: 5px;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 30px;
}
table.company tr {
	border-top: 1px solid #ccc;
}
table.company tr th {
	width: 190px;
	padding: 10px;
	text-align: left;
	background: #ececee;
	border: 1px solid #ccc;
}
table.company tr td {
	padding: 10px;
	border: 1px solid #ccc;
}
table.company tr td h4 {
	font-weight: bold;
}
table.company tr td p {
	margin-bottom: 10px;
}
table.company tr td img {
	vertical-align: middle;
	margin-right: 5px;
}
table.company tr td.supplier {
	width: 30%;
}
table.company tr td.zip {
	width: 90px;
	border-right: none;
}
table.company tr td.address {
	border-left: none;
}





/* 問い合せフォーム
================================================== */
#contact_form {
	margin-top: 20px;
}
#contact_form table {
	margin-top: 5px;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 30px;
}
#contact_form table tr {
	border-top: 1px solid #ccc;
}
#contact_form table tr th {
	width: 200px;
	padding: 10px;
	text-align: left;
	background: #ececee;
	border: 1px solid #ccc;
	vertical-align: middle;
}
#contact_form table tr th span.req {
	margin-left: 5px;
	padding: 3px 5px;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background: #a30;
}
#contact_form table tr td {
	padding: 10px;
	border: 1px solid #ccc;
}
#contact_form table tr td.lib2 input , #contact_form table tr td.lib2 textarea {
	padding: 3px;
	border: 1px solid #aaa;
	font-size: 13px;
}
#contact_form table tr td.lib2 input:hover , #contact_form table tr td.lib2 textarea:hover {
	border: 1px solid #333;
}
#contact_form table tr td.lib2 input:focus , #contact_form table tr td.lib2 textarea:focus {
	border: 1px solid #333;
	background: #ffc;
	outline: none;
}
#contact_form .short {
	width: 260px;
}
#contact_form .long {
	width: 500px;
}
#contact_form .long2 {
	width: 500px;
	height: 220px;
}
.form_btn {
	width: 300px;
	padding: 15px 0;
	font-size: 18px;
	color: #fff;
	border: none;
	background-color: #666666;
	background: -prefix-linear-gradient(top, #999999, #666666);
	background: linear-gradient(to bottom, #999999, #666666);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#999999, EndColorStr=#666666)";/* IE 8 */
}
.form_btn:hover {
	cursor: pointer;
	background-color: #777777;
	background: -prefix-linear-gradient(top, #aaaaaa, #777777);
	background: linear-gradient(to bottom, #aaaaaa, #777777);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#aaaaaa, EndColorStr=#777777)";/* IE 8 */
}
.form_btn:focus {
	outline: none;
}
.form_btn:active {
	outline: none;
	background-color: #aaaaaa;
	background: -prefix-linear-gradient(top, #777777, #aaaaaa);
	background: linear-gradient(to bottom, #777777, #aaaaaa);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#777777, EndColorStr=#aaaaaa)";/* IE 8 */
}

.form_btn2 a {
	display: block;
	width: 300px;
	padding: 15px 0;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	border: none;
	background-color: #666666;
	background: -prefix-linear-gradient(top, #999999, #666666);
	background: linear-gradient(to bottom, #999999, #666666);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#999999, EndColorStr=#666666)";/* IE 8 */
}
.form_btn2 a:hover {
	cursor: pointer;
	background-color: #777777;
	background: -prefix-linear-gradient(top, #aaaaaa, #777777);
	background: linear-gradient(to bottom, #aaaaaa, #777777);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#aaaaaa, EndColorStr=#777777)";/* IE 8 */
}