@charset "utf-8";
/* CSS Document */

/*///////////////////////////////////////////////////
ブラウザ別の表示対応
///////////////////////////////////////////////////*/
body,div,dt,dd,ul,ol,li,h2,h3,h4,h5,h6,p,img{
	margin: 0;
	padding: 0;
	}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
	}

body{
	font-size:75%;
	}
	
html>/**/body{
	font-size: 12px;
	}
body{
	font-family:"ヒラギノUD丸ゴ W4 JIS2004";
	line-height:150%;
	}
html{
	overflow-y: scroll;
	}
table{
	border-collapse:collapse;
	border-spacing: 0;
	}
li{
	list-style:none;
	}	
	
a{ text-decoration:none;
	}

.clear_1{
	clear:both;
	}



.clearfix{
	zoom:1;
	}
.clearfix:before
.clearfix:after{
	display:table;
	content:"";
	}
.clearfix:after{
	clear:both;
	}

/*///////////////////////////////////////////////////
end  ブラウザ別の表示対応
///////////////////////////////////////////////////*/



	
	
/*1920px用背景台紙*/
body{
	margin:0;
	background-color:#F5F5F5;
	}



/*///////////////////////////////////////////////////
ヘッダー
///////////////////////////////////////////////////*/

/*ヘッダー100%エリア指定*/
#header{		
width:100%;
height:140px;
background:url(../image1/top/topback4.jpg);
background-position:top;
}

/*ヘッダーコンテンツ横幅1200px指定*/
#header .header_contents{	
width:1200px;
height:90px;
margin:0 auto;

	}



/* ロゴ　*/
#header .header_contents .logo{
	width:200px;
	height:90px;
	float:left;
}

#header .header_contents .logo a{
	width:200px;
	height:90px;
	background:url(../image1/common/logo1.png) no-repeat left top;
	overflow:hidden;
	display:block;
	margin:0 auto;
}
/* マウスオーバー　*/

#header .header_contents .logo a:hover,
#header .header_contents .header_menu a:hover{
	opacity:0.7;
}


/* ヘッダーメニュー　*/
#header .header_contents .header_menu{
	height:80px;
	width:900px;
	float: right;
	padding:5px 0;
}

#header .header_contents .header_menu ul{
	width:700px;
	margin:0;
	padding:0;
	display:block;
	margin-left:210px;
}

#header .header_contents .header_menu ul li{
	width:110px;
	height:40px;
	float:left;
	list-style:none;
	text-align:center;
	display:block;
	floa:left;
	padding-top:40px;
	}

#header .header_contents .header_menu ul li a{
	color:#ffffff;
	font-size:12px;
	line-height:2em;
	}

#search{
	float:left;
	width:350px;
	height:50px;
	}

#header .header_contents .header_menu .site_map{
	width:100px;
	display:block;
	color:#ffffff;
	height:10px;
	text-align: right;
	padding-top:10px;
	font-size:11px;
	float:right;
	padding-right:20px;
	position:relative;
	z-index:5;
	}

/*////////////////////////////////////////////////
googleカスタム検索領域調整用ここから
////////////////////////////////////////////////*/
#search{
	float:left;
	width:350px;
	height:50px;
	}


/*✕ボタン調整用*/
#search .gsib_b a{
	margin-top:4px;
	}
	
	
	
/*検索ボックス背景調整用*/
#search .gsc-control-cse, 
#search .gsc-control-cse-ja{
	background:none !important;
	border:none !important;
	}

#gsc-iw-id1{
    border:none !important;
}

/*虫眼鏡マーク調整用*/
#search input.gsc-search-button{

	margin-top:3px;
	}
	
	
/*////////////////////////////////////////////////
googleカスタム検索領域調整用ここまで
////////////////////////////////////////////////*/




/*///////////////////////////////////////////////////
メニュー
///////////////////////////////////////////////////*/


#gmenu{
	width:100%;
	height:50px;
	margin:0 auto;
	margin-top:-50px;
	}

#gmenu p{
	color:#fff;
	}
	
	
#gmenu li:nth-child(2) p{
	color:#0035AD;
	background-color:#fff;
	}


#gmenu ul{
	width:1120px;
	height:50px;
	display:block;
	margin:0 auto;
	}

#gmenu li{
	width:220px;
	height:50px;

	float:left;
	list-style:none;
	text-align:center;
	} 
	



#gmenu li a{
	height:50px;
	font-size:20px;
	font-family:"ヒラギノUD丸ゴ W5 JIS2004";
	line-height:2em;
	color:#000000;
	}
