/*** for PC Browser ***/
@media (min-width:401px)
{
#smart_mode_change
{
display:none;
color:white;
background:url("../../../Images/menu_pc_b.gif") no-repeat top left gray;
/*color:black;
background:url("../../../Images/menu_pc_b.gif") no-repeat top left #f0f0f0;*/
position:relative;
margin:5px auto;
width:320px;
height:40px;
}

#smart_mode_sf_btn
{
position:absolute;
left:60px;
top:6px;
width:125px;
height:30px;
overflow:hidden;
}




#leftpane_toggle
{
display:none;
}


/* 表示切り替え */
#smart_mode_change
{
  display:none;
  color:white;
  background:url("../../../Images/menu_pc_b.gif") no-repeat top left gray;
  position:relative;
  margin:5px auto;
  width:320px;
  height:40px;
  font-size:15px;
  font-weight:bold;
  font-family: 'メイリオ', Meiryo, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3' , Verdana, Arial, 'ＭＳ Ｐゴシック', Osaka, sans-serif;
}

#smart_mode_change h2
{
  text-indent:-9999px;
}

#smart_mode_sf_btn
{
  position:absolute;
  left:60px;
  top:5px;
  padding-left:10px;
  width:115px;
  padding-top:8px;
  height:22px;
  overflow:hidden;
  cursor:pointer;
}

#smart_mode_pc_btn
{
  position:absolute;
  left:185px;
  top:5px;
  padding-left:25px;
  width:100px;
  padding-top:8px;
  height:22px;
  overflow:hidden;
  cursor:default;
}

#smart_mode_change a
{
  color:white;
}

a#smart_mode_pc_btn 
{
  color:gray;
}

#smart_mode_change a:link,
#smart_mode_change a:visited,
#smart_mode_change a:hover,
#smart_mode_change a:active
{
  text-decoration: none;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
#smart_mode_change
{
display:none;
color:white;
background:url("../../../Images/menu_sf_b.gif") no-repeat top left #f0f0f0;
/*color:black;
background:url("../../../Images/menu_sf_b.gif") no-repeat top left #f0f0f0;*/
position:relative;
margin:0;
width:320px;
height:40px;
}

#smart_mode_pc_btn
{
position:absolute;
left:185px;
top:6px;
width:125px;
height:30px;
overflow:hidden;
}



#LeftPane
{
display:none;
}

.pane_toggle
{
  color:white;
  background:url("../../../images/sub_menu_b.gif") no-repeat gray left top;
  position:relative;
  display:block;
  cursor:pointer;
  background-color:silver;
  height:40px;
  font-size:15px;
  font-weight:bold;
  font-family: 'メイリオ', Meiryo, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3' , Verdana, Arial, 'ＭＳ Ｐゴシック', Osaka, sans-serif;
}

.pane_toggle div
{
  position:absolute;
  left:15px;
  top:11px;
}

.pane_toggle .label
{
  position:absolute;
  left:0px;
  top:5px;
  display:block;
  text-indent: -9999px;
  width:205px;
  height:30px;
  overflow:hidden;
}

.pane_toggle .btn
{
  position:absolute;
  left:210px;
  top:6px;
  padding-left:35px;
  width:75px;
  padding-top:6px;
  height:23px;
  cursor:pointer;
  overflow:hidden;
}

.pane_toggle a.btn
{
  color:white;
}

.pane_toggle a.btn:link,
.pane_toggle a.btn:visited,
.pane_toggle a.btn:hover,
.pane_toggle a.btn:active
{
  text-decoration: none;
}

/* 表示切り替え */
#smart_mode_change
{
  display:none;
  color:white;
  background:url("../../../Images/menu_sp_b.gif") no-repeat top left gray;
  position:relative;
  margin:0;
  width:320px;
  height:40px;
  font-size:15px;
  font-weight:bold;
  font-family: 'メイリオ', Meiryo, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3' , Verdana, Arial, 'ＭＳ Ｐゴシック', Osaka, sans-serif;
}

#smart_mode_change h2
{
  text-indent:-9999px;
}

#smart_mode_sf_btn
{
  position:absolute;
  left:60px;
  top:5px;
  padding-left:10px;
  width:115px;
  padding-top:8px;
  height:22px;
  overflow:hidden;
  cursor:default;
}

#smart_mode_pc_btn
{
  position:absolute;
  left:185px;
  top:5px;
  padding-left:25px;
  width:100px;
  padding-top:8px;
  height:22px;
  overflow:hidden;
  cursor:pointer;
}

#smart_mode_change a
{
  color:white;
}

a#smart_mode_sf_btn 
{
  color:gray;
}

#smart_mode_change a:link,
#smart_mode_change a:visited,
#smart_mode_change a:hover,
#smart_mode_change a:active
{
  text-decoration: none;
}
}