@charset "utf-8";

/* CSS Document */



body { 

    text-align:center;

    margin: 0;

    padding: 0;

    font-family: "Lucida Grande","ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3","Osaka","メイリオ","ＭＳ Ｐゴシック",Geneva,Arial,Verdana,sans-serif;

}

#container {

	width: 848px;

	height: auto;

    margin: 0px auto;

}





#container:after {

    content: "";

    display: block;

    clear: both;

    height: 1px;

    overflow: hidden;

}



/*\*/

*html #container {

    height: 1em;

    overflow: visible;

}

/**/

img {

    border: none;

}

.clear {

	display:block;

	height:1px;

	font-size:1px;

	clear:both;

}



/************  header  **************/



.header {



    width: 848px;

	height:auto;

	text-align:left;

}



.logo_1 {

	width: 187px;

	height: 13px;

	margin-top: 20px;

}



.border_header {

    width: 848px;

	height: 5px;

    background-image: url(../images/shadow/gradation3.jpg);

	background-repeat: repeat-x;

	overflow: hidden;

	margin-top: 5px;

}



.logo_2 {

    width: 133px;

	height: 13px;

	float: left;

	margin-top: 5px;

}



.cap1 {

    font-size: 10px;

	color: #00a6e2;

	text-align: right;

	text-decoration: none;

	padding-top: 10px;

}



a:link{

	color: #000000;

}



.banner_space {

    width: 848px;



}

.banner_top {

    width: 848px;

}



.shadow_top {

    width: 848px;

	height:30px;

	background-image: url(../images/shadow/gradation1.jpg);

	background-repeat: repeat-x;

	overflow:hidden;



}



/************  box  **************/





#wrapper {

    width: 848px;

	height: auto;

	margin-top: 19px;

	margin-bottom:60px;

	text-align:left;

}

#wrapper_top {

    width: 848px;

	margin-bottom:0px;

	float: left;

	margin-top: -20px;

	margin-bottom:60px;

}



#primary {

    width: 640px;

	height: auto;

	float: left;

	margin-top: 30px;

	margin-left: 104px;

}









/**********  button  **********/





#button {

    width: 848px;

	height: 30px;

	float: left;

	text-align: center;

    display: inline;

	margin-top: 5px;

	margin-left: 1px;

}



.shadow_button {

	float: left;

    width: 848px;

	height: 10px;

	background-image: url(../images/shadow/gradation2.jpg);

	background-repeat: repeat-x;

	overflow: hidden;

	padding-bottom:0px;

}



#button li {

	float: left;

	background-repeat:no-repeat;

	list-style-type:none;

    list-style-position:outside;

	margin:0px;



}







ul{

padding:0px;

margin:0px;

}









li.home a{

    display: block;

	background-image: url(../images/button/home.jpg);

	width: 106px;

	height: 30px;

}

li.home a:hover{

    background-image: url(../images/button/home2.jpg);

}



li.news a{

    display: block;

	background-image: url(../images/button/news.jpg);

	width: 106px;

	height: 30px;

}

li.news a:hover{

    background-image: url(../images/button/news2.jpg);

}



li.product_info a{

    display: block;

	background-image: url(../images/button/product_info.jpg);

	width: 106px;

	height: 30px;

}

li.product_info a:hover{

    display: block;

	background-image: url(../images/button/product_info2.jpg);

	width: 106px;

	height: 30px;

}



li.research_development a{

    display: block;

	background-image: url(../images/button/research_development.jpg);

	width: 106px;

	height: 30px;

}

li.research_development a:hover{

    background-image: url(../images/button/research_development2.jpg);

}



li.employment a{

    display: block;

	background-image: url(../images/button/employment.jpg);

	width: 106px;

	height: 30px;

}

li.employment a:hover{

    background-image: url(../images/button/employment2.jpg);

}



li.company_info a{

    display: block;

	background-image: url(../images/button/company_info.jpg);

	width: 106px;

	height: 30px;

}

li.company_info a:hover{

    background-image: url(../images/button/company_info2.jpg);

}



li.inquiry a{

    display: block;

	background-image: url(../images/button/inquiry.jpg);

	width: 106px;

	height: 30px;

}

li.inquiry a:hover{

    background-image: url(../images/button/inquiry2.jpg);

}



li.english a{

    display: block;

	background-image: url(../images/button/english.jpg);

	width: 106px;

	height: 30px;

}

li.english a:hover{

    background-image: url(../images/button/english2.jpg);

}















/**********  footer  **********/





#footer {

    width: 848px;

	height: 50px;

	margin-left: auto;

	margin-right: auto;

}



.line_footer {

    width: 848px;

	height: 2px;

	background-image: url(../images/all/footer_line.jpg);

	background-repeat: repeat-x;

	overflow: hidden;

	float: left;

}



.space_cap2 {

    width: 400px;

	height: 13px;

	float: left;

	margin: 10px 0 10px 0;

}



.cap2 {

    font-size: 13px;

	font-weight: bold;

	color: #000000;

	text-align: left;

}



.space_cap3 {

    width: 250px;

	height: 11px;

	float: right;

	margin: 10px 0 10px 0;

}



.cap3 {

    font-size: 11px;

	font-weight: bold;

	color: #00000;

	text-align: right;

	text-decoration: none;

	padding: 0;

}