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

/******************** ▼全体・共通 ********************/

body{
margin:0;
font-size:12px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height:16px;
color:#535353;
background-color:#d4d4d4;
background-image:url(img/bg.png);
background-repeat:repeat-x;
background-position:top left;
}

img{
display:block;
}

a{
color:#ff7327;
text-decoration:underline;
}

a:link{
color:#ff7327;
text-decoration:underline;
}

a:visited{
color:#ff7327;
text-decoration:none;
}

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

a img{
border: none;
}


#main-area{
margin-left:auto;
margin-right:auto;
width:1002px;
background-color:#FFFFFF;
background-image:url(img/bg-main.png);
background-repeat:repeat-y;
}


/******************** ▼ヘッダー ********************/

#header-img{
  width:992px;
margin-bottom:10px;
}


/********************** ▼MAP **********************/

#map-area{
position:relative;
margin-top:15px;
background-image:url(img/map.png);
background-repeat:no-repeat;
width:854px;
height:430px;
}

#map-area img { border: none; }

#map-icon-bar{
position:absolute;
top:195px;
left:777px;
}

.map-icon-bar1{
position:absolute;
top:168px;
left:787px;
text-align:right;
line-height:12px;
width:30px;
}

.map-icon-bar1 span{
font-size:11px;
}

.map-icon-bar2{
position:absolute;
top:350px;
left:787px;
width:30px;
text-align:right;
}

.map-btn1{
position:absolute;
top:370px;
left:631px;
}

.map-btn2{
position:absolute;
top:370px;
left:700px;
}

.map-btn3{
position:absolute;
top:370px;
left:769px;
}

.map-btn0{
position:absolute;
top:393px;
left:631px;
}


#map-btn-day{
position:absolute;
top:393px;
left:705px;
background-image:url(img/map-btn-day.png);
background-repeat:no-repeat;
width:132px;
height:21px;
}

#map-btn-day div{
margin-top:3px;
text-align:center;
}

#day-back{
position:absolute;
top:4px;
left:4px;
}

#day-next{
position:absolute;
top:4px;
left:115px;
}

#dl-map{
position:absolute;
top:-4px;
left:727px;
}

#dl-graph{
position:absolute;
top:8px;
left:727px;
}

#dl-tweet{
position:absolute;
top:8px;
left:727px;
}

.map-today{
width:175px;
height:25px;
background-image:url(img/map-today-bg.png);
background-repeat:no-repeat;
position:absolute;
top:345px;
left:335px;
padding-top:5px;
font-weight:bold;
color:#2d4463;
}



/************** ▼グラフ、ツイート共通 **************/

.box1{
width:854px;
text-align:left;
margin-top:10px;
position:relative;
}

.box1-area{
position:relative;
background-image:url(img/box1-b.png);
background-repeat:repeat-y;
width:854px;
text-align:left;
padding:10px 0 10px 0;
}

.box1-area-h{
margin:0 10px 10px 14px;
font-weight:bold;
font-size:14px;
}

.graph-box{
width:765px;
height:270px;
position:relative;
top:0px;
left:40px;
padding-bottom:15px;
}


.box1-h{
float:left;
margin-left:9px;
}

.box1 select{
float:left;
margin:4px 0 0 6px;
height:20px;
}


/******************** ▼グラフ ********************/

.graph-yl{
position:absolute;
top:95px;
left:13px;
}

.graph-yr{
position:absolute;
top:95px;
left:808px;
}

.graph-x{
position:absolute;
top:310px;
left:360px;
}


/******************** ▼ツイート ********************/

.overview li{
position:relative;
}

.tweet-value{
display:block;
position:absolute;
top:38px;
left:9px;
width:32px;
text-align:center;
}

#tweet-level{
text-align:right;
padding-right:17px;
}

#tweet-level img{
display:inline;
position:relative;
top:8px;
margin:0 2px;
}

.tweet-btn0{
position:absolute;
top:3px;
left:176px;
}

.tweet-btn-day{
position:absolute;
top:3px;
left:250px;
background-image:url(img/map-btn-day.png);
background-repeat:no-repeat;
width:132px;
height:21px;
}

.tweet-btn-day div{
margin-top:3px;
text-align:center;
}

#tweet-day-back{
position:absolute;
top:4px;
left:4px;
}

#tweet-day-next{
position:absolute;
top:4px;
left:115px;
}


/******************** ▼フッター ********************/

#footer-area{
position:relative;
width:992px;
height:37px;
background-image:url(img/footer-bg1.png);
background-repeat:no-repeat;
margin-top:35px;
color:#FFFFFF;
text-align:right;
}

#footer-area img-a{
position:absolute;
top:7px;
left:10px;
}

#footer-area img-b{
position:absolute;
top:5px;
left:790px;
}


#footer-area span{
display:block;
padding-right:10px;
padding-top:12px;
}



/******************** ▼javascript関連 ********************/


ul {
    margin: 0;
    padding: 0;
	position:relative;
	top:0;
	left:11px;
}
#slider5 {
    margin:0;
    overflow: hidden;
    padding:0;
	height:345px;
}
#slider5 .viewport {
    height: 350px;
    overflow: hidden;
    position: relative;
    width: 838px;
	padding:0;
}
#slider5 .disable {
    visibility: hidden;
}
#slider5 .overview {
    list-style: none outside none;
    position: absolute;
    width: 838px;
}
#slider5 .overview li {
    float: left;
    height: 50px;
    margin: 0 0;
    padding: 10px;
    width: 838px;
	background-image:url(img/tweet-bg.png);
	background-repeat:no-repeat;
}
.tweetdate1{
	color:#325874;
	font-size:11px;
	display:block;
	margin-top:2px;
}

.tweetdate2{
	color:#325874;
	font-size:11px;
	margin-top:2px;
}


#slider5 .overview li img{
	float:left;
	margin-right:7px;
	margin-bottom:50px
}
#slider5 .overview li div{
	width:805px;
}

#datepicker {
	position: relative;
	top: -250px;
	left: 100px;
	z-index: 10;
}

#date-btn0{
	z-index: 20;
}
#date-btn0a{
	z-index: 20;
}

#pref2_dammy{
	margin-left:5px;
	margin-bottom:3px

}



.map-btn-t{
	position:absolute;
	margin-left:180px;
	margin-top:4px;
	float:left;
	z-index: 20;
}

/*
#date-btn-ta{
	z-index: 20;
}
#datestring-t{
}

*/

#map-btn-day-t{
	z-index: 25;
}

.map-comment {
    left: 687px;
    line-height: 12px;
    position: absolute;
    text-align: left;
    top: 340px;
    width: 150px;
}