.test{
	border:1px solid black;
}

body{
	background:url(../images/bg.gif) #FFFFFF repeat-y;
	margin:0px;
	padding:0px;
}

/* 基本タグ設定 */
h1{
	font-size:1.5em;
	line-height:1;
	margin:0px;
	padding:0px;
}

h2{
	font-size:1.2em;
	line-height:1;
	margin:0px;
	padding:0px;
}

h3{
	font-size:1em;
	line-height:1;
	margin:0px;
	padding:0px;
}

h4{
	font-size:0.8em;
	line-height:1;
	margin:0px;
	padding:0px;
}

h5{
	font-size:0.75em;
	line-height:1;
	margin:0px;
	padding:0px;
}

p{
	font-size:0.75em;
	line-height:1.5;
	margin:0px;
	padding:0px;
}

strong{
	color:#CC0000;
}

em{
	color:#669900;
	font-style:normal;
	font-weight:bold;
}

A:link{
	color:#cc3333;
	text-decoration:underline;
	font-weight:bold;
}
A:visited{
	color:#000099;
}
A:Hover{
	color:#000099;
	text-decoration:none;

}

img{
	border:none;
}

/* ヘッダバー */
p#copyHead{
	position:absolute;
	top:0px;
	left:0px;
	width:440px;
	height:19px;
	background:url(../images/copy_header.gif) no-repeat;
	margin:0px;
	padding:0px;
	text-indent:-2000px;
}

p#fax{
	position:absolute;
	top:0px;
	left:440px;
	width:310px;
	height:19px;
	margin:0px;
	padding:0px;
}

/* ヘッダロゴとメニュー */
p#logo{
	position:absolute;
	top:19px;
	left:0px;
	width:291px;
	height:90px;
	background:url(../images/logo.gif) no-repeat;
	margin:0px;
	padding:0px;
	text-indent:-2000px;
	z-index:1;
}
p#logo a{
	display:block;
	width:291px;
	height:90px;
}

div#menuHead{
	position:absolute;
	top:19px;
	left:0px;
	width:750px;
	height:90px;
	background:url(../images/bgtitle.jpg) no-repeat;
	margin:0px;
	padding:0px;
	z-index:0;
}

div#menuHead p{
	width:459px;
	margin:0px 0px 0px 288px;
	padding:0px;
}

img#logo_j{
	margin-left:291px;
}

/* カテゴリーバー */
#categoryBar{
	position:absolute;
	top:109px;
	left:0px;
	width:530px;
	height:25px;
}

/* ------------------------------左側メニュー */
#menuLeft{
	position:absolute;
	top:134px;
	left:0px;
	background:url(../images/bg005.jpg) #FFFFFF no-repeat;
	margin:0px;
	padding:0px;
	width:90px;
	height:380px;
}

#menuLeft ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#bnrLeblue{
	position:absolute;
	top:514px;
	left:0px;
	width:85px;
	height:190px;
}

/* ------------------------------メイン（真ん中の段） */
#main{
	position:absolute;
	top:134px;
	left:90px;
	width:440px;
}
/* #mainDetail{
	position:absolute;
	top:234px;
	left:90px;
	width:440px;
} */

/* カテゴリータイトル、ビジュアル要素 */
#title{
	margin:0px;
	padding:0px;
	width:440px;
	height:139px;
	background:url(../images/bgdri.jpg) no-repeat;
	border-bottom:1px dotted #999999;
}
#titleDetail{
	position:absolute;
	top:134px;
	left:90px;
	margin:0px;
	padding:0px;
	width:440px;
	height:100px;
	background:url(../images/bgdri.jpg) no-repeat;
	border-bottom:1px dotted #999999;
}

#titleGeneral{
	margin:0px;
	padding:0px;
	width:440px;
	height:139px;
	background:url(../images/bgshop.jpg) no-repeat;
	border-bottom:1px dotted #999999;
}

