/* ************************************************ 
 *	共通設定
 * ************************************************ */
* {
	margin: 0px;
	padding: 0px;
}

strong {
   font-weight: normal;
}

body {
	color: #333333;
	font-size: small;
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	line-height: 1.6em;
           background: #ffffff url(https://img09.shop-pro.jp/PA01041/619/etc/body-back3.gif) repeat-y top center;
	text-align:center;
}

br.clear {
	clear: both;
	font: 0pt/0pt sans-serif;
}

img {
	border: 0px;
}

/* -------------------- */
/* ▼メニューバーの装飾 */
/* -------------------- */
ul.ddmenu {
   margin: 0px;               /* メニューバー外側の余白(ゼロ) */
   padding: 0px 0px 0px 0px;  /* メニューバー内側の余白 */
   background-color: #1e50a2; /* バーの背景色(濃い色)#043c78 */
   width: 800px;
   margin-left: auto;
   margin-right: auto;
   letter-spacing: -.4em; /* 文字間を詰めて隙間をなくす */
}

/* -------------------------- */
/* ▼メインメニュー項目の装飾 */
/* -------------------------- */
ul.ddmenu li {
   width: 190px;           /* メニュー項目の横幅(190px) */
   display: inline-block;  /* 横並びに配置する */
   letter-spacing: normal; /* 文字間を元に戻す */
   list-style-type: none;  /* リストの先頭記号を消す */
   position: relative;     /* サブメニュー表示の基準位置にする */
}
ul.ddmenu a {
   background-color: #1e50a2; /* メニュー項目の背景色(濃い色) */
   color: white;              /* メニュー項目の文字色(白色) */
   line-height: 45px;         /* メニュー項目のリンクの高さ(50px) */
   text-align: center;
   text-decoration: none;     /* メニュー項目の下線を消す */
   font-weight: bold;
   display: block;            /* 項目内全域をリンク可能にする */
   border: 1px solid;         /* 項目に枠線を設定 */
   border-top:0px;
   border-bottom:0px;
   border-color: #EEEEEE;
}
ul.ddmenu a:hover {
   background-color: #BAD3FF; /* メニュー項目にマウスが載ったときの背景色(淡い色) */
   color: #1e50a2;            /* メニュー項目にマウスが載ったときの文字色(濃い色) */
}

/* ▼サブメニューは非表示にしておく */
ul.ddmenu ul {
   display: none;
}

/* -------------------- */
/* ▼サブメニューの装飾 */
/* -------------------- */
ul.ddmenu ul {
   display: none;       /* 標準では非表示にする */
   margin: 0px;         /* サブメニュー外側の余白(ゼロ) */
   padding: 0px;        /* サブメニュー内側の余白(ゼロ) */
   position: absolute;  /* 絶対配置にする */
}

ul.ddmenu ul li {
   border-top: 1px solid;      /* 項目上側の枠線 */
   border-color: #EEEEEE;
}

/* ---------------------------------- */
/* ▼サブメニューがある場合に開く処理 */
/* ---------------------------------- */
ul.ddmenu li:hover ul {
   display: block;      /* マウスポインタが載っている項目の内部にあるリストを表示する */
}

/* リンク
---------------------------------------------------- */
.side a:link {
  color: #ffffff;
  background: transparent;
}
.side a:visited {
  color: #ccccff;
  background: transparent;
}
.side a:hover, a:active {
  color: #6699ff;
  background: transparent;
}


/* ------------------------------------- 
 *	ページレイアウト
 * ------------------------------------- 
 *※ページ全体の幅は800pxとなっています。
    幅を広げる場合は、.sideと.mainのwidth
    の合計値が#containerのwidthになるよう
    設定してください。
 * ------------------------------------- */

/*ページ全体の幅、レイアウトをセンタリング*/
#container {
	margin:0px auto;
	width: 800px;
	text-align:left;
}

/*　ヘッダー最上部分（コメント）　*/
.header-top {
 width: 790px;
 text-align: left;
 border-bottom: 4px solid #CC0066;
 padding:0px 0px 0px 10px;
 background:#1E336A;
 color:#FFF;
}

/*ヘッダー（ページタイトル、グローバルメニュー）*/
.header {
 width: 800px;
 clear: left;
 border-bottom: 4px solid #CC0066;
}

/*　画面左側メニューの幅　*/
.side {
clear: left;	
float: left;
width:200px;
background:#1E336A url(https://img09.shop-pro.jp/PA01041/619/etc/left-shadow.gif) repeat-y top right;
padding-bottom:15px;
}

.inner {
 padding:5px;
 width:180px;
}

