/*
サンプル
*/

/* リンク画像 */
a img { border: none }

a:link {
	color: #1743b0 ; }
a:hover {
	color: #ff6c00 ; }


/* 背景色
---------------------------------------------*/

body {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:85%;
	background: url(../images/common/body_bk.jpg) repeat-y center;
	}
#contents_all {
	margin: 0;
	padding: 0;	
}

body.double-r #contents {
	background: url(../images/common/contents_all_bk.jpg) repeat-y top;
}

/*------------------------------------------------------------------------------------------
	ヘッダー編
	default	通常はこれが指定されている
------------------------------------------------------------------------------------------*/
/* default */
#header {
	margin:0px;
	padding:0px;
	background: url(../images/suisui/header/header.jpg) no-repeat left;
	height:462px;
	position:relative;
}

/* アイキャッチが上部に入るときに読み込まれるスタイル */
body.eye-h div#header{
	margin-bottom:30px;	
}
/* メニューが上部にくるときに読み込まれるスタイル */
body.eye-c.gt #header {
	background: #FFF url(../images/suisui/header/header.jpg) center top no-repeat;
	height:110px;
	_height:140px;	/* for IE 6 */
}

/* h1の設定 */
/* default */
body div#header .logo {
	width: 195px;
	float: left;
	display: inline;
 }

body div#header .logo h1#siteName {
	margin: 0;
	padding: 0;
	text-indent: -1000em;
}

body div#header .logo h1#siteName a{
	background: url(../images/suisui/header/logo.jpg) no-repeat top;
	width: 195px;
	height:113px;
	display: block;
}

/* アイキャッチが上部に入るときに読み込まれるスタイル */
body.eye-h #header h1#siteName{
	position:absolute;
	top:0px;
}

body.eye-c.gt #header h1#siteName{
background:none;
}

/* default */
body div#header p#description {
	margin:0;
	height: 0;
	text-indent:-1000em;
}

/* ------------------------------------------------------------------------------------------
	グローバルナビ
	kebihada	通常はこちらのスタイルが読み込まれる
------------------------------------------------------------------------------------------*/
/* default */
ul#globalNavi {
	clear: both;
	margin: -105px 0 0 0; 
	width:400px;
	float: right;
	display:block;
	padding-right: 5px;
}

ul#globalNavi li{
	margin:0 5px 0 0;
	padding: 0;
	text-align: left;
	width: 73px;
	height: 19px;
	float: right;
	display: inline;
	background: url(../images/suisui/header/gl_navi_bk.jpg) no-repeat top;
}

ul#globalNavi li a {
	padding: 5px 0 0 3px;
	text-align: center;
	display: block;
	color: #fff;
	font-size: 85%;
	text-decoration: none;
}


ul#globalNavi li a:hover{
	color: #FF0000;
}

/* 1-1-10 */

body.eye-c.gt ul#globalNavi {
	height:45px;
	width:75%;
	margin:0;
	padding:0px;
}

body.eye-c.gt ul#globalNavi li a{
	color: #FFFFFF;

}

body.eye-c.gt ul#globalNavi li a{
	color: #FFFFFF;

}
body.double-r div#utilities div#others .serch_S {
	margin: -5px 0 20px 5px;
	_margin: -5px 0 20px 0;
	}
body.double-r div#utilities div#others .serch_S form {
	width: 195px;
	_widht: 200px;
	margin: 0;
	display:inline;
	}
body.double-r div#utilities div#others .serch_S form #box_search_input_text {
	font-size: 100%;
	color:#000;
	border: 1px solid #000;
	vertical-align: top;
}
	
body.double-r div#utilities div#others .serch_S form #box_search .btn {
	height: 20px;
	vertical-align: text-bottom;
	}

body.double-r div#utilities div#others .serch_S form #area_search_input_text {
	width: 140px;
}

body.double-r div#utilities div#others div#card {
	background: #fff;
	margin: 0 0 20px 0;
	text-align: center;
} 




/* ------------------------------------------------------------------------------------------
	カテゴリナビ
	defaulti	通常はこちらのスタイルが読み込まれる
------------------------------------------------------------------------------------------*/
/* default */
ul#cate_Navi {
	clear:both;
	float: right;
	margin: -52px 0 0 0; 
	padding: 0;
	width: 611px;
	height: 52px;
	display:block;
}

ul#cate_Navi li{
	float: left;
	display: inline;
}

ul#cate_Navi li a {
	height: 52px;
	display: block;
	text-indent: -1000em;
	overflow: hidden;
}

