@charset "euc-jp";
/*=========================================================================

↓サイトマップ

=========================================================================*/
/*==============================================
 全体 
=============================================*/
body.dirall {
	font-family: "メイリオ", "Meiryo", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", "Helvetica", "Arial", "Verdana", sans-serif;
	font-size: 17px;
	background-color:#fff;
	text-align: left;
}
body.dirall .bgcolorfff {
  background-color:#fff;
}
.DirWrap {
width:100%;
margin:0 auto;
}
.DirBox{
position:relative;
margin:0 auto;
padding:0;
}
@media only screen and (max-width: 811px) {
footer {
	background-color:#EEEEEE!important;
}
.DirWrap {
	margin-top:0;
}
.DirBox {
	margin:0 auto;
	padding:0;
}
.DirmainArea01{
	float:none;
}
.DirmainArea02{
	float:none;
	margin-top:40px;
}
.Only_Column{
	float:none;
}
.DirCol2_PC{
	width:100%;
	float:none;
}
.DirCol3_PC{
	width:100%;
	float:none;
}
.DirCol4_PC{
width:100%;
float:none;
}
}
@media only screen and (min-width: 812px){
.DirWrap {
	margin-top:8px;
}
.DirBox {
	width: 800px;
	margin: 0 auto;
}
.DirmainArea01 {
	float:left;
	width: 460px;
	text-align: left;
}
.DirmainArea02 {
	float: right;
	width: 320px;
	text-align: left;
	margin:0 0 0 20px;
}
.DirCol2_PC{
	width:50%;
	float:left;
}
.DirCol3_PC{
	width:33%;
	float:left;
}
.DirCol4_PC{
width:25%;
float:left;
}
}

@media only screen and (min-width: 980px){
.DirWrap {
	margin-top:8px;
}
.DirBox {
	width: 980px;
	margin: 0 auto;
}
.DirmainArea01 {
	float:left;
	width: 640px;
	text-align: left;
}
.DirmainArea02 {
	float: right;
	width: 320px;
	text-align: left;
	margin:0 0 0 20px;
}
.DirCol2_PC{
	width:50%;
	float:left;
}
.DirCol3_PC{
	width:33%;
	float:left;
}
.DirCol4_PC{
width:25%;
float:left;
}
}


.DircontentsArea01 {
text-align: left;
width: 98%;
margin: 20px auto;
}

/*=========================================================================
■パンくず
=========================================================================*/

.DirBreadWrap {

}
.DirBread{
padding:8px 8px 0;
}
.DirBread ul li{
display:inline-block;
float:left;
height:20px;
line-height:20px;
font-size:14px;
}
.DirBread ul li a{
font-weight:normal;
white-space:nowrap;
}
.DirBread ul li:not(:last-child):after{
	content: '>';
	display: inline-block;
	font-size:14px;
	padding:0 7px 0 4px;
	color:#666;
}

/*=========================================================================
■タイトル
=========================================================================*/
.DirTitle_01 {
position: relative;
height: 64px;
}
.DirTitleTxt_01 {
position: relative;
padding-left: 20px;
margin-bottom: 20px;
border-bottom: 2px solid #e0e0e0;
font-size: 24px;
font-weight: bold;
text-align: left;
line-height:64px;
height:64px;
}
.DirTitleTxt_01:after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
z-index: 2;
width: 216px;
height: 2px;
background-color: #e36a5c;
}
.DirTitleTxt_01 a {
color: #333;
text-decoration: none;
line-height: 64px;
}


/*==============================================
Dirサイトマップ
==============================================*/
.DirSitemapArea h2 {
border-top: 1px dotted #e0e0e0;
border-bottom: 1px dotted #e0e0e0;
color: #333;
font-weight: bold;
text-align: left;
}
.DirSitemapArea h2 {
margin-top:16px;
}
.DirSitemapArea h2 a {
position: relative;
padding: 12px 16px;
display:block;
color: #333;
}
.DirSitemapArea h2 a:hover {
background-color: #f9f9f9;
color:#e36a5c;
text-decoration:underline;
}
.DirSitemapArea .DirCategoryList li a {
display: block;
padding: 10px 12px 10px 28px;
position: relative;
text-decoration: none;
color: #444;
line-height:1.4;
font-weight:normal;
}
.DirSitemapArea .DirCategoryList li a p {
display: table-cell;
vertical-align: middle;
line-height: 1.7;
text-align: left;
word-wrap: break-word;
width: 100%;
}
.DirSitemapArea .DirCategoryList li a:hover {
background-color: #f9f9f9;
color:#e36a5c;
text-decoration:underline;
}


/* ピックアップ
==============================================*/
.DirContents {
margin:16px auto;
}
.DirContents_Header {
background: #edece6;
}
.DirContents_Header .DirContentsTitle {
padding: 20px 0 17px 18px;
text-align: left;
}
.DirContents_Header .DirContentsTitle a {
color: #333;
font-size: 17px;
font-weight: bold;
}
.DirContents_Header .DirContentsTitle a:hover {
color:#e36a5c;
}

.DirContentsList {
background: #faf8f4;
padding:8px 8px 16px;
margin:0 auto;
}


.DirContentsList ul li a {
display:block;
height: 65px;
text-align: center;
border-radius: 4px;
background-color: #fff;
line-height: 1.3;
font-size: 15px;
margin-top:8px;
margin-left:8px;
border: 1px solid #ececec;
box-shadow: 0px 2px 0px rgba(224,224,224,1);
color: #666;
text-decoration: none;
position:relative;
}

@media only screen and (min-width: 812px){
.DirContentsList ul li:nth-child(4n) a {
margin-right:8px;
}
}


.DirContentsList ul li a span.text01 {
width:100%;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}
.DirContentsList ul li a:hover {
background-color: #f9f9f9;
color: #e36a5c;
text-decoration: underline;
}