@charset "Shift_JIS";
/*-----------------------------------------------------------------------------------------------------------*/
/*Lineup Common*/
#rcontents #gnavi { width: 515px; height: 28px; margin-bottom: 10px; padding-left: 38px; border: 1px solid #CCCCCC; font-size: 0px; line-height: 0px; background: #CCCCCC url(gnavi-bg.gif) repeat-x 0 0; }
* html #rcontents #gnavi { width: 555px; }


/*Lineup Top Common*/
#rcontents #gnavi li { float: left; }
#rcontents .top .detail { width: 555px; margin: 15px 0 20px; }
#rcontents .top #merit { float: left; width: 350px; }
#rcontents .top #type { float: left; width: 182px; margin-left: 22px; }
#rcontents .top #type .colors li { float: left; }
#rcontents .top #type .colors li.first { margin-right: 4px;  }
#rcontents .top #merit h4 { margin-bottom: 10px; }
#rcontents .top #merit .menu { width: 350px; }
#rcontents .top #merit .menu li { border: 1px solid  #BBBBBB; margin-bottom: 10px; padding: 0 3px 3px; }
#rcontents .top #merit .menu li a { display: block; margin-left: 3px; padding: 11px 0; }
#rcontents .top #merit .menu li p { min-height: 24px; padding: 6px; background-color: #EEEEEE; }
* html #rcontents .top #merit .menu li p { height: 35px; }
#rcontents .top .price { width: 182px; color: #4f4f4f; margin:4px 0 9px; border-collapse: collapse; text-align: center; }
#rcontents .top .price .typeprice { color: #000000; }
#rcontents .top .price .typeprice em { font-size: 1.4em; font-weight: bold; }
#rcontents .top .price tr td { padding: 2px; vertical-align: top; border: 1px solid #666666; }
#rcontents .top .type_Size { width: 182px; color: #4f4f4f; border-collapse: collapse; text-align: center; }
#rcontents .top .type_Size col.entry_b { width: 4em; } 
#rcontents .top .type_Size tr th { vertical-align: middle; font-weight: lighter; color: #FFFFFF; border: 1px solid #FFFFFF; background-color: #8CA7B8; }
#rcontents .top .type_Size tr td { vertical-align: middle; border: 1px solid #FFFFFF; color: #000000; background-color: #A9B5BC; }
#rcontents .top .type_Size tr em { font-size: 1.2em; font-weight: bold; }
#rcontents .top .option_Navi { margin-top: 17px; border: 8px solid #EEEEEE; font-size: 1px; line-height: 0px; }
#rcontents .top .option_Navi li { width: 156px; padding: 6px 0 6px 10px; border: 1px solid #DEDEDE; }
* html #rcontents .top .option_Navi li { width: 166px; }
#rcontents .top .option_Navi li.second_line { border-top: none; }
#rcontents .top .option_Navi dl li { width: 100px; padding: 6px 0 0 0; border: none; }
#rcontents .top .ico_area { position: relative; width: 555px; margin-bottom: 5px; font-size: 0px; line-height: 0px; }
#rcontents .top .ico_area dl { float: left; position: relative; margin-right: 2px;}
#rcontents .top .ico_area .end { margin-right: 0px!important; }
#rcontents .top .ico_area dl dt { background-color: #CCCCCC; margin-bottom: 3px; font-size: 0px; line-height: 0px; text-align: center; }
#rcontents .top .ico_area dl dt img { padding: 0 2px; }
#rcontents .top .ico_area dl dd ul li { float:left; margin-right: 1px; }
#rcontents .top .ico_area dl dt.sizeico { border-left: 4px solid #034355; }
#rcontents .top .ico_area dl dt.hiscreen { border-left: 4px solid #008A8C; }
#rcontents .top .ico_area dl dt.hispeed { border-left: 4px solid #660066; }
#rcontents .top .ico_area dl dt.hiprint { border-left: 4px solid #094489; }
#rcontents .top .ico_area dl dt.himake { border-left: 4px solid #C00066; }
#rcontents .top .ico_area dl dt.interface { border-left: 4px solid #008A8C; }
#rcontents .top .ico_area dl dt.etc { border-left: 4px solid #7E0000; }
#rcontents .top .ico_area dl dt.standard { border-left: 4px solid #B05800; }
#rcontents .top .ico_area .markplus { padding-left: 8px; }
#rcontents .top .ico_area .ico_cap { position: absolute; top: 57px; left: 3px; }
#rcontents .top .ico_area .u_wrap { float: left; margin: 18px 0 0; }
#rcontents .top .ico_area .mark li { float:left; margin-right: 8px; font-size: 0px; line-height: 0px; }
#rcontents .top #icon_list { padding-left: 10px ; display: none; }
#rcontents .top #icon_list h4 { margin: 15px 0 0; }
#rcontents .top #icon_list h5 { margin: 15px 0 8px; padding: 1px 4px; border-left: 6px solid #D40D15; font-weight: bold; color: #333333; background-color: #DDDDDD; }
#rcontents .top #icon_list .c_right { margin: 0 0 10px; }
#rcontents .top #icon_list h5.sizeico { border-left: 6px solid #034355; }
#rcontents .top #icon_list h5.hiscreen { border-left: 6px solid #008A8C; }
#rcontents .top #icon_list h5.hispeed { border-left: 6px solid #660066; }
#rcontents .top #icon_list h5.hiprint { border-left: 6px solid #094489; }
#rcontents .top #icon_list h5.himake { border-left: 6px solid #C00066; }
#rcontents .top #icon_list h5.interface { border-left: 6px solid #008A8C; }
#rcontents .top #icon_list h5.etc { border-left: 6px solid #7E0000; }
#rcontents .top #icon_list h5.standard { border-left: 6px solid #B05800; }
#rcontents .top #icon_list .icoall dt { float: left; width: 45px; }
#rcontents .top #icon_list .icoall dt img { margin-bottom: 1px; }
#rcontents .top #icon_list .icoall dd { float: left; width: 130px; padding-top: 2px; }
#rcontents .top #icon_list .colum_three { margin-bottom: 10px; }
#rcontents .top #icon_list .colum_three .icoall { float: left; width: 176px; margin-right: 8px; }
#rcontents .top #icon_list .colum_three .noright { margin-right: 0px!important; }
#rcontents .top #iconbtn { margin-top: 20px; }


