@charset "SHIFT_JIS";

/* ■■■共通■■■
==================================================*/ /* css reset
------------------------------------------------*/
body,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,form,textarea,table,th,td,embed,object
	{
	margin: 0px;
	padding: 0px;
}

h1,h2,h3,h4,h5,h6,em,strong {
	font-weight: bold;
}

p,form {
	font-weight: normal;
}

dl,ul,ol {
	font-size: 0px;
	line-height: 0px;
}

ul {
	list-style: none;
}

dl img,dd img,ul img {
	vertical-align: middle;
}

img {
	border: 0px;
}

/* body
------------------------------------------------*/
body {
	color: #003366;
	text-align: center;
	background: #acc3de url(../image/bg.gif);
	margin-bottom: 15px;
}

/* font family
------------------------------------------------*/
body,form textarea {
	font-family: "MS P Gothic", "ＭＳ Ｐゴシック", "Osaka−等幅",
		"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
}

/* font size
------------------------------------------------*/
caption,th,td,h1,h2,h3,h4,h5,h6,p,form,li,dt,dd {
	font-Size: 12px;
	line-height: 17px;
}

.t09 {
	font-Size: 9px;
	line-height: 12px;
}

.t10 {
	font-Size: 10px;
	line-height: 14px;
}

.t14 {
	font-Size: 14px;
	line-height: 18px;
}

.t16 {
	font-Size: 16px;
	line-height: 20px;
}

.t18 {
	font-Size: 18px;
	line-height: 22px;
}

.t20 {
	font-Size: 20px;
	line-height: 24px;
}

/* link
------------------------------------------------*/
a {
	text-decoration: underline;
	outline: none;
}

a:link {
	color: #ff6600;
}

a:visited {
	color: #ff6600;
}

a:hover {
	color: #003366;
	text-decoration: none;
}

a:active,a:focus {
	color: #ff6600;
}

h2.typeA a,h2.typeA a:visited {
	color: #ffffff;
	text-decoration: none;
	outline: none;
}

h2.typeA a:hover {
	color: #003366;
}

/* float clear
------------------------------------------------*/
br.clearFloat,img.clearFloat {
	clear: both;
}

div.clearFloat {
	clear: both;
	font-size: 1px;
	line-height: 0px;
}

/* ■■■パーツ■■■
==========================================================*/ /* ▼全体
------------------------------------------------*/
#All {
	width: 859px;
	margin: 0px auto;
	text-align: left;
}

/* ▼ヘッダー
------------------------------------------------*/
#Head {
	position: relative;
	height: 187px;
	overflow: hidden;
	background: transparent url(../image/head_img.jpg) no-repeat;
}

#Head h1 {
	position: absolute;
	top: 44px;
	left: 43px;
}

/* ▼ヘッダー検索エリア */
#Head #rightArea {
	position: absolute;
	top: 35px;
	left: 620px;
}

#Head .search {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #ffffff;
}

#Head input {
	width: 185px;
	padding: 2px;
}

#Head select {
	width: 193px;
}

/* ▼ヘッドメニュー */
#HeadMenu {
	width: 772px;
	position: absolute;
	top: 151px;
	left: 44px;
	background: transparent url("../image/head_menu.gif") no-repeat;
}

#HeadMenu li,#HeadMenu span {
	width: 129px;
	float: left;
}

#HeadMenu li#HeadMenu06 {
	width: 127px;
}

#HeadMenu li a,#HeadMenu li span {
	height: 36px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url("../image/head_menu.gif") no-repeat;
}

#HeadMenu li#HeadMenu01 a {
	background-position: 0px 0px;
}

#HeadMenu li#HeadMenu02 a {
	background-position: -129px 0px;
}

#HeadMenu li#HeadMenu03 a {
	background-position: -258px 0px;
}

#HeadMenu li#HeadMenu04 a {
	background-position: -387px 0px;
}

#HeadMenu li#HeadMenu05 a {
	background-position: -516px 0px;
}

#HeadMenu li#HeadMenu06 a {
	background-position: -645px 0px;
}

#HeadMenu li a:hover {
	background: transparent url("../image/head_menu.gif") no-repeat;
}

#HeadMenu li#HeadMenu01 a:hover,#HeadMenu li#HeadMenu01on a {
	background-position: 0px -36px;
}

#HeadMenu li#HeadMenu02	a:hover,#HeadMenu li#HeadMenu02on a {
	background-position: -129px -36px;
}

#HeadMenu li#HeadMenu03	a:hover,#HeadMenu li#HeadMenu03on a {
	background-position: -258px -36px;
}