#gmenu p{
	line-height:250%;
	}

/* マウスオーバー　*/
#gmenu li p:hover{
	opacity:0.5;
	}

	
#wrapper{
width:1200px;
height:auto;
background-color:#fff;
margin:0 auto;
}

	
/*///////////////////////////////////////////////////
動画領域
///////////////////////////////////////////////////*/

#mainvisual{
	width:1200px;
	height:449px;
	margin:0 auto;
	font-size:20px;
	}

.topmovie{
	width:100%;
	position:relative;
	z-index:-10;
	margin-top:-160px;



	}

#topbar{
	float:right;
	width:260px;
	height:auto;
	margin-top:20px;
	}
	
#topbar-personal,
#topbar-smalll{
	float:left;
	display:block;
	margin:5px 0;
	}
	
/*///////////////////////////////////////////////////
メインコンテンツエリア
///////////////////////////////////////////////////*/

main{
	width:1200px;
	height:auto;
	margin:0 auto;
	padding:0;
	}
	
#contents_main{
	width:1130px;
	height:auto;
	margin:0 auto;
	padding:0;
	}

/*///////////////////////////////////////////////////
製品紹介
///////////////////////////////////////////////////*/

.pro_tec_digi_titilelink{
	color:#000000
	}
#contents_main a:visited{
	color:#000000;
	}

#proTitle{
	float:left;
	}

#iconText1,
#iconText2,
#iconText3,
#iconText4{
	display:block;
	font-size:12px;
	margin-left:10px;
	float:left;
	padding-left:24px;
	padding-top:5px;
	width:auto;
	height:25px;
	overflow:hidden;
	}
	
#iconText1{
	margin-left:25px;
	background:url(../image1/common/icon20_sec.png) no-repeat 0 5px;
	}

#iconText2{
	background:url(../image1/common/icon20_spe.png) no-repeat 0 5px;
	}

#iconText3{
	background:url(../image1/common/icon20_digi.png) no-repeat 0 5px;
	}

#iconText4{
	background:url(../image1/common/icon20_form.png) no-repeat 0 5px;
	}


.technology_digital{
	width:410px;
	height: 1530px;
	float:right;
	margin-top:10px;
	}
	

#products{
	width: 690px;
	height: 1510px;
	float: left;
	margin:10px 10px 0 0;
	padding-bottom:10px;
	border-bottom:1px solid #C0BFBF;
	}

#contentstitle_01{
	width: 640px;
	height: 30px;
	padding-left:50px;
	padding-top:25px;
	background:url(../image1/common/yajirushi_blue.png) no-repeat 2% 80%  ;
	margin:0px;
	margin-bottom:10px;
	font-size:25px;
	overflow:hidden;
	font-family:"ヒラギノUD丸ゴ W5 JIS2004";
	border-bottom: solid 2px #DDD;
	}
	
#contentstitle_01 h2{
	font-family:"ヒラギノUD角ゴ W6 JIS2004";
	line-height:90%;
	}	
	
.productsbox_sideL,
.productsbox_sideR{
	width:210px;
	height:190px;
	padding:8px;
	float:left;
	border-bottom:1px solid #CBCBCB;
	}
	
.productsbox_center{
	width:212px;
	height:190px;
	padding:8px;
	float:left;
	border-bottom:1px solid #C0BFBF;
	border-left:1px solid #C0BFBF;
	border-right:1px solid #C0BFBF;
	}

.productsbox_btm_sideL,
.productsbox_btm_sideR{
	width:210px;
	height:190px;
	padding:8px;
	float:left;
	}
	
.productsbox_btm_center{
	width:212px;
	height:190px;
	padding:8px;
	float:left;
	border-left:1px solid #C0BFBF;
	border-right:1px solid #C0BFBF;
	}
	
	
	
.productsbox_sideL,
.productsbox_btm_sideL{
	margin-left:5px;
	}
	
	
	
.products_photo{
	width:210px;
	height:120px;
	padding:0;
	margin:auto;
	overflow:hidden;
	}
	
.products_name{
	font-size:20px;
	line-height:2em;
	font-family:"ヒラギノUD丸ゴ W5 JIS2004";
	color:#000000;
	}
.icon_first{
	float:left;
	}
.icon{
	float:left;
	margin-left:3px;
	}
	
/*///////////////////////////////////////////////////
技術紹介
///////////////////////////////////////////////////*/

