@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	}
	
image {
	border: 0;
	}

img {
     border:0 none;
}
	
body {
	background-color: #000000;
	color: #cccccc;
	font-size: 12px;
	}
	
#Wrapper {
	border-left: #464646 solid 1px;
	border-right: #464646 solid 1px;
	margin: 0 auto;
	position: relative;
	width: 750px;
	}
	
.clearBoth {
	clear: both;
	}	
	
p.pageTop {
	text-align: right;
	padding: 0 0 20px;
	}	
	
p.pageTop a {
	color:  #BFBCA2;
	font-size: 12px;
	text-decoration: none;
	}
	
p.pageTop a:hover {
	color: #FFC46A;
	text-decoration: underline;
	}
	
h4 {
	background-image: url(images/bn_title.jpg);
	background-repeat: no-repeat;
	color: #BFBCA2;
	font-size: 15px;
	margin: 0 0 10px 0 ;
	padding: 6px 0 0;
	height: 19px;
	width: 480px;
	}

h4 a {
	padding: 0 0 0 20px;
	}

.color {
	color: #FF99CC;
	}
	
.color a:hover {
	color: #DF8266;
	text-decoration: none;
	}

/*   ------------------

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

#Header {
	background-image: url(images/header_bg.jpg);
	background-repeat: no-repeat;
	height: 100px;
	position: relative;
	width: 750px;
	}
	
h1 {
	color: #CCCCCC;
	font-size: 10px;
	font-weight: normal;
	margin: 4px 0 0 6px;
	width: 500px;
	float: left;
	clear: left;
	}
	
#Header p {
	float:right;
	width:120px;
	}
	
#Header p a {
	background-image: url(images/link_elite.jpg);
	background-repeat: no-repeat;
	height: 26px;
	width: 110px;
	display: block;
	}
	
#Header p a span {
	display: none;
	}
	

/*   ------------------

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

#Menu {
	height: 35px;
	widht: 750px;
	}
	
#Menu ul {
	height: 35px;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 750px;
	}
	
#Menu ul li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#Menu ul li a {
	background-image: url(images/menu.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 35px;    
	}
	
#Menu ul li a span {
	display: none;
	}
	
.menu01 {
	background-position: 0 0;
	width: 110px;
	}
a:hover.menu01 {
	background-position: 0 -35px;
	}	
	
.menu02 {
	background-position: -110px 0;
	width: 155px;
	}
a:hover.menu02 {
	background-position: -110px -35px;
	}
.menu02_r {
	background-position: -110px -35px;
	width: 155px;
	}
	
.menu03 {
	background-position: -265px 0;
	width: 155px;
	}
a:hover.menu03 {
	background-position: -265px -35px;
	}
.menu03_r {
	background-position: -265px -35px;
	width: 155px;
	}
	
.menu04 {
	background-position: -420px 0;
	width: 110px;
	}
a:hover.menu04 {
	background-position: -420px -35px;
	}
.menu04_r {
	background-position: -420px -35px;
	width: 110px;
	}
	
.menu05 {
	background-position: -530px 0;
	width: 110px;
	}	
a:hover.menu05 {
	background-position: -530px -35px;
	}
.menu05_r {
	background-position: -530px -35px;
	width: 110px;
	}
	
.menu06 {
	background-position: -640px 0;
	width: 110px;
	}
a:hover.menu06 {
	background-position: -640px -35px;
	}
.menu06_r {
	background-position: -640px -35px;
	width: 110px;
	}
	
/*   ------------------

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

#Content {
	overflow: hidden;
	width: 750px;
	}
	
#Home_image {
	background-image: url(images/top_image.jpg);
	background-repeat: no-repeat;
	height: 254px;
	width: 750px;
	}
	
#Home_main {
	margin: 7px auto 0;
	width: 710px;
	}

/*　　コンテンツ　左　　*/
	
#Content_left {
	float: left;
	width: 480px;
	}
	
#Content_left .topics {
	background-color: #797451;
	padding: 5px 0;
	width: 480px;
	}

