@charset "utf-8";
/*--------------------------------------
	copyright : Lampros co.,Ltd.
	-----------------------------------*/

@import url(./reset.css);
@import url(./font-awesome.min.css);
@import url(./common.css);
@import url(./page_common.css);


/*
 index
==============================*/
#contents h1 {margin-bottom: 0; background-image:url(/paradia/_img/sitemap/main.png); height: 294px; position: relative; background-position: 0 -333px; margin-bottom: 30px;}
#contents h1 img {position: absolute; top:100px; left:60px; }

@media screen and (max-width: 640px) {
	#contents h1{height: 110px; -webkit-background-size: cover;
	background-size: cover;}
	#contents h1 img{top: 0; left: 0; top: 0;left: 0;margin-left: 2%;margin-top: 11%;height: 30%;}
}

#contents h2 { color: #2ea2db; border-color:#59c2e1;}
#contents h2 img.bg_color{ background-color: #59c2e1;}
#contents h2 img.h2{padding-top: 18px;}


#contents section {width: 850px; margin-left: auto;margin-right: auto; margin-bottom: 45px;}

#contents section p{width:45%; padding-left: 80px; margin-right: 45px; font-size: 15px;}

@media screen and (min-width: 641px) {
	#contents section div.fl, #contents section div.fr {width:45%;}
}

@media screen and (max-width: 640px) {
	#contents section div.fl, #contents section div.fr{float: none;}
	#contents section{ max-width: 94%;}
	#contents section li{font-size: 14px;}
}


#contents section div > ul >li {margin-bottom: 2em;}
#contents section ul li{font-size: 15px; line-height: 1.8;padding-left:2em; margin-bottom: 1em;}

#contents ul.sub li{line-height: 1.4;}
#contents ul span{ color: #2ea2db;}
#contents ul span.mini{display: block; font-size: 100%;}


#contents a {color:#2ea2db;}
#contents a:hover {opacity:0.7;}

.sub_sub{overflow: hidden;}
.sub_sub > li{float: left;}

#contents .title{font-weight: bold; display: inline-block; margin-bottom: 0.5em; }
/*#contents .nav6 .title{background-color: #CDEEF7; border-radius: 0.4em; padding: 0 0.5em;}*/
#contents .mini_title{margin-bottom: 0.3em; display: inline-block; font-weight: bold;}

#links ul{display:none;}
#links div a{display:block;}


/* index ----------*/