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


/*-------------------------------------------

name: style.css（TOPページ以外共通）

-------------------------------------------*/


/*=========================================
	wrapper
=========================================*/
#wrapper{
	background:url(../../img/main.jpg) center 177px no-repeat;
}

#wrapper_products{
	/*background:url(../img/main_products.jpg) center 177px no-repeat;*/
	border-top:4px solid #20ae96;
}

/*=========================================
	main
=========================================*/
#main {
	width:930px;
	height:450px;
	margin:0 auto;
	position: relative;
}
.mainTitle{
	position:absolute;

}

/*===========================================
	パンクズ
===========================================*/
#bread_crumb{
	width: 880px;
	margin: 0 auto;
	padding: 12px 0;
	font-size: 95%;
	text-align: left;
}
#bread_crumb p{ color:#999;}
#bread_crumb p span,
#bread_crumb p a,
#bread_crumb p a:hover{
	color: #666;
	text-align: left;
}



/*=========================================
	container
=========================================*/
#container{
	width: 930px;
	margin: 0 auto;
	padding: 0 0 60px 0;
	overflow: hidden;
	background: url(../../img/bg_container.png) top center no-repeat;
}
#container_tenji{
	width: 930px;
	margin: 0 auto;
	padding: 0 0 60px 0;
	overflow: hidden;
	background: url(../../img/bg_container_products.png) top center no-repeat;
}
#containerInner{
	padding:0 25px;
}



/*===========================================
	コンンテンツエリア
===========================================*/
.leftArea{
	width:200px;
	float:left;
}
.rightArea{
	width:640px;
	float:right;
}

.contents{
	padding:30px 0 0 0;
}


/*見出し*/
.md{
	width:620px;
	height:55px;
	padding:0 0 0 20px;
	background:url(../../img/md.gif) top left no-repeat;
	color:#333;
	font-size:16px !important;
	letter-spacing:0.1em !important;
	font-weight:bold;
	display:table-cell;
	vertical-align:middle;
	line-height:55px;
}

.mdSub{
	border-left:6px solid #20a993;
	color:#444;
	margin-bottom:13px;
	padding:0 0 0 6px;
	font-size:120%;
	font-weight:bold;
	line-height:1.5;
}


/*---------------------------------右エリア*/

/*サイドナビゲーション*/
.sideNaviArea{
	width:200px;
	margin-bottom:25px;
}
.sideNaviWrap{
	background:#FFF;
}
ul.sideNavi{
	font-weight:bold;
	font-family:"Hiragino Kaku Gothic Pro";
	font-size:110%;
}
ul.sideNavi li a{
	display:block;
	padding:10px 0 10px 25px;
	background:url(../../img/arrow_side.png) 14px 47% no-repeat;
	border-bottom:1px solid #ccc;
	text-decoration:none;
	color:#444;
	
}
ul.sideNavi li a.on,
ul.sideNavi li a:hover{
	background-color:#f6f6f6;
	color:#20a993;
}

ul.sideNavi table a{
	display:block;
	padding:0px 0 0px 0px;
	border-bottom:1px solid #ccc;
	text-decoration:none;
	color:#444;
	
}
ul.sideNavi table a.on,
ul.sideNavi table a:hover{
	background-color:#f6f6f6;
	color:#20a993;
}

ul.cls li a{
	padding:5px 0 5px 30px;
	background:url(../../img/arrow_side_s.png) 93% 49% no-repeat;
}
ul.cls li a.on,
ul.cls li a:hover{
	background:url(../../img/arrow_side_s.png) 95% 49% no-repeat;
	background-color:#999;
}




/*アーカイブナビゲーション*/
.archiveArea{
	width:200px;
	margin-bottom:20px;
}
.archiveWrap{
	background:#FFF;
}
ul.archive{
	letter-spacing:-0.01em;
	font-weight:bold;
	font-family:"Hiragino Kaku Gothic Pro";
}
ul.archive li a{
	display:block;
	padding:10px 0 10px 15px;
	background:url(../../img/arrow_side.png) 95% 47% no-repeat;
	border-bottom:1px solid #ccc;
	text-decoration:none;
	color:#444;
	
}
ul.archive li a.out,
ul.archive li a:hover{
	background:url(../../img/arrow_side_on.png) 95% 49% no-repeat;
	background-color:#f6f6f6;
	color:#20a993;
}




/*サイドバナー*/
.bnrArea{
	margin-bottom:30px;
}
.bnrArea ul li{
	margin-bottom:7px;
}





/*----------------------------------------------------
	pager
----------------------------------------------------*/
.pager{
	width:100%;
	overflow:hidden;
	margin:0 auto;
	padding:0;
	line-height:normal;
}
.pager li{
	border:#099e86 solid 1px;
	margin:2px;
	display:inline-block;
	/display:inline;
	/zoom:1;
}
.pager li a,
.pager li span{
	padding:5px 8px;
	background:none;
	display:inline-block;
	/display:inline;
	/zoom:1;
	color:#099e86;
	text-decoration:none;
}
.pager li span{
	color:#FFFFFF;
	background:#099e86;
}
.pager li a:hover{
	color:#FFFFFF;
	background:#099e86;
}


.pager1{
	width: $width;
	overflow:visible;
	margin: 0;
	padding: 0px 0 0 0;
	line-height: normal;
	position:fixed;
	z-index:1;
	right: 13px;
	bottom:10px;
	
}

@media screen and (min-width: 930px){
	.pager1 {
		right: cale((100%-930px)/2);
	}
}

.pager1 li{
	/*border:#099e86 solid 1px;*/
	padding: 0;
	display:inline-block;
	float:right;
}

