@charset "utf-8";

/**************************************************************
	共通
*/

body {
	font: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	text-align: left;
	color: #000;		/* black80 */
	line-height: 1.8;
	background-color: #F1F1F2;		/* gray5 */
}

a {
	color: #595757;		/* black80 */
}

/**************************************************************
	メインコンテンツ
*/

#bdfrm1 {
	margin-left: auto;
	margin-right: auto;
	width: 966px;
	background: url(/images/bdfrm_c.png) repeat-y;
}
#bdfrm2 {
	background: url(/images/bdfrm_t.png) no-repeat;
}
#bdfrm3 {
	padding: 8px;
	background: url(/images/bdfrm_b.png) left bottom no-repeat;
}

/**************************************************************
	ヘッダー
*/

#hd {
	position: relative;
	width: 950px;
	height: 98px;
	background: url(/images/hd_bar.png) center bottom no-repeat;
}

#hd h1 {
	position: absolute;
	left: 16px;
	top: 8px;
}
#hd .logo {
	position: absolute;
	left: 16px;
	top: 44px;
}

#hd .address {
	position: absolute;
	left: 600px;
	top: 8px;
}
#hd .telfax {
	position: absolute;
	left: 630px;
	top: 30px;
}

#hd .contact {
	position: absolute;
	left: 540px;
	top: 58px;
}
#hd .sitemap {
	position: absolute;
	left: 677px;
	top: 58px;
}
#hd .privacy {
	position: absolute;
	left: 814px;
	top: 58px;
}

/**************************************************************
	フッター
*/

#ft {
	position: relative;
	width: 950px;
	height: 112px;
	background: url(/images/ft.png) left top no-repeat;
	letter-spacing: 0.05em;
	font-size: 85%;			/* for setting 11px */
}
#ftinner {
	padding-left: 22px;
	padding-top: 56px;
}

#ft a:link {
	text-decoration: none;
}
#ft a:visited {
	text-decoration: none;
}
#ft a:hover {
	color: #000;
	text-decoration: none;
}

#ft li {
	display: inline;
}
#ft .sep {
	padding: 0px 4px;
	color: #fff;
}

/**************************************************************
	全画面共通
*/

#comm {
	width: 950px;
}
#comminner {
	padding: 0px 0px 24px 0px;
}

/**************************************************************
	ホーム
*/

#home {
	padding: 2px 0px 16px 0px;
}

#home .ttl {
	position: relative;
	width: 950px;
	height: 304px;
	background: url(/images/home_ttl.png) center bottom no-repeat;
}

#home .ttl p {
	position: absolute;
	left: -10000px;
	top: 0px;
}

#home .navi {
}

#home .navi li {
	display: block;
}
#home .navi a {
	text-indent: -10000px;
	overflow: hidden;
}

#home .navi .n1 a {
	position: absolute;
	left: 718px;
	top: 5px;
	width: 220px;
	height: 54px;
	background: url(/images/home_navi_n1.png) no-repeat;
}
#home .navi .n1 a:hover {
	background-position: 0px -54px;
}

#home .navi .n2 a {
	position: absolute;
	left: 718px;
	top: 64px;
	width: 220px;
	height: 54px;
	background: url(/images/home_navi_n2.png) no-repeat;
}
#home .navi .n2 a:hover {
	background-position: 0px -54px;
}

#home .navi .n3 a {
	position: absolute;
	left: 718px;
	top: 123px;
	width: 220px;
	height: 54px;
	background: url(/images/home_navi_n3.png) no-repeat;
}
#home .navi .n3 a:hover {
	background-position: 0px -54px;
}

#home .navi .n4 a {
	position: absolute;
	left: 718px;
	top: 182px;
	width: 220px;
	height: 54px;
	background: url(/images/home_navi_n4.png) no-repeat;
}
#home .navi .n4 a:hover {
	background-position: 0px -54px;
}

