@charset "utf-8";

/**
*
*	/products/colorio/printer/css/index.css
*/

/*************************************************************************
 *		プリンタートップのCSSを定義
*************************************************************************/

/*------------------------------------------------------------
*	レイアウト
*/
#colorio_contents { float: none; width: 920px;}



/*------------------------------------------------------------
*	メインビジュアル
*/
div#bn_visual { position:relative; width:920px; height:310px; }
div#bn_visual div#player_area { position: absolute; top: 0; left: 0;}
div#bn_visual div#player_area div#player_flash { width: 207px; height: 120px; padding: 9px 9px 5px 9px; background: url(../images/img_flash_alt.gif) no-repeat 9px 9px;}
* html div#bn_visual div#player_area div#player_flash { width: 225px; height: 134px;}
div#bn_visual div#player_area div#player_flash p { display: none;}
div#bn_visual div#player_area div#player_flash p.get { display: block; position: absolute; top: 87px; left: 26px; font-size: 1px; text-indent: -9999px;}
div#bn_visual div#player_area div#player_flash p.get a { outline: none; display: block; width: 173px; height: 15px;}
div#bn_visual div#player_area div#player_flash p.cm { display: block; position: absolute; top: 102px; left: 123px; font-size: 1px; text-indent: -9999px;}
div#bn_visual div#player_area div#player_flash p.cm a { outline: none; display: block; width: 76px; height: 15px;}
div#bn_visual ul.bt { position: absolute; top: 134px; left: 0; padding: 0 9px 0 9px;}
div#bn_visual ul.bt li { padding: 0 0 5px;}
div#bn_visual ul.bt li.bt_002 { padding: 0 0 9px;}

/* Flash無し */
div#bn_visual div#player_area p.bt_000 { padding: 9px 9px 5px 9px;}



/*------------------------------------------------------------
*	製品ラインアップ
*/
#lineup_area {
	float: left;
	width: 685px;
}

#lineup_area .wrap {
	padding: 15px 0 10px 8px;
}

#lineup_area ul.lineup {
	float: left;
	width: 669px;
}


/*------------------------------------------------------------
*	メディアレビュー
*/
#media_area {
	float: right;
	width: 226px;
	margin-bottom: 14px;
}

#media_area .colorio_h2_w215 {
	width: 215px;
	margin: 0 0 15px 11px;
}

#media_area .colorio_h2_w215 h2 {
	width: 145px;
}
* html #media_area .colorio_h2_w215 h2 {
	width: 155px;
}

#media_area .colorio_h2_w215 p.index {
	float: right;
	width: 49px;
	padding: 5px 5px 0 0;
}
* html #media_area .colorio_h2_w215 p.index {
	width: 54px;
}

#media_area .colorio_h2_w215 p.index img {
	vertical-align: top;
}

#media_area .container {
	width: 215px;
	min-height: 305px;
	height: auto !important;
	height: 305px;
	padding: 0 0 0 11px;
	background: url(../images/bg_lineup_dot.gif) repeat-y;
}
* html #media_area .container {
	width: 226px;
}

#media_area .entry {
	width: 195px;
	margin: 0 0 10px;
	padding: 0 10px 11px;
	background: url(../images/bg_media_dot.gif) repeat-x left bottom;
}
* html #media_area .entry { width: 215px;}
#media_area .entry.last {
	background: none;
}

#media_area .entry p.ico {
	float: left;
	width: 42px;
}

#media_area .entry .content {
	float: right;
	width: 145px;
}

#media_area .entry .content p.date {
	font-size: 91%;
	font-weight: bold;
	line-height: 1.3;
}

#media_area .entry .content p.lead {
	padding: 2px 0 0;
	line-height: 1.2;
}

#media_area .entry .content p.lead a {
	font-weight: bold;
}

#media_area .entry p.ico img {
	border: 1px solid #eee;
}


/* おすすめ情報 */
#topics_area {
	float: left;
	width: 450px;
}

#topics_area #topics_inner {
}

#topics_area div.set {
}


/* 新着情報 */
#releas_news{
	float: right;
	width: 450px;
}
#releas_news .overList{
	padding: 5px 0 0;
}
#releas_news dt {
	font-size: 85%;
	padding: 10px 15px 0;
}
	
#releas_news dt img{
	margin-left: 10px;
	vertical-align:middle;
	}
#releas_news dd{
	font-size: 83%;
	margin:0px 0 0px 0px;
	padding:3px 15px 10px 15px;
	background:url(/products/colorio/images/index_wide/bg_line_dotted_gray_10_1.gif) left bottom repeat-x;
}
#releas_news dd.last{
	border:0px;
}


/* フッターコンテンツ */
#foot_contents {
}

#foot_contents ul.bn {
	float: left;
	width: 215px;
}

#foot_contents .etc_wrap {
	float: right;
	width: 685px;
	background: url(../images/bg_etc_m.gif) repeat-y;
}
#foot_contents .etc_wrap_inner {
	width: 685px;
	background: url(../images/bg_etc_b.gif) no-repeat left bottom;
}

#foot_contents .colorio_left_navi_etc {
	float: left;
	width: 215px;
	margin: 0;
	background: none;
}

#foot_contents .colorio_left_navi_etc_inner {
	min-height: 183px;
	height: auto !important;
	height: 183px;
	background: none;
}

#foot_contents .colorio_left_navi_etc .head {
	margin: 0;
}

#foot_contents .colorio_left_navi_etc ul.colorio_left_navi_etc_list {
	padding: 10px 10px 0;
}

#foot_contents .colorio_left_navi_etc ul.colorio_left_navi_etc_list li {
	line-height: 1.3;
}