/* ID は# class は. 
イメージの指定はこのファイルから見た階層 
サイズ指定　上、右、下、左　｜　上下、左右　｜　上、左右、下　｜ 値に'auto'は使えない

======================
CSS hack
======================
*それ以外のモダンブラウザ（Safari、Opera、Firefox）
'*html'～はOpera、Firefoxなどには適用されずIE5.xにのみ適用（winIE6でも適用,MACはsickcut,正しいCSS的にはno 

バージョン 6 以下の IE にのみ適用
* html body
バージョン 7 の IE にのみ適用
*+html body
バージョン 7 を含む全ての IE にのみ適用
*+html body, * html body
IE7 を含むモダンブラウザにのみ適用（バージョン 6 以下の IE を除外）
html>body
IE7 を除くモダンブラウザにのみ適用
html>/** /body 注)半角スペース要らない

*/

/* ---　　基本
------------------------------------- */

* {margin: 0; padding: 0;}/* 初期化 */
dl{margin:0em;}/* DL 改行の擬似無効*/
dd{margin:0em;}/* DD 改行の擬似無効*/

html { min-width: 700px}/*  min- macはダメ  */
* html {
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
}
body {
	font-family: ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3;
	font-size:  62.5%;
	letter-spacing: 3%;
	line-height: 1.2em;
	COLOR: #333;
	margin:0 10px;
	padding:0;
	BACKGROUND: url(./images/bg.gif) repeat 0px 0px;
	}


/* -------------------------------------
　　リンク装飾設定
------------------------------------- */
a:link, a:visited, a:active, a:hover {	font-size: inherit;outline : 0 ;}
a:link{	color:#3333CC;	/*text-decoration: none;*/}
a:visited{	color:#663399;	/*text-decoration: none;*/}
a:hover{	color:#990033;	/*text-decoration: underline;*/}
a:active{	color:#ff99cc;	/*text-decoration: none;*/}

dt a:link,dt a:visited,dt a:active,dt a:hover{
text-decoration:none;
color:#333;
}
/* -------------------------------------
　　HTMLタグ
------------------------------------- */
img{ border: none;	vertical-align:bottom;}
strong{	font-weight: bolder;}
form{margin: 0;	padding: 0;}
hr{width:70%;height:1px;}


/* -------------------------------------
　　位置
------------------------------------- */
.fl{float: left;}
/**html .fl{margin-top:-1.5em;}*/
*html.fl{line-height:-1em;}


.fr{	float: right;}
.al{	text-align: left;}
.ar{	text-align: right;}
.ac{	text-align: center;}
.cb{	clear: both;/*	display: none;*/}


/*.iebugfit{margin-top:10px;}*//*縦幅対策*/
/* -------------------------------------
　　ピンポイント class
------------------------------------- */
/* --- サムネイル --- */

.thumb{
	BACKGROUND:url(./images/thumb_bg.gif) no-repeat left top #fff;
	display:block;
	width:138px;
	height:102px;
	padding:8px 3px 5px 10px;
	float:left;
}


*html .thumb{
	display:block;
	width:152px;
	height:116px;
	padding:9px 3px 0px 10px;
	margin-left:-2px;
	margin-bottom:-1px;
}

A .thumb{/*BuG線を消す*/
text-decoration :none;
}

/* --- ajax loading ... --- */
#loading_logo{
POSITION: absolute;
LEFT: 13px;
TOP: 0px;
}

/*control_modal*/
#modal_container {
	padding:5px;
	background-color:#B7EB2A;
	border:1px solid #96C416;
	overflow:auto;
	font-family:"Lucida Grande",Verdana;
	color:#333;
	font-size:10pt;/*hover*/
}
#modal_overlay {
	background-color:#FF0F13;
}

/* --- favorite --- */
#favoriteA A{
POSITION: absolute;
LEFT:240px; 
TOP: 5px;
DISPLAY: block;	BACKGROUND: url(../../images/imlovinit.gif) no-repeat 0px ;  WIDTH: 50px; TEXT-INDENT: -9999px;  HEIGHT: 40px;
}
*html #favoriteA A{
TOP: 0px;
}

#howto_fvrt{
DISPLAY: block;	BACKGROUND: url(./images/fvrt_guide.gif) no-repeat 0px ;  WIDTH: 600px; TEXT-INDENT: -9999px;  HEIGHT: 1000px;
}
/* --- recommend --- */
#recommendA A{
POSITION: absolute;
LEFT:265px; 
TOP: 20px;
DISPLAY: block;	BACKGROUND: url(../../images/checkit.gif) no-repeat 0px ;  WIDTH: 35px; TEXT-INDENT: -9999px;  HEIGHT: 50px;

}
*html #recommendA A{
TOP: 30px;
}


