/*
  $Id: stylesheet.css,v 1.5 2003/03/14 12:46:30 hawk Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2002 osCommerce

  Released under the GNU General Public License

=====================================================================
日本語のためのカスタマイズ履歴
  1. 全てののfont-familyプロパティに、Osakaを追加
       （Apple Mac/Macintosh用文字化け対策）
=====================================================================
*/

/* links */
/* ---------------------------
A：リンク（通常）
--------------------------- */
a:link {
font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
font-size: 10px;                                /* フォントサイズ */
color: #000000;                                 /* フォントサイズ */
font-weight: normal;                            /* フォント太さ */
text-decoration: none;                          /* テキストの装飾 */
}
/* ---------------------------
A：リンク（訪問済み）
--------------------------- */
a:visited {
font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
font-size: 10px;                                /* フォントサイズ */
color: #000000;                                 /* フォントカラー */
font-weight: normal;                            /* フォント太さ */
text-decoration: none;                          /* テキストの装飾 */
}
/* ---------------------------
A：リンク（選択している）
--------------------------- */
a:active {
font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
font-size: 10px;                                /* フォントサイズ */
color: #000000;                                 /* フォントカラー */
font-weight: normal;                            /* フォント太さ */
text-decoration: none;                          /* テキストの装飾 */
}
/* ---------------------------
A：リンク（カーソルが上に乗ったとき）
--------------------------- */
a:hover {
font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
font-size: 10px;                                /* フォントサイズ */
color: #000000;                                 /* フォントカラー */
font-weight: normal;                            /* フォント太さ */
text-decoration: underline;                     /* テキストの装飾 */
}

/* ---------------------------
A：ヘッダリンク（通常）
--------------------------- */
a.headerLink:link {
font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
font-size: 10px;                                /* フォントサイズ */
color: #ffffff;                                 /* フォントカラー */
font-weight: bold;                              /* フォント太さ */
text-decoration: none;                          /* テキストの装飾 */
}
/* ---------------------------
A：ヘッダリンク（訪問済み）
--------------------------- */
a.headerLink:visited {
font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
font-size: 10px;                                /* フォントサイズ */
color: #ffffff;                                 /* フォントカラー */
font-weight: bold;                              /* フォント太さ */
text-decoration: none;                          /* テキストの装飾 */
}
/* ---------------------------
A：ヘッダリンク（選択している）
--------------------------- */
a.headerLink:active {
font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
font-size: 10px;                                /* フォントサイズ */
color: #ffffff;                                 /* フォントカラー */
font-weight: bold;                              /* フォント太さ */
text-decoration: none;                          /* テキストの装飾 */
}
/* ---------------------------
A：ヘッダリンク（カーソルが上に乗ったとき）
--------------------------- */
a.headerLink:hover {
font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
font-size: 10px;                                /* フォントサイズ */
color: #ffffff;                                 /* フォントカラー */
font-weight: bold;                              /* フォント太さ */
text-decoration: underline;                     /* テキストの装飾 */
}

/* ---------------------------
A：メニューボックスヘッダリンク（通常）
--------------------------- */
a.menuBoxHeadingLink:link {
font-size: 10px;                                /* フォントサイズ */
color: #616060;                                 /* フォントカラー */
font-weight: bold;                              /* フォント太さ */
text-decoration: none;                          /* テキストの装飾 */
}
/* ---------------------------
A：メニューボックスヘッダリンク（訪問済み）
--------------------------- */
a.menuBoxHeadingLink:visited {
font-size: 10px;                                /* フォントサイズ */
color: #616060;                                 /* フォントカラー */
font-weight: bold;                              /* フォント太さ */
text-decoration: none;                          /* テキストの装飾 */
}
/* ---------------------------
A：メニューボックスヘッダリンク（選択している）
--------------------------- */
a.menuBoxHeadingLink:active {
font-size: 10px;                                /* フォントサイズ */
color: #616060;                                 /* フォントカラー */
font-weight: bold;                              /* フォント太さ */
text-decoration: none;                          /* テキストの装飾 */
}
/* ---------------------------
A：メニューボックスヘッダリンク（カーソルが上に乗ったとき）
--------------------------- */
a.menuBoxHeadingLink:hover {
font-size: 10px;                                /* フォントサイズ */
color: #616060;                                 /* フォントカラー */
font-weight: bold;                              /* フォント太さ */
text-decoration: none;                          /* テキストの装飾 */
}

