@charset "euc-jp";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
	background-attachment: fixed;
/*	background-image: url(../img/top-background4.jpg);*/
	font-size:12px;
}


.index #container {
	width: 1030px; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 2px solid #000000;
	text-align: left;
	height: 662px;
	padding: 0px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
.index #header {/* コンテンツなしのヘッダー枠 */
	background-color: #000000;
	height: 27px;
	text-align: center;
}
.index   #hederContent {/* フッダーインフレーム左 */
	color: #FFFFFF;
	margin: 5px;
/*	font-size: xx-small;*/
}
.index #mainContent {/* コンテンツ枠、メインページの背景 */
	height: 610px;
	margin: 0px;
	vertical-align: baseline;
/*	background-image: url(../img/top_w5.jpg);*/
	background-repeat:no-repeat;
}
.index  #mainContent2 {/* コンテンツ枠、背景がビーズロゴが薄いバージョン */
	height: 610px;
	background-image: url(../img/top-background2.jpg);
	margin: 0px;
}
.index  #mainContent3 {/* 各プロダクトに採用するコンテンツ枠、背景なし */
	height: 610px;
	margin: 0px;
	background-color: #FFFFFF;
}
.index  #mainContent4 {/* 各プロダクトに採用するコンテンツ枠、背景なし */
	height: 610px;
	margin: 0px;
	background-color: #FFFFFF;
}
.index  #mainContent5 {/* 各プロダクトに採用するコンテンツ枠、背景なし */
	height: 610px;
	margin: 0px;/*	background-image: url(../img/top_w4.jpg);*/
}

.index   #news {/* 新着商品の告知欄、フィールド内はPHPを採用予定 */
	height: 185px;
	width: 600px;
/*	margin-bottom: 10px;*/
	margin-left: 5px;
/*	margin-top: 410px;*/
	padding: 5px;
	float: left;
	z-index: 0;
/*	font-size: x-small;*/
	background-image: url(../img/topic_bg.gif);
	background-repeat: no-repeat;
}
.index    #news-inbox {/* 新着商品の告知欄の商品表示部に使用するDIV枠 */
	height: 133px;
	margin-left: 10px;
	margin-top: 45px;
	z-index: 0;
/*	font-size: x-small;*/
	margin-right: 14px;
	overflow: auto;
}
.index    #subContent {/* 各メニューの表示枠です */
	height: 600px;
	width: 700px;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-top: 20px;
	padding: 5px;
	float: left;
}
.index     #productContent {/* 各メニューの表示枠です */
	height: 640px;
	_height:690px;
	width: 950px;
	padding-bottom: 10px;
	margin-left: 20px;
	margin-top: 20px;
	padding: 5px;
	float: left;
}
.index     #productContent_bauhutte {/* 各メニューの表示枠です */
	height: 580px;
	_height:630px;
	width: 950px;
	padding-bottom: 10px;
	margin-left: 20px;
	margin-top: 20px;
	padding: 5px;
	float: left;
}
.index     #comparison {/* 製品機能比較表に採用する表示枠です */
	height: 570px;
	width: 950px;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-top: 20px;
	padding: 5px;
	float: left;
	overflow: auto;
/*	font-size: x-small;*/
	text-align: left;
	background-color: #FFFFFF;

}
.index      #texi_tfield {/* サブインデックスのテキスト表示部です。このcssルールはスクロールバーで表示させるのに使用します*/
	height:380px;	/*firefox用*/
	#height:390px;	/*IE用*/
	_height:350px;	/*IE6以下用*/	
	width: 730px;
	margin-left: 10px;
	margin-top: 10px;
/*	font-size: x-small;*/
	overflow: auto;
	border: 1px solid #808080;
	padding: 5px;/*	background-image: url(../img/top-bg.png);*/
}
.index      #texi_tfield2 {/* サブインデックスのテキスト表示部です。このcssルールは通常表示させるのに使用します*/
	height:380px;	/*firefox用*/
	#height:390px;	/*IE用*/
	_height:380px;	/*IE6以下用*/
	width: 730px;
	margin-left: 10px;
	margin-top: 10px;