/*ご注文の流れ*/
dd#howtoorder{
DISPLAY: block;	BACKGROUND: url(./images/howto_order.gif) no-repeat 0px ;  WIDTH: 600px; TEXT-INDENT: -9999px;  HEIGHT: 2000px;
}

/*ケータイについて*/
dd#info_mobile{
DISPLAY: block;	BACKGROUND: url(./images/intro_mobile.gif) no-repeat 0px ;  WIDTH: 600px; TEXT-INDENT: -9999px;  HEIGHT: 550px;
}


/* --- トップバナー --- */
.topbnr{
margin:0px 0px 10px 0px;
}
.bnr_w180x350{
position:absolute;
left:810px;
top:0px;
margin:0px 0px 20px 0px;
}
/* --- 一覧表示の奇数行用 --- */
.odd{
	background-color: #f4f7fd;
}
/* --- 一覧表示の偶数行用 --- */
.even{
	background-color: #fff;
}
/* --- 入力フォームのタイトル幅揃え用
.formh{
	8em;
} 
--- */
/* --- 入力フォームのTEXTAREA --- */
textarea {
/*	width: 100%;*/
}
/* --- レジチェックボックス・マウスオフ --- */
.moduleRow { 

	background-color: #E4F9FF;
}
/* --- レジチェックボックス・マウスオーバー --- */
.moduleRowOver {
	background-color: #D7E9F7;
/*	cursor: hand;*/
}
/* --- レジチェックボックス選択行 --- */
.moduleRowSelected {
	background-color: #D7E9F7;
}
/* --- 「ご注文の最終確認」ページ「変更」文字 --- */
.orderEdit {
	color: #0033ff;
	text-decoration: underline;
}
/* --- メッセージ（こんにちは、○○さん～） --- */
.greetUser {
	color: #0000a0;
	font-weight: bold;
}

/* --- 商品価格 --- */
.productPrice {
	color: #000000;
	font-weight: bold;
	font-size:1.5em;
}
/* --- soldout --- */
.soldout {
DISPLAY: block;	BACKGROUND: url(../../images/price/soldout.gif) no-repeat 0px ;  WIDTH: 160px; TEXT-INDENT: -9999px;  HEIGHT: 25px;
}
/* --- 本体価格 --- */
.productHontaiPrice {
	color: #000;
}
/* --- 通常価格 --- */
.productRegularPrice {
	color: #006;
	font-weight: bold;
		font-size:1em;
}
/* --- 特価商品価格 --- */
.productSpecialPrice{
	color: #f00;
	font-weight: bold;
		font-size:1em;
}

/* --- 過去商品へのリンク --- */
#pastlink a{
clear:both;
DISPLAY: block;	BACKGROUND: url(./images/pastlink.gif) no-repeat 0px 0px ;  WIDTH: 400px; HEIGHT: 75px; TEXT-INDENT: -9999px;  
margin:20px 0;
float:right;
}

/* --- キャラクターリスト --- */

#clipout A{
display:block;
POSITION: absolute;
LEFT: 730px; 
TOP: -202px;
DISPLAY: block;	BACKGROUND: url(../../images/characters/clip.gif) no-repeat 0px 4px ;  WIDTH: 60px; TEXT-INDENT: -9999px;  HEIGHT: 185px;
}

#album{
BACKGROUND: url(../../images/characters/clipbg.gif) no-repeat 0px 0px ;
WIDTH: 600px;
HEIGHT: 800px;
margin-bottom:10px;
}

ul#album li{
list-style-type:none;
float:left;
}


/* --- ヘッダ下ワイドバナー --- */
#wide-banners-wrap{height: 35px; width:100%; background:#EDFFCC;text-align:center;margin:0;}
.wide-banner {display:block;width:800px;height: 35px;position:absolute;left:50%;margin-left:-400px;background:url(../../images/wide_info.gif) no-repeat top left;}
.wide-banner A{color:#000;font-size:14px;line-height:1.5em;font-weight:bold;text-align:center;}
.wide-banner img{ background-color: #EDFFCC;border: none;vertical-align: middle;}
p.wide-banner{margin-top:6px;font-size:12px;}


/* -------------------------------------
　　エラー表示・情報表示
------------------------------------- */
div.messageBox {
	margin-bottom: 0.5em;
}
div.messageBox p{
	padding: 2px;
}
div.messageBox p.messageStackError, p.messageStackWarning{
	background-color: #FFE6E6;
}
div.messageBox p.messageStackSuccess{
	background-color: #9f0;
}
/* --- 一番上で表示されるエラー --- */
#errorBox{
	background-color: #ffb3b5;
	font-size:1em;
}
#headerError{
	background-color: #f00;
	font-weight: bold;
	color: #fff;
	margin-left:3px;
}
#header_info{
	font-weight: bold;
	margin:5px 0px;
	line-height:1.3em;
	width:95%;
}

