@import 'base.css';
@import 'theme.css';

/* CSS Document */
* {
	margin: 0;
	padding: 0;
	
}

body {
	font-size: 0.8em; /* Resets 1em to 10px */;
	line-height:1.4em;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #333;
	background:url(images/bk_contents.png) 50% 0 repeat-y #ebebeb;
	text-align:left;
	}

#rap {
	width:760px;
	margin:0 auto;
	border:1px solid #ccc;
	background:#fff;
	}

#container {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}

h2 {
	background:url('img/bk_h2.png') no-repeat;
	padding:4px 0 6px 15px;
	border-bottom:1px solid #ccc;
	margin:30px 0 20px 0;
	font-size:1.4em;
	}
	
h3 {
	margin-top:30px;
	font-size:1.2em;
	border-bottom:1px solid #ccc;
	padding:2px 0 2px 10px;
	background:#cce9f7;
	}
	
h4 {
	border-bottom:1px dotted #999;
	padding:0 0 3px 5px;
	margin-top:20px;
	}

#sb{ margin-bottom:0.5em; border-left:3px solid #145;  font-size:100%; padding:3px 5px;  color:#145;}

#copyright {
	margin: 10px 25px 0px 20px;
	font-size:0.8em;
	color:#777;
}

#copyright2 {
	margin: 0px 25px 0px 20px;
	font-size:0.8em;
	color:#eee;
}
.clear {
	clear: both;
}

.left {
	float:left;
    margin: 0;
	padding: 0;
}

p {
	margin:10px 0px;
	}
	
ol {
	margin:15px 15px 15px 25px;
	}
	
ul {
	margin:15px 15px 15px 25px;
	}

#contents {
	width:760px;
	background:url('img/bk_contents.png') repeat-y;
	display:block;
	position:relative;
	}

#maincontents {
	width:579px;
	float:right;
	border:0px solid #333;
	}
	
.section {
	width:525px;
	margin:10px auto;
	}

.section2 {
	width:525px;
	margin-left:-10px;
	}
	
table {
	border:1px solid #999;
	border-collapse:collapse;
	margin:20px auto;
	}
	
table th {
	border:1px solid #ccc;
	border-collapse:collapse;
	padding:3px;
	background:#ebebeb;
	}
	
table td {
	border:1px solid #ccc;
	border-collapse:collapse;
	padding:3px;
	}
	

#pagetop {
	background:url('img/pagetop.png') no-repeat;
	width:75px;
	height:9px;
	text-indent:-9999px;
	margin:20px 15px 30px auto;
	display:block;
	}
	
#pagetop a {
	width:100%;
	heigt:100%;
	display:block;
	}
	
.img_right {
	float:right;
	margin-left:15px;
	}

/* header */

#header {
	background:url('img/header.png') no-repeat;
	position:relative;
	width:760px;
	height:121px;
	}
	
#header a {
	width:100%;
	height:100%;
	display:block;
	}
	
#logo {
	position:absolute;
	top:10px;
	left:9px;
	margin:0 !important;
	width:292px;
	height:60px;
	text-indent:-9999px;
	background:url('img/logo.png') no-repeat;
	}
	
ul#top_menu {
	position:absolute;
	top:7px;
	right:16px;
	margin:0 !important;
	}
	
#top_menu li {
	float:left;
	list-style-type:none;
	margin-left:15px;
	}
	
#mn_home {
	background:url('img/mn_home.png') no-repeat;
	width:39px;
	height:8px;
	text-indent:-9999px;
	}
	
#mn_english {
	background:url('img/mn_english.png') no-repeat;
	width:52px;
	height:8px;
	text-indent:-9999px;
	}
	
#menu {
	position:absolute;
	top:80px;
	left:0;
	margin:0 !important;
	}
	
#menu li {
	list-style-type:none;
	float:left;
	}
	
#mn_products {
	background:url('img/mn_products.png') no-repeat;
	width:95px;
	height:41px;
	text-indent:-9999px;
	}
	
