$(function(){

  // 初期設定
  $("#uramen").css("display","none");
  $(".omote").css({
            color: "#ffffff",
            fontWeight: "bold",
            textDecoration: "none",
            backgroundColor: "#666699"
    });

  // 裏面クリック時の処理
  $(".ura").click(function(){
    $(".ura").css({
            color: "#ffffff",
            fontWeight: "bold",
            textDecoration: "none",
            backgroundColor: "#666699"
    });
    $(".omote").css({
            color: "#0000ff",
            fontWeight: "normal",
            textDecoration: "underline",
            backgroundColor: "#ffffff"
    });
    $("#uramen").css("display","block");
    $("#omotemen").css("display","none");
  });

  // 表面クリック時の処理
  $(".omote").click(function(){
    $(".omote").css({
            color: "#ffffff",
            fontWeight: "bold",
            textDecoration: "none",
            backgroundColor: "#666699"
    });
    $(".ura").css({
            color: "#0000ff",
            fontWeight: "normal",
            textDecoration: "underline",
            backgroundColor: "#ffffff"
    });
    $("#uramen").css("display","none");
    $("#omotemen").css("display","block");
  });

});