@charset "utf-8";

/*
====================================================================================

	PU017	クリップ

====================================================================================
*//*
===== CONTENTS ===================================================
	
	01. 全体設定
	02. 基本レイアウト
	03. グローバルナビゲーション
	
	06. カレンダー
	07. おすすめ商品
	08. 新着情報
	
	13. 商品詳細
	16. インフォボックス1（利用規約）※2カラム用
	21. リストアイコン
	22. ショップ用ボタン
		
==================================================================
*/
/* 01. 全体設定
===================================================================================*/
/* [edit] 全体の基本設定 */
body {
	/* [edit] 【文字色・リンク色】全体の文字色 */
	color: #666666;
	/* [edit] 【背景】デザインパターン */
	background: #009999;
}

#detail div.txt h2 {
	color: #666666;
}

#info3 {
	/* [edit] 【文字色・リンク色】全体の文字色 */
	color: #666666;
	/* [edit] 【背景】デザインパターン */
	background: #FFFFFF;
}

/* [edit] 【文字色・リンク色】リンク色 */
a { color: #009999; text-decoration: none; }
/* [edit] 【文字色・リンク色】訪問（クリック）済みリンク色 */
a:hover {
	text-decoration: underline;
}


/* 02. 基本レイアウト
===================================================================================*/

/*---------------------------------------
	wrap
---------------------------------------*/

/* [edit] コンテンツのボーダーと背景色 */
#wrap {
	/* [edit] 【サイト枠線】枠線あり */
	border-left: 1px solid #009999;
	border-right: 1px solid #009999;
	/* [edit] 【サイト背景色】サイト全体の背景色 */
	background: #FFFFFF url(../../../../user_data/packages/pu017/img/templates/bg_main.jpg) no-repeat left top;
}

/*---------------------------------------
	head　ヘッダー
---------------------------------------*/

/*　[edit] ヘッダー基本設定 */
#head {
	/* [edit] ヘッダーの高さ */
	height: 220px;
	/* [edit] 【ヘッダー画像】アップロード画像を使用 */
}
#head a { border-style: none; }

/*　[edit] h1テキスト */
#head h1 {
	/* [edit] 【ヘッダーテキスト】文字色 */
	color: #666666;
}

/*　[edit] サイトID（ロゴ） */
#head h1,
#logo {
	/* [edit] 【ヘッダー】表示位置 */
	text-align: left;
}

/*---------------------------------------
	menu-l,menu-r　左右メニュー
---------------------------------------*/

#menu-l,
#menu-r {
	/* [edit] 【サイドカラム背景色】背景色（右） */
	/* [edit] 【サイドカラム文字色・リンク色】文字色（右） */
	color: #666666;
}

#menu-l a,
#menu-r a{
	/* [edit] 【サイドカラム文字色・リンク色】リンク色（右） */
	color: #009999;
}

#menu-l a:hover,
#menu-r a:hover{
	/* [edit] 【サイドカラム文字色・リンク色】訪問（クリック）済みリンク色（右） */
	text-decoration: underline;
}

/*---------------------------------------
	foot　フッター
---------------------------------------*/

#foot {
	/* [edit] 【フッター】背景色 */
	background: #FF7200;
}

	/* [edit] 【フッター】リンク色 */
#foot,
#foot p.link a {
	color:#FFFFFF;
}

	/* [edit] 【フッター】マウスオーバー時の文字色 */
#foot p.link a:hover {
	text-decoration: underline;
}

/*---------------------------------------
	各ブロック
---------------------------------------*/

#category,
#search,
#calendar,
#cart-box,
#login-box,
#blog-box {
	/* [edit] 各ブロック背景色 */
}


/* タイトル画像
===================================================================================*/

/*---------------------------------------
	タイトル画像
---------------------------------------*/

/*[edit] タイトル画像と文字色の設定*/
#three_maincolumn h2,
#three_maincolumn h3,
#detail h2.title,
#etc-rec h3,
#detail-sub h3,
#list h2,
.three-col h3,
#menu-l h2,
#menu-l h3,
#menu-r h2,
#menu-r h3,
#detail h2.title,
#info h2,
#info2 h2,
#info3 h2 {	
	padding: 5px 0px 0px 35px;
	height:30px;
	/* [edit] 【ブロックタイトル】デザインパターン */
	background:url(../../../../user_data/packages/pu017/img/templates/tit_bk890.gif) left top no-repeat;
	/* [edit] 【ブロックタイトル】タイトル部分の文字色 */
	color: #FFFFFF;
	font-size:14px;
}

#detail h2{
	padding: 5px 0px 0px 20px;
}

/*[edit] paddingの数値の合わせて調整*/
#info h2,
#detail h2.title{
	/*width: 675px;*/
	width: 645px;
}

#info2 h2{
	/*width: 875px;*/
	width: 820px;
}

#detail #detail-box .txt h3 {
	/*width: 485px;*/
	width: 435px;
}

/* 16. インフォボックス1（利用規約）※2カラム用
===================================================================================*/
#calendar h4,
#info h3, #info2 h3{
	height:25px;	
}

/* 03. グローバルナビゲーション
===================================================================================*/
/* 03. グローバルナビゲーション
===================================================================================*/

#navi {
	margin: 0px;
	padding: 0px;
	height: 26px;
	width: 898px;
	position: absolute;
	left: 0px;
	top: 190px;
}
#navi ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 26px;
	width: 690px;
	left: 105px;
	position: absolute;
}
#navi li {
	margin: 0px;
	padding: 0px;
	height: 26px;
	width: 115px;
	position: absolute;
}
#navi a {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 26px;
	width: 115px;
	text-indent: -9999px;
	background: url(../../../../user_data/packages/pu017/img/templates/btn_navi.gif) no-repeat;
}
#navi a:hover { background-color: #EEEEEE; }
#navi a:hover img { visibility: hidden; }

#navi #btn-top { left: 0px; }
#navi #btn-top a { background-position: 0px 0px; }
#navi #btn-top a:hover { background-position: 0px -26px; }
#navi #btn-entry { left: 115px; }
#navi #btn-entry a { background-position: -115px 0px; }
#navi #btn-entry a:hover { background-position: -115px -26px; }
#navi #btn-mypage { left: 230px; }
#navi #btn-mypage a { background-position: -230px 0px; }
#navi #btn-mypage a:hover { background-position: -230px -26px; }
#navi #btn-blog { left: 345px; }
#navi #btn-blog a { background-position: -345px 0px; }
#navi #btn-blog a:hover { background-position: -345px -26px; }
#navi #btn-cart { left: 460px; }
#navi #btn-cart a { background-position: -460px 0px; }
#navi #btn-cart a:hover { background-position: -460px -26px; }
#navi #btn-inq { left: 575px; }
#navi #btn-inq a { background-position: -575px 0px; }
#navi #btn-inq a:hover { background-position: -575px -26px; }


