@charset "utf-8";

a {text-decoration: none;}
a:hover {color: #858585;}

#main .mainVisual {margin-bottom: 44px;}

#main .section01,
#main .section02 {width: 322px;}

#main .section01 {float: left;}
	
	#main .section01 h2 {
		border-bottom: 1px dotted #666666;
		margin-bottom: 12px;
		font-size: 15px;
		}
	
	#main .section01 ul {padding-bottom: 18px;}
		
		#main .section01 ul.broadsquare li {background: url(../../sitemap/img/broadsquare_puzzle.gif) 0 0 no-repeat;}
		#main .section01 ul.stayhills li {background: url(../../sitemap/img/stayhills_puzzle.gif) 0 0 no-repeat;}
		#main .section01 ul.orkbuild li {background: url(../../sitemap/img/orkbuild_puzzle.gif) 0 0 no-repeat;}
		#main .section01 ul.pivotsengawa li {background: url(../../sitemap/img/pivotsengawa_puzzle.gif) 0 0 no-repeat;}
		#main .section01 ul.queensisetan li {background: url(../../sitemap/img/queensisetan_puzzle.gif) 0 0 no-repeat;}
		#main .section01 ul.pssquare li {background: url(../../sitemap/img/cetaitbon_puzzle.gif) 0 0 no-repeat;}
		#main .section01 ul.southcourt li {background: url(../../sitemap/img/southcourt_puzzle.gif) 0 0 no-repeat;}
		
		#main .section01 li {
			margin-bottom: 8px;
			padding-left: 22px;
			line-height: 1.3;
			font-weight: bold;
			}
			
			#main .section01 ul.pivotsengawa li,
			#main .section01 ul.queensisetan li,
			#main .section01 ul.cetaitbon li {margin-left: -2px;}
			
			
			#main .section01 li ul {
				margin-top: 8px;
				padding-bottom: 0;
				}
				
				#main .section01 li li {
					margin-bottom: 6px;
					margin-left: 0;
					padding-left: 14px;
					font-weight: normal;
					}
					
					#main .section01 ul.broadsquare li li {background: url(../../sitemap/img/broadsquare_mark.gif) 0 3px no-repeat;}
					#main .section01 ul.stayhills li li {background: url(../../sitemap/img/stayhills_mark.gif) 0 3px no-repeat;}
					#main .section01 ul.orkbuild li li {background: url(../../sitemap/img/orkbuild_mark.gif) 0 3px no-repeat;}
					#main .section01 ul.pivotsengawa li li {background: url(../../sitemap/img/pivotsengawa_mark.gif) 0 3px no-repeat;}
					#main .section01 ul.queensisetan li li {background: url(../../sitemap/img/queensisetan_mark.gif) 0 3px no-repeat;}
					#main .section01 ul.pssquare li li {background: url(../../sitemap/img/pssquare_mark.gif) 0 3px no-repeat;}
					#main .section01 ul.southcourt li li {background: url(../../sitemap/img/southcourt_mark.gif) 0 3px no-repeat;}

#main .section02 {
	float: right;
	margin-top: 24px;
	}
	
	#main .section02 li {
		border-top: 1px dotted #666666;
		line-height: 1.3;
		padding: 14px 0 14px 22px;
		font-weight: bold;
		}
		
		#main .section02 li.mission {background: url(../../sitemap/img/mission_puzzle.gif) 0 13px no-repeat;}
		#main .section02 li.newsinfo {background: url(../../sitemap/img/newsinfo_puzzle.gif) 0 13px no-repeat;}
		#main .section02 li.allshopindex {background: url(../../sitemap/img/allshopindex_puzzle.gif) 0 15px no-repeat;}
		
		#main .section02 li.allshopindex li {margin-bottom: 4px;}
		
		#main .section02 li.allshopindex li.name {
				background-image: none!important;
				padding-left: 0;
				margin: 10px 0 6px 0;
				}
		
		#main .section02 li.allshopindex ul.broadsquare li {background: url(../../sitemap/img/broadsquare_mark.gif) 0 4px no-repeat;}
		#main .section02 li.allshopindex ul.stayhills li {background: url(../../sitemap/img/stayhills_mark.gif) 0 4px no-repeat;}
		#main .section02 li.allshopindex ul.orkbuild li {background: url(../../sitemap/img/orkbuild_mark.gif) 0 4px no-repeat;}
		#main .section02 li.allshopindex ul.povotsengawa li {background: url(../../sitemap/img/pivotsengawa_mark.gif) 0 4px no-repeat;}
		#main .section02 li.allshopindex ul.queensisetan li {background: url(../../sitemap/img/queensisetan_mark.gif) 0 4px no-repeat;}
		#main .section02 li.allshopindex ul.cetaitbon li {background: url(../../sitemap/img/cetaitbon_mark.gif) 0 4px no-repeat;}
		#main .section02 li.allshopindex ul.other li {background: url(../../sitemap/img/other_mark.gif) 0 4px no-repeat;}
		#main .section02 li.allshopindex ul.pssquare li {background: url(../../sitemap/img/pssquare_mark.gif) 0 4px no-repeat;}
		#main .section02 li.allshopindex ul.southcourt li {background: url(../../sitemap/img/southcourt_mark.gif) 0 4px no-repeat;}
		#main .section02 li.allshopindex ul.park li {background: url(../../sitemap/img/park_mark.gif) 0 4px no-repeat;}
		
			#main .section02 li.allshopindex ul.broadsquare li.name {color: #df3a96;}
			#main .section02 li.allshopindex ul.stayhills li.name {color: #fccf00;}
			#main .section02 li.allshopindex ul.orkbuild li.name {color: #00a0e8;}
			#main .section02 li.allshopindex ul.povotsengawa li.name {color: #76c500;}
			#main .section02 li.allshopindex ul.queensisetan li.name {color: #227924;}
			#main .section02 li.allshopindex ul.cetaitbon li.name {color: #ed3030;}
			#main .section02 li.allshopindex ul.other li.name {color: #2c488c;}
			#main .section02 li.allshopindex ul.pssquare li.name {color: #ed3030;}
			#main .section02 li.allshopindex ul.southcourt li.name {color: #38b685;}
			#main .section02 li.allshopindex ul.park li.name {color: #f07100;}
		
		
		#main .section02 li.allshopindex li {
			border-top: none;
			font-weight: normal;
			padding: 0 0 0 14px;
			}

	#main .section02 li.access {background: url(../../sitemap/img/access_puzzle.gif) 0 13px no-repeat;}
	#main .section02 li.parking {background: url(../../sitemap/img/parking_puzzle.gif) 0 15px no-repeat;}
	#main .section02 li.other {background: url(../../sitemap/img/other_puzzle.gif) 0 13px no-repeat;}

.pagetop {clear: both;}

@media screen and (max-width: 640px) {
		header h1{
		margin-bottom: 0;
	}
	#main .mainVisual{
		width: 100%;
		height: auto;
		margin-bottom: 0;
	}
	#main .mainVisual img{
		width: 100%;
		height: auto;
	}
 .sp_border{
		border: 4px solid #a5dafc;
	padding: 6%;
	}
/*-------------------------------------------------------------*/
#main .section01,
#main .section02 {
	width:88%;
	padding: 6%;
	}

#main .section01 {float: none;}
	
#main .section01 h2 {
		margin-bottom: 12px;
		}
#main .section01 li,
#main .section02 li{
	font-size: 14px;
	padding-bottom: 7px;
	}
	#main .section02 li.allshopindex li{
	padding-bottom: 7px;
		
	}
}