@charset "shift_jis";

/* machiakari */





/* link */


div.listBox li p a:link,
div.listBox li p a:visited{
	color: #666666;
	text-decoration: none;
}

div.listBox li p a:hover,
div.listBox li p a:active{
	color: #c02900;
}



div.machiakariBox{
	
}

div.machiakariBox p.title{
	margin: 0px 0px 16px 0px;
	background: url(../img/title_machiakari.gif) no-repeat left top;
	width: 770px;
	height: 37px;
	text-indent: -9999px;
}

div.machiakariBox p.lead{
	margin: 0px 0px 38px 20px;
	line-height: 2em;
	font-size: 0.875em;
}


div.listBox{
	margin: 0px 0px 20px 20px;
	width: 712px;
}


div.listBox div.streets,
div.listBox div.event{
	width: 336px;
	float: left;
}

div.listBox div.waterfront,
div.listBox div.safety{
	width: 336px;
	float: right;
}

div.listBox div.streets h2{
	background: url(../img/h2_streets.gif) no-repeat left top;
	width: 336px;
	height: 43px;
	text-indent: -9999px;
}

div.listBox div.waterfront h2{
	background: url(../img/h2_waterfront.gif) no-repeat left top;
	width: 336px;
	height: 43px;
	text-indent: -9999px;
}

div.listBox div.event h2{
	background: url(../img/h2_event.gif) no-repeat left top;
	width: 336px;
	height: 43px;
	text-indent: -9999px;
}

div.listBox div.safety h2{
	background: url(../img/h2_safety.gif) no-repeat left top;
	width: 336px;
	height: 43px;
	text-indent: -9999px;
}

div.listBox ul{
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
	background:#ededee url(../img/list_bg.gif) repeat-x left top;
	border: solid 1px #e0e0e0;
}

div.listBox li{
	margin: 0px 0px 10px 20px;
	padding: 0px 0px 10px 0px;
	width: 290px;
	list-style: none;
	background: url(../img/dot.gif) repeat-x left bottom;
}

div.listBox li.last{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	background: none;
}

div.listBox li h3{
	float: left;
	width: 62px;
	height: 62px;
	
}

div.listBox li h3 a{
	display: block;
	width: 62px;
	height: 62px;	
	text-indent: -9999px;
}



div.listBox li p{
	margin: 0px;
	padding: 10px 0px 10px 0px;
	width: 210px;
	float: right;
	font-size: 0.75em;
	line-height: 1.6em;
	
}

div.listBox li p a{
	padding: 0px 0px 0px 10px;
	display: block;
	background: url(../img/arrow.gif) no-repeat left center;
	width: 210px;
}

div.listBox li p.l1{
	padding-top: 17px;
}

div.listBox li p.l3{
	padding-top: 2px;
}


div.listBox li p span{
	font-size: 0.8333em;
}

div.listBox div.streets li.n01 h3 a{	
	background: url(../img/streets_img01.jpg) no-repeat left top;	
}

div.listBox div.streets li.n01 h3 a:hover{	
	background: url(../img/streets_img01_on.jpg) no-repeat left top;	
}

div.listBox div.streets li.n02 h3 a{	
	background: url(../img/streets_img02.jpg) no-repeat left top;	
}

div.listBox div.streets li.n02 h3 a:hover{	
	background: url(../img/streets_img02_on.jpg) no-repeat left top;	
}

div.listBox div.streets li.n03 h3 a{	
	background: url(../img/streets_img03.jpg) no-repeat left top;	
}

div.listBox div.streets li.n03 h3 a:hover{	
	background: url(../img/streets_img03_on.jpg) no-repeat left top;	
}


div.listBox div.waterfront li.n01 h3 a{	
	background: url(../img/waterfront_img01.jpg) no-repeat left top;	
}

div.listBox div.waterfront li.n01 h3 a:hover{	
	background: url(../img/waterfront_img01_on.jpg) no-repeat left top;	
}

