@charset "utf-8";
/* CSS Document */
/* ---------------------
 * FONTSIZE MODEL * 
 * ---------------------
 *  63% ->	10pxに相当
 *  70% ->	11pxに相当
 *  75% ->	12pxに相当
 *  82% ->	13pxに相当
 *  88% ->	14pxに相当
 *  94% ->	15pxに相当
 * 100% ->	16pxに相当
 * 107% ->	17pxに相当
 * 113% ->	18pxに相当
 * 119% ->	19pxに相当
 * 125% ->	20pxに相当
 * --------------------- */
 
/*  サイト全体のfont指定
------------------------------------------------------------------------*/
* {
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/*  リンクカラー
------------------------------------------------------------------------*/
/*  リンクカラー */
a:link, a:visited {
	color:#666;
	text-decoration: none;
}
/*  リンクカラーマウスオーバー時 */
a:hover {
	color:#007FAB;
	text-decoration:underline;
}
a[id]:hover, a[id]:active, a[name]:hover, a[name]:active {
  background-color: transparent;
  color:#555;
  text-decoration: none;
}
.rollover a:hover img,
a.rollover:hover img
{
	opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
.cb {
	clear:both;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.mt10{
	margin-top:10px;
}
.mt10{
	margin-top:10px;
}
.mt20{
	margin-top:20px;
}
.mt30{
	margin-top:30px;
}
.mt40{
	margin-top:40px;
}
.mt50{
	margin-top:50px;
}
.mt60{
	margin-top:60px;
}
.mt70{
	margin-top:70px;
}
.mt80{
	margin-top:80px;
}
.mt90{
	margin-top:90px;
}
.small {
	font-size:80%;
}
.backtotop {
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 9000;
    display: none;
	text-align:center;
}    
.backtotop a {
    display: block;
    color: #777777;
    padding: 15px 10px;
    margin: 0;
    background-color: #DDDDDD;
    border-radius: 5px;
    text-decoration: none;
    font-family: 'Marcellus SC', serif;
    font-size: 130%;
}
.backtotop a:hover {
    background: #666666;
    color: #FFFFFF;
}
/*  
-----------------------------------------------------------------------------*/
body {
   background-color: #FFF;
   font: normal  Verdana, sans-serif;
	
	color:#000;
	line-height:150%;
　　　
   
   
   }
   
#wrapper {
	width:1200px;
	height:auto;
	margin:60px auto 0 auto;
	left: 298px;
	top: 183px;
	
}
	   
/*  
-----------------------------------------------------------------------------*/
#top {
   width: 960px;
	height: 665px;
	margin: 0 auto 0 auto;
	background:url(../img/main_bg.jpg) no-repeat;
	font-size: 80%;
	position:relative;
	
	
	-moz-box-shadow: 2px 2px 6px #000;
	-webkit-box-shadow: 2px 2px 6px #000;
	box-shadow: 2px 2px 6px #000;
}
#top_main {
	width: 459px;
	height: 142px;
	position: absolute;
	left: 487px;
	top: 27px;
	
}
#concept {
   width: 960px;
	height: 665px;
	margin: 0 auto 0 auto;
	background:url(../img/concept/main_bg2.jpg) no-repeat;
	font-size: 80%;
	position:relative;
	
	
	-moz-box-shadow: 2px 2px 6px #000;
	-webkit-box-shadow: 2px 2px 6px #000;
	box-shadow: 2px 2px 6px #000;
}
#concept_main {
	width: 460px;
	height: 121px;
	position: absolute;
	left: 194px;
	top: 107px;
	
}
#division {
   width: 960px;
	height: 665px;
	margin: 0 auto 0 auto;
	background:url(../img/division/main_bg3.jpg) no-repeat;
	font-size: 80%;
	position:relative;
	
	
	
	-moz-box-shadow: 2px 2px 6px #000;
	-webkit-box-shadow: 2px 2px 6px #000;
	box-shadow: 2px 2px 6px #000;
}
#kakaku {
	width:auto;
	height:auto;
	float:right;
}
#kakaku tr td {
	padding:1px 8px 0px 8px;
	vertical-align:bottom;
}
#kakaku th {
	padding:0px 8px 0px 8px;
	vertical-align:bottom;
}
.under {
	border-bottom:#39F solid 2px;
	
}
#environment {
   width: 960px;
	height: 665px;
	margin: 0 auto 0 auto;
	background:url(../img/environment/main_bg5.jpg) no-repeat;
	font-size: 80%;
	position:relative;
	
	
	-moz-box-shadow: 2px 2px 6px #000;
	-webkit-box-shadow: 2px 2px 6px #000;
	box-shadow: 2px 2px 6px #000;
	overflow : hidden
}
#environment div {
	width: auto;
	height: auto;
	margin:30px;
	
}
#environment h1 {
	display:block;
	width:auto;
	height:80px;
	background:url(../img/environment/ekitoho.gif) right no-repeat;
	
}
.en_p {
	width:300px;
	height:auto;
}
.en_p li {
	margin:0 0 15px 20px;
}
#equipment {
   width: 960px;
	height: 665px;
	margin: 0 auto 0 auto;
	background:url(../img/equipment/main_bg6.jpg) no-repeat;
	font-size: 80%;
	
	
	
	-moz-box-shadow: 2px 2px 6px #000;
	-webkit-box-shadow: 2px 2px 6px #000;
	box-shadow: 2px 2px 6px #000;
	overflow : hidden
}
#equipment div {
	width: auto;
	height: auto;
	margin:30px;
	
}
#equipment h1 {
	display:block;
	width:auto;
	
}
#eq_link {
	width:580px;
	height:auto;
	
}
#eq_link ul li{
	float:left;
	margin-right:20px;
	
}
  