/* 06. カレンダー
===================================================================================*/

/* ------ カレンダー ------ */

/*[edit] カレンダータイトル、下層ページ中見出し連動*/
#calendar h4,
#info h3, #info2 h3{
	/* [edit] 【カレンダー】タイトル（月表示）の文字色 */
	color: #FFFFFF;
	background: #009999;
	line-height: 25px;
}

#calendar p.txt03 {
	/* [edit] 【カレンダー】定休日の背景色 */
	background: url(../../../../user_data/packages/pu017/img/templates/cal_mark.jpg) no-repeat left top;
}

#calendar td,
div.three-col #news #scroll dt {
	/* [edit] 【カレンダー】カレンダーの文字色 */
	color: #666666;
}

#calendar .sun { color: #c43030; }
#calendar .sat { color: #305dc4; }
#calendar .holi {
	/* [edit] 【カレンダー】タイトル（月表示）背景色 */
	background: url(../../../../user_data/packages/pu017/img/templates/cal_mark.jpg) no-repeat center center;
	display: block;
	margin: 0px;
	padding: 0px;
}

/* 07. おすすめ商品
===================================================================================*/
/*---------------------------------------
	top-rec　おすすめ商品（メイン配置）
---------------------------------------*/
div#three_maincolumn #top-rec {
	margin: 0px;
	padding: 0px;
	width: 480px;
	/* [edit] ブロック背景色 */
	
}

/*---------------------------------------
	top-rec　おすすめ商品（サイド配置）
---------------------------------------*/

div#menu-l #top-rec, div#menu-r #top-rec {
	margin: 0px;
	padding: 0px;
/*	width: 480px;*/
	/* [edit] ブロック背景色 */
	
}

/* 08. 新着情報
===================================================================================*/

/* 新着情報（共通）
----------------------------------------------- */

div.three-col #news {
	margin: 0px 0px 10px;
	padding: 0px 0px 10px;
	/* [edit] ブロック背景色 */
	
}

div.three-col #news #scroll dt {
	/* [edit] 日付のカラー */
}

/* 13. 商品詳細
===================================================================================*/

/* [edit] 商品名 */
#detail div.txt h2 {
	width: 450px;
}

/* 商品注文用ボックス */
#order-box {
	background: #CCCCCC;
	border: 1px solid #B3E1FD;
}


/* 値段の色
===================================================================================*/
div.three-col #top-rec div.box div.txt p.price,
#list-box div.box p.price,
#etc-rec div.box-l div.txt p.price, #etc-rec div.box-r div.txt p.price,
.cont .in li em,
#login-box dt{
	/* [edit] 【価格表示】商品価格の文字色 */
	color: #FF7200;
}

/* 21. リストアイコン
===================================================================================*/

/*　arrow01（商品カテゴリ等） */
#category ul li {
	/* [edit] 【リストアイコン】デザインパターン */
	background: url(../../../../user_data/packages/pu017/img/templates/arrow01.gif) no-repeat left 4px;
}
div.three-col #top-rec div.box div.txt h4,
#info div.area dt,
#etc-rec div.box-l div.txt h4,
#etc-rec div.box-r div.txt h4,
#list-box div.box h4 ,
#info div.area dt,
#blog-box dl dt {
	/* [edit] 【リストアイコン】デザインパターン */
	background: url(../../../../user_data/packages/pu017/img/templates/arrow01.gif) no-repeat left 2px;
}

/*　arrow02（検索条件等） */
#condition li {
	/* [edit] 【リストアイコン】デザインパターン */
	background: url(../../../../user_data/packages/pu017/img/templates/arrow02.gif) no-repeat 10px 4px;
}
#order-box dl#number dt {
	/* [edit] 【リストアイコン】デザインパターン */
	background: url(../../../../user_data/packages/pu017/img/templates/arrow02.gif) no-repeat left 10px;
}
#order-box dl#select dt {
	/* [edit] 【リストアイコン】デザインパターン */
	background: url(../../../../user_data/packages/pu017/img/templates/arrow02.gif) no-repeat left 4px;
}

/*　arrow03（レビュー） */
#info3 #review dt {
	/* [edit] 【リストアイコン】デザインパターン */
	background: url(../../../../user_data/packages/pu017/img/templates/arrow03.gif) no-repeat 5px 6px;
}
#detail div.txt h2 {
	background: url(../../../../user_data/packages/pu017/img/templates/arrow03.gif) no-repeat 5px 7px;
}

/*　arrow04（新着情報） */
div.three-col #news #scroll dt {
	/* [edit] 【リストアイコン】デザインパターン */
	background: url(../../../../user_data/packages/pu017/img/templates/arrow04.gif) no-repeat left 5px;
}


/* 22. ショップ用ボタン
===================================================================================*/

/* 購入画面へ */
#cart-box p.btn-cart a {
	/* [edit] 【ショップボタン】デザインパターン */
	background: url(../../../../user_data/packages/pu017/img/templates/btn_buy.jpg) no-repeat;
}

/* ログイン */
#login-box p.btn-login a {
	/* [edit] 【ショップボタン】デザインパターン */
	background: url(../../../../user_data/packages/pu017/img/templates/btn_login.jpg) no-repeat;
}

/* ログアウト */
#login-box p.btn-logout a {
	/* [edit] 【ショップボタン】デザインパターン */
	background: url(../../../../user_data/packages/pu017/img/templates/btn_logout.jpg) no-repeat;
}

/* 検索する */
#search p.btn-search a {
	/* [edit] 【ショップボタン】デザインパターン */
	background: url(../../../../user_data/packages/pu017/img/templates/btn_search.gif) no-repeat;
}

/* 商品をカゴに入れる */
#order-box p.btn-cartin a {
	/* [edit] 【ショップボタン】デザインパターン */
	background: url(../../../../user_data/packages/pu017/img/templates/btn_cart.gif) no-repeat;
}

/* 商品を予約する */
#order-box p.btn-reservation a {
	/* [edit] 【ショップボタン】デザインパターン */
	background: url(../../../../user_data/packages/pu017/img/templates/btn_reservation.gif) no-repeat;
}

/* レビューを投稿する */
#info3 #review p.btn-review a {
	/* [edit] 【ショップボタン】デザインパターン */
	background: url(../../../../user_data/packages/pu017/img/templates/btn_review.gif) no-repeat;
}

/* マイページメニュー */
#my-btn a {
	/* [edit] 【ショップボタン】デザインパターン */
	background: url(../../../../user_data/packages/pu017/img/templates/btn_mynavi.gif) no-repeat;
}