#title h1{
	margin:0px;
	padding:0px;
	text-indent:-2000px;
}
#titleIndex h1{
	width:440px;
	margin:0px 0px 20px 0px;
	padding:0px;
	text-indent:-2000px;
}
#titleGeneral h1{
	width:440px;
	margin:0px;
	padding:0px;
	text-indent:-2000px;
}

#dri{
	width:440px;
	height:68px;
	background:url(../images/title_dri_001_01.gif) no-repeat;
}
#sup{	
	width:440px;
	height:68px;
	background:url(../images/title_sup_001_01.gif) no-repeat;
}
#mac{
	width:440px;
	height:68px;
	background:url(../images/title_mac_001_01.gif) no-repeat;
}
#cos{
	width:440px;
	height:68px;
	background:url(../images/title_cos_001_01.gif) no-repeat;
}
#fra{
	width:440px;
	height:68px;
	background:url(../images/title_fra_001_01.gif) no-repeat;
}
#var{
	width:440px;
	height:68px;
	background:url(../images/title_var_001_01.gif) no-repeat;
}

#howto{
	width:440px;
	height:55px;
	background:url(../images/title_howto_001.gif) no-repeat;
}

#info{
	width:440px;
	height:55px;
	background:url(../images/title_info_001.gif) no-repeat;
}

#juar{
	width:440px;
	height:68px;
	text-indent:-2000px;
	background:url(../images/title_juar_001_01.gif) no-repeat;
}



#title p{
	width:440px;
	height:71px;
	margin:0px;
	padding:0px;
	text-indent:-2000px;
}
#titleDetail p{
	width:440px;
	margin:0px;
	padding:0px;
	text-indent:-2000px;
}


p#copyDri{
	background:url(../images/title_dri_001_02.gif) no-repeat;
}
p#copySup{
	background:url(../images/title_sup_001_02.gif) no-repeat;
}
p#copyMac{
	background:url(../images/title_mac_001_02.gif) no-repeat;
}
p#copyCos{
	background:url(../images/title_cos_001_02.gif) no-repeat;
}
p#copyFra{
	background:url(../images/title_fra_001_02.gif) no-repeat;
}
p#copyVar{
	background:url(../images/title_var_001_02.gif) no-repeat;
}
p#copyJuar{
	background:url(../images/title_juar_001_02.gif) no-repeat;
}


p#titleNavi{
	width:151px;
	height:25px;
	margin:0px 0px 10px 10px;
}
p#titleNavi a{
	display:block;
	width:151px;
	height:25px;
	background:url(../images/btn_txt_kateg.gif) no-repeat;
}
p#titleNavi a:hover{
	background:url(../images/btn_txt_kateg_f2.gif) no-repeat;
}


/* リスト表示用アイテム */
div.item{
	width:440px;
	margin:0px;
	padding:4px;
	border-bottom:1px dotted #999999;
}

div.thum{
	float:left;
	width:120px;
	height:120px;
	margin:0px 8px 24px 0px;
	padding:0px;
}

div.content{
	width:300px;
	margin:0px ;
	padding:0px;
}

.content h2{
	font-size:1em;
	line-height:1.2;
	margin:2px 0px;
	padding:0px;
}

img.icon{
	float:right;
}

p.price{
	font-size:1em;
	font-weight:bold;
	font-family:Osaka, ＭＳ Ｐゴシック;
	color:#CC3333;
}

p.price span{
	font-size:0.75em;
	font-weight:bold;
	font-family:Osaka, ＭＳ Ｐゴシック;
	color:#CC3333;
}

p.copyPrice{
	font-size:0.7em;
	color:#CC3333;
}

p.copy{
	margin:4px 0px 0px 0px;
}

.content em{
	font-style:normal;
	font-weight:bold;
	color:#666666;
}
p.goDetail{
	width:111px;
	height:25px;
	margin:4px 0px 0px 0px;
}

p.goDetail a{
	display:block;
	width:111px;
	height:25px;
	background:url(../images/btn_txt_minut.gif) no-repeat;
	text-indent:-2000px;
}
p.goDetail a:hover{
	background:url(../images/btn_txt_minut_f2.gif) no-repeat;
}

