.default
{
  min-width: 300px;
  text-align: left;
}

.err
{
  color: white;
  background-color: red;
  padding: 2px;
}

div.pic_scl
{
  width: auto;
}

img.img_scl
{
  width: auto;
}

a
{
  color: blue;
}

a.lnk
{
  text-decoration: none;
}

a.lnk:hover
{
  text-decoration: underline;
}

a.ltp
{
  text-decoration: none;
  font-size: larger;
}

a.ltp:visited
{
  color: purple;
}

a.ltp_more:visited
{
  color: purple;
}

ul.f_menu
{
  position: absolute;
  border: 1px solid gray;
  margin: 0px;
  padding: 0px;
  background-color: white;
  list-style-type: none;
  z-index: 1;

}

a.f_menu_item
{
  padding: 3px;
  text-decoration: none;
  display: block;
  white-space: nowrap;
}

a.f_last_menu_item
{
  padding: 3px;
  text-decoration: none;
  display: block;
  white-space: nowrap;
}

a.f_menu_item:hover
{
  background-color: #D0D0D0;
}

a.f_last_menu_item:hover
{
  background-color: #D0D0D0;
}

a.flag
{
  vertical-align: 15%;
  opacity: 0.5;
  filter:alpha(opacity=50); /* For IE8 and earlier */
}

a.flag:hover
{
  opacity: 1;
  filter:alpha(opacity=100); /* For IE8 and earlier */  
}

div.std_tn
{
margin-left: 1px;
margin-right: 1px;
margin-bottom: 4px;
border: 1px solid gray;
display: inline-block;
width: 92px;
height: 100%;
}

div.sel_tn
{
  margin-bottom: 4px;
  border: 2px solid red;
  display: inline-block;
  width: 92px;
}

img.tn
{
  vertical-align: middle;
  cursor: pointer;
  width: 92px
}

.page_sel
{
  display: inline-block;
  width: 28px;
  line-height: 250%;
  border: 1px solid gray;
  border-radius: 2px;
  color: #fff;
  background-color: #bbb;
}

.page_lnk
{
  width: 28px;
  line-height: 250%;
}

a.page_lnk
{
  display: inline-block;
  text-decoration: none;
  border: 1px solid blue;
  border-radius: 2px;
  color: blue;
  margin: 2px auto;  
}

@media only screen and (min-device-width: 601px)
{
  .default
  {
    max-width: 960px;
  }
  
  .hide_on_pc
  {
    display: none;
  }
  
  a.f_last_menu_item
  {
    border-top: 1px solid gray; 
  }

  .pic_scl
  {
    width: 640px;
  }

  img.img_scl
  {
    width: 460px;
  }  
}  

@media only screen and (min-device-width: 481px) and (max-device-width: 600px)
{  
  .hide_on_pc
  {
    display: none;
  }
  
  a.f_last_menu_item
  {
    border-top: 1px solid gray;
  }

  .pic_scl
  {
    width: 580px;
  }

  img.img_scl
  {
    width: 460px;
  }  
}  

@media only screen and (max-device-width: 480px)
{
  .hide_on_pda
  {
    display: none;
  }

  .filter_on_pda
  {
    display: inline-block;  
  }

  .push_lnk
  {
    border: 1px solid #4040FF;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-bottom: 8px;
	text-decoration: none;
	background-color: #EAEAFF;
	display: inline-block;
	border-radius: 2px;
  }

  .down_lnk
  {
    border: 1px solid #808080;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-bottom: 8px;
	text-decoration: none;
	background-color: #DADADA;
	display: inline-block;
	border-radius: 2px;
  }

  .gray_lnk
  {
    border: 1px solid #808080;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-bottom: 8px;
	text-decoration: none;
	display: inline-block;
	border-radius: 2px;
  }

  .none_lnk
  {
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-bottom: 8px;
	display: inline-block;
  }

  a.f_menu_item
  {
    border-bottom: 1px solid gray;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 6px;
	padding-bottom: 6px;
  }

  a.f_last_menu_item
  {
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 6px;
	padding-bottom: 6px;
  }

  .pic_scl
  {
    width: 300px;
  }

  img.img_scl
  {
    width: 300px;
  }
}