/* 購入フロー */
#info2 p.flow01 {
	/* [edit] 【ショップボタン】デザインパターン */
	background: url(../../../../user_data/packages/pu017/img/templates/flow01.gif) no-repeat;
}
#info2 p.flow02 {
	/* [edit] 【ショップボタン】デザインパターン */
	background: url(../../../../user_data/packages/pu017/img/templates/flow02.gif) no-repeat;
}
#info2 p.flow03 {
	/* [edit] 【ショップボタン】デザインパターン */
	background: url(../../../../user_data/packages/pu017/img/templates/flow03.gif) no-repeat;
}
#info2 p.flow04 {
	/* [edit] 【ショップボタン】デザインパターン */
	background: url(../../../../user_data/packages/pu017/img/templates/flow04.gif) no-repeat;
}



/*
===== DESIGN NAME ==================================================================

	pu017

====================================================================================
*//*
===== CONTENTS ===================================================

	01. 全体設定
	02. 基本レイアウト
	03. グローバルナビゲーション
	
	04. 商品カテゴリー
	05. 検索
	06. pu017
	07. おすすめ商品
	08. 新着情報
	09. カート
	10. ログインボックス
	11. ブログ
	
	12. 商品一覧
	13. 商品詳細
	
	14. サブコメント
	15. その他のおすすめ商品
	
	16. インフォボックス1（利用規約）※2カラム用
	17. インフォボックス2（ログイン）※1カラム用
	18. インフォボックス3
	19. マイページナビゲーション
	20. その他

==================================================================
*/

/* 01. 全体設定
===================================================================================*/
/* [edit] 全体の基本設定 */
body {
	margin: 0px;
	padding: 0px;
	font: 12px/1.5 "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
}

/* 画像 */
img { border-style: none; }


.clear { margin: 0px; padding: 0px; clear: both; }

/* レイアウト */
.l { text-align: left; }
.c { text-align: center; }
.r { text-align: right; }

/* テキスト */
em {
	font-style: normal;
}


/* 02. 基本レイアウト
===================================================================================*/

/*---------------------------------------
	wrap
---------------------------------------*/
#wrap {
	margin: 0px auto;
	padding: 0px;
	width: 898px;
}

/*---------------------------------------
	head　ヘッダー
---------------------------------------*/

/*　[edit] ヘッダー基本設定 */
#head {
	margin: 0px;
	padding: 0px;
	/* [edit] ヘッダーの高さ */
	width: 898px;
	position: relative;
}
#head a { border-style: none; }

/*　[edit] h1テキスト */
#head h1 {
	font-size: 12px;
	font-weight: normal;
	position: absolute;
	top: 70px;
	left: 10px;
	width: 890px;
	height: 25px;
	line-height: 25px;
	margin: 0px;
	padding: 0px 5px;
}

/*　[edit] サイトID（ロゴ） */
#logo {
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 890px;
	padding: 0px 5px;
	position: absolute;
	left: 20px;
	top: 100px;
}

/*---------------------------------------
	contents　コンテンツ
---------------------------------------*/

#contents {
	margin: 0px;
	padding: 10px 0px 0px 4px;
	width: 896px;
/*
background-color:#99CCFF;
*/
}


/*---------------------------------------
	menu-l,menu-r　左右メニュー
---------------------------------------*/

.three-col h3 {
	margin: 0px;
	padding: 0px;
	display: block;
}

/* menu-l　左メニュー */

#menu-l {
	margin: 0px 5px 0px 0px;
	padding: 0px;
	float: left;
	width: 200px;
}


/* menu-r　右メニュー */

#menu-r {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: right;
	width: 200px;
}

/*---------------------------------------
	foot　フッター
---------------------------------------*/

#foot {
	margin: 0px;
	padding: 0px;
	width: 898px;
}
#foot p.link {
	margin: 0px;
	padding: 0px 10px;
	width: 878px;
	display: block;
	line-height: 30px;
	height: 30px;
}

/* [edit] フッターリンク */
#foot p.link a {
	padding-right:3px;
	padding-left: 3px;
}

/* [edit] フッターリンク ロールオーバー */
#foot p.link a:hover {
}

#foot address {
	font-style: normal;
	margin: 0px;
	padding: 0px 10px;
	width: 878px;
	line-height: 30px;
	display: block;
	height: 30px;
	text-align: right;
}

/*---------------------------------------
	div.cont　各ブロックの内枠
---------------------------------------*/

#menu-l div.cont, 
#menu-r div.cont {
	margin: 5px 5px 10px;
	padding: 0px;
	width: 190px;
}

#three_maincolumn div.cont {
	margin: 5px 5px 10px;
}

/*---------------------------------------
	three_maincolumn　メイン 3カラム
---------------------------------------*/

div.three-col #three_maincolumn {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 480px;
}
div.three-col #images {
	margin: 0px 0px 10px;
	padding: 0px;
	width: 480px;
}

/*---------------------------------------
	two_maincolumn　メイン 2カラム
---------------------------------------*/

div.two-col #two_maincolumn {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 685px;
}

/*---------------------------------------
	各ブロック
---------------------------------------*/

#category,
#search,
#calendar,
#cart-box,
#login-box,
#blog-box {
	margin: 0px;
	padding: 0px;
	/* [edit] 各ブロック背景色 */
	
}

/* 04. 商品カテゴリー
===================================================================================*/

/* ------ [edit] 商品カテゴリータイトル ------ */
.three-col h3.tit-category {
	margin: 0px 0px 10px;
	clear:both;
}

#category ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: block;
	font-size: 14px;
	line-height: 1.75;
}

#category ul li {
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
#category ul li li {
	margin: 0px;
	padding: 0px 0px 0px 20px;
}



/* 05. 検索
===================================================================================*/

/* ------ [edit] 検索タイトル ------ */
.three-col h3.tit-search {
	margin: 0px 0px 10px;
	clear:both;
}

#search p {
	padding: 0px;
	height: 11px;
	display: block;
}
#search p.txt01 {
	margin: 0px 0px 5px;
}
#search p.txt02 {
	margin: 5px 0px;
}
#search p.btn-search {
	margin: 10px 0px 0px 90px;
	padding: 0px;
	width: 100px;
	height: 20px;
	display: block;
}
#search p.btn-search a {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 100px;
	text-indent: -9999px;
}
#search p.btn-search a:hover {
	background-position: 0px -20px;
}
#search p.btn-search a img { visibility: hidden; }



/* 06. カレンダー
===================================================================================*/

/* ------ [edit] カレンダータイトル ------ */
.three-col h3.tit-calendar {
	margin: 0px 0px 10px;
	clear:both;
}

.three-col div.box-calendar {
	float:left;
}

#three_maincolumn div.box-calendar {
	margin:0px 10px 10px 0px;
}