#mn_environment {
	background:url('img/mn_environment.png') no-repeat;
	width:95px;
	height:41px;
	text-indent:-9999px;
	}
	
#mn_welfare {
	background:url('img/mn_welfare.png') no-repeat;
	width:95px;
	height:41px;
	text-indent:-9999px;
	}
	
#mn_company {
	background:url('img/mn_company.png') no-repeat;
	width:95px;
	height:41px;
	text-indent:-9999px;
	}
	
#mn_base {
	background:url('img/mn_base.png') no-repeat;
	width:95px;
	height:41px;
	text-indent:-9999px;
	}
	
#mn_recruit {
	background:url('img/mn_recruit.png') no-repeat;
	width:95px;
	height:41px;
	text-indent:-9999px;
	}
	
#mn_business {
	background:url('img/mn_business.png') no-repeat;
	width:95px;
	height:41px;
	text-indent:-9999px;
	}
	
#mn_equipment {
	background:url('img/mn_equipment.png') no-repeat;
	width:95px;
	height:41px;
	text-indent:-9999px;
	}
	
#bread {
	background:#1D6C98;
	padding:2px 0 2px 15px;
	color:#fff;
	font-size:0.8em;
	}
	
#bread a{
	color:#fff;
	}
	
	
/* sidebar */
	
#sidebar {
	width:180px;
	float:left;
	border-right:1px solid #ccc;
	}
	
#sidemenu {
	margin:0 !important;
	}
	
#sidemenu li {
	list-style-type:none;
	}
	
#sidemenu a {
	width:100%;
	height:100%;
	display:block;
	}
	
#smn_president {
	background:url('img/smn_greeting.png') no-repeat;
	width:180px;
	height:40px;
	text-indent:-9999px;
	}
	
#smn_vision {
	background:url('img/smn_vision.png') no-repeat;
	width:180px;
	height:40px;
	text-indent:-9999px;
	}

#smn_company {
	background:url('img/smn_company.png') no-repeat;
	width:180px;
	height:40px;
	text-indent:-9999px;
	}

#smn_enkaku {
	background:url('img/smn_enkaku.png') no-repeat;
	width:180px;
	height:40px;
	text-indent:-9999px;
	}

#smn_closing {
	background:url('img/smn_closing.png') no-repeat;
	width:180px;
	height:40px;
	text-indent:-9999px;
	}
	
#smn_director {
	background:url('img/smn_director.png') no-repeat;
	width:180px;
	height:40px;
	text-indent:-9999px;
	}
	
#smn_two {
	background:url('img/smn_two.png') no-repeat;
	width:180px;
	height:40px;
	text-indent:-9999px;
	}
	
#smn_four {
	background:url('img/smn_four.png') no-repeat;
	width:180px;
	height:40px;
	text-indent:-9999px;
	}
	
#smn_general {
	background:url('img/smn_general.png') no-repeat;
	width:180px;
	height:40px;
	text-indent:-9999px;
	}
	
#smn_new {
	background:url('img/smn_new.png') no-repeat;
	width:180px;
	height:40px;
	text-indent:-9999px;
	}
	
#smn_contact {
	background:url('img/smn_contact.png') no-repeat;
	width:180px;
	height:109px;
	text-indent:-9999px;
	border-top:1px solid #fff;
	}

#smn_recruit {
	background:url('img/smn_recruit.png') no-repeat;
	width:180px;
	height:40px;
	text-indent:-9999px;
	}

#smn_recruit {
	background:url('img/smn_recruit.png') no-repeat;
	width:180px;
	height:40px;
	text-indent:-9999px;
	}
	
#smn_senpai {
	background:url('img/smn_senpai.png') no-repeat;
	width:180px;
	height:40px;
	text-indent:-9999px;
	}

#smn_wakamono {
	background:url('img/smn_wakamono.png') no-repeat;
	width:180px;
	height:40px;
	text-indent:-9999px;
	}

