/* Stylesheet for the xfield document */

body { /* サイト内全体の定義 */
background-image: url(material/back_l.gif);
background-color: #ffffff;
background-repeat: repeat-y; background-position: left;
color: #555555;
font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3";
font-size: 13px;
}

#top { margin:0px; padding:0px; }

#contents { /* コンテンツ全体 */
  width:800px;
}

#contents-side {  /* 左サイド */
  float:left;
  width:150px;
  height:460px;
  padding:20px 10px 10px 20px; 
}
.top-hand-l { /* 左サイドイメージ（TOP） */
  background:#3366cc url(material/hand_l.gif) no-repeat top right;
}

#contents-main {  /* メイン */
  float:left;
  width:600px;
  height:460px;
  padding:20px 10px 10px 10px;
}

.top-hand-r { /* メインイメージ（TOP） */
  background:#ffffff url(material/hand_r.jpg) no-repeat top left;
}

#footer { clear:both; }

#contents-main h1 { /* ページタイトル */
  margin:10px 10px 5px 136px;
  padding:0px;
}

#topmenu { /* トップメニュー ////////////// */
  position:absolute;
  left: 428px;
  top: 200px;	
  width:220px;
  margin:0px;
  padding:2px 0px 3px 120px;
  background:url(material/handmade_c.gif) no-repeat center left;
}
#topmenu ul { margin:0px; padding:0px; list-style-type:none; }
#topmenu li { padding:0px; margin:0px; line-height:1.6; letter-spacing:1px;
              font:bold 14px 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Osaka',sans-serif;}
/* メニューナビゲーション用リンク設定 */
#topmenu li A { text-decoration:none; color:#3366cc; display:block;
                width:168px; height:20px; padding:3px 5px 2px 7px; margin:10px 0px 10px 0px;
                background:#ffffdd; border: solid 2px #3366cc;  }
#topmenu li A:hover { color: #ff3333; border:2px solid #4682b4; background:#ffdddd; }
#topmenu li A:active { color: #26370A; border:2px solid #db7093; background:#ffb6c1; }

#topmenu em {  /* ■の枠マーク */
  border-left:18px solid #ff3399;
  padding-left: 10px;
}



td { /* サイト内テーブルの定義 */
color: #555555;
font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3";
font-size: 13px;
}

/* ------------------ コンテンツメニュー */
.menu div { }

.menu span.bak {  /* ■の枠 */
width:18px;
background-color:#ff3399;
margin-right: 5px;
}

.menu a { /* (TOP)各コンテンツLINKの装飾 */
display: block;
width: 180px;
border: solid 2px #3366cc; 
padding: 4px;
text-decoration:none;
background-color: #ffffdd; 
font-size:14px; color:#3366cc;
font-weight:bold;
margin-left: 30px;
margin-right: 10px;
}

.menu a:hover { /* LINKのマウスオーバー時 */
background-color: #ffdddd; 
color: #ff0000;
}
/* ------- コンテンツメニューここまで */

div.main { /* メイン */
line-height:150%;
letter-spacing:1px;
margin-left: 15px;
}

div.cont-main { /* コンテンツ用メイン */
  line-height:160%;
  margin-left: 50px;
}

.red { color:red; }

.txt_s {
  font-size:0.85em;
  line-height:145%;
}


.copy { /* (TOP)キャッチコピー */
  line-height:1.45;
  letter-spacing:1px;
  padding: 4px;
  margin-left: 170px;
  margin-right: 8px;
  color:#3366cc;
}

div.copy2 { /* キャッチコピー */
  line-height:1.42;
  letter-spacing:1px;
  padding: 2px;
  font-size:11px; color:#3366cc;
}

div.webtitle { /* 実績分類タイトル */
letter-spacing:1px;
padding:3px;
margin-top: 10px;
margin-left:55px;
width:180px;
border:1px solid #525a84;
color:#525a84;
font-weight: bold;
}

div.cont { /* コンテンツメニュー */
color:#525a84;
font-size:12px;
background:#ffffee; 
padding: 3px;
border-top: 1px dotted #525a84;
border-bottom: 1px dotted #525a84;
width: 100%;
}


div.subtitle { /* サブタイトル */
font-family: verdana, Helvetica, 
 "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
color:#3366cc;
font-size:20px;
padding: 4px;
margin-left: 10px;
}

div.subtitle2 { /* サブタイトル2 */
font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック";
color:#3366cc;
font-size:16px;
padding: 4px;
}

.update { /* 日付（赤文字） */
  font-Size:10px;
  font-family:Verdana;
  color:#ff0000;
  letter-spacing:0px;
}

/* リンク集の装飾 */

td.left{vertical-align:top;}
  .left A{text-decoration: none;}
  .left A:link{color: #669999;}
  .left A:visited{color: #9999FF;}
  .left A:hover  {color:#0066FF; text-decoration:underline; }

div.links-main{ /* LINKSメイン */
font-Size:13px;
margin-left:10px;
line-height:150%;
}

div.sel{ /* LINKSタイトル（白文字） */
font-Size:15px;
color:#ffffaa;
margin-left:10px;
}

.hand-l { /* (TOP)テーブル左サイド背景 */
background-image: url(material/hand_l.gif);
background-color: #3366cc;
background-repeat: no-repeat; background-position: top right;
vertical-align:top;
}

.hand-r { /* (TOP)テーブル右サイド背景 */
background-image: url(material/hand_r.jpg);
background-color: #ffffff;
background-repeat: no-repeat; background-position: top left;
vertical-align:top;
}

.hand2-l { /* テーブル左サイド背景 */
background-image: url(material/hand2_l.gif);
background-color: #3366cc;
background-repeat: no-repeat; background-position: top right;
vertical-align:top;
}

.hand2-r { /* テーブル右サイド背景 */
background-image: url(material/hand2_r.jpg);
background-color: #ffffff;
background-repeat: no-repeat; background-position: top left;
vertical-align:top;
}

.cont1b { /* テーブル */
  vertical-align:top;
  line-height:135%;
}

.cont2b { /* テーブル */
  vertical-align:top;
  line-height:170%;
}

/* リンク */
A {color: #525a84;}
A:hover {color:#ff0000; text-decoration:underline;}

/* フォーム */
INPUT,TEXTAREA,SELECT {
 border:1px solid #3366cc;
 background-color :#fff;
 color:#3366cc;
 font:0.95em/1.45em 'MS UI Gothic','Osaka','san-serif';
 font-size:9pt;
}

div.copyright { /* copyright */
font-family: verdana, Helvetica;
color:#555555;
font-size:8pt;
text-align: right;
}