/* ------ カレンダー ------ */
#calendar div.cal-box {
	padding: 10px 0px;
	width: 190px;
	margin: 0px 0px 10px;
	background: #e4eaf7;
}
#calendar p.txt03 {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	height: 15px;
	width: 170px;
	line-height: 15px;
	display: block;
}
#calendar h4 {
	font-size: 12px;
	margin: 10px 0px 5px;
	padding: 0px;
	width: 190px;
	display: block;
	text-align: center;
}
#calendar table {
	margin: 0px;
	padding: 0px;
	width: 190px;
}
#calendar th {
	font-weight: normal;
	height: 20px;
	line-height: 20px;
}
#calendar td {
	text-align: center;
	line-height: 20px;
	height: 20px;
}
#calendar .sun { color: #c43030; }
#calendar .sat { color: #305dc4; }
#calendar .holi {
	display: block;
	margin: 0px;
	padding: 0px;
}

/* ------ フロートの背景色用設定 ------ */
#calendar div.cont {
/*    border: 2px solid #F1288B;*/
    overflow: hidden;
}

#calendar div.cont:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #calendar div.cont {
    height: 1em;
    overflow: visible;
}
/**/



/* 07. おすすめ商品
===================================================================================*/

/*---------------------------------------
	top-rec　おすすめ商品（共通設定）
---------------------------------------*/
div.three-col #top-rec div.box div.img {
	margin: 0px 0px 5px;
	padding: 0px;
/*	width: 150px;*/
}
div.three-col #top-rec div.box div.txt {
	margin: 0px;
	padding: 0px;
/*	width: 150px;*/
}
div.three-col #top-rec div.box div.txt h4 {
	font-size: 12px;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
div.three-col #top-rec div.box div.txt p { margin: 0px; padding: 0px; }

/*---------------------------------------
	top-rec　おすすめ商品（メイン配置）
---------------------------------------*/
div#three_maincolumn #top-rec {
	margin: 0px;
	width: 480px;
	/* [edit] ブロック背景色 */
	
}
div#three_maincolumn #top-rec div.box {
	margin: 0px;
	padding: 0px 0px 10px;
	width: 480px;
}

/* [edit] ブロックタイトル */
div#three_maincolumn #top-rec h2 {
	font-size: 14px;
	margin: 0px 0px 10px;
	clear:both;
}

/*---------------------------------------
	おすすめ商品3カラム×10（メイン配置）
---------------------------------------*/
/*  左、中央配置の商品  */
div.three-col #top-rec div.box div.no1,
div.three-col #top-rec div.box div.no2,
div.three-col #top-rec div.box div.no4,
div.three-col #top-rec div.box div.no5,
div.three-col #top-rec div.box div.no7,
div.three-col #top-rec div.box div.no8,
div.three-col #top-rec div.box div.no10,
div.three-col #top-rec div.box div.no11,
div.three-col #top-rec div.box div.no13,
div.three-col #top-rec div.box div.no14,
div.three-col #top-rec div.box div.no16,
div.three-col #top-rec div.box div.no17,
div.three-col #top-rec div.box div.no19,
div.three-col #top-rec div.box div.no20,
div.three-col #top-rec div.box div.no22,
div.three-col #top-rec div.box div.no23,
div.three-col #top-rec div.box div.no25,
div.three-col #top-rec div.box div.no26,
div.three-col #top-rec div.box div.no28,
div.three-col #top-rec div.box div.no29 {
	margin: 0px 15px 0px 0px;
	padding: 0px;
	float: left;
	width: 150px;
}

/* 右配置の商品 */
div.three-col #top-rec div.box div.no3,
div.three-col #top-rec div.box div.no6,
div.three-col #top-rec div.box div.no9,
div.three-col #top-rec div.box div.no12,
div.three-col #top-rec div.box div.no15,
div.three-col #top-rec div.box div.no18,
div.three-col #top-rec div.box div.no21,
div.three-col #top-rec div.box div.no24,
div.three-col #top-rec div.box div.no27,
div.three-col #top-rec div.box div.no30 {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 150px;
}

/*---------------------------------------
	top-rec　おすすめ商品（サイド配置）
---------------------------------------*/
#menu-l div#recommend-body, #menu-r div#recommend-body {
	margin: 0px 0px 10px 5px;
	padding: 0px;
	width: 190px;
}
div#menu-l #top-rec, div#menu-r #top-rec {
	margin: 0px;
	padding: 0px;
/*	width: 480px;*/
	/* [edit] ブロック背景色 */
	
}

div#menu-l #top-rec div.box, div#menu-r #top-rec div.box {
	margin: 0px;
	padding: 0px 0px 10px;
/*	width: 480px;*/
}

/* [edit] ブロックタイトル */
div#menu-l #top-rec h2, div#menu-r #top-rec h2{
	font-size: 14px;
	margin: 0px 0px 10px;
	clear:both;
}

/*---------------------------------------
	おすすめ商品3カラム×10（サイド配置）
---------------------------------------*/
/*  左カラム用  */
div#menu-l #top-rec div.box div.no1, 
div#menu-l #top-rec div.box div.no2, 
div#menu-l #top-rec div.box div.no3, 
div#menu-l #top-rec div.box div.no4, 
div#menu-l #top-rec div.box div.no5, 
div#menu-l #top-rec div.box div.no6, 
div#menu-l #top-rec div.box div.no7, 
div#menu-l #top-rec div.box div.no8, 
div#menu-l #top-rec div.box div.no9, 
div#menu-l #top-rec div.box div.no10, 
div#menu-l #top-rec div.box div.no11, 
div#menu-l #top-rec div.box div.no12, 
div#menu-l #top-rec div.box div.no13, 
div#menu-l #top-rec div.box div.no14, 
div#menu-l #top-rec div.box div.no15, 
div#menu-l #top-rec div.box div.no16, 
div#menu-l #top-rec div.box div.no17, 
div#menu-l #top-rec div.box div.no18, 
div#menu-l #top-rec div.box div.no19, 
div#menu-l #top-rec div.box div.no20, 
div#menu-l #top-rec div.box div.no21, 
div#menu-l #top-rec div.box div.no22, 
div#menu-l #top-rec div.box div.no23, 
div#menu-l #top-rec div.box div.no24, 
div#menu-l #top-rec div.box div.no25, 
div#menu-l #top-rec div.box div.no26, 
div#menu-l #top-rec div.box div.no27, 
div#menu-l #top-rec div.box div.no28, 
div#menu-l #top-rec div.box div.no29, 
div#menu-l #top-rec div.box div.no30{ 
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width: 190px;
}
/*  右カラム用  */
div#menu-r #top-rec div.box div.no1, 
div#menu-r #top-rec div.box div.no2, 
div#menu-r #top-rec div.box div.no3, 
div#menu-r #top-rec div.box div.no4, 
div#menu-r #top-rec div.box div.no5, 
div#menu-r #top-rec div.box div.no6, 
div#menu-r #top-rec div.box div.no7, 
div#menu-r #top-rec div.box div.no8, 
div#menu-r #top-rec div.box div.no9, 
div#menu-r #top-rec div.box div.no10, 
div#menu-r #top-rec div.box div.no11, 
div#menu-r #top-rec div.box div.no12, 
div#menu-r #top-rec div.box div.no13, 
div#menu-r #top-rec div.box div.no14, 
div#menu-r #top-rec div.box div.no15, 
div#menu-r #top-rec div.box div.no16, 
div#menu-r #top-rec div.box div.no17, 
div#menu-r #top-rec div.box div.no18, 
div#menu-r #top-rec div.box div.no19, 
div#menu-r #top-rec div.box div.no20, 
div#menu-r #top-rec div.box div.no21, 
div#menu-r #top-rec div.box div.no22, 
div#menu-r #top-rec div.box div.no23, 
div#menu-r #top-rec div.box div.no24, 
div#menu-r #top-rec div.box div.no25, 
div#menu-r #top-rec div.box div.no26, 
div#menu-r #top-rec div.box div.no27, 
div#menu-r #top-rec div.box div.no28, 
div#menu-r #top-rec div.box div.no29, 
div#menu-r #top-rec div.box div.no30{ 
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width: 190px;
}


