@charset "UTF-8";
/* CSS Document */

body{
	margin: 0px;
	padding: 0px;
}

body, p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:   11px;
  line-height: 17px;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

a { color: #000; }
a:visited { color: #666; }
/* a:hover { color: #fff; background-color:#000; } */

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid grey;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}


img{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#container{
	margin:  0px;
	padding: 0px;
	width:   1300px;
	height:  1400px;
}

/*headerarea style*/
#header{
	height: 85px;
	width: 1280px;
	text-align: left;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
	/*
        background-repeat: repeat-y;
	background-position: right top;
        background-color: #999999;
        */
}

#logo{
	height: 85px;
	width: 495px;
	text-align: left;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
	background-repeat: repeat-y;
	background-position: right top;
}
#logo ul{
        padding: 0px;
	margin-top:0px;
	margin-left:0px;
	height:100px;
	width:495px;
   	list-style-type:none;
	border-bottom:2px solid white;
}

#logo li{
	margin-top:0px;
	margin-bottom:0px;
	float:left;
	text-indent:0px;
}

#banner{
	height: 85px;
	width: 785px;
	text-align: left;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
	background-repeat: repeat-y;
	background-position: right top;
}

/*menu*/
#menu{
	height: 30px;
	width: 1280px;
	text-align: left;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
        margin-bottom: 0px;
        position: absolute; top: 85px;
        /*background-color: #cccccc;*/
}

#menu ul{
        padding: 0px;
	margin-top:0px;
	margin-left:0px;
	height:30px;
	width:1280px;
   	list-style-type:none;
	border-bottom:2px solid white;
        float:left;
}

#menu li{
	margin-top:0px;
	margin-bottom:0px;
        margin-right:2px;
	float:left;
	text-indent:0px;
}

/* main area */
#main{
	height: 700px;
	width: 1300px;
	text-align: left;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
        background-repeat: repeat-y;
	background-position: right top;
        /*
        background-color: #666666;
        */
        position: absolute; top: 115px;
}

#side{
	height: 635px;
	width: 265px;
	text-align: left;
	vertical-align: top;
	padding: 5px;
        margin: 0px;
        /*margin-right: 5px;*/
	/*margin: 0px;*/
        float: left;
        /*overflow: scroll;*/
        position: relative; top: 0;
        /*background-color: #aaaaaa;*/

}

#side table{
	width: 260px;
}

#side_top{
	height: 240px;
	width: 265px;
	text-align: left;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
/*	background-repeat: repeat-y;
	background-position: right top; */
        float: left;
        /*
        background-color: #aaaaaa;
        */
}

#side_new_arrival{
	height: 460px;
	width: 265px;
	text-align: left;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
/*	background-repeat: repeat-y;
	background-position: right top; */
        float: left;
        /*
        background-color: #aaaaaa;
        */
}

#maparea{
	height: 635px;
	width: 960px;
	text-align: left;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
        /*
        background-color: #cccccc;
        */
        float: right;
        /*
        margin-top: -10px;
        margin-right: 44px;
        */
        position: absolute; top: 0; left: 270px;
}

#map{
	height: 520px;
	width: 960px;
	text-align: left;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
        /*position: absolute; top: 0;*/
        position: absolute; top: 115px; left:5px;
        /* マップ全体を少し薄い感じにする */
        /* background-color: #000000;
        filter: alpha(opacity=75);
        -moz-opacity: 0.75;
        opacity: 0.75;
        */
}

#map_welcome {
	height: 520px;
	width: 960px;
	text-align: left;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
        /*position: absolute; top: 0; left: 240px;*/
        /*position: absolute; top: 110px; left: 0;*/
        position: absolute; top: 0; left: 0;
}

#mapicon{
	height: 115px;
	width: 960px;
	text-align: left;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
        /*background-color: #555555;*/
        /*position: absolute; top: 520px;*/
        position: absolute; top: 0;

}

#mapicon ul{
	margin-top: 5px;
	margin-left: 25px;
        margin-bottom: 10px;
        /*
        margin: 0px;
        */
        padding: 0px;
	width:1000px;
   	list-style-type:none;
	/* border-bottom:2px solid white; */
        /* background: url(../../images/UrbanEcologyTokyo_en.png) repeat-x; */
}

#mapicon li{
	margin-top:0px;
	margin-bottom:0px;
        margin-right:37px;
/*
        margin: 0px;
        padding: 0px;
*/
        float:left;
	text-indent:0px;
}

#mapicon img{
        margin-top: 3px;
        margin-bottom: 3px;
        /* margin: 0px; */
        padding: 0px;
}

#info{
 	height: 550px;
	width: 1300px;
	text-align: left;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
        /*background-color: #dddddd;*/
        position: absolute; top: 755px;

}
#recommend{
 	height: 550px;
	width: 320px;
	text-align: left;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
        /*background-color: #cccccc;*/
        float: left;
}
#blog{
 	height: 550px;
	width: 320px;
	text-align: left;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
        position : absolute ; left : 320px;
        /*background-color: #bbbbbb;*/
        float: left;
}
#news{
 	height: 550px;
	width: 320px;
	text-align: left;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
        position : absolute ; left : 640px;
        /*background-color: #aaaaaa;*/
        float: left;
}
#supporter{
 	height: 550px;
	width: 320px;
	text-align: left;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
        position : absolute ; left : 960px;
        /*background-color: #999999;*/
        float: left;
}

#back_to_home { margin-top: 7px; }
#back_to_home_link { margin-left: 15px; }

.map{
        width:640px;
	height:470px;
        float: right;
        /*position : absolute ; left : 0 ; top : 40px ; width : 640px ;*/
}

#pedal_mirage{
    position: absolute;
    left: 10px;
    top: 500px;
    width: 150px;
    height: 50px;
    background-color: white;
    border:2px gray solid;
}

#pt14{
    font-size: 14pt;
}