#technology{
	width:410px;
	height:auto;
	margin-bottom:14px;}
	
.contentstitle_02{
	width: 360px;
	height: 30px;
	padding-top:25px;
	background:url(../image1/common/yajirushi_blue.png) no-repeat 2% 80%;
	font-family: "ヒラギノUD角ゴ W6 JIS2004";
	font-size:25px;
	padding-left:50px;
	overflow:hidden;
	border-bottom: solid 2px #DDD;
	}
.contentstitle_02 h2{
	line-height:90%;
	}	
.technologybox{
	width:390px;
	height:155px;
	padding:10px;
	border-bottom:1px solid #C0BFBF;
	}
	
.technology_photo{
	width:230px;
	height:155px;
	float:right;
	}
	
	
.technology_textbox{
	width:150px;
	height:155px;
	float:left;
	}
	
.technology_name_1,
.technology_name_2,
.technology_name_3,
.technology_name_4{
	width:140px;
	height:25px;
	overflow:hidden;
	font-size:12px;
	font-family: "ヒラギノUD丸ゴ W5 JIS2004";
	text-indent:2em;
	line-height:2.2em;
	color:#000000;
	padding-left:10px;
	}

.technology_name_1{
	background-image:url(../image1/common/bar_sec2.png);
	}
	
.technology_name_2{
	background-image:url(../image1/common/bar_spe2.png);
	}

.technology_name_3{
	background-image:url(../image1/common/bar_digi2.png);
	}
.technology_name_4{
	background-image:url(../image1/common/common/bar_form2.png);
	}

.technology_text{
	width:150px;
	height:120px;
	padding-top:10px;
	font-size:10px;
	color:#000000;
	overflow:hidden;
	line-height:1.5em;
	}

/*///////////////////////////////////////////////////
デジタル印刷紹介
///////////////////////////////////////////////////*/	
	
	
.digitalbox{
	width:390px;
	height:155px;
	padding:10px;
	border-bottom:1px solid  #C0BFBF;
	}
	
.digital_photo{
	width:230px;
	height:155px;
	float:left;
	}

.digital_textbox{
	width:150px;
	height:155px;
	float:right;
	}
	
.digital_name,
.digital_name_2{
	width:150px;
	height:25px;
	font-size:14px;
	font-family: "ヒラギノUD丸ゴ W5 JIS2004";
	line-height:1em;
	color:#000000;
	float:right;
	overflow:hidden;
	}
	
.digital_name_2{
	font-size:10px;}
		
.digital_text{
	width:150px;
	height:120px;
	font-size:10px;
	color:#000000;
	float:right;
	line-height:1.5em;
	overflow:hidden;
	}

/*///////////////////////////////////////////////////
そのほかコンテンツ
///////////////////////////////////////////////////*/

#topi_per{
	width:900px;
	height:110px;
	margin:50px auto;
	}	
#topics{
	width:410px;
	height:100px;
	float:left;
	margin-right:80px;
	}
#personal{
	width:410px;
	height:100px;
	float:right;
	}
	
/*///////////////////////////////////////////////////
会社保有の認定規格など
///////////////////////////////////////////////////*/

#company{
	width:1145px;
	height:595px;
	margin:0 auto;
	margin-bottom:50px;
	}
.companybox{
	width:550px;
	height:275px;
	border:1px solid #0035AD;
	float:left;
	margin:10px;
	}

.company_title{
	width:550px;
	height:70px;
	background-color: #0035AD;
	color:#FFFFFF;
	font-size:18px;
	text-align:center;
	font-family:"ヒラギノUD丸ゴ W5 JIS2004";
	line-height:4em;
	}

.company_img{
	width:160px;
	height:160px;
	margin:20px;
	float:left;
	}
	
#iso_img{
	width:160px;
	height:155px;
	margin:20px;
	padding-top:5px;
	float:left;
	}
	
.company_text{
	width:330px;
	height:160px;
	font-size:15px;
	font-family:"ヒラギノUD丸ゴ W5 JIS2004";
	vertical-align:bottom;
	padding:20px 20px 20px 0;
	float:right;
	line-height:1.8em;
	}





/*///////////////////////////////////////////////////
問い合わせ
///////////////////////////////////////////////////*/

#contactbox{
	width:100%;
	height:315px;
	}

#contactbox p{
	width:100%;
	height:170px;
	margin:0 auto;
	background:url(../image1/common/contact_1.png) no-repeat;
	display:block;
	margin-bottom:35px;
		}
	
