/* ======================================================================= COMMON */

body {
	background:url(../img/common_background.png) repeat-x 0 0;
	margin:0; padding:0;
	width: 100%;
	color: #000;
}

/* ---------------------フォント・背景色、背景画像指定 */
/* ナビゲーション背景色 */
section.nav,
section.nav nav {  }
/* 見出しフォント色 */
article section.news h2,
article section.news ul li span,
article section.news ul li h3,
article.page_ctn section h1,
a
 { color: #0F69AB; }
/* 見出し（お知らせ）ボーダー色 */
article section.news h2 { border-bottom:1px solid #000; }
/* ページコンテンツタイトルフォント色 */
article.page_ctn section h1 { border-bottom:4px solid #BDD6EB; }
/* ページコンテンツタイトルフォント色 */
article.page_ctn header {
	background:url("../img/common_title_back.png") repeat 0 0;
	}
/* ページ背景色 */
article.page_ctn { background-color:#FFF; }
/* ページタイトルフォント・リンク色 */
article.page_ctn header h1,
article.page_ctn header span a { color:#FFF; font-size: 14px; font-weight: normal; margin-left: 2em; }
article.page_ctn header span a:before {
	content: "\f138";
	padding-right: 0.4em;
	font-family: FontAwesome;
}
article.page_ctn header span { float: right; margin-right: 40px; line-height: 1.5em; }

footer { background-color:#EBEEF7; }
footer { border-bottom: 20px solid #0F69AB; }

/* リンクエフェクト */
a,
a img,
label {
	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out; /* opera */
	-moz-transition: all 0.3s ease-in-out; /* firefox */
	-webkit-transition: all 0.3s ease-in-out; /* chrome, safari */
	    -ms-transition: all 0.3s ease-in-out; /* ie */
	text-decoration:none;
}

a:hover , a:active,
a:hover img , a:active img {	
		opacity:0.7;
		filter:alpha(opacity=70);
		-ms-filter: "alpha( opacity=70 )";
		background:none!important;
		}

/* etc */
p { line-height:1.5em; font-size:0.9em; }

/* centering */
header,
section.nav,
article,
footer {
	width: 100%;
	clear: both;
	}

header h1.dc,
header section,
section.nav nav,
article,
footer section {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	}


/* ----------------------------------------------------------------------- Header */


/* header > logo / tel / nav */

header h1.dc {
	display: block;
	font-size: 12px;
	color: #555;
	padding: 25px 0 20px;
	}
header section {
	overflow: hidden;
	}
header section h1 {
	display: block;
	width: 610px;
	height: 78px;
	float: left;
	}
header section figure {
	width: 320px;
	height: 78px;
	float: right;
	text-align: right;
	}
nav {
	clear: both;
	overflow: auto;
	}
	nav ul li {
		float: left;
		margin-right: 2em;
		}
		nav ul li a {
			display: block;
			color: #FFF;
			padding:7px 0;
			font-size: 14px;
			}
			nav ul li a:before {
				content: "\f105";
				padding-right: 0.4em;
				font-family: FontAwesome;
				font-size: 16px;
				}

/* ----------------------------------------------------------------------- FOOTER */

footer {
	padding: 35px 0 55px;
	margin-top: 50px;
	}

footer section address { float: left; }
footer section address p {
	line-height: 1.1em;
	font-style: normal;
	}
footer section figure.access {
	float: right;
	margin-top: 20px;
	}
	footer section figure.access a {
		display: block;
		color: white;
		padding: 0.5em 4em 0.4em;
		border-radius: 2em;
		font-weight: normal;
		font-size: 14px;
	}
	footer section figure.access a:link,
	footer section figure.access a:visited { background-color: #0F69AB; }
	footer section figure.access a:hover,
	footer section figure.access a:active { background-color: #0F69AB !important; }
	footer section figure.access a:before {
		content: "\f041";
		padding-right: 0.4em;
		font-family: FontAwesome;
	}
footer section p#copy {
	clear: both;
	color: #0F69AB;
	padding-top:1em;
	font-size:0.7em;
	}

/* ======================================================================= Index */

article {
	margin-top:30px;
	clear:both;
	overflow:auto;
	}

article section.index_service {
	overflow: hidden;
	margin-top:30px;
	}
	article section.index_service h2,
	article section.index_service h2 a { font-size: 18px; color: #000;}
	article section.index_service h2 a:before {
		content: "\f138";
		padding-right: 0.4em;
		font-family: FontAwesome;
		color: #0F69AB;
		}
	article section.index_service section {
		width: 320px;
		float: left;
		}
		article section.index_service section.index_service1 { width:231px; margin-right: 82px; }
		article section.index_service section.index_service2 { width:231px; margin-right: 82px; }
		article section.index_service section.index_service3 { width:332px; }
		article section.index_service section h2 {
			margin-bottom:0.5em;
			line-height: 1.5em;
			font-size: 18px;
			}
		article section.index_service section figure { margin-bottom: 5px; }

article section.news {
	margin-top: 70px;
	}
	article section.news h2 {
		padding-bottom:0.8em;
		color: #000;
		font-size: 20px;
	}
	article section.news ul {
		margin-top: 35px;
	}
		article section.news ul li {
			margin-bottom: 1.5em;
		}
		article section.news ul li h3 {
			display: inline;
			font-size:1em;
			margin-left: 1em;
		}
		article section.news ul li p {
			margin: 0.3em 0 0 6.4em;
		}

/* ======================================================================= Service , Company & Q&A*/

article.page_ctn header {
	padding-top:55px;
	height: 73px;
}
article.page_ctn header h1 {
	font-size: 24px;
	display: inline;
	margin-left:40px;
}
article.page_ctn header h1 span {
	font-size: 16px;
	font-weight: normal;
}
article.page_ctn section.matter_ctn {
	margin:0 40px 40px 40px;
}
article.page_ctn section h1 {
	font-size:18px;
	color: #000;
	padding:40px 0 0.5em;
	margin-bottom:20px;
	clear: both;
	}
	article.page_ctn section h1:before {
		content: "\f138";
		padding-right: 0.2em;
		font-family: FontAwesome;
		color: #0F69AB;
	}
	article.page_ctn section#company3 h1 { letter-spacing: 1em; }
	article.page_ctn section#company3 h1:before { letter-spacing: 0; }
	article.page_ctn section h2 { font-size: 1em; font-weight: bold; color: #0F69AB; line-height: 1.5em; }
article.page_ctn section section { overflow: auto; }
article.page_ctn section section figure.left,
article.page_ctn section section p.left { float: left; }
article.page_ctn section section figure.right,
article.page_ctn section section p.right { float: right; }

article.page_ctn section#company1 section p { width: 700px; }
article.page_ctn section#company1 section p span { display: block; text-align: right; }
article.page_ctn section#company1 section figure { width: 150px; }
article.page_ctn section#company2 section figure { text-align: center; margin-top: 50px; }
article.page_ctn section#company4 section figure { width: 335px; }
article.page_ctn section#company4 section p { width: 525px; }

article.page_ctn section#service1 section figure { width: 335px; }
article.page_ctn section#service1 section p { width: 525px; }
article.page_ctn section#service2 section p { margin-bottom: 1.5em; }
article.page_ctn section#service3 section figure { width: 335px; }
article.page_ctn section#service3 section p { width: 525px; }
article.page_ctn section#service3 section p span { text-indent: -1em; display: block; margin-left: 1em; }

article.page_ctn section#qa1 dl { font-size: 0.9em; line-height: 1.5em; margin: 0 4em 2em; }
article.page_ctn section#qa1 dl dt { margin-top: 1.5em; color: #0f69ab; font-size: 1em; }
article.page_ctn section#qa1 dl dt,
article.page_ctn section#qa1 dl dd { margin-left: 3em; text-indent: -3em; }