/* CSS Document */

body {
				font-family: verdana, arial, sans-serif "ＭＳ Ｐゴシック";
				margin: 0px;
				background-repeat: repeat-x;
				font-size : 0.7em;
				color : #6e6e6e;
				background-image : url(image/top_bg.gif);
}

p {
				line-height : 17px;
				margin: 11px 0 10px 0;
				padding: 0px;
}

h2 {
				color: #73353a;
				margin:0px;
				padding:0px;
				font-size : 15px;
}

ul {
				font-size: 9px;
				margin:0;
				padding:0;
				list-style-image: url(img/bullet.gif);
}

a { color : #8b0000; }

a:hover { text-decoration: none; }

blockquote {
				background: #f7fde3;
				color: #606060;
				padding: 10px;
}

/**** Main Container ***/


#wrap {
				width: 750px;
				margin: auto;
}

/**** top ***/


#top_table {
				height: 400px;
				margin-top: 10px;
				margin-right: auto;
				margin-bottom: 0px;
				margin-left: auto;
				width: 680px;
}

/*オープンハウスコメント時で使用変更↓*/

.text_1 {
				display: block;
				padding-top: 18px;
				margin-bottom: 0px;
}

.text_1_5 {
				display: block;
				padding-top: 5px;
				margin-bottom: 0px;
}

/*＝＝＝↑*/

#top {
				width: 100%;
				height: 88px;
				color : #999999;
				background : url(image/top_bg.gif);
				overflow:hidden;
}

#top h1 {
				color: white;
				letter-spacing: 3px;
				font-size : 2.1em;
				font-weight: normal;
				position: relative;
				margin: 0px;
				top:33px;
				display:block;
				float:left;
				background-repeat : no-repeat;
				padding-left: 40px;
}

#top h1 a {
				color : #999999;
				text-decoration: none;
}

#top h1 a:hover { color: #ff5938; }

.topmail { vertical-align: middle; }

/**** Main Menu ***/


#menu {
				display: block;
				float : right;
				margin-right: 10px;
}

#menu ul {
				margin: 0;
				list-style: none;
}

#menu li {
				display: block;
				float: left;
				white-space: nowrap;
}

#menu li a {
				display: block;
				padding: 55px 20px 12px 20px;
				text-decoration: none;
				color : #999999;
}

#menu li a:hover {
				background : #ffa38e;
				color : #ffffff;
}

#menu li a.current { color : #ffa38e; }

#menu li a.current:hover { color : #ffffff; }

/**** Content Container ***/


#content {
				margin: 30px auto 0px;
				padding: 10px 0px 0px;
}

#content h2 {
				margin: 0;
				padding: 10px 0 10px 0;
}


.mailcgi_1 {
				margin: 30px auto 50px;
				padding: 10px 0px 0px;
}

/**** left ***/

#left {
				width: 180px;
				margin: 0px 0px 0px 20px;
				float: left;
}

#left ul {
				padding: 15px 0 15px 35px;
				margin:0;
}

#left li a {
				margin: 10px 0 10px 0;
				color : #6e6e6e;
				font-size: 10px;
				text-decoration: none;
}

#left li a:hover { text-decoration: underline; }

#left li { margin-bottom:5px; }

#left a:active { color : aqua; }

#left li .collar {
				color : #ff6a4a;
				text-decoration : none;
}

/**** Sidebar ***/


#right {
				width: 290px;
				display:block;
				margin: 20px 0px;
}

#right .box { padding: 0px; }

#right .box2 {
				padding-top: 0px;
				padding-bottom: 10px;
				padding-left: 15px;
				padding-right: 0px;
}

#right .box h2 { font-size: 1.1em; }

#right .box2 h2 { font-size: 1.1em; }

#right .box a {
				margin: 10px 0px 10px 0px;
				color: #56677c;
				font-size: 10px;
}

#right .box ul {
				padding: 0px 0px 7px 20px;
				margin:10px 0 10px 0;
}

#right .box li { margin-top:5px; }

/**** Clear Div ***/

#clear {
				display: block;
				clear: both;
				width: 100%;
				height:1px;
				overflow:hidden;
}

/**** Footer ***/


#footer {
				margin: auto auto 0;
				text-align: center;
				border-top: dotted 1px gray;
				padding: 20px 0;
				width : 635px;
}

#footer p {
				margin: 0px;
				padding: 0;
}

/**** showroom ***/

.showroom_image { padding: 30px 0px; }

.showroom_table { margin: 20px auto 10px; }

.showroom_td1 { padding: 0px 0px 0px 5px; }