.topics_header {
	background-image:  url(images/topics_header.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	height: 48px;
	width:467px;
	}
	
.topics_main {
	background-image: url(images/topics_main.gif);
	background-repeat: no-repeat;
	margin: auto;
	/*
	height: 188px;
	*/
	height: 155px;
	width:467px;
	}
	
.topics_main_in {
	margin: 0 auto;
	width: 450px;
	}
	
.topics_footer {
	background-image:  url(images/topics_footer.gif);
	background-repeat: no-repeat;
	clear: both;
	margin: auto;
	height: 5px;
	width:467px;
	}
	
.topics_left {
	float: left;
	margin: 6px 0 0;
	width: 214px;
	}
	
.topics_right {
	float: right;
	margin: 6px 0 0;
	width: 214px;
	}	
	
.topics_text {
	color: #999999;
	margin: 7px auto 0;
	line-height: 140%;
	width: 210px;
	}
	
.topics_text a {
	background-image: url(images/btn_syosai.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 30px;
	margin: 0 auto;
	width: 130px;
	}

.topics_text p {
	padding: 0 0 7px;
	margin: 0;
	}
	
.topics_text a:hover {
	background-position: 0 -30px;
	}
.topics_text a span {
	display: none;
	}

/*　　コンテンツ　右　　*/
	
#Content_right {
	float: right;
	width: 220px;
	}

#Content_right2 {
	float: right;
	width: 170px;
	}

#Content_right3 {
	float: right;
	width: 200px;
	}

h3 {
	margin: 0 0 3px;
	padding: 10px 0 0;
	}
	
.side_box {
	background-image: url(images/side_bg.gif);
	background-repeat: repeat-y;
	padding: 0 0 15px;
	width: 170px;
	}

.side_box2 {
	background-image: url(images/side_bg.gif);
	background-repeat: repeat-y;
	padding: 0 0 15px 10px;
	width: 170px;
	}
	
.side_box_in {
	margin: 0 auto;
	/* width: 202px; */
	}	
	
.side_box_footer {
	background-image: url(images/side_bg_footer.gif);
	background-repeat: no-repeat;
	margin: 0 0 8px;
	height: 8px;
	width: 170px;
	}
	
.side_box_text {
	color: #BFBCA2;
	font-size: 10px;
	/* width: 202px; */
	}
	
.side_box_text p {
        font-size: 14px;
	margin: 0;
	padding: 5px 0 0;
	}

.side_box_text p a {
        font-size: 12px;
        color:#fff;
	margin: 0;
	padding: 5px 0 0;
	}

.side_box_text a {
	margin: 10px 0 0 0;
	}	
	
.side_box_text a span {
	display: none;
	}
	
a.sekorei01 {
	background-image: url(images/btn_sekorei01.gif);
	background-repeat: no-repeat;
	display: block;
	margin: 0 auto;
	height: 13px;
	width: 180px;
	}
	
a:hover.sekorei01 {
	background-position: 0 -13px;
	}
	
a.sekorei02 {
	background-image: url(images/btn_sekorei02.gif);
	background-repeat: no-repeat;
	display: block;
	margin: 0 auto;
	height: 13px;
	width: 180px;
	}
	
a:hover.sekorei02 {
	background-position: 0 -13px;
	}
	
a.sekorei03 {
	background-image: url(images/btn_sekorei03.gif);
	background-repeat: no-repeat;
	display: block;
	margin: 0 auto;
	height: 13px;
	width: 180px;
	}
	
a:hover.sekorei03 {
	background-position: 0 -13px;
	}
	
a.sekorei04 {
	background-image: url(images/btn_sekorei04.gif);
	background-repeat: no-repeat;
	display: block;
	margin: 0 auto;
	height: 13px;
	width: 180px;
	}
	
a:hover.sekorei04 {
	background-position: 0 -13px;
	}
	
a.sekorei05 {
	background-image: url(images/btn_sekorei05.gif);
	background-repeat: no-repeat;
	display: block;
	margin: 0 auto;
	height: 13px;
	width: 180px;
	}
	
a:hover.sekorei05 {
	background-position: 0 -13px;
	}
	
.side_box_text dl {
	margin: 0 auto;
	width: 180px;
	}

.side_box_text dl dt {
	padding: 4px 0 2px;
	width: 60px;
	}
	
.side_box_text dl dd {
	padding: 0 0 0 30px;
	}

	
/*   ------------------

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

#Footer {
	background-image: url(images/footer_bg.jpg);
	background-repeat: no-repeat;
	border-top: #464646 solid 1px;
	border-bottom: #464646 solid 1px;
	clear: both;
	margin: 15px 0 0;
	height: 160px;
	position: relative;
	width: 750px;
	}
	
#Footer .footer_area {
	color: #999999;
	font-size: 13px;
	line-height: 130%;
	margin: 20px 0 0 15px;
	width: 250px;
	}
	
	
	
/*   ------------------

     　　会社概要
	 
　　 ------------------   */
	
#Company_title {
	background-image: url(images/title_company.jpg);
	background-repeat: no-repeat;
	height: 69px;
	width: 750px;
	}
	
#Company_main {
	margin: 7px auto 0;
	width: 600px;
	}
	
a.map {
	color: #F29200;
	text-decoration: none;
	}
	
