@charset "Shift_JIS";

/* 全体構造
---------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}
html {
	overflow-y: scroll;
}

body {
	background: #d2d2d2 url(../img/bg_top.gif) repeat-x;
	color:#333333;
	font-size:small;
	font-family:"ＭＳ Ｐゴシック",Osaka,Arial,sans-serif;
}
img {
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
	vertical-align: bottom;
}
a {
	text-decoration: none;
	color: #666666;
	outline-width: 0;
}
a:hover {
	text-decoration: underline;
	color: #666666;
}
p {
	font-size: 12px;
}

table,tr,td {
	border-collapse: collapse;
	vertical-align: top;
}
a:link {
	color: #000000;
	background: transparent;
}
a:visited {
	color: #000000;
	background: transparent;
}
a:hover, a:active {
	color: #CC0000;
	background: transparent;
}
#wrapper {
	margin: 0 auto;
	width: 820px;
	background: #FFF url(../img/bg_wrapper.gif) repeat-y;
}
#wrapper:after {
 content:".";
 height:0px;
 clear:both;
 display: block;
 visibility:hidden;
}
#leftbox {
	float: left;
	margin-left: 0;
	width: 10px;
	background: transparent;
}
#middlebox {
	float: left;
	width: 800px;
}
#rightbox {
	float: right;
	margin-left: 0;
	width: 10px;
	background: transparent;
}

/*メニュー-------------------------------------------*/

#menu {

}
#menu ul {
	margin: 0;
	padding: 0;
	width: 800px;
	list-style: none;
}
#menu li {
	width: 160px;
	height: 45px;
	float: left;
	text-indent: -9999px;
}
#menu li#top_on {
	width: 160px;
	background: url(../img/menu_button01_over.gif) no-repeat;
}
#menu li#news {
	width: 160px;
	background: url(../img/menu_button02_over.gif) no-repeat;
}
#menu li#company {
	width: 160px;
	background: url(../img/menu_button03_over.gif) no-repeat;
}
#menu li#products {
	width: 160px;
	background: url(../img/menu_button04_over.gif) no-repeat;
}
#menu li#recruit {
	width: 160px;
	background: url(../img/menu_button05_over.gif) no-repeat;
}
#menu a {
	display: block;
	height: 45px;
}
#menu li#news a {
	width: 160px;
	background: url(../img/menu_button02.gif) no-repeat;
}
#menu li#news a:hover {
	background: none;
}
#menu li#company a {
	width: 160px;
	background: url(../img/menu_button03.gif) no-repeat;
}
#menu li#company a:hover {
	background: none;
}
#menu li#products a {
	width: 160px;
	background: url(../img/menu_button04.gif) no-repeat;
}
#menu li#products a:hover {
	background: none;
}
#menu li#recruit a {
	width: 160px;
	background: url(../img/menu_button05.gif) no-repeat;
}
#menu li#recruit a:hover {
	background: none;
}

/*サブメニュー----------------------------------*/

#submenu {
	padding-top: 80px;
}
.submenubox {
	width: 330px;
	padding-left: 18px;
	padding-bottom: 8px;
}
.submenubox:after {
 content:".";
 height:0px;
 clear:both;
 display: block;
 visibility:hidden;
}
.submenubox img {
	float: left;
	width: 50px;
	padding: 3px;
	border: 1px solid #CCC;
}
.top_dotted {
	float: left;
	width: 255px;
	height: 20px;
	background: url(../img/dotted.gif) no-repeat bottom;
}
.submenubox h2 {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	font-size: small;
	width: 145px;
	height: 19px;
}
.submenubox h2#no01 {
	width: 145px;
	background: url(../img/top_smenu_title01_over.gif) no-repeat;
}
.submenubox h2#no02 {
	width: 145px;
	background: url(../img/top_smenu_title02_over.gif) no-repeat;
}
.submenubox h2#no03 {
	width: 145px;
	background: url(../img/top_smenu_title03_over.gif) no-repeat;
}
.submenubox h2#no04 {
	width: 145px;
	background: url(../img/top_smenu_title04_over.gif) no-repeat;
}
.submenubox h2#no05 {
	width: 145px;
	background: url(../img/top_smenu_title05_over.gif) no-repeat;
}
.submenubox h2#no06 {
	width: 145px;
	background: url(../img/top_smenu_title06_over.gif) no-repeat;
}
.submenubox h2 a {
	display: block;
	width: 145px;
	height: 19px;
}
.submenubox h2#no01 a {
	background: url(../img/top_smenu_title01.gif) no-repeat;
}
.submenubox h2#no02 a {
	background: url(../img/top_smenu_title02.gif) no-repeat;
}
.submenubox h2#no03 a {
	background: url(../img/top_smenu_title03.gif) no-repeat;
}
.submenubox h2#no04 a {
	background: url(../img/top_smenu_title04.gif) no-repeat;
}
.submenubox h2#no05 a {
	background: url(../img/top_smenu_title05.gif) no-repeat;
}
.submenubox h2#no06 a {
	background: url(../img/top_smenu_title06.gif) no-repeat;
}
.submenubox h2#no01 a:hover {
	background: none;
}
.submenubox h2#no02 a:hover {
	background: none;
}
.submenubox h2#no03 a:hover {
	background: none;
}
.submenubox h2#no04 a:hover {
	background: none;
}
.submenubox h2#no05 a:hover {
	background: none;
}
.submenubox h2#no06 a:hover {
	background: none;
}
.submenubox p {
	float: left;
	width: 260px;
	padding: 5px 0 0 5px;
	line-height: 130%;
	font-size: 10px;
}

