@charset "utf-8";
/* Style Index ===============================

	Name : original css

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

/* ------------------------------------------
 Category Title
-------------------------------------------*/

#cateTtl{
	font-size:24px;
	color:#FFF;
	text-align:center;
	line-height:80px;
	border:none !important;
	background:#00a5f9;

    -webkit-text-shadow:      
        1px 1px 3px rgba(0, 0, 0, 0.2), -1px -1px 3px rgba(0, 0, 0, 0.2),
        -1px 1px 3px rgba(0, 0, 0, 0.2), 1px -1px 3px rgba(0, 0, 0, 0.2),
        0px 1px 3px rgba(0, 0, 0, 0.2),  0 -1px 3px rgba(0, 0, 0, 0.2),
        -1px 0 3px rgba(0, 0, 0, 0.2), 1px 0 3px rgba(0, 0, 0, 0.2);
    -moz-text-shadow:
		1px 1px 3px rgba(0, 0, 0, 0.2), -1px -1px 3px rgba(0, 0, 0, 0.2),
		-1px 1px 3px rgba(0, 0, 0, 0.2), 1px -1px 3px rgba(0, 0, 0, 0.2),
		0px 1px 3px rgba(0, 0, 0, 0.2),  0 -1px 3px rgba(0, 0, 0, 0.2),
		-1px 0 3px rgba(0, 0, 0, 0.2), 1px 0 3px rgba(0, 0, 0, 0.2);
    -ms-text-shadow:      
		1px 1px 3px rgba(0, 0, 0, 0.2), -1px -1px 3px rgba(0, 0, 0, 0.2),
		-1px 1px 3px rgba(0, 0, 0, 0.2), 1px -1px 3px rgba(0, 0, 0, 0.2),
		0px 1px 3px rgba(0, 0, 0, 0.2),  0 -1px 3px rgba(0, 0, 0, 0.2),
		-1px 0 3px rgba(0, 0, 0, 0.2), 1px 0 3px rgba(0, 0, 0, 0.2);
    text-shadow:      
		1px 1px 3px rgba(0, 0, 0, 0.2), -1px -1px 3px rgba(0, 0, 0, 0.2),
		-1px 1px 3px rgba(0, 0, 0, 0.2), 1px -1px 3px rgba(0, 0, 0, 0.2),
		0px 1px 3px rgba(0, 0, 0, 0.2),  0 -1px 3px rgba(0, 0, 0, 0.2),
		-1px 0 3px rgba(0, 0, 0, 0.2), 1px 0 3px rgba(0, 0, 0, 0.2);
}

/* ------------------------------------------
 Category Nav
-------------------------------------------*/

#cateTopNav{
	padding:10px 0;
}

	#cateTopNav ul {
		display: grid;
		display: -ms-grid;
		grid-template-columns: 1fr 1fr;
		-ms-grid-columns: 1fr 1fr;
		grid-gap: 10px 10px;
	}

		#cateTopNav ul li {
			display: grid;
			display: -ms-grid;
			padding: 0;
			text-align: center;
		}

			#cateTopNav ul li a {
				display: flex;
				justify-content: center;
				flex-direction: column;
				align-items: center;
			}

#cateTopNav ul li img{
    height: auto;
    width: 240px;
}

#cateTopNav ul li h2{
	font-size:14px;
	height:50px;
	padding:0 5px;
	line-height:1.4 !important;
}

#cateTopNav ul li h2 a{
	text-decoration:none;
}


	.infoBox ul li a {
		background: none
	}

#topInfo{
}

#topInfo h2{
	text-align:center;
	font-size:18px;
	font-weight:bold;
	line-height:60px;
	padding:0 0 0 10px;
	border-bottom:1px solid #0052c4;
}

#topInfo ul{
	padding:10px;
}

#topInfo ul li{
	padding:15px 10px 15px;
	background:url(../../common/images/common/line_dotted_1.png) repeat-x left bottom;
	position:relative;
}

#topInfo ul li a{
	display:block;
	width:100%;
	height:100%;
	/*position:absolute;
	top:0;
	left:0;*/
    text-decoration:none;
    color:#333333;
}

#topInfo ul li:last-child{
	margin:0 !important;
}

#topInfo ul li p{
	padding:0 0 5px;
	overflow:hidden;
}