body {
	margin:  0;
	padding: 0;
	background: #000;
	}
*,body,iframe,table {
	scrollbar-3dlight-color:    #000;
	scrollbar-arrow-color:      #FFF;
	scrollbar-darkshadow-color: #000;
	scrollbar-face-color:       #000;
	scrollbar-highlight-color:  #666;
	scrollbar-shadow-color:     #666;
	scrollbar-track-color:      #666;
}

a:link,
a:visited,
a:hover,
a:active {color:#333;}
a:hover   { text-decoration: none; }

.center {text-align: center;}
img {border: 0;}

/* -------------
画像透過
 ------------------ */
a.imgover:hover img  {
	filter: Alpha(opacity=50); /* IE系 */
	opacity:0.5; /* Mozzila系 */
	background: url("./img/rollover.gif");
}
a.imgover:hover {
	line-height: 0;
	padding:0;
	background: url("./img/rollover.gif");
	}

/* ------------------------------------------------------------------- */
div#mainbody {
	height: 500px;
	margin-top: 77px;
	background: url("./img/bgi-mainbody.jpg") repeat-x;
	
	color: #000;
	}
	
	
	div#contentsarea {
		width: 930px;
		height: 500px;
		margin: 0 auto;
		}

/* ------------------------------
  背景画像
------------------------------  */
.mainbgi-about {
	background: url("./img/mainbgi-about.jpg") no-repeat;
	}
	
.mainbgi-works {
	background: url("./img/mainbgi-works.jpg") no-repeat;
	}
	
.mainbgi-contact {
	background: url("./img/mainbgi-contact.jpg") no-repeat;
	}


/* ------------------------------
  box-left 共通部左のエリア
------------------------------  */
div#box-left {
	float: left;
	width: 190px;
	}
	
.logo {
		width: 141px;
		margin: 30px auto 0 auto;
	}
	.logo img {
		padding: 2px;
		background: #FFF;
		border: 1px solid #999;
		}
/* ------------------------------
  グローバルナビゲーション
------------------------------  */
	ul.globalnavi {
		margin: 100px 0 0 23px;
		padding: 0;
		list-style: none;
		}
		
	ul.globalnavi li {
		margin:  0 0 0 0;
		padding: 0;
		}
	ul.globalnavi a:hover img {
		filter: Alpha(opacity=70); /* IE系 */
		opacity:0.5; /* Mozzila系 */
		background: url("./img/rollover.gif");
	}
/* ------------------------------
  box-right 共通部右のエリア
------------------------------  */
div#box-right {
	position: relative;
	float: right;
	width:  689px;	
	height: 482px;
	margin: 5px 16px 0 0;
	_margin: 5px 8px 0 0;
	}
.pankuzulist {
	position: absolute;
	bottom:0;
	margin: 0;
	
	font-size: 13px;
	color: #FFF;
}
/* ページ特有の背景
------------------ */
.bgi-about { background: url("./img/bgi-about.jpg") no-repeat; }
.bgi-works { background: url("./img/bgi-works.jpg") no-repeat; }
.bgi-contact { background: url("./img/bgi-contact.jpg") no-repeat; }
.bgi-mgzn { background: url("./img/bgi-mgzn.jpg") no-repeat;}

/* ---------------------------------------------------------------------
  フッター
--------------------------------------------------------------------- */

div#footer {
	width: 930px;
	margin: 0 auto;
		}

	div#footer p {
		margin: 0;
		padding: 0;
		
		text-align: right;
		}



/* ---------------------------------------------------------------------
  以下各ページ固有 
--------------------------------------------------------------------- */

/* ---------------------------------------------------------------------
  home （index.html）
--------------------------------------------------------------------- */
div#homeare {
	width: 930px;
	height: 500px;
	margin: 0 auto;
	background: url("./img/bgi-home.jpg") no-repeat;
	overflow: auto;
	}
	


div#home-navi {
	margin:  277px 0 0 0;
	overflow: auto;
	}
	
	div#home-navi ul {
		margin:  0 0 0 13px;
		padding: 0;
		list-style: none;
		}
		
	div#home-navi li {
		float: left;
		margin:  0 5px 0 0;
		padding: 0;
		}