/*------off*/
ul#cate_Navi li.navi01 a {
	background: url(../images/suisui/header/cate_navi.jpg) no-repeat 0px 0px;
	width:147px;
}
ul#cate_Navi li.navi02 a {
	background:url(../images/suisui/header/cate_navi.jpg) no-repeat -147px 0px;
	width:136px;
}
ul#cate_Navi li.navi03 a {
	background:url(../images/suisui/header/cate_navi.jpg) no-repeat -283px 0px;
	width:134px;
}
ul#cate_Navi li.navi04 a {
	background:url(../images/suisui/header/cate_navi.jpg) no-repeat -417px 0px;
	width:194px;
}


/*------hover*/
ul#cate_Navi li.navi01 a:hover {
	background:url(../images/suisui/header/cate_navi.jpg) no-repeat 0px -52px;
}
ul#cate_Navi li.navi02 a:hover {
	background:url(../images/suisui/header/cate_navi.jpg) no-repeat -147px -52px;
}
ul#cate_Navi li.navi03 a:hover {
	background:url(../images/suisui/header/cate_navi.jpg) no-repeat -283px -52px;
}
ul#cate_Navi li.navi04 a:hover {
	background:url(../images/suisui/header/cate_navi.jpg) no-repeat -417px -52px;
}

/* 余白の設定
---------------------------------------------*/
/* サイドのボックスの余白を設定 */
/* 3カラム */
/* 新着 */
div#navi div#new_goods h3,
body.double-r div#navi div#new_goods h3,
body.double-l div#navi div#new_goods h3,


/*オススメ*/

div#navi div#pickup_goods h3,
div#utilities div#pickup_goods h3,
body.double-r div#navi div#pickup_goods h3,
body.double-l div#navi div#pickup_goods h3,


/*商品カテゴリ*/

div#navi div#category h3,
body.double-r div#navi div#category h3,
body.double-l div#navi div#category h3,
body.single div#navi div#category h3,
div#navi div#search h3,
body.double-r div#navi div#search h3,
body.double-l div#navi div#search h3,

/* サイト内検索 */

/* ショッピングカート */
div#navi div#cart h3,
body.double-r div#navi div#cart h3,
body.double-l div#navi div#cart h3,
body.single div#navi div#cart h3,


/* トピックス */
div#navi div#topics h3,
body.double-r div#navi div#topics h3,
body.double-l div#navi div#topics h3,
body.single div#navi div#topics h3
{
	margin: 0;
}

div#utilities div#new_goods h3,
body.double-r div#utilities div#new_goods h3,
body.double-l div#utilities div#new_goods h3,
body.double-r div#utilities div#pickup_goods h3,
body.double-l div#utilities div#pickup_goods h3,
div#utilities div#category h3,
body.double-r div#utilities div#category h3,
div#utilities div#search h3,
body.single div#utilities div#category h3,
body.double-l div#utilities div#category h3,
body.double-l div#utilities div#search h3,
div#utilities div#cart h3,
body.double-r div#utilities div#cart h3,
body.double-l div#utilities div#cart h3,
body.single div#utilities div#cart h3,
div#utilities div#topics h3,
body.double-r div#utilities div#topics h3,
body.double-l div#utilities div#topics h3,
body.single div#utilities div#topics h3
body.double-r div#utilities div#search h3
{
	margin: 0;
}











/* 左右の余白が15pxの時 */
/* 新着 */
body.double-r div#main div#new_goods h3,
body.double-l div#main div#new_goods h3,
body.single div#main div#new_goods h3,

/* オススメ */
body.double-r div#main div#pickup_goods h3,
body.double-l div#main div#pickup_goods h3,
body.single div#main div#pickup_goods h3,

/* トピックス */
body.double-r div#main div#topics h3,
body.double-l div#main div#topics h3,
body.single div#main div#topics h3,

/* メインコンテンツ部分 */
body.double-r div#main .block .block_body,
body.double-l div#main .block .block_body,
body.single div#main .block .block_body,

/* メインボックスの中のスタイル */
body.double-r div#main div.entory .body,
body.double-l div#main div.entory .body,
body.single div#main div.entory .body
{
	margin: 0; 
}

/* 左右の余白が12pxのケース */
/* 商品カテゴリ */
body.multi-l div#navi div#category h3,
body.multi-l div#utilities div#category h3,

/* サイト内検索 */
body.multi-l div#navi div#search h3,
body.multi-ldiv#utilities div#search h3,

/* トピックス */
body.multi-l div#navi div#topics h3,
body.multi-l div#utilities div#topics h3
{
	margin: 0 12px;
}

