@charset "UTF-8";
@import url(common.css);
@import url(textsettings.css);


/* ---------------------------------------------------------------- *
	ドキュメント全体に関する設定
 * ---------------------------------------------------------------- */

body {
  /* --- 基本的な前景色（文字色）を設定してください --- */
  color: #333333;
  font-size: 13px;
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
/*  background: #FFFFFF; */
/*  background: #F4F4F4 url(img/bg-1.gif) repeat-x; */
/*  background: #ffffff url(img/bg-1.jpg) repeat-x; */
  background: #e8d3e3;
}

a:link {color: #0000ff;
        outline: 0;
	text-decoration: none;
	}
a:visited {color: 0000ff;
	text-decoration: none;
	}
a:active {color: #0000ff;
	text-decoration: none;
	}
a:hover {color: #45318A;
	text-decoration: underline;
	}


#container {
  /* --- 内容部分の背景を設定してください --- */
  /* Note：内容部分の背景を透明にしたり，透過 GIF を利用したりして
           背景に変化をつけることができます */
  background: transparent;
  /* --- ドキュメント本体の幅を設定してください --- */
  /* Note：百分率指定も可能です */
  width: 800px;
  height: 770px;
  /* --- ドキュメント本体の位置を設定してください --- */
  /* Note：「0」のみで左寄せ，「0 auto」でセンタリング */
  margin: 0 auto;
/*  border-top: 2px solid #EEEEEE; */
  border-right: 0px solid #666;
  border-bottom: 0px solid #666;
  border-left: 0px solid #666;  
}

/* ---------------------------------------------------------------- *
	ヘッダ部分の設定
 * ---------------------------------------------------------------- */

#header {
  /* --- 背景を設定してください（短縮プロパティでの設定です） --- */
  background: #ffffff;
  width: 800px;
  height: 110px;
  /* --- マージンを設定してください --- */
  /* Note：上下マージンの折りたたみに注意してください */
  margin-top: 30px;
  margin-bottom: 0px;
  /* --- パディングを設定してください --- */
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  border-bottom: 15px solid #45318A;
}

/* ---------------------------------------------------------------- *
	ナビゲーション部分の設定
 * ---------------------------------------------------------------- */

#navi {
  /* --- 背景を設定してください（短縮プロパティでの設定です） --- */
  background: #FFFFFF url(img/bg.png) repeat-x;
  /* --- マージンを設定してください --- */
  /* Note：上下マージンの折りたたみに注意してください */
  margin-top: 0;
  margin-bottom: 0;
  /* --- パディングを設定してください --- */
  /* Note：ナビゲーション部分に上下マージンを持つものが含まれる場合，
           上下パディングには正の値を指定してください */
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  /* --- 必要に応じて、ボックスの下線を設定してください（短縮プロパティでの設定です） --- */
  border-bottom: 1px solid #EEEEEE;
}

#navi ul {
  /* --- マージンを設定してください --- */
  margin: 0;
  /* --- パディングを設定してください --- */
  padding: 0;
  /* --- 高さを設定してください --- */
  height: 2.5em;
  list-style-position: inside;
  list-style-type: none;
}

#navi ul li {
  /* --- マージンを設定してください --- */
  margin: 0;
  /* --- パディングを設定してください --- */
  padding: 0;
  /* --- 横並びにさせるためにフロートを指定してください --- */
  float: left;
}

#navi ul li a {
  outline: 0;
  margin: 0;
  font-size: 13px;
  padding: 6px 27px 5px 27px;
  /* --- ナビゲーション１項目あたりのクリッカブル領域をテキスト部分だけでなくボックス単位とするためには display: block;と指定してください --- */
  display: block;
  /* --- ナビゲーション１項目あたりの右側の境界線の線種と色と太さを指定してください（短縮プロパティでの設定です） --- */
  border-right: 1px solid #CCCCCC;
  /* --- ナビゲーション１項目あたりの下側の境界線の線種と色と太さを指定してください（短縮プロパティでの設定です） --- */
/*  border-bottom: 5px solid #AEAEAE; */
  border-bottom: 4px solid #E2DBF9;
  /* --- ナビゲーション１項目あたりの背景画像とリピート方向を指定してください（短縮プロパティでの設定です） --- */
  background: url(img/bg.png) repeat-x;
  /* --- ナビゲーション１項目あたりのフォントの太さを指定してください --- */
/*  color: #333333; */
  color: #5C46AB;
  font-weight: bold;
}