/* safari only 上のほうに移動しない*/ 
html:\66irst-child #header_info,#emergency_report { 
	font-size:2.5em;
	background-color:#fff;
	padding:1em;
} 

#header_info,#emergency_report{
	display:block;
	font-size:1.3em;
	background:url(../../images/header_info.gif) #fff no-repeat top left;
	color:#003;
	padding:8px 0px 8px 55px;
}

.infoimpo{
	background-color: #033;
	font-weight: bold;
	color: #fff;
	padding:2pt 5pt;
	width:100%;
}
.infoimpo A{
	color:#ff0;
}
.infoimpo A:hover{
	color:#66f;
}
#mailwarn{
	display:block;
	background-color: #FEDFE1;
	font-weight: bold;
	color: #222;
	padding:2pt 5pt;
	margin:1em;
	width:97%;
}
#mailwarn A{
	color:#CB1B45;
}
#mailwarn A:hover{
	color:#66f;
}

/* --- フォームの入力案内 --- */
.notice_s{
	font-size:1.2em;
	color: #8899bb;
}
/* --- フォームの入力エラー --- */
.error_s{
	font-size: :1.2em;
	color: #f00;
}
/* --- 注意・警告 --- */
.warning{
	color: #c03;
}
/* --- エラー --- */
.error{
	color: #f00;
}
/* --- 注意・警告（強調） --- */
.warning_bold{
	color: #c03;
	font-weight: bold;
}
/* --- エラー（強調） --- */
.error_bold{
	color: #f00;
}

/* --- 控えめテキスト --- */
.weak{
	color: #eee;
	font-weight: normal;
	letter-spacing:0pt;
	display:inline;
}

div#email_warning{
	display:block;
	background-color:#eef;
	padding:1em;
	}
div#email_warning dt{
	font-weight:bold;
}


/* -------------------------------------
　　ヘッダー
------------------------------------- */
div#header {
	WIDTH: 100%;
	HEIGHT:160px;
	margin:0px auto;
	padding: 0;
	BACKGROUND:url(./images/bg_header.gif) no-repeat 315px 5px;

}
div#logos A{
	display:block;
	TEXT-INDENT: -9999px;
	HEIGHT:100px;
	WIDTH: 280px;
	BACKGROUND:url(./images/fruitsponcho_logo.gif) no-repeat 3px top;	
	margin:0;
	padding: 0;
}

div#headmenu {
	position:absolute;
	top:10px;
	right:10px;
	margin:0 10px;
	padding:3px 0;
	font-size: 1.2em;
	font-weight:bold;
}
div#headmenu a{
	color: #030;
}
div#headmenu a:hover{
	color: #00f;
}

div#searchwindow {
	position:absolute;
	top:90px;
	WIDTH: 250px;
	margin:0;
	padding: 5px 5px;
	vertical-align:bottom;
}

div#nav {
	position:absolute;
	top:90px;
	left:265px;
}

div#nav li,div#nav li a{
	list-style-type :none;
	float:left;
	DISPLAY: block;
	HEIGHT:28px;
	width:101px;
}
div#nav li{
	margin:0px 3px;
}

/* headnav tops  */
#headnav1 A {position: relative;overflow:hidden;WIDTH:101px;BACKGROUND: url(./images/headnav.gif) no-repeat 0px -69px;}
#headnav1 A:hover img{position: relative;top: -28px;}

/* headnav one piece  */
#headnav2 A {position: relative;overflow:hidden;WIDTH:101px;BACKGROUND: url(./images/headnav.gif) no-repeat -106px -69px;}
#headnav2 A:hover img{position: relative;top: -28px;}

/* headnav bottoms  */
#headnav3 A {position: relative;overflow:hidden;WIDTH:101px;BACKGROUND: url(./images/headnav.gif) no-repeat -213px -69px ;}
#headnav3 A:hover img{position: relative;top: -28px;}

