@charset "utf-8";

/* 基本設定----------------------------------------------------------- */
body {
	margin:0px;
	padding:0px;
	font-family:meiryo,'メイリオ','hiragino kaku gothic pro','ヒラギノ角ゴ pro w3','osaka',tahoma,helvetica,arial,verdana,'ＭＳ Ｐゴシック',sans-serif;
	font-size:12px;
	background-color:#ffccff;
	background-image:url(../img/body.jpg) ;
	background-repeat:repeat-x;
}

a{
	overflow:hidden;
	font-size:12px;
	font-weight:bold;
	color:#0099ff;
	text-decoration:underline;
}

a:hover{
	color:#be0e7a;
}

img {
	border:0px;

}

#wrap {
	width:900px;
	margin:0 auto 0 auto;
	padding:0px 15px 0px 15px;
	position:relative;
	background-image:url(../img/ec-body.png) ;
	background-repeat:repeat-y;
}

#wrap h1 {
	margin:0px;
	padding:0px;
	width:900px;
	height:60px;
	text-indent:-9999px;
	background-image:url(../img/eckits-logo.gif);
	display:block;
}

#wrap a.totop {
	width:115px;
	height:50px;
	text-indent:-9999px;
	position:absolute;
	top:10px;
	left:20px;
}

div.shamei {
	margin:0px;
	padding:0px;
	width:900px;
	height:20px;
	text-align:right;
	font-size:12px;
	line-height:20px;
	font-weight:bold;
}

#menu {
	width:900px;
	height:55px;
	margin:0px 0px 10px 0px;
	padding:0px;
}

#menu ul{
	margin:0px;
	padding:5px 0px 5px 5px;
	width:895px;
	height:50px;
}

#menu li {
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style-type:none;

	float:left;
}

#menu .mlink01 a {
	display:block;
	width:92px;
	height:50px;
}

#menu .mlink02 a {
	display:block;
	width:92px;
	height:50px;
}

#menu .mlink03 a {
	display:block;
	width:92px;
	height:50px;
}

#menu .mlink04 a {
	display:block;
	width:92px;
	height:50px;
}

#menu .mlink05 a {
	display:block;
	width:179px;
	height:50px;
}

#menu .mlink06 a {
	display:block;
	width:179px;
	height:50px;
}

#menu .mlink07 a {
	display:block;
	width:169px;
	height:50px;
}

#header {
	width:900px;
	height:330px;
	margin:0px 0px 5px 0px;
	padding:0px;
}

#header h2 {
	margin:0px;
	padding:0px;
	text-indent:-9999px;
}

#main {
	clear:both;
	margin:0px;
	width:900px;
}

#footer {
	width:890px;
	margin:-50px auto 0px auto;
	padding:5px;
	border-top:3px solid #be107b;
	border-bottom:15px solid #be107b;
	color:#333333;
}

table.t_footer {
	width:890px;
	height:50px;
	padding:0px;
	border-spacing: 0;
}

td.copyright {
	font-weight:bold;
	text-align:right;

}

#main-body {
	margin:10px auto 0px auto;
	padding:0px;
	width:900px;
	background:url(../img/b_image.gif) no-repeat  bottom right;
}

.bld18 {
	font-size:18px;
	font-weight:bold;
	color:#663300;
}

/* トップページ----------------------------------------------------------- */
#panel1 {
	margin:5px 0px 5px 0px;
	padding:0px;
	width:900px;
	height:275px;
}

#panel1 ul {
	margin:0px;
	padding:5px 0px 0px 210px;
	width:690px;
	height:270px;
	background-image:url(../img/panel.png);
}

#panel1 li {
	margin:0px 5px 0px 0px;
	padding:0px;
	list-style-type:none;
	text-indent:-9999px;
	float:left;
}

#panel1 .mlink08 a{
	display:block;
	text-indent:-9999px;
	width:225px;
	height:135px;
}

#panel1 .mlink08 a:hover {
	background-image:url(../img/panel_f2.png);
	background-repeat: no-repeat;
	background-position:-210px -5px;
}

#panel1 .mlink09 a{
	display:block;
	text-indent:-9999px;
	width:225px;
	height:135px;
}

#panel1 .mlink09 a:hover {
	background-image:url(../img/panel_f2.png);
	background-repeat: no-repeat;
	background-position:-440px -5px;
}

#panel1 .mlink10 a{
	display:block;
	text-indent:-9999px;
	width:225px;
	height:135px;
}

#panel1 .mlink10 a:hover {
	background-image:url(../img/panel_f2.png);
	background-repeat: no-repeat;
	background-position:-670px -5px;
}

