/* CSS Document */

body {
	margin:5px auto;
	padding:0;
	line-height: 120%;
	color:#666666;
	letter-spacing: 1px;
	font-size:14px;
	background: #FFF33F url(../img/1.gif);
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}

/*---------------
初期化
---------------*/
p,div,ul,li,dl,dt,dd,h1,h2,h3 {
	margin:0; 
	padding:0;
}

img {
	border:0;
	margin:0;
	padding:0;
}

a { text-decoration: none;}
/*---------------
//初期化
---------------*/

h1 {
	font-size:12px;
	color:#FFFFFF;
	font-weight: bold;
	line-height:12px;
	margin:0;
	text-align:center;
}

table {
	table-layout: fixed;
	empty-cells: show;
	letter-spacing: 1px;
	font-size:12px;
}

span {
	color:#009900;
	font-weight:bold;
}

ul{list-style-type:none;}

/*-----------------------
外枠
-----------------------*/
#OUTLINE {
	margin: 0px auto;
	width: 700px;
}

#CONTENTS{background-color:#FFFFFF;}

.width600px{/*?*/
	width:600px;
	margin:0px auto 0px auto;
	text-align:left;
	background-color:#FFFFFF;
}

#left {/*?*/
	width: 470px;
	float:left;
	margin:0px 0px 0px 0px;
	padding: 5px;
}

#right {/*?*/
	width: 230px;
	float:right;
	left: 470px;
	margin:0px auto 0px 0px;
	padding: 5px 15px 5px 5px;
}

/*-----------------------
メニュー
-----------------------*/
ul#menu {
	width:700px;
	height:35px;
	padding:0;
	margin:0;
}

#menu li {
	display:inline;
	text-indent: -9999px;
}

#menu li a {
	width: 140px;
	height:35px;
	float:left;
}

/*オフ*/
ul #home a{background:url(../img/bu/home.gif) 0px 0px;}
ul #sagyo a{background:url(../img/bu/sagyo.gif) 0px 0px;}
ul #tel a{background:url(../img/bu/tel.gif) 0px 0px;}
ul #qa a{background:url(../img/bu/qa.gif) 0px 0px;}
ul #about a {background:url(../img/bu/about.gif) 0px 0px;}

/*オン*/
ul #home a:hover {background-position: 0px 35px;}
ul #sagyo a:hover {background-position: 0px 35px;}
ul #tel a:hover {background-position: 0px 35px;}
ul #qa a:hover {background-position: 0px 35px;}
ul #about a:hover{background-position: 0px 35px;}

/*-----------------------
見出し
-----------------------*/
/*オレンジ*/
.orange {
	background-image:url(../img/orange.gif);
	height:35px;
	color:#FFFFFF;
	line-height:35px;
	font-weight:bold;
	margin:0px 4px;
	font-size:20px;
	font-weight:bold;
	text-align: center;
}

/* グリーン */
.green {
	background-image:url(../img/green.gif);
	width:680px;
	height:35px;
	color:#FFFFFF;
	line-height:35px;
	font-weight:bold;
	margin:5px 10px 0px;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}

/*通常*/
.title {
	background-image:url(../img/title.gif);
	margin: 0px 10px 20px;
	height:40px;
	text-indent:50px;
	font-size:30px;
	font-weight:bold;
	line-height:40px;
	color:#0000FF;
}

/*-----------------------
コンテンツ枠
-----------------------*/
/*オレンジ*/
.orange-body {
	width:690px;
	border-left:1px solid #FDD000;
	border-right:1px solid #FDD000;
	margin: 0px 4px;
	padding: 1px 0px;
	color:#003399;
}
.orange-bottom {
	background-image:url(../img/orange-bottom.gif);
	width:692px;
	height:20px;
	margin:0px auto 5px;
}

/* グリーン */
.green-body {
	width:678px;
	border-left:1px solid #A5D4AD;
	border-right:1px solid #A5D4AD;
	margin: 0px auto;
	padding: 1px 0px;
	color:#003399;
}
.green-bottom {
	background-image:url(../img/green-bottom.gif);
	width:680px;
	height:15px;
	margin:0px 10px 5px;
}

.sent {
	margin: 20px 10px 0px;
	padding: 0px;
}

/*-----------------------
HOME
-----------------------*/
/*トップ作業画像*/
.top-sagyo-ul { list-style-type:none; 
}

.top-sagyo-ul li {
	float:left;
	padding:0px;
	margin: 7px 0px 0px 8px;
}

/*リンクバナー*/
#bottom-ul {
	width: 700px;
	margin: 20px 10px 10px;
	list-style-type:none;
}

.bottom-li {
	float:left;
	margin: 0px 10px 10px 0px;
}

