/* Stylesheet for the xfield document */

body { /* サイト内全体の定義 */
	font-family: 'Meiryo','メイリオ',"ＭＳ Ｐゴシック",'Hiragino Kaku Gothic Pro',"ヒラギノ角ゴ Pro W3";
	font-size: 13px;
	*font-size: 81.25%; /* for IE6,IE7 */
	font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3";
	background:#fff url(material/back_l.gif) left top repeat-y;
}

/* リンク */
a { color: #525a84; }
a img { border:none; }
a:hover { color:#ff0000; text-decoration:underline; }

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

#top h1 { /* タイトル */
	text-indent:-5000px;
	margin:5px; paddin:0px;
	height:68px;
	background: url(material/xfield_copy.gif) no-repeat top left;
}

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

#contents-side {  /* 左サイド */
	float:left;
	width:150px;
	height:480px;
	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:480px;
	padding:20px 10px 10px 10px;
}

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

#footer { clear:both; }

address { /* 所在地 */
	font-style:normal;
	text-align:right;
	padding:5px;
	color:#369;
}

#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;
	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 #f39;
	padding-left: 10px;
}

td { /* サイト内テーブルの定義 */
	color: #555;
	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%;
}

p { /* (TOP)キャッチコピー */
  line-height:1.45;
  letter-spacing:1px;
  padding: 4px;
  margin: 0 8px 0 170px;
  color:#3366cc;
}
.copy { /* (TOP)キャッチコピー */
  line-height:1.45;
  letter-spacing:1px;
  padding: 4px;
  margin: 0 8px 0 170px;
  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:1.5;
}

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: #fff;
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: #fff;
background-repeat: no-repeat; background-position: top left;
vertical-align:top;
}

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

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

/* フォーム */
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;
}

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

.note { /* お知らせ */
	position:absolute;
	left: 372px;
	top: 417px;
	width:402px;
	height:auto;
	line-height:1.4;
}
.note h3 {
	color:#F60;
	margin:0 0 5px 0;
	padding:0;
}
.note p {
	margin:0;
	padding:0;
	color:#666;
}