#panel1 li.mlink11 {
	clear:left;;
}

#panel1 .mlink11 a{
	display:block;
	text-indent:-9999px;
	width:225px;
	height:135px;
}

#panel1 .mlink11 a:hover {
	background-image:url(../img/panel_f2.png);
	background-repeat: no-repeat;
	background-position:-210px -140px;
}

#panel1 .mlink12 a{
	display:block;
	text-indent:-9999px;
	width:225px;
	height:135px;
}

#panel1 .mlink12 a:hover {
	background-image:url(../img/panel_f2.png);
	background-repeat: no-repeat;
	background-position:-440px -140px;
}

#panel1 .mlink13 a{
	display:block;
	text-indent:-9999px;
	width:225px;
	height:135px;
}

#panel1 .mlink13 a:hover {
	background-image:url(../img/panel_f2.png);
	background-repeat: no-repeat;
	background-position:-670px -140px;
}

/* 最新情報----------------------------------------------------------- */
#topics-board {
	margin:0px;
	padding:0px 0px 0px 50px;
	width:650px;
}

#main-body2 {
	margin:10px auto 0px auto;
	padding:0px;
	width:900px;
}

div.topics-board2 {
	margin:0px;
	padding:0px 0px 0px 28px;
	width:625px;
}

.topi-title {
	font-size:14px;
	font-weight:bold;
	color:#ff00ff;
}


/* 事業内容----------------------------------------------------------- */
#jigyo-naiyo {
	float:left;
	margin:0px;
	padding:0px 10px 0px 0px;
	width:690px;
}

#jigyo-naiyo h2 {
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	height:30px;
	font-size:16px;
	color:#cc9966;
}

div.jigyo-komoku {
	padding:10px 5px 10px 5px;
	margin:0px 0px 10px 0px ;
	width:672px;
	border-top:1px solid #cccccc;
	border-bottom:2px solid #666666;
	border-left:8px solid #cccccc;
	border-right:1px solid #999999;
}

#right-panel {
	float:right;
	width:200px;
}

#right-panel img {
	margin-bottom:5px;
}

#jigyo-naiyo img{
	margin:0px 10px 0px 0px;
	float:left;

}

#jigyo-panel {
	margin:0px;
	padding:0px;
	width:705px;
	height:85px;
}

#jigyo-panel ul{
	margin:0px;
	padding:0px;
	width:705px;
	height:85px;
}

#jigyo-panel li {
	margin:0px 5px 0px 0px;
	padding:0px;
	list-style-type:none;
	float:left;
}

#jigyo-panel .plink a {
	display:block;
	width:230px;
	height:85px;
}

/* 受注までの流れ----------------------------------------------------------- */
#nagare {
	margin:0px;
	padding:0px 0px 0px 0px;
	width:720px;
}

div.nagare-right {
	margin-top:-30px;
}

div.nagare-left {
	margin-top:-30px;
}

/* 会社概要----------------------------------------------------------- */
#aisatu {
	width:700px;
	margin:0px;
	padding:0px;
}

table.info {
	margin:20px 0px 20px 0px;
	width:700px;
	border: solid 1px #000000;
	border-collapse: collapse;
	table-layout: auto;
}

td.info-naiyo {
	border: solid 1px #cc0099;
	padding:10px;
}

caption {
	color:#663300;
	caption-side: top;
	text-align:left;
	font-size:18px;
	font-weight:bold;
}

img.map {
	margin:0px 0px 0px 50px;
	border:1px solid #cccccc;
}

/* お問い合せ----------------------------------------------------------- */
table.toi {
	margin:20px 0px 20px 100px;
	width:600px;
	border: solid 1px #000000;
	border-collapse: collapse;
	table-layout: auto;
}

td.toi-naiyo {
	border: solid 1px #000000;
	padding:10px;
}

/* 施工例----------------------------------------------------------- */
div.seko-ran {
	width:720px;
	margin:0px 0px 10px 0px;
	padding:5px 0px 5px 0px;
	border-top:3px solid #666666;
	border-bottom:1px solid #666666;
	background-color:#FFF0F5;
	color:#990000;
	font-weight:bold;
	text-align:left;
}

iframe.if-jutaku {
	margin:0px;
	padding:0px;
	width:722px;
	height:507px;
	border:0px;
}

div.ex-pict {
	width:700px;
	margin:0px 0px 10px 0px;
	padding:10px 10px 30px 10px;
	border:1px solid #666666;
	background-color:#f0f0f0;
	text-align:left;
}

/* お問い合せ----------------------------------------------------------- */
#thanks {
	margin:0px;
	padding:0px;
	width:700px;
	text-align:center;
}