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



#all{
	width:1200px;
	height:auto;
	background:#FFFFFF;
	margin:0 auto;
	}
#mainvisual{/*メインビジュアル*/
	background:none;
	}



/*///////////////////////////////////////////////////
コンテンツエリア
///////////////////////////////////////////////////*/


/* 2カラムの左*/
#left_main{
	width:900px;
	height:6240px;
	margin:0 10px 70px 25px;
	float:left;
	}
	
/* 2カラムの右*/
#right_side{
	width:225px;
	height:auto;
	margin:10px 25px 70px 0;
	float:right
	}
	
	
	
	

/* メインビジュアル*/

#pagetitle{/*ファーストビュー用商品名・メインビジュアル表示領域*/
	width:900px;
	height:495px;
	}
.catch1{
	font-size:33px;
	padding:30px 0px 0px 30px;
	font-family:"ヒラギノUD丸ゴ W5 JIS2004";
	}
.catch2{
	font-size:18px;
	padding:5px 0px 0px 30px;
	}	
.catch3{
	font-size:22px;
	padding:15px 0px 0px 30px;
	line-height:1.3;
	}

#visual{/*商品写真*/
	width:840px;
	height:330px;
	margin-top:20px;
	margin-left:30px;
	background-color:#B0B0B0;
	}

#visual2{/*等身大ポスター商品写真2017.05.23菊地追加*/
	width:840px;
	height:410px;
	margin-top:10px;
	margin-left:30px;
	}

#visual2 a:hover{/*2017.05.23菊地追加*/
	opacity: 0.6;
	}

/*#visual2 img{
	float:left;
	}*/

#description{/*メインビジュアル下、説明文領域*/
	width:840px;
	height:250px;/*必要に応じてauto設定へ*/
	margin-top:15px;
	padding:0px 30px;
	font-size:20px;
	line-height:1.7;

	}




/* コンテンツ　キャッチ*/

.contents_1{
	width:100%;
	height:710px;
	margin-bottom:70px;
	}

h2{
	display:block;
	padding:20px 0 0 20px;
	margin:0 0 35px 0;
	width:880px;
	height:50px;
	font-size:26px;
	font-family:"ヒラギノUD角ゴ W5 JIS2004";
	background-color:#DCF0FF;
	line-height:130%;
	}


.catch_text_1,
.catch_text_2,
.catch_text_3,
.catch_text_4,
.catch_text_4_2,
.catch_text_4_3{
	display:block;
	}
	
.catch_text_1{
	width:740px;
	padding:30px 0 0 150px;
	height:110px;
	background:url(../image1/product/chatch_photo1.png) no-repeat 2%;
	font-size:25px;
	font-family:"ヒラギノUD丸ゴ W4 JIS2004";
	line-height:1.5em;
	}

.catch_text_2{
	width:740px;
	padding:40px 0 0 150px;
	height:90px;
	background:url(../image1/technology/chatch_photo2.png) no-repeat 2%;
	font-size:25px;
	font-family:"ヒラギノUD丸ゴ W4 JIS2004";
	line-height:1.5em;
	}
	
.catch_text_3_1{
	width:180px;
	height:70px;
	margin:0 30px 20px 80px;
	font-size:18px;
	font-family:"ヒラギノUD丸ゴ W4 JIS2004";
	float:left;
	border: 5px solid #FFE47D;
	text-align:justify;
	padding:30px 20px;
	line-height:1.5em;
	}
	
.catch_text_3_2{
	width:180px;
	height:70px;
	margin:0 30px 20px 0;
	font-size:18px;
	font-family:"ヒラギノUD丸ゴ W4 JIS2004";
	float:left;
	border: 5px solid #FFE47D;
	text-align:justify;
	padding:30px 20px;
	line-height:1.5em;
	}

.catch_text_4{
	clear:both;
	display:block;
	margin-top:30px;
	margin-bottom:70px;
	margin-left:50px;
	height:auto;
	width:800px;
	}

.catch_text_4_2{
	margin-bottom:10px;
	height:50px;
	font-size:30px;
	font-family:"ヒラギノUD丸ゴ W6 JIS2004";
	padding-top:5px;
	}

