/*******************************************************************************
*GLOBAL
*******************************************************************************/

body { text-align: center; background-color: #000000; color:#FFFFFF; 
	font-family: Arial, Helvetica, "ＭＳ Ｐゴシック" ; font-size:80% ;
	scrollbar-highlight-color:#e0e0e0;
	scrollbar-shadow-color:#DDDDDD;
  	scrollbar-arrow-color:#101010;
  	scrollbar-face-color:#101010;
  	scrollbar-3dlight-color:#FFFFFF;
  	scrollbar-track-color:#e0e0e0;
  	scrollbar-darkshadow-color:#101010; }

a { color: #FFFFFF; font-family: Arial, Helvetica, "ＭＳ Ｐゴシック" ; text-decoration: none;}
a:visited { color: #F8F8FF;  text-decoration: none; }
a:hover { color: #C0C0C0;  text-decoration: none; }
a img { border:none; }

/*******************************************************************************
*Class属性
*******************************************************************************/

.middle { color: #FFFFFF; font-size: 10pt; font-weight:100;}
.big { font-size:150%; }
.right { text-align: right; }
.red { color:red }
.center { text-align:center; }
/*******************************************************************************
*ここからページ構成
*******************************************************************************/
/*全体*/

#all { width: 700px; margin: 0 auto; background-color: #101010; }

/*上部*/

#header { position: relative; background: url(img/top.gif) left top no-repeat ; 
          height: 300px; }

/*メニュー*/

#menu { position: relative; width:100%; height: 30px; margin-top:5px ; padding: 0; 
	 background: url(img/menu.gif) repeat-x ; }
 #menu ul { margin: 0; padding: 0; list-style: none; }
 #menu li { float: left; margin-top:8px;  margin-left:20px; margin-right:20px;  height:30px; }
 #menu li a { text-decoration: none; font-size: 12pt;}

/*中央全体*/

#center { position: relative; margin: 10px 0; width: 100%; }

/*右側メイン部分*/

#content { float:right; width: 500px; background-color: #101010; }
 #new { position: relative; left:10px; background: url(img/news.gif) no-repeat; 
		text-align: left; padding:5 0 0 50 ;}
   #news { position: relative; left:20px; margin:2; padding:10px; font-size:8pt; color:#e0e0e0;
		width:350px; height: 130px; overflow-y:auto; border-left: #e0e0e0 1px double; }
   #media { position: relative; left:20px; margin:0; padding:10px;  font-size:8pt; color:#e0e0e0;
		width:350px; height: 130px; overflow-y:auto; border-left: #e0e0e0 1px double; }

 #newbottom { position: relative; left: 10px; margin:0; padding:50px 0; 
		background: url(img/new-bottom.gif) no-repeat; }

 #guide-post { margin: 0 10px; padding-bottom:5px;  width: 100%; background-color: #101010; 
		text-align: left; border-bottom: 1px dotted #707070 ; }

/*各メニューごと*/
#company { position: relative; top:0;  background-color: #101010;}
 #company h1 { text-align: left; margin-left: 10px; }
 #company table { background-color: #101010; border: #707070 1px solid ; font-size: 9px; 
		text-align: left; width:400px; border-collapse: collapse; margin:5px 20px 0px 45px ; }
 #company td, tr { border: #707070 1px solid; padding: 5px ; }
 
/*製品案内メニュー*/
#sidemenu { positon: relative; text-align: left; font-size: 70%; }
  #sidemenu ul { margin:0 0 0 2.5em; padding:0;}
  #sidemenu li { padding:5px 0; }

#sidemenu-t { positon: relative; }

#sidemenu-m { positon: relative; background-color: #464646; border-bottom: 1px solid #DDDDDD ;
		border-top: 1px solid #DDDDDD ; padding: 0px; margin: 0px; }


#sidemenu-b { positon: relative; }

/*製品右コンテンツ部分*/

#box { position:relative; width:100%; margin:10px 0; padding:5p0x 0; }
#box h2 { text-align:left; margin-left:10px;}

#white { position:relative; width:470px; margin:15px; background-color: #FFFFFF; padding:15px; color:#494949; 
		text-align: left; }
  #white a { color: #707070; font-family: Arial, Helvetica, "ＭＳ Ｐゴシック" ; text-decoration: none;}
  #white a:visited { color: #707070;  text-decoration: none; }
  #white a:hover { color: #707070;  text-decoration: none; }
  #white p { padding:0 15px; font-size:80%; }
  #white h1 { font-size:130%; padding:5px 0; border-bottom: #494949 1px dotted; }
  #white h2 { font-size:120%; background:url(img/h2.gif) left top no-repeat; margin:0; padding: 4px 0 10px 15px;}
  #white h3 { font-size:100%; padding:0 10px; margin:0;}
  #white table { font-size:100%; color:#707070; border:#DDDDDD 1px solid; margin:10px; text-align:center; border-collapse:collapse;}
  #white tr td { font-size:100%; color:#707070; border:#DDDDDD 1px solid; }

/*テーブル部分*/
#box table { font-size: 100%; border-collapse:collapse; }
#box tr td { padding:10px 7px; margin:0; border-bottom:#707070 1px solid;}

/*マニュアル右メイン部分*/
.manual-box { font-size: 100%; width:300px; margin:0; padding:0;
		border-collapse:collapse; border:#707070 1px solid; text-align:center; }

/*COMPANY*/
#map { position:relative; right:110px; width:250px; margin:20px; padding:10px; 
	text-align:left; font-size:80%; background-color:#494949;}

/*Infomation*/
#info { position: relative; top:0;  background-color: #101010; text-align:left;}
#info p { text-align:left; margin:10px; padding:10px; }
#info h1 { text-align: left; margin-left: 10px; }

#tel { position:relative; left:20px; width: 300px; height:60px; margin:10px; padding:15px;
	background-color:#FFFFFF; color:#707070;}

/*左側サイド部分*/

#menulist { float: left;  top: 0px; width: 200px;
	    background: #F9CFBA url(img/sidemenu.gif) repeat-y ; }

#caution { position: relative; left: 10px; width: 190px; }
 #caution h2 { font-size: 7pt; font-weight: 100; color:#DDDDDD; text-align: left; margin:0;
		padding:2; text-indent: 8px; background: url(img/chui.gif) no-repeat;}
 #caution p { font-size: 95%; color: #DDDDDD; }

#cm { position: relative; left: 10px; width: 190px; height:300px; margin-top: 30px; margin-bottom:20px; text-align:center;
	}

/*下部コピーライト*/
#footer { position:relative; background: #DDDDDD url(img/copyrights.gif) no-repeat ; height: 20px; }