#home .navi .n5 a {
	position: absolute;
	left: 718px;
	top: 241px;
	width: 220px;
	height: 54px;
	background: url(/images/home_navi_n5.png) no-repeat;
}
#home .navi .n5 a:hover {
	background-position: 0px -54px;
}

#home .ct {
	padding: 16px 16px 0px 16px;
	font-size: 93%;		/* for setting 12px */
}

#home .zone1 {
	float: left;
	width: 455px;
	height: auto;
}
#home .zone1 ul {
	padding: 16px 0px 0px 8px;
}
#home .zone1 li {
}
#home .zone1 li p {
	padding: 0px 0px 0px 16px;
	background: url(/images/home_ct_arrow.png) left top no-repeat;
	background-position: 0px 4px;
}
#home .zone1 a:link {
	text-decoration: none;
}
#home .zone1 a:visited {
	text-decoration: none;
}
#home .zone1 a:hover {
	color: #000;
	text-decoration: none;
}

#home .zone2 {
	float: left;
	margin-left: 8px;
	width: 455px;
	height: auto;
}
#home .zone2 ul {
	padding: 16px 0px 16px 8px;
}
#home .zone2 li {
}
#home .zone2 li p {
	padding: 0px 0px 0px 16px;
	background: url(/images/home_ct_circle.png) left top no-repeat;
	background-position: 0px 4px;
}

#home .zone3 {
	float: left;
	margin-left: 8px;
	width: 455px;
	height: auto;
}
#home .zone3 ul {
	padding: 16px 0px 0px 8px;
}
#home .zone3 li {
}
#home .zone3 li p {
	padding: 0px 0px 0px 16px;
	background: url(/images/home_ct_circle.png) left top no-repeat;
	background-position: 0px 4px;
}

/**************************************************************
	ナビゲーション
*/

#naviouter {
	padding: 4px 4px 0px 4px;
}
#navi {
	position: relative;
	width: 942px;
	height: 64px;
	background: url(/images/navi_bk.png) left top no-repeat;
}

#navi li {
	display: block;
}
#navi a {
	display: block;
	text-indent: -10000px;
	overflow: hidden;
}

#navi .n1 {
	position: absolute;
	left: 7px;
	top: 4px;
	width: 180px;
	height: 52px;
	background: url(/images/navi_n1.png) no-repeat;
}
#navi .n1 a {
	width: 180px;
	height: 52px;
	background: url(/images/navi_n1.png) no-repeat;
}
#navi .n1 a:hover {
	background-position: 0px -52px;
}

#navi .n2 {
	position: absolute;
	left: 194px;
	top: 4px;
	width: 180px;
	height: 52px;
	background: url(/images/navi_n2.png) no-repeat;
}
#navi .n2 a {
	width: 180px;
	height: 52px;
	background: url(/images/navi_n2.png) no-repeat;
}
#navi .n2 a:hover {
	background-position: 0px -52px;
}

#navi .n3 {
	position: absolute;
	left: 381px;
	top: 4px;
	width: 180px;
	height: 52px;
	background: url(/images/navi_n3.png) no-repeat;
}
#navi .n3 a {
	width: 180px;
	height: 52px;
	background: url(/images/navi_n3.png) no-repeat;
}
#navi .n3 a:hover {
	background-position: 0px -52px;
}

#navi .n4 {
	position: absolute;
	left: 568px;
	top: 4px;
	width: 180px;
	height: 52px;
	background: url(/images/navi_n4.png) no-repeat;
}
#navi .n4 a {
	width: 180px;
	height: 52px;
	background: url(/images/navi_n4.png) no-repeat;
}
#navi .n4 a:hover {
	background-position: 0px -52px;
}

#navi .n5 {
	position: absolute;
	left: 755px;
	top: 4px;
	width: 180px;
	height: 52px;
	background: url(/images/navi_n5.png) no-repeat;
}
#navi .n5 a {
	width: 180px;
	height: 52px;
	background: url(/images/navi_n5.png) no-repeat;
}
#navi .n5 a:hover {
	background-position: 0px -52px;
}

/**************************************************************
	タイトル
*/

