@charset "utf-8";

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

	SE029 寒さに負けないあったか暮らし特集

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

	01. 全体設定
	02. 基本レイアウト
	03. グローバルナビゲーション
	
	04. 商品カテゴリー
	05. 検索
	06. カレンダー
	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;
	/* [edit] 全体のテキストカラー */
	color: #4e4e4e;
	/* [edit] 全体の背景色 */
	background: #FFDDD9;
}

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

/* [edit] 全体のリンクカラー */
a { color: #DB5E00; text-decoration: none; }
a:hover { color: #FFAC59; }
.clear { margin: 0px; padding: 0px; clear: both; }

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

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


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

/*---------------------------------------
	wrap
---------------------------------------*/
#wrap {
	margin: 0px auto;
	padding: 0px;
	width: 898px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	background: #FFFFFF url(../../../../user_data/packages/se029/img/templates/bg_main.jpg) no-repeat left top;
}

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

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

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

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

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

#contents {
	margin: 0px;
	padding: 10px 4px 0px;
	width: 890px;
/*
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;
	/* [edit] フッター背景色・テキストカラー */
	background: #FF7C3E;
	color:#FFFFFF;
}
#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;
	color:#FFFFFF;
}

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

#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;
	padding: 0px;
}

/*---------------------------------------
	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] 各ブロック背景色 */
	
}


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

/* [edit] ナビ基本設定 */
#navi {
	margin: 0px;
	padding: 0px;
	height: 25px;
	width: 898px;
	position: absolute;
	top: 270px;
	left: 0px;
	height: 30px;
	text-align: left;
	background-color:#FF7C3E;
}
#navi ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 30px;
}
#navi li {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	height: 30px;
	width: 135px;
	float:left;
	line-height:30px;
	font-size:14px;
	font-weight:bold;
}
/* [edit] ナビ画像設定 */
#navi a {
	display: block;
	margin: 0px;
	padding: 0px 0px 0px 32px;
	height: 30px;
	background: url(../../../../user_data/packages/se029/img/templates/icon_navi.gif) no-repeat 5px 50%;
	color:#FFFFFF;
}
/* [edit] ナビ画像設定 ロールオーバー */
#navi a:hover {
	background: url(../../../../user_data/packages/se029/img/templates/icon_navi_on.gif) no-repeat 5px 50%;
	color:#FF3300;
}


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

/* ------ [edit] 商品カテゴリータイトル ------ */
.three-col h3.tit-category {
	background: url(../../../../user_data/packages/se029/img/templates/tit_category.gif) no-repeat;
	text-indent: -9999px;
	margin: 0px 0px 10px;
	padding: 0px;
	height:30px;
	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;
	background: url(../../../../user_data/packages/se029/img/templates/arrow01.gif) no-repeat left 4px;
}
#category ul li li {
	margin: 0px;
	padding: 0px 0px 0px 20px;
}



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

/* ------ [edit] 検索タイトル ------ */
.three-col h3.tit-search {
	background: url(../../../../user_data/packages/se029/img/templates/tit_search.gif) no-repeat;
	text-indent: -9999px;
	margin: 0px 0px 10px;
	padding: 0px;
	height:30px;
	clear:both;
}

#search p {
	text-indent: -9999px;
	padding: 0px;
	height: 11px;
	display: block;
}
#search p.txt01 {
	background: url(../../../../user_data/packages/se029/img/templates/txt_category.gif) no-repeat;
	margin: 0px 0px 5px;
	width: 85px;
}
#search p.txt02 {
	background: url(../../../../user_data/packages/se029/img/templates/txt_keyword.gif) no-repeat;
	margin: 5px 0px;
	width: 87px;
}
#search p.btn-search {
	margin: 10px 0px 0px 90px;
	padding: 0px;
	width: 100px;
	height: 20px;
	display: block;
}
#search p.btn-search a {
	background: url(../../../../user_data/packages/se029/img/templates/btn_search.gif) no-repeat;
	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 {
	background: url(../../../../user_data/packages/se029/img/templates/tit_calendar.gif) no-repeat;
	text-indent: -9999px;
	margin: 0px 0px 10px;
	padding: 0px;
	height:30px;
	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;
	background: url(../../../../user_data/packages/se029/img/templates/cal_mark.gif) no-repeat left top;
	line-height: 15px;
	display: block;
}
#calendar h4 {
	font-size: 12px;
	margin: 10px 0px 5px;
	padding: 0px;
	width: 190px;
	display: block;
	text-align: center;
	/* [edit] カレンダー月名 背景色・テキスト */
	color: #FFFFFF;
	background: #FF7C3E;
}
#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 {
	background: url(../../../../user_data/packages/se029/img/templates/cal_mark.gif) no-repeat center center;
	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;
	background: url(../../../../user_data/packages/se029/img/templates/arrow01.gif) no-repeat left 2px;
/*	width: 130px;*/
}
div.three-col #top-rec div.box div.txt p { margin: 0px; padding: 0px; }
div.three-col #top-rec div.box div.txt p.price { color: #d94036; }

