@charset "utf-8";

/* テーマ：ベーシック／グレー */

* {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.hbn1{
  margin-right:20px;
}

.gazo1{
	border:2px solid #FFFFFF;
	border-radius:8px;
}
.gazo2{
	border:2px solid #FFFFFF;
	border-radius:8px;
}

a.hbn1:hover img{
  filter: alpha(opacity=60);
  opacity:0.6;
  border:1px solid #FFFFFF;
}
a.hbn2:hover img{
  filter: alpha(opacity=60);
  opacity:0.6;
  border:1px solid #FFFFFF;
}

body{
	height: 100%;
	font-size: 80%;
	line-height: 150%;
	font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", verdana,arial, "lucida grande", sans-serif;
	background: url(../../../../images/cmn_images/bg.gif) 0 0 repeat;
	color:#400E0E;
}
head~/* */body {
	font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", verdana,arial, "lucida grande", sans-serif;
}
html:not(:target) body {
	font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", verdana,arial, "lucida grande", sans-serif;
    *font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", verdana,arial, "lucida grande", sans-serif;
}

img,
a img {
	border: 0;
}

.mb7{
	margin-bottom: 7px!important;
}
.mb15{
	margin-bottom: 15px!important;
}
.mb20{
	margin-bottom: 20px!important;
}
.mb25{
	margin-bottom: 25px!important;
}

.clear{
	clear: both;
}

.sidebox a:hover img, a.alpha:hover img{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

table{ /* 基本テーブル設定（固定）*/
	border:0px none;
	margin:0px;
	padding:0px;
	text-align:left;
	border-collapse:collapse;
}

th {border:0px none;margin:0px;padding:0px;border-collapse:collapse;vertical-align:top;}

td {border:0px none;margin:0px;padding:0px;border-collapse:collapse;vertical-align:top;}

th {white-space:nowrap;}

h1,h2,h3,h4 { /* 基本タイトル（固定）*/
	padding:0px;
	margin:0px;
	font-size:100%;
	text-align:left;
}

a{ /* 基本のリンク （固定）*/
	color:#262f88;
	text-decoration:underline;
	outline: 0;
}
a:hover {
	color:#3198e7;
	text-decoration:none;
}

ul{ /* 基本のリスト （固定）*/
	list-style-type:square;
}

ul ul{	list-style-type:none;}

form {	padding:0px;display:inline;}

.clear_both { /* 画像の周り込み解除 */
	clear:both;
	font-size:1px;
	visibility:hidden;
	overflow:hidden;
	height:1px;
	text-align:center;
}

.text1 {border:1px solid #CCCCCC;}/* テキストエリアデザイン設定 */

.caution{ font-weight:bold;color:#CC0000;}/* エラーメッセージ */

.no2{font-size:110%;} /* フォントズーム */

.strong{ font-weight:bold;}/* フォントボールド */

.red{color:#CC0000;} /* フォント赤 */
.orange{color:#FF9900;} /* フォントオレンジ */
.blue{color:#0000FF;} /* フォント青 */
.green{color:#006600;} /* フォント緑 */
.glay{color:#414141;} /* フォントグレー */


.layoutp3 .item{
height:370px;
}
.item table{
	height: 80px;
}
.item table #mainImg1{
	position: absolute;
	top: 0;
	left: 0;
}
.item img{/* 商品画像枠  */
	height:auto;
	padding:5px;
	margin:0px;
	background:#FFFFFF;
	text-align:center;
}

.spacebox{/* スペース設定  */
	height:50px;
}

#title a, #hbtn li a,
#navi a,
#sidebanner a,
#topbtn a,
.pageTop{
	display: block;
	text-indent: -10000px;
	outline:none;
	line-height:1px;
	font-size:1px;
}

/********************************************************************/
/* 大枠テーブル（固定） */
#container {
	width: 980px;
	text-align: left;
	margin: 0 auto;
	background-position: 50% 0;
	background-repeat: repeat-y;
	background-image: url(../../../../images/cmn_images/bg3.png);
}

/* マイページ、ポップアップ画面 */
#enter {
	width:100%;
	text-align:left;
	background:/* url(../img/enter.gif) */ #ffffff;
	border:1px solid #B6A081;
}

/*---------------------------------------header-------------------------------------------*/
#header{
	width: 980px;
	background: url(../../../../images/cmn_images/headbg.gif) 50% 0 no-repeat;
	height: 136px;
}
#title{
	height: 118px;
	width: 154px;
	float: left;
}
#title a{
	display: block;
	height: 100%;
	width: 100%;
	background: url(/USERTHEMEIMG/vol1/granpapa.pj.shopserve.jp//title.gif) 0 0 no-repeat;
}
#hnavi{
	display: block;
	width: 650px;
	float: right;
	text-align: right;
	margin: 10px 0 7px;
}
#hnavi li{
	display: inline;
	padding-left: 15px;
	background: url(../../../../images/cmn_images/icon.gif) 0 5px no-repeat;
	margin-left: 20px;
}
#headR{
	clear: right;
	width: 826px;
	height: 64px;
	float: right;
	margin-top: -7px;
	margin-bottom: 25px;
}
#headbanner{
	height: 36px;
	width: 447px;
	float: left;
	margin-top: 5px;
}
#headbanner:after {
  content: "";
  display: block;
  clear: both;
}
#hbn1{
  margin-right:39px;
}
#hbtn{
	display: block;
	height: 51px;
	width: 285px;
	float: right;
	margin-top: 5px;
	margin-right: 30px;
}
#hbtn li{
	display: block;
}
#hbtn li a{
	display: block;
	height: 100%;
	width: 100%;
}
#hbtn01{
	float: left;
	height: 22px;
	width: 130px;
	margin-bottom: 5px;
}
#hbtn02{
	float: left;
	height: 22px;
	width: 130px;
	clear: left;
}
#hbtn03{
	float: right;
	height: 51px;
	width: 141px;
}
#hbtn01 a{background: url(../../../../images/cmn_images/hn01.gif) 0 0 no-repeat;}
#hbtn02 a{background: url(../../../../images/cmn_images/hn02.gif) 0 0 no-repeat;}
#hbtn03 a{background: url(../../../../images/cmn_images/hn03.gif) 0 0 no-repeat;}
#hbtn li a:hover{background-position: 100% 0;}


