@charset "utf-8";

/*ページ共通*/

.page_contents{
	width:960px;
	margin:60px auto 0;	
	min-height:150px;
}

.page_contents_new{
	width:1200px;
	margin:60px auto 0;	
	min-height:150px;
	position:relative;
}

#pageheader{
	width:100%;
	min-width:1020px;
}

#pageheader_area{
	width:100%;
	max-width:1100px;
	min-width:960px;
	margin:0 auto;
	padding-top:30px;	
	height:120px;
}

.submenu{
	width:710px;
	margin:0 auto;	
	overflow:hidden;
}

.submenu li{
	float:left;	
	padding:0 10px;
}

.submenu_list{
	width:370px;
	margin:0 auto;	
	overflow:hidden;
}

.submenu_list li{
	float:left;	
	padding:0 30px;
}

.submenu_uten a {
    width: 122px;
    height: 35px;
    background: url("../common/images/submenu_uten.png") no-repeat;
    display: block;
    text-indent: -9999px;
}

.submenu_seihon a {
    width: 122px;
    height: 35px;
    background: url("../common/images/submenu_seihon.png") no-repeat;
    display: block;
    text-indent: -9999px;
}

.submenu_scan a {
    width: 122px;
    height: 35px;
    background: url("../common/images/submenu_scan.png") no-repeat;
    display: block;
    text-indent: -9999px;
}

.submenu_data a {
    width: 122px;
    height: 35px;
    background: url("../common/images/submenu_data.png") no-repeat;
    display: block;
    text-indent: -9999px;
}

.submenu_contact a {
    width: 122px;
    height: 35px;
    background: url("../common/images/submenu_contact.png") no-repeat;
    display: block;
    text-indent: -9999px;
}

.submenu_oa a {
    width: 122px;
    height: 35px;
    background: url("../common/images/submenu_oa_toriatsukai.png") no-repeat;
    display: block;
    text-indent: -9999px;
}

.submenu_oa_contact a {
    width: 122px;
    height: 35px;
    background: url("../common/images/submenu_oa_contact.png") no-repeat;
    display: block;
    text-indent: -9999px;
}
  
.submenu li a:hover {
    background-position: 0 -35px;
}

.submenu li a:hover{
	opacity:0.6;
  -webkit-transition:all 0s ease-out;
  -moz-transition:all 0s ease-out;
}

.submenu li a.submenu_on{
    background-position: 0 -35px;
}

.submenu_list li a.submenu_on{
    background-position: 0 -35px;
}

/*雨天製本サービス*/

.uten_contents{
	width:1020px;
	height:690px;
	margin:20px auto 0;
    background:url(../images/uten_bg.jpg) no-repeat;
	background:url(../copy/images/uten_bg.jpg);
}

.uten_contents_list{
	margin-left:330px;	
}

.uten_contents_list li{
	margin-bottom:20px;
}

.uten_contents_list01{
	margin-left:200px;	
}

.uten_video{
	margin-top:40px;	
}

.uten_riyou_title{
	width:546px;
	margin:0 auto;
}

.uten_video_area{
	background:black;	
}

.uten_video_thum{
	width:960px;
	height:540px;
	margin:20px auto 0;
}

.uten_service{
	margin-top:30px;	
}

.uten_service_title{
	width:520px;
	margin:0 auto;	
}

.uten_service_area{
	width:940px;
	height:396px;
	margin:20px auto 0;
	background:url(../copy/images/uten_service_bg.png) no-repeat right bottom;
}

.uten_service_text{
	width:470px;
	padding-top:15px;	
}

.uten_service_text li{
	margin-bottom:15px;	
	font-weight:bold;
}

.uten_voice{
	width:940px;
	margin:40px auto 0;	
	overflow:hidden;
}

.uten_voice_title{
	margin-bottom:15px;	
}

.voice_list01{
	width:962px;
	height:186px;
	margin-top:20px;
	float:left;
	background:	url(../copy/images/voice_bg.jpg) no-repeat;
}

.voice_list01 p,
.voice_list02 p{
	width:665px;	
	white-space:normal;
	padding:30px 0 0 35px;
}

.voice_list02{
	width:460px;
	height:186px;
	float:right;
	background:	url(../copy/images/uten_voice_bg02.png) no-repeat;
}

/*製本サービス*/

.seihon_list_area{
	overflow:hidden;	
}

.seihon_title{
	width:436px;
	margin:0 auto 0;
}

.seihon_text{
	margin-top:20px;
	text-align:center;	
}