/*コンテンツ----------------------------------------*/

#contents {
	clear: both;
	width: 800px;
}
#contents_left {
	float: left;
	width: 356px;
	height: 490px;
	background: url(../img/top_bg_contents_left.gif) no-repeat top;
}
#contents_right {
	float: right;
	width: 444px;
}
#contents_right h2 {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	font-size: small;
	width: 444px;
	height: 56px;
}
#contents_right h2#newstitle {
	background: url(../img/top_title01.gif) no-repeat;
}
#contents_right h2#topicstitle {
	background: url(../img/top_title02.gif) no-repeat;
}
#contents_right iframe {
	margin: 5px 0 0 10px;
	padding: 0 5px 0 5px;
	width: 400px;
	height: 160px;
	font-size: 12px;
}
#topicswrap {
	margin: 3px auto;
	padding-bottom: 10px;
	width: 390px;
}
#topicswrap:after {
	content:".";
	height: 0px;
	clear: both;
	display: block;
	visibility: hidden;
}
.topicsbox {
	float: left;
	width: 195px;
	height: 94px;
	text-indent: -9999px;
}
#topics01 {
	background: url(../img/top_banner01_over.gif) no-repeat;
}
#topics02 {
	background: url(../img/top_banner02_over.jpg) no-repeat;
}
#topics03 {
	background: url(../img/top_banner03_over.gif) no-repeat;
}
#topics04 {
	background: url(../img/top_banner04_over.gif) no-repeat;
}
.topicsbox a {
	display: block;
	width: 195px;
	height: 94px;
}
#topics01 a {
	background: url(../img/top_banner01.gif) no-repeat;
}
#topics02 a {
	background: url(../img/top_banner02.jpg) no-repeat;
}
#topics03 a {
	background: url(../img/top_banner03.gif) no-repeat;
}
#topics04 a {
	background: url(../img/top_banner04.gif) no-repeat;
}
#topics01 a:hover {
	background: none;
}
#topics02 a:hover {
	background: none;
}
#topics03 a:hover {
	background: none;
}
#topics04 a:hover {
	background: none;
}


/* フッタ
---------------------------------------------------- */

#footer {
	clear: both;
	width: 820px;
	height: 50px;
	background: url(../img/footer01.gif) no-repeat;
}
#footer ul {
	margin-left: 578px;
	list-style: none;
	width: 218px;
}
#footer li {
	float: right;
	width: 109px;
	height: 27px;
	text-indent: -9999px;
}
#footer li a {
	display: block;
	width: 109px;
	height: 27px;
	margin-left:
	outline-width: 0;
}
#footer2 {
	clear: both;
	width: 820px;
	height: 25px;
	background: url(../img/footer02.gif) no-repeat;
}
#footer2 ul {
	margin: 0;
	padding: 0;
	width: 365px;
	list-style: none;
}
#footer2 li {
	float: left;
	height: 20px;
	margin: 0;
	padding-top: 5px;
	text-indent: -9999px;
}

#footer2 li a {
	display: block;
	outline-width: 0;
}
#footer2 li#footer2_1 a {
	width: 75px;
}
#footer2 li#footer2_2 a {
	width: 80px;
}
#footer2 li#footer2_3 a {
	width: 120px;
}
#footer2 li#footer2_4 a {
	width: 90px;
}