/*---------------------------------------------
	コンテンツ
	default	通常はこのスタイルが適用される
	1-1-3  body class="eye-hb"の時のスタイル
	1-1-4  body class="eye-c"の時のスタイル
	1-1-5  body class="multi-l"の時のスタイル
	1-1-6  body class="multi-r"の時のスタイル
	1-1-10 body class="eye-c gt"の時のスタイル
---------------------------------------------*/
/* 余白を上から50px設定してあるのは、アイキャッチが上部に入る スタイルに対応するため*/
/* default */
body.double-r div#contents {
	text-align: left;
	margin-top: 20px;
	font-size: 90%;
	color:#666666;
/*	width: 690px; */
}

body.single div#contents {
	text-align: left;
	margin-top: 20px;
	font-size: 90%;
	color:#666666;
/*	width: 690px; */
}

div#contents #contents_main {
/*	margin-left: 7px; */
}
/* アイキャッチがヘッダーとメニューの下 */
body.eye-c div#contents div#eyeCatch{
	margin-bottom:30px;
}


/* 3カラムの左 */
body.multi-l div#contents div#main{
	margin-right:0px;
	position:relative;
	right:13px;
}

/* 3カラムの右 */
body.multi-r div#contents div#main{
	margin-right:0px;
	position:relative;
	left:13px;
}

/* メニューが上に来る */
body.eye-c.gt div#contents {
	margin:0px;
}




/*----------------------------------------------------
	コンテンツ名
	default = 3カラム(multi)の時のスタイル
----------------------------------------------------*/

/* default */
div#main div.entory h2 {
	margin: 0;
	background:url(../images/suisui/title/double/title_shop.jpg) no-repeat;
	height:18px;
/*	text-indent:2em; */
}

/* ダブル */
body.double-r div#main div.entory h2,
body.double-l div#main div.entory h2 {
/*	margin-right:20px; */
/*	margin-left:15px; */
	background:url(../images/suisui/title/double/title_shop.jpg) no-repeat;
	height:38px;
	padding: 0.8em 0 0 4em;
	width: 676px;
	margin: 0 0 0 15px;
}


/* 1シングル */
body.single div#main div.entory h2 {
	margin-right:15px;
	margin-left:15px;
	background-image:url(../images/suisui/title/single/title_shop.jpg);
	background-repeat:no-repeat;
	height:36px;
	padding : 7px 0 0 50px;
}

/* ブロックの設定 */
/* default */
div#main .block,
div#navi .block,
div#utilities .block
{
	margin-bottom: 30px;

}
/*
	マルチカラムでメニューが右の場合と
	左の場合
-----------------------------------------------*/

body.multi-l div#navi .block
{
	position:relative;
	right:12px;
}


body.multi-r div#navi .block
{
	position:relative;
	left:12px;
}

/* ブロックタイトル */
div.block h3 {
	margin:0;
	height:23px;
	text-indent:-1000em;

}

/* ブロック内タイトル */
div.block .block_body h4,
div.block .block_body h5,
div.block .block_body h6 {
	font-style:normal;
	line-height: 1.2;
	margin: 0;
	padding-top: 1em;
}


/*-------------------------------------------------
	新着商品
	default = 3カラム(multi)の時のスタイル
-------------------------------------------------*/

/* default */
div#main div#new_goods h3 {
	background-image:url(../images/suisui/title/multi/title_new_goods.jpg);
	background-repeat:no-repeat;
	clear:both;
}
div#navi div#new_goods h3,
div#utilities div#new_goods h3
{
	background-image:url(../images/suisui/box/multi/new_goods.jpg);
	background-repeat:no-repeat;
}
/* ダブル */

body.double-r div#main div#new_goods h3,
body.double-l div#main div#new_goods h3 {
	background-image:url(../images/suisui/title/double/title_new_goods.jpg);
	background-repeat:no-repeat;
	height: 38px;
	clear:both;
	width: 676px;
	margin: 0 0 0 15px;
}
body.double-r div#navi div#new_goods h3,
body.double-r div#utilities div#new_goods h3,
body.double-l div#navi div#new_goods h3,
body.double-l div#utilities div#new_goods h3
{
	background-image:url(../images/suisui/box/double/side_new_goods.jpg);
	background-repeat:no-repeat;
	height: 29px;
	margin: 0;

}

/* シングル */
body.single div#main div#new_goods h3 {
	background-image:url(../images/suisui/title/single/title_new_goods.jpg);
	background-repeat:no-repeat;
	clear:both;
}

body.single div#navi div#new_goods h3,
body.single div#utilities div#new_goods h3
{
	background-image:url(../images/suisui/box/single/new_goods.jpg);
	background-repeat:no-repeat;
	height: 39px;
	margin-left: 15px;

}

