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


/** Universal Reset-----------------------*/

/** 各リスト-----------------*/
 dl.common {  
 width:500px;  
 }  
 dt.common{  
 float:left;  
 width:80px;  
 padding:5px 0px 0px 10px;   
 font-weight:bold; 
 color:#353535; 
 }  
dd.common {  
 width:100%;  
 margin-left:130px;  
 padding:5px 5px 5px 5px;  
 }  

/** 各ページボタン位置-----------*/ 
#btn{
width:100%;
padding:15px 5px;
text-align:center;
}


/** 各ページ問合せの前の文章-----------*/ 
.btn_text{
	line-height: 24px;
	font-size:14px;
	text-align:center;
	padding:5px 0px;

}


/** トップページ
-----------------------------------------------------------------------------------------------------------------------------------------*/


#toppage{
	width:980px;
	position:relative;
	top:-70px;
	}
	
#monitor{
	width:280px;
	height:160px;
	float:left;
	padding-left:10px;
}

#topcopy{
	width:660px;
	height:90px;
	float:right;
	text-align:right;
	padding-right:20px;
	padding-top:68px;
}	

#main{
	width:980px;
	position:relative;
	top:-65px;
}
#top_mainmenu1{
	width:980px;
	height:32px;
	margin:10px 0px 0ox 0px;
	text-align:left;
	background-image:url(../img/toppage_img/top_mainmenu_bg1.gif);
}

#top_mainmenu2{
	width:980px;
	height:auto;
	margin:0 auto;
	text-align:left;
	background-image:url(../img/toppage_img/top_mainmenu_bg2.gif);
	background-repeat:repeat-y;
}

#top_mainmenu3{
	width:980px;
	height:32px;
	margin:0 auto;
	text-align:left;
	background-image:url(../img/toppage_img/top_mainmenu_bg3.gif);
}

#main_menu{
	width:900px;
	padding:0px 20px 0px 20px;
	height:auto;
	margin-left:10px;
}

#top_news{
	width:700px;
	height:76px;
	background-image:url(../img/toppage_img/news_bg.gif);
	background-repeat:no-repeat;
	padding:20px 10px 10px 270px;
	text-align:left;
	margin-top:10px;

}

/** トップページ　メニューのリスト
-----------------------------------------*/

ul.topmenuA{
    margin:0px 0px 0px 20px;
	padding:0px;
}

ul.topmenuA li{
    list-style:none;
	margin: 0px 0px -2px 0px;
	padding: 0px;
    width:235px;

}

ul.topmenuB{
    margin:0px 0px 0px 2px;
	padding:0px;
}

ul.topmenuB li{
    list-style:none;
	margin: 0px 0px -2px 0px;
	padding: 0px;
    width:211px;

}
ul.topmenuC{
    margin:0px 0px 0px 2px;
	padding:0px;
}


ul.topmenuC li{
    list-style:none;
	margin: 0px 0px -2px 0px;
	padding: 0px;
    width:104px;

}

/**会社コンセプト、社長挨拶
-----------------------------------------------------------------------------------------------------------------------------------------*/
#text_size{
	padding-top:10px;
	font-size:16px;
	width:580px;
	line-height:30px;
}

/**ニュース
-----------------------------------------------------------------------------------------------------------------------------------------*/
#news_text{
	width:600px;
	padding:0px 30px 0px 30px;
	text-align:left;
	font-size:14px;
	line-height:23px;
	}



dl.news dt {
  clear: left;
  float: left;
  margin: 0 0 0 0;
  width: 100px;
  border-left: solid 8px #CCC;
  padding-left: 7px;
  color:#BD003C;
  font-weight:bold;
  font-size:15px;
  padding-right:12px;
}

dl.news dd {
  margin-bottom: 0;
  margin-left: 130px;
    font-size:15px;

}

/**各ページテキスト
-----------------------------------------------------------------------------------------------------------------------------------------*/


