body { background : #fff; margin : 0; border : 0; padding : 0; }

#paper { width : 946px; margin : 0 auto; }

#logonavi { float : left; width : 146px; margin : 0 88px 0 10px; }
#content  { float : left; width : 380px; }
#sidebar  { float : left; width : 234px; margin : 0 10px 2em 78px; }

#logo { margin : 22px 0 0 -1px; }

#menu { margin-top : 35px; }

#title { margin-top : 125px; }

#text { width : 100%; }

#bottomline { width : 100%; margin-top : 53px; border-top : 1px solid #ff880b; padding-top : 5px; }

#bottomline span { display: inline-block; position: relative; height : 2em; width: 67%; }

#bottomline.right span { width: 100%; }

#sidehead { width : 100%; height : 110px; margin-bottom : 38px; background : #edf7de; }

#sidehead p { margin-top : -28px; padding-left : 11px; }

#sideintro h2 { margin : 0; padding-bottom : 0.8889em; }

.sidepost { border-bottom : solid 1px #ff880b; padding : 7px 0 16px; }

@media only screen and (min-width : 1269px)
{
#paper { width : 1112px; }

#sidebar { margin-right : 166px; }
}

@media only screen and (min-width : 1102px) and (max-width : 1268px)
{
#paper { margin : 0 0 0 78px; }
}

@media only screen and (max-width : 868px)
{
#menu, #text, .sidepost { font-size : 1.1429em; }
#sideintro h2           { font-size : 1.4694em; }

#sidebar ul       { margin-left : 22px; }
#sidebar .twin    { width : 41.053%; }
#sidebar .twin li { letter-spacing : 0.2pt; }
}

@media only screen and (min-width : 571px) and (max-width : 868px)
{
#paper { width : 634px; margin : 0; }

#content { margin-right : 10px; }

#sidebar { float : none; clear : both; width : 380px; margin : 0 10px 2em 244px; padding-top : 25px; }
}

@media only screen and (min-width : 571px) and (max-width : 633px)
{
#paper { width : 100%; }

#logonavi { width : 36.909%; margin : 0 0 0 1.5773% }
#content  { width : 59.937%; margin-right : 1.5773% }
#sidebar  { width : 59.937%; margin : 0 1.5773% 2em 38.486%; }

#title img, #text img { max-width : 100%; height : auto; }
}

@media only screen and (max-width : 570px)
{
#paper { width : 380px; }

#logonavi { float : none; clear : both; width : 380px; margin : 0; }
#content  { float : none; clear : both; }
#sidebar  { float : none; clear : both; width : 380px; margin : 25px 0 2em; }

#logo { float : left; margin : 22px 0 0; }

#menu { float : left; margin : 15px 0 18px 55px; }

#menu #blocky { margin-top : 5px; }

#title { padding-top : 36px; margin : 0; }
}

@media only screen and (max-width : 422px)
{
#paper { width : 100%; margin : 0; }

#logonavi { width : 95%; margin : 0 0 0 5%; }
#content  { width : 90%; margin : 0 5%; }
#sidebar  { width : 90%; margin : 25px 5% 2em; }

#logo { width : 33.666%; height : auto; }

#menu { margin-left : 13.716%; }

#title img, #text img { max-width : 100%; height : auto; }
}

@media only screen and (max-width : 380px)
{
#sidebar ul       { margin-left : 12px; }
#sidebar .twin    { width : 50%; }
#sidebar .twin li { letter-spacing : 0; }
}

@media only screen and (max-width : 300px)
{
#paper { width : 300px; }
}