/*Lineup Benefit Common*/
#rcontents .benefit h2 { margin: 10px 0 15px; }
#rcontents .benefit h4.subtitle { font-weight:bold; margin-bottom: 10px; }
#rcontents .benefit .detail { width: 555px; margin: 0 0 28px 0; }
#rcontents .benefit .detail p { margin-bottom: 1.0em; }
#rcontents .benefit .detail .caption { margin-bottom: 1.0em; }
#rcontents .benefit .detail .txtin_ico img { vertical-align: top; }
#rcontents .benefit .detail .calibration { padding: 7px; background-color: #F7EDED; }
#rcontents .benefit .detail .calibration .explain { margin: 6px 0 15px; }
#rcontents .benefit .detail .calibration .explain dd { margin: 0 0 1em; }
#rcontents .benefit .detail .flow { margin: 0 auto; text-align: center; }
#rcontents .benefit .detail .flow dt { text-align: left; }
#rcontents .benefit .detail .flow dd img { margin: 4px 0 15px; }
#rcontents .benefit .detail .correspond { width: 555px;  margin-top: 5px; }
#rcontents .benefit .detail .correspond .top { margin-top: 10px; }
#rcontents .benefit .detail .correspond dt { float: left; margin-right: 7px; padding: 2px; color:#FFFFFF; background-color: #555555; }
#rcontents .benefit .detail .correspond dd { float: left; }
#rcontents .benefit .detail .center_img { margin-bottom: 1.0em; text-align: center; }
#rcontents .benefit #officestyle li { float: left; text-align: center; }
#rcontents .benefit #officestyle li p { text-align: left; }
#rcontents .benefit #officestyle li.stylecenter { margin: 0 40px 0 35px; }
#rcontents .benefit #density .right_s { float: left; width: 120px; }
#rcontents .benefit #density .left_s { float: left; width: 398px; margin-left: 10px; padding: 10px; background-color: #F7EDED; }
* html #rcontents .benefit #density .left_s { width: 418px; }
#rcontents .benefit #density .left_s ul { margin-bottom: 7px;  }
#rcontents .benefit #density .left_s li.first { float: left; width: 200px; margin-right: 10px; }
#rcontents .benefit #density .left_s li.second { float: left; width: 166px; }
#rcontents .benefit #technavi { text-align: right; margin: 20px 0 ; }
#rcontents .benefit #realink { margin-left: 60px; }