/*　画面右側の幅　*/
.main {
	float: left;
	width: 595px;
　　　　　 padding-left: 5px;
}


/*　フッター（コピーライト）　*/
.footer {
 width: 800px;
 clear: both;
 text-align: center;
 border-top: 4px solid #CC0066;
 padding:10px 0;
 background:#1E336A;
 color:#FFF;
 margin: 0 auto;
}
group-list {
	border-top:#838383 dotted 1px;
	padding:5px 0px 0px;
	margin:10px 20px 0px 0px;
}

/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
}
#option_tbl th{
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td {
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}

/* ------------------------------------- 
 *	デザイン
 * ------------------------------------- */

#hedder-logo {
 width: 800px;
 height: 79px;
}
 
h2 {
 font-size: 13px;
 font-weight: normal;
 margin: 0;
 }

/* ■ナビゲーション
-------------------------------- */

#nav {
 list-style:none;
 }

#nav li {
 float:left;
 margin:0;
 padding:0;
 width:160px;
 height34px;
 text-indent:-9999px;
 }

#nav li a {
 text-decoration:none;
 display:block;
 width:160px;
 height:34px;
}

#nav li#nav-1 {
 background: url(https://img09.shop-pro.jp/PA01041/619/etc/nav3.gif) no-repeat 0px 0px;
 }

#nav li#nav-2 {
 background: url(https://img09.shop-pro.jp/PA01041/619/etc/nav3.gif) no-repeat -160px 0px;
 }

#nav li#nav-3 {
 background: url(https://img09.shop-pro.jp/PA01041/619/etc/nav3.gif) no-repeat -320px 0px;
 }

#nav li#nav-4 {
 background: url(https://img09.shop-pro.jp/PA01041/619/etc/nav3.gif) no-repeat -480px 0px;
 }

#nav li#nav-5 {
 background: url(https://img09.shop-pro.jp/PA01041/619/etc/nav3.gif) no-repeat -640px 0px;
 }


/* ■ナビゲーション　マウスオーバー時
-------------------------------- */

#nav li#nav-1 a:hover {
 background: url(https://img09.shop-pro.jp/PA01041/619/etc/nav3.gif) no-repeat 0px -36px;
 }

#nav li#nav-2 a:hover {
 background: url(https://img09.shop-pro.jp/PA01041/619/etc/nav3.gif) no-repeat -160px -36px;
 }

#nav li#nav-3 a:hover {
 background: url(https://img09.shop-pro.jp/PA01041/619/etc/nav3.gif) no-repeat -320px -36px;
 }

#nav li#nav-4 a:hover {
 background: url(https://img09.shop-pro.jp/PA01041/619/etc/nav3.gif) no-repeat -480px -36px;
 }

#nav li#nav-5 a:hover {
 background: url(https://img09.shop-pro.jp/PA01041/619/etc/nav3.gif) no-repeat -640px -36px;
 }


/* ■レフト部分
-------------------------------- */

.side h2 {
 color:#FFFFFF;
}
#left-blog h2 {
 width:192px;

 no-repeat;
 text-indent:-9999px;
}



#left-category h2 {
 width:192px;
 height:35px;
 background: url(https://img09.shop-pro.jp/PA01041/619/etc/left-genre.gif?20130924074515) no-repeat;
 text-indent:-9999px;
}

#left-menu h2 {
 width:192px;
 height:35px;
 background: url(https://img09.shop-pro.jp/PA01041/619/etc/left-menu.gif?20130923163207) no-repeat;
 text-indent:-9999px;
}

#left-search h2 {
 width:192px;
 height:35px;
 background: url(https://img09.shop-pro.jp/PA01041/619/etc/left-okonomi.gif?20130923130731) no-repeat;
 text-indent:-9999px;
}

#left-ninki h2 {
 width:192px;
 height:35px;
 background: url(https://img09.shop-pro.jp/PA01041/619/etc/left-ranking.gif?20110924140550) no-repeat;
 text-indent:-9999px;
}

#left-cart h2 {
 width:192px;
 height:35px;
 background: url(https://img09.shop-pro.jp/PA01041/619/etc/left-cart.gif) no-repeat;
 text-indent:-9999px;
}

#left-osusume h2 {
 width:192px;
 height:35px;
 background: url(https://img09.shop-pro.jp/PA01041/619/etc/left-osusume.gif) no-repeat;
 text-indent:-9999px;
}

#left-uresugi h2 {
 width:192px;
 height:35px;
 background: url(https://img09.shop-pro.jp/PA01041/619/etc/left-uresuzi.gif) no-repeat;
 text-indent:-9999px;
}