a:hover.map {
	color: #FFC46A;
	text-decoration: underline;
	}
	
#Company_main table {
	color: #CCCCCC;
	line-height: 150%;
	margin: 0 auto 15px;
	width: 550px;
	}
	
#Company_main table th {
	border-bottom: dotted 1px #999999;
	color: #999999;
	padding: 5px　0;
	text-align: left;
	vertical-align: top;
	width: auto;
	}
	
#Company_main table td {
	border-bottom: dotted 1px #999999;
	padding: 5px 10px;
	}
	
	
	
/*   ------------------

  　　イルミネーション
	 
　　 ------------------   */
	
#ill_title {
	background-image: url(images/title_illumination.jpg);
	background-repeat: no-repeat;
	height: 69px;
	width: 750px;
	}
	
#ill_main {
	margin: 7px auto 0;
	width: 710px;
	}
	
#ill_main table {
	margin: 0 0 12px;
	width: auto;
	}
	
#ill_main table th {
	text-align: center;
	width: 155px;
	}

#ill_main table .date_02 td {
	line-height: 150%;
	padding: 0 0 10px 15px;
	}
	
#ill_main table td.date_03  {
	line-height: 140%;
	padding: 0 0 0.9em 1em;
	vertical-align: top;
	}
	

/*   ------------------

  　 カラーキネティクス
	 
　　 ------------------   */
	
#color_title {
	background-image: url(images/title_color_kinetics.jpg);
	background-repeat: no-repeat;
	height: 69px;
	width: 750px;
	}
	
#color_main {
	margin: 7px auto 0;
	width: 710px;
	}	
		
h5 {
	color: #BFBCA2;
	font-size: 15px;
	margin: 0;
	padding: 0;
	}
	
small.c {
	color: #BFBCA2;
	}
	

table.spec tr td {
        padding:10px;
        line-height: 1.5;
        }
	
/*   ------------------

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

#sekou_title {
	background-image: url(images/title_sekorei.jpg);
	background-repeat: no-repeat;
	height: 69px;
	width: 750px;
	}
	
#sekou_main {
	margin: 7px auto 0;
	width: 710px;
	}


.inner dl {
	line-height: 150%;
	margin: 0 0 0 35px;
	padding: 0;
	width: auto;
	}
	
.inner dl dt {
	color: #CCCCCC;
	font-size: 15px;
	font-weight: bold;
	}
	
.inner dl dd {
	margin: 0 0 5px 18px;
	}
	
.inner dl dd a {
	color: #CCFFCC;
	}
	
.inner dl dd a:hover {
	text-decoration: none;
	}
	
.space {
	width: auto;
	}	
	
.spaceArea {
	margin: 0;
	width: 520px;
	}	
	
.spaceArea table.sekorei {
	font-size: 10px;
	margin: 8px 0 12px;
	width: auto;
	}
	
.spaceArea table.sekorei th {
	text-align: center;
	width: 108px;
	}
	
.spaceArea table.sekorei .date_02 td {
	text-align: center;
	padding: 0 10px;
	vertical-align: top;
	width: 88px;
	}
	
	
	
	
	
/*　イルミネーション　*/


.spaceArea table.tube {
	border-collapse: collapse;
	border: 2px solid #666666;
	margin: 0 auto 35px;
	width: 370px;
	}
	
.spaceArea table.tube th {
	border-right: 2px solid #666666;
	}
	
.spaceArea table.tube td {
	border-right: 2px solid #666666;
	text-align: center;
	padding: 5px 0;
	vertical-align: top;
	}	
	
.spaceArea table.illumination {
	margin: 0 0 12px;
	width: auto;
	}
	
.spaceArea table.illumination th {
	text-align: center;
	width: 180px;
	}
	
.spaceArea table.illumination .date_02 td {
	line-height: 150%;
	padding: 0 0 0.9em 2.5em;
	}
	
.spaceArea table.illumination td.date_03  {
	line-height: 140%;
	padding: 0 0 0.9em 1em;
	vertical-align: top;
	}

/*   ------------------

     　　お問合せ
	 
　　 ------------------   */
	
#Inquiry_title {
	background-image: url(images/title_contact.jpg);
	background-repeat: no-repeat;
	height: 69px;
	width: 750px;
	}
	
#Inquiry_main {
	margin: 7px auto 0;
	width: 600px;
	}
	
table.contact {
	border-collapse: collapse;
	line-height: 150%;
	margin: 0 auto 15px;
	width: 526px;
	}
	
table.contact th {
	border-top: dotted 1px #999999;
	padding: 5px 0;
	text-align:left;
	width: 160px;
	}
table.contact td {
	border-top: dotted 1px #999999;
	padding: 5px 0;
	}