/* headnav outer */
#headnav4 A {position: relative;overflow:hidden;WIDTH:101px;BACKGROUND: url(./images/headnav.gif) no-repeat -320px -69px ;}
#headnav4 A:hover img{position: relative;top: -28px;}

/* headnav etc  */
#headnav5 A {position: relative;overflow:hidden;WIDTH:101px;BACKGROUND: url(./images/headnav.gif) no-repeat -427px -69px ;}
#headnav5 A:hover img{position: relative;top: -28px;}


div#breadcrumb {/*category tree*/
	clear:both;
	/*BACKGROUND:url(./images/breadcrumb.gif) repeat-x left top #eee;*/
	margin:25px 0 10px 0;
	padding: 8px 5px;
	FONT: 1.5em "MS UI Gothic", Osaka,Verdana, Arial, sans-serif;
	border-top : 2px #000 solid;
	border-bottom : 2px #000 solid;
}


/* -------------------------------------
　　レイアウトテーブル bodymainのなかにcontents-left- main
------------------------------------- */
div#bodymain {/* 　BODY部  Haiti  */
		position:relative;
		margin:20px 5px;
		padding: 0;
		/*WIDTH: 99%;*/
		text-align:left;
}

*html div#bodymain{height:100%;margin-top:5px;}

/* -------------------------------------
　　左側ナビ
------------------------------------- */
div#contentsleft{
/*	BACKGROUND:url(./images/left_bg.gif) repeat-y right top #fff;	*/
	width: 180px;
	font-size: 1.2em;
	line-height: 130%;
	padding:0 8px 15px 3px;
	float:left;
	min-height:1px;
}
*html div#contentsleft{height:100%;}

div#contentsleft:after{/* firefox */
content:"";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

/* 角丸コーナー  def-color:www.spiffycorners.com/sc.php?sc=rcnr&bg=ffffff&fg=ccff33  変更：b=>span rcnr_contents=>menu_content*/
.rcnr{ 

	display:block
} 

.rcnr *{ 

	display:block;
	height:1px;
	overflow:hidden;
	background:#D5FF58;
} 

.rcnr1{ 

	border-right:1px solid #f0ffc4;
	padding-right:1px;
	margin-right:3px;
	border-left:1px solid #f0ffc4;
	padding-left:1px;
	margin-left:3px;
	background:#e5ff99;
} 

.rcnr2{ 

	border-right:1px solid #fbfff1;
	border-left:1px solid #fbfff1;
	padding:0px 1px;
	background:#e3ff90;
	margin:0px 1px;
} 

.rcnr3{ 

	border-right:1px solid #e3ff90;
	border-left:1px solid #e3ff90;
	margin:0px 1px;
} 

.rcnr4{ 

	border-right:1px solid #f0ffc4;
	border-left:1px solid #f0ffc4;
} 

.rcnr5{ 

	border-right:1px solid #e5ff99;
	border-left:1px solid #e5ff99;
}
/*---------------------------------------------------*/
.menu_content{ 
	display:block;
	padding:0px 5px;
	background-color:#D5FF58;
	word-break:break-all;
} 

.menu_content:after{/* firefox */
content:"";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

.menu_content dt{
	border-bottom: 2px solid #fff;
	margin-left: 1px;
	padding:5px 0 2px 3px;
	font-weight: bold;
}
.menu_content dd{
	margin:0px 5px;
	padding: 5px 0px;
}
*html .menu_content dd{
	height:1px;
}

.menu_content dd ul li{
	list-style-type:none;
}

.menu_content select{
	font-size:1em;
}
div#contentsleft dd .icon,div#contentsleft dd .icon_now{
	border-bottom: 1px dashed #fff;
	margin-bottom:0.7em;
	margin:0;
	padding: 2px;	
}
div#contentsleft dd .icon a:link{
	padding-left: 3px;
	border-left: 0.5em solid #FFF;
}
div#contentsleft dd .icon a:visited{
	padding-left: 3px;
	border-left: 0.5em solid #FFF;
}
div#contentsleft dd .icon a:active{
	padding-left: 3px;
	border-left: 0.5em solid #FFF;
}
div#contentsleft dd .icon a:hover{
	border-left: 0.5em solid #A00;
}

div#contentsleft dd .icon_now a{
	padding-left: 1em;
	border-left: 0.5em solid #003;
}

div#contentsleft dd .icon_now strong{
	font-weight:normal;
	margin-left: -0.5em;
}

