@charset "utf-8";
/* ===================================================================
CSS information
file name:top.css
=================================================================== */
/* 基本設定、リンクカラーなど
----------------------------------------------------*/
body {
width:100%;
margin:0 auto;
background:url(../../img/index/bg.jpg);
}

/* 汎用class
----------------------------------------------------*/
em {
font-style:normal;
font-weight:bold;
}

strong {
font-weight:bold;
}

/* #wrap
----------------------------------------------------*/
#wrap {
background:url(../../img/index/bg-top.jpg) scroll center top no-repeat;
background-color:#f0e1b8;
width:100%;
padding:30px 0 0;
}

/* #header
----------------------------------------------------*/
#header {
margin:0 auto 50px;
}

#header h1 {
width:264px;
margin:0 auto 15px;
}

#header h2 {
width:493px;
margin:0 auto 30px;
}

#header h3 {
margin:0 auto 30px;
}

/* #content
----------------------------------------------------*/
#content {
width:980px;
margin:0 auto;
}

/* #main
----------------------------------------------------*/
#main {
width:729px;
margin:0 0 0 120px;
float:left;
}

/* .section
----------------------------------------------------*/
.section {
position:relative;
overflow:hidden;
width:729px;
margin:0 auto 50px;
}

/* localnav
----------------------------------------------------*/
#localnav {
position:fixed;
float:left;
top:150px;
width:100px;
}

#localnav ul li {
margin:0 0 10px;
}


/* ul.banner
----------------------------------------------------*/
.CU{
margin:0 auto;
}

.CU p{
text-align:center;
}

ul.banner , ul.bnrTitle {
position:relative;
text-align: center;
}

ul.bnrTitle li{
display: inline-block;
*display: inline;  
*zoom: 1;  
margin:30px 0 10px 0;
}

ul.banner li {
display: inline-block;
width:30%;
position:relative;
margin:10px 5px 10px 0;
}

#top_btn01 {
margin-top: 30px;
margin-left: 147px;
margin-bottom: 30px;
}

ul.banner_houjin {
	position:relative;
	text-align: center;
	margin: 10px 0 0 0;
	border-top: 1px solid #e0e0e0;
}
ul.banner_houjin li {
	display: inline-block;
	*display: inline;  
	*zoom: 1;  
	position:relative;
	margin:20px 5px 10px 0;
}

ul.banner li{
    display:inline-block;
    width:30%;
    color:#fff;
}

/* 2020/05/追加
----------------------------------------------------*/
.banner li.overtime{
	background-color:#dcc134;
	border:#ead181 solid 5px;
}

.banner li.net{
	background-color:#478039;
	border:#5a964c solid 5px;
}

.banner li.accsident{
	background-color:#fd631b;
	border:#ef934a solid 5px;
}

.banner li.affair{
	background-color:#4988cb;
	border:#54a0eb solid 5px;
}

.banner li.inheritance{
	background-color:#57ab6f;
	border:#6bc585 solid 5px;
}
ul.banner li{
     padding:10px 5px;
}

ul.banner li a{
    color:#fff;
    font-size:12px;
    display:block;
    
}

ul.banner li span{
	font-size:16px;
    font-weight:bold;
}

ul.banner li span.border{
	border-bottom:solid 1px #fff;
	font-weight: lighter;
	font-size:12px !important;
}

.banner li.overtime,
.banner li.net,
.banner li.accsident,
.banner li.affair,
.banner li.inheritance{
    width:18%;
    height:90px;
    vertical-align: top;
	
}
.banner li{position:relative;}

.banner li.overtime a,
.banner li.net a,
.banner li.accsident a,
.banner li.affair a{
    position:absolute;
    top: 50%;
  -webkit-transform : translateY(-50%);
  transform : translateY(-50%);
  left:0;
  right:0;
  margin:0 auto;
  display:block;
  padding:15px 0;
}
.banner li.affair a{padding:45px 0;}
.banner li.inheritance a{
    position:absolute;
    top: 50%;
  -webkit-transform : translateY(-50%);
  transform : translateY(-50%);
  left:0;
  right:0;
  margin:0 auto;
  line-height:25px;
  display:block;
  padding:35px 0;

}
ul.banner li:hover{
	  opacity: 0.7;
}

/* #footer
----------------------------------------------------*/
#footer {
width:100%;
margin:80px auto 0;
text-align:center;
font-size:0.750em;
}

#footer hr {
background:url(../../img/index/hr-foot.jpg) center repeat-x;
width:100%;
height:1px;
border:none;
}

#footer ul {
margin:30px auto 0;
}

#footer ul li {
display:inline;
list-style-type:none;
margin-right:6px;
padding-left:10px;
border-left:1px solid #aeaeae;
}

#footer ul li a {
color:#aeaeae;
text-decoration:none;
}

#footer #banner {
	width:730px;
	height:60px;
	margin:20px auto 50px;
}

#footer #banner dt {
	width:60px;
	height:15px;
	margin-left:22px;
	margin-bottom:5px;
	padding:5px;
	background:#F97431;
	color:#ffffff;
	font-size:11px;
	border-radius:3px;
}

#footer #banner dd {
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:130px;
	height:60px;
	margin:0 1px;
	border:1px solid #AEAEAE;
}

/*add 201230227*/

.line{
width:484px !important;
text-align:center;
border-bottom:#e0e0e0 solid 1px;
box-shadow: 0 1px 0 #ffffff;
 }
#header .line img{
padding-bottom:15px;
}

/* #blog
----------------------------------------------------*/
#blog {
	height: 215px;
    margin: 0 auto;
    width: 729px;
}

#blog #btn {
	float: right;
	margin: 12px 45px 0 0;
}

#blog #blog-textlink {
	float: left;
	margin: 28px 0 0 10px;
}

#blog p {
	font-size: 0.875em;
}

#blog p a {
	color: #454545;
	padding: 0 7px 0 15px;
}

#blog p a:hover {
	color: #E6402A;
	text-decoration: underline;
}

#blog p.blog-toplink {
	margin-top: 10px;
}

#blog p.blog-toplink a {
	padding: 0;
}

#blog p span {
	background-color: #E6402A;
    border-radius: 3px;
    color: #FFFFFF;
    font-size: 11px;
    padding: 0 3px;
}