/*---------------------------------------navi-------------------------------------------*/

#navi{
	clear: both;
	width: 980px;
	position: relative;
	height: 10px;
	z-index: 10;
}
#navi ul{
	z-index: 10;
	display: block;
	height: 103px;
	width: 974px;
	position: absolute;
	top: -20px;
	left: 3px;
	background: url(../../../../images/cmn_images/navi.png) 0 0 no-repeat;
}
#navi li{
	overflow: hidden;
	position: relative;
	display: block;
	float: left;
	z-index: 10;
}
#navi li a{
	top: 0;
	left: 0;
	display: block;
	height: 100%;
	width: 100%;
	z-index: 10;
	background-position: 0 100%;
	background-repeat: no-repeat;
}

#navi01{
	height: 67px;
	width: 150px;
	margin-top: 15px;
}
* html #navi01 {
	margin-top: 16px;
}
* html #navi01 a {
	background-position: 0 -67px;
}
#navi02{
	height: 71px;
	width: 220px;
	margin-top: 1px;
}
* html #navi02 {
	margin-top: 2px;
}
* html #navi02 a {
	background-position: 0 -71px;
}
#navi03{
	height: 68px;
	width: 234px;
}
#navi04{
	height: 64px;
	width: 177px;
	margin-top: 10px;
}
#navi05{
	height: 66px;
	width: 193px;
	margin-top: 20px;
}
#navi01 a{background-image: url(../../../../images/cmn_images/1.png);}
#navi02 a{background-image: url(../../../../images/cmn_images/2.png);}
#navi03 a{background-image: url(../../../../images/cmn_images/3.png);}
#navi04 a{background-image: url(../../../../images/cmn_images/4.png);}
#navi05 a{background-image: url(../../../../images/cmn_images/5.png);}
#navi li a:hover{background-position: 0 0;}

#navibg{
	position: absolute;
	top: 194px;
	left: 50%;
	height: 64px;
	width: 1054px;
	background: url(../../../../images/cmn_images/bg2.gif) 50% 0 no-repeat;
	z-index: -10;
	margin-left: -527px;
}


/*---------------------------------------sidebanner-------------------------------------------*/

