a:link { color: #21177E; text-decoration: none; }
a:visited { color: #21177E; text-decoration: none; }
a:hover { color: #483ACD; text-decoration: underline; }


*{
	padding: 0px;
	font-size: 12px;
	line-height: 16px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/* ---------------------------------------------------------------------
インデックス
--------------------------------------------------------------------- */


body {
	background:url(./img/bg.png) repeat-x top center;
	background-color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:12px;
	color: #999999;
	text-align: left;
}




/* ---------------------------------------------------------------------
メインボディ
--------------------------------------------------------------------- */

div#body {
	width:840px;
	padding: 0px;
	background-color: #ffffff;
	border-right: 1px solid #BABABA;
	border-left: 1px solid #BABABA;
	border-bottom: 1px solid #BABABA;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}




/* ---------------------------------------------------------------------
ヘッダ
--------------------------------------------------------------------- */

div#header {
	width:840px;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	text-align: center;
}

div#header-mail {
	width:900px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;
	text-align: center;
}





/* ---------------------------------------------------------------------
メイン
--------------------------------------------------------------------- */

div#main {
	width:840px;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	text-align: center;
}




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

div#foot {
	width:840px;
	background-color: #DC3438;
	text-align: center;
	font-size:10px;
	color: #ffffff;
	clear: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}


div#page-foot {
	margin: 0px auto 5px auto;
	padding: 5px 5px 5px 0px;
	text-align: right;
	font-size:10px;
}










/* ---------------------------------------------------------------------
メインのヘッド部分　
--------------------------------------------------------------------- */

div#main-head {
	width:820px;
	background-color: #ffffff;
	text-align: left;
	font-size:10px;
	color: #666666;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}





/* ---------------------------------------------------------------------
メインのトップに使うところ
--------------------------------------------------------------------- */

div#main-top {
	width:820px;
	padding: 10px;
	background:url(./img/main-top-bg.png) repeat-x top center;
	background-color: #ffffff;
	margin: 0px;
}




p.main-top {
	margin: 10px auto 10px 10px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	font-size:12px;
	line-height: 20px;
	color: #555555;

}




/* ---------------------------------------------------------------------
メインのトップの左側
--------------------------------------------------------------------- */

div#main-top-left {
	width:500px;
	margin: 5px;
	padding: 5px;
	float: left;
}


/* ---------------------------------------------------------------------
メインのトップの右側
--------------------------------------------------------------------- */

div#main-top-right {
	width:270px;
	margin: 5px;
	padding: 5px;
	float: right;
}




div#main-top-right h2 {
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 20px;
	font-weight: bold;
	text-align: left;
	font-size:14px;
	color: #ffffff;
	background-image: url(./img/main-top-right-h3.png);
	background-repeat: repeat-x;
	background-position: left;
}


p.main-top-right {
	margin: 10px auto 10px 10px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	font-size:12px;
	line-height: 20px;
	color: #555555;

}




/* ---------------------------------------------------------------------
メインのトップの中段メニュー
--------------------------------------------------------------------- */