#user_info ul li{
	line-height:2em;
}

p.page_link {
	float:right;
	font: 100% sans-serif, "MS UI Gothic", Osaka, Verdana, Arial;
}

p.page_link a,p.page_link span {
	display: block;
	padding: 0.5em 1em;
	color: #1800FF;
	float: left;
	margin:0px 2px;
}
p.page_link span{
	color: #FFF;
	background:#222;
	font-weight: bold;
}
p.page_link a {
	color: #000;
	background: #eee;
	text-decoration: none;
	/*border:1px solid #222;*/
}
p.page_link a:hover {
	background: #aaa;
}



/* -------------------------------------
　　カレンダー
------------------------------------- */
.menu_content dd#holiday{
	display:block;
}

.menu_content table{
	border:1px #fff solid;
	border-collapse:collapse;
}
.menu_content  td {
	border:2px #fff dotted;
	padding:2px;
	text-align:center;
	font-size: 12px;
}
.calendartitle {
	background-color:#fff;
}
.calendarsun,.calendarsat,.calendarwek{
	font-weight:bold; 
	padding:1px;
}
.calendarsun {
	background-color:#fcc;
	color:#FF0000;
}
.calendarsat {
	background-color:#cff;
	color:#0000FF;
}
.calendarwek {
	background-color:#eee;
}
.calendarBHol {
	background-color:#fcc;
	color:#FF0000;
}
.calendarBWek {
	background-color:#fff;
}
/* -------------------------------------
　　メインコンテンツ
------------------------------------- */
div#contentsmain-wrapper{
float:right;
width:100%;
margin-left:-200px;
}



div#contentsmain{
	padding: 0;
	line-height:150%;
	font-size:1.2em;
	margin-left:200px;
	margin-bottom:50px;
/*	overflow:auto;*/
}


div#contentsmain:after {/* firefox  */
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}


div#contentsmain .small{
	font-size: 1em;
	color: #363636;
	line-height: 130%;
}
div#contentsmain h1,.looks_like_like_h1{
	font-size: 1.8em;
	color: #363636;
	line-height: 150%;
	margin-bottom: 1em;
	padding-left: 0.3em;
	border-left: 0.5em solid #cf3;
	/*margin-right: 100px;
	border-bottom: 1px solid #999999;*/
	BACKGROUND:url(./images/bg_h1.gif) no-repeat left bottom;
}
.looks_like_like_h1{
	clear:left;
	margin-top:2.5em;
	font-weight:bold;
}
div#contentsmain h1 a,div#contentsmain h1 a:visited,div#contentsmain h1 a:hover,.looks_like_like_h1 a{
	text-decoration:none;
	color:#000;
}
div#contentsmain h2{
	font-size: 1.5em;
	color: #363636;
	line-height: 150%;
	margin-top: 2em;
	margin-bottom: 1em;
	padding-left: 0.3em;
	border-left: 0.5em solid #a00;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	font-weight: bold;
	background: #eeeeee;
}
div#contentsmain h3{
	font-size: 1.3em;
	color: #363636;
	line-height: 150%;
	margin-top: 2em;
	margin-bottom: 1em;
	padding-left: 0.3em;
	border-left: .5em solid #eee;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	background: #eeeeee;
	font-weight: bold;
}
div#contentsmain h4{
	font-size: 1em;
	color: #363636;
	line-height: 150%;
	padding: 3px;
	background: #eee;
	font-weight: bold;
}

div#contentsmain strong{
/*	background: #a3f5f5;*/
	color: #000;
	padding:0px 5px;
	margin:0px 2px;
}
div#contentsmain form strong{
	background: none;
		color: #000;

}

div#contentsmain table{
	font-size: 1.2em;
	line-height: 150%;
}

div#subctg li{/*カテごり　リンク*/
	display:block;
	float:left;
	padding: 5pt;
	FONT: bold 1.3em "MS UI Gothic", Osaka; COLOR: #000;
}

p#listswitch{/*list switch*/
	clear:left;
	display:block;
	margin: 8pt;
	FONT: bold 1.2em "MS UI Gothic", Osaka; COLOR: #000;
}
p#listswitch A{
	font-weight:normal;
}
/*----- 新着商品一覧 -----*/
div#productnew{
	background-color:#ddc;
	float:left;
	padding:10px;
}
/*----- 商品写真 -----*/
div#pics {
	display:block;
	width:100%;
}
div#pics:after {/* firefox  */
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;

}
div#pics li{
list-style-type:none;
}
div#pics li.sub_pic{/*補足写真*/
	text-align:right;
	float:left;
	font-size:0.8em;
	margin:10px 10px 30px -10px;
	width:300px;
	/*background-color:#ccd;*/
}

