@charset "UTF-8";

body {
	position:relative;
}

/* header 
=======================================================*/
#headerWrap {
	height:80px;
}
#header {
	width:100%;
	height:80px;
	text-align:center;
	background:#fff;
	opacity:0.9;
	filter: alpha(opacity=90);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=90)";  /* ie 8 */
	-moz-opacity:0.9;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.9;              /* Safari 1.x */
	z-index:30;
}
#header.fixed {
	position:fixed;
}
#headerArea {
	margin:0 auto;
	width:970px;
	min-width:970px;
	height:80px;
	position:relative;
	text-align:left;
}
#header h1 {
	position:absolute;
	top:28px;
	left:0px;
}
#header .copy {
	position:absolute;
	top:10px;
	left:0px;
	font-size: 10px; font-size: 1rem;
}
#header ul {
}
#header ul li.sns01 {
	position:absolute;
	top:21px;
	left:475px;
}
#header ul li.sns02 {
	position:absolute;
	top:21px;
	left:522px;
}
#header ul li.sns03 {
	position:absolute;
	top:21px;
	left:570px;
}
#header ul li.sns04 {
	position:absolute;
	top:21px;
	left:617px;
}
#header .contact {
	position:absolute;
	top:13px;
	right:0px;
}

/* content 
=======================================================*/
#content {
}

/* main 
-------------------------------------------------------*/
#main {
	width:100%;
	height:700px;
	text-align:center;
	background:url(../img/main_bgi.jpg) no-repeat top center;
}
#mainArea {
	margin:0 auto;
	width:970px;
	min-width:970px;
	height:700px;
}
#main h2 {
}

/* point01 
-------------------------------------------------------*/
#point01 {
	width:100%;
	min-width:970px;
	background:#fff;
	text-align:center;
}
#point01Area {
	margin:0 auto;
	padding-top:50px;
	padding-bottom:90px;
	width:970px;
	min-width:970px;
	text-align:center;
}
#point01 h3 {
	margin-bottom:50px;
}
#point01 h4 {
	margin-bottom:25px;
}
#point01 .txt {
	margin-bottom:70px;
}
#point01 .img {
}

/* point02 
-------------------------------------------------------*/
#point02 {
	width:100%;
	min-width:970px;
	background:#F1F4F9;
	text-align:center;
}
#point02Area {
	margin:0 auto;
	padding-top:40px;
	padding-bottom:100px;
	width:970px;
	min-width:970px;
	text-align:center;
}
#point02 h4 {
	margin-bottom:25px;
}
#point02 .txt {
	margin-bottom:70px;
}
#point02 .img {
}

/* interface 
-------------------------------------------------------*/
#interface {
	width:100%;
	min-width:970px;
	background:#fff;
	text-align:center;
}
#interfaceArea {
	margin:0 auto;
	padding-top:40px;
	padding-bottom:50px;
	width:970px;
	min-width:970px;
	text-align:center;
}
#interface h3 {
	margin-bottom:20px;
}
#interface .img {
}

/* pds 
-------------------------------------------------------*/
#pds {
	width:100%;
	min-width:970px;
	background:#F1F4F9;
	text-align:center;
}
#pdsArea {
	margin:0 auto;
	padding-top:80px;
	padding-bottom:60px;
	width:970px;
	min-width:970px;
	text-align:center;
}
#pds h3 {
	margin-bottom:65px;
}
#pds h4 {
	margin-bottom:0px;
}
#pds dl {
	margin:0 auto;
	position:relative;
	min-height:560px;
	width:756px;
}
#pds dl .img01 {
	position:absolute;
	top:0px;
	left:280px;
	z-index:0;
}
#pds dl .img02 {
	position:absolute;
	top:233px;
	left:319px;
	z-index:0;
}
#pds dl .txt02 {
	padding-top:460px;
	width:300px;
	display:inline;
	float:right;
	position:relative;
	z-index:15;
}
#pds dl .img03 {
	position:absolute;
	top:172px;
	left:72px;
	z-index:0;
}
#pds dl .txt03 {
	margin-left:35px;
	padding-top:460px;
	width:400px;
	display:inline;
	float:left;
	position:relative;
	z-index:15;
	text-align:left;
}
#pds dl dd span {
	display:block;
	text-align:left;
	font-size: 14px !important;
    line-height:1.4 !important;
}