#plan {
   width: 960px;
	height: 665px;
	margin: 0 auto 0 auto;
	background-image:url(../img/plan/main_bg4_01.jpg);
	background-repeat: no-repeat;
	
	font-size: 80%;
	position:relative;
	
	
	-moz-box-shadow: 2px 2px 6px #000;
	-webkit-box-shadow: 2px 2px 6px #000;
	box-shadow: 2px 2px 6px #000;
}  	   
		   
#outline {
   width: 960px;
	height: 665px;
	margin: 0 auto 0 auto;
	background:url(../img/outline/main_bg7.jpg) no-repeat;
	font-size: 80%;
	position:relative;
	
	
	-moz-box-shadow: 2px 2px 6px #000;
	-webkit-box-shadow: 2px 2px 6px #000;
	box-shadow: 2px 2px 6px #000;
}
#outline_main {
	width: 304px;
	height: 68px;
	position: absolute;
	left: 77px;
	top: 73px;
	
}
.outline_t {
	width: 450px;
	position: absolute;
	left: 333px;
	top: 289px;
	
}
#outline  dt {
	  float:left;
	  
	 
	  
	}
#outline 	dd {
	
	margin-left: 100px;
	  
	}
	
	
	
#model {
   width: 960px;
	height: 665px;
	margin: 0 auto 0 auto;
	background:url(../img/model/main_bg8.jpg) no-repeat;
	font-size: 80%;
	
	
	
	-moz-box-shadow: 2px 2px 6px #000;
	-webkit-box-shadow: 2px 2px 6px #000;
	box-shadow: 2px 2px 6px #000;
	overflow : hidden
}	
/*  nav1
-----------------------------------------------------------------------------*/
#nav1 {
	width:250px;
	height:auto;
	
	position:absolute;
	left: 692px;
	top: 191px;
}
#nav1 p{
	text-align:right;
	
	
	
   
}
#nav1 ul li{
	text-align:right;
	padding-top:15px;
	
	
	
   
}
/*  nav2
-----------------------------------------------------------------------------*/
#nav2 {
	width:960px;
	margin-top:30px;
}
#nav2 ul li{
	float:left;
	padding-right:30px;
	
   
}
/*  nav_plan
-----------------------------------------------------------------------------*/
#nav_p {
	width: 60px;
	height: 21px;
	position: absolute;
	left: 899px;
	top: 12px;
}
#nav_p p{
	text-align:right;
	
	
	
   
}
#nav_p ul li{
	text-align:right;
	padding-top:15px;
	
	
	
   
}
 /* content
-----------------------------------------------------------------------------*/
#content {
	width: 960px;
	height:auto;
	margin: 0 auto 0 auto;
}
 /* article
-----------------------------------------------------------------------------*/
article {
	width:450px;
	height:auto;
	float:left;
	margin:60px 20px 60px 20px;
	font-size:80%;
}
dl.box{
    height: 100px;
    overflow: auto;
	line-height:1;
}
dl.box dt{
    float: left;
    width: 120px;
	color: #ff0000;
}
dl.box dd{
    margin: 0 0 10px 0;
    padding: 0 0 10px 120px;
    border-bottom: 1px dotted #aaa;
}
.jyunbi {
	width:790px;
	height:26px;
	margin:0 auto 0 auto;
}
 /* aside
-----------------------------------------------------------------------------*/
aside {
	width:331px;
	height:auto;
	float:right;
	margin:60px 30px 30px 0;
}
   
/*  footer
-----------------------------------------------------------------------------*/
 
footer {
	clear:both;
	display:block;
  
  width: 960px;
	height:auto;
  margin:0 auto;
  
  
  
}
/*  clearfix
------------------------------------------------------------------------*/
#soltion_03 .textPos:after,
.questionStyle .textPos:after,
#mainTxt .width750:after,
#solLinkSet:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after,
.xxx:after
{
    content: ""; 
    display: block; 
    clear: both;}
#soltion_03 .textPos,
.questionStyle .textPos,
#mainTxt .width750,
#solLinkSet,
.xxx,
.xxx
{display: inline-table;  overflow:hidden; zoom:1;/*for IE 5.5-7*/}
#soltion_03 .textPos,
.questionStyle .textPos,
#mainTxt .width750,
#solLinkSet,
.xxx,
.xxx,
.xxx,
.xxx
{display: block;}