@charset "UTF-8";
/*
=====================================================================
*
*    Reset
*
* =================================================================== 
*/
html,
body{
	width:100%;
	height:100%;
}

body {
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	margin:0px;
	padding:0px;
	text-align: left;
	font-size:12px;
	line-height:1.5;
	color:#444444;
	background-color: #EDEEE8;
}
html,a,form,area,div,table,dl,dt,dd,ul,ol,li,dd,h1,h2,h3,h4,h5,h6,p{
	margin:0px;
	padding:0px;
	border:none;
	font-size: 100%;
}
img			{ border:none; }
table		{ font-size:100%; border-collapse:collapse; border-spacing:0; text-align:left; }
th,td		{ margin: 0; padding: 0; }

ul li			{ list-style: none; }

a:link    {color:#0082D6;}
a:visited {color:#0082D6;}
a:hover   {color:#33ADFF;text-decoration:none;}
a:active  {color:#33ADFF;text-decoration:none;}
/*
=====================================================================
*
*    clearfix
*
* =================================================================== 
*/
.clearfix:after{
	content: " ";  
	display: block; 
	visibility: hidden; 
	clear: both; 
	height: 0.1px; 
	font-size: 0.1em; 
	line-height: 0; 
}
.clearfix{
	display: inline-block;

}
/* Hides from IE-mac \*/
*html .clearfix{
	height:1%;
}
.clearfix{
	display:block;
}

/* End hide from IE-mac */

/*
=====================================================================
*
*    Common
*
* =================================================================== 
*/

table.tb8 { 
	font-size:100%;
	border-collapse:collapse;
	padding:10px;
	text-align:left;
}
.tb8 th{
	padding:8px;
    text-align:center;
}
.tb8 td{
	padding:8px;
}

table.tb3 { 
	font-size:100%;
	border-collapse:collapse;
	padding:10px;
	text-align:left;
}
.tb3 th{
	padding:3px;
    text-align:center;
}
.tb3 td{
	padding:3px;
}




.container {
	width: 960px;
	margin: 0 auto;
}
.containerShadow {
	width: 972px;
	margin: 0 auto;
}

.blueTxt {
	color: #00B4FF;
}
.redTxt {
	color: #C0272D;
	font-weight: normal;
}
.bold {
	font-weight: bold;
}


.flL { float: left; }
.flR { float: right; }


A.menulnk {
  display: block;
  width: 204px;
  height:58px;
  text-decoration: none;
  color: #000000;
  padding: 5px 5px 5px 5px;
  }
// 現在開いているリンク
A.menulnk:active  {
  text-decoration: none;
  color: #000000;
}
// 訪問済みリンク
A.menulnk:visited {
  text-decoration:none; /* 文字装飾 */
  color: #000000; /* 文字の色 */
}
/* マウスカーソルが上に来た時のリンク */
A.menulnk:hover {
  text-decoration: none; /* 文字装飾 */
  color: #4CA246; /* 文字の色 */
  background-color: #F4FCE0; /* 背景色 */
}





A.footmenu {
  color: #555555;
  }
A.footmenu:active  {
  text-decoration: none;
  color: #555555;
}
// 訪問済みリンク
A.footmenu:visited {
  text-decoration:none; /* 文字装飾 */
  color: #555555; /* 文字の色 */
}
/* マウスカーソルが上に来た時のリンク */
A.footmenu:hover {
  text-decoration: none; /* 文字装飾 */
  color: #33ADFF; /* 文字の色 */
}



/*マージン設定*/
/*ALL*/
.mgA2{margin:2px;}
.mgA3{margin:3px;}
.mgA5{margin:5px;}
.mgA10{margin:10px;}
.mgA20{margin:20px;}
.mgA25{margin:25px;}
.mgA30{margin:30px;}
.mgA40{margin:40px;}
.mgA50{margin:50px;}
.mgA60{margin:60px;}
.mgA70{margin:70px;}


/*TOP*/
.mgT2{margin-top:2px;}
.mgT3{margin-top:3px;}
.mgT5{margin-top:5px;}
.mgT10{margin-top:10px;}
.mgT20{margin-top:20px;}
.mgT25{margin-top:25px;}
.mgT30{margin-top:30px;}
.mgT40{margin-top:40px;}
.mgT50{margin-top:50px;}
.mgT60{margin-top:60px;}
.mgT70{margin-top:70px;}


/*BOTTOM*/
.mgB2{margin-bottom:2px;}
.mgB3{margin-bottom:3px;}
.mgB5{margin-bottom:5px;}
.mgB10{margin-bottom:10px;}
.mgB15{margin-bottom:15px;}
.mgB20{margin-bottom:20px;}
.mgB25{margin-bottom:25px;}
.mgB30{margin-bottom:30px;}
.mgB35{margin-bottom:35px;}
.mgB40{margin-bottom:40px;}
.mgB45{margin-bottom:45px;}
.mgB50{margin-bottom:50px;}
.mgB55{margin-bottom:55px;}
.mgB60{margin-bottom:60px;}
.mgB70{margin-bottom:70px;}
.mgB75{margin-bottom:75px;}
.mgB80{margin-bottom:80px;}
.mgB90{margin-bottom:90px;}
.mgB100{margin-bottom:100px;}

/*RIGHT*/
.mgR3{margin-right:3px;}
.mgR5{margin-right:5px;}
.mgR10{margin-right:10px;}
.mgR15{margin-right:15px;}
.mgR20{margin-right:20px;}
.mgR25{margin-right:25px;}
.mgR30{margin-right:30px;}
.mgR35{margin-right:35px;}
.mgR50{margin-right:50px;}
.mgR60{margin-right:60px;}
.mgR70{margin-right:70px;}
.mgR80{margin-right:80px;}
.mgR90{margin-right:90px;}

/*LEFT*/
.mgL3{margin-left:3px;}
.mgL5{margin-left:5px;}
.mgL10{margin-left:10px;}
.mgL15{margin-left:15px;}
.mgL20{margin-left:20px;}
.mgL25{margin-left:25px;}
.mgL35{margin-left:35px;}
.mgL40{margin-left:40px;}
.mgL50{margin-left:50px;}
.mgL60{margin-left:60px;}
.mgL70{margin-left:70px;}
.mgL80{margin-left:80px;}


/*RIGHT*/
.pdR60{padding-right:60px;}
.pdR70{padding-right:70px;}
.pdR80{padding-right:80px;}

/*LEFT*/
.pdR60{padding-right:60px;}
.pdR70{padding-right:70px;}
.pdR80{padding-right:80px;}




.alL{ text-align:left; }
.alC{ text-align:center; }
.alR{ text-align:right; }

p.txt{ margin-bottom:5px; }



.read {
font-size:26px;
padding:0 0 2px 0;
text-align: left;
}


.blackM {margin:0px; padding:0px; font-size:22px; color:#000000; font-weight:bold; margin-top:20px;}

.blackS {margin:0px; padding:0px; font-size:18px; color:#000000; font-weight:bold; margin-top:20px;}


.blueM {margin:0px; padding:0px; font-size:18px; color:#00A0E9; margin-top:20px;}

.blueS {margin:0px; padding:0px; font-size:14px; color:#00A0E9; margin-top:5px;}


.redS {margin:0px; padding:0px; font-size:14px; color:#CC3300; margin-top:5px;}
.greenS {margin:0px; padding:0px; font-size:14px; color:#4F8644; margin-top:5px;}



.b12 {margin:0px; padding:0px; font-size:100%; color:#000000; line-height:30px;}
.g12 {margin:0px; padding:0px; font-size:100%; color:#666666; line-height:30px;}
.b14 {margin:0px; padding:0px; font-size:14px; color:#000000; line-height:20px;}
.g14 {margin:0px; padding:0px; font-size:14px; color:#666666; line-height:20px;}
.b16 {margin:0px; padding:0px; font-size:16px; color:#000000; line-height:22px;}
.g16 {margin:0px; padding:0px; font-size:16px; color:#666666; line-height:22px;}

.nb12 {margin:0px; padding:0px; font-size:12px; color:#000000; line-height:18px; letter-spacing:0px;}
.ng12 {margin:0px; padding:0px; font-size:12px; color:#666666; line-height:18px; letter-spacing:0px;}

.w12 {margin:0px; padding:0px; font-size:12px; color:#ffffff;}
.h10 {margin-left:20px; padding:0px; font-size:10px; color:#999999;}
.c10 {padding:0px; font-size:10px; color:#666666; letter-spacing:0px;}

.casename	{color:#000000;
			margin-left:10px;
			font-size:16px;
			font-weight:bold;
			}

.table_ge {
margin:0px 0px 0px 0px;padding:0px;
border-collapse:collapse;
}
.table_ge th {
padding:8px 4px 4px 8px;
background-color:#D9EAD0;
border:1px solid #67AB43;
color:#67AB43;
}
.table_ge td {
padding:8px 4px 4px 8px;
background-color:#FFFFFF;
border:1px solid #67AB43;
}

.cell-l {
float: left;
width: 313px;
border: solid #999999 1px ;
background-color: #f9f9f9;
margin-bottom:9px;
}

.cell-r {
float: right;
width: 313px;
border: solid #999999 1px ;
background-color: #f9f9f9;
margin-bottom:9px;
}

.samnail {
width: 100px;
height: 100px;
float: left;
padding: 5px;

}

.casetitle {
width: 193px;
float: right;
padding: 5px;

}


/*
=====================================================================
*
*    Header
*
* =================================================================== 
*/

#Header {
	background: #FFFFFF;
	padding: 23px 0px 0px 0px;
	border-bottom: 1px solid #DBDBDB;
	height:64px;
}
	#Header .flL {}
	#Header .flR {
		width: 630px;
	}

	#Header .flR .glonavBlock {
		float: left;
		margin-right: 5px;
	}
		#Header .flR .glonavBlock li {
			display: block;
			float: left;
			margin-right: 5px;
		}
			#Header .flR .glonavBlock li a {
				display: block;
			}
		#Header .flR .glonavBlock li.last {
			margin-right: 0px;
		}
/*
=====================================================================
*
*    Footer
*
* =================================================================== 
*/
#Footer {
	margin-top: 0px;
	background: #FFF;
	border-top: solid 1px #D8D8D8;
}
	#Footer .naviBlock {
		border-bottom: solid 1px #D8D8D8;
		height: 40px;
	}
		#Footer .naviBlock .container .flL {
			width: 500px;
		}
			#Footer .naviBlock .container .flL .navi {
				float: left;
				margin-top: 10px;
				margin-left: 30px;
				width: 600px;
			}
				#Footer .naviBlock .container .flL .navi li {
					display: block;
					float: left;
					margin-right: 12px;
					color: #555555;
					font-size: 80%;
				}
					#Footer .naviBlock .container .flL .navi li.last {
					margin-right: 0px;
					color: #555555;
					font-size: 80%;
					}
			#Footer .naviBlock .container .flL .sns {
				float: right;
				margin-top: 12px;
			}
		#Footer .naviBlock .flR {
			font-size:12px;
			color:#CCCCCC;
			margin-top: 10px;
			width: 330px;
		}
		


/*
=====================================================================
*
*    Side
*
* =================================================================== 
*/

#Side {
	float: right;
	width: 237px;
}
	#Side .box {
		padding-bottom: 14px;
		margin-bottom: 10px;
		background: url(../../../../../images/common/bg/side-box-foot.gif) no-repeat bottom left;
	}
		#Side .box .head {
			height: 74px;
			padding: 0px 25px;
			background: url(../../../../../images/common/bg/side-box-head.gif) no-repeat top left;
		}
			#Side .box .head img {
				margin-top: 45px;
			}
		#Side .box .body {
			background: url(../../../../../images/common/bg/side-box-body.gif) repeat-y top left;
		}
			#Side .box .body ul {
				margin: 0px 6px;
			}
				#Side .box .body ul li {
					font-size: 90%;
				}
				
					#Side .box .body ul li a {
						display: block;
						height: 35px;
						color: #666666;
						line-height: 35px;
						padding: 0px 20px;
						text-decoration: none;
						background: url(../../../../../images/common/bg/dot.gif) repeat-x bottom left;
					}
					#Side .box .body ul li a:hover {
						padding-left: 19px;
						border-left: 1px solid #D3D3D3;
						border-right: 1px solid #D3D3D3;
						background: #F9F9F9 url(../../../../../images/common/bg/dot.gif) repeat-x bottom left;
					}
						#Side .box .body ul li a span {
							display: block;
							background: url(../../../../../images/common/bg/side-link-head.gif) no-repeat center right;
						}
			
			#Side .box .body .work {
				width: 185px;
				margin: 0 auto;
				padding-top: 25px;
			}
				#Side .box .body .work .img {
					/*border: solid 1px #D8D8D8;*/
					margin-bottom: 20px;
				}
				
				#Side .box .body .work .spec {}
					#Side .box .body .work .spec .title {
						font-weight: bold;
						margin-bottom: 10px;
					}
					#Side .box .body .work .spec .discription {
						font-size: 80%;
						color: #666666;
						margin-bottom: 20px;
					}
					#Side .box .body .work .spec .link {
						text-align: right;
						padding-bottom: 20px;
					}