/* ---------------------------
A：メニューボックスコンテンツリンク（通常）
--------------------------- */
a.menuBoxContentLink:link {
font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
font-size: 10px;                                /* フォントサイズ */
color: #616060;                                 /* フォントカラー */
font-weight: normal;                            /* フォント太さ */
text-decoration: none;                          /* テキストの装飾 */
}
/* ---------------------------
A：メニューボックスコンテンツリンク（訪問済み）
--------------------------- */
a.menuBoxContentLink:visited {
font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
font-size: 10px;                                /* フォントサイズ */
color: #616060;                                 /* フォントカラー */
font-weight: normal;                            /* フォント太さ */
text-decoration: none;                          /* テキストの装飾 */
}
/* ---------------------------
A：メニューボックスコンテンツリンク（選択している）
--------------------------- */
a.menuBoxContentLink:active {
font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
font-size: 10px;                                /* フォントサイズ */
color: #616060;                                 /* フォントカラー */
font-weight: normal;                            /* フォント太さ */
text-decoration: none;                          /* テキストの装飾 */
}
/* ---------------------------
A：メニューボックスコンテンツリンク（カーソルが上に乗ったとき）
--------------------------- */
a.menuBoxContentLink:hover {
font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
font-size: 10px;                                /* フォントサイズ */
color: #616060;                                 /* フォントカラー */
font-weight: normal;                            /* フォント太さ */
text-decoration: underline;                     /* テキストの装飾 */
}

/* ---------------------------
A：ページリンク（通常）
--------------------------- */
a.splitPageLink:link {
font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
font-size: 10px;                                /* フォントサイズ */
color: #0000FF;                                 /* フォントカラー */
font-weight: normal;                            /* フォント太さ */
text-decoration: none;                          /* テキストの装飾 */
}
/* ---------------------------
A：ページリンク（訪問済み）
--------------------------- */
a.splitPageLink:visited {
font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
font-size: 10px;                                /* フォントサイズ */
color: #0000FF;                                 /* フォントカラー */
font-weight: normal;                            /* フォント太さ */
text-decoration: none;                          /* テキストの装飾 */
}
/* ---------------------------
A：ページリンク（選択している）
--------------------------- */
a.splitPageLink:active {
font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
font-size: 10px;                                /* フォントサイズ */
color: #0000FF;                                 /* フォントカラー */
font-weight: normal;                            /* フォント太さ */
text-decoration: none;                          /* テキストの装飾 */
}
/* ---------------------------
A：ページリンク（カーソルが上に乗ったとき）
--------------------------- */
a.splitPageLink:hover {
font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
font-size: 10px;                                /* フォントサイズ */
color: #0000FF;                                 /* フォントカラー */
font-weight: normal;                            /* フォント太さ */
text-decoration: underline;                     /* テキストの装飾 */
background-color: #FFFF33;                      /* 背景色 */
}

/* menu box */
/* ---------------------------
.[TD]：メニューボックスコンテンツ
--------------------------- */
.menuBoxHeading {
font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
font-size: 10px;                                /* フォントサイズ */
color: #616060;                                 /* フォントカラー */
background-color: #ffffff;                      /* 背景色 */
}
/* ---------------------------
.[TD]：メニューボックスコンテンツ
--------------------------- */
.menuBoxContent {
font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
font-size: 10px;                                /* フォントサイズ */
color: #616060;                                 /* フォントカラー */
}

/* page */
/* ---------------------------
BODY：ボディ
--------------------------- */
body {
background-color: #ffffff;                      /* 背景色 */
min-width: 1050px;
color: #000000;                                 /* フォントカラー */
margin: 0px;                                    /* マージン */
}
/* ---------------------------
.[TR]：ヘッダ（ナビゲーション）
--------------------------- */
.headerBar {
background-color: #B3BAC5;                      /* 背景色 */
}
/* ---------------------------
.[TD]：ヘッダ（ナビゲーション）
--------------------------- */
.headerBarContent {
font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
font-size: 10px;                                /* フォントサイズ */
color: #ffffff;                                 /* フォントカラー */
font-weight: bold;                              /* フォント太さ */
padding: 2px;                                   /* 境界線と内容との間の空間 */
}
/* ---------------------------
.[TABLE]：メニューボックスを統括するテーブル
--------------------------- */
.columnLeft {
background-color: #F0F1F1;                      /* 背景色 */
border-color: #999999;                          /* 境界線の色 */
border-width: 1px;                              /* 境界線の幅 */
border-style: solid;                            /* 境界線のスタイル */
padding: 2px;                                   /* 境界線と内容との間の空間 */
}
/* ---------------------------
.[TD]：ページヘッダ
--------------------------- */
.pageHeading {
font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
font-size: 18px;                                /* フォントサイズ */
color: #727272;                                 /* フォントカラー */
font-weight: bold;                              /* フォント太さ */
}