#HeadMenu li#HeadMenu04	a:hover,#HeadMenu li#HeadMenu04on a {
	background-position: -387px -36px;
}

#HeadMenu li#HeadMenu05	a:hover,#HeadMenu li#HeadMenu05on a {
	background-position: -516px -36px;
}

#HeadMenu li#HeadMenu06	a:hover,#HeadMenu li#HeadMenu06on a {
	background-position: -645px -36px;
}

#HeadMenu li#HeadMenu01of span {
	background-position: 0px -72px;
}

#HeadMenu li#HeadMenu02of span {
	background-position: -129px -72px;
}

#HeadMenu li#HeadMenu03of span {
	background-position: -258px -72px;
}

#HeadMenu li#HeadMenu04of span {
	background-position: -387px -72px;
}

#HeadMenu li#HeadMenu05of span {
	background-position: -516px -72px;
}

#HeadMenu li#HeadMenu06of span {
	background-position: -645px -72px;
}

/* ▼見出し
------------------------------------------------*/
h2 {
	font-size: 14px;
}

h2.typeA {
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 5px;
	background: #ec6100 url("../image/h2.gif") repeat-x top;
}

h2.typeA span {
	min-height: 16px;
	_height: 16px;
	display: block;
	padding: 5px 0px 5px 30px;
	background: transparent url("../image/icon_01.gif") no-repeat 4px 0.3em;
}

h2.typeB {
	display: block;
	padding: 5px 0px 5px 30px;
	background: transparent url("../image/icon_01.gif") no-repeat 4px 0.3em;
}

h2.typeA div {
	min-height: 16px;
	_height: 16px;
	width: 170px;
	display: block;
	padding: 5px 0px 5px 30px;
	background: transparent url("../image/icon_01.gif") no-repeat 4px 0.3em;
}

/* ▼通販サイト用
------------------------------------------------*/
#designedby {
	display: block;
	font-Size: 10px;
	text-align: right;
	font-style: normal;
	color: #a0a0a0;
}

#shopinfo1 {
	position:relative;
	top:-30px;
	left:30px;
	line-height:0px;
}

#shopinfo2 {
	position:relative;
	top:-60px;
	left:30px;
	line-height:0px;
}

#shopinfo3 {
	position:relative;
	top:-90px;
	left:30px;
	line-height:0px;
}

.shopinfo_bg {
	position:absolute;
	background:transparent url(../image/tbl.gif);
	width:168px;
	height:27px;	
}

.shopinfo_a {
	position:relative;
	text-align:center;
	top:10px;
}
	
#ECContents h1 {
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	margin: 8px auto;
	padding: 7px;
	text-align: center;
	border-width: 4px 0px;
	border-style: double;
	background: #1abd00 url("../image/h1.gif") repeat-x top;
}

#ECContents #formTbl td {
	margin: 1px;
	padding: 2px;
	border-width: 0px 0px 1px 0px;
	border-style: dotted;
}

#ECContents th {
	margin: 1px;
	padding: 2px;
	border-width: 0px 1px 1px 0px;
	border-style: dotted;
	text-align:left;
	background: transparent url(../image/yokolineorange.png) repeat;
}

/* 通販サイト汎用ボタン	*/
#ECContents .btnA {
	margin-bottom: 10px;
	padding: 2px 7px;
	height: 40px;
	min-width: 100px;
	text-align:center;
	font-weight: bold;
}

/************* for member ******************/
#ECContents div.member-login-form {
	display: block;
	width: 95%;
	margin: 0 auto;
}

#ECContents table.member-login-form-table {
	width: 100%;
	margin: 0px;
}

#ECContents div.member-login-form-button {
	padding: 10px;
	text-align: center;
	font-size: x-small;
}

/************* for shopping ****************/
	/** 商品一覧:/shopping/index.php:ページング表示ブロック	*/
#ECContents div.shopping-list-paging {
	width: 95%;
	margin: 2px;
}

/* 商品一覧:/shopping/index.php:商品検索フォーム	*/
#ECContents table.shopping-search-form {
	border: inset 2px #dddddd;
	width: 100%;
}

#ECContents table.shopping-search-form th {
	border: solid 1px #555555;
	margin: 0px;
	padding: 0px;
}

/* 商品一覧:/shopping/index.php:商品ごとのテーブル	*/
#ECContents table.shopping-list-product {
	border: none 0px #ffffff;
	margin-bottom: 20px;
}

#ECContents table.shopping-list-product tbody tr th,#ECContents table.shopping-list-product tbody tr td
	{
	border: none 0px #ffffff;
	padding: 0px;
}

