@charset "Shift_JIS";

/*ヘッダー設定ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#header {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	height: 60px;
	width: 760px;
}
#topics #header {
	background-image: url(../topics/images/header.gif);
}
#hamono #header {
	background-image: url(../product/hamono/images/header_hamono.gif);
}
#kanren #header {
	background-image: url(../product/kanren/images/header.gif);
}
#company #header {
	background-image: url(../company/images/header.gif);
}
#ir #header {
	background-image: url(../ir/images/header.gif);
}
#env #header {
	background-image: url(../environment/images/header.gif);
}
#recruit #header {
	background-image: url(../recruit/images/header.gif);
}
#link #header {
	background-image: url(../link/images/header.gif);
}
#inquiry #header {
	background-image: url(../inquiry/images/header.gif);
}
#guide #header {
	background-image: url(../guide/images/header.gif);
}

/*コンテナ設定ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#container {
	clear: both;
	height: auto;
	width: 760px;
	border-collapse:collapse;
	margin-bottom: 5px;
}
#smenu {
	height: auto;
	width: 170px;
	vertical-align: top;
}
#contents {
	vertical-align: top;
	height: auto;
	width: 590px;
}

/*サブタイトル設定ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#contents #st {
	background-color: #669999;
	width: 590px;
	height: 20px;
	clear: both;
	vertical-align: top;
	background-image: url(../product/hamono/images/next_n.gif);
	background-repeat: no-repeat;
	background-position: 100% 0px;
}
#contents #st h2 {
	color: #FFFFFF;
	white-space: nowrap;
	font-size: 14px;
	font-weight: bold;
	text-indent: 1em;
	line-height: 18px;
	height: 18px;
	margin-top: 2px;
	float: left;
}
/*ネクストボタン設定ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#contents #st a {
	background-image: url(../images/next.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: right;
	height: 18px;
	width: 94px;
	text-indent: -9999px;
	display: block;
	text-decoration: none;
}
#contents #st a:hover {
	background-position: 0px -18px;
}
/*内容部分の設定ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#contents .waku {
	width: 570px;
	padding: 9px;
	clear: both;
	border: 1px solid #669999;
	zoom:1;/*for IE 5.5-7フロートクリア*/
}
#contents .waku:after{/*for modern browserフロートクリア*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}


/*メール項目設定ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#eMail {
	clear: both;
	width: 760px;
	text-align: right;
	margin-bottom: 5px;
}
#eMail a {
	font-size: 12px;
	color: #CC0000;
	text-decoration: none;
	background-image: url(../images/mail_i.gif);
	background-repeat: no-repeat;
	background-position: 100% 0%;
	height: 22px;
	padding-right: 24px;
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 16px;
}
#eMail a:hover {
	background-color:#CCCCCC;
}

#eMail img {
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}
/*フッター設定ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#footer {
	clear: both;
	width: 760px;
	font-size: 12px;
}
#footer td {
	text-align: center;
}
#footer a {
	color:#000000;
}
#footer a:hover {
	background-color:#CCCCCC;
}

/*グローバルナビ設定ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#gnavi {
	clear: both;
	height: 19px;
	width: 760px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
}
#gnavi li {
	float: left;
	margin-right: 1px;
	list-style-type: none;
}
#gnavi .home {
	margin-left:0px;
}
#gnavi a {
	display: block;
	height: 19px;
	width: 75px;
	text-indent: -9999px;
	background-image: url(../images/g_navi.gif);
	background-repeat: no-repeat;
	text-decoration: none;
}

/*グローバルナビ下のボーダー色設定ーーーーーーーーーーーーーーーーーーーーーーーーー*/
#topics #gnavi {
	border-bottom-color: #336699;
}
#hamono #gnavi {
	border-bottom-color: #99CCCC;
}
#kanren #gnavi {
	border-bottom-color: #99CC99;
}
#company #gnavi {
	border-bottom-color: #6699FF;
}
#ir #gnavi {
	border-bottom-color: #9966FF;
}
#env #gnavi {
	border-bottom-color: #99CC33;
}
#recruit #gnavi {
	border-bottom-color: #CC99CC;
}
#link #gnavi {
	border-bottom-color: #FF6666;
}
#inquiry #gnavi {
	border-bottom-color: #FFCC00;
}
#guide #gnavi {
	border-bottom-color: #CC9933;
}


/*カテゴリ外でのグローバルナビ設定ーーーーーーーーーーーーーーーーーーーーーーーーー*/
#gnavi .topics a {
	background-position:0px -40px;
}
#gnavi .topics a:hover {
	background-position:0px -60px;
}
#gnavi .product a {
	background-position:-75px -40px;
}
#gnavi .product a:hover {
	background-position:-75px -60px;
}
#gnavi .kanren a {
	background-position:-150px -40px;
}
#gnavi .kanren a:hover {
	background-position:-150px -60px;
}
#gnavi .company a {
	background-position:-225px -40px;
}
#gnavi .company a:hover {
	background-position:-225px -60px;
}
#gnavi .ir a {
	background-position:-300px -40px;
}
#gnavi .ir a:hover {
	background-position:-300px -60px;
}
#gnavi .environment a {
	background-position:-375px -40px;
}
#gnavi .environment a:hover {
	background-position:-375px -60px;
}
#gnavi .recruit a {
	background-position:-450px -40px;
}
#gnavi .recruit a:hover {
	background-position:-450px -60px;
}
#gnavi .link a {
	background-position:-525px -40px;
}
#gnavi .link a:hover {
	background-position:-525px -60px;
}
#gnavi .inquiry a {
	background-position:-600px -40px;
}
#gnavi .inquiry a:hover {
	background-position:-600px -60px;
}
#gnavi .guide a {
	background-position:-675px -40px;
}
#gnavi .guide a:hover {
	background-position:-675px -60px;
}
#gnavi .home a {
	background-position:-750px 0px;
}
#gnavi .home a:hover {
	background-position:-750px -20px;
}

/*カレントカテゴリでのグローバルナビ設定ーーーーーーーーーーーーーーーーーーーーーーーーー*/
#topics .topics a {
	background-position:0px 0px;
}
#topics .topics a:hover {
	background-position:0px -20px;
}
#hamono .product a {
	background-position:-75px 0px;
}
#hamono .product a:hover {
	background-position:-75px -20px;
}
#kanren .product a {
	background-position:-150px 0px;
}
#kanren .product a:hover {
	background-position:-150px -20px;
}
#company .company a {
	background-position:-225px 0px;
}
#company .company a:hover {
	background-position:-225px -20px;
}
#ir .ir a {
	background-position:-300px 0px;
}
#ir .ir a:hover {
	background-position:-300px -20px;
}
#env .environment a {
	background-position:-375px 0px;
}
#env .environment a:hover {
	background-position:-375px -20px;
}
#recruit .recruit a {
	background-position:-450px 0px;
}
#recruit .recruit a:hover {
	background-position:-450px -20px;
}
#link .link a {
	background-position:-525px 0px;
}
#link .link a:hover {
	background-position:-525px -20px;
}
#inquiry .inquiry a {
	background-position:-600px 0px;
}
#inquiry .inquiry a:hover {
	background-position:-600px -20px;
}
#guide .guide a {
	background-position:-675px 0px;
}
#guide .guide a:hover {
	background-position:-675px -20px;
}