#smn_base1 {
	background:url('img/smn_base1.png') no-repeat;
	width:180px;
	height:40px;
	text-indent:-9999px;
	}
	
#smn_base2 {
	background:url('img/smn_base2.png') no-repeat;
	width:180px;
	height:40px;
	text-indent:-9999px;
	}

#smn_base3 {
	background:url('img/smn_base3.png') no-repeat;
	width:180px;
	height:40px;
	text-indent:-9999px;
	}

#smn_base4 {
	background:url('img/smn_base4.png') no-repeat;
	width:180px;
	height:40px;
	text-indent:-9999px;
	}
	
#smn_base5 {
	background:url('img/smn_base5.png') no-repeat;
	width:180px;
	height:40px;
	text-indent:-9999px;
	}

#smn_base6 {
	background:url('img/smn_base6.png') no-repeat;
	width:180px;
	height:40px;
	text-indent:-9999px;
	}

#smn_base7 {
	background:url('img/smn_base7.png') no-repeat;
	width:180px;
	height:40px;
	text-indent:-9999px;
	}
	
#smn_base8 {
	background:url('img/smn_base8.png') no-repeat;
	width:180px;
	height:40px;
	text-indent:-9999px;
	}

#smn_jigyo1 {
	background:url('img/smn_business.png') no-repeat;
	width:180px;
	height:40px;
	text-indent:-9999px;
	}

#smn_jigyo2 {
	background:url('img/smn_technology.png') no-repeat;
	width:180px;
	height:28px;
	text-indent:-9999px;
	}

#smn_jigyo3 {
	background:url('img/smn_metal.png') no-repeat;
	width:180px;
	height:23px;
	text-indent:-9999px;
	}
	
#smn_jigyo4 {
	background:url('img/smn_production.png') no-repeat;
	width:180px;
	height:23px;
	text-indent:-9999px;
	}
	
#smn_jigyo5 {
	background:url('img/smn_quality.png') no-repeat;
	width:180px;
	height:23px;
	text-indent:-9999px;
	}

#smn_jigyo6 {
	background:url('img/smn_eigyo.png') no-repeat;
	width:180px;
	height:23px;
	text-indent:-9999px;
	}

#smn_jigyo7 {
	background:url('img/smn_manufacturing.png') no-repeat;
	width:180px;
	height:23px;
	text-indent:-9999px;
	}

/* maincontents */



/* footer */

#footer {
	background:#ddd;
	border-top:1px solid #ccc;
	clear:both;
	position:relative;
	height:50px;
	}
	
#footer_menu {
	width:335px;
	position:absolute;
	top:0px;
	right:0px;
	}
	
#footer_menu a{
	display:block;
	width:100%;
	height:100%;
	}
	
#footer li {
	float:left;
	list-style-type:none;
	margin-left:15px;
	}
	
#mn_sitemap {
	background:url('img/sitemap.png') no-repeat;
	width:54px;
	height:10px;
	text-indent:-9999px;
	}
	
#mn_sitepolicy {
	background:url('img/sitepolicy.png') no-repeat;
	width:63px;
	height:10px;
	text-indent:-9999px;
	}
	
#mn_privacy {
	background:url('img/privacy.png') no-repeat;
	width:89px;
	height:10px;
	text-indent:-9999px;
	}
	
#footer_contact {
	background:url('img/footer_contact.png') no-repeat;
	width:54px;
	height:10px;
	text-indent:-9999px;
	}
	

	
	
/* H1 */

#h1_corporate {
	background:url('img/h1_corporate.png') no-repeat;
	width:579px;
	height:54px;
	text-indent:-9999px;
	}
	
#h1_products {
	background:url('img/h1_products.png') no-repeat;
	width:579px;
	height:54px;
	text-indent:-9999px;
	}
	