#sidebanner{
	display: block;
	width: 206px;
	height: 252px;
	padding: 51px 0 6px;
	background: url(../../../../images/cmn_images/sidebanner.jpg) 0 0 no-repeat;
}
#sidebanner li{
	display: block;
	float: left;
	height: 79px;
	width: 205px;
	margin-bottom: 5px;
	padding: 0!important;
}
#sidebanner a{
	display: block;
	height: 100%;
	width: 100%;
}
#sidebanner01 a{background: url(../../../../images/cmn_images/lbn1.jpg) 0 0 no-repeat;}
#sidebanner02 a{background: url(../../../../images/cmn_images/lbn2.jpg) 0 0 no-repeat;}
#sidebanner03 a{background: url(../../../../images/cmn_images/lbn3.jpg) 0 0 no-repeat;}
#sidebanner a:hover{background-position: 100% 0;}


/********************************************************************/

#leftSide {
	width: 206px;
	padding: 0 0 0 39px;
	vertical-align:top;
}

#center1 { /* センター td （2列）*/
	width: 680px;
	padding: 0 43px 0 12px;
	vertical-align:top;
	background: url(../../../../images/cmn_images/center1bg2.gif) 0 0 no-repeat;
	text-align: left;
}

#center2 {min-width:520px; /* センターtd （3列）*/
	width:auto;
	padding:0px;
	margin:0px;
	vertical-align:top;
}

#center3 { /* センターtd （装飾用）*/
	vertical-align:top;
	width:100%;
}


/* 表組みセンタリング */
#center3 table{
}
#center3 table table.bordlayoutp3{
	margin:0;
}

.header_area { /* ヘッダのフリーエリア */
	height: 1px;
	overflow: hidden;
}

.footer_area { /* フッタのフリーエリア */
	height: 1px;
	overflow: hidden;
}

.sidebox { /* サイド用ブロック（幅設定） */
	padding:1px 0px 5px 0px;
	margin:0px;
}

.centerbox { /* センター用ブロック（幅設定） */
	clear: both;
	margin-top:42px;
}

.center{ text-align:center;} /* センター */
.right{ text-align:right;} /* 右 */
.left{ text-align:left;} /* 左 */
.middle{ vertical-align:middle;}/* テキスト縦中央 */
.buttom{ vertical-align:bottom;}/* テキスト縦下 */
.float_right{ float:right;}
.float_left{ float:left;}

/********************************************************************/
/* 基本商品テキスト設定 */