div.index-news {
	clear:left;
	color: #493627;
}
	div.index-news dl {
		width: 280px;
		margin: 10px 0 0 18px;
		padding: 3px ;
		background: url("./img/bgi-wt-tl.png");color:#FFF;
		font-size: 10px;
		}

	div.index-news dt{
		width: 5em;
		float:left;
		clear:left;
		}
		
	div.index-news dd {
		margin-left: 5em;
		}
	
/* -----------------------
for ie6
----------------------- */
div#homeare {
	_overflow: hidden;
	position: relative;
	}
	
div.index-news {
	_margin:0;
	_position: absolute;
	_top:300px;
	_left:20px;
}

	div.index-news dl {
		_background: url("img/bgi-black.gif");
		_filter: Alpha(opacity=50);  /* IE */
		}


/* ---------------------------------------------------------------------
 works
--------------------------------------------------------------------- */

table#works-ta {
	border: 1px solid #333;
	margin: 10px auto;
	border-collapse:collapse;
	}
	
	table#works-ta td {
		border: 1px solid #333;
		vertical-align: top;
		margin:0;
		padding:0;
		}
	
	.wt-tl {width: 447px; height: 297px;margin:0;padding:0;}
	.wt-tr {background: url("./img/bgi-wt-tl.png");color:#FFF;}
	.wt-bl {width: 447px; height: 152px;overflow:hidden;}
	
		.wt-bl img {
			margin:0;
			padding: 1px;
			border: 1px solid #999;
			background: #FFF;
			}
	
	.wt-br {
		margin:0;
		padding:0;
		
		background:#000;
		}
	
	
table#works-ta table {
	border: none;
	border-collapse: collapse;
	margin:  0;
	padding: 0;
	}
	table#works-ta table td {
		margin:  0;
		padding: 0;
		}
	table#works-ta table img {
		margin:  0;
		padding: 0;
		}
		
			



/* --------------------
  glinder
-------------------- */
		
	div.scroller div.content {
		width: 10000px;
		}

div#my-glider  {
	width: 447px; 
	height: 155px;
	overflow: hidden;
}

div#my-glider .scroller01 {
	width: 447px; 
	height: 155px;
	overflow: hidden;
}


div#my-glider .section {
	float:left;
	overflow: scroll;
	width: 447px; 
	height: 175px;
}


div#my-glider2 .scroller {
	width: 200px; 
	height: 290px;
	overflow: hidden;
}

div#my-glider2 .section {
	width:  200px; 
	height: 290px;
	overflow: hidden;
}



/* --------------------
  右上関連
-------------------- */

.title-imgg {
	margin: 2px 0 2px 5px;
	
	font-size: 13px;
}

div.migiue  {
	position:relative;
	height:297px;
	margin:  0 0 0 0;
	padding: 0;
	color: #FFF;
	}

.migiue img {
	border: 1px solid #333;
	margin-bottom:  4px;
	margin-left: 5px;
}
p.setumei{
	margin: 0px 5px 5px 5px;
	font-size: 8pt;
}
p.setumei a {
	color: #FFF;
}



/* ---------------------------------------------------------------------
  about 会社概要
--------------------------------------------------------------------- */
.about-table {
	width: 630px;
	margin: 60px 0 0 35px;
	}

	.about-table td {
		width: 315px;
		vertical-align: top;
		font-size: 13px;
		color:#333;
	}

.ab-dl {
	height:  90px;
	margin:  0;
	padding: 0;
}
	.ab-dl dt{
		float:left;
		width: 4em;
		margin:  0;
	}
	
	.ab-dl dd{
		margin: 0 0 0 4em;
		}
		
.ab-dl2 {
	clear: left;
	margin:  0 0 0 30px;
	padding: 0;
}
	.ab-dl2 dt{
	clear: left;
		width: 7em;
		margin:  0;
	}
	
	.ab-dl2 dd{
		margin: 0 5px 0 8px;
		}
.ab-ul {
	list-style-type: none;
	margin:  0;
	padding: 0;
}

.ab5i {margin:0;}