/*---------------------------------------------
	新着商品(サイドボックス)
	default	通常のスタイル
	1-1-1  multiの時のスタイル
	1-1-5  multi-lの時のスタイル
	1-1-6  multi-rの時のスタイル
---------------------------------------------*/
/* default */
div#main div#new_goods .block_body {
	padding: 0;
	clear:both;
	overflow: hidden;	/* IE7にてボーダーを表示 */
}

div#main div#new_goods .block_body li h4{
height:40px;
}


div#main div#new_goods .block_body li {
	padding: 0 1em;
	float: left;
	display:inline;
	margin-right: 5px;
	width:190px;
	overflow: hidden;	/* IE7にてボーダーを表示 */
	height:260px;
}
/*\*/
* html div#main div#new_goods .block_body li {
	width: 210px; }
/* For Win IE */
/* */



/* マルチカラムの場合、IE6だけレイアウトが崩れるので、マルチカラムの場合はスクロールバーを表示 
	1-1-1
	1-1-5
	1-1-6
*/
body.multi div#new_goods .block_body li,
body.multi-r div#new_goods .block_body li,
body.multi-l div#new_goods .block_body li{
	width: 130px;
	list-style-type: none;
	margin-bottom: 10px;
	overflow:auto;
}

div#new_goods .block_body li {
	list-style-type: none;
	margin-bottom: 10px;
}
div#new_goods .block_body li.new_icon {
}
div#new_goods .block_body li div.price {
	text-align: right;
}


/*-------------------------------------------------
	オススメ商品
	default = 3カラム(multi)の時のスタイル
-------------------------------------------------*/

/* default */
div#main div#pickup_goods h3 {
	background-image:url(../images/suisui/title/multi/title_recommended.jpg);
	background-repeat:no-repeat;
	clear:both;
}
div#navi div#pickup_goods h3,
div#utilities div#pickup_goods h3
{
	background-image:url(../images/suisui/box/multi/pick_up.jpg);
	background-repeat:no-repeat;
}

/* ダブル */
body.double-r div#main div#pickup_goods h3,
body.double-l div#main div#pickup_goods h3 {
	background-image:url(../images/suisui/title/double/title_recommended.jpg);
	background-repeat:no-repeat;
	height:39px;
	clear:both;
}
body.double-r div#navi div#pickup_goods h3,
body.double-r div#utilities div#pickup_goods h3,
body.double-l div#navi div#pickup_goods h3,
body.double-l div#utilities div#pickup_goods h3
{
	background-image:url(../images/suisui/box/double/side_recommended.jpg);
	background-repeat:no-repeat;
	height: 29px;
	margin: 0;
}

/* シングル */
body.single div#main div#pickup_goods h3 {
	background-image:url(../images/suisui/title/single/title_recommended.jpg);
	background-repeat:no-repeat;
	clear:both;
}

body.single div#navi div#pickup_goods h3,
body.single div#utilities div#pickup_goods h3
{
	background-image:url(../images/suisui/box/single/pick_up.jpg);
	background-repeat:no-repeat;
	height: 36px;
	margin-left: 15px;
}

/* オススメ商品（サイドボックス）
---------------------------------------------*/

div#main div#pickup_goods .block_body {
	padding: 0;
	padding-left: 20px;
	padding-right: 20px;
	overflow: hidden;	/* IE7にてボーダーを表示 */
}
div#main div#pickup_goods .block_body li {
	width:100%;
	height:240px;
}
div#pickup_goods .block_body li {
	list-style-type: none;
	margin-bottom: 10px;
}
div#pickup_goods .block_body li h4,
div#pickup_goods .block_body li h5 {
	padding: 0;
}

div#utilities div#pickup_goods .block_body li h4,
div#utilities div#pickup_goods .block_body li h5 {
	margin-bottom: 10px;
	padding: 0;
	clear: right;
}

div#pickup_goods .block_body li h4 {
	padding-top: 10px;
}
div#pickup_goods .block_body li img {
	float: right;
	display:inline;
	margin-left: 5px;
}
div#pickup_goods .block_body li div.price {
	text-align: right;
}
div#pickup_goods .block_body li p {
	line-height: 1.2em;
}

/* マルチカラムの場合、IE6だけレイアウトが崩れるので、マルチカラムの場合はサイドにスクロールバーを表示 
	1-1-1
	1-1-5
	1-1-6
*/
body.multi div#utilities div#pickup_goods .block_body li,
body.multi-r div#utilities div#pickup_goods .block_body li,
body.multi-l div#utilities div#pickup_goods .block_body li{
	width: 130px;
	list-style-type: none;
	margin-bottom: 10px;
	overflow:auto;
}