/*	font-size: x-small;*/
	padding: 5px;
/*	background-image: url(../img/top-bg.png);*/
}


.index       #texi_tfield3 {/* サブインデックスのテキスト表示部です。このcssルールは通常表示させるのに使用します*/
	width: 730px;
	margin-left: 10px;
	margin-top: 20px;
/*	font-size: x-small;*/
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	height:380px;	/*firefox用*/
	#height:390px;	/*IE用*/
	_height:330px;	/*IE6以下用*/
	overflow: auto;
/*	background-image: url(../img/top-bg.png);*/
}
.index        #texi_tfield4 {/* サブインデックスのテキスト表示部です。このcssルールは通常表示させるのに使用します*/
	width: 730px;
	margin-left: 10px;
/*	font-size: x-small;*/
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	height: 445px;
	#height: 455px;
	_height:400px;
	overflow: auto;/*	background-image: url(../img/top-bg.png);*/
}
.index         #texi_tfield5 {/* サブインデックスのテキスト表示部です。このcssルールは通常表示させるのに使用します*/
	width: 730px;
	margin-left: 10px;
/*	font-size: x-small;*/
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	height: 600px;
	#height:600px;
	_height:550px;
	overflow: auto;
/*	background-image: url(../img/top-bg.png);*/
}
.index         #texi_tfield6 {/* サブインデックスのテキスト表示部です。このcssルールは通常表示させるのに使用します*/
	width: 730px;
	margin-left: 10px;
/*	font-size: x-small;*/
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	height: 490px;
	#height:490px;
	_height:450px;
	overflow: auto;
	font-family: charset=gb18030;
}
.index        #texitfield_title {/* サブインデックスのテキスト表示部です。このcssルールは通常表示させるのに使用します*/
	width: auto;
	font-size: 16px;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-weight: bolder;
	margin-bottom: 5px;
	color: #333333;
	text-decoration: underline;
	margin-top: 50px;
}
.index         #texitfield_syousai {/* サブインデックスのテキスト表示部です。このcssルールは通常表示させるのに使用します*/
	margin-bottom: 15px;
	margin-left: 10px;
	color: #333333;
/*	font-size: xx-small;*/
}
.index       #articles_tfield {/* 各プロダクトの商品一覧表示欄 */
	height: 430px;
	width: 900px;
	margin-left: 10px;
	border: 1px solid #999999;
	margin-top: 10px;
/*	font-size: x-small;*/
	overflow: auto;
	position: absolute;
	text-align: center;
	background-image: url(../img/blitzer-bg.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 50% 50%;


}
.index        #articles_blitzer {/* 各プロダクトの商品一覧表示欄 */
	height: 420px;
	width: 920px;
	margin-left: 10px;
	border: 1px solid #999999;
	margin-top: 10px;
/*	font-size: x-small;*/
	overflow: auto;
	position: absolute;
	text-align: center;
	background-image: url(../img/bg/blitzer-bg.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 50% 50%;
}


.index         #articles_tfield3 {/*　弊社販売終了商品一覧に採用する枠 */
 height: 510px;
 width: 930px;
 margin-left: 10px;
 border: 1px solid #CCCCCC;
 margin-top: 10px;
/* font-size: x-small;*/
 overflow: scroll;
 background-image: url(../img/top-bg.png);
}



.index         #articles_bauhutte {/* 各プロダクトの商品一覧表示欄 */
	height: 360px;
	width: 920px;
	margin-left: 10px;
	border: 1px solid #999999;
	margin-top: 10px;