.contact2,
.contact3,
.contact4{
	display:block;
	float:left;
	}


.contact2{
	margin:0 50px 50px 250px;
	background:url(../image1/common/contact_2.png) no-repeat;
	width:200px;
	height:110px;
	overflow:hidden;
		}
		
	
.contact3{
	margin:0 50px 50px 0;
	background:url(../image1/common/contact_3.png) no-repeat;
	width:200px;
	height:110px;
	overflow:hidden;
	}
.contact4{
	margin: 0 50px 50px 0;
	background:url(../image1/common/contact_4.png) no-repeat;
	width:200px;
	height:110px;
	overflow:hidden;
	}





/*///////////////////////////////////////////////////
ページ下リンク
///////////////////////////////////////////////////*/

#under_page_link{
	width:1200px;
	height:330px;
	margin:0 auto;
	padding-top: 40px ;
	background:url(../image1/common/under_pagelink_bg.png) top repeat-x;
	}

#under_page_link_2{
	width:1140px;
	height:330px;
	margin:0 auto;
	}

.linkbox_1{
	margin:0 10px;
	width:400px;
	height:320px;
	float:left;
	}

.linkbox_2{
	margin:0 10px;
	widows: 390px;
	height:320px;
	float:left;

	}
	
.linkbox_3{
	margin:0 10px;
	width:230px;
	height:320px;
	float:left;

	}

.linkbox_4{
	margin:0 10px;
	width:210px;
	height:320px;
	float:left;
	}


.link_introduction_1{
	width:400px;
	heigjt:20px;
	}

.border_box_1{
	width:400px;
	height:1px;
	border-top:1px solid #000000;
	}
	


.link_introduction_2{
	width:210px;
	height:20px;
	}

.border_box_2{
	width:210px;
	height:1px;
	border-top:1px solid #000000;
	}
	
	

.link_introduction_3{
	width:230px;
	height:20px;
	}

.border_box_3{
	width:230px;
	height:1px;
	border-top:1px solid #000000;
	}
	
.link_introduction_4{
	width:210px;
	height:20px;
	}
	
.border_box_4{
	width:210px;
	height:1px;
	border-top:1px solid #000000;
	}
	
	
.link_introduction_1 a,
.link_introduction_2 a,
.link_introduction_3 a,
.link_introduction_4 {
	font-size:17px;
	font-family:"ヒラギノUD丸ゴ W6 JIS2004";
	color:#0035AD;
	}
	



.link_products_1,
.link_products_2{
	width:180px;
	height:260px;
	float:left;
	}
	
.link_technology{
	width:190px;
	height:260px;
	float:left;
	}		
	
.link_digital{
	width:210px;
	height:260px;
	float:left;
	}

.link_other{
	width:190px;
	height:260px;
	float:left;
	}



	
	
.link_products_1 li,
.link_products_2 li,
.link_technology li,
.link_digital li,
.link_other li{
	display:block;
	padding-left:15px;
	width:200px;
	height:25px;
	background:url(../image1/common/linkicon3.png) no-repeat 1px 3px;
	font-size:14px;
	}
	
	
	
.link_products_1 li,
.link_products_2 li,
.link_technology li,
.link_other li{
	width:175px;
	}
	


	

.link_products_1,
.link_products_2,
.link_technology,
.link_digital,
.link_other{
	padding:10px;
	font-family:"ヒラギノUD丸ゴ W5 JIS2004";
	font-size:11px;
	line-height:1.8em;
	}

.link_products_1 a,
.link_products_2 a,
.link_technology a,
.link_digital a,
.link_other a{
	color:#000000;
}



/*///////////////////////////////////////////////////
コピーライト
///////////////////////////////////////////////////*/

#copyright_bg{
	width:100%;
	height:100px;
	margin:px 0;
	background-color: #0035AD;
}
#copyright_fullback{
	width:100%;
	height:100px;
	background-color: #0035AD;
	margin-top:-100px;
	}

#copyright_box{
	display:block;
	width:300px;
	height:auto;
	float:right;
	margin-top:40px;
	}
#copyright_box a{
	display:block;
	width:100%;
	height:auto;
	}
	
#copyright_box span{
	display:block;
	color:#FFFFFF;
	font-family:"ヒラギノUD丸ゴ W3 JIS2004";
	font-size:10px;
	}

/*footerの昇寿堂ロゴの大きさ変更CSS*/
p#copyright_box img{
	width:160px;
	}