@charset "Shift_JIS";

/*-------------------------------------
contents style
-------------------------------------*/

*,
#dl_container dl,
#dl_container dd,
#box0 dl dd ul,
#box0 dl dd ul li,
#box1 ul,
#box3 ul,
#box4 ul,
#box5 ul,
#box6 ul{
	margin:0;
	padding:0;}

.dl_gp{display:none;}
* ul{list-style:none;}

.font14{font-size:14px;}
.font10{font-size:10px;}
.fff{color:#fff;}
.000{color:#000;}
.f00{color:#f00;}
.bold{font-weight:bold;}
.left{text-align:left;}
.right{text-align:right;}
.abc{color:#abc;}
em{font-size:80%;
color:#777;
font-weight:normal;
font-style:normal;}

.fleft{float:left;}


/*---------------------
main_content
---------------------*/
#wrap{
	word-break:break-all;
	font:12px/1.4 "Osaka", "�l�r �o�S�V�b�N", Arial, sans-serif;
	margin:0;
	padding:0;
	background:url(./images/htmlBg.gif) repeat-x transparent left top;}

#dl_wrapper{
	margin:0 auto;
	padding:0;
	width:860px;}

#dl_head{
	margin:0;
	padding:0;
	height:162px;
	background:url(./images/headBg2.jpg) no-repeat transparent left top;}

/*--head--*/

#dl_head dl{
	margin:0;
	padding:0;
	width:700px;
	margin-left:160px;}
#dl_head dl dd{margin:0;padding:0;}
#dl_head dl dd#headL{
	width:474px;
	color:#fff;
	float:left;}
#dl_head dl dd#headL #comp{
	height:40px;}
#dl_head dl dd#headL ul{
	margin:0;
	padding:0 0 5px;
	width:474px;
	height:35px;}
#dl_head dl dd#headL ul li{
	margin:0;
	padding:0;
	width:158px;
	float:left;
	list-style:none;}
#dl_head dl dd#headL ul li a{
	overflow:hidden;
	display:block;
	height:35px;
	text-indent:-9999px;}
#dl_head dl dd#headR{
	width:226px;
	color:#abc;float:left;}
#dl_head dl dd#headR p{
color:#555;
	width:197px;
	height:137px;
	overflow:hidden;
	position:relative;
	top:14px;
	left:14px;
	line-height:1.4em;}

#containerL{width:640px;float:left;overflow:hidden;}
#containerR{width:220px;float:left;overflow:hidden;
	position:relative;
	top:-3px;
	left:-2px;}

/*--box0--*/
#box0{
	width:669px;
	height:193px;
	marign:0;
	padding:40px 0 0 17px;
	background:url(./images/box0Bgd.jpg) no-repeat transparent left top;}
#box0 dl{
	/*position:relative;
	top:40px;
	left:17px;
	margin:40px 0 0 17px;*/
	width:612px;}
#box0 dl dt,
#box0 dl dd{float:left;}
#box0 dl dt{
	margin-right:12px;
	width:150px;}
#box0 dl dd{width:450px;}
#box0 dl dd ul{margin-top:15px;}
#box0 dl dd ul li.stitle{height:24px;}
#box0 dl dd ul li.stitle a,
#box1 ul li.stitle a{font-size:14px;font-weight:bold !important;line-height:1.2em !important;}
#box3 ul li.stitle a,
#box4 ul li.stitle a,
#box5 ul li.stitle a,
#box6 ul li.stitle a{font-size:12px;font-weight:bold !important;line-height:1.2em !important;}

#box0 dl dd ul li.catch{
	color:#000;
	overflow:hidden;
	font-weight:bold;
	font-size:14px;
	width:450px;
	height:28px;
	line-height:28px;}
#box0 dl dd ul li.comm{
	padding:3px 0;
	line-height:1.4em;
	height:71px;
	overflow-y:hidden;}
#box0 dl dd ul li.price{
	width:216px;
	height:36px;
	text-align:right;
	line-height:2.6em;
	padding-right:9px;}
#box0 dl dd ul li a.priceBtn{
/*position:relative;
left:4px;*/
	text-indent:-9999px;
	display:block;
	width:225px;
	height:32px;
	overflow:hidden;
	background:url(./images/colL_btn2.jpg) no-repeat transparent left top;}
#box0 dl dd ul li a.priceBtn:hover{
	filter: Alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;}

