/*** for PC Browser ***/
@media (min-width:401px)
{
/* === スマートフォン用CSS === */

/*スマホ表示切替*/
#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;
}

#smart_mode_change a
{
    color: #808080;
    text-decoration: none;
}

a#smart_mode_sf_btn
{
/*
position:absolute;
left:60px;
top:6px;
width:125px;
height:30px;
overflow:hidden;
*/
    color: #FFFFFF;
    text-decoration: none;
}

/*スマートフォン切り替え*/
.pane_toggle
{
display:none;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
/* === スマートフォン用CSS === */

/*スマートフォン切り替え*/
.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:105%;/*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:6px;
  display:block;
  text-indent: -9999px;
  width:225px;
  height:30px;
  overflow:hidden;
}

.pane_toggle .btn
{
/*
  position:absolute;
  left:210px;
  top:6px;
  text-indent: -9999px;
  width:80px;
  height:30px;
  cursor:pointer;
  overflow:hidden;
*/
  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 a {
color: #FFFFFF;
text-decoration: none;
}

a#smart_mode_sf_btn {
color: #808080;
text-decoration: none;
}

/*smart phone用トグルボタン*/
.smart_togglebtn
{
display:block;
cursor:pointer;
  background:url("../../../Images/icon.gif") ;
width:20px;
height:20px;
}

/*スマートフォン用幅調整*/
.smart_w320,
.smart_fullwidth
{
width:320px !important;
}

.smart_w300
{
width:300px !important;
}

.smart_w310
{
width:310px !important;
}

.smart_w160,
.smart_halfwidth
{
width:160px !important;
}

/*スマホ対応*/
/*
#smart_mode_change
{
display:none;
color:white;
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:88px;
height:23px;
overflow:hidden;
}


/*  === フッタログインスマホ調整用 === */
.BrowserModuleSet_Div_1058
{
display:none;
}
}