.price{ /* 商品価格 */
	color:#FF0000;
	text-align:left;
	font-weight:bold;
}
.price.zoom{ /* 商品価格 （商品詳細） */
	font-size:140%;
	font-weight:bold;
}
.expl{ /* 商品説明文 */
	text-align:left;
	color:#333333;
	font-size: 12px;
	line-height: 150%;
}
.expl a{color:#333333;	text-decoration:none;}
.expl a:hover{color:#333333;text-decoration:underline;}

.fixed{ /* 商品定価 */
	font-size:120%;
	color:#333333;
	text-align:left;
}

h2.goods /* 商品名 （商品一覧）*/
a{color:#666666;text-decoration:none;font-weight:bold;text-decoration:underline;}
h2.goods a:hover{color:#3399CC;text-decoration:underline;}

.layout1 {
      position: relative;
      width: 162px;
}
.layout1 table {
      width: 162px;
}
.layout1 img {
  margin-left: -5px;
}
h2.goods img {
      position: absolute;
      left: 28px;
      top: 15px;
      width:40px;
}

/********************************************************************/
/*センターコンテンツ  */
.topIMG { /* トップイメージ 外枠設定 */
	margin:0px ;
	padding:0px;
}

.topIMG td{
	margin:0px;
	padding:0px;
}

.shopCopy { /* サイト説明 */
height:330px;
}

/* タイトルデザイン */

.free_title { /* タイトル1 h3 */
	padding:8px 0px 8px 7px;
	margin:0px;
	width:auto;
	color:#414141;
	line-height:100%;
	font-size:12px;
	vertical-align:middle;
	font-weight:bold;
	letter-spacing:0.2em;
	background:#d8d2cb url(../img/title_bar01.gif)  repeat-x;
}

.title1{
	padding:8px 0px 8px 7px;
	margin:0px;
	width:auto;
	color:#414141;
	line-height:100%;
	font-size:12px;
	vertical-align:middle;
	font-weight:bold;
	letter-spacing:0.2em;
	background:#d8d2cb url(../img/title_bar01.gif)  repeat-x;
}
.title1 a{color:#414141;text-decoration:underline;}
.title1 a:hover{
	color:#414141;
	text-decoration:underline;
	font-weight:bold;
}
.title2{ /* タイトル2 h1 */
	padding:10px 0px 10px 7px;
	margin:0px;
	width:auto;
	color:#414141;
	line-height:100%;
	font-weight:bold;
	font-size:12px;
	vertical-align:middle;
	letter-spacing:0.2em;
	background:#d8d2cb url(../img/title_bar01.gif)  repeat-x;
}
.title2 a{color:#414141;text-decoration:underline;}
.title2 a:hover{
	color:#414141;
	text-decoration:underline;
	font-weight:bold;
}
.title3{ /* タイトル2 h1 */
	padding:10px 0px 10px 7px;
	margin:0px;
	width:auto;
	color:#414141;
	line-height:100%;
	font-weight:bold;
	font-size:12px;
	vertical-align:middle;
	letter-spacing:0.2em;
	background:#d8d2cb url(../img/title_bar01.gif)  repeat-x;
}
.title3 a{color:#414141;text-decoration:underline;}
.title3 a:hover{
	color:#414141;
	text-decoration:underline;
	font-weight:bold;
}

.rank{/* ランキングアイコン */
        text-align:left;
}

.mainCont { /* メインコンテンツ */
width:680px;
}

.contbox { /* メインコンテンツ内項目ボックス*/
	padding:10px 0px;
	margin:0px;
	width:auto;
}


ul.news{
	text-align:left;
	width: 338px;
	height: 115px;
	overflow: auto;
	display: block;
	margin-top: 34px;
	float: left;
	margin-bottom: 25px;
}
li.news{
	margin-bottom: 10px;
}

li.p3{padding:3px;}

ul.free_list{ /* リスト設定 */
	text-align:left;
	padding:5px 10px;
	margin:0px;
	list-style:square;
	color:#333333;
}

ul.list{ /* リスト設定 */
	text-align:left;
	padding:5px 10px;
	margin:0px;
	list-style:square;
	color:#333333;
}

ul.map{ /* サイトマップリスト設定 */
	font-size:110%;
	text-align:left;
	padding:0px 20px;
	margin:0px;
	color:#333333;
}
li.sm1 { margin:4px ;display:block;list-style-type:none;}
li.sm2 { margin:0px 0px 0px 0px;display:block;list-style-type:none;}

.sitemap{ /* サイトマップリスト 項目タイトルh4*/
	font-size:110%;
	padding:5px 25px;
	color:#333333;
	background:url(../img/icon_sitemap.gif) no-repeat ;
	background-position:left center;
}


/* テーブル余白設定  （固定） */
.layoutp5  { padding:5px 0px;}/* 余白5px */
.layoutp5 th { padding:5px;}
.layoutp5 td { padding:5px;}
.layoutp5 .border { border:1px solid #CCCCCC;}

.layoutp3 table{text-align:left;}
.layoutp3 { padding:5px 0px; position:relative;}/* 余白3px */
.layoutp3 th { padding:3px;}
.layoutp3 td { padding:3px;}
.layoutp3 .border { border:1px solid #999999;}

.bordlayoutp3  { padding:5px 0px;}/* ボーダーテーブル(余白3px) */
.bordlayoutp3 th { padding:3px;border:1px solid #999999;}
.bordlayoutp3 td { padding:3px;border:1px solid #999999;}
.bordlayoutp3 .side { padding:10px 15px;}/* 横余白10px */

.backcolor1 { background:#E8E8E8;} /* テーブル内カラー切り替え（タイトル部分） */
.backcolor2 { background:#FFFFFF;vertical-align:middle} /* コンテンツ内 */
.backcolor3 { background:#D7EBF4;padding:10px 0px;} /* カート部分 */


/* 商品レイアウト（トップページセンター、商品一覧用）*/

.layoutFrame{/* 大枠 table */
}
.layoutFrame td{
	text-align:center;
	margin:0px;
	padding:0px;
	vertical-align:top;
}

.layout1{ /* レイアウト */
	margin:1px;
	padding:3px;
	background:#FFFFFF;
	/* background:url(../img/layout1.gif) ;*/
}
.layout1 td{
	margin:0px;
	padding:3px;
	text-align:center;
}

/* 第二階層 */

#bread{ /* パンクズ */
	position:absolute;
	top:195px;
	z-index:11;
	padding:3px 15px;
	color:#414141;
	text-align:left;
}
form #bread,
#enter #bread {
	position:relative;
	top:0;
}
#bread a { color:#414141;}
#bread a:link {
	text-decoration:underline;
}
#bread a:hover {
	text-decoration:underline;
	color:#336699;
}

h4.title{
	font-size:110%;
	margin:5px 0px;
	padding:2px 0px;
	color:#414141;
	border-bottom:1px dotted #333333;
}

.mainFrame{ /* メイン大枠 */
	margin:0px;
	padding:1px;
	/*ackground:#1587C2;*/
	/* background:url(../img/mainframe.gif) ;*/
}

p.title	{ margin:3px 0px;
	padding:2px 0px;
	color:#669933;
	border-bottom:1px dotted;
	font-weight:bold;
}
/* メールマガジンアイコン設定 */
.mailmag_ent,.mailmag_cha,.mailmag_can {
	color:#414141;
}

.mailmag_ent{ /* 新規登録 h4 */
	font-size:110%;
	padding:12px 0px 0px 60px;
	background:url(../img/icon_mailmag_ent.gif) no-repeat;
}

.mailmag_cha{ /* アドレス変更 h4 */
	font-size:110%;
	padding:12px 0px 0px 60px;
	background:url(../img/icon_mailmag_cha.gif) no-repeat;
}

.mailmag_can{ /* 配信解除 h4 */
	font-size:110%;
	padding:12px 0px 0px 60px;
	background:url(../img/icon_mailmag_can.gif) no-repeat;
}

#sortList{ /* ソート */
	margin:0px;
	padding:10px 3px 5px 3px;
	width:auto;
	color:#333333;
	float:right;
}

.pageTop { /* ページトップ */
	clear: both;
	height: 1px;
	overflow: hidden;
}


/********************************************************************/
/* フッターーメニューレイアウト設定 */
#topbtn{
	clear: both;
	height: 32px;
}
#topbtn a{
	display: block;
	height: 32px;
	width: 107px;
	background: url(/USERTHEMEIMG/vol1/granpapa.pj.shopserve.jp//topbtn.gif) 100% 0 no-repeat;
	margin: 0 0 0 834px;
}
#topbtn a:hover{
	background-position: 0 0;
}
#footerbg {
	padding: 10px 39px 0;
	background: url(/USERTHEMEIMG/vol1/granpapa.pj.shopserve.jp//footbg.gif) 0 0 repeat-y;
}
#footerbg a{
	color: #400E0E;
}
#footerbg a:hover{
	text-decoration: underline;
}
#fnavi01{
	display: block;
	height: 52px;
	margin-bottom: 20px;
	line-height:160%;
}
#fnavi01 li{
	display: inline;
	height: 52px;
	width: 201px;
	float: left;
	margin: 0 12px;
}
.fnavi{
	display: block;
	float: left;
	width: 148px;
}
#footerbg .R{
	width: 300px;
	float: right;
	text-align: right;
}
#footerbg .R img{
	margin: 30px 0 10px;
}

/********************************************************************/
/* サイド設定 */

#search {
	padding: 15px 0 15px;
}
#search .text1{
	padding: 2px 0 0 0;
	margin-top: 2px;
	width: 140px;
}
#search .button1{
}