div.listBox div.waterfront li.n02 h3 a{	
	background: url(../img/waterfront_img02.jpg) no-repeat left top;	
}

div.listBox div.waterfront li.n02 h3 a:hover{	
	background: url(../img/waterfront_img02_on.jpg) no-repeat left top;	
}

div.listBox div.event li.n01 h3 a{	
	background: url(../img/event_img01.jpg) no-repeat left top;	
}

div.listBox div.event li.n01 h3 a:hover{	
	background: url(../img/event_img01_on.jpg) no-repeat left top;	
}

div.listBox div.event li.n02 h3 a{	
	background: url(../img/event_img02.jpg) no-repeat left top;	
}

div.listBox div.event li.n02 h3 a:hover{	
	background: url(../img/event_img02_on.jpg) no-repeat left top;	
}


div.listBox div.event li.n03 h3 a{	
	background: url(../img/event_img03.jpg) no-repeat left top;	
}

div.listBox div.event li.n03 h3 a:hover{	
	background: url(../img/event_img03_on.jpg) no-repeat left top;	
}


div.listBox div.safety li.n01 h3 a{	
	background: url(../img/safety_img01.jpg) no-repeat left top;	
}

div.listBox div.safety li.n01 h3 a:hover{	
	background: url(../img/safety_img01_on.jpg) no-repeat left top;	
}


p.supportBtn{
	margin: 0px 0px 30px 20px;
}
p.contactBtn{
	margin: 0px 0px 30px 15px;
}

p.textRR{
	margin: 0px 30px 15px 0px;
	text-align: right;
	font-size: 0.625em;
}

div#contentsR p.pdfreader{
	margin-left: 10px;
}




/* support */



div.machiakariBox div.support{
	margin: 0px 0px 20px 15px;
	padding: 33px 0px 20px 0px;
	width: 732px;
	background:#ededed url(../img/support_bg.gif) repeat-x left top;
	border: solid 1px #c7c7c7;
	color: #666666;
}

div.machiakariBox div.box02{
	background:#ededed url(../img/support_bg2.gif) repeat-x left top;
}

div.machiakariBox div.support p.lead img{
	margin: 0px 0px 10px 0px;
}


div.machiakariBox div.support p.lead{
	margin-left: 33px;
	line-height: 1.5em;
	font-size: 0.75em;
}

div.machiakariBox div.support p.lead02{
	margin: 0px 0px 10px 33px;
}

div.machiakariBox div.support p.example{
	margin: 0px 0px 0px 33px;
}

div.machiakariBox div.support dl.partnership{
	margin: 0px 0px 10px 33px;
}

div.machiakariBox div.support dl.partnership dd{
	font-size: 0.75em;
	line-height: 1.5em;
}


div.machiakariBox div.supportBox{
	margin: 0px 0px 0px 33px;
	width: 682px;
	font-size: 0.75em;
}

div.machiakariBox div.supportBox div.boxL{
	width: 320px;
	
	float: left;
}

div.machiakariBox div.supportBox div.boxR{
	width: 320px;
	float: right;
}

div.machiakariBox div.supportBox dl{
	width: 320px;
}

div.machiakariBox div.supportBox dl dt{
	margin: 0px 0px 5px 0px;
}

div.machiakariBox div.supportBox p{
	margin: 0px 0px 15px 0px;
	width: 320px;
	line-height: 1.5em;
}

div.machiakariBox div.supportBox ul{
	width: 320px;
}


div.machiakariBox div.supportBox ul li{
	margin: 0px 0px 5px 0px;
	list-style: none;
	font-weight: bold;
}



/*
===== 00: CLEARFIX ==========================================
*/
div.section:after,
div.listBox li:after
{ content: url(../../common/img/pixel.gif); display: block; clear: both; height: 0; }

div.section,
div.listBox li
{ display: inline-block; }

div.section,
div.listBox li
{ display: block; }

/* MacIE \*//*/
div.section,
div.listBox li
{ overflow: hidden; }
/* */