/* Box-Common*/
#rcontents .benefit .detail .left_short { float: left; width: 418px; }
#rcontents .benefit .detail .right_short { float: left; width: 130px; text-align: right; }
#rcontents .benefit .detail .left_medium { float: left; width: 358px; }
#rcontents .benefit .detail .right_medium { float: left; width: 190px; text-align: right; }
#rcontents .benefit .detail .left_lmedium { float: left; width: 330px; }
#rcontents .benefit .detail .right_lmedium { float: left; width: 220px; text-align: right; }
#rcontents .benefit .photoimg dt { margin-bottom: 5px; }
#rcontents .benefit .lucia { margin: 5px 0 0 20px; }
#rcontents .benefit .righttxt { margin-left: 20px; }
#rcontents .benefit #kyunoas_ico p { float: left; width: 450px; }
#rcontents .benefit #kyunoas_ico div { float: left; width: 80px; text-align: right; }


/*Lineup Benefit Common*/
#rcontents .spec h2 { margin: 10px 0 15px; } 

/* Lineup Spec Common */
#rcontents .spec table.list { width: 555px; color: #4f4f4f; border-collapse: collapse; table-layout: fixed; margin-bottom: 5px; }
#rcontents .spec table.list th { padding: 2px; color: #4f4f4f; text-align: left; font-weight: lighter; border: 1px solid #666666; background-color: #EBEBEB; }
#rcontents .spec table.list td { padding: 2px; vertical-align: top; border: 1px solid #666666; vertical-align: middle;}
#rcontents .spec table.list td.cell_img img { display: block; margin: 6px auto; }
#rcontents .spec table.list .col_a{ width: 94px;  }
#rcontents .spec table.list .col_b{ width: 90px;  }
#rcontents .spec .spec_cap { margin-bottom: 20px; }
#rcontents .spec .spec_cap li { position: relative; padding-left: 2.5em; }
#rcontents .spec .spec_cap span { display: block; position: absolute; top: 0; left: 0; color: #FF7A21; }
#rcontents .spec .spec_comment { margin-top: -14px; margin-bottom: 20px; }
#rcontents .spec table.inner_list { margin: -6px 0 -1px; }
#rcontents .spec table.inner_list .col_ina{ width: 72px;  }
#rcontents .spec table.inner_list .col_inb{ width: 65px;  }
#rcontents .spec table.inner_list .col_inc{ width: 162px;  }
#rcontents .spec table.inner_list .col_ine{ width: 130px;  }
#rcontents .spec table.inner_list tr > td { border-top: none; }
#rcontents .spec table#cost_speed_table { margin-top: 0.2em; }
#rcontents .spec table#cost_speed_table th { text-align: center; }
#rcontents .spec table#cost_speed_table td { text-align: center; }
#rcontents .spec table#cost_speed_table .col_a{ width: 86px;  }
#rcontents .spec table#cost_speed_table .col_b{ width: 90px;  }
#rcontents .spec table#cost_speed_table .col_c{ width: 110px;  }
#rcontents .spec table#cost_speed_table .col_d{ width: 110px;  }

