@charset "utf-8";

/* ============================================================

[ information ]
概要 : カテゴリトップ専用スタイル

[ index ]
■ お知らせ
■ 中ページへのリンクエリア

============================================================ */

/* ---------------------------------------------------------
■ お知らせ
--------------------------------------------------------- */
div.infoArea h2 {
	margin: 20px 0px 5px;
	padding: 0px;
	background: none;
	border: none;
}

.infoArea .tableTypeInfo {
	margin: 10px 0px 30px;
	width: 100%;
	border: none;
}

.infoArea .tableTypeInfo th {
	padding: 5px 15px 5px 0px;
	text-align: left;
	line-height: 1.76;
	border: none;
	background: none;
	width: 1%;
	white-space: nowrap;
	vertical-align: top;
}

.infoArea .tableTypeInfo th img {
	margin-top: 2px;
	vertical-align: top;
}

.infoArea .tableTypeInfo td {
	padding: 5px 0px;
	text-align: left;
	line-height: 1.76;
	border: none;
	vertical-align: top;
}

.infoArea .tableTypeInfo td a {
	display: inline-block;
	margin-left: 4px;
	padding-left: 11px;
	background: url(../img/icons/ico_info.gif) no-repeat 0px 7px;
}

.infoArea .tableTypeInfo td a.linkTypePdf {
	display: inline-block;
	padding-left: 30px;
	background: url(../img/download/icon_info_pdf.gif) no-repeat 0px 3px;
}

/* ---------------------------------------------------------
■ 中ページへのリンクエリア
--------------------------------------------------------- */
.keyVisualBlock { margin: 25px auto; }

.categoryBox_01 { margin: 15px 0px 0px; }
.categoryBox_02 ,
.categoryBox_03 ,
.categoryBox_04 { margin: 15px -25px 0px 0px;}

.categoryBox_01 .ttl {
	margin: 20px 0px;
	padding: 0px 0px 10px;
	background: url(../img/bg_catebox_ttl_long.gif) no-repeat left bottom;
/zoom: 1;
}
.categoryBox_02 .ttl ,
.categoryBox_03 .ttl ,
.categoryBox_04 .ttl {
/zoom: 1;
	margin: 20px 0px;
	padding: 0px 0px 10px;
	background: url(../img/bg_catebox_ttl_short.gif) no-repeat left bottom;
}

.categoryBox_01 .ttl a ,
.categoryBox_02 .ttl a ,
.categoryBox_03 .ttl a ,
.categoryBox_04 .ttl a {
	font-weight: bold;
	line-height: 1.5;
	font-size: 108%;
	color: #0a101a;
}
.categoryBox_01 .ttl a:hover ,
.categoryBox_02 .ttl a:hover ,
.categoryBox_03 .ttl a:hover ,
.categoryBox_04 .ttl a:hover {
	color: #003b90;
	text-decoration: none;
}
.categoryBox_01 .ttl a:after ,
.categoryBox_02 .ttl a:after ,
.categoryBox_03 .ttl a:after ,
.categoryBox_04 .ttl a:after {
	margin: 0 5px;
	content: url(../img/icons/ico_arrow_right_red_01.gif);
	border: none;
/zoom: 1;
}

.categoryBox_01 .item {
	margin: 0px 0px 15px;
	padding: 0px 0px 12px;
}
.categoryBox_02 .item ,
.categoryBox_03 .item ,
.categoryBox_04 .item {
	font-size: 98%;
	display: inline-block;
	margin: 0px 25px 15px 0px;
	padding: 0px 0px 5px;
	vertical-align: top;
/display: inline;
/zoom: 1;
}

.categoryBox_02 .item { width: 350px; }
.categoryBox_03 .item { width: 225px; }
.categoryBox_04 .item { width: 162px; }

.categoryBox_01 .inner ,
.categoryBox_02 .inner ,
.categoryBox_03 .inner ,
.categoryBox_04 .inner { padding-top:1px;}
.categoryBox_01 .inner:after ,
.categoryBox_02 .inner:after ,
.categoryBox_03 .inner:after ,
.categoryBox_04 .inner:after { content : ''; display : block; clear : both; overflow: hidden; }

.categoryBox_01 .inner .txt ,
.categoryBox_02 .inner .txt ,
.categoryBox_03 .inner .txt ,
.categoryBox_04 .inner .txt {
	display: table-cell;
	vertical-align: top;
/display: inline;
/zoom: 1;
}