ul.top-menu {
	width: 500px;
	padding:0px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

ul.top-menu li {
	width: 230px;
	float: left;
	text-align: left;
	font-size:12px;
	border-style: dotted;
	border-color: #aaaaaa;
	border-width: 1px;
	margin-top: 7px;
	margin-right: 7px;
	margin-bottom: 3px;
	margin-left: 10px;
	color: #000000;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	height: 100px;
}

ul.top-menu h3 {
	height: 25px;
	margin: 0px;
	font-weight: bold;
	text-align: left;
	font-size:14px;
	color: #333333;
	background-image: url(./img/main-top-menu-h3.png);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}


ul.top-menu p {
	margin: 0px 10px 0px 0px;
	padding: 5px 5px 0px 5px;
	text-align: left;
	font-size:12px;
	line-height: 16px;
	color: #333333;
	background-repeat: repeat-x;
	background-position: center top;
}




/* ---------------------------------------------------------------------
モータースポーツ
--------------------------------------------------------------------- */


ul.motor {
	width: 860px;
	padding:0px 0px 0px 0px;
	margin: 10px auto 5px auto;
}

ul.motor li {
	width: 840px;
	float: left;
	padding:0px 5px 5px 5px;
	margin: 7px 20px 0px 0px;
	text-align: left;
	font-size:11px;
	border-style: dotted;
	border-color: #aaaaaa;
	border-width: 1px;
}

ul.motor h3 {
	height: 25px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 20px;
	background:url(./img/works-h2.png) repeat-x left;
	font-weight: bold;
	text-align: left;
	font-size:14px;
	color: #333333;
}


ul.motor p {
	margin: 0px 10px 0px 0px;
	padding: 5px 5px 0px 5px;
	text-align: left;
	font-size:12px;
	line-height: 16px;
	color: #333333;
	background:url(./img/main-top-bg.png) repeat-x top center;
}



/* ---------------------------------------------------------------------
会社概要
--------------------------------------------------------------------- */


p.about-top {
	margin: 10px auto 10px auto;
	padding: 0px 40px 0px 40px;
	text-align: left;
	font-size:12px;
	line-height: 20px;
	color: #555555;

}



table#about {
	border-style: solid;
	border-width: 1px;
	border-spacing: 1;
	border-color: #eeeeee;
	border-collapse: separate;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 40px;
	background-color: #ffffff;
	font-size:13px;
	color:#333333;
	float: left;
}

table#about td.top {
	background-color: #eeeeee;
	font-weight:bold;
	font-size:13px;
	color:#333333;
	text-align: left;
}

table#about td {
	padding:10px 10px 10px 10px;
	background-color: #ffeeee;
	font-weight:normal;
	text-align: left;
}





/* ---------------------------------------------------------------------
業務内容メニュー
--------------------------------------------------------------------- */


ul.works-menu {
	width: 860px;
	padding:0px 0px 0px 0px;
	margin: 10px auto 5px auto;
}

ul.works-menu li {
	width: 410px;
	float: left;
	padding:0px 5px 5px 5px;
	margin: 7px 7px 0px 0px;
	text-align: left;
	font-size:11px;
	border-style: dotted;
	border-color: #aaaaaa;
	border-width: 1px;
}

ul.works-menu h3 {
	height: 25px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 20px;
	background:url(./img/main-top-menu-h3.png) repeat-x left;
	font-weight: bold;
	text-align: left;
	font-size:14px;
	color: #333333;
}


ul.works-menu p {
	margin: 0px 10px 0px 0px;
	padding: 5px 5px 0px 5px;
	text-align: left;
	font-size:12px;
	line-height: 16px;
	color: #333333;
	background:url(./img/main-top-bg.png) repeat-x top center;
}


/* ---------------------------------------------------------------------
業務内容　各タイトル
--------------------------------------------------------------------- */



h2.works {
	margin: 5px 0px 5px 0px;
	padding: 8px 5px 8px 20px;
	background:url(./img/works-h2.png) repeat-x left;
	font-weight: bold;
	text-align: left;
	letter-spacing: 8px;
	font-size:18px;
	color: #333333;
	clear: both;
}



/* ---------------------------------------------------------------------
採用情報　各タイトル
--------------------------------------------------------------------- */



h2.emplo {
	margin: 20px 20px 20px 20px;
	padding: 5px 5px 5px 20px;
	background:url(./img/works-h2.png) repeat-x left;
	font-weight: normal;
	text-align: left;
	letter-spacing: 8px;
	font-size:14px;
	color: #333333;
	clear: both;
}


/* ---------------------------------------------------------------------
施工事例
--------------------------------------------------------------------- */


ul.sekou-menu {
	width: 860px;
	padding:0px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}

ul.sekou-menu li {
	width: 200px;
	float: left;
	text-align: left;
	font-size:12px;
	color: #333333;
	border-style: dotted;
	border-color: #aaaaaa;
	border-width: 1px;
	list-style-type: none;
	list-style-image: none;
	margin-top: 7px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	height: 270px;
}

ul.sekou-menu h1 {
	height: 25px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 60px;
	background:url(./img/sekou-menu-h1.png) repeat-x left;
	font-weight: bold;
	text-align: left;
	font-size:14px;
	color: #ffffff;
}


ul.sekou-menu h2 {
	height: 25px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 20px;
	background:url(./img/sekou-menu-h2.png) repeat-x left;
	font-weight: bold;
	text-align: left;
	font-size:14px;
	color: #ffffff;
}