/*	font-size: x-small;*/
	overflow: auto;
	position: absolute;
	text-align: center;
	background-image: url(../img/bg/bauhutte_bg.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 50% 50%;

}
.index          #articles_doppelganger {/* 各プロダクトの商品一覧表示欄 */
	height: 420px;
	width: 920px;
	margin-left: 10px;
	border: 1px solid #999999;
	margin-top: 10px;
/*	font-size: x-small;*/
	overflow: auto;
	position: absolute;
	text-align: center;
	background-image: url(../img/bg/doppel_bg.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 50% 50%;
}
.index          #articles_dod {/* 各プロダクトの商品一覧表示欄 */
	height: 420px;
	width: 920px;
	margin-left: 10px;
	border: 1px solid #999999;
	margin-top: 10px;
/*	font-size: x-small;*/
	overflow: auto;
	position: absolute;
	text-align: center;
	background-image: url(../img/bg/dod_bg.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 50% 50%;
}
.index          #articles_sk8 {/* 各プロダクトの商品一覧表示欄 */
	height: 450px;
	width: 920px;
	margin-left: 10px;
	border: 1px solid #999999;
	margin-top: 10px;
/*	font-size: x-small;*/
	overflow: auto;
	position: absolute;
	text-align: center;
	background-image: url(../img/bg/sk8_bg.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 50% 50%;
}
.index          #articles_lid {/* 各プロダクトの商品一覧表示欄 */
	height: 420px;
	width: 920px;
	margin-left: 10px;
	border: 1px solid #999999;
	margin-top: 10px;
/*	font-size: x-small;*/
	overflow: auto;
	position: absolute;
	text-align: center;
	background-image: url(../img/bg/lid_bg.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 50% 50%;
}
.index          #articles_vip {/* 各プロダクトの商品一覧表示欄 */
	height: 420px;
	width: 920px;
	margin-left: 10px;
	border: 1px solid #999999;
	margin-top: 10px;
/*	font-size: x-small;*/
	overflow: auto;
	position: absolute;
	text-align: center;
	background-image: url(../img/bg/zyuuyaku_bg.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 50% 50%;
}
.index          #articles_ga {/* 各プロダクトの商品一覧表示欄 */
	height: 360px;
	width: 920px;
	margin-left: 10px;
	border: 1px solid #999999;
	margin-top: 10px;
/*	font-size: x-small;*/
	overflow: auto;
	position: absolute;
	text-align: center;
	background-image: url(../img/bg/ga_bg.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 50% 50%;

}
.index          #articles_bessed {/* 各プロダクトの商品一覧表示欄 */
	height: 420px;
	width: 920px;
	margin-left: 10px;
	border: 1px solid #999999;
	margin-top: 10px;
/*	font-size: x-small;*/
	overflow: auto;
	position: absolute;
	text-align: center;
	background-image: url(../img/bg/bessed_bg.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 50% 50%;
}
.index          #articles_insync {/* 各プロダクトの商品一覧表示欄 */
	height: 420px;
	width: 920px;
	margin-left: 10px;
	border: 1px solid #999999;
	margin-top: 10px;
/*	font-size: x-small;*/
	overflow: auto;
	position: absolute;
	text-align: center;
	background-image: url(../img/bg/incync_bg.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 50% 50%;
}
.index          #articles_bessed {/* 各プロダクトの商品一覧表示欄 */
	height: 420px;
	width: 920px;
	margin-left: 10px;
	border: 1px solid #999999;
	margin-top: 10px;
/*	font-size: x-small;*/
	overflow: auto;
	position: absolute;
	text-align: center;
	background-image: url(../img/bg/bessed_bg.jpg);
/*	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 50% 50%;
*/	
}

.index          #articles_other {/* 各プロダクトの商品一覧表示欄 */
	height: 420px;
	width: 920px;
	margin-left: 10px;
	border: 1px solid #999999;
	margin-top: 10px;
/*	font-size: x-small;*/
	overflow: auto;
	position: absolute;
	text-align: center;
	background-image: url(../img/bg/other_bg.jpg);
}

