@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/contact_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/common_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/contact_menubg.jpg);
	background-repeat: no-repeat;}
	
/* NIGHTロゴマーク ---------- */
.night_contact #container #sidebar1 h1 {
	background-image: url(../image/common_menulogo.jpg);
	background-repeat: no-repeat;}
.night_contact #container #sidebar1 a {
	display: block;
	text-indent: -9999px;
	height: 95px;
	width: 160px;}
	
/* 株式会社大塚楽器製作所のコーポレートWebサイトです ---------- */	
.night_contact #container #sidebar1 h2 {
	text-indent: -9999px;
	height: 15px;
	width: 160px;
	display: block;}

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

.night_contact #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_contact #container #sidebar1 #menu1 a:hover {
	display: block;
	background-image: url(../image/common_menu1_on.jpg);
	background-repeat: no-repeat;}

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

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

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

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

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

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

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

.night_contact #container #sidebar1 #menu3 #navi06 a { height: 40px; width: 160px; background-position: 0px 0px; }
.night_contact #container #sidebar1 #menu3 #navi07 a { height: 40px; width: 160px; background-position: 0px -40px; }
.night_contact #container #sidebar1 #menu3 #navi08 a { height: 40px; width: 160px; background-position: 0px -80px; }
.night_contact #container #sidebar1 #menu3 #navi09 a { height: 40px; width: 160px; background-position: 0px -120px; }
.night_contact #container #sidebar1 #menu3 #navi10 a { height: 40px; width: 160px; background-position: 0px -160px; }
.night_contact #container #sidebar1 #menu3 #navi11 a { height: 30px; width: 160px; background-position: 0px -200px; }


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

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

.night_contact #container #mainContent #contact {
	margin-bottom: 40px;}
	


/* お問い合わせについて ---------- */

.night_contact #container #mainContent #contact #contact_title {
	background-image: url(../image/contact_title1.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 480px;
	text-indent: -9999px;
	margin-bottom: 10px;}

.night_contact #container #mainContent #contact #contact_text {
	width: 480px;
	margin-bottom: 10px;}




/* お問い合わせフォーム ---------- */
.night_contact #container #mainContent #mailform {
	margin-bottom: 60px;
	line-height: 100%;}

.night_contact #container #mainContent #mailform #mailform #mailform_title {
	background-image: url(../image/contact_title2.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 480px;
	text-indent: -9999px;
	margin-bottom: 20px;}

/* 非表示 ---------- */
.night_contact #container #mainContent #mailform #mailform_hidden_object {
	overflow: hidden;
	height: 1px;
	width: 1px;}

.night_contact #container #mainContent #mailform #mailform .list {
	width: 480px;
	border: 1px solid #B9A686;}
	
.night_contact #container #mainContent #mailform #mailform .list #mailform_attention {
	color: #FF0000;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;}

.night_contact #container #mainContent #mailform #mailform dt {
	width: 115px;
	padding-top: 15px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #B9A686;
	display: block;
	float: left;
	padding-bottom: 15px;
	padding-left: 10px;}
	
.night_contact #container #mainContent #mailform #mailform dd {
	padding-top: 15px;
	padding-bottom: 15px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #B9A686;
	display: block;
	margin-left: 125px;}

.night_contact #container #mainContent #mailform #mailform .list ol {
	line-height: 25px;}


.night_contact #container #mainContent #mailform #mailform .list span {
	color: #FF0000;}

.night_contact #container #mainContent #mailform #mailform .list .add {
	color: #4B2305;}

.night_contact #container #mainContent #mailform #mailform .list #mailform_text {
	text-align: justify;
	padding-top: 80px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	clear: both;
	line-height: 170%;}


/* お問い合わせありがとうございます ---------- */

.night_contact #container #mainContent #thanks {
	margin-bottom: 80px;
	height: 350px;}

.night_contact #container #mainContent #thanks #thanks_title {
	background-image: url(../image/contact_thanks1.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 480px;
	text-indent: -9999px;
	margin-bottom: 10px;}

.night_contact #container #mainContent #thanks #thanks_text {
	width: 480px;
	margin-bottom: 10px;}

/* ページトップへ ---------- */
.night_contact #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_contact #container #footer #policy{
	height: 20px;
	width: 180px;
	padding-top: 50px;
	padding-right: 680px;
	padding-bottom: 30px;
	padding-left: 40px}