* html body td#rcontents .spec table.list td.cell_img { text-align: center; }
* html body td#rcontents .spec .spec_cap span { left: -2.5em; }


/*TOP*/
#rcontents #lineup_top h2 { margin-bottom: 10px; }
#rcontents #lineup_top .entry { width: 555px; margin-bottom: 15px; }
#rcontents #lineup_top .detail_box { float: left; width: 173px; margin-right: 15px; padding-top: 10px; }
#rcontents #lineup_top .endbox { margin-right: 0px !important; }
#rcontents #lineup_top #product_12color .detail_box { border: 1px solid #DB101B; }
#rcontents #lineup_top #product_8color .detail_box { border: 1px solid #FFBE00; }
#rcontents #lineup_top #product_5color .detail_box { border: 1px solid #091078; }
#rcontents #lineup_top .detail_box ul { width: 173px; }
#rcontents #lineup_top .detail_box li { margin-bottom: 5px; }
#rcontents #lineup_top .detail_box li.papersize { float: left; width: 5em; margin-left:5px; border: 1px solid #999999; text-align: center; }
#rcontents #lineup_top .detail_box li.new { float: right; width: 3em; margin-right:5px; padding:1px; color: #FFFFFF; text-align: center; font-weight: bold; background-color: #DB101B; }
#rcontents #lineup_top .detail_box dl { margin: 5px 0px 0px 5px; width: 163px; }
#rcontents #lineup_top .detail_box dt { width: 159px; margin-bottom: 3px; padding: 1px 0px 0px 4px; }
* html #rcontents #lineup_top .detail_box dt { width: 163px; }
#rcontents #lineup_top #product_12color .detail_box dt { background-color: #DB101B; }
#rcontents #lineup_top #product_8color .detail_box dt { background-color:  #FFBE00; }
#rcontents #lineup_top #product_5color .detail_box dt { background-color: #091078; }
#rcontents #lineup_top .detail_box dt img { margin-right: 3px; }
#rcontents #lineup_top .detail_box dt a { display: block; color: #FFFFFF!important; text-decoration: none; font-weight: bold; }
#rcontents #lineup_top .detail_box dd { min-height: 20px;}
* html #rcontents #lineup_top .detail_box dd { height: 20px;}
#rcontents #lineup_top .detail_box dd span { margin: 0px 5px;}

/*OLD*/
#rcontents #lineup_old h2 { margin-bottom: 10px; } 
#rcontents #lineup_old .entry { margin-bottom: 15px; }
#rcontents #lineup_old li { float: left; margin-bottom: 15px; background: url(box-bg10.gif) no-repeat left top; }
#rcontents #lineup_old li a { display: block; width: 244px; height: 102px; padding-left: 22px; }
#rcontents #lineup_old li a:hover { background: url(box-bg10.gif) no-repeat left top; }
#rcontents #lineup_old li.end { margin-left: 23px; }

/*-----------------------------------------------------------------------------------------------------------*/

/* Cost_Speed */
#rcontents #cost_speed h3 { margin-bottom: 5px; font-weight: bold; }
#rcontents #cost_speed h3.sample2 { margin-top: 20px; }
#rcontents #cost_speed table.list { width: 555px; color: #4f4f4f; border-collapse: collapse; margin-bottom: 5px; table-layout: fixed; }
#rcontents #cost_speed table.list th { padding: 2px; color: #4f4f4f; text-align: center; font-weight: lighter; border: 1px solid #666666; background-color: #EBEBEB; }
#rcontents #cost_speed table.list td { padding: 2px; vertical-align: top; text-align: center; border: 1px solid #666666; vertical-align: middle; }
#rcontents #cost_speed table.list col { width: 120px; }
#rcontents #cost_speed #sampledetail  { margin-top: 20px; }
#rcontents #cost_speed #sampledetail img { float: right; }