@charset "UTF-8";
/* http://parade.tokyo-pride.org/7th/ */

body { margin: 0;
padding: 0;
background: url(../img/index/background.gif) no-repeat center top scroll; }



/* header */

#header .ttl { float: left;
padding-left: 3px; }

#header h1 { margin: 0;
padding: 15px 0; }

#header .logo { margin: 0;
padding: 15px 0; }

#header .copy { width: 600px;
text-align: right;
margin: 0;
padding-right: 3px;
float: right; }

#header p { font-size: 80%;
color: #44dbf8;
margin: 0;
padding: 10px 0 5px 0; }

#header .copy img { padding-right: 2px; }



/* count */

#count { padding: 15px 0 0 3px;
float: left; }



/* global */

#global { padding: 0 3px 4px 0;
float: right; }



/* topic */

#topic img { padding: 0 3px 0 2px; }

#topic2 { padding-top: 5px; }

#topic2 img { padding: 0 3px 0 2px; }



/* blog */

#blog { padding: 20px 0 0 0;
margin: 0;
width: 400px;
float: left;
font-size: 80%;
line-height: 125%; }

#blog h2 { margin: 0;
padding: 0 0 10px 0; }

.rsstc ul { padding: 0;
margin: 0; }

.rsstc li { padding: 0 0 5px 10px;
margin: 0 5px 0 5px;
list-style:none;
background: url(../img/common/ico_link2.gif) no-repeat top left; }



/* news */

#news { padding: 20px 0 0 20px;
margin: 0;
width: 400px;
float: left;
font-size: 80%;
line-height: 125%; }

#news h2 { margin: 0;
padding: 0 0 10px 0; }

#news ul { padding: 0;
margin: 0; }

#news li { padding: 0 0 5px 10px;
margin: 0 5px 0 5px;
list-style:none;
background: url(../img/common/ico_link2.gif) no-repeat top left; }

#news .date { font-size: 75%;
color: #c7c7c7; }



/* support */

#support { padding-top: 10px;
clear: both; }

#support .sup-l { padding-right: 20px; }



/* pr */

#pr { width: 820px;
clear: both;
padding: 20px 0; }

#pr:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

/*\*/
* html #pr {
height: 1em;
}

#pr {
display: block;
}
/**/



/* greeting */

#greeting { width: 400px;
float: left;
font-size: 75%;
line-height: 150%; }

#greeting h2 { margin: 0;
padding: 5px 0 5px 0; }

#greeting .pho-r { float: right;
padding: 0 0 0 10px; }

#greeting .sig { font-size: larger; }



/* link */

#link { float: right;
widht: 400px; }



/* sponsor */

#sponsor h2 { margin: 0;
padding: 0 0 10px 0; }

#sponsor .banner { padding-bottom: 10px; }

#sponsor .banner img { padding: 0 0 0 34px;
vertical-align: middle; }

#sponsor .banner2 { padding: 12px 0 10px 0; }

#sponsor .banner2 img { vertical-align: middle; }

.bn1 { padding: 0 0 0 25px; }

.bn2 { padding: 0 0 0 20px; }

.bn3 { padding: 0 0 0 22px; }

.bn4 { padding: 0 0 0 34px; }

.bn5 { padding: 0 0 0 51px; }

#sponsor .banner3 { padding: 12px 0 10px 0;
text-align:center; }

#sponsor .banner3 img { vertical-align: middle; }

#sponsor p { margin: 0;
padding-top: 0;
font-size: 80%;
line-height: 150%;
text-align: right; }



/* mobile */

#mobile { border: 3px #ededed solid;
padding: 10px;
margin-top: 30px;
background: url(../img/index/qr_mb2010.gif) no-repeat right top scroll; }

#mobile h3 { margin: 0;
padding: 0 0 5px 0;
font-size: 80%;
color: #44dbf8; }

#mobile p { margin: 0;
font-size: 80%;
line-height: 150%; }



/* parade */

#parade { border: 3px #ededed solid;
padding: 10px;
margin-top: 10px; }

#parade h3 { margin: 0;
padding: 0 0 5px 0;
font-size: 80%;
color: #44dbf8; }

#parade p { margin: 0;
font-size: 80%;
line-height: 100%; }