/*---------------------------------------
	top-rec　おすすめ商品（メイン配置）
---------------------------------------*/
div#three_maincolumn #top-rec {
	margin: 0px;
	padding: 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 {
	background: url(../../../../user_data/packages/se029/img/templates/tit_recommend.gif) no-repeat left top;
	text-indent: -9999px;
	margin: 0px 0px 10px;
	padding: 0px;
	height: 30px;
	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{
	background: url(../../../../user_data/packages/se029/img/templates/tit_recommend.gif) no-repeat left top;
	text-indent: -9999px;
	margin: 0px 0px 10px;
	padding: 0px;
	height: 30px;
	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 {
	background: url(../../../../user_data/packages/se029/img/templates/tit_news.gif) no-repeat;
	text-indent: -9999px;
	margin: 0px 0px 0px;
	padding: 0px;
	height: 30px;
	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] 日付のカラー */
	color: #B95B2F;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	background: url(../../../../user_data/packages/se029/img/templates/arrow04.gif) no-repeat left 5px;
	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 {
	background: url(../../../../user_data/packages/se029/img/templates/tit_cart.gif) no-repeat;
	text-indent: -9999px;
	margin: 0px 0px 10px;
	padding: 0px;
	height:30px;
	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 {
	background: url(../../../../user_data/packages/se029/img/templates/arrow01.gif) no-repeat left 2px;
	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 {
	background: url(../../../../user_data/packages/se029/img/templates/btn_buy.gif) no-repeat;
	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 {
	background: url(../../../../user_data/packages/se029/img/templates/tit_login.gif) no-repeat;
	text-indent: -9999px;
	margin: 0px 0px 10px;
	padding: 0px;
	height:30px;
	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 {
	text-indent: -9999px;
	padding: 0px;
	height: 11px;
	display: block;
}
#login-box p.txt01 {
	background: url(../../../../user_data/packages/se029/img/templates/txt_mail.gif) no-repeat;
	margin: 0px 0px 5px;
	width: 70px;
}
#login-box p.txt02 {
	background: url(../../../../user_data/packages/se029/img/templates/txt_pass.gif) no-repeat;
	margin: 5px 0px;
	width: 53px;
}
#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;
	background: url(../../../../user_data/packages/se029/img/templates/arrow01.gif) no-repeat left 1px;
}
#login-box p.memory {
	text-indent: 0px;
	margin: 0px;
	padding: 0px;
	width: 45px;
	float: left;
	height: 20px;
	background: url(../../../../user_data/packages/se029/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 {
	background: url(../../../../user_data/packages/se029/img/templates/btn_login.gif) no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 100px;
	text-indent: -9999px;
}
#login-box p.btn-logout a {
	background: url(../../../../user_data/packages/se029/img/templates/btn_logout.gif) no-repeat;
	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;
	color: #ec6941;
	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;
	background: url(../../../../user_data/packages/se029/img/templates/arrow01.gif) no-repeat left 5px;
	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 {
	background: url(../../../../user_data/packages/se029/img/templates/tit_blog.gif) no-repeat;
	text-indent: -9999px;
	margin: 0px 0px 10px;
	padding: 0px;
	height:30px;
	clear:both;
}

#blog-box dl {
	margin: 0px;
	padding: 0px;
}
#blog-box dl dt {
	background: url(../../../../user_data/packages/se029/img/templates/arrow01.gif) no-repeat left 1px;
	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 {
	background: url(../../../../user_data/packages/se029/img/templates/tit_bk705.gif) no-repeat left top;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 30px;
	width: 670px;
	height: 30px;
	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 {
	background: url(../../../../user_data/packages/se029/img/templates/arrow02.gif) no-repeat 10px 4px;
	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;
	background: url(../../../../user_data/packages/se029/img/templates/arrow01.gif) no-repeat left 2px;
	width: 130px;
}
#list-box div.box p {
	margin: 0px;
	padding: 0px;
	width: 150px;
}
#list-box div.box p.price { color: #d94036; }



/* 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 {
	background: url(../../../../user_data/packages/se029/img/templates/tit_bk705.gif) no-repeat left top;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 30px;
	width: 670px;
	height: 30px;
	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 {
	background: #C4E8FD url(../../../../user_data/packages/se029/img/templates/arrow03.gif) no-repeat 5px 7px;
	margin: 0px 0px 10px;
	padding: 5px 0px 5px 25px;
	font-size: 14px;
	color: #666666;
	width: 450px;
}
#detail-box div.txt h3 {
	margin: 0px;
	padding: 0px 0px 5px;
	font-size: 14px;
	color: #847246;
	width: 475px;
	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/se029/img/templates/arrow_midle2.gif) no-repeat 10px 9px;
}
#relation p {
	margin: 0px;
	padding: 0px;
}*/

/* 商品注文用ボックス */
#order-box {
	background: #E7F5FE;
	margin: 0px 0px 10px;
	padding: 9px 9px 0px;
	width: 455px;
	border: 1px solid #B3E1FD;
}
#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;
	background: url(../../../../user_data/packages/se029/img/templates/arrow02.gif) no-repeat left 4px;
}
#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;
	background: url(../../../../user_data/packages/se029/img/templates/arrow02.gif) no-repeat left 10px;
	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 {
	background: url(../../../../user_data/packages/se029/img/templates/btn_cart.gif) no-repeat;
	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 {
	background: url(../../../../user_data/packages/se029/img/templates/btn_reservation.gif) no-repeat;
	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/se029/img/templates/icon_request.gif) no-repeat left top; }
li#btn-inquiry { background: url(../../../../user_data/packages/se029/img/templates/icon_inquiry.gif) no-repeat left top; }
li#btn-friend { background: url(../../../../user_data/packages/se029/img/templates/icon_friend.gif) no-repeat left top; }
li#btn-mobile { background: url(../../../../user_data/packages/se029/img/templates/icon_mobile.gif) no-repeat left top; }
li#btn-review { background: url(../../../../user_data/packages/se029/img/templates/icon_review.gif) no-repeat left top; }
li#btn-hidereview { background: url(../../../../user_data/packages/se029/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;
	background: url(../../../../user_data/packages/se029/img/templates/tit_bk690.gif) no-repeat left top;
	height: 30px;
	width: 665px;
	line-height: 30px;
	color: #FFFFFF;	
}
#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;
	background: url(../../../../user_data/packages/se029/img/templates/arrow_midle2.gif) no-repeat left 4px;
	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 {
	font-size: 14px;
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 15px;
	background: url(../../../../user_data/packages/se029/img/templates/tit_bk705.gif) no-repeat left top;
	height: 30px;
	width: 670px;
	line-height: 30px;
	color: #FFFFFF;
	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;
	background: url(../../../../user_data/packages/se029/img/templates/arrow01.gif) no-repeat left 2px;

}
#etc-rec div.box-l div.txt p, #etc-rec div.box-r div.txt p {
	margin: 0px;
	padding: 0px;
	width: 175px;
}
#etc-rec div.box-l div.txt p.price, #etc-rec div.box-r div.txt p.price { color: #d94036; }