#category h3, #group h3, #maker h3{
	height: 32px;
	width: 206px;
	position: relative;
	margin-bottom: 5px;
}
#category h3 img, #group h3 img, #maker h3 img{
	position: absolute;
	display: block;
	height: 32px;
	width: 217px;
	top: 0;
	left: -28px;
}
#category div{
	margin-bottom: 5px;
}
#category form, #group form{
	margin-bottom: 8px;
	display: block;
}
#category select, #group select{
	width: 184px;
	padding: 2px;
}
#group ul, #group li{
	display: block;
	line-height: 0;
}
#group ul{
	margin-bottom: 20px;
}
#group_price li{
	margin-bottom: 7px;
}
#group_price li img{
	vertical-align: top;
}
#group_age li img{
	vertical-align: top;
}
#group_maker li{
	width: 184px;
	text-align:center;
	margin-bottom:7px;
}
#group_maker li a img{
	width:100px;
	height:auto;
	margin-bottom:10px;
	vertical-align: top;
	margin-left:auto;
	margin-right:auto;
}


/* カレンダー */
caption { /* 年月タイトル */
	 font-weight:bold;
	 text-align:center;
	 padding:3px;
	 color:#333333;
}
caption a{ color:#333333;text-decoration:underline;}
caption a:hover{ color:#333333;	 text-decoration:underline;}

.carender { /* カレンダー テーブル*/
	 border-collapse:collapse;
	 padding:5px 0px;
	 margin:0 auto;
	 text-align:center;
	 background-color:#FFFFFF;
}

div#calendar_div table{
	margin:0 auto;
	text-align:center;
	width:150px;
}

.carender td {
	padding:2px;
	border-collapse:collapse;
	text-align:right;
	border:1px solid #CCCCCC;
	 background-color:#FFFFFF;
}

.carender th {
	padding:2px;
	border-collapse:collapse;
	border:1px solid #CCCCCC;
	 background-color:#FFFFFF;
}

th.day { /* ヘッダ平日 */
	font-weight:bold;
	color:#414141;
	background:#E8E8E8;
	text-align:center;
}

th.sun { /* ヘッダ日曜 */
	color:#FFFFFF;
	background:#414141;
	text-align:center;
}

th.sat { /* ヘッダ土曜 */
	color:#FFFFFF;
	background:#336699;
	text-align:center;
}

.chert { /* 表示色説明枠  */
	margin:5px 5px;
	font-size:84%;
}
.chert td {
	border-collapse:separate;
	padding:0px 0px 0px 5px;
	border:2px solid #FFFFFF;
}

.line01{
	/*border:#DEDBBE 1px dotted;*/
	vertical-align:bottom;
}

/* RSS設定 */
#rss{
	margin:0 0 20px 0;
	padding:0;
}