/* data table */
/* ---------------------------
.[TR]：一覧表の項目名（背景色）
--------------------------- */
.dataTableHeadingRow {
background-color: #C9C9C9;                      /* 背景色 */
}
/* ---------------------------
.[TD]：一覧表の項目名（コンテンツ）
--------------------------- */
.dataTableHeadingContent {
font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
font-size: 10px;                                /* フォントサイズ */
color: #ffffff;                                 /* フォントカラー */
font-weight: bold;                              /* フォント太さ */
}
/* ---------------------------
.[TR]：一覧表データ（通常行）
--------------------------- */
.dataTableRow {
background-color: #F0F1F1;                      /* 背景色 */
}

/* ---------------------------
.[TR]：一覧表データ（集計合計行）
--------------------------- */
.dataTableRowSum {
background-color: #F0F1F1;                  /* 背景色 */
}

/* ---------------------------
.[TR]：一覧表データ（選択行）
--------------------------- */
.dataTableRowSelected {
background-color: #DEE4E8;                      /* 背景色 */
}
/* ---------------------------
.[TR]：一覧表データ（カーソルが乗っている行）
--------------------------- */
.dataTableRowOver {
background-color: #FFFFFF;                      /* 背景色 */
}
/* ---------------------------
.[TD]：一覧表データ（コンテンツ）
--------------------------- */
.dataTableContent {
font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
font-size: 10px;                                /* フォントサイズ */
color: #000000;                                 /* フォントカラー */
}

/* info box */
/* ---------------------------
.[TR]：情報ボックス（タイトル） - 右側に表示される、一覧から選んだ項目の情報
--------------------------- */
.infoBoxHeading {
font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
font-size: 10px;                                /* フォントサイズ */
color: #ffffff;                                 /* フォントカラー */
background-color: #B3BAC5;                      /* 背景色 */
}
/* ---------------------------
.[TD]：情報ボックス（コンテンツ） - 右側に表示される、一覧から選んだ項目の情報
--------------------------- */
.infoBoxContent {
font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
font-size: 10px;                                /* フォントサイズ */
color: #000000;                                 /* フォントカラー */
background-color: #DEE4E8;                      /* 背景色 */
}

/* message box */
/* ---------------------------
.[TR]：メッセージボックス
--------------------------- */
.messageBox {
font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
font-size: 10px;                                /* フォントサイズ */
}
/* ---------------------------
.[TR,TD]：エラー、警告メッセージ
--------------------------- */
.messageStackError, .messageStackWarning {
font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
font-size: 10px;                                /* フォントサイズ */
background-color: #ffb3b5;                      /* 背景色 */
}
/* ---------------------------
.[TR,TD]：成功メッセージ
--------------------------- */
.messageStackSuccess {
font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
font-size: 10px;                                /* フォントサイズ */
background-color: #99ff00;                      /* 背景色 */
}

/* forms */
/* ---------------------------
CHECKBOX, INPUT, RADIO, SELECT, TEXTAREA, FILE：FORMの入力・選択項目
--------------------------- */
CHECKBOX, INPUT, RADIO, SELECT, TEXTAREA, FILE {
font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
font-size: 11px;                                /* フォントサイズ */
}
form { margin: 0; }

/* account */
/* ---------------------------
.[TABLE]：フォームエリア（境界線）
--------------------------- */
.formArea {
background-color: #f1f9fe;                      /* 背景色 */
border-color: #7b9ebd;                          /* 境界線の色 */
border-style: solid;                            /* 境界線のスタイル */
border-width: 1px;                              /* 境界線の幅 */
}
/* ---------------------------
.[TD]：フォームエリア（タイトル）
--------------------------- */
.formAreaTitle {
font-family: Osaka, Tahoma, Verdana, Arial, sans-serif; /* フォントファミリ */
font-size: 12px;                                /* フォントサイズ */
font-weight: bold;                              /* フォント太さ */
}