.index        #articles_tfield2 {/*　弊社販売の全商品一覧に採用する枠 */
	height: 570px;
	width: 930px;
	margin-left: 10px;
	border: 1px solid #CCCCCC;
	margin-top: 10px;
/*	font-size: x-small;*/
	overflow: scroll;
	background-image: url(../img/top-bg.png);
}
.index        #articles_inbox_new {/* 各プロダクトの商品一覧内のボックス新製品 */
	height: 190px;
	_height:200px;
	width: 200px;
/*	font-size: x-small;*/
	float: left;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	#margin-left:10px;	/*IE用*/
	_margin-left:5px;	/*IE6以下用*/	
	padding: 5px;
	background-image: url(../img/product_bk2.png);
	background-repeat: no-repeat;
	background-position: center center;
	behavior: url(../class/iepngfix.htc);

}
.index        #articles_inbox {/* 各プロダクトの商品一覧内のボックス通常製品 */
	height: 190px;
	_height:200px;
	width: 200px;
/*	font-size: x-small;*/
	float: left;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	#margin-left:10px;	/*IE用*/
	_margin-left:5px;	/*IE6以下用*/	
	padding: 5px;
	background-image: url(../img/product_bk1.png);
	background-repeat: no-repeat;
	background-position: center center;
	behavior: url(../class/iepngfix.htc);

}
.index         #articles_inbox2 {/* 各プロダクトの商品一覧内のボックス */
	height: auto;
	width: 890px;
/*	font-size: x-small;*/
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.index    #product {/* ブランドロゴ別メニューバーDIVボックスです */
	height: 600px;
	width: auto;
	margin-bottom: 10px;
	margin-top: 20px;
	padding: 5px;
	float: right;
	margin-right: 30px;
	text-align: right;
/*	font-size: x-small;*/
}
.index     #menu {/* インデックスページ右メニューバーDIVボックスです */
	height: 580px;
	width: 160px;
	padding-bottom: 10px;
	padding-top: 20px;
	float: right;
	padding-right: 10px;
/*	font-size: x-small;*/
/*	background-color:#dddddd;*/
	background-image:url(../img/top_w6.jpg);
	background-repeat:no-repeat;
}
/*
.index
	height: 600px;
	width: auto;
	margin-bottom: 10px;
	margin-top: 20px;
	padding: 5px;
	float: right;
	margin-right: 10px;
	font-size: x-small;
	
}
*/
.index      #flash {/* インデックスページ右メニューバーDIVボックスです */
	height: 630px;
	width: 790px;
	float: left;
/*	font-size: x-small;*/
}

.index #footer {/* コンテンツなしのフッダー枠 */
	background-color: #000000;
	height: 27px;
}
.index  #footerContent_l {/* フッダーインフレーム左 */
	color: #FFFFFF;
/*	margin: 5px;*/
	float: left;
/*	font-size: xx-small;*/
}
.index   #footerContent_r {/* フッダーインフレーム右 */
	color: #FFFFFF;
/*	margin: 5px;*/
	float: right;
/*	font-size: xx-small;*/
}
.index   #tabele01{
/*	font-size : x-small;*/
	font-weight : normal;
	text-align: center;

}
.index    #tabele02{
/*	font-size : x-small;*/
	font-weight : normal;

}
.index     #tabele03{
/*	font-size : xx-small;*/
	font-weight : normal;

}
.index      #tabele04{
/*	font-size : xx-small;*/
	font-weight : normal;
	text-align: center;
}
#list ul { 
margin: 0; 
padding :0; 
list-style-type : none; 
}
#list li { 
display : inline; 
padding :0; 
margin:0; 
}
#list a {
	height:20px;
	display:block;
	/*font-size:x-small;*/
	text-decoration:none;
	color:#666666;
	width:160px;
	height:20px;
/*	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
*/	padding-right: 0;
	padding-left: 1em;
}