.seihon_list{
	height:390px;
	margin-top:40px;
	padding:17px 17px 0;
	float:left;	
	border-right:1px solid #000;
}

.seihon_list:last-child{	
	border-right:0;
}

.seihon_list_image{
	width:270px;
	height:198px;
	border:4px solid black;
	background:#333;	
}

.seihon_list_title{
	width:270px;
	font-size:18px;
	font-weight:bold;	
	text-align:center;
	line-height:1.2;
	margin:15px 0 ;
}

.seihon_list_title span{
	font-size:14px;	
}

.seihon_list_text{
	width:270px;
}

/*図面スキャンサービス*/
.scan_title{
	width:266px;
	margin:0 auto;	
}

.scan_area{
	width:940px;
	height:480px;
	margin:0 auto;	
	background:	url(../copy/images/scan_bg.png) no-repeat right bottom;
}

.scan_area_list{
	padding-top:80px;	
}

.scan_area_list li{
	margin-bottom:50px;
}

.scan_area_list li:first-child{
	margin-left:50px;
}

.scan_service_title{
	width:605px;
	margin:30px auto 20px;
}

.scan_service_list li{
	text-align:center;
	font-size:23px;
	font-weight:bold;	
	border:7px solid #000;
	padding:10px;
	margin-bottom:20px;
}

.scan_service_zumen_list li p{
	width:458px;
}


.scan_service_zumen{
	width:928px;
	height:396px;
	margin:50px auto 0;
	background:url(../copy/images/scan_service_bg02.png) no-repeat top left;
	overflow:hidden;
}

.scan_service_zumen_list{
	float:right;	
}

.scan_service_zumen_list li{
	margin-top:30px;	
}

/*データ製本サービス*/
.data_title{
	width:197px;
	margin:0 auto;	
}

.nyukou_btn{
	width:541px;
	margin:40px auto 0;	
}

.nyukou_info_title{
	width:303px;
	margin:60px auto 0;
}

.nyukou_info{
	width:942px;
	height:428px;
	margin:30px auto 0;
	background:url(../copy/images/nyukou_bg.png) no-repeat;
	overflow:hidden;
}

.nyukou_info li{
	padding:70px 0 0 20px;	
	float:left;
}

.nyukou_info li a{
	color:blue;	
}

.info_step2, .info_step3{
	margin-left:60px;
}	

.info_text{
	width:248px;
	margin-top:40px;	
}

/*お問合せ*/
.contact_title{
	width:227px;
	margin:0 auto;	
}

/*OA機器*/
.oa_title{
	width:210px;
	margin:0 auto 0;
}

.oa_kiki_keytitle{
	padding:20px;	
}

.oa_area{
	width:1020px;
	height:540px;
	margin:50px auto 0;	
	position:relative;
	background:	url(../oa/images/oa_bg.jpg) no-repeat right bottom;
}

.oa_kiki_projecter{
	position:absolute;
	top:260px;
	left:20px;	
}

.oa_kiki_camera{
	position:absolute;
	top:322px;
	left:170px;	
}

.oa_kiki_led{
	position:absolute;
	top:20px;
	left:420px;	
}

.oa_kiki_soft{
	position:absolute;
	top:320px;
	left:420px;	
}

.oa_kiki_printer{
	position:absolute;
	top:120px;
	right:168px;	
}

.oa_kiki_fukugouki{
	position:absolute;
	top:50px;
	right:120px;	
}

.oa_kiki_pc{
	position:absolute;
	top:300px;
	right:20px;	
}

.oa_kiki_list{
	width:930px;
	margin:30px auto 0;
	border:4px solid #dd2526;	
	overflow:hidden;
}

.oa_kiki_image{
	float:left;	
}

.oa_kiki_title{
	font-size:32px;
	font-weight:bold;
	color:#dd2526;
}

.oa_kiki_text_area{
	width:680px;
	float:left;
	margin:15px 0 0 15px;	
}

/*会社概要*/

.company_title{
	width:146px;
	margin:0 auto;	
}

.company_data{
	width:880px;
	margin:0 auto;
	overflow:hidden;
	padding-top:40px;
	background:url(../company/images/company_bg.jpg) no-repeat right bottom;
}

.company_data dt{
	float:left;
	width:80px;	
	padding:5px 0;
}

.company_data dd{
	margin-left:120px;
	width:800px;	
	padding:5px 0;
}

.access_title{
	width:180px;
	margin:100px auto 0;
}

.tel{
	width:412px;
	margin:40px auto 0;
}

/*サンクス*/