/* 08. 新着情報
===================================================================================*/

/* 新着情報（共通）
----------------------------------------------- */

/* ------ 新着情報タイトル ------ */
/* [edit] ブロックタイトル */
div.three-col #news h2 {
	font-size: 14px;
	clear:both;
}

div.three-col #news {
	margin: 0px 0px 10px;
	padding: 0px 0px 10px;
	/* [edit] ブロック背景色 */
	
}

div.three-col #news #scroll dl {
	margin: 0px 5px 0px 0px;
	padding: 0px;
}
div.three-col #news #scroll dt {
	/* [edit] 日付のカラー */
	margin: 0px;
	padding: 0px 0px 0px 10px;
	font-weight: bold;
}
div.three-col #news #scroll dd {
	margin: 0px 0px 5px 10px;
	padding: 0px;
}

/* 新着情報（メイン配置）
----------------------------------------------- */
div.three-col #news #scroll {
	margin: 0px 0px 0px 5px;
	padding: 0px;
/*	width: 470px;*/
	overflow: auto;
	height: 125px;
}

/* 新着情報（サイド配置）
----------------------------------------------- */
div#menu-l #news #scroll,
div#menu-r #news #scroll {
	margin: 0px 0px 0px 5px;
	padding: 0px;
	overflow: auto;
	height: 175px;
}




/* 09. カート
===================================================================================*/

/* ------ [edit] 現在のカート タイトル ------ */
.three-col h3.tit-cart {
	margin: 0px 0px 10px;
	clear:both;
}

#cart-box div.in {
	margin: 0px;
	padding: 0px;
	width: 190px;
}
#cart-box div.in ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#cart-box div.in li {
	margin: 0px 0px 5px;
	padding: 0px 0px 0px 20px;
}
#cart-box p.btn-cart {
	margin: 10px 0px 0px 90px;
	padding: 0px;
	width: 100px;
	height: 20px;
	display: block;
}
#cart-box p.btn-cart a {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 100px;
	text-indent: -9999px;
}
#cart-box p.btn-cart a:hover {
	background-position: 0px -20px;
}
#cart-box p.btn-cart a img { visibility: hidden; }



/* 10. ログインボックス
===================================================================================*/

/* ------ [edit] ログインボックスタイトル ------ */
.three-col h3.tit-login {
	margin: 0px 0px 10px;
	clear:both;
}

#three_maincolumn #login-box div#login {
	margin-bottom:10px;
	padding:0;
}

#three_maincolumn #login-box #login {
	float:left;
	margin-right:10px;
}

#login-box p {
	padding: 0px;
}
#login-box p.txt01 {
	margin: 0px 0px 5px;
}
#login-box p.txt02 {
	margin: 5px 0px;
}
#login-box div.welcome {
	margin: 0px;
	padding: 0px;
	display: block;
	width: 190px;
}
#login-box div.check-login {
	margin: 0px;
	padding: 10px 0px 0px;
	width: 190px;
}
#login-box div.pass {
	text-indent: 0px;
	margin: 10px 0px 0px;
	padding: 0px 0px 0px 20px;
}
#login-box p.memory {
	text-indent: 0px;
	margin: 0px;
	padding: 0px;
	width: 45px;
	float: left;
	height: 20px;
	background: url(../../../../user_data/packages/pu017/img/templates/txt_memory.gif) no-repeat 20px 4px;
}
#login-box p.btn-login {
	margin: 0px;
	padding: 0px;
	width: 100px;
	height: 20px;
	display: block;
	float: right;
}
#login-box p.btn-logout {
	margin: 10px 0px 0px 90px;
	padding: 0px;
	width: 100px;
	height: 20px;
	display: block;
}
#login-box p.btn-login a {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 100px;
	text-indent: -9999px;
}
#login-box p.btn-logout a {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 100px;
	text-indent: -9999px;
}
#login-box p.btn-login a:hover, #login-box p.btn-logout a:hover { background-position: 0px -20px; }
#login-box p.btn-login a img, #login-box p.btn-logout a img { visibility: hidden; }

#login-box dl {
	margin: 0px;
	padding: 10px 0px 0px;
	display: block;
}
#login-box dt {
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
#login-box dd {
	margin: 0px;
	padding: 0px;
}
#login-box dd p.btn {
	margin: 0px;
	padding: 5px 0px 0px 20px;
	display: block;
	text-indent: 0px;
	line-height: 15px;
	height: 15px;
}

/* ------ フロートの背景色用設定 ------ */
#login-box div.cont {
/*    border: 2px solid #F1288B;*/
    overflow: hidden;
}

#login-box div.cont:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #login-box div.cont {
    height: 1em;
    overflow: visible;
}
/**/



/* 11. ブログ
===================================================================================*/

/* ------ [edit] ブログタイトル ------ */
.three-col h3.tit-blog {
	margin: 0px 0px 10px;
	clear:both;
}

#blog-box dl {
	margin: 0px;
	padding: 0px;
}
#blog-box dl dt {
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
#blog-box dl dd {
	margin: 0px 0px 5px;
	padding: 0px;
}



/* 12. 商品一覧
===================================================================================*/

/* ------ リスト ------ */
#list {
	margin: 0px;
	padding: 0px;
	width: 685px;
}