#count{ /* カウンター */
	margin:0px;
	padding:5px;
}

/********************************************************************/
/* ブログ */

.blogbox { /*コメントボックス*/
	padding:5px;
	margin:2px 0px;
	width:auto;
	/*background:url(../img/blogbox.gif) ;*/
}

.entry_title { /* ブログエントリータイトル h2 */
	padding:5px 0px 5px 0px;
	display:block;
	font-size:110%;
/*	color:#FFFFFF;*/
	color:#333333;
	height:19px;
/*	background:url(../img/entry_title.gif);*/
}

.entry_date{
	display:block;
	padding:10px 0px 3px 0px;
	color:#333333;
	text-align:right;
}

.state{ /* ブログステータス */
	padding:2px 0px;
	text-align:right;
	border-top:1px solid #ded9c5;
}

.subtitle {/* h3 ブロックサブタイトル */
	padding:5px 0px 5px 0px;
	margin:10px 0px 10px 0px;
	text-align:left;
	font-size:110%;
	color:#547D2B;
	background:url(../img/subtitle.gif);
	height:19px;
}

 p.label { /* ブログコメントタイトル */
	font-weight:bold;
}

.tb_url{ /* トラックバックurl */
	font-weight:bold;margin-bottom:10px;
}

/********************************************************************/
/* カート */

.point {font-size:120%;color:red;font-weight:900;}

.pointline {font-size:100%;color:#FFFFFF;font-weight:900;padding:3px;background-color:#414141;}



/* ナビゲーション （固定）*/
.step_navi01,.step_navi02,.step_navi03,.step_navi04 {
	text-align:center;
	width:100%;
	height:83px;
}

.step_navi01 {
	background-image:url(../img/navi01.gif);
	background-repeat:no-repeat;
}

.step_navi02 {
	background-image:url(../img/navi02.gif);
	background-repeat:no-repeat;
}

.step_navi03 {
	background-image:url(../img/navi03.gif);
	background-repeat:no-repeat;
}

.step_navi04 {
	background-image:url(../img/navi04.gif);
	background-repeat:no-repeat;
}

/* ご利用案内 */
table.layout_left_shoppinguide{
	width:100%;
}

/********************************************************************/
/*** 商品詳細ページの在庫の直接表示用 ***/
#itemStocklist table {
	border-collapse:collapse;
	margin:5px 0;
	padding:0;
}

#itemStocklist th,
#itemStocklist td {
	margin:0;
	padding:0;
	font-weight:normal;
	text-align:left;
	line-height:1.2;
}

#itemStocklist th {
	white-space:normal;
	width:auto;
	border:1px solid #999;
	vertical-align:middle;;
}

#itemStocklist td {
	white-space:normal;
	width:auto;
	border:1px solid #999;
}