.list{
	line-height: 24px;
	font-size:14px;
	text-indent:-1em;
	padding-left:2em;
	margin:0px 5px 0px 5px;
	padding-bottom:5px;
	padding-top:5px;
	padding-right:8px;
}
.list2{
	line-height: 24px;
	padding-left:1em;
	margin:0px 3px;
	padding-bottom:8px;
	padding-top:3px;
	padding-right:8px;
}

.list_300{
	line-height: 24px;
	padding-left:1em;
	margin:0px 3px;
	padding-bottom:8px;
	padding-top:3px;
	width:280px;
	font-size:14px;
}

/**タイトル　黒　16ピクセル　
--------------------------------------*/

.list3{
	line-height: 24px;
	padding-left:1em;
	margin:0px 3px;
	padding-bottom:3px;
	padding-left:5px;
	padding-top:3px;
	font-size:16px;
	color:#161616;

}


.title {
  border-left: solid 4px #BD003C;
  padding-left: 8px;
  color:#BD003C;
  font-weight:bold;
  font-size:16px;
  padding-bottom:4px;
  padding-top:5px;
  padding-bottom:5px;
  
}

.title2 {
height:15px;
  padding-left:35px;
  color:#BD003C;
  font-weight:bold;
  font-size:16px;
  padding-bottom:5px;
  padding-top:5px;
  background-image:url(../img/common_img/niji_back.gif);
  background-repeat:no-repeat;
  
}


.title3 {
　height:15px;
  padding-left:35px;
  color:#BD003C;
  font-size:20px;
  padding-bottom:5px;
  padding-top:5px;

  font-weight:bold;  
}

.title4 {
　height:15px;
  padding-left:0px;
  color:#686868;
  font-size:16px;
  padding-bottom:5px;
  padding-top:5px;

  font-weight:bold;  
}


.title_bk {
　height:15px;
  padding-left:35px;
  color:#353535;
  font-size:16px;
  padding-bottom:5px;
  padding-top:5px;
  background-image:url(../img/common_img/niji_back.gif);
  background-repeat:no-repeat; 
}
/**システム開発
-----------------------------------------------------------------------------------------------------------------------------------------*/

#system_btn
{
	padding:10px 10px;
		
}

/**現場の声
-----------------------------------------------------------------------------------------------------------------------------------------*/

#staff_box
{
	border:solid 1px #CCCCCC;
	width:585px;
	padding:5px;
		
}

/**アツメルン　クラベルン　アートニア----------------------------------------------------------------------------------------------------*/
.title_atumerun {

  padding-left: 35px;
  color:#00A498;
  font-weight:bold;
  font-size:16px;
  padding-bottom:5px;
  padding-top:5px;
  background-image:url(../img/common_img/niji_back.gif);
  background-repeat:no-repeat;
  
}

.title_kuraberun {
  padding-left: 35px;
  color:#00A9D9;
  font-weight:bold;
  font-size:16px;
  padding-bottom:5px;
  padding-top:5px;
  background-image:url(../img/common_img/niji_back.gif);
  background-repeat:no-repeat;  
}

.title_artnear {
  padding-left: 35px;
  color:#CE4779;
  font-weight:bold;
  font-size:16px;
  padding-bottom:5px;
  padding-top:5px;
  background-image:url(../img/common_img/niji_back.gif);
  background-repeat:no-repeat;  
}


 /**footer contents
-----------------------------------------------------------------------------------------------------------------------------------------*/		


#link_footer_top
{
	width:auto 100%;
	padding:0px 10px 0px 10px;
	position:relative;
	top:-60px;
	text-align:center;
	height:100px;
	margin:0 auto;
}

ul.bottom_menu{
	list-style:none;
	margin:0px;
	text-align:center;
	}
	
ul.bottom_menu li{
	display:inline;
	margin:0;
	padding:0px 10px;
	
	}	
#footer_top{
	width:auto 100%;
	position:relative;
	top:-40px;
	padding:10px 0px;
	font-size:12px;
	color:#999999;
	text-align:center;
		margin:0 auto;
		height:25px;
}