#box1,
#box2,
#box3,
#box4,
#box5,
#box6{float:left;}

/*--box1--*/
#box1{
	width:347px;
	height:324px;
	margin:0;
	padding:16px 0 0 10px;
	background:url(./images/box1Bgc.jpg) no-repeat transparent left top;}
#box1 ul{
	/*position:relative;
	top:16px;
	left:10px;*/
	width:339px;}
#box1 ul li.titileImg{
	height:150px;
	text-align:right;
	margin-right:8px;}
#box1 ul li.stitle{
	padding-top:4px;
	height:23px;
/*	line-height:2.4em;
	/line-height:2.2em;*/
	text-indent:0.4em;
	overflow-y:hidden;}
#box1 ul li.catch{
	padding:0 5px;
	color:#000;
	overflow:hidden;
	font-weight:bold;
	font-size:14px;
	width:330px;
	height:28px;
	line-height:28px;}
#box1 ul li.comm{
	padding:1px 5px;
	height:69px;
	_height:66px;
	overflow-y:hidden;}
#box1 ul li.price{
vertical-align:middle;
padding-top:3px;
	width:145px;

	height:29px;
	line-height:1.2em;
	text-align:right;
	margin-right:9px;}
#box1 ul li.priceBtn a{
	text-indent:-9999px;
	display:block;
	width:185px;
	height:32px;
	overflow:hidden;
	background:url(./images/colL_btn2.jpg) no-repeat transparent left -32px;}
#box1 ul li.priceBtn a:hover{
	filter: Alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;}

/*--box2--*/
#box2{
	width:277px;
	height:340px;
	padding-left:4px;
	background:url(./images/box2Bg.gif) no-repeat transparent 4px 2px;
	/*background-color:#abc;*/}
#box2 p{
	width:256px;
	height:105px;
	overflow:hidden;
	position:relative;
	top:12px;
	/top:10px;
	left:7px;
	line-height:1.4em;
	color:#fff;}

/*--box3--*/
#box3{
	width:204px;
	_width:203px;
	overflow-x:hidden;
	height:323px;
	margin:0;
	padding:49px 0 0 10px;
	background:url(./images/box3Bgb.jpg) no-repeat transparent left top;}
#box3 ul{
	/*position:relative;
	top:49px;
	left:10px;*/
	width:195px;}
#box3 ul li.titileImg,
#box4 ul li.titileImg,
#box5 ul li.titileImg{
	margin-left:21px;
	height:150px;}
#box3 ul li.stitle,
#box4 ul li.stitle,
#box5 ul li.stitle{
	padding:6px 4px 2px 4px;
	height:30px;}
#box3 ul li.catch,
#box4 ul li.catch,
#box5 ul li.catch{
	padding:0 3px;
	color:#000;
	overflow:hidden;
	font-weight:bold;
	font-size:12px;
	width:185px;
	height:14px;
	line-height:14px;}
#box3 ul li.comm,
#box4 ul li.comm,
#box5 ul li.comm{
line-height:1.2em !important;
	padding:3px;
	overflow-y:hidden;
	height:42px;
	_height:41px;}

#box3 ul li.price,
#box4 ul li.price,
#box5 ul li.price{
	height:34px;
	_height:32px;
	text-align:right;
	margin-right:4px;
	line-height:1.2em !important;}
#box3 ul li.priceBtn a{
	text-indent:-9999px;
	display:block;
	width:195px;
	height:32px;
	overflow:hidden;
	background:url(./images/colL_btn2.jpg) no-repeat transparent left -64px;}
#box3 ul li.priceBtn a:hover{
	filter: Alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;}

/*--box4--*/
#box4{
	width:203px;
	height:323px;
	margin:0;
	padding:49px 0 0 9px;
	background:url(./images/box4Bgb.jpg) no-repeat transparent left top;}
#box4 ul{
	/*position:relative;
	top:49px;
	left:9px;*/
	width:195px;}
#box4 ul li.priceBtn a{
	text-indent:-9999px;
	display:block;
	width:195px;
	height:32px;
	overflow:hidden;
	background:url(./images/colL_btn.jpg) no-repeat transparent left -64px;}
#box4 ul li.priceBtn a:hover{
	filter: Alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;}

/*--box5--*/
#box5{
	width:203px;
	height:323px;
	margin:0;
	padding:49px 0 0 9px;
	background:url(./images/box5Bgb.jpg) no-repeat transparent left top;}
