/* ===========================================
	ヘッダー、フッターなどの共通部分
=========================================== */

body{
	/*background-image: url("../image/bg_main_800x532.jpg");
	background-repeat: repeat;*/
	background-color:#ffffff;
}

#body-content{
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;

}


#header{
	position: relative;
	width: 100%;
	background-color:#ffffff;
	/*background-image: url("../image/bg_main_800x532.jpg");
	background-repeat: repeat;*/
	
	border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-color: #000000;
}

#headerinn{
	width: 960px;
	height: 150px;
	/*background-color:#ffffff;*/
	background-image: url("../image/genba21bg_960x100.png");
	background-repeat: no-repeat;
	
	border-style: solid;
    border-width: 0px 1px 1px 1px;
    border-color: #000000;
	
	text-align: left;
	margin: 0 auto;	
}

#header-logo{
	height:100px;
	font-size: 10pt;
	color:#ffffff;
	
	border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #000000;
}

#header-logo a{
	height:67px;
	font-size: 10pt;
	color:#ffffff;

}

#header-logo-left{
	float: left;
	width: 330px;
	margin-top:10px;
	margin-left:10px;
}

#header-logo-right{
	
	width: 500px;
	float:right;
	text-align: right;
	margin-top:10px;
	padding-right:15px;
}

#header-navi{
	margin-top:7px;
	margin-left:10px;
	padding-bottom:10px;
	width: 960px;
}




#maincontent{
	position: relative;
	
	width: 100%;
	background-color:#ffffff;
	/*background-image: url("../image/bg_main_800x532.jpg");
	background-repeat: repeat;*/
}

#maincontentinn{
	width: 960px;
	background-color:#ffffff;
	border-style: solid;
    border-width: 0px 1px 0px 1px;
    border-color: #000000;
	text-align: left;
	margin: 0 auto;
}


#footer{
	position: relative;
	width: 100%;
	background-color:#ffffff;
	/*background-image: url("../image/bg_main_800x532.jpg");
	background-repeat: repeat;*/
	border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-color: #000000;
}

#footerinn{
	width: 960px;
	height: 80px;
	text-align: left;
	background-color:#ffffff;
	border-style: solid;
    border-width: 1px 1px 0px 1px;
    border-color: #000000;
	margin: 0 auto;
	color:#000000;
}

#footer-logo{
	float:left;
	width:450px;
}

#footer-copyright{
	float:right;
	width:450px;
	
	height:80px;
	position:relative;
}

#footer-copyrightinn{
	position:absolute;
	bottom:0;
	right:0;
}


/* ===========================================
	コンテンツ
   =========================================== */
/*  toppage(index.html)*/
#toppage-catch-copy{
	text-align: center;
}


#contcolumn{
	width: 960px;
	padding: 0 10px;
	text-align: left;
	margin: 0 auto;
}

#contcolumninn{
	width: 100%;
	padding: 15px 0;       
}


#top-mainbox{
		padding-bottom:30px;

}


#top-mainbox h3{
	color: #000000;
}



#top-mainbox-content{
	/*background-color:222222;*/
	
	padding:30px 30px 0px 120px;
}

#top-mainbox-content-banner{
	height:80px;
	border-left: solid 20px #005D72;
    line-height: 100px;
	background-color:ffffff;
	float:left;
	width:330px;
}

#top-mainbox-content-banner  img{
	margin-left: 15px;
}


#top-mainbox-content-words{
	background-color:ffffff;
	font-size: 10pt;
	height: 67px;
}


#softname{
	font-size: 17pt;
	color:#005D72;
}




#top-news-box{
	position: relative;
	
	width: 100%;
	background-color:#ffffff;
	/*background-image: url("../image/bg_main_800x532.jpg");
	background-repeat: repeat;*/
}

#top-news-boxinn{
	width: 960px;
	background-color:#ffffff;
	border-style: solid;
    border-width: 0px 1px 0px 1px;
    border-color: #000000;
	text-align: left;
	margin: 0 auto;
}

.top-news-bar{
	margin-top: 0px;
	
	background-image: url("../image/top_news_bar_bg.png");
	background-repeat: repeat;
	
	font-weight: bold;
	font-size:16px;
    padding-left: 10px;
	
	border-style: solid;
    border-width: 1px 0px 1px 0px;
    border-color: #000000;
	border-left: solid 10px #000000;
	color: #000000;
    line-height: 30px;
}

.top-l-inn{
	overflow: auto;
	height: 330px;
}


.top-news{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #000000;
	font-size:12px;
}


.top-news dt{
	float:left;
	width: 100px;
	color: #000000;
	text-align: center;
}

.top-news dd{
	margin-left: 100px;
	color: #000000;
	padding: 0 0 12px 12px;
	border-left: solid 1px #000000;
}



/* newspage(news.htm)*/
#newspage-catch-copy{
	
	height:80px;
	border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #111111;
}

#news-page-maincontent{
	border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #111111;
}


/*  product_製品紹介ページ(index.html)*/

#product-page-maincontent{
	
}


/* ===========================================
	layout(マージン、パッディング、フォントサイズ)
   =========================================== */
/*  common */
h1,h2,h3,h4,h5,h6{
	font-size: 10pt;
}

font.ss			{font-size: 8pt;}
font.s			{font-size: 10pt;}
font.m			{font-size: 14pt;}
font.b			{font-size: 16pt;}
.left			{text-align: left;}
.right			{text-align: right;}
.center			{text-align: center;}
a:link			{color: #000000;}
a:visited		{color: #0000ff;}
a:active		{color: #ff0000;}
a:hover			{color:	#00bbff;}


a {
	text-decoration: none;
}

.mb5{
	margin-bottom: 5px;
}
.mb10{
	margin-bottom: 10px;
}
.mb15{
	margin-bottom: 15px;
}
.mb20{
	margin-bottom: 20px;
}

.pad5{
	padding-bottom: 5px;
}
.pad10{
	padding-bottom: 10px;
}
.pad15{
	padding-bottom: 15px;
}
.pad20{
	padding-bottom: 20px;
}

.w100{
	width: 100%;
}

.mad5{
	margin: 5px;
}
.mad10{
	margin: 10px;
}
.mad15{
	margin: 15px;
}
.mad20{
	margin: 20px;
}


/* スクロールバー*/
.scrooling{
	overflow-y: scroll;   /* スクロール表示 */ 
	
	height:340px;
	width:580px;
}

.scrooling tr{
 	vertical-align:middle;
	line-height:2;
	font-size: 10pt;
	color: #ffffff;
}

#title{
	border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #111111;
	height:20px;
	background-color: #ffffff;
}