.categoryBox_01 .inner .txt p ,
.categoryBox_02 .inner .txt p ,
.categoryBox_03 .inner .txt p ,
.categoryBox_04 .inner .txt p {
	margin: 0px;
	line-height: 1.76;
}

.categoryBox_01 .inner .txt ul ,
.categoryBox_02 .inner .txt ul ,
.categoryBox_03 .inner .txt ul ,
.categoryBox_04 .inner .txt ul { margin: -13px 0px 0px 4px; }

.categoryBox_01 .inner .txt li ,
.categoryBox_02 .inner .txt li ,
.categoryBox_03 .inner .txt li ,
.categoryBox_04 .inner .txt li {
	margin: 13px 0;
	padding-left: 11px;
	line-height: 1.76;
	list-style: none;
	background: url(../img/icons/ico_info.gif) no-repeat 0px 6px;
}

.categoryBox_01 .inner .txt p + ul ,
.categoryBox_02 .inner .txt p + ul ,
.categoryBox_03 .inner .txt p + ul ,
.categoryBox_04 .inner .txt p + ul { margin-top: 0.8em; }

.categoryBox_01 .inner .thumb ,
.categoryBox_02 .inner .thumb ,
.categoryBox_03 .inner .thumb ,
.categoryBox_04 .inner .thumb {
	display: block;
	float: right;
	margin-bottom: 20px;
	margin-left: 10px;
	vertical-align: top;
/display: inline;
/zoom: 1;
}

.categoryBox_01 .notes ,
.categoryBox_02 .notes ,
.categoryBox_03 .notes ,
.categoryBox_04 .notes {
	padding-left: 1.3em;
	text-indent: -1.3em;
	font-size: 85%;
}



/* ---------------------------------------------------------
■■レスポンシブ用sytle■■ 
    - 2018/06 : 追加
--------------------------------------------------------- */

/* タブレット・スマホ以下 */
@media screen and  (max-width:750px){
    
    /* お知らせ */
    .infoArea .tableTypeInfo td a{
        margin-left: 0;
    }
    
    /* 中扉ページ */
    .keyVisualBlock img{
        max-width: 100%;
        height: auto;
    }
    .categoryBox_02,
    .categoryBox_03{
        margin: 15px 0 0 0 ;
    }
    .categoryBox_02 .item,
    .categoryBox_03 .item{
        width: 100%;
        min-height: 0 !important;
        box-sizing: border-box;
        padding: 0;
        margin: 0 0 15px 0;
    }
    .categoryBox_02 .item .ttl,
    .categoryBox_03 .item .ttl{
        margin-top: 10px;
        background: url(/common/img/bg_catebox_ttl_short.gif) no-repeat left bottom / 100% 4px;
    }
    .categoryBox_03 .inner{
        display : -ms-flexbox;
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-start;
        -ms-flex-flow: row nowrap;
        -ms-justify-content: flex-start;
    }
    .categoryBox_03 .inner .thumb{
        width: 37%;
        float: none;
        margin-left: 0;
        padding-right: 15px;
        box-sizing: border-box;
    }
    .categoryBox_03 .inner .thumb img{
        width: 100%;
        height: auto;
    }
    .categoryBox_03 .inner .txt{
        display: block;
        width: 63%;
    }
    .categoryBox_03 .inner .txt ul{
        margin: 0;
        width: 100%;
        box-sizing: border-box;
    }
    .categoryBox_03 .inner .txt ul li{
        margin: 0 0 10px 0;
        background-position: 0 7px;
    }
    .categoryBox_04{
        margin: 0;
    }
    .categoryBox_04 .item{
        min-height: 0 !important;
        width: 100%;
        margin-right: 0;
    }
    .categoryBox_04 .item h3{
        margin-top: 0;
    }
    .categoryBox_04 .item .txt{
        display: block;
    }
    
    .infoArea .tableTypeInfo,
    .infoArea .tableTypeInfo tr,
    .infoArea .tableTypeInfo tbody,
    .infoArea .tableTypeInfo th,
    .infoArea .tableTypeInfo td{
        display: block;
        width: 100%;
        box-sizing: border-box;
    }
    .infoArea .tableTypeInfo th{
        padding: 5px;
        background: #F4F4F4;
        font-weight: bold;
    }
    .infoArea .tableTypeInfo th:nth-child(2){
        padding: 10px 0 0 0;
        background: transparent;
        font-weight: normal;
    }
    .infoArea .tableTypeInfo td{
        padding-top: 0;
        padding-bottom: 0;
    }
    .infoArea .tableTypeInfo th:last-child,
    .infoArea .tableTypeInfo td:last-child{
        padding-bottom: 10px;
    }



}