@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);


body{
	margin:0; 
	padding: 0;}
	
.cb {
	clear: both;	
}

.container{
	width: 1070px; 
	margin:0 auto;
	font-family: 'Noto Sans Japanese', serif;
	height: 1600px;
		}

.top_block{
	width: 100%; 
	height: 140px;
	font-family: 'Noto Sans Japanese', serif;
	}

.t_block1{
	width: 670px; 
	height: 100%; 
	float: left; 
	position: relative;
	font-family: 'Noto Sans Japanese', serif;
	}

.t_block1 h2 {
	position: absolute;
	top: 50px; left: 30px; 
	font-family: 'Noto Sans Japanese', serif;
	font-size: 31px;
	color: #FFFFFF; 
	 }
	 
	 
.t_block1 p {
	line-height: 32px;
	font-size: 25px;
	position: absolute;
	top: 15px; left: 72px;
	font-weight:bold;
	letter-spacing: 6px;}

/*右上箇所*/
.t_block2{
	width:400px; 
	height: 100%;
	float: right;
	background-color: #F5F6F3; }
	
.t_block2 img {
	float: left;
	margin-left: 35px;
	margin-top: 20px;
	}
	
.t_block2 p {
	font-size: 22px;
	line-height: 0.3;
	margin-left: 90px;
	margin-bottom: 0;
	}
	
.t_block2 p span {
	font-size: 17px;
		}
	

/*電話番号*/
.t_block2 h1 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 38px; 
	line-height: 10px; 
	margin-left: 70px;
	margin-top: 32px;
	}
	
/*営業時間*/
.t_block2 h2 {
	font-family: 'Noto Sans Japanese', serif;
	line-height: 20px; 
	font-size: 20px; 
	}
	
/*********************calender*******************/
.t_block2 a {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 0.2;
	font-size: 13px; 
	text-decoration: none; 
	color: #686868; 
	}
.t_block2 a:hover {
	color:#20A6FB;
	text-decoration: underline;
	}

/*OKUI PRINTIN ロゴ箇所*/
.block2{
	width: 100%; 
	height: 310px; 
	background-image: url(img/okui-logo.jpg); 
	background-repeat: no-repeat; 
	background-position: center; 
	position: relative; 
	}

.block2 h2 {
	color: #595757; 
	position: absolute; 
	top: 180px; 
	left: 20px; 
	font-family: 'Noto Sans Japanese', serif;
	font-size:47px;}
	
/*奥井印刷はお客様にベストなご提案を目指します*/
.block2 h3 {
	color: #595757; 
	position: absolute; 
	top:250px; 
	left: 20px; 
	font-family: 'Noto Sans Japanese', serif;
	font-size: 33px; 
	font-weight: bold;}

/* 横並びのメニューバー */

.menu {
	margin: 20px 0 0 0 !important;
	}

.first{
	padding: 0;
	}

.menu ul{
  padding:0;
  display: inline-block;
  float: right;
 }
.menu ul li {
	
  list-style: none;
  margin:0;
  padding: 0;
  font-size:18px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  float: left;
  position: relative;
  width:130px;/*親メニューの幅*/
  height: 60px;/*親メニューの高さ*/
  line-height: 60px;
   color: #4D4D4D;/*親メニューの文字色*/
  text-align:center;
  font-weight:300;
}
.menu ul li a {
  color: #4D4D4D;
  display: block;
  text-decoration: none;

}
.menu ul li:hover {
  background:#BCEA2D;/*ホバー時の親メニューの背景色*/
  color:#fff;/*ホバー時の親メニューの文字色*/
}
.menu ul li ul {
  position: absolute;
  top: 50px;/*親メニューの高さと同じにする*/
  left: 0;
  width: 200px;
  z-index: 100;
}
.menu ul li ul li {
  display: none;
  overflow: hidden;
  width: 200px;/*サブメニューの幅*/
  background:#E0E0E0;/*サブメニューの背景色*/
}
.menu ul li ul li:hover, .menu ul li ul li a:hover {
  background:#F3F3F3;/*ホバー時のサブメニューの背景色*/
}
.menu ul li:hover ul li, .menu ul li a:hover ul li{
  display: block;
  overflow: visible;
  height: 60px;/*サブメニューの高さ*/
  z-index: 10;
}

/*印刷サービス*/

aside nav p {
	color: white;
	}

aside nav a{
	color: white;
	font-size: 20px;
	}

aside nav ul li a:hover {text-decoration: underline;}
	
/*メインイメージの箇所*/
section{
	height: 670px; 
	width: 794px; 
	float: right; 
	}

section img {
	width: 100% ;
	height: auto;
	}

/*印刷サービスのナビ*/
aside{
	float: left; 
	width: 276px; 
	height: 900px;
	}

aside nav{
	padding-top: 10px; 
	padding-left:none;
	width: 100%; 
	height: 490px; 
	background-color: #8FBD1F;
	}

aside nav ul li {
	list-style: none; }

aside nav ul li a{
	text-decoration: none; 
	line-height: 29px; 
	color: white; 
	font-family: 'Noto Sans Japanese', serif;
	font-weight: 300;
	font-size: 18px;
	}

/*同業者さまへ*/
aside .side1{
	width: 280px; 
	height: 128px;
	 }
/*インキとアプリ*/
aside .side2{
	width: 280px; 
	height: 272px;
	float: left;
	}

.bottombox {
	float: right;
	height: 230px:
	line-height:1;
	font-size:0;
	width: 794px;	
	}
.copyright {
	height: 30px;
	width: 100%;
	background-color: F5F5EA;
	}

.logoholder{
	height: 422px;
	width: 1066px;
	margin: 0 auto;
	border-left: solid 1px #DBDBDB;
	border-right: solid 1px #DBDBDB;
	
}
footer {
	width: 100%
	height: 30px;
	background-color: #f4f3e8;
	text-align: center;

}
footer span{
	display: inline-block;
	line-height: 30px;
	font-size: 13px;

}

/* 2021/04/08 */
section{
	height: 760px;
	}
aside nav{
	height: 610px; 
	}