/* 商品一覧:/shopping/index.php:商品ごとのテーブル内画像セル	*/
#ECContents table.shopping-list-product tbody tr td.shopping-list-product-image
	{
	text-align: center;
	width: 170px;
	vertical-align: top;
}

/* 商品一覧:/shopping/index.php:商品ごとのテーブル内説明セル	*/
#ECContents table.shopping-list-product tbody tr td.shopping-list-product-explanation
	{
	vertical-align: top;
	padding-left: 5px;
	padding-right: 5px;
}

/* 商品一覧:/shopping/index.php:商品ごとのテーブル内説明セル内h2	*/
#ECContents table.shopping-list-product tbody tr td.shopping-list-product-explanation h2 a
	{
	text-decoration: none;
}

/** 商品一覧:/shopping/index.php:商品販売単位のテーブル	*/
#ECContents table.shopping-list-product tbody tr td.shopping-list-product-explanation table
	{
	margin: 0px;
	border: none 0px #ffffff;
}

/** 商品一覧:/shopping/index.php:商品販売単位テーブルのtd	*/
#ECContents table.shopping-list-product tbody tr td.shopping-list-product-explanation table tbody tr td
	{
	border-bottom: dotted 1px #d0d0d0;
	vertical-align: top;
}

/** 商品一覧:/shopping/index.php:商品販売単位のフラグアイコンブロック	*/
div.shopping-list-product-explanation-icon {
	text-align: right;
}

/** 商品一覧:/shopping/index.php:商品販売単位の説明ブロック	*/
div.shopping-list-product-explanation-unit-info {
	text-align: right;
	vertical-align: middle;
}

/** 商品一覧:/shopping/index.php:商品注文フォームブロック	*/
div.shopping-list-product-orderform {
	width: 95%;
	margin: 0 auto;
	text-align: right;
}

/** 商品一覧:/shopping/index.php:プロモーション経由アクセスの紹介割引表示ブロック	*/
#promotion-introduce-block {
	border: solid 1px #FFD700;
	background-color: #FFD700;
	padding: 10px;
	text-align: center;
}

/* 商品詳細：/shopping/detail.php:商品説明メインブロック	*/
#shopping-product-main-block {
	width: 95%;
	margin: 0 auto;
}

/* 商品詳細：/shopping/detail.php:商品説明メイン画像	*/
#shopping-product-main-image {
	width: 240px;
	float: right;
	text-align: center;
}

/* 商品詳細：/shopping/detail.php:商品説明メインカテゴリ表示	*/
#shopping-product-main-category {
	
}

/* 商品詳細：/shopping/detail.php:商品ＩＤ表示	*/
#shopping-product-main-id {
	
}

/* 商品詳細：/shopping/detail.php:商品説明メイン概要説明表示	*/
#shopping-product-main-description {
	
}

/* 商品詳細:/shopping/detail.php:商品詳細説明ブロック	*/
#shopping-product-main-detail {
	width: 95%;
	margin: 0 auto;
	padding: 10px;
}

/* 商品詳細:/shopping/detail.php:商品サブ画像ブロック	*/
#shopping-product-sub-images {
	width: 95%;
	margin: 0 auto;
}

/* 商品詳細：/shopping/detail.php:商品説明メイン情報		*/
#shopping-product-main-information {
	width: 280px;
	padding: 5px;
}

/* 商品詳細:/shopping/detail.php:販売単位一覧テーブル	*/
#ECContents table.shopping-list-product-unit {
	width: 100%;
	border: none 0px #ffffff;
	border-top: dotted 1px #0090a0;
}

#ECContents table.shopping-list-product-unit tbody tr th,#ECContents table.shopping-list-product-unit tbody tr td
	{
	border: none 0px #ffffff;
	padding: 0px;
}

#ECContents table.shopping-list-product-unit tbody tr td table {
	margin: 0px;
	border: none 0px #ffffff;
}

/* 商品詳細:/shopping/detail.php:販売単位一覧テーブル画像セル	*/
#ECContents table.shopping-list-product-unit tbody tr td.shopping-list-product-unit-image
	{
	width: 170px;
	vertical-align: top;
	text-align: center;
	padding-top: 8px;
}

/* 商品詳細:/shopping/detail.php:販売単位一覧テーブル説明セル	*/
#ECContents table.shopping-list-product-unit tbody tr td.shopping-list-product-unit-explanation
	{
	vertical-align: top;
	text-align: left;
	padding-top: 8px;
}

/* 商品詳細:/shopping/detail.php:販売単位一覧テーブル説明セルアイコン	*/
#ECContents table.shopping-list-product-unit tbody tr td.shopping-list-product-unit-explanation div.icon
{
	vertical-align: top;
	text-align: right;
	padding-top: 8px;
}