#h1_recruit {
	background:url('img/h1_recruit.png') no-repeat;
	width:579px;
	height:54px;
	text-indent:-9999px;
	}

#h1_fukuri {
	background:url('img/h1_fukuri.png') no-repeat;
	width:579px;
	height:54px;
	text-indent:-9999px;
	}

#h1_base {
	background:url('img/h1_base.png') no-repeat;
	width:579px;
	height:54px;
	text-indent:-9999px;
	}

#h1_eco {
	background:url('img/h1_eco.png') no-repeat;
	width:579px;
	height:54px;
	text-indent:-9999px;
	}

#h1_fukuri {
	background:url('img/h1_fukuri.png') no-repeat;
	width:579px;
	height:54px;
	text-indent:-9999px;
	}

#h1_jigyo {
	background:url('img/h1_jigyo.png') no-repeat;
	width:579px;
	height:54px;
	text-indent:-9999px;
	}

#h1_setsubi {
	background:url('img/h1_quality.png') no-repeat;
	width:579px;
	height:54px;
	text-indent:-9999px;
	}

#h1_privacy {
	background:url('img/h1_privacy.png') no-repeat;
	width:579px;
	height:54px;
	text-indent:-9999px;
	}

#h1_sitemap {
	background:url('img/h1_sitemap.png') no-repeat;
	width:579px;
	height:54px;
	text-indent:-9999px;
	}
	
#h1_site {
	background:url('img/h1_site.png') no-repeat;
	width:579px;
	height:54px;
	text-indent:-9999px;
	}

#h1_contact {
	background:url('img/h1_contact.png') no-repeat;
	width:579px;
	height:54px;
	text-indent:-9999px;
	}
	
#h1_news {
	background:url('img/h1_news.png') no-repeat;
	width:579px;
	height:54px;
	text-indent:-9999px;
	}

/* home */

#flash {
	margin: 0;
	padding: 0;
	height: 365px;
}

#new_back {
	height: 175px;
	background: url(img/foot_back2.jpg) no-repeat 0 0;
	color: #FFF;
	font-size: 13px;
	margin: 0;
	padding: 0;
}

#new {
	margin: 1px 10px 30px 20px;
	padding: 10px 0 0 0;
	clear: both;
}

#new ul {
	width: 290px;
	margin: 0;
	padding: 5px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#new ul li {
	list-style-type: none;
}

#navi1 {
	margin: 0 10px 0 20px;
	padding: 0;
	clear: both;
}

#navi1 ul {
	width: 290px;
	margin: 0;
	padding: 5px;
}

#navi1 ul li {
	float: left;
	margin: 0 5px;
	padding: 0;
	list-style-type: none;
}

#navi2 {
	margin:5px 10px 0 20px;
	padding: 5px 0 0 0;
	clear: both;
}

#navi2 a{
	color:#fff;
	}

#navi2 ul {
	width: 500px;
	margin: 0;
	padding: 0;
	/*border-top: 1px solid #fff;*/
}

#navi2 ul li {
	float: left;
	font-size: 12px;
	margin: 0 20px 0 0;
	padding: 0;
	list-style-type: none;
}

#banner ul {
	margin: 0;
	padding: 25px 5px 0 5px;
	clear: both;
}

#banner {
    float: left;
	margin: 0 5px;
	padding: 0;
}

#banner ul li {
	float: left;
	margin: 0 2px;
	padding: 0;
	list-style-type: none;
}

#banner2 ul {
	margin: 0;
	padding: 0 5px;
	clear: both;
}

#banner2 {
    float: left;
	margin: 0 5px;
	padding: 0;
}

#banner2 ul li {
	float: left;
	margin: 0 2px;
	padding: 0;
	list-style-type: none;
}


/* company */

#img_president {
	background:url('img/img_president.png') no-repeat;
	width:525px;
	height:228px;
	text-indent:-9999px;
	}
	
	
/* products */

.bl_products {
	float:left;
	margin:15px 3px;
	}