#navi a:hover {
  /* --- マウスオーバーしたときの下側の境界線の線種と色と太さを指定してください（短縮プロパティでの設定です） --- */
  border-bottom: 5px solid #45318A;
  /* --- マウスオーバーしたときの背景色と、横並びリストのリストマーカ画像を設定してください（短縮プロパティでの設定です） --- */
  /* Note：16×16 ピクセル以下のものを使用してください。背景色をあわせて指定している場合は、透過処理されている画像である必要があります */
  background: #F6F6F6 url(img/arrow.gif) no-repeat;
  /* 通常のリンクテキストでテキストに下線がついてしまう設定になっているので、ナビゲーションのテキスト下線は不要なためここで指定して上書きしてください */
  text-decoration: none;
}

/* ---------------------------------------------------------------- *
	トップページコンテンツコンテナの設定
 * ---------------------------------------------------------------- */

#mainbox {
  /* ★ --- 背景を設定してください（短縮プロパティでの設定です）--- */
  /* Note：背景画像は本体幅と同じ幅を持つものを設定してください */
  background-image: url(img/kagayaimg.jpg);
  /* --- コンテンツコンテナの高さを設定してください --- */
  height: 470px;
  width: 790px;
  /* --- マージンを設定してください --- */
  margin: 0;
/*  margin-bottom: 0; */
/* --- 下に配置するナビゲーションとの境界線をつくり引き締めるために必要に応じて線の太さ、線種、色を指定 --- */
/*  border-bottom: 3px solid #ddd; */
  border: 5px solid #E7E7E7;
}

/* ---------------------------------------------------------------- *
	各コンテンツコンテナの設定
 * ---------------------------------------------------------------- */

#main {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background: transparent;
  /* --- マージンを設定してください --- */
  /* Note：この要素のマージン・パディングは，その有無と値によって
           複雑な折りたたみを生じます。複雑なカスタマイズをしない
           限り，以下を「すべて 0」にしておくことをおすすめします。 */
  margin-top: 0;
  margin-bottom: 0;
  /* --- パディングを設定してください --- */
  padding-top: 1px;
  padding-bottom: 0;
}


/* ---------------------------------------------------------------- *
	各コンテンツ部分の設定
 * ---------------------------------------------------------------- */

.contents {
  position: relative;
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background: #FFFFFF;
  /* --- マージンを設定してください --- */
  /* Note：上下マージンの折りたたみに注意してください */
  margin-top: 0;
  margin-bottom: 20px;
  /* --- パディングを設定してください --- */
  /* Note：コンテンツ部分に上下マージンを持つものが含まれる場合，
           上下パディングには正の値を指定してください */
  padding-top: 1em;
  padding-right: 3em;
  padding-bottom: 1em;
  padding-left: 6em;
  /* --- 枠線の太さ・線種・色を設定してください（短縮プロパティでの設定です） --- */
/*  border: 15px solid #EEEEEE; */
/*  border: 15px solid #F4F4F4; */
  border: 10px solid #eae5f0;
  color: #333333;
  font-size: 16px;
  letter-spacing: 0px;
}

/*  会社概要ページ用  */
.contents_c {
/*  position: relative;  */
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background: #FFFFFF;
  /* --- マージンを設定してください --- */
  /* Note：上下マージンの折りたたみに注意してください */
  margin-top: 0;
  margin-bottom: 20px;
  /* --- パディングを設定してください --- */
  /* Note：コンテンツ部分に上下マージンを持つものが含まれる場合，
           上下パディングには正の値を指定してください */
  padding-top: 1em;
  padding-right: 0;
  padding-bottom: 1em;
  padding-left: 0;
  /* --- 枠線の太さ・線種・色を設定してください（短縮プロパティでの設定です） --- */
/*  border: 15px solid #EEEEEE; */
/*  border: 15px solid #F4F4F4; */
  border: 10px solid #eae5f0;
  color: #333333;
  font-size: 16px;
  letter-spacing: 0px;
  height: 1050px;
}

.company1 {
  /* position: absolute; top: 80px; left: 50px; */
/*  width: 690px; :/
/*  float: left; */
  /* height: 250px; */
  margin: 20px 0 10px 100px;
  padding: 0;
/*  font-weight: bold; */
/*  text-align: left; */
/*  color: #333; */
/*  font-size: 17px; */
/*  line-height: 1.5; */
/*  border-top: 8px solid #CDE9FF;  */
/*  border: 1px solid #666; */
}

/*  リンクページ用  */
.contents1 {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background: #FFFFFF;
  /* --- マージンを設定してください --- */
  /* Note：上下マージンの折りたたみに注意してください */
  margin-top: 0;
  margin-bottom: 20px;
  /* --- パディングを設定してください --- */
  /* Note：コンテンツ部分に上下マージンを持つものが含まれる場合，
           上下パディングには正の値を指定してください */
  padding-top: 1em ;
  padding-right: 0;
  padding-bottom: 1em;
  padding-left: 0;
  /* --- 枠線の太さ・線種・色を設定してください（短縮プロパティでの設定です） --- */
/*  border: 15px solid #EEEEEE; */
/*  border: 15px solid #F4F4F4; */
  border: 10px solid #eae5f0;
  color: #333333;
  font-size: 15px;
  height: 465px;
}

