body, html, main {
    /* important */
    height: 100%;
}
  

.pName {
	background: #93c1bd;
}


ol.numList .indList {
	padding-left: 20px;
}

ol.numList .indList li {
	list-style: none;
}

div.grBox {
	background: #e6e6e6;
	padding: 2%;
}

#contents .w_745 {
	clear: both;
	overflow: hidden;
	margin: 0 auto;
	width: 730px;
}

#contents .mapLink {
	background: url(../images/bg_categoly.gif) center top repeat-y;
	border-radius: 3px;
    padding: 10px 20px;
	position: relative;
	margin-bottom: 20px;
    width: 300px;
}

#contents .mapLink a {
	color: #FFF;
	display: block;
	width: 300px;
}

#contents .mapLink:after {
	content: url(../images/icon01.gif) ;
	height: 20px;
    position: absolute;
    right: 7px;
    top: 24%;
    width: 20px;
}

#contents .mapList {
	margin: 0 auto 20px;
	width: 280px;
}

#contents .mapList li {
	margin-bottom: 10px;
}

#contents .mapList li:before {
	content:url(../images/icon02.gif) ;
}

#contents .mapList li a {
	padding-left: 7px;
}

#contents .sitemap .hrefBoxL,#contents .sitemap .hrefBoxR {
	width: 300px;
}

#contents .mapList li.iconBlank:after {
	content:url(../images/icon03.gif) ;
	padding-left: 7px;
}


.linkList { clear: both; overflow: hidden; margin-bottom: 30px;}
.linkList li { display: inline; border-right: 1px solid #7a7a7a; }
.linkList li a { text-decoration: underline; padding: 10px;}
.linkList li a:hover { text-decoration: none;}



@charset "utf-8";
@media only screen and (max-width: 800px) {
/* CSS Document */
	
	.linkList li {
		border: none;
		line-height: 1.6;
		display: block;
	}
	
	.linkList li:before {
		content:url(../images/icon02.gif) ;
	}
	
}