@charset "UTF-8";

/* 全体 ---------- */
body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family:"Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 11px;
	line-height:170%;
	background-color: #695037;
	color: #333333;}

/* for WinIE6 */
* html body {
	font-size: 69%;
	letter-spacing: 1px;
	font-family: "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

/* for WinIE7 */
*:first-child+html body { 
	font-size: 69%;
	letter-spacing: 1px;
	font-family: "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}


/* テキストのブラウザスタイル初期化 ---------- */
*{ margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,p { margin: 0; padding: 0; }
ul,li,ol { list-style: none; }


/* ページ ---------- */
#header {
	width: 900px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(../image/company_message_header.jpg);
	background-repeat: no-repeat;
	height: 50px;
	text-indent: -9999px;}
	
#container {
	width: 900px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(../image/company_mainbg.jpg);
	background-repeat: repeat-y;} 
 
	
/* 左側メニュー ---------- */
#sidebar1  {
	float: left; /*このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 160px;
	padding-top: 0px;
	padding-right: 50px;
	padding-left: 40px;
	padding-bottom: 65px;
	background-image: url(../image/company_message_menubg.jpg);
	background-repeat: no-repeat;}
	
/* NIGHTロゴマーク ---------- */
.night_message #container #sidebar1 h1 {
	background-image: url(../image/common_menulogo.jpg);
	background-repeat: no-repeat;}
.night_message #container #sidebar1 a {
	display: block;
	text-indent: -9999px;
	height: 95px;
	width: 160px;}
	
/* 株式会社大塚楽器製作所のコーポレートWebサイトです ---------- */	
.night_message #container #sidebar1 h2 {
	text-indent: -9999px;
	height: 15px;
	width: 160px;
	display: block;}

/* 左側メニュー(ul/li) ---------- */
.night_message #container #sidebar1 ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;}

.night_message #container #sidebar1 #menu1 a {
	background-image: url(../image/common_menu1_off.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	width: 160px;
	display: block;}

.night_message #container #sidebar1 #menu1 a:hover {
	display: block;
	background-image: url(../image/common_menu1_on.jpg);
	background-repeat: no-repeat;}

/* 左側メニュー(製品案内) ---------- */

.night_message #container #sidebar1 #menu1 #navi01 a { height: 40px; width: 160px; background-position: 0px 0px; }
.night_message #container #sidebar1 #menu1 #navi02 a { height: 40px; width: 160px; background-position: 0px -40px; }
.night_message #container #sidebar1 #menu1 #navi03 a { height: 40px; width: 160px; background-position: 0px -80px; }
.night_message #container #sidebar1 #menu1 #navi04 a { height: 40px; width: 160px; background-position: 0px -120px; }
.night_message #container #sidebar1 #menu1 #navi05 a { height: 40px; width: 160px; background-position: 0px -160px; }

/* 左側メニュー(スペース) ---------- */

.night_message #container #sidebar1 #menu2 {
	background-image: url(../image/common_menu2_space.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 160px;}

/* 左側メニュー(会社案内) ---------- */

.night_message #container #sidebar1 #menu3 a {
	background-image: url(../image/company_menu3_message.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	display: block;}

.night_message #container #sidebar1 #menu3 a:hover {
	display: block;
	background-image: url(../image/company_menu3_on.jpg);
	background-repeat: no-repeat;}

.night_message #container #sidebar1 #menu3 #navi06 a { height: 40px; width: 160px; background-position: 0px 0px; }
.night_message #container #sidebar1 #menu3 #navi07 a { height: 30px; width: 160px; background-position: 0px -40px; }
.night_message #container #sidebar1 #menu3 #navi08 a { height: 30px; width: 160px; background-position: 0px -70px; }
.night_message #container #sidebar1 #menu3 #navi09 a { height: 30px; width: 160px; background-position: 0px -100px; }
.night_message #container #sidebar1 #menu3 #navi10 a { height: 30px; width: 160px; background-position: 0px -130px; }
.night_message #container #sidebar1 #menu3 #navi11 a { height: 30px; width: 160px; background-position: 0px -160px; }
.night_message #container #sidebar1 #menu3 #navi12 a { height: 30px; width: 160px; background-position: 0px -190px; }
.night_message #container #sidebar1 #menu3 #navi13 a { height: 40px; width: 160px; background-position: 0px -220px; }
.night_message #container #sidebar1 #menu3 #navi14 a { height: 40px; width: 160px; background-position: 0px -260px; }
.night_message #container #sidebar1 #menu3 #navi15 a { height: 40px; width: 160px; background-position: 0px -300px; }
.night_message #container #sidebar1 #menu3 #navi16 a { height: 40px; width: 160px; background-position: 0px -340px; }
.night_message #container #sidebar1 #menu3 #navi17 a { height: 30px; width: 160px; background-position: 0px -380px; }


	
/* 右側メインコンテンツ ---------- */

#mainContent  {
	float: right;
	width: 480px;
	padding-top: 250px;
	padding-right: 130px;
	padding-bottom: 35px;
	padding-left: 40px;
	margin: 0px;
	background-image: url(../image/company_message_image.jpg);
	background-repeat: no-repeat;}




/* メッセージ ---------- */ 

.night_message #container #mainContent #message {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #8B7459;
	padding-top: 20px;
	margin-bottom: 40px;}

.night_message #container #mainContent #message #message_title {
	background-image: url(../image/company_message_title1.gif);
	background-repeat: no-repeat;
	height: 60px;
	width: 480px;
	text-indent: -9999px;
	margin-bottom: 15px;}

.night_message #container #mainContent #message #message_text img {
	margin-bottom: 20px;
	float: right;
	margin-left: 20px;}

.night_message #container #mainContent #message #message_text {
	width: 480px;
	margin-bottom: 20px;
	float: left;}

.night_message #container #mainContent #message #name {
	background-image: url(../image/company_message_name.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 480px;
	text-indent: -9999px;
	margin-bottom: 30px;
	clear: both;}

.night_message #container #mainContent #message #message_title2 {
	background-image: url(../image/company_message_title2.gif);
	background-repeat: no-repeat;
	height: 60px;
	width: 480px;
	text-indent: -9999px;
	margin-top: 10px;
	margin-bottom: 15px;}

.night_message #container #mainContent #message #name2 {
	background-image: url(../image/company_message_name2.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 480px;
	text-indent: -9999px;
	margin-bottom: 30px;
	clear: both;}




/* ページトップへ ---------- */
.night_message #container #mainContent #pagetop {
	height: 50px;
	width: 480px;
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #8B7459;}


/* フッター ---------- */
#footer  {
	background-color: #DDDDDD;
	background-image: url(../image/common_footer.jpg);
	background-repeat: no-repeat;
	clear: both;
	height: 100px;
	width: 900px;}
.night_message #container #footer #policy{
	height: 20px;
	width: 180px;
	padding-top: 50px;
	padding-right: 680px;
	padding-bottom: 30px;
	padding-left: 40px}