@charset "utf-8";

#contents .detailSection h3.ttl3 {
    background: url("/products/bizprojector/itr/images/bgimg_01.gif") no-repeat scroll left center;
    height:65px;
    line-height:65px;
    font-size:157%;
    font-weight:bold;
    padding-left:30px;
    margin-bottom:25px;
    color:#333;
}

#contents .detailSection h4.ttl4{
    background: url("/products/bizprojector/itr/images/h3_bg_s_img.png") no-repeat scroll left center;
    border-bottom: 1px solid #e1e1e1;
    font-size: 112%;
    line-height: 40px;
    margin-bottom: 20px;
    margin-top: 30px;
    padding-bottom: 0;
    padding-left: 20px;
}

#contents .detailSection .func_box{
    float: left;
    width: 306px;
    border:2px solid #E5E5E5;
}

#contents .detailSection .func_box a:hover{
    opacity:0.8;
}

#contents .detailSection .func_box h4{
    background-color: #888888;
    color: #fff;
    font-size: 114%;
    height: 33px;
    padding-top: 15px;
    text-align: center;
}

#contents .detailSection .func_box .inner{
    padding: 20px 12px 15px;
}

#contents .detailSection .func_box .top_img{
    height: 183px;
}

#contents .detailSection .func_box .descroption{
    margin-top: 15px;
    height: 84px;
}

#contents .detailSection .products_img{
    float: left;
    margin-left: 18px;
}

#contents .detailSection .scene_box01{
    float: left;
    width: 304px;
    height: 450px;
    border: 1px solid #D8E4EB;
    background-color: #EBF5FD;
    list-style: none;
}

#contents .detailSection .scene_box01 h4{
    background-color: #CBDAE9;
    padding: 14px;
    text-align: center;
    font-size: 114%;
    border-bottom: 1px solid #E4E6E5;
}

#contents .detailSection .scene_box02{
    float: left;
    width: 304px;
    height: 450px;
    margin-left: 21px;
    border: 1px solid #D8E4EB;
    background-color: #EBF5FD;
    list-style: none;
}

#contents .detailSection .scene_box02 h4{
    background-color: #CBDAE9;
    padding: 14px;
    text-align: center;
    font-size: 114%;
    border-bottom: 1px solid #E4E6E5;
}

#contents .detailSection .scene_box02 .wboard_scene{
    background-color: #CBDAE9;
    padding-top: 6px;
    text-align: center;
    border-bottom: 1px solid #E4E6E5;
    height: 46px;
}

#contents .detailSection .scene_box02 .wboard_scene h5{
    font-size: 114%;
}

#contents .detailSection .scene_box02 .wboard_scene p{
    font-size: 100%;
}

#contents .detailSection .scene_box03{
    float: left;
    width: 304px;
    height: 370px;
    border: 1px solid #D8E4EB;
    background-color: #EBF5FD;
    list-style: none;
    margin-top: 20px;
}

#contents .detailSection .scene_box03 h4{
    background-color: #CBDAE9;
    padding: 14px;
    text-align: center;
    font-size: 114%;
    border-bottom: 1px solid #E4E6E5;
}

#contents .detailSection .scene_box04{
    float: left;
    width: 304px;
    height: 370px;
    margin-left: 21px;
    margin-top: 20px;
    border: 1px solid #D8E4EB;
    background-color: #EBF5FD;
    list-style: none;
}

#contents .detailSection .scene_box04 h4{
    background-color: #CBDAE9;
    padding: 14px;
    text-align: center;
    font-size: 114%;
    border-bottom: 1px solid #E4E6E5;
}

#contents .detailSection .scene_img{
    border-top: 1px solid #CBDAE9;
    padding-top: 20px;
    margin-bottom: 18px;
    text-align: center;
}

#contents .detailSection .table_w510{
    width:510px;
}

#contents .detailSection .table_w450{
    width:450px;
}

#contents .detailSection .table_w315{
    width:315px;
}

#contents .detailSection .scene_description{
    padding: 0 20px;
}

#contents .detailSection .setting_box{
    float: left;
    width: 306px;
    height: 480px;
    border:1px solid #DDDDDD;
}

.setting_box p {
    font-size: 14px;
}