div#pics-navi{
	width:600px;
	margin:10px 0px;
}



div#editbox {/*ミュージアム　投票　お気に*/
	display:block;
	/*background-color:#ccc;*/
	width:100%;
	height:120px;
	margin:5px 0;
	overflow:auto;
}

#editbox:after {/* firefox  */
	width:100%;
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

div#editbox span{
	float:left;
	margin-right:30px;
}

div#desc{/*商品説明*/
	float:left;
	display:block;
	width:400px;
	letter-spacing:2px;
	padding:8px;
	background-color:#fcfcfc;
}
div#tab{/*商品の値段　カートに入れるetc グループ*/
	margin-left:10px;
}
div#tab dd{/*商品の値段　カートに入れるetc*/
	padding:5px 0px;
}

div#tab dd#warning_favorite_login{/*お気にーログイン*/
	background:#ffe;
	width:145px;
}

/*-----　トップページインフォメーション　-----*/
div.top_info{
	font-size:1.2em;
	margin:1.5em 0;
	font-weight:bold;
	/*color:#f70707;*/
}
div.top_info h1{
	display:none;
}
/*-----　商品一覧　-----*/
div#product_list{
	display:block;
	padding:10px 5px;
}

div#product_list a{/*商品名*/
	FONT: bold 1.2em "MS UI Gothic", Osaka;
}

div#product_list dd{/*商品一つ*/
	clear:both;
	display:block;
	/*
	BACKGROUND:url(./images/hr.jpg) repeat-x left bottom;
	*/
	border-top:1px #ccc dashed;
	border-bottom:1px #000 dashed;
	padding:5px 0px;
	margin:1px 0px;
}

div#product_list dd:after {/* firefox  */
width:100%;
content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
*html div#product_list dd{
    height: 1px;
}

div#product_list p{/*商品説明*/
margin:10px;
}

div#product_list dd span{/*商品価格*/
	font-weight:bold;
	letter-spacing:2pt;
}
div#product_list dd a{/*商品名BG*/
	font-weight:bold;
}
/*----	インフォメーション	------*/
div.main{
	padding:0 25px;
}
div.main dt{/* タイトル*/
	font-weight:bold;
	margin:10px 0 0;
	font-size:1.2em;
}

div.main p{/* センテンス*/
	font-weight:bold;
	letter-spacing:0.2em;
	margin-bottom:-1pt;
}
div.main dd{/* 説明*/
	DISPLAY: block;
	background-color:#f7f7f7;
	letter-spacing:0.2em;
	padding:10px 5px;
	margin:5px 0px;
}
div.main dd li{/* 説明項目*/
margin-left:15px;
line-height:1.2em;

}
/*----	おしゃれマジック	------*/
div.magic{
	display:block;
	height:350px;
	margin:10pt 0;
}
div.magic dt{/*画像*/
	width:250px;
	padding:5pt;
	text-align:center;
	float:left;
}
div.magic dd{/*商品リンク*/
	display:block;
	width:320px;
/*	background-color:#eeeeee;*/
	margin-left:270px;
	padding:0px 5pt;
	margin-top:20px;
}
*html div.magic dd{
	margin-left:0px;
}
div.magic li{/*商品リンク*/
	margin:0px;
	line-height:18pt;
}
/* --- FORM --- */
div#contentsmain div.infobox {
	padding:10px;
	background: #f8f8f9;
}
div#contentsmain div.infobox dt{
	font-weight: bold;
	font-size: 1.2em;
}
div#contentsmain div.infobox dd{
	display:block;
	line-height:2em;
	padding:10px;
	margin:10px;
	background: #eee;
}
div#contentsmain div.infobox input{
	margin-left:10px;
}
div#contentsmain div.infobox p{
	line-height:2em;
}

div#contentsmain .icon a:link{
	line-height: 150%;
	border-bottom: 1px dashed #cfcfdf;
	padding-left: 5px;
	margin:2px 0 2px 2em;
	border-left: .5em solid #ddd;
}
div#contentsmain .icon a:visited{
	line-height: 150%;
	border-bottom: 1px dashed #cfcfdf;
	padding-left: 5px;
	margin:2px 0 2px 2em;
	border-left: .5em solid #ddd;
}
div#contentsmain .icon a:active{
	line-height: 150%;
	border-bottom: 1px dashed #cfcfdf;
	padding-left: 5px;
	margin:2px 0 2px 2em;
	border-left: .5em solid #ddd;
}
div#contentsmain .icon a:hover{
	line-height: 150%;
	border-left: .5em solid #a00;
}