#list a:hover {
	display:block;
	/*font-size:x-small;*/
	color:#666666;
	width:160px;
	height:20px;
/*	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FF9900;
*/	padding-left: 1em;
	font-weight: bold;
	background-image: url(../img/press.png);
}
.menu_hit{
	height:20px;
	display:block;
	/*font-size:x-small;*/
	text-decoration:none;
	color:#cccccc;
	width:160px;
/*	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;*/
	padding-right: 0;
	padding-left: 2em;
}

#list2 {
	margin: 0;
	padding :0;
	height: auto;

}
#list2 ul {
	margin: 0;
	padding :0;
	list-style-type : none;
}
#list2 li {
	display : inline;
	padding :0;
	margin:0;
	float:left;
	font-weight:normal;
}


#list2 a {
	display:block;
	font-size:14px;
	text-decoration:none;
	color:#666666;
	width:285px;
	background-color: #F6F6F6;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #CCCCCC;
	margin-top: 1px;
	margin-right: 3px;
	margin-bottom: 2px;
	height: 30px;
}


#list_none {
	display:block;
	font-size:14px;
	text-decoration:none;
	color:#666666;
	width:285px;
	background-color: #F6F6F6;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #CCCCCC;
	margin-top: 1px;
	margin-right: 3px;
	margin-bottom: 2px;
	height: 30px;
}

#list2 a:hover {
	display:block;
	background-color: #FFEDD2;
	font-size:14px;
	text-decoration:none;
	color:#FF9900;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FF9900;
	border-right-color: #FF9900;
	border-bottom-color: #FF9900;
	border-left-color: #FF9900;
	margin-top: 1px;
	margin-right: 3px;
	margin-bottom: 2px;
}
#list3  ul { 
margin: 0; 
padding :0; 
list-style-type : none; 
}
#list3  li { 
display : inline; 
padding :0; 
margin:0; 
}
#list3  a {
	display:block;
	background-color:#fff;
	/*font-size:x-small;*/
	text-decoration:none;
	color:#666666;
	width:160px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	padding-left: 2em;
	height: 20px;
}
#list3  a:hover {
	display:block;
	/*font-size:x-small;*/
	text-decoration:none;
	color:#333333;
	width:150px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FF9900;
	padding-left: 2em;
	font-weight: bold;
	background-image: url(./img/menulist.png);
	height: 20px;
}

#info_table{
/*font-size:x-small;*/
}

#press a:hover{
	color:#333333;
	background-image: url(../img/other/press_bg.png);
}
#press a{
	color:#333333
	}
#press a:visited{
	text-decoration: none;
	color:#996600;
}	
#pdf  /* 取扱い説明書一覧に使用するcssはここから */
li {
	background-image: url(../img/icon/pdficon.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 3.5em;
	height: 2.5em;
	text-decoration: none;
	list-style-type: none;
/*	font-size: x-small;*/
	float: left;
	width: 17em;
	vertical-align: middle;
	margin-top: 10px;
	margin-right: 5px;
	background-color: #F7F7F7;
	margin-left: 5px;
}
#pdf	ul { 
margin: 0; 
padding :0; 
list-style-type : none; 
}

#manual_box          {/* 各プロダクトの商品一覧内のボックス */
	height: auto;
	width: 880px;
/*	font-size: x-small;*/
	margin-top: 15px;
	margin-left: 10px;
	border-top-width: 1px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	float: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 5px;
	overflow-x:hidden;
	background-color: #eeeeee;
	font-weight:normal;
}
#manual_title          {/* 各プロダクトの商品一覧内のボックス */
/*	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	color: #666666;*/
	padding-bottom: 5px;
/*	font-weight: bold;*/
	background-position: center;
	padding-top: 5px;
	padding-left: 10px;
}
.brand_list		{
	margin: 4px 0em;
	_margin: 0em 0em;	
}
p {
margin: 1em 0em;
}
 

