/*----------------------------------------------------------
	edit by toshio maeoka / pm studio co.,ltd.
	mail:maeoka@pmstudio.co.jp
	url:http://www.pmstudio.com/
-----------------------------------------------------------*/
#company_p{
	position: relative;
	background: url(../image/company.jpg) no-repeat;
	width: 1028px;
	height:342px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 50px 0px;
	border: 0px solid #CCC;
	display:block;
	z-index: 20;
}

#slide{
	position: relative;
	width: 1028px;
	height:342px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 50px 0px;
	border: 0px solid #CCC;
	display:block;
	z-index: 20;
}

ul#futuraimage_list{
	list-style:none;
	width: 1028px;
	height:342px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #CCC;
	display:block;
	z-index: 20;
}


ul#futuraimage_list li{
	width: 1028px;
	height:342px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #dedede;
	display:block;
  	cursor: pointer;
	z-index: 20;
}

#explain{
	position: relative;
	width: 850px;
	height:100px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	border: 0px solid #CCC;
	display:block;
	color: #000;
	font-size: 12px;
 	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック","Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-align: left;
	text-decoration: none;
	z-index: 20;
}

#menu_s{
	position: relative;
	width: 750px;
	height:auto;
	margin: 0px auto;
	padding: 0px 0px 30px 0px;
	border: 0px solid #CCC;
	display:block;
	z-index: 20;
}

#menu_s ul#ms_1{
	list-style:none;
	width: 730px;
	height:180px;
	margin: 0px auto;
	padding: 0px 0px 10px 0px;
	border: 0px solid #CCC;
	display:block;
	z-index: 20;
}


ul#ms_1 li#m_1{
	width: 165px;
	height:165px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
	border: 1px solid #CCC;
	display:block;
  	cursor: pointer;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	z-index: 20;
}

ul#ms_1 li{
	width: 165px;
	height:165px;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	float:left;
	border: 1px solid #CCC;
	display:block;
  	cursor: pointer;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	z-index: 20;
}


ul#ms_1:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#menu_s ul#ms_2{
	list-style:none;
	width: 730px;
	height:180px;
	margin: 0px auto;
	padding: 0px 0px 50px 0px;
	border: 0px solid #CCC;
	display:block;
	z-index: 20;
}

ul#ms_2 li#m_5{
	width: 165px;
	height:165px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
	border: 1px solid #CCC;
	display:block;
  	cursor: pointer;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	z-index: 20;
}

ul#ms_2 li{
	width: 165px;
	height:165px;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	float:left;
	border: 1px solid #CCC;
	display:block;
  	cursor: pointer;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	z-index: 20;
}

ul#ms_2:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


#m_1{
	background: url(../image/top_link_1.jpg) no-repeat;
}

#m_2{
	background: url(../image/top_link_2.jpg) no-repeat;
}

#m_3{
	background: url(../image/top_link_3.jpg) no-repeat;
}

#m_4{
	background: url(../image/top_link_4.jpg) no-repeat;
}

#m_5{
	background: url(../image/top_link_5.jpg) no-repeat;
}

#m_6{
	background: url(../image/top_link_6.jpg) no-repeat;
}

#m_7{
	background: url(../image/top_link_7.jpg) no-repeat;
}

#m_8{
	background: url(../image/top_link_8.jpg) no-repeat;
}

#m_1:hover,
#m_2:hover,
#m_3:hover,
#m_4:hover,
#m_5:hover,
#m_6:hover,
#m_7:hover,
#m_8:hover{
	opacity: 0.7;
}