/* flow 
-------------------------------------------------------*/
#flow {
	width:100%;
	min-width:970px;
	background:#fff;
	text-align:center;
}
#flowArea {
	margin:0 auto;
	padding-top:70px;
	padding-bottom:80px;
	width:970px;
	min-width:970px;
	text-align:center;
}
#flow h3 {
	margin-bottom:65px;
}
#flow .img {
}

/* newstipics 
-------------------------------------------------------*/
#newstipics {
	width:100%;
	min-width:970px;
	background:#F1F4F9;
	text-align:center;
}
#newstipicsArea {
	margin:0 auto;
	padding-top:60px;
	padding-bottom:70px;
	width:970px;
	min-width:970px;
	text-align:center;
}
#newstipics #newstipicsCont {
	padding:25px 30px;
	border-top:3px solid #777B84;
	border-bottom:3px solid #777B84;
	background:#fff;
}
#newstipics h3 {
	margin-bottom:35px;
	padding:10px;
	border-bottom:1px solid #4F545A;
	display:inline-block;
	line-height:1;
	color:#4F535C;
}
#newstipics dl {
	text-align:left;
}
#newstipics dl dt {
	margin-bottom:1em;
	float:left;
	font-size: 14px !important;
    line-height:1.4 !important;
}
#newstipics dl dd {
	margin-bottom:1em;
	margin-left:120px;
	font-size: 14px !important;
    line-height:1.4 !important;
}

/* contact 
-------------------------------------------------------*/
#contact {
	width:100%;
	min-width:970px;
	text-align:center;
	background:#fff;
	position:relative;
}
#contactArea {
	margin:0 auto;
	padding-top:60px;
	padding-bottom:150px;
	width:970px;
	text-align:center;
}

#contact h3 {
	margin-top: -80px; /* 固定ナビの高さ分のネガティブマージン */
	padding-top: 80px; /* 打ち消し用のパディング */
	margin-bottom:60px;
	font-weight:bold;
}
#contact h3 strong {
	margin-bottom:10px;
	padding:10px;
	border-bottom:1px solid #4F545A;
	display:inline-block;
	line-height:1;
	color:#4F535C;
}
#contact h3 span {
	display:block;
	line-height:1;
	color:#4F535C;
}
#contact table {
	margin-left:107px;
	width:756px;
}
#contact table th {
	padding:1em;
	text-align:center;
	border-top:1px solid #0D1115;
	border-collapse: collapse;
	border-spacing: 0;
	background:#F2F2F2;
	color:#4D545C;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}
#contact table td {
	padding:1em;
	text-align:left;
	border-top:1px solid #0D1115;
	border-collapse: collapse;
	border-spacing: 0;
	background:#fff;
	color:#4D545C;
}
#contact table td a {
	font-size:100%;
}
#contact table tr:first-child th, 
#contact table tr:first-child td {
	border-top:none;
}
#contact table td strong {
	font-size:100%;
}


/* footer 
=======================================================*/
#footer {
}



/* pagetop 
-------------------------------------------------------*/
#pagetop {
	width:103px;
	height:103px;
	position:fixed;
	bottom:50px;
	right:50px;
	z-index:60;
}



/* copyright 
-------------------------------------------------------*/
#copyright {
	padding:10px 0;
	width:100%;
	min-width:970px;
	text-align:center;
	color:#fff;
	background:#34689A;
}
#copyright p {
	font-size: 14px; font-size: 1.4rem;
}