.link1 {
  /* position: absolute; top: 80px; left: 50px; */
  width: 690px;
/*  float: left; */
  /* height: 250px; */
  margin: 10px 0 10px 0;
  padding: 5px 0 0 5em;
/*  font-weight: bold; */
  text-align: left;
  color: #333;
  font-size: 17px;
  line-height: 1.5;
/*  border-top: 8px solid #CDE9FF;  */
/*  border: 0px solid #CDE9FF;  */
}


/* ---------------------------------------------------------------- *
	テーブル部分の設定 会社概要　リンク
 * ---------------------------------------------------------------- */

/* テーブル全体 */
table {
width: 500px;
/* border-top: 1px solid #699; */
/* border-left: 1px solid #699; */
/* border: 1px solid #699; */
background: #fff;
border-collapse: collapse;
/* border-spacing: 0; */
/* empty-cells: show; */
margin-top: 10px;
margin-bottom: 20px;
margin-left: 20px;
}

/* ヘッダセル */
tr {
border-top: 1px solid #3b1a66;
border-bottom: 1px solid #3b1a66;
}

/* データセル */
th, td {
/* border-right: 1px solid #699; */
/* border-bottom: 1px solid #699; */
/* background: #F2F9FD; */
text-align: left;
vertical-align: top;
background: #ffffff;
color: #333;
padding: 7px 5px 4px 8px;
}

/* ヘッダセル */
th {
/* border-right: 1px solid #699; */
/* border-bottom: 3px double #699; */
background: #EEE;
color: #444;
}


/* ---------------------------------------------------------------- *
	テーブル部分の設定 別途諸経費
 * ---------------------------------------------------------------- */

/* テーブル全体 */
table.hiyou {
width: 600px;
/* border-top: 1px solid #0089CA; *
border-right: 1px solid #0089CA; */
border: 1px solid #3b1a66;
background: #fff;
border-collapse: collapse;
/* border-spacing: 0; */
/* empty-cells: show; */
margin-top: 20px;
margin-bottom: 20px;
margin-left: 80px;
}

/* ヘッダセル */
th.hiyou {
border-top: 1px solid #3b1a66;
border-right: 1px solid #3b1a66;
border-bottom: 3px double #3b1a66;
text-align: center;
background: #EEE;
color: #444;
}

/* データセル */
td.hiyou1 {
border-right: 1px solid #3b1a66;
border-bottom: 1px solid #3b1a66;
/* background: #F2F9FD; */
text-align: left;
vertical-align: top;
background: #ffffff;
color: #333;
padding: 7px 0px 4px 8px;
}

td.hiyou2 {
width: 100px;
border-right: 1px solid #3b1a66;
border-bottom: 1px solid #3b1a66;
/* background: #F2F9FD; */
text-align: center;
vertical-align: top;
background: #ffffff;
color: #333;
padding: 7px 0px 4px 8px;
}

td.hiyou3 {
border-right: 1px solid #3b1a66;
border-bottom: 1px solid #3b1a66;
/* background: #F2F9FD; */
text-align: center;
vertical-align: top;
background: #ffffff;
color: #333;
padding: 7px 0px 4px 8px;
}

td.hiyou4 {
width: 120px;
border-right: 1px solid #3b1a66;
border-bottom: 1px solid #3b1a66;
/* background: #F2F9FD; */
text-align: center;
vertical-align: top;
background: #ffffff;
color: #333;
padding: 7px 0px 4px 8px;
}



/* ---------------------------------------------------------------- *
	コンテンツ部分の設定です
 * ---------------------------------------------------------------- */

/* Note：背景写真型のコンテンツは，絶対配置されます。ボックスの
         サイズおよび位置は，注意深く設定してください */
#contentsbox {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background: transparent;
  /* --- パディングを設定してください --- */
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  /* --- ボックスの幅を設定してください --- */
  width: 400px;
  /* --- 必要ならば，ボックスの高さを設定してください --- */
  height: auto;
  /* --- ボックスの位置（縦位置）を設定してください --- */
  /* Note：基準にしたい辺に値を与え，もう一方は auto を設定してください */
  top: 270px;
  bottom: auto;
  /* --- ボックスの位置（横位置）を設定してください --- */
  /* Note：基準にしたい辺に値を与え，もう一方は auto を設定してください */
  left: 20px;
  right: auto;
  /* --- 枠線の幅・線種・色を設定してください（短縮プロパティでの設定です）--- */
  border: 1px dotted #FFFFFF;
}

