/*******************************************************************************
 * 
 * 新ライフガイド共通スタイルシート設定
 * 
 ******************************************************************************/

/* PrimeFacesフォント設定 */
.ui-widget, .ui-widget .ui-widget {
  font-size: 12px /*!important*/; 
  font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3",
    "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

/* アンカーフォーカス時の枠表示 */
/* PrimeFacesの「online: none」により非表示となるため */
a:focus {
	outline: solid 2px #a5c7fe;
	font-size: 120%;
}

/*------------------------------------------------------------------------------
 * ポップアップウィンドウ
 * ※小はdialog_base_S.xhtmlのJavascriptで調整
------------------------------------------------------------------------------*/
/* タイトルバー */
.ui-dialog .ui-dialog-titlebar {
  background-image: none;
  background-color: #f7f7f8;
  height: 37px;
  padding: 10px;
  font-size: 16px;
  border-bottom: 1px solid #dfe2e5;
}
/* タイトル */
.ui-dialog .ui-dialog-title {
  margin: 10px;
}
/* ×ボタン */
a.ui-dialog-titlebar-icon.ui-dialog-titlebar-close.ui-corner-all {
  position: absolute;
  top: 18px;
  right: 18px;
  z-index: 1;
}
.ui-dialog .ui-dialog-titlebar-close span {
  background-image: url("../img/closebtn.png?ln=img");
  background-position: 0px 0px;
  width: 20px;
  height: 20px;
}
a.ui-dialog-titlebar-icon.ui-dialog-titlebar-close.ui-corner-all:hover {
  border: 0;
  padding: 1px;
  background: none;
  background-color: #f7f7f8;
  box-shadow: none;
}
.ui-dialog .ui-dialog-titlebar-close span:hover {
  background-position: center -20px;
}
/* メイン領域 */
.ui-dialog .ui-dialog-content {
  padding: 30px;
}

/*------------------------------------------------------------------------------
 * テンプレート用
------------------------------------------------------------------------------*/
/* リンクボタン */
div.template ul.link-button li {
  margin-bottom: 10px;
  margin-right: 10px;
  font-size: 1.6em;
  line-height: 1.4em;
  display: inline-block;
}
div.template ul.link-button li a {
  box-shadow: 1px 1px 2px rgba(200, 200, 200, 0.5),
              -1px -1px 2px rgba(200, 200, 200, 0.5),
              1px -1px 2px rgba(200, 200, 200, 0.5),
              -1px 1px 2px rgba(200, 200, 200, 0.5);
  padding: 10px 15px 10px 10px;
  display: inline-block;
  color: #333d48;
  background-image: url(../img/icons/icon_side_sub_navi_defo.png?ln=img);
  background-position: right center;
  background-repeat: no-repeat;
  border-radius: 2px;
  font-weight: bold;
}
div.template ul.link-button li a.kakuteibtn {
  border: solid 1px #99cb66;
}
div.template ul.link-button li a.stockbtn {
  border: solid 1px #4fb9df;
}
div.template ul.link-button li a span  {
  font-size: 11px;
  border-radius: 3px;
  color: #fff;
  padding: 3px 5px;
  margin-right: 10px;
  float: left;
  margin-top: 3px;
  line-height: 0.85em;
  width: 80px;
  text-align: center;
}
div.template ul.link-button li a span.kakutei  {
  background-color: #89bc53;
}
div.template ul.link-button li a span.stock  {
  background-color: #3da9d3;
}

/*------------------------------------------------------------------------------
 * バリデーション
------------------------------------------------------------------------------*/
/* バリデーションエラー背景色 */
.error,
.select-block select.error {
  background-color: pink;
}