.thanks_title{
	width:281px;
	margin:0 auto 50px;	
}

/*ＯＡリスト表示*/


.full_content {
	width:1020px;
	height:540px;
	margin:50px auto 250px;	
	position:relative;
	background:	url(../oa/images/oa_bg.jpg) no-repeat right bottom;
        clear:both;
}
.menu{
        width:100px;
        height:25px;
        float:left;
        list-style:none;
        padding:10px 0 0;
        margin-left:2px;
        text-align:center;
        display:block !important;
        cursor: pointer;
}
.menu:first-child {
        margin-left:0;
}
.hover {
        font-weight:bold;
        display:block !important;
		opacity:0.7;
  -webkit-transition:all .2s ease-out;
  -moz-transition:all .2s ease-out;
}
.content {
        width:930px;
		border:4px solid #dd2526;	
        background:#FFF;
        top:570px;
        left:27px;
        padding:10px;
        position:absolute;
}

.oa_kiki_text{
	padding-top:10px;	
}

#oa_kiki_projecter{
	position:absolute;
	top:260px;
	left:20px;	
}

#oa_kiki_camera{
	position:absolute;
	top:322px;
	left:170px;	
}

#oa_kiki_led{
	position:absolute;
	top:20px;
	left:420px;	
}

#oa_kiki_soft{
	position:absolute;
	top:320px;
	left:420px;	
}

#oa_kiki_printer{
	position:absolute;
	top:120px;
	right:276px;	
}

#oa_kiki_fukugouki{
	position:absolute;
	top:50px;
	right:120px;	
}

#oa_kiki_pc{
	position:absolute;
	top:290px;
	right:165px;	
}

/*ドローン*/

.d_image{
	margin:50px auto;
}

.drone{
	position:absolute;
	right:0;
	top:0;
}

.jisseki_list {
	display:inline-block;
	margin:30px 0;
}

.d_jisseki{
	position:relative;
}

.jisseki_list li{
	float:left;
	margin:15px;
}

.jisseki_man{
	position:absolute;
	right:0;
	bottom:0;
}

.d_movie{
	padding:30px 0;
	background:#000;
}

.d_frame{
	max-width:960px;
	margin:0 auto;
}

.price_man{
	float:left;
}

.d_price{
	float:left;
	width:660px;
	margin-left:20px;
}

.hidden{
	overflow:hidden;
}

.d_price_list{
	color:#E3232B;
}

.d_price_list li{
	width:100%;
	font-size:24px;
	font-weight:bold;
	margin:30px 0;
}

.d_price_list li span{
	background:#E3232B;
	color:#fff;
	font-size:24px;
	font-weight:bold;
	width:150px;
	text-align:center;
	display:block;
	float:left;
	margin-right:20px;
}

.d_price_table td{
	width:220px;
	text-align:center;
	background:#ddd;
	padding:15px 0;
	border:1px solid #fff;
}

.d_price_table td:nth-child(2n){
	background:#eee;
}

.table_first td{
	background:#A48B78;
	color:#fff;
	font-size:18px;
	font-weight:bold;
}

.table_first td:nth-child(2n){
	background:#C9BC9C;
}

.at_box{
	width:960px;
	margin:30px auto;
	overflow:hidden;
	clear:both;
}

.at_left{
	float:left;
	width:30%;
	height:122px;
	padding-top:60px;
	background:#E3232B;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}

.at_right{
	float:left;
	width:66%;
	height:150px;
	padding:1em;
	border:2px solid #E3232B;
}

/*ローズ光*/

.hikari_image{
	margin:40px 0;
}

.hikari_box{
	width:960px;
	margin:40px auto;
}

.hikari_box_left{
	float:left;
	margin-right:30px;
}

.hikari_flow{
	background:url(../hikari/images/line.png);
}

.hikari_flow_entry{
	width:940px;
	margin:0 auto;
	background:#fff;
	padding:0 30px;
}

.h_merit{
	background:url(../hikari/images/bg_merit.png) no-repeat top right;
	width:1100px;
	margin:40px auto;
}

.h_merit_box{
	margin:20px 0;
}

.h_merit_box p{
	margin-left:76px;
}

.hikari_contact{
	text-align:center;
	margin:80px auto;
}

.hikari_contact img{
	display:inline;
}


.hikari_contact_bnr{
	width:830px;
	padding:20px;
	margin:40px auto;
	border:5px solid #dd2526;
}

.hikari_contact p{
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 2px solid #000;
    width: 550px;
    margin: 0 auto;	
}

.hikari_contact p span{
	color:#dd2526;
}