/* ---------------------------------------------------------------------
施工事例の左側
--------------------------------------------------------------------- */

div#sekou-menu {
	width:190px;
	padding: 0px;
	float: left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}


/* ---------------------------------------------------------------------
施工事例の右側
--------------------------------------------------------------------- */

div#sekou-main {
	width:680px;
	padding: 0px;
	float: right;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
}


div#sekou-main h1 {
	margin: 0px 10px 0px 0px;
	padding: 25px 0px 25px 30px;
	background:url(./img/sekou-main-h1.png) repeat-x left;
	font-weight: bold;
	text-align: left;
	font-size:16px;
	color: #ffffff;
}


div#sekou-main h2 {
	margin: 0px 10px 0px 0px;
	padding: 25px 0px 25px 30px;
	background:url(./img/sekou-main-h2.png) repeat-x left;
	font-weight: bold;
	text-align: left;
	font-size:16px;
	color: #ffffff;
}


div#sekou-main h3 {
	margin: 0px 10px 0px 20px;
	padding: 25px 0px 25px 20px;
	background:url(./img/sekou-main-h3.png) repeat-x left;
	font-weight: bold;
	text-align: left;
	font-size:14px;
	color: #333333;
}



div#sekou-main p {
	margin: 0px 40px 0px 20px;
	padding: 5px 5px 0px 5px;
	text-align: left;
	font-size:12px;
	line-height: 16px;
	color: #333333;
}




ul.sekou {
	padding:0px 0px 0px 0px;
	margin: 5px auto 5px auto;
}

ul.sekou li {
	/*	height: 260px;*/
	float: left;
	padding:5px 2px 5px 2px;
	margin: 5px 2px 5px 2px;
	text-align: center;
	font-size:13px;
	color: #333333;
	list-style-type: none;
}

ul.sekou li.moji {
	float: left;
	padding:5px 40px 5px 20px;
	margin: 5px 2px 5px 2px;
	text-align: left;
	font-size:13px;
	color: #333333;
}





/* ---------------------------------------------------------------------
リフォームページ
--------------------------------------------------------------------- */

div#reform-menu {
	width:780px;
	margin: 5px 5px 5px 5px;
	padding: 0px 0px 0px 0px;
}


div#reform-menu h1 {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 30px;
	background:url(./img/reform-menu-h1.png) repeat-x left;
	font-weight: bold;
	text-align: center;
	font-size:25px;
	color: #ffffff;
}


div#reform-menu h2 {
	margin: 0px 0px 0px 0px;
	padding: 5px 20px 5px 0px;
	background:url(./img/reform-menu-h2.png) repeat-x left;
	font-weight: bold;
	text-align: right;
	font-size:16px;
	background-color: #00334E;
	color: #ffffff;
}




ul.reform-kakaku li {
	width: 240px;
	height: 270px;
	float: left;
	padding:5px 5px 5px 5px;
	margin: 8px 4px 10px 4px;
	text-align: center;
	font-size:11px;
	border-style: dotted;
	border-color: #aaaaaa;
	border-width: 1px;
	background:url(./img/reform-kakaku-bg.png) repeat-x center;
}

ul.reform-kakaku h3 {
	margin: 0px 0px 5px 0px;
	padding: 5px 0px 5px 0px;
/*	background:url(./img/reform-kakaku-h3.png) repeat-x left;*/
	font-weight: bold;
	text-align: center;
	font-size:14px;
	color: #333333;
}

ul.reform-kakaku h4 {
	height: 25px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 20px;
	background:url(./img/reform-kakaku-h4.png) no-repeat center;
	font-weight: bold;
	text-align: center;
	font-size:16px;
	color: #ffffff;
}


ul.reform-kakaku p {
	margin: 0px 10px 10px 0px;
	padding: 5px 5px 0px 5px;
	text-align: center;
	font-size:12px;
	line-height: 16px;
	color: #333333;
}

.img-right {
	clear: both;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.img-left {
	clear: both;
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.s1 {
	font-size: 12px;
	color: #F00;
}
.s2 {
	font-size: 14px;
	color: #003;
	font-weight: bold;
}