/*
=====================================================================
*
*    Top
*
* =================================================================== 
*/
#TopSection{
		border-top: 1px solid #FFFFFF;
		border-bottom: 1px solid #FFFFFF;

}
	#TopSection .containerShadow{
	 	width: 960px;
	}
	
	/* プロモエリア */
	#TopSection .promoBlock {
		margin-top: 30px;
		background-color:#EDEEE8;
		margin-bottom: 0px;
	}
	
		#TopSection .loading{
		}
	
		#TopSection .promoBlock .images {
			position: relative;
			width: 960px;
			height: 410px;
			overflow: hidden;
			margin: 0px auto 0px;
		}
		
			#TopSection .promoBlock .images ul {
				position: absolute;
				display:none;
			}
				#TopSection .promoBlock .images ul li {
					display: block;
					float: left;
					height: 387px;
				}
		
		#TopSection .promoBlock ul.paging {
			margin: 0 auto;
		}
			#TopSection .promoBlock ul.paging li {
				display: block;
				float: left;
				width: 20px;
			}
			#TopSection .promoBlock ul.paging li.last {
				margin-right: 0px;
			}
				#TopSection .promoBlock ul.paging li a {
					display: block;
					width: 7px;
					height: 7px;
				}
				#TopSection .promoBlock ul.paging li a.selected {
				}
	
	/* ニュース */	
	#TopSection .newsBlock {
		margin-bottom: 10px;
		background: url(../images/cell_m.gif) repeat-y top left;
		width:718px;
		float: left;



	}
		#TopSection .newsBlock .head {
			padding-top: 10px;
			background: url(../images/cell_m_top.gif) no-repeat top left;

		}
			#TopSection .newsBlock .head .foot {
				padding-bottom: 10px;
				background: url(../images/cell_m_bottom.gif) no-repeat bottom left;

			}
				#TopSection .newsBlock .head .foot .body {
					padding: 10px 10px;
					}


					#TopSection .newsBlock .head .foot .body .logo {
						width:200px;
						float:left;
					}