.catch_text_4_3{
	font-size:24px;
	font-family:"ヒラギノUD丸ゴ W4 JIS2004";
	padding-left:20px;
	line-height:1.5em;
	}



/* コンテンツ　セキュリティ印刷・加工の特徴*/
.contents_2{
	width:100%;
	height:540px;
	margin-bottom:70px;
	}
	
	
.sec1,
.sec2{/* 写真*/
	display:block;
	float:left;
	width:250px;
	height:200px;
	margin: 0 0 30px 30px;
	border:solid 2px #E1DDDD;
	}
.sec1:hover{/*菊地追加2019.06.07*/
	opacity: 0.5;
	}

.contents_2text{
	float:left;
    width:515px;
	height:130px;
	border:solid 2px #E1DDDD;
	margin: 0 0 30px 30px;
	padding:35px 30px 35px 30px;
	}
.contents_2text a{/*菊地追加2019.06.07*/
	color:black;
	}	
.contents_2text a:hover{/*菊地追加2019.06.07*/
	text-decoration: underline;
	}

.contents_2title{
	font-size:22px;
	line-height:1.4;
	}


.sec_text1,
.sec_text2{
	font-size:18px;
	line-height:1.7;
	padding-top:20px;
	}
	
	
	
	
/* セキュリティ印刷メニュー*/
.contents_3{
	width:100%;
	height:1650px;
	margin-bottom:70px;
	}
	
.sec_pro_l,
.sec_pro_c,
.sec_pro_r,
.sec_pro,
.sec_prolink,
.sec_prolinkname,
.sec_prolinkname_b,
.sec_prolinktext,
.sec_photo{
	display:block;
	}
	
.sec_pro_l,
.sec_pro_c,
.sec_pro_r{
	float:left;
	width:240px;
	height:250px;
	padding:20px;
	border:1px solid #C0BFBF; 
	}
.sec_pro_l:hover,
.sec_pro_c:hover,
.sec_pro_r:hover{/*2019.06.12菊地追加*/
	opacity: 0.5;
	}

.sec_pro_l{
	margin:0 10px 20px 15px;
	}
	

.sec_pro_c{
	margin:0 10px 20px 0;
	}
	

.sec_pro_r{
	margin:0 15px 20px 0;
	}
	
.sec_prolinkname,
.sec_prolinkname_b{
	font-size:18px;
	font-family:"ヒラギノUD丸ゴ W5 JIS2004";
	padding-bottom:10px;
	}

.sec_prolinkname_b{
	letter-spacing:-0.1em;
	}

.contents_3 a{
	color:#000000;
	}

.sec_prolinktext{
	font-size:12px;
	font-family:"ヒラギノUD丸ゴ W4 JIS2004";
	line-height:1.5;
	padding-top:10px;
	}




	

/* 関連商品*/

.recomendProdudt{
	width:100%;
	height:auto;
	margin-bottom:70px;
	}


.recomendProdudt li,
.recomendProdudt p,
.recomendProdudt a,
.recomendProdudt img{
	display:block;
	}
	
.recomendProdudt li{
	width:280px;
	height:200px;
	float:left;
	}

.recomend_l{
	margin: 0 10px 20px 20px;
	padding-top:20px;
	border:solid 1px #E1DDDD;
	}
.recomend_l a:hover{/*2017.05.31菊地追加*/
	opacity: 0.5;
	}

.recomend_c{
	margin:0 10px 20px 0;
	padding-top:20px;
	border:solid 1px #E1DDDD;
	}
.recomend_c a:hover{/*2017.05.31菊地追加*/
	opacity: 0.5;
	}
	
.recomend_r{
	margin-bottom:20px;
	padding-top:20px;
	border:solid 1px #E1DDDD;	
	}
.recomend_r a:hover{/*2017.05.31菊地追加*/
	opacity: 0.5;
	}
	
.recomendProdudt img{
	width:240px;
	height:150px;
	border:solid 1px #E1DDDD;
	margin:0 auto;
	}

.recomendProdudt p{
	width:260px;
	height:20px;
	padding:0px 0 10px 20px;
	font-size:20px;
	font-family:"ヒラギノUD丸ゴ W5 JIS2004";
	color:#000000;
	}
	
	