#itemStocklist th p,
#itemStocklist td p {
	padding:1px 4px;
	line-height:1.2;
}

#itemStocklist td input,
#itemStocklist td img {
	width:80px;
	height:24px;
	margin:2px;
}

/* バリエーションなしorまとめて管理 */
#itemStocklist table.contType {width:auto;}

#itemStocklist table.contType th,
#itemStocklist table.contType td {
	padding:0 10px;
	vertical-align:middle;
	font-size:0.9em;
}

/* バリエーションごとに管理 */
#itemStocklist table.listType {width:100%;}

#itemStocklist table.listType th,
#itemStocklist table.listType td {font-size:0.8em;}

#itemStocklist table.listType td.stk {
	width:5em;
	text-align:center;
}

#itemStocklist table.listType td.btn {
	width:84px;
	vertical-align:middle;
	text-align:center;
}

/*** 商品詳細ページの在庫の直接表示用 ***/
#itemStocklist table {
    border-collapse:collapse;
    margin:5px 0;
    padding:0;
}

#itemStocklist th,
#itemStocklist td {
    margin:0;
    padding:0;
    font-weight:normal;
    text-align:left;
    line-height:1.2;
}

#itemStocklist th {
    white-space:normal;
    width:auto;
    border:1px solid #999;
    vertical-align:middle;;
}

#itemStocklist td {
    white-space:normal;
    width:auto;
    border:1px solid #999;
}

#itemStocklist th p,
#itemStocklist td p {
    padding:1px 4px;
    line-height:1.2;
}

#itemStocklist td input,
#itemStocklist td img {
    width:80px;
    height:24px;
    margin:2px;
}

/* バリエーションなしorまとめて管理 */
#itemStocklist table.contType {width:auto;}

#itemStocklist table.contType th,
#itemStocklist table.contType td {
    padding:0 10px;
    vertical-align:middle;
    font-size:0.9em;
}

/* バリエーションごとに管理 */
#itemStocklist table.listType {width:100%;}

#itemStocklist table.listType th,
#itemStocklist table.listType td {font-size:0.8em;}

#itemStocklist table.listType td.stk {
    width:5em;
    text-align:center;
}

#itemStocklist table.listType td.btn {
    width:84px;
    vertical-align:middle;
    text-align:center;
}

#ct {
margin-top: -20px !important;
}

