﻿@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0;font-size:100%;border:0;}

html,body{font:14px/1.2em Verdana, ArialMT, Osaka, sans-serif;color:#330;}

div,p{line-height:1.7;letter-spacing:0em;}
ul{list-style:none;}

body{background:url("../img/bg.gif");}

h1,h2,h3{font:14px/1.2em 'Courier New', monospace;letter-spacing:0.3em;}

.top
{
	width	: 1000px;
	height	: 50px;
	position: relative;
	left	: 0;
	top		: 0;
	color	: #c0f;
	margin-bottom:22px;
	background:url("../img/zyosiki.gif");
}

.top a
{
	display:block;
}

h1
{
	height	: 28px;
	color	: #c53d43;
	font-size	: 1.3em;
	font-weight	: 800;
	letter-spacing	: 0.7em;
	padding		: 12px 0 0 24px;
	background	: url("../img/h1top.gif") no-repeat 0 0;
}

#h/*hタグ装飾用divID*/
{
	width	: 30em;
	height	: 40px;
	position: relative;
	left	: 270px;
	top		: 0px;
	margin-bottom	: 20px;
	background		: url("../img/bgh1.gif") repeat-x 0 0;
}


h2{
	width	: 686px;
	position: relative;
	left	: 280px;
	top		: 0;
	margin	: 30px 0 2px 0;
	padding	: 6px 0 6px 26px;
	color	: #fff;
	font-size	: 1.1em;
	font-weight	: 600;
	background	: url("../img/h2.gif") repeat-x 0 0;
}

h3
{
	width	: 500px;
	position: relative;
	left	: 280px;
	top		: 0px;
	padding-top	: 10px;
	color	: #9f6;
	font-weight	: 400;
	font-size	: 1em;
}

.divbody/*なかみ*/
{
	width	: 1000px;
	height	: 100% !important;
	min-height	: 400px;
	height	: 400px;/*IE6用*/
	position: relative;
	left	: 0;
	top		: 0px;
	background	: #80989b url("../img/leftbg.gif") repeat-y;
	padding-bottom	: 30px;
}

.divbody p
{
	width	: 700px;
	position: relative;
	left	: 280px;
	top		: 0px;
}

div.works/*業務内容ページdiv*/
{
	width	: 500px;
	min-height	: 200px;
	height	: 100% !important;
	height	: 200px;/*IE6用*/
	position: relative;
	left	: 280px;
	padding-left: 210px;
	border	: 1px solid #fff;
	background	: url("../img/works01.jpg") no-repeat 0 0;
}

span.infoimg
{
	position: absolute;
	left	: 790px;
	bottom	: 10px;
	font-size:0.7em;
}

span.back/*右上トップに戻るリンク*/
{
	position: absolute;
	left	: 940px;
	top		: 0;
}

span.no/*電話番号*/
{
	color:#fc3;
	font-weight:800;
}

/*--------------------------------↓↓テーブル定義セット用↓↓--------------------------------*/
.divbody table
{
	position: relative;
	left	: 280px;
	top		: 0px;
	margin	: 20px 0 2px 0;
	border-collapse	: collapse;
	border-color	: #fff;
	border-style	: solid double;
	border-width	: 1px 3px 1px 0;
	float	: left;
}

th/*セット料金のタイトル*/
{
	background	: #366;
	text-align	: left;
	padding	: 10px 16px;
	border:double #fff;
	border-width:0 0 0 3px;
}

tr.red/*偶数行*/
{
	background:#999;
}

td.obj/*品名列*/
{
	width	: 280px;
	padding	: 6px 0px 2px 10px;
	border	: double #fff;
	border-width	: 0 0 0 3px;
	vertical-align	: middle;
}

td.uni/*個数列*/
{
	width	: 40px;
	padding	: 6px 20px 2px 0px;
	text-align	: right;
	vertical-align	: bottom;
}

tr.staff/*スタッフ付きだよ！っていうアピール行*/
{
	background	: #f99;
	color	: #fff;
	font-weight	: 600;
}

th.pri/*セット料金お値段*/
{
	background	: #ccc;
	color	: #f33;
	text-align	: right;
	border:double #fff;
	border-width:0 0 0 3px;
}
/*-------------------------------↑↑テーブル定義セット価格用↑↑-------------------------------*/

/*--------------------------------↓↓テーブル定義機材リスト用↓↓------------------------------*/
th.maker
{
	width	: 200px;
}

th.item
{
	width	: 240px;
}

th.stock
{
	width	: 60px;
}

td.maker,td.item,td.stock
{
	border	: double 3px #fff;
	border-width	: 0 0 0 3px;
	padding	: 0 0.6em;
}

td.stock
{
	text-align	: right;
}

/*--------------------------------↑↑テーブル定義機材リスト用↑↑------------------------------*/

.listlink a/*リストのページ内リンク用*/
{
	border	: solid 1px #000;
	border-width	: 0 1px;
	margin-right	: 2px;
	padding	: 0 8px;
	letter-spacing	: 0.1em;
}

/*--------------------------------↓↓メールフォーム↓↓--------------------------------*/
.contact table
{
	border	: 1px dotted #fff;
	border-collapse:separate;
}

.contact td,.contact th
{
	padding	: 14px 20px;
	border	: 1px dotted #ccc;
	border-width	: 0 0 1px 0;
	color	: #fff;
}

.contact input,.contact textarea/*フォーム装飾*/
{
	width	: 400px;
	height	: 1.4em;
	background	: #fff;
	border	: 1px solid #ccc;
	color	: #666;
}

.contact textarea
{
	height:20em;
}

input:focus,textarea:focus/*フォーカス取得時のお色*/
{
	background	: #f0908d;
}

p.button/*送信ボタン包括段落定義*/
{
	width	: 640px;
	position:relative;
	top		: 10px;
	clear	: left;
	text-align	: left;
	font-size	: 0.9em;
	letter-spacing	: 0.1em;
}

.button input/*送信ボタンさま*/
{
	width	: 640px;
	height	: 1.8em;
	text-align	: center;
	background	: #f0908d;
	color	: #fff;
	cursor	:pointer;
	font-weight	: 600;
	border	: 1px solid ;
	border-color	: #ccc #666 #666 #ccc;
}

span.thcom/*セットの補足説明*/
{
	display	: block;
	width	: 300px;
	font-size	: 0.7em;
	position	: static;
	font-weight	: 400;
	color	: #cff;
}
/*--------------------------------↑↑メールフォーム↑↑--------------------------------*/

/*--------------------------------↓↓左ナビ↓↓--------------------------------*/
.link
{
	position: absolute;
	left	: 0;
	top		: 230px;
	background	: #fff;
}

#linkhead{background:url('../img/line.gif');}
#linkfoot{background:url('../img/arrow.gif');}

.link a
{
	display	: block;
	width	: 172px;
	height	: 16px;
	position: relative;
	left	: 0px;
	padding	: 8px 0px 2px 58px;
	text-decoration	: none;
	color	: #393f4c;
	border	:solid #80989b;
	border-width	: 0 0 1px 0;
	background	: #fff url("../img/424.gif") no-repeat 206px 14px ;
}

.link a:hover,.link a:active
{
	width	: 171px;
	background	: #80989b url("../img/424on.gif") no-repeat 216px 14px ;
	color:#fff;
	border	:solid #000;
	border-width	: 0 0 1px 1px;
}

.link span
{
	position: relative;
	top		: 2px;
	right	: 6px;
}
/*--------------------------------↑↑左ナビ↑↑--------------------------------*/

.footer/*フッタ包括div*/
{
	width	: 1000px;
	height	: 60px;
}


.footer span/*フッタテキスト*/
{
	display	: block;
	position: relative;
	left	: 0;
	top		: 10px;
	font-size	: 10px;
	color	:#000;
	text-align	: right;
}

#kian/*左上きあんシンボル*/
{
	position: absolute;
	top:0;
	left:0;
}