/* 導入事例*/
.case{
	width:100%;
	height:auto;
	margin-bottom:70px;
	}


.casetitle,
.casetext,
.caseimage,
.casetext,
.morecase{
	display:block;
	margin:0;
	padding:0;
	}


.case1,
.case2{
	width:360px;
	height:170px;
	float:left;
	border:1px solid #C0BFBF;
	padding:20px;
	}

.case1{
	margin:0 25px 20px 35px;
	}
.case2{
	margin:0 35px 20px 0px;
	}

.casetitle{
	width:340px;
	height:25px;
	margin-bottom:10px;
	font-size:16px;
	font-family:"ヒラギノUD丸ゴ W5 JIS2004";
	}

.caseimage{
	width:200px;
	height:135px;
	float:left;
	border:solid 1px #E3E3E3;
	}


.casetext{
	float:left;
	width:130px;
	height:135px;
	margin-left:10px;
	font-size:12px;
	line-height:1.7;
	font-family:"ヒラギノUD丸ゴ W4 JIS2004";
	}

.morecase{
	width:140px;
	height:28px;
	padding:2px 0 0 30px;
	float:right;
	background:url(../image1/common/linkicon_2.png) no-repeat top left 3%;
	font-size:14px;
	}




/* 価格例*/
.referencePrice{
	width:100%;
	height:auto;
	margin-bottom:30px;
	}

.pricebox{
	display:block;
	width:800px;
	height:150px;
	margin:20px auto;
	padding:20px 0;
	border:10px solid #FFDC00;
	}
	
.priceLeft,
.price_text{
	float:left;
	width:380px;
	height:160px;
	padding:0 10px;
	}

.price_name,
.price,
.price_text{
	display:block;
	}

.price_name{
	font-size:20px;
	font-family:"ヒラギノUD丸ゴ W5 JIS2004";
	padding-left:50px;
	height:autp;
	}
	
.price{
	display:block;
	padding-top:40px;
	height:auto;
	font-size:75px;
	text-align:center;
	line-height:1.1;
	font-family:"ヒラギノUD丸ゴ W6 JIS2004";
	overflow:visible;
	}
	
.price_text{
	padding-top:10px;
	font-size:16px;
	font-family:"ヒラギノUD丸ゴ W4 JIS2004";
	line-height:1.5;
	}
	

	
	
	
/* PRコメント・キャンペーン*/
.pr_coment{
	display:block;
	height:90px;
	padding:35px 0 20px 150px;
	font-size:25px;
	font-family:"ヒラギノUD丸ゴ W5 JIS2004";
	line-height:1.2;
	background:url(../image1/product/proposal.png) no-repeat 3% 45%;
	}

.springcampain{
	display:block;
	margin:0 auto;
	}



	

/*///////////////////////////////////////////////////
サイドメニュー
///////////////////////////////////////////////////*/


.side_box1,
.side_box2,
.side_box3,
.side_box4{
	width:100%;
	height:auto;
	margin-bottom:20px;
	padding-bottom:10px;
	border:1px solid #C0BFBF; 
	color:#000000;
	}	

.side_p,
.side_t,
.side_d,
.side_o{
	color:#FFFFFF;
	display:block;
	width:215px;
	height:25px;
	font-family:"ヒラギノUD丸ゴ W5 JIS2004";
	font-size:18px;
	padding:10px 0 0 10px;
	background-color:#00ABDF;
	margin-bottom:10px;
	}

div#right_side a:hover{
	color:#0019B4;
	font-weight:bold;
	text-decoration:underline;
	}


#right_side li{
	display:block;
	padding-left:20px;
	height:23px;
	background:url(../image1/common/linkicon.png) no-repeat 8px 4px;
	font-size:14px;
	}


.banar_side{
	width:100%;
	height:150px;
	}
	
#side_per,
#side_topi{
	display:block;
	}

#right_side a{
	color:#000000;
	}
	
.menu_movie{
	width:240px;
	height:150px;
	}


.side_p a,
.side_t a,
.side_d a,
.side_o a{
	color:#FFFFFF !important;
	}

.side_p a:visited,
.side_t a:visited,
.side_d a:visited,
.side_o a:visited{
	color:#FFFFFF;
	}