#ttl {
	width: 950px;
}
#ttlinner {
	padding: 4px 4px 0px 4px;
}

/**************************************************************
	メインコンテンツ
*/

#mc {
	width: 950px;
}
#mcinner {
	padding: 4px 0px 0px 0px;
}

/**************************************************************
	サイドバー
*/

#sb {
	float: left;
	width: 246px;
	letter-spacing: 0.05em;
	line-height: 20px;
	font-size: 93%;		/* for setting 12px */
	color: #808183;		/* gray60 */
}
#sbinner {
	padding: 0px 4px 0px 12px;
}

#sb a:link {
	color: #808183;		/* gray60 */
	text-decoration: none;
}
#sb a:visited {
	color: #808183;		/* gray60 */
	text-decoration: none;
}
#sb a:hover {
	color: #000;
	text-decoration: none;
}

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

#ct {
	float: left;
	width: 704px;
	letter-spacing: 0.1em;
}

#ctfrm1 {
	background: url(/images/ctfrm_c.png) repeat-y;
}
#ctfrm2 {
	background: url(/images/ctfrm_t.png) no-repeat;
}
#ctfrm3 {
	padding: 0px 8px 0px 16px;
	background: url(/images/ctfrm_b.png) left bottom no-repeat;
}

#ct .txtfrm1 {
	background: url(/images/ct_txt_frm_t.png) left top no-repeat;
}
#ct .txtfrm2 {
	padding: 16px;
	background: url(/images/ct_txt_frm_b.png) right bottom no-repeat;
}

#ct .pagelnk {
	padding: 16px 0px 0px 0px;
}
#ct .pagelnk .page {
	display: block;
	float: right;
}
#ct .pagelnk .page img {
	display: block;
}

/**************************************************************
	営業商品／機械商品共通
*/

.product {
	padding: 0px 0px 16px 0px;
}

/* 上下用 */
.product .tb {
	padding: 0px 16px 0px 16px;
}
.product .tb .picg {
	padding: 16px 0px 0px 0px;
}
.product .tb .pic {
	float: left;
	padding: 4px;
	border: 1px solid #D0D2D3;
	height: auto;
}
.product .tb .chap {
	padding: 16px 0px 0px 0px;
}

/* 左右用 */
.product .lr {
	padding: 16px 16px 0px 16px;
}
.product .lr .picg {
	float: left;
	height: auto;
}
.product .lr .pic {
	padding: 4px;
	border: 1px solid #D0D2D3;
}
.product .lr .chap {
	float: left;
	padding: 0px 0px 0px 16px;
	width: auto;
	height: auto;
}

/* 共通 */
.product .pic p {
	padding: 4px 0px 0px 0px;
	font-size: 77%;					/* for setting 10px */
}
.product .chap h4 {
	font-weight: bold;
	padding: 4px 0px 4px 16px;
	background: url(/images/product_chap_line.png) left top repeat-y;
}
.product .chap p {
	padding: 8px 0px;
}
.product .chap table {
	padding: 8px 0px 8px 0px;
}
.product .chap td {
	padding: 4px;
	border: 1px solid #D0D2D3;		/* gray20 */
}
.product .chap td p {
	padding: 0;
}
.product .chap ul {
	padding: 8px 0px;
}
.product .chap ul li {
	list-style-position: inside;
	list-style-type: disc;
	font-weight: bold;
}
.product .chap ul ul {
	padding: 4px 0px 4px 16px;
}
.product .chap ul ul li {
	list-style-position: inside;
	list-style-type: circle;
	font-weight: normal;
}
.product .chap ul .number li {
	list-style-position: inside;
	list-style-type: decimal;
	font-weight: normal;
}

/**************************************************************
	営業商品
*/

#business {
}

#business #sb ul {
	padding: 8px 0px 8px 8px;
}
#business #sb li {
	padding: 8px 0px 10px 0px;
	background: url(/images/business_sb_ul.png) center bottom no-repeat;
}
#business #sb li p {
	padding: 0px 0px 0px 16px;
	background: url(/images/business_sb_arrow.png) left top no-repeat;
	background-position: 0px 4px;
}

