/* Stylesheet for the ootaya document */

/* ----------------------------------------- */
/* BODY装飾／背景                            */
/* ----------------------------------------- */

/* ▼すべてに適用 */
body,td { 
  color: #333300; 
  font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3";
  font-size: 13px;
}

/* ▼トップページ 背景 */
body#top{
  background: #C4D3C5 url(material/top_back.gif) repeat top left;
}

/* ▼大田屋 背景 */
#ootaya { background: url(material/ootaya_back.gif) repeat top left;}
/* ▼川花 背景 */
#kawahana { background: url(material/kawahana_back.gif) repeat top left;}

/* ▼大田屋 紹介タイトル 背景 */
td.title-image{
  background: url(material/gaikan.jpg) no-repeat bottom left;
  vertical-align:top;
}
/* ▼川花 紹介タイトル 背景 */
td.title-image{
  background: url(material/kawa_gaikan.jpg) no-repeat bottom left;
  vertical-align:top;
}

div.copyright { /* コピーライト */
  font-family: verdana, Helvetica;
  color:#212519;
  font-size:8pt;
  text-align: center;
}

/* リンク */
A {color: #ff6600;}
A:hover {color:#ff0000; text-decoration:underline;}

/* ----------------------------------------- */
/* メインコンテンツ装飾                      */
/* ----------------------------------------- */

div.main { /* メイン */
  line-height:150%;
  padding: 4px;
  margin: 0px 24px 0px 40px;
}

.red { /* 赤文字 */
  color:red;
}

.u_line { /* アンダーライン */
  border-bottom:1px solid red;
  padding-bottom:2px;
}

.right {
	text-align:right;
}

/* ----------------------------------------- */
/* メインコンテンツ装飾（旧バージョン）        */
/* ----------------------------------------- */

div.submsg { /* 案内の紹介文 */
color:#333333;
font-size:12px;
padding: 4px;
letter-spacing:1px;
line-height:135%;
margin-left: 130px;
}

h1.item { /* 商品紹介タイトル（いずれ外す） */
font-size: 13pt;
line-height:135%;
color:#333;
padding: 2px;
margin:0px;
}

em.key { /* キーワード */
font-size: 12pt;
line-height:135%;
color:#333;
font-style: italic
}

div.line-waku { /* ライン */
border: 1px solid #333333;
width: 100%;
background-color:#ffffee;
padding: 4px;
}

div.cutline { /* ライン下 */
border-bottom: 1px dotted #333333;
width: 100%;
}

div.line { /* ライン */
border: 1px solid #333333;
width: 100%;
padding: 4px;
}

div.cont { /* コンテンツ */
font-size: 9.5pt;
line-height:125%;
margin-left: 10px;
color:#333;
}

div.txt { /* テキスト */
font-size: 9.5pt;
line-height:145%;
color:#333;
}

td.txt { /* テキスト(テーブル) */
font-size: 9.5pt;
line-height:145%;
color:#333;
}

/* ----------------------------------------- */
/* ヘッダー・フッター／ナビゲーション          */
/* ----------------------------------------- */

/* ▼ヘッダー部 */
div.header {
  vertical-align:top; 
  margin:0px; padding:0px;
  text-align:left;
  width:810px; height:230px;
  background: url(material/back_top.gif) no-repeat top left;
}
/* ▼メインコンテンツ部 */
div.contents { 
  vertical-align:top;
  margin:0px; padding:0px;
  text-align:left;
  width:810px;
  background: url(material/back_center.gif) repeat-y top left;
}
/* ▼フッター部 */
div.footer { 
  vertical-align:bottom;
  margin:0px; padding-top:56px;
  text-align:center;
  width:810px; height:65px;
  background: url(material/back_bottom.gif) no-repeat top left;
}

/* ▼上部ヘッダーナビゲーション */
div.header-navi { margin:0px; padding:17px 0px 0px 32px;}

/* ▼大田屋タイトルヘッダー */
div.ootaya-head {
  width:710px; height:150px;
  margin:3px 0px 0px 46px;padding:0px;
  background: url(material/ootaya_title.jpg) no-repeat top left;
}

/* ▼川花タイトルヘッダー */
div.kawahana-head {
  width:710px; height:150px;
  margin:3px 0px 0px 46px;
  background: url(material/kawahana_title.jpg) no-repeat top left;
}

/* ▼共通ヘッダー */
h1.head-t { margin:0px 0px 0px 0px; padding:37px 0px 4px 25px;}
div.copy-msg { margin:0px 0px 0px 0px;padding:2px 0px 4px 32px; line-height:1.5;font-size:11px; color:#666;}
div.navi { clear:both; margin:12px 0px 4px 60px; font-size:11px; color:#666;}

/* ▼トップページ用メニュー */
ul.menu0 { width:610px; margin:0px;  padding:0px 0px 0px 80px; list-style-type:none; }
.menu0 li { padding:2px; margin:0px;float:left; text-align:center;line-height:120%; }
.menu0 em { color:#fff; font-weight:bold; line-height:155%; margin-right:10px; }

/* ▼ナビゲーション・コンテンツ部（大田屋） */
div.menu1 { margin:0px;  padding:0px 0px 0px 74px; }
ul.menu1 { width:670px; margin:0px; padding: 0px 0px 0px 0px; list-style-type:none; }
.menu1 li{
		  float:left; text-align:center;
		  height:23px;
          padding:2px; margin:0px;
          font:normal 13px "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Osaka";
          line-height:120%;
}
/* ▼ナビゲーション・コンテンツ部（川花） */
div.menu2 { margin:0px;  padding:0px 0px 0px 250px; }
ul.menu2 { width:500px; margin:0px;  padding:0px 0px 0px 0px; list-style-type:none; }
.menu2 li{
		  float:left; text-align:center;
		  height:23px;
          padding:2px; margin:0px;
          font:normal 13px "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Osaka";
          line-height:120%;
}
/* 大田屋コンテンツメニュー用リンク設定 */
li.menu1 A { text-decoration:none; color:#fff; width:99px;height:23px; padding:3px 0px 3px 0px;display:block;
           background: url(material/ootaya-menu1.gif) no-repeat top left;}
li.menu1 A:hover {text-decoration:none; color:#ff0;
           background: url(material/ootaya-menu2.gif) no-repeat top left;}
/* 大田屋コンテンツメニュー用選択時の装飾 */
#menu1-sel {text-decoration:none; color:fff;width:99px; padding:3px 0px 3px 0px;
           background: url(material/ootaya-menu2.gif) no-repeat top left;}

/* 川花コンテンツメニュー用リンク設定 */
li.menu2 A { text-decoration:none; color:#fff; width:99px;height:23px; padding:3px 0px 3px 0px;display:block;
           background: url(material/kawahana-menu1.gif) no-repeat top left;}
li.menu2 A:hover {text-decoration:none; color:#ff0;
           background: url(material/kawahana-menu2.gif) no-repeat top left;}
/* 川花コンテンツメニュー用選択時の装飾 */
#menu2-sel {text-decoration:none; color:fff;width:99px; padding:3px 0px 3px 0px;
           background: url(material/kawahana-menu2.gif) no-repeat top left;}

/* ----------------------------------------- */
/* 装飾（H1〜H6）の書式設定                  */
/* ----------------------------------------- */

h1 { margin:0px;}
h2 { margin:6px 0px 9px 0px;}
h3 {
}

/* ----------------------------------------- */
/* リストの書式設定                          */
/* ----------------------------------------- */

ul { margin:6px 6px 3px 6px; padding:5px 5px 3px 15px;}
li { margin-bottom:6px;}

/* ----------------------------------------- */
/* 商品・メニュー紹介用装飾                   */
/* ----------------------------------------- */

/* 商品タイトル装飾（他でも使用） */
h3.item {
  letter-spacing:1px;
  font:bold 16px "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Osaka";
  line-height:135%;
  color:#333;
  padding: 2px;
  margin: 0px;
}

/* 商品No装飾 */
.no {
  font-size:13px;
  color:#FFFFFF;
  background-color:#FF6600;
  padding:0px 2px 0px 2px;
}

/* 商品詳細装飾 */
div.item {
  letter-spacing:1px;
  margin:6px 0px 3px 0px;
  font:bold 13px "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Osaka";
  text-align:right;
}
/* 商品写真　ポップアップ */
div.popupw {
	text-align:center;
}
.popupw img {
	border:0;
}

#imgPreviewWithStyles {
	background: #222;
	padding: 15px;
	z-index: 999;
}


/* ----------------------------------------- */
/* フォーム装飾                              */
/* ----------------------------------------- */

/* フォーム */
INPUT,TEXTAREA,SELECT {
 background-color :#fff;
 font:0.95em/1.45em 'MS UI Gothic','Osaka','san-serif';
 font-size:9pt;
}

/* フォーム */
INPUT.ck {
 border:0px;
 background-color :#fff;
 color:#ff6600;
 font:0.95em/1.45em 'MS UI Gothic','Osaka','san-serif';
 font-size:9pt;
}