div.cart{
	clear:both;
	width:424px;
	margin:8px 4px;
}

.fcount{
	width:30px;
	text-align:center;
	border:1px inset #666600;
	ime-mode:disabled;
	margin:0px 2px;
}




/* ------------------------------foot フッター（真ん中の段） */
div#foot1 p.back{
	width:200px;
	margin:6px 0px 0px 0px;
	padding:0px 0px 0px 7px;
	vertical-align:top;
	float:left;
}
div#foot1 p.top{
	width:128px;
	margin:6px 0px 0px 0px;
	vertical-align:top;
	float:right;
}
div#foot1 span{
	display:block;
	margin-top:8px;
}

div#foot2{
	clear:both;
}
div#foot2 ul{
	list-style-type:none;
	margin:12px 0px 0px 0px;
	padding:0px 0px 0px 4px;
}
div#foot2 li{
	display:inline;
}
div#foot2 img{
	margin:12px 0px 0px 4px;
}

/* ------------------------------sub 右側コラム */
#sub{
	position:absolute;
	top:134px;
	left:530px;
	width:220px;
}

.clm{
	width:200px;
	margin:10px 0px 0px 19px;
	padding:0px;
}
.clm p{
	font-size:0.6em;
	margin:0px 0px 0px 0px;
	padding:4px 0px 0px 0px;
}

/* about us */
#aboutus h3{
	display:block;
	width:200px;
	height:36px;
	margin:0px;
	padding:0px;
	background:url(../images/menu_002_01.gif) #FFFFFF no-repeat;
}
#aboutus h3 a{
	display:block;
	width:200px;
	height:36px;
	margin:0px;
	padding:0px;
	text-indent:-2000px;
}
#aboutus img{
	float:right;
	margin:6px 4px 4px 4px;
	padding:0px 0px 0px 0px;
	width:50px;
	height:50px;
}

/* member */
#member h3{
	display:block;
	width:200px;
	height:52px;
	margin:0px;
	padding:0px;
	background:url(../images/ph_bnr_member.gif) #FFFFFF no-repeat;
}
#member h3 a{
	display:block;
	width:200px;
	height:52px;
	margin:0px;
	padding:0px;
	text-indent:-2000px;
}

/* ranking */
#ranking h3{
	display:block;
	width:201px;
	height:36px;
	margin:0px;
	padding:0px;
	text-indent:-2000px;
	background:url(../images/menu_003_01.gif) #FFFFFF no-repeat;
}
#ranking h4{
	font-size:0.7em;
	line-height:1.3;
	margin:8px 0px 0px 0px;
	padding:0px 0px 0px 18px;
}
#ranking h4#rank1{
	background:url(../images/number01_01.gif) #FFFFFF no-repeat;
}
#ranking h4#rank2{
	background:url(../images/number01_02.gif) #FFFFFF no-repeat;
}
#ranking h4#rank3{
	background:url(../images/number01_03.gif) #FFFFFF no-repeat;
}
#ranking h4#rank4{
	background:url(../images/number01_04.gif) #FFFFFF no-repeat;
}
#ranking h4#rank5{
	background:url(../images/number01_05.gif) #FFFFFF no-repeat;
}
#ranking h4 span{
	font-size:1em;
	color:#333333;
}

/* recommned */
#recommend h3{
	display:block;
	width:201px;
	height:36px;
	margin:0px;
	padding:0px;
	text-indent:-2000px;
	background:url(../images/menu_004_01.gif) #FFFFFF no-repeat;
}
#recommend h4{
	margin-top:8px;
}
#recommend h4 span{
	font-family:MS Arial Black,Helvetica Bold,Helvetica,sans-serif;
	font-size:0.75em;
	color:#333333;
	margin-left:4px;
}

