@chaset "Shift_JIS";

/*=============================================
全般的なスタイル
==============================================*/
*{
	margin:0px; padding:0px;			/*全要素のマージン・パディングをリセット*/
	line-height:1.3em;				/*全要素の行の高さを1.5倍にする*/
}
body{
	background-color:#ffffff;			/*ページ全体の背景色*/
	text-align:center;				/*ＩＥ5.5以下でセンタリングするための対策*/
}	
div#wrapper{
	width:831px; margin:0px auto;			/*内容全体をセンタリング*/
	text-align:left;				/*テキストの配置を左揃えにする*/
	background-color:#ffffff;			/*内容全体の背景色*/
}

.font1{font-size:125%;}
.font2{color:#ff0000;}
.font3{color:#0000ff;}
.font4{color:#009900;}
.font5{font-size:100%;}
.font6{color:#808080;}

img.right{float:right;}
img.left{float:left;}

/*=============================================
ヘッダ
==============================================*/

#header {
	color:#0000ff;					/*文字色*/
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;				/*位置調整*/

}



/*=============================================
メインメニュー
==============================================*/

ul#menu{height:50px;
	padding:0px 0px 0px 15px;
	margin:0px 0px 0px 0px;			/*位置調整*/

}

li#menu01,li#menu02,li#menu03,li#menu04,li#menu05{
	float:left;					/*リストの項目を横に並べる*/
	display:inline;					/*リスト項目をブロック表示する*/
	list-style-type:none;				/*リストマーカーを無しにする*/
}
/*ボタン01〜07にはそれぞれ異なる背景画像を指定する*/
li#menu01{
	width:160px; height:50px;			/*背景画像に合わせたサイズ指定*/
	background-image:url(images/bt_1.1.gif);	/*背景画像*/
	background-repeat:no-repeat;			/*背景画像を繰り返さない*/
}

li#menu01 a:hover{
	width:160px; height:50px;
	background-image:url(images/bt_1.2.gif);	/*リンクにマウスが乗ったら色を変える*/
	background-repeat:no-repeat;			/*背景画像を繰り返さない*/

}
li#menu02{
	width:160px; height:50px;			/*背景画像に合わせたサイズ指定*/
	background-image:url(images/bt_2.1.gif);	/*背景画像*/
	background-repeat:no-repeat;			/*背景画像を繰り返さない*/

}
li#menu02 a:hover{
	width:160px; height:50px;			/*背景画像に合わせたサイズ指定*/
	background-image:url(images/bt_2.2.gif);	/*リンクにマウスが乗ったら色を変える*/
	background-repeat:no-repeat;			/*背景画像を繰り返さない*/
}

li#menu03{
	width:160px; height:50px;			/*背景画像に合わせたサイズ指定*/
	background-image:url(images/bt_3.1.gif);	/*背景画像*/
	background-repeat:no-repeat;			/*背景画像を繰り返さない*/
}

li#menu03 a:hover{
	width:160px; height:50px;			/*背景画像に合わせたサイズ指定*/
	background-image:url(images/bt_3.2.gif);	/*リンクにマウスが乗ったら変える*/
	background-repeat:no-repeat;			/*背景画像を繰り返さない*/
}

li#menu04{
	width:160px; height:50px;			/*背景画像に合わせたサイズ指定*/
	background-image:url(images/bt_4.1.gif);	/*背景画像*/
	background-repeat:no-repeat;			/*背景画像を繰り返さない*/
}

li#menu04 a:hover{
	width:160px; height:50px;			/*背景画像に合わせたサイズ指定*/
	background-image:url(images/bt_4.2.gif);	/*リンクにマウスが乗ったら変える*/
	background-repeat:no-repeat;			/*背景画像を繰り返さない*/
}

li#menu05{
	width:160px; height:50px;			/*背景画像に合わせたサイズ指定*/
	background-image:url(images/bt_5.1.gif);	/*背景画像*/
	background-repeat:no-repeat;			/*背景画像を繰り返さない*/
}

li#menu05 a:hover{
	width:160px; height:50px;			/*背景画像に合わせたサイズ指定*/
	background-image:url(images/bt_5.2.gif);/*リンクにマウスが乗ったら変える*/
	background-repeat:no-repeat;			/*背景画像を繰り返さない*/
}


ul#menu a{
	height:50px;					/*削除不可、リンクしなくなる*/
	display:block;					/*リンクをブロック表示にする*/
	text-decoration:none;				/*リンクの下線を無くす*/
}



/*=============================================
コンテンツ上（ｱﾆﾒｰｼｮﾝ・無料ﾚﾝﾀﾙ・製品紹介）
==============================================*/
#contents1{
	width:600px;					/*幅の指定*/
	padding:5px 0px 0px 0px;
	margin:5px 0px 0px 0px;			/*位置調整*/
background-color:#ffffff;
	font-size:10pt;					/*フォントサイズ*/
	text-align:left;				/*左寄せ*/
	float:left;
}


#contents1 a:link{
	text-decoration:none;
	color:#0000ff;
}

#contents1 a:hover{
	color:#FF3333;
}

#contents1 p{
	font-size:90%; 
	margin:5px 55px 0px 55px;
	text-indent:0px;
	padding:0px 10px 0px 10px;
	line-height:150%;
}

#contents1 table{
	margin:0px 30px 0px 30px;
	font-size:88%;
}

#contents1 img{
	margin:0px 15px 0px 15px;
}






/*=============================================
コンテンツ下（LEDとは・特徴）
==============================================*/
#contents2{
	width:600px;					/*幅の指定*/
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;			/*位置調整*/
background-color:#ffffff;
	font-size:10pt;					/*フォントサイズ*/
	text-align:left;				/*左寄せ*/
	float:left;
}


#contents2 a:link{
	text-decoration:none;
	color:#0000ff;
}

#contents2 a:hover{
	color:#FF3333;
}

#contents2 p{
	font-size:90%; 
	margin:5px 15px 0px 20px;
	text-indent:0px;
	padding:0px 10px 5px 10px;
	line-height:150%;
}

#contents2 img{
	padding:5px 0px 5px 5px;
	margin:5px 10px 5px 0px;

}

#contents2 table{
	margin:0px 0px 0px 0px;
	font-size:100%;
border-color:#b0c4de;
border-collapse:collapse;
}

#contents2 ul{
	margin:5px 0px 0px 100px;
font-size:110%;
text-align:left;
list-style-type:none;
}


/*=============================================
右サイド上
==============================================*/
#side1{
	width:231px;					/*幅の指定*/
	padding:5px 0px 0px 0px;
	margin:5px 0px 0px 0px;			/*位置調整*/
background-color:#ffffff;
	text-align:left;				/*左寄せ*/
	float:right;
font-size:90%;

}
#side1 p{
font-size:70%; 
margin:10px 40px 0px 50px;
text-indent:0px;
}



/*=============================================
右サイド下
==============================================*/
#side2{
	width:231px;					/*幅の指定*/
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;			/*位置調整*/
background-color:#ffffff;
	text-align:left;				/*左寄せ*/
	float:right;
font-size:90%;

}
#side2 p{
font-size:85%; 
margin:5px 20px 0px 20px;
text-indent:0px;
}

ul{
margin:5px 10px 0px 40px;
font-size:85%;
list-style-type:decimal;

}

/*=============================================
フッタ
==============================================*/

#footer{
	width:831px;					/*幅の指定*/
height:20px;
clear:both;
background-color:#ffffff;

}