/*-------------------------------------------------
	商品カテゴリ
	default = 3カラム(multi)の時のスタイル
-------------------------------------------------*/

/* default */
div#main div#category h3 {

}
div#navi div#category h3,
div#utilities div#category h3
{
	background-image:url(../images/suisui/box/multi/category.jpg);
	background-repeat:no-repeat;
}

body.multi-l div#navi div#category h3,
body.multi-l div#utilities div#category h3
{
/*	margin: 0 12px 0px;*/
	background-image:url(../images/suisui/box/multi/category.jpg);
	background-repeat:no-repeat;
}

/* ダブル */
body.double-r div#navi div#category h3,
body.double-r div#utilities div#category h3,
body.double-l div#navi div#category h3,
body.double-l div#utilities div#category h3
{
	background-image:url(../images/suisui/box/double/category.jpg);
	background-repeat:no-repeat;
	height: 38px;
	width: 676px;
	margin: 0 0 0 15px;
}

/* シングル */
body.single div#navi div#category h3,
body.single div#utilities div#category h3
{
	background-image:url(../images/suisui/box/single/category.jpg);
	background-repeat:no-repeat;
	height: 36px;
	margin-left: 15px;
}

/* 商品カテゴリ（メインボックス）
---------------------------------------------*/

div#main div#category .body {
	padding: 1em;
}
div#main div#category .body ul {
/*	border-left: 1px solid #c66; */
	margin: 0.3em 0;
	padding: 0;
	font-size: 85%;
	text-indent: none;
}
div#main div#category .body ul li{
	display: inline;
	padding: 0 15px;
	border-right: 1px solid #c66;
}
/* 商品カテゴリ（サイドボックス）
---------------------------------------------*/

div#category dl.block_body {
}
div#category dl.block_body dt {
	font-weight: bold;
}
div#category dl.block_body dt a {
}
div#category dl.block_body dd {
	color:#6699FF;
	display:inline;
	float:left;
	line-height:12px;
	margin:0 0 1em 1em;
	white-space:nowrap;
}


/*-------------------------------------------------
	サイト内検索
	default = 3カラム(multi)の時のスタイル
-------------------------------------------------*/

/* default */
div#main div#search h3 {
}
div#navi div#search h3,
div#utilities div#search h3
{
	background-image:url(../images/suisui/box/multi/search.jpg);
	background-repeat:no-repeat;

}
body.multi-l div#navi div#search h3,
body.multi-ldiv#utilities div#search h3
{
	background-image:url(../images/suisui/box/multi/search.jpg);
	background-repeat:no-repeat;

}

/* ダブル */
body.double-r div#navi div#search h3,
body.double-r div#utilities div#search h3,
body.double-l div#navi div#search h3,
body.double-l div#utilities div#search h3
{
	background-image:url(../images/suisui/box/double/search.jpg);
	background-repeat:no-repeat;
	clear:both;

}

/* シングル */
body.single div#navi div#search h3,
body.single div#utilities div#search h3{
	background-image:url(../images/suisui/box/single/search.jpg);
	background-repeat:no-repeat;
	height: 39px;
	margin-left: 15px;

}

/* サイト内検索（サイドボックス）
---------------------------------------------*/

div#search .block_body {

}
div#search .block_body form {
}
div#search .block_body form input {
}


/*-------------------------------------------------
	ショッピングカート
	default = 3カラム(multi)の時のスタイル
-------------------------------------------------*/
/* default */
div#main div#cart h3 {
}
div#navi div#cart h3,
div#utilities div#cart h3
{
	background-image:url(../images/suisui/box/multi/cart.jpg);
	background-repeat:no-repeat;

}

/* ダブル */
body.double-r div#main div#cart h3,
body.double-l div#main div#cart h3 {
}
body.double-r div#navi div#cart h3,
body.double-r div#utilities div#cart h3,
body.double-l div#navi div#cart h3,
body.double-l div#utilities div#cart h3
{
	background-image:url(../images/suisui/box/double/side_cart.jpg);
	background-repeat:no-repeat;
	height: 29px;
	margin: 0;

}

/* シングル */
body.single div#navi div#cart h3,
body.single div#utilities div#cart h3
{
	background-image:url(../images/suisui/box/single/cart.jpg);
	background-repeat:no-repeat;
	height: 36px;
	margin-left: 15px;
}

/* ショッピングカート（サイドボックス）
---------------------------------------------*/

