/*--------------------------------------------------------------
Copyright WEB MAGIC.
http://www.webamgic.jp/
---------------------------------------------------------------*/

body {
text-align: center;
background-color:#E9E9E9;   /* 全体の背景色 */
font-family: Osaka,Verdana,Arial,Helvetica,sans-serif;
font-size:12px;             /* 基本の文字サイズ */
line-height:170%;
color:#444444;              /* 基本の文字色 */
margin-top:5px;             /* コンテンツボックスを上から少し離しています */
margin-bottom:20px;
margin-left:0;
margin-right:0;
}


h1,h2,h3 {
margin:0px;
padding:0px;
font-weight:normal;
}

/* pタグ空白消去 */
p {
margin:0px;
padding:0px;
}

/*IMGボーダー非表示*/
img  {
border: none;
vertical-align:top;
}

/* TABLEボーダー非表示 */
table  {
border:none;
margin-bottom:20px;
}

/* IE--BRバグ回避 */
br  {
letter-spacing:normal;
}

/* ビルダー表示崩れ回避 */
br.clear{
clear:both;
padding:0px;
margin:0px;
height:0px;
line-height:0;
}

/* リスト空白消去 */
ul,ol,li  {
margin:0px;
padding:0px;
list-style:none;
}




/* ページのタイトル部分のみのテキストリンク */
h1 a:link       {color:#ffffff;text-decoration:none;}       /* メニュー・テキストリンクの色                   */
h1 a:visited    {color:#ffffff;text-decoration:none;}       /* メニュー・訪問済みのリンクの色                 */
h1 a:active     {color:#ffffff;text-decoration:underline;}  /* メニュー・クリック時のリンクの色               */
h1 a:hover      {color:#ffffff;text-decoration:underline;}  /* メニュー・マウス上にカーソルがある時のリンク色 */

/* 普通のテキストリンク */
a:link    {text-decoration:underline;color:#005D90;}        /* テキストリンクの色                         */
a:visited {text-decoration:underline;color:#005D90;}        /* 訪問済みのリンクの色                       */ 
a:active  {text-decoration:underline;color:#005D90;}        /* クリック時のリンクの色                     */
a:hover   {text-decoration:underline;color:#005D90;}        /* マウスの上にカーソルがあるときのリンクの色 */

#container{
width:895px;
margin:0 auto;
padding:0;
text-align:left;
}

#summery{
width:895px;
text-align:right;
line-height:normal;
padding-bottom:4px;
font-size:12px;
}

#header{
margin:0px;
background-image:url(images/header.png);  /* ヘッダー画像 */
background-repeat:no-repeat;
background-position:right;
background-color:#000000;
width:835px;
/* padding:53px 30px 25px 30px; */
padding:20px 30px 60px 30px;
/* height:100px; */
height:40px;
}

#header1{
margin:0px;
background-image:url(images/header1.jpg);  /* ヘッダー画像 */
background-repeat:no-repeat;
background-position:right;
background-color:#000000;
width:835px;
/* padding:53px 30px 25px 30px; */
padding:20px 30px 60px 30px;
/* height:100px; */
height:40px;
}

/* 人と地域と企業の豊かな暮らしを創造 の文字列 */
#setumei{
line-height:normal;
font-size:12px;   /* 文字サイズ */
color:#ffffff;    /* 文字色 */
}

/* 株式会社つくばシステムデザインの文字 */
h1{
line-height:normal;
font-size:30px;  /* タイトル文字サイズ */
font-family: Osaka,Verdana,Arial,Helvetica,sans-serif;
font-weight:bold ;
margin:0;
padding:4px 0px 15px 0px;
}

/* Tsukuba Information System Co.,Ltd の文字列 */
#subtitle{
line-height:normal;
font-size:14px;   /* 文字サイズ */
color:#ffffff;    /* 文字色 */
}

/* ヘッダー下ロールオーバーメニューリスト指定 */

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

#menu ul{
list-style-type: none;
margin: 0;
padding: 0;
}

/* 各メニューのボックス */
#menu li{
float: left;
/* width: 148px; */
width: 111px;
border-top:1px #111111 solid;
border-left:1px #111111 solid;
border-bottom:1px #111111 solid;
}

/* 一番右端のメニューボックス右サイドのマージンカット指定 */
#menu li.menuright{
float: left;
/* width: 148px; */
width: 109px;
border-top:1px #111111 solid;
border-left:1px #111111 solid;
border-bottom:1px #111111 solid;
border-right:1px #111111 solid;
}

/* マウスをのせていないときの指定 */
#menu a{
text-align: center;
display:block;
/* padding:15px 8px; */
padding:4px 8px;
/* width: 132px; */
width: 95px;
background-color:#0C6EA3;   /* メニューの背景色           */
color:#ffffff;              /* メニューの文字色           */
text-decoration:none;       /* リンクのアンダーラインなし */
font-size:14px;             /* 文字サイズ                 */
}

/* マウスをのせたときの指定 */
#menu a:hover{
background-color:#2783B5;   /* メニューの背景色           */
color:#ffffff;              /* メニューの文字色           */
text-decoration:none;       /* リンクのアンダーラインあり */
font-size:14px;             /* 文字サイズ                 */
}


#wrapper{
width:895px;
clear:both;
background-color:#FFFFFF;    /* メニューから下の部分のコンテンツ背景色 */
position:relative;
float:left;
}

#main{
float:left;
padding-top:33px;
padding-left:39px;
width:597px;
}

#side{
float:right;
padding-top:33px;
padding-right:25px;
width:200px;
}

/* トップページ「ソフトウエアの開発・運用支援」の文字 */
#copy{
font-size:28px;     /* 文字サイズ */
font-weight:bold;
color:#0B4869;      /* 文字色     */
line-height:130%;
margin-bottom:20px;
}


.text{
margin:2px 2px 25px 2px;
line-height:170%;
}

/* NEWS・下層ページタイトル */
h2 {
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
background-image:url(images/bar.gif);
background-repeat:no-repeat;
margin-bottom:18px;
/* height:41px; */
height:41px;
font-weight:normal;
font-size:17px;         /* 文字サイズ */
} 

/* NEWS・下層ページタイトル左の方にある色のついた縦ライン */
.line{
border-left:#3399CC 4px solid;   /* ラインの色・太さ・ラインは直線 */
padding:10px;
height:21px;
}

#news li{
margin-bottom:2px;
padding-bottom:6px;
padding-left:4px;
padding-top:6px;
border-bottom:#dddddd solid 1px;
}

#news ul{
margin:0px 2px 45px 2px;
}

.box_bg{
background-image:url(images/box_bg.gif);
background-repeat:repeat-y;
padding:0px 20px;
}

#textlink{
border-top:#dddddd solid 1px;
margin-left:30px;
margin-right:30px;
padding:12px 4px 25px 4px;
text-align:left;
}

/* テーブル表組み左のセル */
.table_item{
background-color:#f3f3f3;   /* セルの色 */
text-align:left;
}

/* テーブル表組み右のセル */
.table_text{
background-color:#ffffff;   /* セルの色 */
text-align:left;
}

/* テーブル表組みの枠線 */
.waku{
background-color:#999999;   /* 枠線の色 */
}


#copyright{
clear:both;
margin:0 auto;
padding:4px 2px;
width:891px;
font-size:10px;
text-align:right;
}

#copyright a:link {color:#444444;text-decoration:none}
#copyright a:visited  {color:#444444;text-decoration:none}
#copyright a:hover {color:#444444;text-decoration:none}
#copyright a:active  {color:#444444;text-decoration:none}

.space20{
margin-bottom:20px;
}