.showroom_td2 { padding: 20px 0px 15px 30px; }

/**** process ***/

.process_table {
				width: 720px;
				margin: 30px 0px 0px;
}

.process_text1 { margin: 60px 0px 25px 15px; }

/**** ours ***/

.staff_table {
				width: 730px;
				margin: 0px auto;
}

.ours_inner { width: 350px; }

.ourstable {
				width: 500px;
				background-color : #d9d9ff;
				margin: 15px 0px 20px 65px;
}

.ourstable_a {
				width: 450px;
				background-color : #d9d9ff;
				margin: 25px;
}

.ours_td_midasi { padding: 5px 0px 0px 18px; }

.ours_td_01 { padding: 5px 7px 5px 0px; }

.ours_td_012 { padding: 0px; }

.ours_td_02 {
				padding: 5px 0px 0px 5px;
				vertical-align: top;
}

.ours_td_03 { padding: 0px 40px 5px 18px; }

.ours_td_img {
				padding: 20px 0px;
				border-width: 0px;
}

.gaiyou {
				border-bottom-width : 1px;
				border-bottom-style : dotted;
				border-bottom-color : #7171ff;
				height: 30px;
				width: 70px;
}

.gaiyou2 {
				background-color : #d9d9ff;
				border-bottom-width : 1px;
				border-bottom-style : dotted;
				border-bottom-color : #7171ff;
				height: 30px;
				width: 150px;
}

/**** contact ***/

#contact_box {
				margin: 0px auto;
				width: 600px;
}

.contact_table {
				margin: 0px auto;
				background: #999999;
				padding: 0px;
}

.contact_td_01 {
				width: 200px;
				border: 1px dotted #C0C0F3;
				padding: 4px;
				background: #FFFFFF;
}

.contact_td_02 {
				width: 315px;
				background: #FFFFFF;
				padding: 4px;
				border-top: 1px solid #C0C0F3;
				border-right: 1px solid #C0C0F3;
				border-bottom: 1px solid #C0C0F3;
}

.contact_text1 {
				margin: 20px 0px 5px 40px;
				width: 80%;
}

.contact_text2 {
				margin: 20px 0px 15px 35px;
				width: 80%;
}

.contact_text3 {
				margin: 20px 0px 5px 40px;
				width: 680px;
}

.contact_text4 {
				margin-top: 20px;
				margin-bottom: 15px;
				text-align: center;
}


.form-size01 { width: 55%; }

.form-size02 {
				height: 10em;
				width: 90%;
}

.form-size03 { width: 90%; }


.form-size04 {
				height: 5em;
				width: 90%;
}




/**** link ***/

#link_table {
				width: 590px;
				margin-top: 50px;
				margin-right: auto;
				margin-bottom: 20px;
				margin-left: auto;
}

.link_td01 {
				width: 360px;
				padding: 0px 5px 5px;
}

.link_td02 { padding: 15px 0px 20px 5px; }

.link_td03 { padding: 30px 0px 0px 25px; }

.works_toptd { padding: 0px 0px 0px 75px; }

#works_leftmenu {
				width: 200px;
				display:block;
				padding: 15px 0px 0px;
				vertical-align: top;
}

#works_topright {
				width: 290px;
				display:block;
				margin-right: 0px;
				margin-bottom: 20px;
				margin-left: 0px;
}

#works_right h2 { font-size: 1.1em; }

/**** works 作品 ***/

#works_table {
				margin: 10px auto 25px;
				width: 720px;
}

#work_right { padding: 38px 0px 0px; }

.workd_td1 { padding: 0px 8px 8px 0px; }

.workd_td1-2 {
				padding: 0px 8px 8px 0px;
				text-align: center;
}

.workd_td2 { padding: 5px 0px 10px; }

.workd_tdkitagata {
				padding: 0px 8px 8px 0px;
				text-align: center;
}

/**** process ***/

.process_text1 { margin: 25px 25px 20px 20px; }

#process_table {
				margin-top: 15px;
				margin-right: auto;
				margin-bottom: 25px;
				margin-left: auto;
				width: 700px;
}

.process_td {
				padding-top: 0px;
				padding-right: 8px;
				padding-bottom: 0px;
				padding-left: 0px;
}

.text73353a {
				font-weight: bold;
				color: #73353a;
				font-size: 12px;
				font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

.center_3 {
				width: 500px;
				text-align: center;
				margin-left: auto;
				margin-right: auto;
}


.mailcgi{
			width: 650px;
			margin-top: 20px;
			margin-bottom: 50px;
					}