/**************************************************************
	機械商品
*/

#machinery {
}

#machinery #sb h2 {
	padding: 0px 0px 8px 0px;
}
#machinery #sb ul {
	padding: 4px 0px 8px 8px;
}
#machinery #sb li {
	padding: 8px 0px 8px 0px;
	background: url(/images/machinery_sb_ul.png) center bottom no-repeat;
}
#machinery #sb li p {
	padding: 0px 0px 0px 16px;
	background: url(/images/machinery_sb_arrow.png) left top no-repeat;
	background-position: 0px 4px;
}

#machinery #ct .pagelnk {
	padding: 16px 0px 0px 0px;
}
#machinery #ct .pagelnk .category {
	margin-right: 8px;
	display: block;
	float: right;
}
#machinery #ct .pagelnk .category img {
	display: block;
}
#machinery #ct .pagelnk .page {
	display: block;
	float: right;
}
#machinery #ct .pagelnk .page img {
	display: block;
}

/**************************************************************
	塗料製造販売
*/

#paints {
}

#paints #sb ul {
	padding: 34px 0px 8px 8px;
}
#paints #sb li {
	padding: 8px 0px 8px 0px;
	background: url(/images/paints_sb_ul.png) center bottom no-repeat;
}
#paints #sb li p {
	padding: 0px 0px 0px 16px;
	background: url(/images/paints_sb_arrow.png) left top no-repeat;
	background-position: 0px 4px;
}

#paints #ct .info {
	padding: 16px 0px;
}
#paints #ct .info .txt {
	margin: 0px auto;
	width: 560px;
}

#paints #ct .about {
	padding: 16px 0px;
}
#paints #ct .about table {
	margin: 0px auto;
	width: 560px;
}
#paints #ct .about .itm {
	width: 242px;
	font-weight: bold;
	background: url(/images/paints_ct_about_tr.png) left bottom no-repeat;
}
#paints #ct .about .itm p {
	padding: 16px;
}
#paints #ct .about .fld {
	padding: 16px;
	background: url(/images/paints_ct_about_tr.png) right bottom no-repeat;
}

/**************************************************************
	会社情報
*/

#company {
}

#company #sb h2 {
}
#company #sb ul {
	padding: 34px 0px 8px 8px;
}
#company #sb li {
	padding: 8px 0px 8px 0px;
	background: url(/images/company_sb_ul.png) center bottom no-repeat;
}
#company #sb li p {
	padding: 0px 0px 0px 16px;
	background: url(/images/company_sb_arrow.png) left top no-repeat;
	background-position: 0px 4px;
}

#company #ct .about {
	padding: 16px 0px;
}
#company #ct .about table {
	margin: 0px auto;
	width: 560px;
}
#company #ct .about .itm {
	width: 242px;
	font-weight: bold;
	background: url(/images/company_ct_about_tr.png) left bottom no-repeat;
}
#company #ct .about .itm p {
	padding: 16px;
}
#company #ct .about .fld {
	padding: 16px;
	background: url(/images/company_ct_about_tr.png) right bottom no-repeat;
}

#company #ct .history {
	padding: 16px 0px;
}
#company #ct .history .txt {
	margin: 0px auto;
	width: 560px;
}

#company #ct .access {
	padding: 16px 0px;
}

#company #ct .access table {
	margin: 0px auto;
	width: 560px;
}
#company #ct .access .itm {
	padding: 16px;
	width: 140px;
	font-weight: bold;
	background: url(/images/company_ct_access_tr.png) left bottom no-repeat;
}
#company #ct .access .fld {
	padding: 16px;
	background: url(/images/company_ct_access_tr.png) right bottom no-repeat;
}

#company #ct .access  #gmap {
	margin: 16px auto 0px auto;
	width: 560px;
	height: 560px;
}

/**************************************************************
	お問い合わせ
*/

#contact {
}