#contents .detailSection .setting_box h4{
    background-color: #AAAAAA;
    color: #fff;
    font-size: 114%;
    height: 33px;
    padding-top: 15px;
    text-align: center;
    border-bottom: 1px solid #E7E7E4;
}

#contents .detailSection .setting_box .inner{
    padding: 20px 12px 15px;
    border-top: 1px solid #F1F1F0;
}

#contents .detailSection .setting_box .top_img{
    height: 183px;
}

.iLink02{
    background: url("/common/images/ico_link_01.gif") no-repeat scroll left 0.2em;
    display: block;
    padding: 0.2em 0 0 21px;
}

#contents .detailSection .connect_box{
    border: 1px solid #C0C5C8;
    border-top: 2px solid #172A87;
    background-color: #F1F3F5;
}

#contents .detailSection .connect_box{
    text-align: center;
    padding: 12px 0 14px;
}

#contents .detailSection .connect_box h3{
    font-size: 129%;
}

#contents .detailSection .white_box{
    margin: 0 4px;
    background-color: #fff;
}

#contents .detailSection .information{
    float: left;
    padding-top: 33px;
    padding-left: 114px;
}

#contents .detailSection .information .number{
    font-size: 257%;
    background: url("/products/bizprojector/itr/images/index/icn_tel.gif") no-repeat scroll left center;
    font-weight: bold;
    line-height: 100%;
    margin-top: 12px;
    padding-left: 40px;
}

#contents .detailSection table.gray_box{
    float: left;
    width: 300px;
    margin-top: 15px;
    margin-left: 72px;
    border: 1px solid #C0C5C8;
}

#contents .detailSection table.gray_box .gray_info01{
    background-color: #C0C5C8;
    text-align: center;
    vertical-align: middle;
    width: 72px;
    height: 74px;
}

#contents .detailSection table.gray_box .gray_info02{
    vertical-align: bottom;
}

#contents .detailSection .extra{
    background: url("/products/bizprojector/itr/images/line_inquiry.gif") repeat-x scroll center top;
    margin: 16px 10px 0;
}

#contents .detailSection .extra span{
    font-size: 140%;
    font-weight: bold;
}

#contents .detailSection .extra .attention{
    font-size: 85.7%;
    padding-bottom: 13px;
}

/*pcitr.htm,wboard.htm*/
#contents .mainSection .nav{
    background: url("/products/bizprojector/itr/images/bg_nav.png") no-repeat scroll left top;
    padding: 11px 11px 10px;
}

#contents .mainSection .nav li{
    float: left;
}

#contents .mainSection .nav .pc_itr,
#contents .mainSection .nav .white_bd{
    width: 464px;
}

#contents .mainSection .nav .nav_text{
    background: url("/products/bizprojector/itr/images/bg_text.gif") no-repeat scroll left top;
    width: 464px;
    height: 112px;
}

#contents .mainSection .nav .nav_text p{
    padding: 10px 15px;
}

#contents .detailSection h2.intaractive{
    background: url("/products/bizprojector/itr/images/pcitr/tit2_pcinteractive.gif") no-repeat scroll left top;
    padding: 9px 0 0   25px;
    width: 960px;
    height: 45px;
    font-size: 143%
}

#contents .detailSection h2.wboard{
    background: url("/products/bizprojector/itr/images/wboard/tit2_white_board.gif") no-repeat scroll left top;
    padding: 9px 0 0   25px;
    width: 960px;
    height: 45px;
    font-size: 143%
}

#contents .detailSection .anc_btn01{
    float: left;
}

#contents .detailSection .anc_btn02{
    float: left;
    margin-left: 21px;
}

#contents .detailSection .body01{
    float: left;
    width: 500px;
    margin-right: 20px;
}

#contents .detailSection .img_area01{
    float: left;
    width: 360px;
    text-align: center;
}

#contents .detailSection #setting{
    margin-top: 30px;
    background-color: #EECCCD;
    padding-bottom: 10px;
}

#contents .detailSection #setting h3{
    background: url("/products/bizprojector/itr/images/pcitr/tit3_setting.png") no-repeat scroll left top;
    color: #fff;
    font-size: 157%;
    padding: 9px 0 11px 20px;
    width: 960px;
    height: 29px;
}