/* メーカープルダウン */
div.dropdown ul li {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}
#text-7 {
margin-bottom:25px;
}
div.dropdown {
    width:100%;
	overflow:hidden;
	margin-bottom:5px;
	z-index:9999;
}
div.dropdown a{
	float:left;
	width:184px;
	height:31px;
	line-height:31px;
	text-decoration:none;
	cursor:pointer;
	text-align:center;
	text-indent:-29px;
	background-image:url(//www.granpapashop.com/images/pulldown.png);
	_background-image:url(//www.granpapashop.com/images/pulldown.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	outline:none;
}
div.dropdown a:hover{
	background-position:-186px 0px;
	color:#76361B;
}
div.dropdown a span#oerabi{
	display:block;
	background-image:url(//www.granpapashop.com/images/makerlist/side04_0.gif);
	background-repeat:no-repeat;
	background-position:5px 50%;
}
div.dropdown ul{
	position:absolute;
	display:inline-block;
	background-color:#FFFFFF;
	width:182px;
	/margin-left:-220px;
	_margin-left:-190px;
	max-height:240px;
	_height:240px;
	display:inline-block;
	border:1px solid #e5e4df;
	display:none;
	overflow-x:hidden;
	overflow-y:auto;
	z-index:9999;
}
div.dropdown ul li {
	float: left;
	width: 100%;
	display:block;
	background-repeat:no-repeat;
	background-position:2px 2px;
	padding-left:65px;
}
div.dropdown ul li#makerlist01 {
	background-image:url(//www.granpapashop.com/images/makerlist/side04_1.jpg);
}
div.dropdown ul li#makerlist02 {
	background-image:url(//www.granpapashop.com/images/makerlist/side04_2.jpg);
}
div.dropdown ul li#makerlist03 {
	background-image:url(//www.granpapashop.com/images/makerlist/side04_3.jpg);
}
div.dropdown ul li#makerlist04 {
	background-image:url(//www.granpapashop.com/images/makerlist/side04_4.jpg);
}
div.dropdown ul li#makerlist05 {
	background-image:url(//www.granpapashop.com/images/makerlist/side04_5.jpg);
}
div.dropdown ul li#makerlist06 {
	background-image:url(//www.granpapashop.com/images/makerlist/side04_6.gif);
}
div.dropdown ul li#makerlist07 {
	background-image:url(//www.granpapashop.com/images/makerlist/side04_7.gif);
}
div.dropdown ul li#makerlist08 {
	background-image:url(//www.granpapashop.com/images/makerlist/side04_8.jpg);
}
div.dropdown ul li#makerlist10 {
	background-image:url(//www.granpapashop.com/images/makerlist/side04_10.gif);
}
div.dropdown ul li#makerlist11 {
	background-image:url(//www.granpapashop.com/images/makerlist/side04_11.jpg);
}
div.dropdown ul li#makerlist12 {
	background-image:url(//www.granpapashop.com/images/makerlist/side04_12.jpg);
}
div.dropdown ul li#makerlist13 {
	background-image:url(//www.granpapashop.com/images/makerlist/side04_13.jpg);
}
div.dropdown ul li#makerlist14 {
	background-image:url(//www.granpapashop.com/images/makerlist/side04_14.jpg);
}
div.dropdown ul li#makerlist15 {
	background-image:url(//www.granpapashop.com/images/makerlist/side04_15.jpg);
}
div.dropdown ul li#makerlist16 {
	background-image:url(//www.granpapashop.com/images/makerlist/side04_16.jpg);
}
div.dropdown ul li#makerlist17 {
	background-image:url(//www.granpapashop.com/images/makerlist/side04_17.jpg);
}
div.dropdown ul li a{
	display:block;
	width:100%;
	height:24px;
	line-height:24px;
	text-align:left;
	text-indent:10px;
	text-decoration:none;
	background-position:-391px -142px;
	background-color:WHITE;
}
div.dropdown ul li a:hover{
	color:#333333;
	background-position:-391px -177px;
	background-color:#F1F1F1;
}
p#ordersupport {
position:relative;
width:900px;
height:305px;
margin-left:auto;
margin-right:auto;
margin-top:15px;
margin-bottom:25px;
z-index:1;
}
p#ordersupport a#btn-shipping {
display:block;
position:absolute;
z-index:2;
top:105px;
left:198px;
width:88px;
height:20px;
}
p#ordersupport a#btn-giftwrapping {
display:block;
position:absolute;
z-index:2;
top:246px;
left:11px;
width:284px;
height:39px;
}

.image{
margin-right : 15px;
margin-bottom : 0px;
}

.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

div.rank {
display:none!important;
}

/* 商品ページ 商品説明エリア*/
.goodspage {
  width: 640px;
  line-height: 20px;
}

.goodspage-img a:hover img {
  opacity: 0.7;
}

.goodspage p{
  padding:10px;
}

.goodspage-text {
   width: 620px;
}

.goodspage-img img {
   width: 640px;
}

.goodspage-img2 {
  width: 640px;
  display: table;
  text-align: center;
}

.goodspage-img2 img {
   width: 316px;
   margin: 2px;
}

.goodspage-img2s {
  width: 50%;
  display: table;
  text-align: center;
}

.goodspage-img2s img {
   width: 50%;
   margin: 1%;
}

.goodspage-img4 {
  width: 640px;
  display: table;
  text-align: center;
}

.goodspage-img4 img {
   width: 150px;
   margin: 2px;
}

.goods-table-oya{
	display: table;
        margin-bottom : 30px;
}

.goods-table-ko1,.goods-table-ko2{
	display: table-cell;
	vertical-align: middle;
        text-align: center;
        border : none;
       	width: 320px;
}

.goods-table-ko1 img{
	width: 320px;
}

.migiyose{
   text-align: right;
   margin-bottom:20px;
}


/* 商品ページ 商品説明エリア end */

/* カテゴリ ヘッダー */
.category_header_oya{
position: relative;
color:#5b310f;
}

div.category_header_name{
    position: absolute;
    top: -260px; left: 225px;
    width: 400px;
    font-weight: normal;
    font-size:19px;
    font-weight: bold;
}

div.category_header_ko{
    position: absolute;
    top: -230px; left: 225px;
    width: 400px;
    font-weight: normal;
    font-size:12px;
    line-height: 20px;
    margin-left: 16px;
}
/* カテゴリ ヘッダー end */