div#cart .block_body li {
	list-style-type: none;
}
div#cart .block_body li.cart_goods {
}
div#cart .block_body li.cart_regi {
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px dotted #000;
}

/* トピックス */
/*-------------------------------------------------
	default = 3カラム(multi)の時のスタイル
-------------------------------------------------*/

/* default */
div#main div#topics h3 {
	background-image:url(../images/suisui/title/multi/title_topic.jpg);
	background-repeat:no-repeat;
	text-indent:-99999em;
}
div#navi div#topics h3,
div#utilities div#topics h3
{
	background-image:url(../images/suisui/box/multi/topic.jpg);
	background-repeat:no-repeat;
}

body.multi-l div#navi div#topics h3,
body.multi-l div#utilities div#topics h3
{
	background-image:url(../images/suisui/box/multi/topic.jpg);
	background-repeat:no-repeat;
}

/* ダブル */
body.double-r div#main div#topics h3,
body.double-l div#main div#topics h3{
	background-image:url(../images/suisui/title/double/title_topic.jpg);
	background-repeat:no-repeat;
	height: 39px;

}
body.double-r div#navi div#topics h3,
body.double-r div#utilities div#topics h3,
body.double-l div#navi div#topics h3,
body.double-l div#utilities div#topics h3
{
	background-image:url(../images/suisui/title/double/title_topic.jpg);
	background-repeat:no-repeat;
	height: 38px;
	width: 676px;
	margin: 0 0 0 15px;

}

/* シングル */
body.single div#main div#topics h3{
	background-image:url(../images/suisui/title/single/title_topic.jpg);
	background-repeat:no-repeat;
}

body.single div#navi div#topics h3,
body.single div#utilities div#topics h3
{
	background-image:url(../images/suisui/box/single/topic.jpg);
	background-repeat:no-repeat;
	height: 36px;
	margin-left: 15px;

}

/* トピックス（サイドボックス）
---------------------------------------------*/

div#topics dl.block_body {
}
div#topics dl.block_body dt {
	font-weight: bold;
}
div#topics dl.block_body dt a {
}
div#topics dl.block_body dd {
	margin: 0 0 1em;
	}
div#topics dl.block_body dd.new_icon {
}

/* 商品一覧 ※詳細ページのスタイルもあり*/
/*-------------------------------------------------
	default = 3カラム(multi)の時のスタイル
-------------------------------------------------*/
/* default */
body.multi div#main div#goods h3 {
	padding-left:2em;

}
body.multi div#navi div#goods h3,
body.multi div#utilities div#goods h3
{

}

/* ダブル */
body.double-r div#main div#goods h3,
body.double-l div#main div#goods h3 {
	margin:0 15px;
	text-indent:2em;

}
body.double-r div#navi div#goods h3,
body.double-l div#utilities div#goods h3
{

}

/* シングル */
body.single div#main div#goods h3 {
margin:0px 15px;

}
body.single div#navi div#goods h3,
body.single div#utilities div#goods h3
{
}

/* 商品一覧 商品一覧のページ
---------------------------------------------*/

div#main ul#goods {
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 15px;
}
div#main ul#goods li{
	border-bottom: 2px solid #fff;
}

/*goods liのフロート解除 */
div#main ul#goods li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div#main ul#goods li {
	display: inline-table;
}

/* MacIE begin \*/
+ html div#main ul#goods li {
	height: 1%;
}
div#main ul#goods li {
	display: block;
	height:260px;
}
/* MacIE end */



#goods .block_body{
	background-color:#DDE2F1;	
}

div#main #goods .body{
margin-bottom:1em;
}


#goods .block_body h3,
#goods .block_body h4 {
	padding: 0;
	margin: 0;
	margin-bottom: 0.5em;
	line-height: 1.3em;
}
#goods .block_body img {
	float: right;
	display:inline;
	margin-left: 5px;
}

/* 詳細ページのスタイル
---------------------------------------------*/
#main #goods .catchcopy{
	padding-top:1em;
/*	border:solid 1px #DBCFD7;
	border-top: none;
	border-bottom:none;
	padding-left:2em; */
}

#goods .block_body .catchcopy {
	margin:0px;
	font-size: 110%;
}

#goods .block_body p {
	line-height: 1.2em;
	font-size: 100%;
	color: #666666;
}



/*---------------------------------------------
	メインボックスの中のスタイル
	※店長挨拶のとこなど
	default = 3カラム(multi)の時のスタイル

---------------------------------------------*/

/* default */
div#main div.entory .body {
	margin-bottom: 30px;
	padding: 2em 3em;