/* present */
#present{
	padding:0px 4px 10px 18px;
}
#present h3{
	display:block;
	width:201px;
	height:36px;
	background:url(../images/menu_005_01.gif) #FFFFFF no-repeat;
}
#present h3 a{
	display:block;
	width:201px;
	height:36px;
	text-indent:-2000px;
}
#present h4{
	margin-top:8px;
}

/* cafe */
#cafe h3{
	display:block;
	width:201px;
	height:45px;
	margin:0px;
	padding:0px;
	background:url(../images/menu_006_01.gif) #FFFFFF no-repeat;
}
#cafe h3 a{
	display:block;
	width:201px;
	height:45px;
	margin:0px;
	padding:0px;
	text-indent:-2000px;
}
#cafe h4{
	margin-top:8px;
}

/* comment */
#comment{
	width:219px;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-top:1px dotted #666666;
}
#comment p{
	margin:10px 0px 0px 0px;
	padding:0px 4px 10px 18px;
}

/* ジュアールティークイックメニュー */
#juarBar{
	position:absolute;
	top:109px;
	left:531px;
	width:219px;
	height:25px;
	background:url(../images/title_juarmenu.gif) no-repeat;
}

#juarBar h3{
	text-indent:-2000px;
}
#juarBar h3 a{
	display:block;
	width:219px;
	height:25px;
}

.menuJuar{
	width:219px;
	margin:0px;
	padding:0px;
	border-bottom:1px dotted #E56703;
}
.menuJuar img{
	clear:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:45px;
	height:55px;
	float:left;
}
.menuJuar h4{
	font-size:0.65em;
	line-height:1.3;
	color:#840000;
	margin:4px 2px 0px 0px;
}
.menuJuar p{
	font-size:0.6em;
	line-height:1.5;
	margin:0px 0px 0px 0px;
	padding:4px 2px 4px 0px;
}




/* 目的で探すプルダウンメニュー */
#menu0{
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	visibility:hidden;
}
#menu1{
	position:absolute;
	top:95px;
	left:291px;
	z-index:101;
	visibility: hidden;
	background-color:#840000;
}
#menu1 ul{
	list-style-type:none;
	list-style-position:inside;
	width:90px;
	margin:0px;
	padding:0px;
	line-height:1;
	text-align:center;
}
#menu1 li{
	width:9px;
	margin:0px;
	padding:0px;
}

.flineopt{width:20px;text-align:center;border:1px solid #666600;ime-mode:disabled;}


/* background */
.bg001{background-image:url(../images/bg001.jpg);background-repeat:no-repeat;margin:0px;}
.bg002{background-image:url(../images/bg002.jpg);background-repeat:no-repeat;margin:0px;}
.bg003{background-image:url(../images/bg003.jpg);background-repeat:no-repeat;margin:0px;}
.bg004{background-image:url(../images/bg004.jpg);background-repeat:no-repeat;margin:0px;}
.bg005{background-image:url(../images/bg005.jpg);background-repeat:no-repeat;margin:0px;}
.bg006{background-image:url(../images/bg006.jpg);background-repeat:no-repeat;margin:0px;}
.bg007{background-image:url(../images/bg007.jpg);background-repeat:no-repeat;margin:0px;}
.bg008{background-image:url(../images/bg008.jpg);background-repeat:no-repeat;margin:0px;}
.bgtitle{background-image:url(../images/bgtitle.jpg);background-repeat:no-repeat;margin:0px;}
.bgdri{background-image:url(../images/bgdri.jpg);background-repeat:no-repeat;margin:0px;}
.bgshop{background-image:url(../images/bgshop.jpg);background-repeat:no-repeat;margin:0px;}
.bgcafe{background-image:url(../images/bgcafe.jpg);background-repeat:no-repeat;margin:0px;}
.bgwords{background-image:url(../images/bgwords.gif);background-repeat:no-repeat;margin:0px;}
.bglye{background-color:#FFFFCC;}

span.cpn{
	background-color:#CC3300;
	color:#FFFFFF;
	font-weight:bold;
}
