@charset "utf-8";

/* index.html用CSS */

body.tab_top #dreamio_contents_1column h1 {
	background-image:url(/products/dreamio/images/index/h1_back.gif);
	/*height:30px;
	line-height:12px;
	text-indent:-9999px;
	width:920px;*/
}


#mainvisualMenu {
	width:920px;
	background:#FFF;
	margin:1px 0 0 0;
}

#mainvisualMenu ul {
	margin:0;
	padding:0;
}

#mainvisualMenu ul li {
	float:left;
	margin:0;
	padding:0;
}

#mainvisualMenu ul li.topmenu {
	margin:0 1px 0 0;
	padding:0;
}

#visual {
	clear:both;
	padding:0px 0 0 0;
}

/* グレー枠 */
.gray-box{
	border:1px solid #d3d3d3;
	text-align:center;
	width:100%;
	line-height:1.5em;
	font-size: 80%;
}

.gray-box_oshirase{
	border:1px solid #d3d3d3;
	width:698px auto;
        margin-bottom:6px;
        padding:10px 5px 10px 10px;
	line-height:1.5em;
	font-size: 80%;
}

#lineupArea h2.lineup {
	display: block;
	width:716px;
	height:42px;
	margin-bottom:2px;
	background:url(/products/dreamio/images/index/h2_lineup.gif) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}

#lineupArea #threedArea{
	margin-bottom:6px;
}
#lineupArea h3.threed {
	display: block;
	width:716px;
	height:32px;
	font-size: 70%;
	margin-bottom:1px;
	background:url(/products/dreamio/images/index/h3_3d.gif) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}

#lineupArea #ipodArea{
	margin-bottom:6px;
}
#lineupArea h3.ipod {
	display: block;
	width:716px;
	height:32px;
	font-size: 70%;
	margin-bottom:1px;
	background:url(/products/dreamio/images/index/h3_ipod.gif) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}

#lineupArea #dvdArea{
	margin-bottom:6px;
}
#lineupArea h3.dvd {
	display: block;
	width:716px;
	height:32px;
	font-size: 70%;
	margin-bottom:1px;
	background:url(/products/dreamio/images/index/h3_dvd.gif) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}
#lineupArea #threelcdrArea{
	margin-bottom:6px;
}
#lineupArea h3.threelcdr {
	display: block;
	width:716px;
	height:32px;
	font-size: 70%;
	margin-bottom:1px;
	background:url(/products/dreamio/images/index/h3_3lcdr.gif) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}
#lineupArea #threelcdArea{
	margin-bottom:6px;
}
#lineupArea h3.threelcd {
	display: block;
	width:716px;
	height:32px;
	font-size: 70%;
	margin-bottom:1px;
	background:url(/products/dreamio/images/index/h3_3lcd.gif) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}
#lineupArea #ehtw400area{
	margin:0 0 6px 0;
}
#lineupArea h3.ehtw400h3 {
	display: block;
	width:716px;
	height:32px;
	font-size: 70%;
	margin-bottom:1px;
	background:url(/products/dreamio/images/index/h3_ehtw400.gif) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}

#lineupArea div.sepagray_line { height:1px; margin:0 0 6px; border-bottom:solid 1px #CCC; font-size:0; line-height:0.1em; }


#lineupArea_wrap {
	width:716px;
	/*margin-top:5px;*/
}
#lineupArea {
	width:716px;
}

/*#lineupArea a {
	cursor:pointer;
}*/
#lineupBtn {
	/*margin:8px;*/
}

#lineupBtn ul {
	margin:0;
	padding:0;
}

#lineupBtn ul li {
	margin:0 0 1px 0;
	padding:0;
}

#lineupArea .notice {
	margin-bottom:6px;
	font-size:80%;
}


li.productsArea{ position: relative; }
li.productsArea a.btn_products{
	position: absolute;
	display: block;
	width: 92px;
	height: 24px;
	top: 87px;
	right: 15px;
	background:url(/products/dreamio/images/index/btn_products.gif) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(/products/dreamio/images/index/btn_products.gif);
}
li.productsArea a.btn_products3d{
	position: absolute;
	display: block;
	width: 92px;
	height: 24px;
	top: 103px;
	right: 15px;
	background:url(/products/dreamio/images/index/btn_products.gif) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}
li.productsArea a.btn_products:hover {
	background-position: 0 -24px; }
li.productsArea a.btn_products3d:hover {
	background-position: 0 -24px; }



#infoArea h2.information {
	display: block;
	width:716px;
	height:42px;
	margin-bottom:2px;
	background:url(/products/dreamio/images/index/h2_information.gif) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}

#infoArea_wrap {
	width:716px;
	margin-top:8px;
}
#infoArea {
	width:716px;
}

#infoInnerArea {
	width:698px auto;
	background:#FFF;
	border:#d5d5d5 solid 1px;
	padding:8px;
}


div.informationArea{ position: relative; }
div.informationArea a.btn_information_list{
	position: absolute;
	display: block;
	width: 92px;
	height: 20px;
	top: 11px;
	right: 15px;
	overflow: hidden;
}

.infoInnerArea{
	font-size: 80%;
	width:698px auto;
	background:#FFF;
	border:#d5d5d5 solid 1px;
	padding:8px;
}
.infoInnerArea dl{
	clear:both;
	padding-top:5px;
}
.infoInnerArea dt{
	float: left;
	clear: both;
	color: #4d4d4d;
	padding: 2px 11px 0 0;
}
.infoInnerArea dd{ 
	float: left;
	color: #4d4d4d;
}

.infoInnerArea dd img{ 
	float: left;
	margin-top: 2px;
}

.imgPopup {
    vertical-align:middle;}
	
img.img_ico_info {
	vertical-align:top;
	margin:0 0.5em 0 0;
}