/*	border:solid 1px #DBCFD7;
	border-top: none; */

}

div#main div.entory .body h3{
	margin-bottom: 30px;

}

/* ダブル */
body.double-r div#main div.entory .body,
body.double-l div#main div.entory .body {
	margin-bottom:30px;
	padding: 2em 1em 2em 1em;
/*	border:solid 1px #DBCFD7;
	border-top: none; */
}

/*シングル */
body.single div#main div.entory .body {
	margin-bottom:30px;
	padding: 2em 3em;
/*	border:solid 1px #DBCFD7;
	border-top: none; */
}




/*---------------------------------------------
	メインコンテンツ部分
	default = 3カラム(multi)の時のスタイル
---------------------------------------------*/

/* default */
div#main .block .block_body {
	margin: 0;
	padding: 2em 1em;
/*	border:solid 1px #DBCFD7;
	border-top: none; */
}

div#navi .block .block_body
{
	margin: 0 13px 20px;
/*	border:solid 1px #DBCFD7;
	border-top: none; */
	padding: 16px 8px;
}
div#utilities .block .block_body
{
	margin: 0;
/*	border:solid 1px #DBCFD7;
	border-top: none; */
	padding: 16px 8px;
}




/* 1-1-5 */
body.multi-l div#navi .block .block_body
{
	margin: 0 13px 20px 12px;
	padding: 1em 1em;
	border:solid 1px #DBCFD7;
	border-top: none;
	padding: 16px 8px;
}

/* ダブル */
body.double-r div#main .block .block_body,
body.double-l div#main .block .block_body {
	padding: 2em 3em;
/*	border:solid 1px #DBCFD7;
	border-top: none; */
}

/* シングル */
body.single div#main .block .block_body {
	padding: 2em 3em;
	border:solid 1px #DBCFD7;
	border-top: none;
}



/* インフォメーション
---------------------------------------------*/


div#main div#info table
{
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-collapse: separate;
	border-spacing: 1px;
	width: 90%;
}
div#main div#info table td,
div#main div#info table th
{
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	padding: 3px 7px;
}

div#main div#info h3 {
	border-left: 4px solid #c3a;
	border-bottom: 1px dotted #c3a;
	padding-left: 7px;
}

div#main div#info dl dt {
	font-weight: bold;
}


/* カート
---------------------------------------------*/


table#table_cart
{
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-collapse: separate;
	border-spacing: 1px;
	width: 760px;
}
table#table_cart td,
table#table_cart th
{
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	padding: 3px 7px;
}

table#table_cart .submit {
}


/* 注文フォーム／お問い合わせフォーム
---------------------------------------------*/


table#table_inquiry
{
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-collapse: separate;
	border-spacing: 1px;
	width: 420px;
}
table#table_inquiry td,
table#table_inquiry th
{
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	padding: 3px 7px;
}

table#table_inquiry .submit {
}



/*---------------------------------------------
	ログインフォーム
	1-1-1  multiの時のスタイル
	1-1-9 singleの時のスタイル
---------------------------------------------*/
/*ログイン*/
/* 1-1-1 */
div#main div#login h3{
	background-image:url(../images/suisui/title/multi/title_login.jpg);
	background-repeat:no-repeat;

}

/* 1-1-9 */
body.single div#main div#login h3{
	background-image:url(../images/suisui/title/single/title_login.jpg);
	background-repeat:no-repeat;

}


/*---------------------------------------------
	会員登録
	1-1-1  multiの時のスタイル
	1-1-9 singleの時のスタイル
---------------------------------------------*/
/* 1-1-1 */
div#main div#regist h3{
	background-image:url(../images/suisui/title/multi/title_regist.jpg);
	background-repeat:no-repeat;
}

/* 1-1-9 */
body.single div#main div#regist h3{
	background-image:url(../images/suisui/title/single/title_regist.jpg);
	background-repeat:no-repeat;

}

table#table_login
{
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-collapse: separate;
	border-spacing: 1px;
	width: 420px;
}
table#table_login td,
table#table_login th
{
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	padding: 3px 7px;
}

table#table_login .submit {
}




/*	フッター
-----------------------------*/

div#footer{
	width:900px;
	text-align: center;
	height: 83px;
	background : url(../images/suisui/footer/footer_bk.jpg) repeat-x top;
	width: 100%;
}
div#footer ul.globalNavi2 {
	margin:0 0 0 30px;
	padding-left:16px;
}
div#footer ul.globalNavi2 li {
	margin-left:2em;
	padding:0px;
	text-align: center;
	font-size:90%;
	display:inline;
	position:relative;
	top:1.5em;
	left: 3em;

}

