@charset "UTF-8";
/* CSS Document */
/*** reset ***/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,textarea,button,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ul,ol{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
input,select{vertical-align:middle}
img {vertical-align:top}

html, body{
	margin: 0;
	padding: 0;	
	height: 100%;
	width: 100%;
}
html {
	font-size: 62.5%;
}
 
body {
  font-size: 13px;
  font-size: 1.3em;
  font-family:'Lucida Grande' , 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
 min-width:996px;
 background:url(../img/slash.png)
}

a{
	color:#ffffff;
	text-decoration:none;
}

a:hover{
	color:#ffffff;
	text-decoration:underline;
}

a img {
	-webkit-backface-visibility: hidden; /* 追加 */
  backface-visibility: hidden; /* 追加 */
  -webkit-transition: 0.35s ease-in;
   transition: 0.35s ease-in;
	opacity:1;
	filter: alpha(opacity=100);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=100)";  /* ie 8 */
	-moz-opacity:1;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 1;              /* Safari 1.x */
	display: inline-block;
	zoom:1.0;
	text-decoration: none;
}
a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */	
	zoom:1.0;
	text-decoration: none;
}

.fleft {
	float:left;
}
.fright {
	float:right;
}
#contents {
	position: relative;
	width:996px;
	margin:0 auto
	
}
/* --------------------------------------------------- header */
header { 
	width:100%;
	padding:0 30px;
	overflow:hidden;
	padding:10px 0 0
}
#index_head { 
	width:996px;
	margin:0 auto;
	padding:10px 30px 5px;
	overflow:hidden;
}
#slideshow  {
	padding-bottom:30px;
}
#slideshow {width:100%; overflow:hidden; margin-bottom:15px}
#slideshow ul {margin:0 auto; width:996px; border:5px solid #ffffff;
-moz-box-shadow: 2px 2px 3px #a5a5a5; /* FireFox */
  -webkit-box-shadow: 2px 2px 3px #a5a5a5; /* webkit */
  box-shadow:2px 2px 5px #a5a5a5;}
.slick-dots {
	border:none !important;
	box-shadow: none !important
}
/* --------------------------------------------------- common */
.DefontB {
	font-weight:bold;
}
.Defleft {
	float:left;
}
.Defright {
	float:right;
}
.DemgT20 {margin-top:20px;}

.DemgB10 {margin-bottom:10px;}
.DemgB20 {margin-bottom:20px;}
.DemgB30 {margin-bottom:30px;}

.DemgL20 {margin-left:20px;}
.DemgR20 {margin-right:20px;}

.DpdL15 {padding-left:15px;}
.DpdR15 {padding-right:15px;}

.txtleft {text-align:left;}
.txtright {text-align:right;}

section {
	padding:0 30px;
	margin-bottom:30px;
	font-size:1.4rem;
	line-height:1.7;
	overflow: hidden
}
section .secttl {
	border-left:5px solid #0865e3;
	padding-left:5px;
	color:#0865e3;
	font-size:2.0rem;
	line-height:1.2;
	margin-bottom:15px;
}
.phobox {
	width:494px;
}
.phoarea01 {
	padding:10px;
	border:1px solid #a5a5a5;
	overflow:hidden !important;
}
.phoarea02 {
	padding:10px 10px 5px;
	border:1px solid #a5a5a5;
	overflow:hidden !important;
}
.phocap {
	font-size:1.1rem;
	line-height:1.4;
	padding-top:10px;
}
.phocap a {
	color:#0865e3;
}
.phocap a:hover {
	text-decoration:underline;
}
.phocap2 {
	font-size:1.1rem;
	line-height:1.4;
	padding-top:10px;
}
.phoarea01 ul {
	overflow:hidden;
	margin-right:-9px
}
.phoarea01 ul li {
	float:left;
	margin-right:9px;
}
.box-shadow {
  -moz-box-shadow: 2px 2px 3px #a5a5a5; /* FireFox */
  -webkit-box-shadow: 2px 2px 3px #a5a5a5; /* webkit */
  box-shadow:2px 2px 5px #a5a5a5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=3,enabled=true)";
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#a5a5a5,direction=135,strength=3,enabled=true); /* IE5.5+ */
  background:#fff; /* IE Hack */
}
/* --------------------------------------------------- contents */
#main-section {  
	width: 100%;
	padding-bottom:70px;
}
#sect01 {
	padding:0;
}
#sect01 h1 {
	margin-bottom:10px;
}
#sect01 .hcopy {
	background:url(../img/headcopy_bg_top.png) ,url(../img/headcopy_bg_bottom.png) ;
	background-position:top,bottom;
	background-repeat:no-repeat;
	width:876px;
	margin:0 auto;
	padding:29px 29px
}
#sect01 .hcopy h2 {
	margin-bottom:20px;
}
#sect01 .hcopy p {
	font-size:1.4rem;
	line-height:1.5
}

#info {
	background:#c6c6c6;
	padding:20px;
	margin-bottom:30px !important
}
#info h1 {
	margin-bottom:15px;
}
#info .infopho {
	width:auto;
	}
#info .infopho p {
	font-size:1.2rem;
	line-height:1.4
}
#info .newslist {
	width:auto;
	margin-left:30px
}
#info .newslist ul {
	overflow:hidden;
}
#info .newslist ul li {
	line-height:1.4;
	margin-bottom:10px;
}
#backnumbr {
	margin:0;
	padding:0;
	
}
#backnumbr ul {
	overflow:hidden;
}
#backnumbr ul li {
	margin-bottom:20px
	
}
#backnumbr ul li a {
	width:468px;
	display:block;
	color:#0349a7;
	padding:9px;
	border:1px solid #c6c6c6;
	overflow:hidden;
	background:#ffffff;
}
#backnumbr ul li a:hover {
	text-decoration:underline !important;
}
.txtarea {
	width:312px;
}
.bktxt01 {
	font-size:1.4rem;
	font-weight:bold;
	line-height:1.4;
	margin-bottom:10px
}
.bktxt02 {
	font-size:1.6rem;
	font-weight:bold
}

/* --------------------------------------------------- footer */
footer {
	width:100%;
	min-width:980px;
	height: 70px;
	position: absolute;
	bottom: 0px;
}
	
#f_inner {
	width: 980px;
	margin:0 auto;
	padding:20px 0 0 0;
}
.copyright {
	text-align:center;
	width:100%;
	padding-top:20px;
	color:#000;
}

#page-top {
    position: fixed;
    bottom: 50px;
    right: 30px;
    font-size: 77%;
		
}
#page-top a {
		background:#666;
    text-decoration: none;
    color: #fff;
    width: 65px;
    padding: 27px 0;
    text-align: center;
    display: block;
    border-radius: 50px;
		-webkit-border-radius: 50px;
    -moz-border-radius: 50px;
}
#page-top a:hover {
		background:#999;
    text-decoration: none;
}