/*** for PC Browser ***/
@media (min-width:401px)
{
#headertop
{
background-color: #1B2D6B;
float: left;
width: 100%;
padding: 5px 0;
}

#headertop .flame
{
width: 950px;
margin: 0 auto;
padding: 5px;
color: #ffffff;
}

#headertop .flame .top_logo
{
  float: left;
}

#headertop .flame .city_logo
{
  float: right;
}

#headertop .inflame
{
width: 800px;
float: left;
text-align: center;
}

#headertop .inflame a
{
color: #ffffff;
text-indent: -9999px;
}

a#irohenkou_anchor {
    background: rgba(0, 0, 0, 0) url("../../../Images/110aniv/color.png") no-repeat scroll 0 0;
    height: 25px;
    width: 94px;
}

a#furigana_anchor {
    background: rgba(0, 0, 0, 0) url("../../../Images/110aniv/furigana.png") no-repeat scroll 0 0;
    height: 25px;
    width: 99px;
}


.header_outside_b
{
background: url(../../../Images/110aniv/110aniv_head_b.png) no-repeat center bottom;
font-size:0% !important;
padding: 0 0 11px 0;
float: left;
width: 100%;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
#headertop
{
background-color: #1B2D6B;
float: left;
width: 100%;
padding: 5px 0;
}

#headertop .flame
{
width: 310px;
margin: 0 auto;
padding: 5px;
color: #ffffff;
}

#headertop .flame .top_logo
{
  float: left;
}

#headertop .flame .city_logo
{
  float: right;
}

#headertop .inflame
{
width: 170px;
float: left;
text-align: center;
}

#headertop .inflame a
{
color: #ffffff;
text-indent: -9999px;
}

a#irohenkou_anchor {
    height: 25px;
    width: 94px;
}

a#furigana_anchor {
    height: 25px;
    width: 99px;
}


.header_outside_b
{
background: url(../../../Images/110aniv/110aniv_head_b.png) no-repeat center bottom;
font-size:0% !important;
padding: 0 0 11px 0;
float: left;
width: 100%;
}
}