div#footer ul li a{
	color: #fff;
	text-decoration: none;
}

div#footer address {
	margin-top: 50px;
	font-size:85%;
	font-style:normal;
	color: #666;
	padding: 10px 0 0 180px;
	text-align: center;
}


/*	ページャー
-----------------------------*/

ul.pager {
	text-align: center;
	margin: 0;
	padding: 0;
}

ul.pager li {
	margin-right: 10px;
	display: inline;
}

ul.pager li.older:before {
	content: "<< ";
}

ul.pager li.newer:after {
	content: " >>";
}

/* 現在選択中の数字 */
li.current a{
color:#FF0000;
}

/*	注意事項
-----------------------------*/

.attention-area {
	border: 2px solid #d6c392;
	padding: 0.5em 1em;
	margin: 1em 0;
	background: #e2d5b3;
}



/*	強調したい文字
-----------------------------*/

/* キャッチコピー */
/*
ボーダーをつけることで、h2とh3のキャッチの間をつなげている。これがないとh2とh3のキャッチの間で隙間ができてしまう。
*/
.catchcopy,
.catchcopy a
 {
	color:#FF3399;


}

/* 価格表示 */

.price, /* 単価 */
.amount	/* 合計 */
 {
	color: #d3a;
	text-align: right;
}

.amount
 {
	font-weight: bold;
}

/* エラーなど */

.txt-attention
 {
	color: red;
	font-weight: bold;
}

/* エラーメッセージ */
.error{
	color: red;
	font-weight: bold;
}

/*	フォーム要素
-----------------------------*/


input,
textarea {
}

input.id			{ width: 80px;	ime-mode: disabled; }
input.label			{ width: 120px;	ime-mode: active; }
input.email			{ width: 250px;	ime-mode: disabled; }
input.url			{ width: 400px;	ime-mode: disabled; }
input.tel			{ width: 120px;	ime-mode: disabled; }
input.zip			{ width: 50px;	ime-mode: disabled; }
input.date			{ width: 80px;	ime-mode: disabled; }
input.datetime		{ width: 150px;	ime-mode: disabled; }
input.password		{ width: 80px;	ime-mode: disabled; }
input.address		{ width: 300px;	ime-mode: active; }
input.title			{ width: 240px;	ime-mode: active; }
input.discription	{ width: 300px;	ime-mode: active; }
input.number		{ width: 50px;	ime-mode: disabled; }
input.money			{ width: 80px;	ime-mode: disabled; }
input.code			{ width: 120px;	ime-mode: disabled; }

textarea.note		{ width: 420px;	height: 80px;	ime-mode: active; }
textarea.text		{ width: 420px;	height: 200px;	ime-mode: active; }
textarea.body		{ width: 420px;	height: 500px;	ime-mode: active; }



/*	アイコン
-----------------------------*/
/* newアイコン表示 */

li.new_icon {
}
span.new{
	background-image:url(../images/suisui/icon/new.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	text-indent: -9999em;
	display: block;
	float:left;
	width: 40px;
	height: 16px;
	margin-right: 3px;
}

span.pickup{
	background-image:url(../images/suisui/icon/pickup.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	text-indent: -9999em;
	display: block;
	float:left;
	width: 40px;
	height: 16px;
	margin-right: 3px;
}
/*さらに詳しくにアイコン表示(商品一覧のページにて使用)*/

#goods .block_body p.description a.more{
	padding-right:1.2em;
	background-image:url(../images/suisui/icon/right-arrow.jpg);
	background-repeat:no-repeat;
	background-position:right 50%;
}

/*さらに詳しくにindex表示*/
#main .entory .body ul.owner {
	list-style-type:none;
	margin:0;
	padding: 0;
	}
#main .entory .body ul.owner li {
	margin-right: 13px;
	padding: 0;
	width: 140px;
	float:left;
	display: inline;

	}
.sen {
	line-height: 1.2em;
	margin-right: 20px;
}
.price2 {
	color:#FF3399;
	text-align: right;
	margin-right: 20px;
	}
body.double-r div#utilities {
	width: 200px;
	float: right;
	display: inline;
	background: url(../images/common/utilities_bk.jpg) no-repeat top;
	margin: 0;
	padding: 0;
}

body.double-r div#utilities div#others {
	margin: 120px 0 0 0;
}

/* ログインの　フォーム　*/
body.double-r div#main div.entory .body form
{
	margin-bottom:30px;
	padding: 2em 1em 2em 1em;
	background-color:#DEE4E0;
	border:solid 1px #DBCFD7;
}