/* [edit] リストタイトル */
#list h2 {
	margin: 0px;
	line-height: 30px;
	width: 650px;
	font-weight: bold;
}

/* ------ 検索条件 ------ */
#condition {
	margin: 10px auto 0px;
	padding: 10px 0px 5px;
	width: 685px;
	background: #ffffe7;
}
#condition ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#condition li {
	margin: 0px 0px 5px;
	padding: 0px 0px 0px 25px;
}
#condition li em {
	color: #666666;
}

/* ------ 次へ ------ */
div.next {
	margin: 10px auto 0px;
	padding: 5px 0px;
	width: 685px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	text-align: right;
}
div.next a { margin: 0px 10px; padding: 0px; }
div.next strong { margin: 0px 10px; padding: 0px; }

#list-box {
	margin: 0px;
	padding: 0px;
	width: 685px;
}
#list-box div.box {
	margin: 0px;
	padding: 10px 0px 0px 10px;
	width: 675px;
}
#list-box div.box div.set1 {
	margin: 0px 22px 0px 0px;
	padding: 0px;
	width: 150px;
	float: left;
}
#list-box div.box div.last {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 150px;
}
#list-box div.box div.img {
	margin: 0px 0px 5px;
	padding: 0px;
	width: 150px;
}
#list-box div.box h4 {
	font-size: 12px;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	width: 130px;
}
#list-box div.box p {
	margin: 0px;
	padding: 0px;
	width: 150px;
}


/* 13. 商品詳細
===================================================================================*/

#det-image-large, #det-image-normal {margin: 0 0 10px;height: 280px;}
#image-large, #image-normal {
	display: block;
	width:300px;
	text-indent: -9999em;
	height: 225px;
	margin: 0px;
	padding: 0px;
}

#detail {
	margin: 0px;
	padding: 0px;
	width: 685px;
}

/* [edit]　商品詳細タイトル */
#detail h2.title {
	margin: 0px;
	font-size: 14px;
	display: block;
	font-weight: bold;
}

/* キャッチ画像スペース（上段） */
#catch {
	margin: 0px auto;
	padding: 10px 0px 0px;
	width: 685px;
}
#sub-catch {
	margin: 0px;
	padding: 0px;
	width: 475px;
}

/* 商品詳細ボックス（下段） */
#detail-box {
	margin: 0px auto;
	padding: 10px 0px;
	width: 685px;
}
#detail-box div.img {
	margin: 0px 10px 0px 0px;
	padding: 0px;
	width: 200px;
	float: left;
}
#detail-box div.img div.imgbox {
	margin: 0px 0px 10px;
	padding: 0px;
	width: 200px;
}
#detail-box div.img div.repetition {
	margin: 0px 0px 10px;
	padding: 0px;
	width: 300px;
}
#detail-box div.img p { margin: 0px; padding: 0px; }

/* 商品情報ボックス（テキスト） */
#detail-box div.txt {
	margin: 0px;
	padding: 0px;
	width: 475px;
	float: right;
}

/* [edit] 商品名 */
#detail div.txt h2 {
	margin: 0px 0px 10px;
	font-size: 14px;
}
#detail-box div.txt h3 {
	margin: 0px;
	font-size: 14px;
	width: 465px;
	display: block;
}
#detail-box div.txt div.price {
	margin: 0px 0px 10px;
	padding: 0px;
	width: 475px;
}
#detail-box div.txt div.price span {
	background: #cc0000;
	margin: 0px 10px 0px 0px;
	padding: 3px 0px;
	color: #FFFFFF;
	display: block;
	text-align: center;
	width: 80px;
	float: left;
}
#detail-box div.txt div.price em {
	font-size: 16px;
	font-weight: bold;
}
p#detail-icon {
	margin: 0px;
	padding: 0px;
	display: block;
}
p#detail-icon img {
	margin: 0px 5px 5px 0px;
	padding: 0px;
	height: 17px;
	width: 60px;
	display: block;
	float: left;
}
#detail-box div.txt p.num-po {
	margin: 0px 0px 5px;
	padding: 0px;
	width: 475px;
	clear: left;
}
#detail-box div.txt p.exp {
	margin: 0px 0px 10px;
	padding: 0px;
	width: 475px;
}
ul#detail-icon {
	margin: 0px 0px 10px;
	padding: 0px;
	width: 475px;
	list-style: none;
	height: 17px;
}
/*#relation {
	padding: 0px 0px 10px;
	width: 370px;
	margin: 0px;
}
#relation h5 {
	font-size: 12px;
	margin: 0px 0px 5px;
	padding: 5px 5px 5px 30px;
	width: 335px;
	color: #9C480A;
	background: #FBDAC1 url(../../../../user_data/packages/pu017/img/templates/arrow_midle2.gif) no-repeat 10px 9px;
}
#relation p {
	margin: 0px;
	padding: 0px;
}*/

/* 商品注文用ボックス */
#order-box {
	margin: 0px 0px 10px;
	padding: 9px 9px 0px;
	width: 455px;
}
#order-box dl {
	margin: 0px;
	padding: 0px;
	display: block;
}
#order-box dl#select {
	width: 455px;
}
#order-box dl#select dt {
	margin: 0px;
	padding: 0px 0px 0px 15px;
}
#order-box dl#select dd {
	margin: 0px 0px 10px;
	padding: 0px;
}
#order-box dl#number {
	float: left;
	width: 270px;
	height: 30px;
	line-height: 30px;
	margin-bottom: 9px;
}
#order-box dl#number dt {
	margin: 0px;
	padding: 0px 0px 0px 15px;
	float: left;
	width: 60px;
}
#order-box dl#number dd { margin: 0px 0px 5px; }

#order-box #btn-list {
	margin: 0px 0px 9px;
	padding: 0px;
	float: right;
	width: 150px;
}
#order-box p.btn-cartin {
	margin: 0px;
	padding: 0px;
	width: 150px;
	height: 30px;
	display: block;
}
#order-box p.btn-cartin a {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 150px;
	text-indent: -9999px;
}
#order-box p.btn-reservation {
	margin: 0px;
	padding: 0px;
	width: 150px;
	height: 30px;
	display: block;
}
#order-box p.btn-reservation a {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 150px;
	text-indent: -9999px;
}
#order-box p.btn-cartin a:hover, #order-box p.btn-reservation a:hover { background-position: 0px -30px; }
#order-box p.btn-cartin a img, #order-box p.btn-reservation a img { visibility: hidden; }