#contents .detailSection #setting .set_description{
    background-color: #FAEDEE;
    margin: 8px 10px 0;
    padding: 30px
}

#contents .detailSection #setting .set_description h4{
    color: #852C33;
    font-size: 129%;
}

#contents .detailSection #setting .lines{
    border-top: 1px solid #DDBDC0;
    margin-top: 27px;
    padding-top: 28px;
}

#contents .detailSection #meeting{
    margin-top: 30px;
    background-color: #BACCE7;
    padding-bottom: 10px;
}

#contents .detailSection #meeting h3{
    background: url("/products/bizprojector/itr/images/pcitr/tit3_meeting.png") no-repeat scroll left top;
    color: #fff;
    font-size: 157%;
    padding: 9px 0 11px 20px;
    width: 960px;
    height: 29px;
}

#contents .detailSection #meeting .set_description{
    background-color: #E3F0FB;
    margin: 8px 10px 0;
    padding: 30px
}

#contents .detailSection #meeting .set_description h4{
    color: #132566;
    font-size: 129%;
}

#contents .detailSection #meeting .lines{
    border-top: 1px solid #C4D1E5;
    margin-top: 27px;
    padding-top: 28px;
}

#contents .detailSection #meeting .page_add{
    height: 369px;
}

#contents .detailSection #meeting .img_area02{
    position: relative;
}

#contents .detailSection #meeting .img_area02 p{
    position: absolute;
    bottom: -197px;
    right: 117px;
}

#contents .detailSection #setting h5{
    background: url("/products/bizprojector/itr/images/tit4_setting.gif") no-repeat scroll left center;
    font-size: 114%;
    padding-left: 1em;
    width: 960px;
    height: 24px;
    margin-top: 42px;
}

#contents .detailSection #meeting h5{
    background: url("/products/bizprojector/itr/images/tit4_meeting.gif") no-repeat scroll left center;
    font-size: 114%;
    padding-left: 1em;
    width: 960px;
    height: 24px;
    margin-top: 42px;
}

#contents .detailSection #save{
    margin-top: 30px;
    background-color: #B3D9D5;
    padding-bottom: 10px;
}

#contents .detailSection #save h3{
    background: url("/products/bizprojector/itr/images/pcitr/tit3_save.png") no-repeat scroll left top;
    color: #fff;
    font-size: 157%;
    padding: 9px 0 11px 20px;
    width: 960px;
    height: 29px;
}

#contents .detailSection #save .set_description{
    background-color: #E3F2EF;
    margin: 8px 10px 0;
    padding: 30px
}

#contents .detailSection #save h4{
    color: #0C3833;
    font-size: 129%;
}

#contents .detailSection #save .lines{
    border-top: 1px solid #C0D5D3;
    margin-top: 27px;
    padding-top: 28px;
}



/*（動画）を見る*/

#productsMovie_3col div {
	float:left;
	margin-right:10px;
	padding:10px;
	width:150px;
	border:1px solid #d4d4d4;
}

#productsMovie_3col div.edge {
	margin-right:0px;
}

#productsMovie_3col h3 {
	text-align:center;
	padding-bottom:10px;
	border-bottom:1px solid #d4d4d4;
	margin-bottom:10px;
}

#productsMovie_3col div span {
	display:block;
	background: url('/products/bizprojector/common/images/movie/icon_arrow_01.gif') no-repeat left 0.45em;
	padding-left:10px;
	width:72px;
	margin:10px auto 0;
}


#productsMovie_3col_wide div {
	float:left;
	margin-right:15px;
	padding:10px;
	width:280px;
	border:1px solid #d4d4d4;
}

#productsMovie_3col_wide div.edge {
	margin-right:0px;
}

#productsMovie_3col_wide p.ttl_mov {
	text-align:center;
	font-weight:bold;
	padding-bottom:10px;
	border-bottom:1px solid #d4d4d4;
	margin-bottom:10px;
}

#productsMovie_3col_wide div span {
	display:block;
	background: url('/products/bizprojector/common/images/movie/icon_arrow_01.gif') no-repeat left 0.45em;
	padding-left:10px;
	width:80px;
	margin:10px auto 0;
}