#contact #sbinner {
	padding: 40px 0px 0px 48px;
}
#contact #sb .arrow {
	padding: 12px 0px 12px 64px;
}

#contact #ct .err {
	padding: 16px 0px 0px 16px;
	color: #DF0012;			/* red */
}

#contact #ct .txt {
	padding: 16px;
}

#contact #ct .form {
	margin: 0px auto;
	width: 560px;
}
#contact #ct .form .itm {
	width: 200px;
	font-weight: bold;
	background: url(/images/contact_ct_form_tr.png) left bottom no-repeat;
}
#contact #ct .form .itm p {
	padding: 16px;
}
#contact #ct .form .fld {
	padding: 16px;
	background: url(/images/contact_ct_form_tr.png) right bottom no-repeat;
}
#contact #ct .form .fld .ta {
	width: 300px;
	height: 150px
}

#contact #ct .btn {
	padding: 16px 0px 0px 0px;
	text-align: center;
}
#contact #ct .btn input {
	padding 8px;
}

/**************************************************************
	サイトマップ
*/

#sitemap {
}

#sitemap #sb ul {
	padding: 34px 0px 8px 8px;
}
#sitemap #sb li {
	padding: 8px 0px 8px 0px;
	background: url(/images/sitemap_sb_ul.png) center bottom no-repeat;
}
#sitemap #sb li p {
	padding: 0px 0px 0px 16px;
	background: url(/images/sitemap_sb_arrow.png) left top no-repeat;
	background-position: 0px 4px;
}

#sitemap #ct {
	font-size: 85%;			/* for setting 11px */
	letter-spacing: 0.05em;
}

#sitemap #ct a:link {
	text-decoration: none;
}
#sitemap #ct a:visited {
	text-decoration: none;
}
#sitemap #ct a:hover {
	color: #000;
	text-decoration: none;
}

#sitemap #ct .group {
	padding: 8px 0px 8px 16px;
}
#sitemap #ct .group ul {
	float: left;
	width: 210px;
}

#sitemap #ct .business li {
	padding: 8px 0px 10px 0px;
	background: url(/images/business_sb_ul.png) center bottom no-repeat;
}
#sitemap #ct .business li p {
	padding: 0px 0px 0px 16px;
	background: url(/images/business_sb_arrow.png) left top no-repeat;
	background-position: 0px 3px;
}

#sitemap #ct .machinery li {
	padding: 8px 0px 8px 0px;
	background: url(/images/machinery_sb_ul.png) center bottom no-repeat;
}
#sitemap #ct .machinery li p {
	padding: 0px 0px 0px 16px;
	background: url(/images/machinery_sb_arrow.png) left top no-repeat;
	background-position: 0px 3px;
}

#sitemap #ct .paints li {
	padding: 8px 0px 8px 0px;
	background: url(/images/paints_sb_ul.png) center bottom no-repeat;
}
#sitemap #ct .paints li p {
	padding: 0px 0px 0px 16px;
	background: url(/images/paints_sb_arrow.png) left top no-repeat;
	background-position: 0px 3px;
}

#sitemap #ct .company li {
	padding: 8px 0px 8px 0px;
	background: url(/images/company_sb_ul.png) center bottom no-repeat;
}
#sitemap #ct .company li p {
	padding: 0px 0px 0px 16px;
	background: url(/images/company_sb_arrow.png) left top no-repeat;
	background-position: 0px 3px;
}

/**************************************************************
	個人情報保護方針
*/

#privacy #sb ul {
	padding: 34px 0px 8px 8px;
}
#privacy #sb li {
	padding: 8px 0px 8px 0px;
	background: url(/images/privacy_sb_ul.png) center bottom no-repeat;
}
#privacy #sb li p {
	padding: 0px 0px 0px 16px;
	background: url(/images/privacy_sb_arrow.png) left top no-repeat;
	background-position: 0px 4px;
}

#privacy #ct .about {
	padding: 16px 0px;
}
#privacy #ct .about .txt {
	margin: 0px auto;
	width: 560px;
}