a:link { color:#0000CC; }/*?*/
a:visited { color:#6666FF;/*?*/
	color:#6666CC }
a:active { color:#FF6600; }/*?*/

/*モバイル*/
#mobile {
	margin: 0px auto;
	width: 500px;
}
/*ヘッダ*/
#head {
	width:700px;
	height:150px;
}

/*フッタ*/
#foot-menu {
	width:700px;
	background:#FFFFFF;
	text-align:center;
	height:18px;
	padding: 10px 0px 5px;
}

#foot {
	margin: 2px 0px 0px;
	text-align:center;
	font-size:11px;
	color:#FFFFFF;
}

/*-----------------------
トップ以外
-----------------------*/
.top-img {
	width: 700px;
	padding: 0px 0px 4px;
	background-color:#FFFFFF;
	clear:both;
}

/* テーブル */
.table_list {
	font-size: 16px;
	border-collapse: collapse;
	margin: 0px auto;
	width: 600px;
	border-top: 2px solid #FF9900;
	border-left: 2px solid #FF9900;
}

.table_list th{
	padding: 10px;
	vertical-align: top;
	border-right: 2px solid #FF9900;
	border-bottom: 2px solid #FF9900;
	font-weight: normal;
	background: #FF9933;
	color:#FFF;
}

.table_list td{
	padding: 10px;
	vertical-align: top;
	border-right: 2px solid #FF9900;
	border-bottom: 2px solid #FF9900;
}

.table_list td.headbg{
	width:100px;
	background: #FFFFCC;
}

/* 作業内容 */
.sagyo-ul {list-style-type:none;}

.sagyo-ul li {
	padding:7px;
	float:left;
}

.work-list {
	padding: 0px 0px 0px 20px;
	margin:0px;
	list-style-type:disc;
	font-size: 16px;
}

/*QA*/
td.q {
	background: #FFFFCC url(../img/qa/q.gif) 5px 5px no-repeat;
	padding: 6px 0px 6px 35px;
	line-height: 24px;
	font-weight: bold;
	text-align:left;
}

td.a {
	background: url(../img/qa/a.gif) 5px 5px no-repeat;
	padding:33px 6px 6px;
	background-repeat:no-repeat;
	text-align:left;
	font-size: 12px;
}

.q h3{ font-size:16px;}

/*会社概要*/
.omoi {
	padding: 10px;
	margin: 0px 20px;
	font-size:20px;
	color:#CC6600;
	font-weight:bold;
	line-height: 25px;
	background: #FFFFCC;
}


/*サイトマップ*/
.sitemap {
	width:550px;
	margin: 10px auto;
	font-size:22px;
	line-height:45px;
	list-style-image: url(../img/sitemap/q.gif);
	list-style-position:inside;
}

.sitemap li { text-indent:10px;}

.sitemap li p{
	margin:0px 0px 10px 60px;
	line-height:18px;
	font-size:16px;
}

#link {
	width: 600px;
	margin: 0px auto;
}

/*------------------------
テキスト装飾
------------------------*/
/*テキストサイズ*/
.fs10 {font-size:10px;}
.fs12 {font-size:12px;}
.fs14 {font-size:14px;}
.fs16 {font-size:16px;}
.fs18 {font-size:18px;}
.fs20 {font-size:18px;}
.fs25 {font-size:25px;}
.fs40 {font-size:40px;}

/*行間*/
.lh14 {line-height:12px;}
.lh16 {line-height:16px;}
.lh18 {line-height:18px;}
.lh20 {line-height:20px;}
.lh22 {line-height:22px;}
.lh24 {line-height:24px;}
.lh44 {line-height:44px;}

/*太さ*/
.fw {font-weight:bold;}

/*位置*/
.ta_l{text-align:left;}
.ta_r{text-align:right;}
.ta_c{text-align:center;}

/*隙間*/
.tm5 {margin-top: 5px;}
.tm10 {margin-top: 10px;}
.tm15 {margin-top: 15px;}
.tm20 {margin-top: 20px;}
.tm30 {margin-top: 30px;}
.tm40 {margin-top: 40px;}

.tms10 {
	margin-left:10px;
	margin-right:10px;
}
.tms20 {
	margin-left:20px;
	margin-right:20px;
}
.tms50 {
	margin-left:50px;
	margin-right:50px;
}

.indent{
	text-indent: -1em;
	padding-left: 1em;
}

/*カラー*/
.fc_red {color:#ff0000;}
.fc_red a {color:#ff0000;}
.fc_blue {color:#0000ff;}
.fc_dblue {color:#000066;}

/*回り込み*/
.fl_l {float:left;}
.fl_r {float:right;}
.clear { clear:both;}