@charset "utf-8";

.clf:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clf{
  overflow:hidden;
}
* html .clf{
  height:1%;
  overflow:visible;
}
* {
	margin: 0;
	padding: 0;
}
img { border:none;	}
html { overflow-y:scroll;	}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: "ＭＳ Ｐゴシック", Osaka, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.3em;
	background-color: #FFFFFF;
}
#container {
	width: 700px;
	margin: 0 auto;
	text-align: left;
	background-color: #FFFFFF;
}

a:link{
	color: #CC0000;
}
a:visited{
	color: #660000;
}
a:hover{
	color: #0066CC;
}


h3 {
	line-height: 30px;
	background-image: url(../images/h3_bg.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 660px;
	font-size: 15px;
	margin-bottom: 10px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}




/* ************************************************* */
/* HEADER                                            */
/* ************************************************* */

#header {
	background-repeat: no-repeat;
}
/*#header h1{
	float:left;
}
#header #header_tel{
	float:right;
}*/
#header h1#header_logo a{
	display:block;
	text-decoration: none;
	margin: 0;
	background-repeat: no-repeat;
	background-image: url(../files/mainimage.jpg);
	height:200px;
	width:700px;
}
#header h1#header_logo a span{text-indent: -9999px; display:none;}

#header_navi{
	clear:both;
}
#header #header_navi #ul_header_navi{
	list-style-type: none;
	width: 700px;
	height: 40px;
}
#header #header_navi #ul_header_navi:after{ height:0; visibility: hidden; content: "."; display: block; clear: both; }   
#header #header_navi #ul_header_navi li{
	float:left;
	height:40px;
}
#header #header_navi #ul_header_navi a{
	display:block;
	height:40px;
	background-image:url(../images/header_navi.jpg);
	background-position:0px 0px;
	background-repeat: no-repeat;
}

#header #header_navi #ul_header_navi a span{text-indent: -9999px; display:none;}
#header #header_navi #ul_header_navi a{	background-position:top;	}

#header #header_navi #ul_header_navi #navi_top a{background-position:0px 0; width:50px;}
#header #header_navi #ul_header_navi #navi_studio a{background-position:-50px 0; width:80px;}
#header #header_navi #ul_header_navi #navi_equipment a{background-position:-130px 0; width:110px;}
#header #header_navi #ul_header_navi #navi_engineer a{background-position:-240px 0; width:100px;}
#header #header_navi #ul_header_navi #navi_price a{background-position:-340px 0; width:60px;}
#header #header_navi #ul_header_navi #navi_aboutus a{background-position:-400px 0; width:100px;}
#header #header_navi #ul_header_navi #navi_dormitory a{background-position:-500px 0; width:100px;}
#header #header_navi #ul_header_navi #navi_contact a{background-position:-600px 0; width:100px;}

#header #header_navi #ul_header_navi #navi_top a:hover{background-position:0px bottom;}
#header #header_navi #ul_header_navi #navi_studio a:hover{background-position:-50px bottom;}
#header #header_navi #ul_header_navi #navi_equipment a:hover{background-position:-130px bottom;}
#header #header_navi #ul_header_navi #navi_engineer a:hover{background-position:-240px bottom;}
#header #header_navi #ul_header_navi #navi_price a:hover{background-position:-340px bottom;}
#header #header_navi #ul_header_navi #navi_aboutus a:hover{background-position:-400px bottom;}
#header #header_navi #ul_header_navi #navi_dormitory a:hover{background-position:-500px bottom;}
#header #header_navi #ul_header_navi #navi_contact a:hover{background-position:-600px bottom;}







/* ************************************************* */
/* MAIN CONTENT                                      */
/* ************************************************* */

#mainContent {
	padding-bottom: 10px;
	background-repeat: repeat-y;
	clear: both;
	padding-top: 20px;
}



/* ------------------------------------- */
/* main                                  */
/* ------------------------------------- */
#mainContent #main {
	width: 680px;
	text-align: left;
	margin: auto;
}


.pagetitle {
	width:730px;
	height:35px;
	background-repeat: no-repeat;
	margin-bottom: 20px;
}
.pagetitle span{text-indent: -9999px; display:none;}
#price .pagetitle{background-image:url(../images/title_price.jpg);}
#equipment .pagetitle{background-image:url(../images/title_equipment.jpg);}
#engineer .pagetitle{background-image:url(../images/title_engineer.jpg);}
#studio .pagetitle{background-image:url(../images/title_studio.jpg);}
#dormitory .pagetitle{background-image:url(../images/title_dormitory.jpg);}
#aboutus .pagetitle{background-image:url(../images/title_aboutus.jpg);}
#mail .pagetitle{background-image:url(../images/title_contact.jpg);}
#news .pagetitle{background-image:url(../images/title_news.jpg);}
#gallery .pagetitle{background-image:url(../images/title_gallery.jpg);}
#error .pagetitle{background-image:url(../images/title_error.jpg);}

.pagebase {
	width: 660px;
	margin: auto;
	clear: both;
}


address {
	font-size: 10px;
	color: #CCCCCC;
	font-style: normal;
	text-align:right;
	margin: 10px;
}
address a:link, address a:visited {
	color: #CCCCCC;
	text-decoration: none;
}



/* ************************************************* */
/* FOOTER                                            */
/* ************************************************* */
#footer {
	padding: 10px;
	text-align: center;
	font-size: 10px;
	color: #666666;
	background-repeat: no-repeat;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
}
#footer_info {
	text-align: left;
	font-size: 10px;
	line-height: 1.2em;
}
#footer_info strong{
	font-size: 12px;
	line-height: 1.5em;
}
#footer a:link,#footer a:visited{
	color:#666666;
}
#footer strong a:link{
	text-decoration: none;
}
#footer a:hover{
	color:#000000;
}
#footer address {
	color:#666666;
	font-style: normal;
	text-align: center;
	margin: 10px;
}
#footer address a:link, address a:visited {
	color:#666666;
	text-decoration: none;
}

/* ******************************************************* */
/* 共通                                                    */
/* ******************************************************* */

/* IE6用 */
*html .pagebase hr {
	display :list-item;
	width:0;
	list-style-position: inside;
	list-style-image: url(../images/hr.jpg);
	color: #FFFFFF;
	clear: both;
}
.pagebase hr {
	border: 0 none #FFFFFF;
	height: 10px;
	background-image: url(../images/hr.jpg);
	background-color: #FFFFFF;
	clear: both;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}



.tbl_dot {
	margin: auto;
	width: 600px;
}
.tbl_dot th{
	text-align:left;
	font-weight: normal;
	white-space: nowrap;
	width: 10%;
	color: #333333;
}
.tbl_dot td ,.tbl_dot th{
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}

.tbl_dot .span_need{
	font-size: 10px;
	color: #990000;
}