/*----	オーダーフォームナビ------*/
div#orderform-navi{
	margin:50px 0 80pt 0;
}

div#orderform-navi li{
	width:18%;
	height:30px;
	border-top:2px #000 solid;
	margin:0;
	padding: 5px 0 0 0;
	list-style-type :none;
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
	/*line-height:-12px;*/
	float:left;
	vertical-align:bottom;
}

div#orderform-navi  li img{
	position:relative;
	top:-22px;
	right:-60px;
}

/* hover　link cell */

.moduleRowSelected,.moduleRow,.moduleRowOver{
	margin:5px 0;
	padding:5px;
}

/*---- テーブルフォーム ----*/
table.tblset {
	display:block;
	margin-bottom:20px;
}

table.tblset th{/*　見出し　*/
	background:#eee;
	padding:3px;
	margin:1px;
	font-weight:bold;
}
table.tblset td{/*　見出し　*/
	border-bottom:1px solid #eee;
	padding:5px 0px;
}

/*-----ショッピングカート*/

table.tdnum td input{
	width:23px;
}

table.tdnum{
	background-color:#eee;
}
table.tdproducts{
	width:400px;
}
.tdproducts strong{
	background-color:#ff9;
}

table.tdprice{
	width:150px;
	letter-spacing:1px;
}
table.tddel{
	width:50px;
}

table.tblset tr.total td{/* 計の部分はborderは無し*/
	border: none;
	margin-bottom:10px;
}

table.tblset tr.total td.tdprice{/* 計の部分合計金額*/
	border-top: solid 2px #000;
	border-bottom: solid 2px #000;
}
tr.cartwarning td{/* カート注意事項*/
	border: none;
	padding:10px;
}
tr.overwarning{/* 数量オーバー*/
	border: none;
	padding:10px;
	margin:5px;
	background-color:#ff9;
}


tr.total td.tdprice{/* 合計の値*/
	font-weight:bold;
	letter-spacing:1px;
}

/*新着商品*/
div#contentsmain .newdesc{
	width:270px;
}

fieldset{
	margin: 10px 0;
}

fieldset ul li{/*項目リスト*/
	margin: 10px;
	padding: 10px;
	list-style-type :none;
	}
	
fieldset dt{
	font-size:.8em;
	}
	

/*ご注文情報の商品情報*/
#soldproducts li{
display:block;
background:#fff;
margin-bottom:3px;
padding:3px;
list-style-type :none;
}
*html #soldproducts li{
height: 1px;
}
#soldproducts li:after{/* firefox */
content:"";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

/*
	メールログ
*/
div#mail{
	display:block;
	width:600px;
}
div#mail dt{
	background-color:#eee;
	padding:5px;
	font-weight:bold;
	border-top:#fff 2px dotted;
	border-bottom:#fff 2px dotted;
}

div#mail dd{
	background-color:#fff;
	padding:10px;
}
div#mailist{
	display:block;
	width:600px;
	background-color:#eee;
	margin-top:1em;
}
div#mailist dd{
	padding:5px;
	font-weight:bold;
	border-top:#fff 2px dotted;
	border-bottom:#fff 2px dotted;
}
div#mailist dd.read{
	font-weight:normal;
}
div#mailist A{
	margin-left:10px;
	
}
/* -------------------------------------
　　FORM (cmxform)
------------------------------------- */

form.cmxform fieldset {
	margin-bottom: 10px;
}

legend {
	padding: 0 2px;
	font-weight: bold;
	margin: 0 -7px; /* IE Win */
	font-size:1.3em;
	}
	
form.cmxform label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	}
form.cmxform fieldset ol {
	margin: 0;
	padding: 0;
	}
	
form.cmxform fieldset li {
	list-style-type :none;
	padding: 5px;
	margin: 0;
	}
	
form.cmxform fieldset fieldset {
	border: none;
	margin: 3px;
	}
	
form.cmxform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
	}
	
form.cmxform fieldset fieldset label {
	display: block;
	width: auto;
	}

form.cmxform label em, form.cmxform legend em,p.ar em{
	font-weight: bold;
	font-style: normal;
	color: #f00;
	}