/* ------ ユーザー ------ */
#info3 #review p.hidden {
	display: none;
}
#info3 #review dt {
	margin: 0px 0px 5px;
	padding: 5px 5px 5px 25px;
	font-weight: bold;
	color: #907740;
	background: #fffa9b url(../../../../user_data/packages/se029/img/templates/arrow03.gif) no-repeat 5px 6px;
}
#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;
	height: 12px;
	background: url(../../../../user_data/packages/se029/img/templates/txt_star.gif) no-repeat left;
}
#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 {
	background: url(../../../../user_data/packages/se029/img/templates/btn_review.gif) no-repeat;
	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;
	background: #FFFFFF;
}

/* [edit] テキスト表示のタイトル */
#info h2 {
	background: url(../../../../user_data/packages/se029/img/templates/tit_bk705.gif) no-repeat left top;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	font-size: 14px;
	line-height: 30px;
	width: 670px;
	height: 30px;
	color: #FFFFFF;
	font-weight: bold;
}

/* [edit] テキスト表示のタイトル */
#info2 h2 {
	background: url(../../../../user_data/packages/se029/img/templates/tit_bk890.gif) no-repeat left top;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	font-size: 14px;
	line-height: 30px;
	width: 875px;
	height: 30px;
	color: #FFFFFF;
	font-weight: bold;
}

/* [edit] テキスト表示のタイトル */
#info3 h2 {
	background: url(../../../../user_data/packages/se029/img/templates/tit_bk560.gif) no-repeat;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	font-size: 14px;
	line-height: 30px;
	width: 545px;
	height: 30px;
	color: #FFFFFF;
	font-weight: bold;
}

#info h3, #info2 h3 {
	font-size: 14px;
	/* [edit] 下層タイトル　背景色・テキスト色 */
	background: #C8E7F0;
	color: #666666;
	margin: 0px 0px 10px;
	padding: 5px 5px 5px 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;
	background: url(../../../../user_data/packages/se029/img/templates/arrow01.gif) no-repeat left 2px;
}
#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 {
	background: url(../../../../user_data/packages/se029/img/templates/flow01.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px auto 10px;
	padding: 0px;
	height: 50px;
	width: 810px;
}
#info2 p.flow02 {
	background: url(../../../../user_data/packages/se029/img/templates/flow02.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px auto 10px;
	padding: 0px;
	height: 50px;
	width: 810px;
}
#info2 p.flow03 {
	background: url(../../../../user_data/packages/se029/img/templates/flow03.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px auto 10px;
	padding: 0px;
	height: 50px;
	width: 810px;
}
#info2 p.flow04 {
	background: url(../../../../user_data/packages/se029/img/templates/flow04.gif) no-repeat;
	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;
	background: url(../../../../user_data/packages/se029/img/templates/btn_mynavi.gif) no-repeat;
}

#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; }