/*
					#TopSection .newsBlock .head .foot .body .text {
						float:right;
						width:740px;
					}


					#TopSection .newsBlock .head .foot .body .textall {
						float:right;
						width:740px;
						text-align:right;
					}
*/					
					#TopSection .newsBlock .head .foot .body .text {
						float:right;
						width:600px;
					}

					#TopSection .newsBlock .head .foot .body .textall {
						float:right;
						width:600px;
						text-align:right;
					}
					
					#TopSection .newsBlock .head .foot .body ul {
						padding: 0px 0px 0px 10px;
					}

						#TopSection .newsBlock .head .foot .body ul li {
							height: 20px;
							line-height: 20px;
						}
							#TopSection .newsBlock .head .foot .body ul li a {
								color: #555555;
							}
							#TopSection .newsBlock .head .foot .body ul li a:hover {
								color: #00B4FF;
							}
								#TopSection .newsBlock .head .foot .body ul li span {
									line-height: 20px;
								}
								
								#TopSection .newsBlock .head .foot .body ul li .date {
									color: #777777;
									margin-right: 20px;
								}
								
/*
	/* ナビ */
	#TopSection .naviBlock {
		margin-left: 15px;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	#TopSection .naviBlockmini {
		margin-left: 10px;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	
		#TopSection .naviBlock ul {
		}
			#TopSection .naviBlock ul li {
				display: block;
				float: left;
				margin-right: 10px;
			}
			#TopSection .naviBlock ul li.last {
				margin-right: 0px;
			}
		
			#TopSection .naviBlockmini ul li {
				display: block;
				float: left;
				margin-right: 5px;
			}
			#TopSection .naviBlockmini ul li.last {
				margin-right: 0px;
			}


	#TopSection .naviBlock_m {
		float: left;
		margin-left: 3px;
		width: 718px;
	}

	
		#TopSection .naviBlock_m ul {
		}
			#TopSection .naviBlock_m ul li {
				display: block;
				float: left;
				margin-right: 7px;
				margin-bottom: 7px;
			}
			#TopSection .naviBlock_m ul li.last {
				margin-right: 0px;
			}
		

		
	/* 導入実績 */
	#TopSection .entryBlock {
		float: left;
		width: 718px;
		background: url(../images/cell_m.gif) repeat-y top left;

	}
		#TopSection .entryBlock .head {
			height: 60px;
			padding: 0px 10px;
			padding-top:10px;
			background: url(../images/cell_m_top.gif) no-repeat top left;
		}
		
		#TopSection .entryBlock .newshead {
			height: 10px;
			padding: 0px 10px;
			padding-top:10px;
			background: url(../images/cell_m_top.gif) no-repeat top left;
		}
		
		#TopSection .entryBlock .list {
			background: url(../images/cell_m_bottom.gif) no-repeat bottom left;
			padding: 0px 40px;
			padding-top:20px;
			padding-bottom:20px;
		}
			
		#TopSection .entryBlock .main {
			background: url(../images/cell_m_bottom.gif) no-repeat bottom left;
			padding: 0px 40px;
			padding-top:10px;
			padding-bottom:30px;
			font-size:12px;
			line-height:2.0;		
		}

		#TopSection .entryBlock .products {
			background: url(../images/cell_m_bottom.gif) no-repeat bottom left;
			padding: 0px 5px;
			padding-top:10px;
			padding-bottom:30px;
			font-size:12px;
			line-height:2.0;		
		}

		#TopSection .entryBlock .mlist {
			background: url(../images/cell_m_bottom.gif) no-repeat bottom left;
			padding: 0px 40px;
			padding-top:10px;
			padding-bottom:30px;		
		}

			#TopSection .entryBlock .list .cell a {
				display: block;
				height: 210px;
				padding: 0 35px;
				text-decoration: none;

			}
			#TopSection .entryBlock .list .last a {

			}
			#TopSection .entryBlock .list .cell a:hover {

			}

				
	
	/* インフォ */
	#TopSection .infoBlock {
		float: right;
		width: 228px;
		background: url(../images/cell_s.gif) repeat-y top left;


	}
		#TopSection .infoBlock .head {
			background: url(../images/cell_s_top.gif) no-repeat top left;
			padding-top:10px;
		}
		
		#TopSection .midashi {
			padding-top:15px;
			padding-left:25px;
			font-size:26px;
			text-align: left;
			
		}
		
		#TopSection .infoBlock .foot {
			background: url(../images/cell_s_bottom.gif) no-repeat bottom left;
			padding-bottom:10px;

		}
		
		#TopSection .infoBlock .container {
			width: 185px;
			margin: 0 auto;
		}
			#TopSection .infoBlock .container #Map {
				height: 315px;
				width:186px;
				margin-bottom: 10px;
			}
			
			
			#TopSection .infoBlock .container .address {
				font-size: 85%;
				margin-bottom: 20px;
			}
			#TopSection .infoBlock .container .tel {
				font-size: 85%;
				width: 183px;
				text-align:left;
				margin-bottom: 3px;
			}
				#TopSection .infoBlock .container .tel .flL {
					font-weight: bold;
				}
				
				#TopSection .infoBlock .container .tel .flR {
					width: 150px;
				}
	#TopSection .bannerBlock {
		float: right;
		width: 228px;


	}

	/* メニュー */
				
		#TopSection .infoBlock .RMenu {
			width: 214px;
			margin: 7px;
			border-top: 1px solid #D8D8D8;
			}

			#TopSection .infoBlock .RMenu #alink {
				height: 68px;
				width:214px;
				border-bottom: 1px solid #D8D8D8;
			}
	