/* 資料請求＆問い合わせボタン */
ul#btn-wrap {
	list-style: none;
	margin: 0px 0px 10px;
	padding: 0px;
	width: 475px;
}
ul#btn-wrap li {
	margin: 0px 0px 5px;
	padding: 0px 0px 0px 40px;
	height: 24px;
	display: block;
	line-height: 24px;
	width: 435px;
}
li#btn-request { background: url(../../../../user_data/packages/pu017/img/templates/icon_request.gif) no-repeat left top; }
li#btn-inquiry { background: url(../../../../user_data/packages/pu017/img/templates/icon_inquiry.gif) no-repeat left top; }
li#btn-friend { background: url(../../../../user_data/packages/pu017/img/templates/icon_friend.gif) no-repeat left top; }
li#btn-mobile { background: url(../../../../user_data/packages/pu017/img/templates/icon_mobile.gif) no-repeat left top; }
li#btn-review { background: url(../../../../user_data/packages/pu017/img/templates/icon_review.gif) no-repeat left top; }
li#btn-hidereview { background: url(../../../../user_data/packages/pu017/img/templates/icon_hidereview.gif) no-repeat left top; }

#order-box #standard {
	margin: 0px;
	padding: 0px 0px 10px;
	width: 455px;
}
#order-box #standard table {
	background: #FFFFFF;
	border-collapse:collapse;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#order-box #standard table th {
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	margin: 0px;
	padding: 0px 2px;
}
#order-box #standard table td {
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	margin: 0px;
	padding: 0px 2px;
}



/* 14. サブコメント
===================================================================================*/
#detail-sub {
	margin: 0px auto;
	padding: 0px 0px 10px;
	width: 690px;
}

/* [edit] タイトル */
#detail-sub h3 {
	font-size: 14px;
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 15px;
	width: 665px;
}
#detail-sub div.sub-box {
	margin: 0px;
	padding: 0px 0px 10px;
	width: 680px;
}
div.sub-box div.sub-l {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 335px;
}
div.sub-box div.sub-r {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 335px;
}
div.sub-box div.img {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 150px;
}
div.sub-box div.img p {
	margin: 0px;
	padding: 0px;
	width: 150px;
}
div.sub-box div.txt {
	margin: 0px;
	padding: 0px;
	width: 175px;
	float: right;
}
div.sub-box div.txt h4 {
	font-size: 12px;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	width: 160px;
	color: #9C480A;
}
div.sub-box div.txt p {
	margin: 0px;
	padding: 0px;
	width: 175px;
}



/* 15. その他のおすすめ商品
===================================================================================*/
#etc-rec {
	margin: 0px 0px 10px;
	padding: 0px;
	width: 685px;
	
	background-color:#FFFFFF;
}

/* [edit] テキスト表示のタイトル */
#etc-rec h3 {
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 15px;
	width: 670px;
	display: block;
	font-weight: normal;
}
#etc-rec div.box {
	margin: 0px auto;
	padding: 0px 0px 10px;
	width: 685px;
}
#etc-rec div.box-l {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 335px;
}
#etc-rec div.box-r {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 335px;
}
#etc-rec div.box-l div.img, #etc-rec div.box-r div.img {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 150px;
}
#etc-rec div.box-l div.img p, #etc-rec div.box-r div.img p {
	margin: 0px;
	padding: 0px;
	width: 150px;
}
#etc-rec div.box-l div.txt, #etc-rec div.box-r div.txt {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 175px;
}
#etc-rec div.box-l div.txt h4, #etc-rec div.box-r div.txt h4 {
	font-size: 12px;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	width: 155px;
}
#etc-rec div.box-l div.txt p, #etc-rec div.box-r div.txt p {
	margin: 0px;
	padding: 0px;
	width: 175px;
}

/* ------ ユーザー ------ */
#info3 #review p.hidden {
	display: none;
}
#info3 #review dt {
	margin: 0px 0px 5px;
	padding: 5px 5px 5px 25px;
	font-weight: bold;
	color: #907740;
}
#info3 #review p.txt01 {
	margin: 0px;
	padding: 5px 0px;
}
#info3 #review p.txt02 {
	margin: 0px;
	padding: 0px;
}
#info3 #review dl {
	margin: 0px 0px 10px;
	padding: 0px 5px 0px 0px;
}
#info3 #review dd span.star {
	display: block;
	margin: 0px 0px 5px;
	padding: 0px 0px 0px 65px;
}
#info3 #review dd span.star img {
	margin: 0px 2px 0px 0px;
	padding: 0px;
	height: 12px;
	width: 12px;
	display: block;
	float: left;
}
#info3 #review dd {
	margin: 0px;
	padding: 0px 5px 10px 0px;
}
#info3 #review dd span.date {
	display: block;
	margin: 0px 0px 5px;
	padding: 0px;
}
#info3 #review dd span.date em {
	color: #0066FF;
}

/* ------ レビュー ------ */

#info3 #review div.over {
	margin: 10px 0px 0px;
	padding: 0px;
	height: 450px;
	width: 560px;
	overflow: auto;
}
#info3 #review p.btn-review {
	margin: 0px;
	padding: 0px;
	width: 160px;
	height: 30px;
	display: block;
}
#info3 #review p.btn-review a {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 160px;
	text-indent: -9999px;
}
#info3 #review p.btn-review a:hover { background-position: 0px -30px; }
#info3 #review p.btn-review a img { visibility: hidden; }

/* ------ トラックバック ------ */
#user #trackback {
	margin: 0px 0px 15px;
	padding: 0px;
	width: 680px;
}

/* 16. インフォボックス1（利用規約）※2カラム用
===================================================================================*/

#info {
	margin: 0px;
	padding: 0px 0px 10px;
	width: 685px;
}
#info2 {
	margin: 0px;
	padding: 0px 0px 10px;
	width: 890px;
}
#info3 {
	margin: 0px auto;
	padding: 10px;
	width: 560px;
}

/* [edit] テキスト表示のタイトル */
#info h2 {
	font-size: 14px;
	margin: 0px;
	font-weight: bold;
}

/* [edit] テキスト表示のタイトル */
#info2 h2 {
	font-size: 14px;
	margin: 0px 0px 0px 5px;
	font-weight: bold;
}

/* [edit] テキスト表示のタイトル */
#info3 h2 {
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
}

#info h3, #info2 h3 {
	font-size: 14px;
	margin: 0px 0px 10px;
	padding: 5px 5px 0px 10px;
}

#info2 div.area2 h3 {
	font-size: 14px;
	background: #C4E8FD;
	color: #666666;
	margin: 0px 0px 10px;
	padding: 5px 5px 10px 10px;
}

#info p, #info2 p, #info3 p {
	margin: 0px;
	padding: 0px 10px 10px;
}
#info p.txt, #info2 p.txt {
	margin: 0px;
	padding: 10px;
}