.pager1 li a,
.pager1 li span{
	/*padding:5px 8px;*/
	background:none;
	display:inline-block;
	color:#099e86;
	text-decoration:none;
}
.pager1 li span{
	color:#FFFFFF;
	background:#099e86;
}
.pager1 li a:hover{
	color:#FFFFFF;
	background:#099e86;
}


.pager2{
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0px 0 0 0;
	line-height: normal;
	position: absolute;
	right: 13px;
	top: 2103px;
}
.pager2 li{
	/*border:#099e86 solid 1px;*/
	padding: 0;
	display:inline-block;
	float:right;
}
.pager2 li a,
.pager2 li span{
	/*padding:5px 8px;*/
	background:none;
	display:inline-block;

	color:#099e86;
	text-decoration:none;
}
.pager2 li span{
	color:#FFFFFF;
	background:#099e86;
}
.pager2 li a:hover{
	color:#FFFFFF;
	background:#099e86;
}










/*---------------------------------------アンカー*/
ul.anc{
	width:780px;
	margin-bottom:47px;
	overflow:hidden;
	letter-spacing:0.08em;
}
ul.anc li{
	float:left;
	margin-right:6px;
}
ul.anc li a{
	display:block;
	width:256px;
	height:40px;
	background:url(file:///G|/HomePage/aztech-4/menu/img/anchar.gif) no-repeat;
	color:#5b480e;
	font-weight:bold;
	text-align:center;
	padding-top:20px;
	font-size:110%;
	letter-spacing:-0.05em;
}
ul.anc li a:hover{
	background:url(file:///G|/HomePage/aztech-4/menu/img/bg_anchar.gif) no-repeat;
	color:#fff;
}
	



/*===========================================
	凡庸
===========================================*/


/*------------------------------------------テーブル・通常*/
table.tbl {
	border:1px #ccc solid;
	border-width:1px 0 0 1px;
	line-height:170%;
	width:100%;
	letter-spacing:-0.01em;
}
table.tbl th {
	width:20%;
	padding:13px 5px;
	border:1px #ccc solid;
	border-width:0 1px 1px 0px;
	font-weight: bold;
	background:#eee;
	text-align:center;
}
table.tbl td {
	padding:13px 15px 15px 15px;
	border: 1px #ccc solid;
	border-width:0 1px 1px 0px;
	text-align:left;
}


table.tbl01 {
	border:1px #ccc solid;
	border-width:1px 0 0 1px;
	line-height:170%;
	width:100%;
	letter-spacing:-0.01em;
}
table.tbl01 th {
	width:20%;
	padding:13px 5px;
	border:1px #ccc solid;
	border-width:0 1px 1px 0px;
	font-weight: bold;
	background:#eee;
	text-align:center;
}
table.tbl01 td {
	padding:13px 15px 15px 15px;
	border: 1px #ccc solid;
	border-width:0 1px 1px 0px;
	text-align:left;
}

/*------------------------------------------CKディタ*/
/*見出しパターン*/
h1{
	padding: 8px 0 7px 30px;
	background: url(../../img/h_type01.gif) 8px 49% no-repeat;
	background-color: #099e86;
	margin: 20px 0 15px 0;
	color: #fff;
	text-align: left;
	font-size:18px;
}
h4{
	padding: 7px 0 7px 20px;
	background: url(../../img/h_type01.gif) 8px 49% no-repeat;
	background-color: #099e86;
	margin: 0px 0 15px 0;
	color: #fff;
	text-align: left;
}
h2{
	padding: 5px 0 4px 50px;
	background: url(../../img/h_type02.gif) 0 49% no-repeat;
	background-color: #eee;
	border-bottom: 1px solid #CCC;
	margin: 20px 0 15px 220px;
	text-align: left;
	width:500px;
}
h3{
	padding:5px 0 5px 12px;
	background:url(../../img/h_type03.gif) 0 49% no-repeat;
	border-bottom:1px solid #DEFFE6;
	/*border-bottom:1px solid #CCC;*/
	margin:20px 0 15px 0; 
}
/*テーブル*/
table.ck {
	border:1px #ccc solid;
	border-width:1px 0 0 1px;
	line-height:170%;
	width:100%;
	letter-spacing:-0.01em;
	margin:20px 0;
}
table.ck th {
	width:20%;
	padding:10px 5px;
	border:1px #ccc solid;
	border-width:0 1px 1px 0px;
	font-weight: bold;
	background:#eee;
	text-align:center;
}
table.ck td {
	padding:10px 15px 10px 15px;
	border: 1px #ccc solid;
	border-width:0 1px 1px 0px;
	text-align:left;
}

/* 点滅 */
 .blinking{
 -webkit-animation:blink 1.5s ease-in-out infinite alternate;
 -moz-animation:blink 1.5s ease-in-out infinite alternate;
 animation:blink 1.5s ease-in-out infinite alternate;
 }
 @-webkit-keyframes blink{
 0% {opacity:0;}
 100% {opacity:1;}
 }
 @-moz-keyframes blink{
 0% {opacity:0;}
 100% {opacity:1;}
 }
 @keyframes blink{
 0% {opacity:0;}
 100% {opacity:1;
 } 
 
/* modal */
 
#contents {
  z-index: 0;
  font-size: 16px;
}
.page-txt {
  margin: 30px 0 0;
  height: 2000px;
}
#modal-open {
  color: #cc0000;
}
/* モーダル コンテンツエリア */
#modal-main {
　　display: none;
　　width: 500px;
　　height: 300px;
　　margin: 0;
　　padding: 0;
　　background-color: #ffffff;
　　color: #666666;
　　position:fixed;
　　z-index: 2;
}
/* モーダル 背景エリア */
#modal-bg {
　　display:none;
　　width:100%;
　　height:100%;
　　background-color: rgba(0,0,0,0.5);
　　position:fixed;
　　top:0;
　　left:0;
　　z-index: 1;
}