#contentsbox ul {
  /* --- リストの左マージンを設定してください --- */
  margin-left: 2em;
  /* --- パディングを設定してください --- */
  padding-top: 0.6em;
  padding-right: 0.6em;
  padding-bottom: 0.6em;
  padding-left: 0.4em;
  /* --- コンテンツのテキスト色を設定してください --- */
  /* Note:背景写真とのコントラストを意識した文字色を設定することをおすすめします --- */
  color: #FFFFFF;
  /* --- 領域におさまり、かつ読みやすいフォントサイズを設定 --- */
  font-size: 90%;
}

/* ---------------------------------------------------------------- *
	バナーの設定です
 * ---------------------------------------------------------------- */

.imgbox {
  /* --- マージンを設定してください --- */
  /* Note：上下マージンの折りたたみに注意してください */
  /* Note：ボックス内の最初のボックスの上マージンは折りたたまれない
           ので，「0」を指定することをおすすめします */
  margin-top: 0;
  margin-bottom: 8px;
}

/* ---------------------------------------------------------------- *
	メインナビゲーション部分の設定です
 * ---------------------------------------------------------------- */

#navibox {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background: #FFFFFF;
  /* --- パディングを設定してください --- */
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  /* --- ボックスの幅を設定してください --- */
  width: 200px;
  /* --- 必要ならば，ボックスの高さを設定してください --- */
  height: auto;
  /* --- ボックスの位置（縦位置）を設定してください --- */
  /* Note：基準にしたい辺に値を与え，もう一方は auto を設定してください */
  top: 50px;
  bottom: auto;
  /* --- ボックスの位置（横位置）を設定してください --- */
  /* Note：基準にしたい辺に値を与え，もう一方は auto を設定してください */
  left: 20px;
  right: auto;
}

#navibox ul,
#navibox ul li {
  /* --- マージンを設定してください --- */
    margin: 0;
  /* --- パディングを設定してください --- */
    padding: 0;
}

#navibox ul {
  /* --- パディングを設定してください --- */
    padding: 8px;
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
    background: url(img/slash.png) repeat;
}

#navibox ul li {
  /* --- パディングを設定してください（短縮プロパティでの設定です） --- */
    padding: 5px 20px 5px 25px;
  /* --- リストの境界線を設定してください（短縮プロパティでの設定です） --- */
    border-bottom: 1px solid #0086b9;
  /* --- 背景を設定してください（短縮プロパティでの設定です） --- */
    background: #fff url(img/sq_arrow.gif) no-repeat 5px 7px;
  /* --- 背景画像でリストマーカを指定するため、リストの行頭につく印を消します --- */
    list-style-type: none;
}

/* ---------------------------------------------------------------- *
	フッタ部分の設定です
 * ---------------------------------------------------------------- */

#footer {
  /* --- 背景を設定してください（短縮プロパティでの設定です）--- */
  background: #F4F4F4 url(img/kagaya-logo.gif) no-repeat left top;
  height: 80px;
  /* --- マージンを設定してください --- */
  /* Note：上マージンは段組コンテナの下マージンとの折りたたみが
           生じます */
  margin-top: 20px;
  margin-bottom: 0;
  /* --- パディングを設定してください --- */
  /* Note：上下マージンを持つものが含まれる場合，上下パディングには
           正の値を指定してください */
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0px;
  padding-left: 1em;
  font-size: 16px;
  text-align: left;
  /* --- フッタ上の罫線の太さ・線種・色を設定してください（短縮プロパティでの設定です） --- */
  border-top: 1px dotted #666666;
}

.footer1 {
/* position: absolute; top: 1180px; left: 80px; */
/*  width: 100px; */
  float: left;
/*   height: 50px; */
/*  font-weight: bold; */
  padding-left: 65px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  border: 0px solid #333;
/*  border: 0px solid #CDE9FF;  */
}

.footer2 {
  /* position: absolute; top: 80px; left: 50px; */
/*  width: 690px; */
/*  float: left; */
  height: 50px;
  margin-bootom: 0px;
  padding-left: 36em;
/*  font-weight: bold; */
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  text-align: right;
/*  border: 3px solid #CDE9FF;  :/
/*  border: 0px solid #CDE9FF;  */
}

#footer ul {
    margin-bottom: 4px;
    padding: 0;
  /* --- フッタメニュー左端の罫線の太さ・線種・色を設定してください（短縮プロパティでの設定です） --- */
    border-left: 1px solid #CCCCCC;
    list-style-type: none;
}

#footer ul li {
  float: left;
  margin: 0;
  padding: 0 5px;
  /* --- フッタメニュー右側の区切り線の太さ・線種・色を設定してください（短縮プロパティでの設定です） --- */
  border-right: 1px solid #CCCCCC;
  /* --- 横並びリストのリストマーカ画像を設定してください --- */
  /* Note：16×16 ピクセル以下のものを使用してください */
  background-image: none;
}

#footer ul li a {
  outline: 0;
  color: #45318A;
  text-decoration: underline;
}