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



/* ================================================================ *
	登美代商事 2007/10
	カスタマイズ CSS
 * ================================================================ */


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

body {
  /* --- 基本的な前景色（文字色）を設定 --- */
  color: #333333;
  /* --- 背景を設定（短縮プロパティ）--- */
  background: #FFFFFF;
}

#container {
	/* --- 内容部分の背景を設定 --- */
  background: transparent;
	/* --- ドキュメント本体の幅を設定 --- */
  /* Note：百分率指定も可能 */
  width: 900px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
}

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

#header {
  /* --- 背景を設定（短縮プロパティ） --- */
  background: #FFFFFF;
  /* --- マージンを設定 --- */
  /* Note：上下マージンの折りたたみに注意 */
  margin-top: 0;
  margin-bottom: 0;
  /* --- パディングを設定 --- */
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

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

#mainbox {
	/* --- コンテンツコンテナの高さを設定 --- */
  height: 300px;
	/* --- マージンを設定 --- */
  margin-top: 0px;
	margin-bottom: 0px;
	/* --- 枠を設定 --- */
  border-top: none;
	border-bottom: 3px solid #DDDDDD;
	background-image: url(../image/main_bg3.jpg);
}


/* ---------------------------------------------------------------- *
	新着情報部分の設定です
 * ---------------------------------------------------------------- */
#new {
	/* --- パディングを設定--- */
  padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	/* --- ボックスの幅を設定 --- */
  width: 350px;
	/* --- 必要ならば，ボックスの高さを設定する --- */
  height: 220px;
	/* --- ボックスの位置（縦位置）を設定する --- */
  /* Note：基準にしたい辺に値を与え，もう一方は auto を設定する */
  top: 100px;
	bottom: auto;
	/* --- ボックスの位置（横位置）を設定 --- */
  /* Note：基準にしたい辺に値を与え，もう一方は auto に設定 */
  left: 20px;
	right: auto;
	/* --- 枠を設定 --- */
  border-top: 1px dotted #FFFFFF;
	border-right: 1px dotted #FFFFFF;
	border-bottom: 1px dotted #FFFFFF;
	border-left: 1px dotted #FFFFFF;
	color: #666666;
	background-image: url(../image/bg_white.png);
	background-repeat: repeat-x;
	overflow: auto;
}

#new ul {
	/* --- リストの左マージンを設定 --- */
  margin-left: 2em;
	/* --- パディングを設定 --- */
  padding-top: 0.6em;
	padding-right: 0.6em;
	padding-bottom: 0.6em;
	padding-left: 0.4em;
	/* --- コンテンツの前景色（文字色）を設定 --- */
  /* Note：背景写真とのコントラストを意識--- */
  color: #000000;
	/* --- 必要ならば，フォントサイズを調整する --- */
  font-size: 90%;
	line-height: 2.3em;
	list-style-type: none;
}
#new p {
   padding-left:10px;
   padding-right:10px;
   background-color:#fff;
   }

/* ---------------------------------------------------------------- *
	プレスリリース部分の設定です
 * ---------------------------------------------------------------- */

#press {
	/* --- パディングを設定--- */
  padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	/* --- ボックスの幅を設定 --- */
  width: 350px;
	/* --- 必要ならば，ボックスの高さを設定する --- */
  height: 220px;
	/* --- ボックスの位置（縦位置）を設定する --- */
  /* Note：基準にしたい辺に値を与え，もう一方は auto を設定する */
  top: 100px;
	bottom: auto;
	/* --- ボックスの位置（横位置）を設定 --- */
  /* Note：基準にしたい辺に値を与え，もう一方は auto に設定 */
  right: 20px;
  left: auto;
	/* --- 枠を設定 --- */
  border-top: 1px dotted #FFFFFF;
	border-right: 1px dotted #FFFFFF;
	border-bottom: 1px dotted #FFFFFF;
	border-left: 1px dotted #FFFFFF;
	color: #666666;
	background-image: url(../image/bg_white.png);
	background-repeat: repeat-x;
	overflow: auto;
}