/* attributes */
/* ---------------------------
TR：奇数行
--------------------------- */
.attributes-odd {
background-color: #f4f7fd;                      /* 背景色 */
}
/* ---------------------------
TR：偶数行
--------------------------- */
.attributes-even {
background-color: #ffffff;                      /* 背景色 */
}

/* miscellaneous */
/* ---------------------------
.[SPAN]：特価商品価格
--------------------------- */
.specialPrice {
color: #ff0000;                                 /* フォントカラー */
}
/* ---------------------------
.[SPAN]：旧商品価格
--------------------------- */
.oldPrice {
text-decoration: line-through;                  /* テキストの装飾 */
}
/* ---------------------------
.[SPAN]：「*必須」文字列
--------------------------- */
.fieldRequired {
font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
font-size: 10px;                                /* フォントサイズ */
color: #ff0000;                                 /* フォントカラー */
}
/* ---------------------------
.[TD]：小さい文字（メッセージ）
--------------------------- */
.smallText {
font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
font-size: 10px;                                /* フォントサイズ */
}
/* ---------------------------
.[TD]：メイン
--------------------------- */
.main {
font-family: Osaka, Verdana, Arial, sans-serif; /* フォントファミリ */
font-size: 12px;                                /* フォントサイズ */
}

/* search_pager */
.search_pager {
  font-size: 12px;
  width: 70%;
  margin: 20px 0 35px 0;
}
.search_pager p span {
  font-size: 15px;
  font-weight: bold;
}
.search_pager ul {
  padding: 0;
  margin: 15px auto 20px auto;
}
.search_pager ul li {
  display: inline;
  margin-right: 5px;
}
.search_pager ul li.focus {
  background-color: #555;
  color: #FFF;
  font-weight: bold;
  padding: 5px 8px 5px 8px;
  border: 1px solid #AAA;
}
.search_pager ul li a {
  display: inline-block;
  padding: 5px 8px 5px 8px;
  border: 1px solid #AAA;
}

/* news.php */
.page_news h2 {
  font-size: 18px;
  color: #727272;
  font-weight: bold;
}
.page_news .inform {
  padding: 17px 0 16px;
  text-align: center;
  color: #333;
  font-weight: 700;
}
.page_news .btn {
  text-align: center;
}
.page_news .btn a:hover { text-decoration: none; }
.page_news .btn button {
  display: inline-block;
  background-color: #18416B;
  color: white;
  font-size: 20px;
  padding: 5px 190px;
  margin: 20px auto;
  cursor: pointer;
  transition: all 0.3s;
}
.page_news .btn button:hover {
  background-color: white;
  color: #18416B;
}
.page_news .btn button.return {
  background-color: #eee;
  color: black;
}

.page_news .search .news_table {
  width: 100%;
  border: 1px solid #ccc;
}
.page_news .search .news_table th {
  font-size: 14px;
  background-color: #C9C9C9;
  color: #50372B;
  font-weight: bold;
}
.page_news .search .news_table td {
  padding: 5px;
  border: 1px solid #aaa;
}
.page_news .search .news_table .center { text-align: center; }

.page_news .regist #news-info .head .title { width: 100%; }
.page_news .regist #news-info .body textarea {
  width: 100%;
  height: 500px;
  resize: vertical;
}

#news-info {
  padding: 10px 20px;
	margin-bottom: 40px;
}
#news-info .head { margin-bottom: 50px; }
#news-info .head .title {
  font-size: 25px;
	line-height: 1.6;
	margin: 10px 0 0;
}
#news-info .head .date {
	text-align: right;
	font-size: 14px;
  margin: 0;
}
#news-info .body {
  font-size: 14px;
	line-height: 1.6;
	padding: 15px;
	background-color: #eee;
}
#news-info .body a {
	color: blue;
}
#news-info .body img {
	max-width: 100%;
}
#news-info .body video {
	max-width: 100%;
	width: 100%;
}
#news-info .foot .social_link {
	padding: 10px;
}
#news-info .foot .social_link ul li {
	display: inline-block;
	margin-right: 10px;
}
#news-info .foot .social_link ul li img {
	width: 32px;
	height: 32px;
}