@charset "utf-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    override format.css                           */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/*body*/
body{

}


/* ContentsDivision
--------------------------------------------------- */
#ContentsDivision {
padding-top: 70px;
}

.Container{
  background: #f4f4f4;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    Area Style                                    */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/* MainContentsArea common
--------------------------------------------------- */
.MainContentsArea{
width: 100%;
float: none;
margin: 0 auto!important;
margin-top:15px;
background:#f4f4f4;
}

.MainImageArea{
height:570px;
margin-bottom:0;
width:100%;
text-align:center;
overflow: hidden;

}
.MainImageArea .Contents {

    height: 100%;
    max-height: 570px !important;
    z-index: 200;

}
.MainImageArea .Contents .MainImage{


}
.MainImage ul{
list-style:none; 
position:relative;
}
.MainImage ul li{
    position: absolute;
    top:0;
    left:50%;
}
.MainImage ul li img{
    margin-left:-750px;

}

/*--ここまで共通--------------------------------------------*/
/*共通カスタム*/

/*タイトル*/
.TopMainTitle{
font-size:240%;
text-align:center;
margin:0 0 20px 0;
color:#575757;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight:normal!important;
}
.mainWidth{
}
.LayoutBlock{
margin:0 auto;
max-width:1000px;
}

.MainContentsArea .PageWidthSetter {
    padding: 50px 0px 50px;
    text-align: left;
}

/*アドバイス*/
.TopArea01{
background: #f4f4f4;

}

.MemberPhoto{margin-right:10px;}
.MemberPhoto img{
width:97px;
height:131px;
}


.TopArea01 .BlockContents ul.BlockLeft{
list-style:none;
padding-left:20px;
  width:40%;
}
.TopArea01 .BlockContents ul.BlockLeft li{
float:left;
  width:17.5%;
}
.TopArea01 .BlockContents ul.BlockLeft li img{
  width:100%;
  height:auto;
}

.ToppageMessage{
margin:0 20px;
line-height:1.5;
width:500px;
  width:52%;
text-align: justify;
  /*font-size:90%;*/
}

/*新着*/
.TopArea02{
background: #e7e7e7;
}
.TopArea02 .ButtonBox{
text-align:center;
}
.TopArea02 .ButtonBox span{
}
.TopArea02 .ButtonBox a,
.TopArea02 .ButtonBox a:hover{
color:#fff;
padding:18px 30px;
border-radius:30px;
display:inline-block;
font-size:110%;
}
.TopArea02 .ButtonBox a:hover{
text-decoration:none;

}
.TextItem{}
.TextItem .SubListHeader .BlogCategory,
.TextItem .SubListHeader .Date,
.TextItem .SubListHeader,
.TextItem .ListHeader{
float:left;
display:block;
}
.TextItem .SubListHeader .BlogCategory{
margin-right:15px;
}
.TextItem .SubListHeader .Date{
margin-right:35px;
line-height:1.3;
padding:4px 2px;
}
.TextItem .ListHeader{
width:560px;
line-height:1.3;
padding:4px 2px;
}
/*カテゴリアイコン*/
.TextItem .SubListHeader .BlogCategory a{
text-align:center;
display:block;
width:5em;
padding:4px 2px;
padding:0;
border-radius: 10px 0px 10px 0px / 10px 0px 10px 0px ;
color:#fff;
font-weight:bold;
}
.TextItem .SubListHeader .BlogCategory a:hover{
color:#fff;
font-weight:bold;
}

#TopInformation{
width:800px;
margin:5px auto 30px auto!important;
}
#TopInformation li{
border-top:2px dotted #fff;
padding:8px 0;
}
#TopInformation li:first-child{
border-top:0px dotted #fff;
}
#TopInformation li .ListHeader .PostTitle a{

}
#TopInformation li .ListHeader .PostTitle a:hover{
text-decoration:underline;
/*border-bottom:1px dotted #333;*/
}

.TopArea03{

}
.TopArea03 ul{
list-style:none;
}
.TopArea03 .LayoutTable04 tbody td{
padding:20px 18px;
}
.TopArea03 .LayoutTable05 tbody td{
  padding:20px 10px;
  width:20%;
}
.SubCo2{
border-radius:25px;
border:12px solid #cccccc;
padding:15px 10px;
margin-bottom:80px;
position:relative;
}

.SubCo2 li{
padding-left: 1.3em; 
margin-left:0px; 
text-indent: -0.8em;
min-height:90px;
  min-height:75px;
font-size:115%;
font-size:120%;
  font-size:100%;/*7*/
letter-spacing: 0.00em;
}

.cate03 .SubCo2 li.Unit02{
letter-spacing: 0.08em;
}
.SubCo2 li::before{
margin-right:3px;
width: 0.5em;
font-size:90%;
font-size:85%;
}
.SubCo2::after{
content: " ";
width: 40px;
height: 40px;
background:url(../img/common/icon/icon-arrow-g-top01.png) no-repeat 0 0;
background-size:contain;
position: absolute;
left: 70px;
  left: 60px;
bottom: -70px;

}

.cate02 .SubCo2 li.Unit01{
letter-spacing: 0.08em;
}



.SubCo2 li:first-child{
border-bottom:1px solid #fff;
margin-bottom:15px;
padding-bottom:5px;
}
.SubCo1{
border-radius:15px;
text-align:center;
letter-spacing: 0.1em;
font-size:90%;
  font-size:83%;
}
.SubCo1 span{
display:block;
}

.SubCo1 a{
padding:30px 0 10px 0;
display:block;
font-size:160%;
}
.SubCo1 a span{
font-size:60%;
background: rgba(255, 255, 255, 0.5) none repeat scroll 0% 0%;
width:90px;
margin:0 auto;
text-align:center;
border-radius:5px;
box-shadow: 0px 1px 2px #ccc;
}
.SubCo1 a:hover span{
background: rgba(255, 255, 255, 0.8) none repeat scroll 0% 0%;
width:90px;
margin:0 auto;
text-align:center;
border-radius:5px;
box-shadow: 0px 1px 2px #ccc;
}

.TopArea03 .BlockFooter{
margin:30px 20px 0 20px;
}
.TopArea03 .BlockFooter p{
color:#fff;
text-align:center;
padding:8px;
font-size:180%;
}
.TopArea03 .BlockFooter p.ColumnSub{
color:#333;
background:#d4e6ff;
font-size:120%;
border-top:2px solid #fff;
}
.TopArea03 .BlockFooter p.ColumnSub span{
padding:8px 30px;
}
.TopArea03 .BlockFooter p span::before{
color:#1dabe3;
}


.ContentsTable.LayoutTable05{

}