@charset "EUC-JP";



/*HP用設定ファイル*/

/****************************************************/

/*　基本色　　　：R0   G81  B178  #0051B2（濃青）   */

/*　      　　　：R102 G143 B304  #6699CC（青）     */

/*　文字サイズ　：90%                               */

/*　行間　　　　：140%                              */

/*　枠の色　　　：R221 G221 B221 #DDDDDD            */

/*　幅　　　　　：750px（左右25px、内700px）        */

/*　枠の色　　　：R205 G205 B205 #CDCDCD            */

/****************************************************/

BODY          {text-align:center; margin:20px auto 30px; font-size:90%; letter-spacing:1px; background:url("../img/backimg02.gif") repeat-x; background-attachment:fixed;}



/*基本の枠*/

.OutSet       {width:750px; margin:0px auto; background-color:#FFFFFF;}



/*内枠：ブラウザによるマージンの違いを無くすため。高さを指定するのは、背景の線が消えるバグ回避*/

.InBox     {height:100%; padding:25px; border:1px #DDDDDD solid;}



/*ヘッダー*/

#Header                  {position:relative; width:100%; text-align:left;}

#Header IMG              {display:block; margin-bottom:5px;}

#Header IMG.Logo         {z-index:1; margin-bottom:7px;}

#Header H1               {z-index:2; color:#CC0033; position:absolute; top:-10px; left:0px; width:100%; font-size:10px; font-weight:normal; text-align:right;}

#Header DIV.Mess         {z-index:2; color:#CC0033; position:absolute; top:-10px; left:0px; width:100%; font-size:10px; font-weight:normal; text-align:right; letter-spacing:normal;}

#Header DIV.Address      {z-index:3; color:#444444; position:absolute; top:17px; left:0px; width:100%; font-size:12px; text-align:right; line-height:1.3;}

#Header DIV.Address SPAN {font-weight:bold; font-size:14px;margin-left:5px; letter-spacing:normal;}



/*フッター*/

#Footer               {clear:both; width:100%; margin:20px auto 0px; padding:10px 0px 0px; font-size:12px; text-align:center; letter-spacing:normal; line-height:normal;}

#Footer DIV.Copyright {/*width:100%;*/ margin-top:10px; padding:5px; color:#FFFFFF; background-color:#0051B2;}

#Footer UL.Menu       {margin:0px 0px 10px;}

#Footer DIV           {margin-top:3px; }

#Footer DIV.CompName  {font-size:14px; font-weight:bold;}

#Footer DIV.LinkTop   {border-bottom:1px #DDDDDD solid; padding-bottom:10px; margin-bottom:10px; margin-top:20px;}



/*左カラム（500px）*/

.LeftBox {width:500px; float:left; display:inline; margin-top:20px; text-align:left;}



/*右カラム（180px）*/

.RightBox            {width:180px; float:right; display:inline; margin-top:20px; text-align:left; letter-spacing:normal; font-size:90%;}

.RightBox DIV.MemoIn {padding-top:0px;}

.RightBox DL         {width:100%; margin:0px 0px 15px; padding:0px;}

.RightBox DT         {font-weight:bold; background:url("../img/backimg01.jpg") no-repeat left top; color:#FFFFFF; text-align:center; padding:2px; margin-bottom:5px;}

.RightBox DD         {margin-left:0px; background:url("../img/line.gif") repeat-x left bottom; padding-top:3px; padding-bottom:3px;}



/*コンテンツ（650px）*/

.Contensts {width:650px; margin-top:15px; margin-left:auto; margin-right:auto; text-align:left;}









/*******************************************/

/* 共通部品                                */

/* 左：184px（180px）右：570px（500px）    */

/*******************************************/

/*リンク*/

A       {color:blue;}

A:hover {color:green; text-decoration:none;}



/*段落*/

P       {margin-left:3px; margin-right:3px; line-height:140%;}



/*見出し*/

H1      {font-size:16pt; letter-spacing:normal; margin:0px 0px 20px;}

H2      {font-size:12pt; letter-spacing:normal; margin-top:50px; clear:both; background:url("../img/back_h2.gif") repeat-x left bottom; padding:7px 5px;}

H2 SPAN {margin-left:5px; padding-left:7px; border-left:7px #0051B2 solid;}

H3      {font-size:11pt; letter-spacing:normal; margin:20px 0px 10px 3px; /*margin-top:40px; margin-left:3px;*/ color:#CC3333; background:url("../img/mk2.gif") no-repeat left center; padding:3px 0px 2px 25px;}

.MTop   {margin-top:0px;}



/*テーブルの設定*/

TABLE         {width:100%; table-layout:fixed; border:1px #D9E3E5 solid; border-collapse:separate; font-size:100%;}

TABLE TH      {padding:3px 5px; border:1px #D9E3E5 solid; font-size:12px; color:#FFFFFF; font-weight:normal; background-color:#6699CC; text-align:center;}

TABLE TD      {padding:3px 5px; border:1px #D9E3E5 solid; line-height:140%;}

TABLE TD UL   {margin-top:0px; margin-bottom:0px; letter-spacing:1px;}

TABLE CAPTION {font-weight:bold; letter-spacing:normal; line-height:normal;}



/*テーブル*/

TABLE.TblForm TH          {background-color:#D9E3E5; border-style:solid; border-width:1px; border-color:#EEEEEE #A2C0C6 #A2C0C6 #EEEEEE; color:#000000;}

TABLE.TblForm TD          {line-height:normal; border-color:#EEEEEE #DDDDDD #DDDDDD #EEEEEE;}

TABLE.TblForm TD TEXTAREA {width:98%;}



/*フォーム・部品の設定*/

FORM     {margin-top:0em; margin-bottom:0em;}

INPUT    {margin:0px 4px;}

.FormBtn {text-align:center; margin:20px auto; letter-spacing:normal;}



/*テキストメニュー（横並）*/

.Menu UL      {padding:0px; list-style-type:none;}

.Menu LI      {margin:0px; padding:0px 3px 0px 4px; display:inline; border-right:1px #DDDDDD solid;}

.Menu LI.Last {border:0px;}





/*回り込み*/

.ImgL   {float:left;  margin:0px 20px 20px 0px;}

.ImgR   {float:right; margin:0px 0px 20px 20px;}

.FloatC {clear:both;}



/*バナーBOX*/

.Bnr         {margin-bottom:7px; text-align:center; font-size:90%; letter-spacing:normal;}

.Bnr IMG     {display:block; margin-bottom:5px;}

.Bnr A       {text-decoration:none;}

.Bnr A:hover {text-decoration:underline;}





/*「▲TOPへ戻る」リンク*/

.LinkTop         {width:100%; text-align:right; font-size:10px; letter-spacing:normal;}





/*画像横並び*/

.ImgBox     {width:100%; overflow:auto; font-size:90%;}

.ImgBox DIV {float:left; display:inline; letter-spacing:normal;}

.ImgBox IMG {display:block; margin-bottom:5px;}





/*テキスト装飾*/

.TextR   {text-align:right;}

.TextC   {text-align:center;}

.Caution {letter-spacing:normal; color:#FF0000;}

.Example {font-size:90%; letter-spacing:normal; color:gray; font-size:90%;}

.TextRed {color:#CC0033;}





/*図*/

.ZuBox     {text-align:center; letter-spacing:normal;}

.ZuBox IMG {display:block; margin-left:auto; margin-right:auto;}





/*装飾枠（メモ枠）*/

.Memo            {border:1px #D9E3E5 solid; background:url("../img/backimg03.gif") repeat; font-size:90%;}

.Memo DIV.MemoIn {margin:6px; padding:8px; background-color:#FFFFFF;}

.Memo UL         {padding:0px 0px 0px 10px; margin:5px 0px 0px 10px; margin-bottom:15px; font-size:90%;}

.Memo LI         {margin-bottom:5px;}





/*リンクマーク*/

.MkLink {text-align:right; padding-right:10px; background:url("../img/mk1.gif") no-repeat right center;}





/****************************************************/

/* P01：トップページ  [index.html]*/

/****************************************************/

#Main DIV.ImgBox     {margin:20px 0px;}

#Main DIV.ImgBox DIV {width:115px; margin:0px 2px 0px 3px; text-align:center; font-size:90%;}

#Main DIV.ImgBox IMG {border:1px #DDDDDD solid;}



/*項目BOX*/

.P01Box           {width:240px; font-size:12px; margin-bottom:20px;}

.P01Box DIV.InBox {padding:8px 10px 10px; border:1px #DCDCDC solid;}

.P01Box P         {margin:10px 0px 0px;}

.SetL {float:left;}

.SetR {float:right;}





/****************************************************/

/* P02：会社案内  [profile.html]*/

/****************************************************/

TABLE.TblProfile TD {padding-left:20px; padding-right:20px;}

TABLE.TblProfile DT {margin-top:10px; font-weight:bold;}

TABLE.TblProfile DD {margin-left:0px;}

/*写真*/

#Profile DIV.ZuBox     {width:200px; margin-top:20px; font-size:90%; float:right;}

#Profile DIV.ZuBox IMG {margin-bottom:5px;}

#Profile DD.TextRed    {font-size:90%;}





/****************************************************/

/* P03：業務案内  [business.html]*/

/****************************************************/

/*リサイクルの流れ*/

IMG.Nagare {display:block; clear:both; margin-bottom:30px;}



/*画像BOX*/

#Business DIV.ImgBox     {margin-top:0px; clear:both;}

#Business DIV.ImgBox IMG {margin-bottom:10px;}



/*作業の流れ*/

.Machine     {border:1px #D9E3E5 solid; padding-top:15px; padding-bottom:10px; background:url("../img/backimg02.gif") repeat-x left bottom;}

.Machine DIV {width:180px; margin:0px 17px;}



/*証明書*/

.Paper DIV   {width:100px; margin:10px 12px; }

















/****************************************************/

/* P04：交通案内  [access.html]*/

/****************************************************/

#Access DIV.ZuBox {margin:25px auto 20px;}

#Access DIV.Memo  {width:370px; margin-left:140px; padding:1px; background-image:none;}

#Access DL        {margin:0px; padding:15px 10px 10px; border-width:1px; background-color:#D9E3E5; text-align:center; border-color:#EFEFEF #A2C0C6 #A2C0C6 #EFEFEF; border-style:solid;}

#Access DT        {font-size:16px; margin-bottom:5px; font-weight:bold; letter-spacing:normal;}

#Access DD        {margin-left:0px;}





/****************************************************/

/* P05：お問い合わせ  [contact/form.php]*/

/****************************************************/

/*フォームの幅*/

.ContactBox               {width:600px; margin-top:30px; margin-left:25px;}

.ContactBox DIV.FormBtn P {font-size:90%; letter-spacing:normal; margin:5px 0px;}



/*エラーメッセージ*/

.Err     {font-weight:bold; font-size:14px; color:red;}



/*注意事項*/

#Contact DIV.Memo    {color:#444444;}

#Contact DIV.Memo H3 {padding:0px; margin:0px 0px 5px; color:#0051B2; background-image:none;}

#Contact DIV.Memo P  {margin:0px 0px 0px 10px; line-height:normal;}

#Contact DIV.MemoIn  {padding:15px;}



/*送信完了*/

.SendBox     {text-align:center; line-height:140px;}

.SendBox IMG {margin:0px auto 10px;}

.SendBox B   {font-size:16px; letter-spacing:normal;}

.SendBox P   {margin:5px 0px;}