/* 商品詳細:/shopping/detail.php:販売単位一覧テーブル説明セル商品販売単位名	*/
#ECContents table.shopping-list-product-unit tbody tr td.shopping-list-product-unit-explanation h2.title
	{
	
}

/* 商品詳細:/shopping/detail.php:販売単位一覧テーブル説明セル商品価格	*/
#ECContents table.shopping-list-product-unit tbody tr td.shopping-list-product-unit-explanation div.price
	{
	color: #8f0000;
	font-weight: bold;
}

/** 商品詳細:/shopping/detail.php:商品注文フォームブロック	*/
div.shopping-list-product-unit-orderform {
	margin: 0 auto;
	text-align: right;
}

/* カート:/shopping/cart.php:確認テーブル	*/
#ECContents table.shopping-cart {
	width: 95%;
	margin: 10px auto 10px;
	border: solid 1px #999;
	border-collapse: collapse;
}

#ECContents table.shopping-cart thead tr th,#ECContents table.shopping-cart thead tr td
	{
	border: solid 1px #999;
	padding: 3px;
	text-align: center;
	background-color: #f7f7f7;
	color: #000088;
	font-weight: normal;
}

#ECContents table.shopping-cart tbody tr th,#ECContents table.shopping-cart tbody tr td
	{
	border: solid 1px #999;
	vertical-align: top;
	padding: 3px;
}

#ECContents table.shopping-cart tfoot tr th {
	border: solid 1px #999;
	padding: 3px 10px;
	text-align: right;
	background-color: #f7f7f7;
	font-weight: normal;
}

#ECContents table.shopping-cart tfoot tr td {
	border: solid 1px #999;
	padding: 3px;
	text-align: right;
	background-color: #f7f7f7;
	font-weight: bold;
}

#ECContents hr.shopping-hr {
	border-style: none;
	padding: 5px 0px 8px 0px;
	width: 100%;
	background: url(../image/line1.gif) repeat-x;
}

/** カートページ ボタン:お買い物に戻る	*/
#shopping-button-back2shop {
	width: 200px;
	height: 40px;
	font-weight: bold;
}

/** カートページボタン： 注文に進む	*/
#shopping-button-go2order {
	width: 200px;
	height: 40px;
	font-weight: bold;
}

/** 注文:/shopping/order/..:注文ナビゲーションブロック	*/
#ECContents div.shopping-order-navigation {
	border: outset 2px #0555aa;
	background-color: #0555aa;
	color: #ffffff;
	text-align: center;
	padding: 5px;
	margin-bottom: 1em;
}

/** 注文:/shopping/order/..:注文ナビゲーションブロック 入力済	*/
#ECContents div.shopping-order-navigation *.completed {
	text-decoration: underline;
	font-weight: bold;
}

/** 注文:/shopping/order/..:注文ナビゲーションブロック 未入力	*/
#ECContents div.shopping-order-navigation *.incompleted {
	text-decoration: none;
	color: #f0f0f0;
}

/** 注文:/shopping/order/..:注文ナビゲーションブロック カレント	*/
#ECContents div.shopping-order-navigation *.current {
	font-weight: bold;
}

/** 注文:/shopping/order/purchaser.php :注文者情報コピー	*/
#shopping-button-copy {
	font-size: 12px;
}

/** 注文:/shopping/order/purchaser.php :注文者情報入力画面次へ	*/
#shopping-button-purchaser-next {
	width: 200px;
	height: 40px;
	padding-top: 6px;
	font-weight: bold;
}

/** 注文:/shopping/order/delivery.php :配送入力画面次へ	*/
#shopping-button-delivery-next {
	width: 200px;
	height: 40px;
	padding-top: 6px;
	font-weight: bold;
}

/** 注文:/shopping/order/confirm.php :注文完了ボタン	*/
#shopping-button-order-execute {
	width: 200px;
	height: 40px;
	padding-top: 6px;
	font-weight: bold;
}

/** 会員マイページ： /member/index.php : マイメニュー	*/
#ECContents dl.member-mypage-menu dt {
	padding-top	: 10px;
	padding-left: 10px;
}

#ECContents dl.member-mypage-menu dd {
	padding-left: 25px;
}

/************* for global ****************/
ul.error {
	width: 95%;
	margin: 0 auto;
	padding-left: 2em;
}

ul.error li {
	color: #ff6060;
}

span.form_attention {
	font-size: x-small;
	color: #ff6060;
}

span.required {
	font-size: small;
	color: #ff6060;
}