.ab5i img {
	padding:1px;
	background: #FFF;
	border: 1px solid #CCC;}

/* ---------------------------------------------------------------------
  雑誌特集 magazine
--------------------------------------------------------------------- */
.bgi-mgzn h2 {
	margin: 77px 70px 0 0;
	color: #FFF;
	font-size: 15px;
	text-align: right;
	}
	
	h3.mgzn-h3 {
		margin: 10px 65px 0 0;
		color: #FFF;
		text-align: right;
		font-size: 13px;
		}

table.mgzn-ta {
	width: 594px;
	margin: 10px auto 0 34px;
}

table.mgzn-ta td{ padding: 0 0 5px 0;}

div.mgzn-text {
	font-size: 13px;
	line-height:180%;
	color:	#FFF;
	background: url("./img/mgzn_text.jpg") ;
	}


/* ---------------------------------------------------------------------
  contact お問い合わせ
--------------------------------------------------------------------- */

.contact-lr a:link,
.contact-lr a:visited,
.contact-lr a:hover,
.contact-lr a:active {color:#FFF;}
.contact-lr a:hover   { color:#CCC; text-decoration: none; }

table.contact-lr{
	width: 600px;
	margin: 110px 0 0 30px;
	color: #FFF;
	font-size:0.6em;
}
	table.contact-lr td {
		background: url("./img/bgi-contactform.png");
		vertical-align: top;
		}
.contact-lr-left {
	width: 180px;
	padding: 3px;
}

table.contact .text-a {
	width: 160px;
	height: 19px;
	margin-top: 4px;
	margin-bottom: 3px;
	border: none;
}
table.contact textarea.text-a {
	width:  200px;
	height: 260px;
}

	table.contact td{
		font-size: 13px;
		background: none;
		vertical-align: top;
		padding: 2px 5px
		}
		
	table.contact td.bgi-confinput1{
		background: url("./img/bgi-confinput1.gif") no-repeat 0 13px;
		}
	table.contact td.bgi-conftextarea {
		
		background: url("./img/bgi-confinput2.gif") no-repeat 0 13px;
		}
		
	table.contact td .botton {
		width: 165px;
		height: 50px;
		background: #FFF;
		}

/* ---------------
 for ie6
 --------------- */
	table.contact-lr td {
		_background: url("img/bgi-black.gif") #333;
		_filter: Alpha(opacity=90);
		}
	table.contact td .botton {
		_filter: Alpha(opacity=100); 
		background: #FFF;
		}



.cosm-d {
	width: 580px;
	height: 320px;
	overflow: auto;
	background: url("./img/bgi-contactform.png");
		_background: url("img/bgi-black.gif") #333;
		_filter: Alpha(opacity=90);  /* IE */
	margin: 110px 0 0 30px;
	padding: 10px;
	font-size:0.8em;
	_text-align: center;
		}

	.cosm-d table {margin: 0 auto;}
	.cosm-d table th{
		width: 8em;
		font-weight: normal;
		background: #000;
		color: #FFF;
		_font-size:0.8em;
		}
	
	
.cosm-d p{color:#FFF;}


.cosm-s {
	width: 250px;
	margin: 5px auto 20px auto;
	}
	
.cosm-s input {
	width: 120px;
	background: #FFF;
	border: 1px solid #CCC;
	font-size: 15px;
	}
	
	

/* ---------------------------------------------------------------------
  リンク
--------------------------------------------------------------------- */

.bgi-link { background: url("./img/bgi-link.jpg") no-repeat; }
	
.lnkta{margin: 110px 0 0 70px;}

.lnkta td {
	vertical-align: top;
	font-size: 15px;
	}
.lnkdl {margin: 0 20px 20px 0;}

.lnkdl dt {
	width: 10em;
	border-left: 2px solid #999;
	padding:1px 0 0 2px;
	background:  #333;
	color:#fff;
	font-size: 13px;
	}

.lnkdl dd{margin: 0 0 0 10px;}

/* ---------------------------------------------------------------------
  ニュース
--------------------------------------------------------------------- */

.bgi-news { background: url("./img/bgi-news.jpg") no-repeat; }

.news{margin: 110px 0 0 70px;}

.news td {
	vertical-align: top;
	font-size: 15px;
	}

.news dl {margin:auto 20px 20px 0;}

.news dt {
	width: 10em;
	border-left: 2px solid #999;
	padding:1px 0 0 2px;
	background:  #333;
	color:#fff;
	font-size: 13px;
	}
.news dd{margin: 0 0 0 10px;}