form.cmxform label { width: 150px; } /* Width of labels */
form.cmxform fieldset fieldset label { margin-left: 153px; } /* Width plus 3 (html space) */
form.cmxform label.none{display:none;}

div#contentsleft dd form.cmxform fieldset label {
	width:120px;
	margin:0px;
	padding:0px;
}

fieldset ul li label{
	display:block;
	font-weight:bold;
}

fieldset ul{
	width:500px;
	width:100%;
}
/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */
/*

form.cmxform {
	width: 370px;
	font-size: 1.1em;
	color: #333;
	}

form.cmxform legend { padding-left: 0; }
	
form.cmxform legend,
form.cmxform label { color: #333; }

form.cmxform fieldset {
	border: none;
	border-top: 1px solid #C9DCA6;
	background: url(../images/cmxform-fieldset.gif) left bottom repeat-x;
	}
	
form.cmxform fieldset fieldset { background: none; }
	
form.cmxform fieldset li {
	padding: 5px 10px 7px;
	background: url(../images/cmxform-divider.gif) left bottom repeat-x;
}
*/

/* IE用処理 改行問題

margin:-10pt 0px;
*/



div#contentsmain hr{
	width:95%;
	display:block;
}

/* -------------------------------------
　　デザインリンク
------------------------------------- */
div#manufacturer_info{
	clear:left;
	width:400px;
	padding:15px 0px;
}

div#manufacturer_info .menu_content .list{
	margin-top:-60px;
	margin-left:90px;
	height:70px;
}

div#manufacturer_info .menu_content .list li{
	list-style-type :square;
}


/* --- E-Mailでお知らせ  --- */


/* ----------------------------------
　　フッター
------------------------------------- */
div#footer{
	clear:both;
    WIDTH: 100%;
	font-size: 1.2em;
	margin:0px auto;
	border-top : 1pt #000 solid;
	line-height: 200%;
}
div#footer dl {
	BACKGROUND:url(./images/bg_footer.gif) no-repeat right bottom;
}
div#footer dd#submenu {
	text-align: right;
	margin:5pt 10pt 30pt 10pt;
}
div#footer dd {
	text-align: center;
}
div#footer a{
	color: #030;
}
div#footer a:hover{
	color: #00f;
}
/* --- コピーライト --- */
.rights {
	font-size:1em;
}
/* -------------------------------------
　　<各ボックス>用スタイル
------------------------------------- */
TR.productListing-heading {/* --- TR：商品一覧（タイトル）*/
	background: #ccd4e4;
}
TD.productListing-heading {/* --- TD：商品一覧（タイトル）*/
	background: #ccd4e4;
	color: #000000;
	font-weight: bold;
	font-variant: small-caps;  /* 文字異体（全て大文字にする）*/
}
/* --- このサイトについて --- */
dt#colourful_a{
DISPLAY: block;	BACKGROUND: url(./images/colourful_a.jpg) no-repeat 0px ;  WIDTH: 600px;  HEIGHT: 220px; TEXT-INDENT: -9999px;
}
dd#colourful_dd{
display:block;
width:580px;
margin:0px;
background:#ff6;
}
*html dd#colourful_dd{
width:600px;
margin:0px 0px 0px -3.5em;
}
dd#colourful_dd2{
display:block;
width:600px;
margin:0px;
background:#fefefe;
}
*html dd#colourful_dd2{
margin:0px 0px 0px -3.5em;
}
dd#colourful_b{
DISPLAY: block;	BACKGROUND: url(./images/colourful_b.jpg) no-repeat 0px ;  WIDTH: 600px;  HEIGHT: 207px; TEXT-INDENT: -9999px;
}
*html dd#colourful_b{
margin:0px 0px 0px -3.5em;
}

/** レイアウト確認用*/
/*div#bodymain {BACKGROUND-color:#ffc ;}
div#pics {BACKGROUND-color:#ccc ;}
div#contentsleft{	background-color:#eef;}
div#contentsright{background: #000000;}
div#contentsmain{	background: #dcc;}
div#header {	BACKGROUND-color:#eee ;}
div#headmenu {	BACKGROUND-color:#f0f;}
div#headnavi {	BACKGROUND-color:#0ff;}
div#breadcrumb {BACKGROUND-color:#c22 ;}
div#bodymain {BACKGROUND-color:#ffc ;}
div#product_list{background-color:#ddc;}
div#contentsright{background: #000000;}
div#contentsleft{	background-color:#eef;}
div#footer{	BACKGROUND: #ff0;}
div#contentsmain{	background: #ccc;}
*/