#contact_area
{
	position:relative;
	width:580px;
	height:80px;
	margin:30px 0;
	padding:5px 10px;
	
	text-align:center;
	font-size:11px;
	color:#666666;
	
	border:solid 1px #CCC;
	background-color:#fafafa;
	
}

#contact_area_aeon
{
	position:relative;
	width:580px;
	margin:0px 0;
	padding:5px 10px;
	
	text-align:center;
	font-size:11px;
	color:#666666;
	
	border:solid 1px #CCC;
	background-color:#fafafa;
	
}

.box600
{
	position:relative;
	width:600px;
	margin:30px 0;
	padding:5px 10px;
	
	text-align:left;
	font-size:12px;
	color:#000000;
	font-weight:bold;	
	border:solid 1px #B7BBBE;
	background-color:#E4F2F7;
	
}


/*
=====================================================================
*
*    POPLIST
*
* =================================================================== 
*/
#Poplist{ margin:10px;
}

	
		#Poplist .midashi {
			padding-top:15px;
			padding-left:25px;
			font-size:26px;
			text-align: left;
			
		}
		
	/* 導入実績 */
	#Poplist .entryBlock {
		float: none;
		width: 718px;
		background: url(../images/cell_m.gif) repeat-y top left;

	}
		#Poplist .entryBlock .head {
			height: 60px;
			padding: 0px 10px;
			padding-top:10px;
			background: url(../images/cell_m_top.gif) no-repeat top left;
		}
		
		#Poplist .entryBlock .newshead {
			height: 10px;
			padding: 0px 10px;
			padding-top:10px;
			background: url(../images/cell_m_top.gif) no-repeat top left;
		}
		
		#Poplist .entryBlock .list {
			background: url(../images/cell_m_bottom.gif) no-repeat bottom left;
			padding: 0px 40px;
			padding-top:20px;
			padding-bottom:20px;
		}
			
		#Poplist .entryBlock .main {
			background: url(../images/cell_m_bottom.gif) no-repeat bottom left;
			padding: 0px 40px;
			padding-top:10px;
			padding-bottom:30px;
			font-size:12px;
			line-height:2.0;		
		}

		#Poplist .entryBlock .products {
			background: url(../images/cell_m_bottom.gif) no-repeat bottom left;
			padding: 0px 5px;
			padding-top:10px;
			padding-bottom:30px;
			font-size:12px;
			line-height:2.0;		
		}

		#Poplist .entryBlock .mlist {
			background: url(../images/cell_m_bottom.gif) no-repeat bottom left;
			padding: 0px 40px;
			padding-top:10px;
			padding-bottom:30px;		
		}

			#Poplist .entryBlock .list .cell a {
				display: block;
				height: 210px;
				padding: 0 35px;
				text-decoration: none;

			}
			#Poplist .entryBlock .list .last a {

			}
			#Poplist .entryBlock .list .cell a:hover {

			}
	/* ナビ */

	#Poplist .ul{
margin:0;
padding:0;
list-style-type:none;
}

#Poplist li{
float:left;
margin-left:30px;

}

	/* ニュース */

.news{ list-style: disc;
        margin-left:24px; }