#box5 ul{
	/*position:relative;
	top:49px;
	left:9px;*/
	width:195px;}
#box5 ul li.priceBtn a{
	text-indent:-9999px;
	display:block;
	width:195px;
	height:32px;
	overflow:hidden;
	background:url(./images/colL_btn.jpg) no-repeat transparent left -64px;}
#box5 ul li.priceBtn a:hover{
	filter: Alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;}


/*--right_col--*/
#containerR h3#colR_head{
	overflow:hidden;
	margin:0;padding:0;
	width:222px;
	height:51px;
	text-indent:-9999px;
	background:url(./images/rBg1.png) no-repeat transparent left top;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/rBg1.png", sizingMethod="scale");}

#containerR div#colR_bottom{
	margin:0;
	padding:0;
	text-indent:-9999px;
	width:222px;
	height:3px !important;
	background:url(./images/rBg2.png) no-repeat transparent left top;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/rBg2.png", sizingMethod="crop");}

#colR{
	min-height:560px;
	_height:160px;
	background:url(./images/rBg0.png) repeat-y transparent left top;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/rBg0.png", sizingMethod="scale");}

#colR ul{margin:0 4px 0 9px;
	_margin:0 0 0 9px;
	padding:5px 0 0 0;
	/padding:2px 7px 0 0;
	list-style-type:none;
	width:203px;
	_width:200px;
	/*text-align:right;*/}

#colR ul li a{color:#04aa00;font-weight:bold;}

#colR ul li.priceR{width:203px;}

#colR ul li.priceR a{
	text-indent:-9999px;
	margin-left:140px;
	display:block;
	width:66px;
	height:29px;
	overflow:hidden;
	font-size:0;
	line-height:0;
	background:url(./images/colR_btn.gif) no-repeat transparent left top;}



#pickup{
margin:10px 0;
height:370px;
}

#pickup h3{
margin:0 0 5px 4px;
text-indent:2.5em;
color:#fff;
font-size:16px;
line-height:30px;
width:850px;
height:30px;
background:url(./images/h3bg.jpg) no-repeat transparent left top;
}

/*--box3--*/
#box6{
	width:203px;
	_width:202px;
	overflow-x:hidden;
	height:323px;
	margin:0;
	padding:15px 0 0 10px;
	background:url(./images/box6Bg.jpg) no-repeat transparent left top;}
#box6 ul{
	/*position:relative;
	top:49px;
	left:10px;*/
	width:195px;}
#box6 ul li.titileImg{
	margin-left:21px;
	height:150px;}
#box6 ul li.stitle{
	padding:6px 4px 2px 4px;
	height:30px;}
#box6 ul li.catch{
	padding:0 3px;
	color:#000;
	overflow:hidden;
	font-weight:bold;
	font-size:12px;
	width:185px;
	height:14px;
	line-height:14px;}
#box6 ul li.comm{
line-height:1.2em !important;
	padding:3px;
	overflow-y:hidden;
	height:42px;
	_height:41px;}

#box6 ul li.price{
	height:34px;
	_height:32px;
	text-align:right;
	margin-right:4px;
	line-height:1.2em !important;}
#box6 ul li.priceBtn a{
	text-indent:-9999px;
	display:block;
	width:195px;
	height:32px;
	overflow:hidden;
	background:url(./images/colL_btn2.jpg) no-repeat transparent left -64px;}
#box6 ul li.priceBtn a:hover{
	filter: Alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;}




/*---------------------
foot
---------------------*/
p.freeBottom{
	width:830px;
	overflow:hidden;
	background-color:#04aa00;
	margin:5px auto 10px;
	padding:10px;
	color:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;}



/*---------------------
[common]:float clear
---------------------*/
#dl_container dl:after
{content:".";display:block;height:0px;font-size:0px;line-height:0;visibility:hidden;clear:both;}

#dl_container dl {zoom:100%;}


/*---------------------
[common]:text fly out
---------------------*/
/*
�� {display:block;text-indent:-9999px;overflow:hidden;font-size:0;}
*/


/*---------------------
[common]:absolute a text fly out
---------------------*/
/*
 a {display:block;text-indent:-9999px;overflow:hidden;background-color:#fff;filter:alpha(opacity=0);opacity:0;}
*/


/*---------------------
[common]:ie6 png fix
---------------------*/
/*
* html {behavior:expression(IEPNGFIX.fix(this));}
*/