#press ul {
	/* --- リストの左マージンを設定 --- */
  margin-left: 2em;
	/* --- パディングを設定 --- */
  padding-top: 0.6em;
	padding-right: 0.6em;
	padding-bottom: 0.6em;
	padding-left: 0.4em;
	/* --- コンテンツの前景色（文字色）を設定 --- */
  /* Note：背景写真とのコントラストを意識--- */
  color: #000000;
	/* --- 必要ならば，フォントサイズを調整する --- */
  font-size: 90%;
	line-height: 2.3em;
	list-style-type: none;
}
#press p {
   padding-left:10px;
   padding-right:10px;
   background-color:#fff;
   }


/* ------------------------------------------
	メイン画像部分の設定
---------------------- */

#mainimgbox {
  /* --- 背景を設定（短縮プロパティ）--- */
  background: #FFFFFF;
  /* --- パディングを設定 --- */
  /* Note：背景色と組み合わせて，写真を縁どることができる */
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  /* --- ボックスの位置（縦位置）を設定 --- */
  /* Note：基準にしたい辺に値を与え，もう一方は auto を設定 */
  top: 50px;
  bottom: auto;
  /* --- ボックスの位置（横位置）を設定--- */
  /* Note：基準にしたい辺に値を与え，もう一方は auto を設定 */
  left: auto;
  right: 50px;
}

/* ---------------------------------------------------------------- *
	マルチカラムの高さ100%設定
 * ---------------------------------------------------------------- */
/* column container */
#content{
	width:900px;
	margin:0 auto;
	overflow:hidden;
}
#content:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#column1, #column2, #column3, #column4, #column5{
	float:left;
	padding-bottom:32768px;
	margin-bottom:-32768px;
}
/*３段組左*/
#column1{
	width:270px;
	background-color: #fff;
}
/*３段組中央*/
#column2{
	width:360px;
	background-image: url(../image/c2-back.jpg);
	background-repeat: repeat-x;
}
/*３段組右*/
#column3{
	width:270px;
	margin-right:0;
	background-color: #fff;
}
/*２段組左*/
#column4{
	width:260px;
	margin-right:0;
	background-color: #C3E2EE;
}
/*２段組右*/
#column5{
	width:670px;
	margin-right:0;
	background-color: #fff;
}

/* content内部h2に関する設定 */
	#content h2 {
	padding:.4em 15px 0 15px;
	margin:0;
	font-size: 120%;
	}
	
/* content内部の余白に関する設定 */
	#inner {margin:10px;
	        padding:0;
			}

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

#footer {
	/* --- マージンを設定 --- */
  /* Note：上マージンは段組コンテナの下マージンとの折りたたみが
           生じる */
  margin-top: 20px;
	margin-bottom: 0;
	/* --- パディングを設定 --- */
  /* Note：上下マージンを持つものが含まれる場合，上下パディングには
           正の値を指定する */
  padding-top: 0.6em;
	padding-right: 0;
	padding-bottom: 1em;
	padding-left: 0;
	/* --- 枠を設定する --- */
  border-top: 1px dotted #3EBAEE;
	border-right: none;
	border-bottom: none;
	border-left: none;
	background-color: #FFFFFF;
	background-image: url(../image/logo.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#footer ul li {
  /* --- 横並びリストのリストマーカ画像を設定する --- */
  /* Note：16×16 ピクセル以下のものを使用する */
  background-image: none;
}
/* ---------------------------------------------------------------- *
	画像回り込み設定
 * ---------------------------------------------------------------- */

.fig {
  float: left;
  /* --- 画像のマージンを設定 --- */
  /* Note：前記の回り込みについて「left」のとき→左マージン 0，
           「right」のとき→右マージン 0 とする。 */
  margin-top: 0;
  margin-right: 1em;
  margin-bottom: 1em;
  margin-left: 0;
}