#info div.area {
	margin: 0px 0px 10px;
	padding: 10px 0px 0px;
	width: 670px;
}
#info2 div.area {
	margin: 0px auto 10px;
	padding: 10px 0px 0px;
	width: 850px;
}
#info2 div.area2 {
	margin: 0px auto 10px;
	padding: 10px 0px 0px;
	width: 850px;
}

#info table {
	border-collapse:collapse;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}
#info table th {
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	margin: 0px;
	padding: 3px 3px 3px 5px;
	text-align: left;
	background: #FFFFDD;
	color: #666666;
}
#info table th.c { text-align: center; }
#info table th.r { text-align: right; }
#info table td {
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	margin: 0px;
	padding: 3px;
}
#info table h4 {
	font-size: 12px;
	background: #DEF0DB;
	margin: 0px;
	padding: 5px 10px;
	color: #339966;
	border-bottom: 1px dotted #339966;
	border-left: 5px solid #339966;
}
#info table h5 {
	margin: 0px 0px 5px;
	padding: 0px;
}
#info table p {
	margin: 5px 5px 10px;
	padding: 0px;
}
#info table ul {
	margin: 5px 0px 5px 25px;
	padding: 0px;
}
#info div.area dl {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	width: 655px;
}
#info div.area dt {
	font-weight: bold;
	color: #663300;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
#info div.area dd {
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 20px;
}

#info2 div.area table {
	border-collapse:collapse;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}
#info2 div.area table th {
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	margin: 0px;
	padding: 3px 3px 3px 5px;
	text-align: left;
	background: #FFFFDD;
	color: #666666;
}
#info2 div.area table td {
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	margin: 0px;
	padding: 3px;
	background-color:#FFFFFF;
}
#info2 div.area2 div.area3 {
	margin: 0px 0px 10px 15px;
	padding: 0px;
	width: 820px;
}
#info2 div.area2 div.area3 ul {
	margin: 0px auto 10px;
	padding: 0px;
	width: 760px;
	list-style: none;
}
#info2 div.area2 div.area3 ul li.space { padding-left: 18px; }
#info2 div.area2 table td ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#info2 div.area2 table {
	border-collapse:collapse;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}
#info2 div.area2 table th {
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	margin: 0px;
	padding: 3px 3px 3px 5px;
	background: #FFFFDD;
	color: #666666;
}
#info2 div.area2 table td {
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	margin: 0px;
	padding: 3px;
}
#info2 div.area2 table table {
	border-style: none;
	margin: 0px;
	padding: 0px;
}
#info2 div.area2 table table td { border-style: none; }
#info2 p.flow01 {
	text-indent: -9999px;
	display: block;
	margin: 0px auto 10px;
	padding: 0px;
	height: 50px;
	width: 810px;
}
#info2 p.flow02 {
	text-indent: -9999px;
	display: block;
	margin: 0px auto 10px;
	padding: 0px;
	height: 50px;
	width: 810px;
}
#info2 p.flow03 {
	text-indent: -9999px;
	display: block;
	margin: 0px auto 10px;
	padding: 0px;
	height: 50px;
	width: 810px;
}
#info2 p.flow04 {
	text-indent: -9999px;
	display: block;
	margin: 0px auto 10px;
	padding: 0px;
	height: 50px;
	width: 810px;
}

#info3 table {
	border-collapse:collapse;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	margin: 0px;
	padding: 0px;
}
#info3 table th {
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	margin: 0px;
	padding: 3px 3px 3px 5px;
	background: #FFFFDD;
	color: #666666;
	text-align: left;
}
#info3 table td {
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	margin: 0px;
	padding: 3px;
	background-color:#FFFFFF;
}



/* 19. マイページナビゲーション
===================================================================================*/

/* マイページナビゲーション */
#my-btn {
	margin: 0px 0px 10px;
	padding: 2px 0px;
	height: 30px;
	width: 685px;
	position: relative;
	background: #BFF0E6;
}
#my-btn ul {
	margin: 0px;
	padding: 0px;
	height: 26px;
	width: 675px;
	list-style: none;
	position: absolute;
	left: 5px;
	top: 4px;
}
#my-btn li {
	margin: 0px;
	padding: 0px;
	height: 26px;
	width: 165px;
	position: absolute;
}
#my-btn a {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 26px;
	width: 165px;
	text-indent: -9999px;
}

#my-btn a:hover { background-color: #EEEEEE; }
#my-btn a:hover img { visibility: hidden; }

#my01 { left: 0px; }
#my01 a { background-position: 0px -26px; }
#my01 a:hover { background-position: 0px 0px; }
#my02 { left: 170px; }
#my02 a { background-position: -170px -26px; }
#my02 a:hover { background-position: -170px 0px; }
#my03 { left: 340px; }
#my03 a { background-position: -340px -26px; }
#my03 a:hover { background-position: -340px 0px; }
#my04 { left: 510px; }
#my04 a { background-position: -510px -26px; }
#my04 a:hover { background-position: -510px 0px; }



/* 20. その他
===================================================================================*/

/* ----------- フォーム関連 ----------- */
form { margin: 0px; padding: 0px; }
form.l10 {
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

.btn-l {
	text-align: left;
	margin: 0px;
	padding: 10px 0px 0px;
	width: 100%;
}
.btn-c {
	text-align: center;
	margin: 0px;
	padding: 10px 0px 0px;
	width: 100%;
}
.btn-r {
	text-align: right;
	margin: 0px;
	padding: 10px 0px 0px;
	width: 100%;
}
span.y-btn {
	margin: 5px 0px 0px;
	padding: 0px;
	display: block;
}

/* width */
.w25 { width: 25px; }
.w50 { width: 50px; }
.w75 { width: 75px; }
.w100 { width: 100px; }
.w125 { width: 125px; }
.w120 { width: 120px; }
.w140 { width: 140px; }
.w145 { width: 145px; }
.w150 { width: 150px; }
.w155 { width: 155px; }
.w160 { width: 160px; }
.w165 { width: 165px; }
.w170 { width: 170px; }
.w175 { width: 175px; }
.w180 { width: 180px; }
.w185 { width: 185px; }
.w200 { width: 200px; }
.w225 { width: 225px; }
.w250 { width: 250px; }
.w275 { width: 275px; }
.w300 { width: 300px; }
.w325 { width: 325px; }
.w350 { width: 350px; }
.w400 { width: 400px; }
.w450 { width: 450px; }
.w475 { width: 475px; }
.w500 { width: 500px; }
.w550 { width: 550px; }
.w600 { width: 600px; }
.w615 { width: 615px; }
.w625 { width: 625px; }
.w650 { width: 650px; }
.w675 { width: 675px; }
.w700 { width: 700px; }
.w735 { width: 735px; }
.w750 { width: 750px; }

/* emを赤字に
===================================================================================*/
em{ color: #FF0000; }