/* http://www.blue-yellow.com/css/common.css */

*{
	margin: 0; 
	padding: 0; 
}

h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dt,dl,dd,form,input,textarea,th,td {margin:0;padding:0;}

img {border:none;}

ul, ol, li{
	list-style:none;
	line-height:100%;}
/*-------------------- body --------------------*/
body {
	font-family : 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Verdana', sans-serif;
	font-size: 100%;
	line-height: 180%;
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none; 
	color: #333333;
	padding: 0px;
	background-color: #f5f5f5;
}
/*-------------------- container --------------------*/
#h_container {
	width: 900px;
	height: 278px;
	margin: 0px auto;
	padding: 0px;
}
#h_container_s {
	width: 900px;
	height: 158px;
	margin: 0px auto;
	padding: 0px;
}
#bbs #h_container {
	width: 900px;
	height: 200px;
	margin: 0px auto;
	padding: 0px;
}
#container,
#w_container {
	width: 900px;
	margin: 0px auto;
	padding: 0px;
}
/*-------------------- flash --------------------*/
.fla {
	width: 100%;
	margin: 0px;
}

/*-------------------- bg_title --------------------*/
#bg_what {
	height: 278px;
	background-color: #f5f5f5;
}
#bg_about {
	height: 278px;
	background-color: #e1eefa;
}
#bg_garage {
	height: 278px;
	background-color: #fbfacf;
}
#bg_wp {
	height: 278px;
	background-color: #eff8df;
}
#bg_contact {
	height: 158px;
	background-color: #eae9e9;
}
#bg_bbs {
	height: 200px;
	background: url(../image/bg_h.gif) repeat-x;
}

/*-------------------- header --------------------*/
#title {
	width: 480px;
	height: 50px;
	margin: 228px 0px 0px 0px;
	padding: 0px;
	display: block;
	float: right;
}
#contact #title {
	width: 480px;
	height: 50px;
	margin: 108px 0px 0px 0px;
	padding: 0px;
	display: block;
	float: right;
}
#bbs #title {
	width: 112px;
	height: 50px;
	margin: 110px 0px 0px 20px;
	padding: 0px;
	display: block;
	float: left;
}
#title img {
	margin: 0px; 
	padding :0px;
	vertical-align: bottom;
	display: block;
	float: right;
}

/*-------------------- white --------------------*/
#main {
	height: 182px;
	padding: 0px;
	background: url(../image/white.gif) repeat-x;
}
#m_container {
	width: 900px;
	height: 180px;
	margin: 0px auto;
	padding: 1px 0px;
	background: url(../image/white.gif) #fff;
}
#main_l {
	height: 302px;
	padding: 0px;
	background: url(../image/white_l.gif) repeat-x;
}
#m_container_l {
	width: 900px;
	height: 300px;
	margin: 0px auto;
	padding: 1px 0px;
}
#white {
	background-color: #fff;
}
#f_white {
	height: 40px;
	padding: 0px;
	background: url(../image/bg_f_white.gif) repeat-x;
}


/*-------------------- navi --------------------*/

#h_navibox {
	width: 480px;
	margin: 0px auto;
	padding: 0px;
}

#navi {
	width: 534px;
	height: 18px;
	margin: 15px 0px;
	padding: 0px;
	display: block;
	float: right;
}
#bbs #navi {
	width: 534px;
	height: 18px;
	margin: 132px 0px 8px 0px;
	padding: 0px;
	display: block;
	float: right;
}
#h_navi {
	width: 480px;
	height: 18px;
	margin: 15px 0px;
	padding: 0px;
	display: block;
	float: left;
}
#navi li,
#h_navi li {
	height: 18px;
	display : inline;
	margin: 0px;
	padding : 0px; 
	float: left; 
}
#navi img,
#h_navi img {
	margin: 0px 9px; 
	padding :0px;
	vertical-align: bottom;
}
#logo {
	width: 218px;
	height: 18px;
	margin: 15px 0px;
	padding: 0px;
	display: block;
	float: left;
}
#bbs #logo {
	width: 218px;
	height: 18px;
	margin: 128px 0px 8px 0px;
	padding: 0px;
	display: block;
	float: left;
}
/*-------------------- footer --------------------*/
#footer {
	width: 320px;
	height: 10px;
	margin: 160px 0px 20px;
	display: block;
	float: right;
}
#home_footer {
	width: 320px;
	height: 10px;
	margin: 200px auto 20px;
}
#bbs #footer {
	width: 320px;
	height: 10px;
	margin: 30px 0px 20px;
	display: block;
	float: right;
}


/*-------------------- hide --------------------*/
.hide {
	display:block;
	position:absolute;
	top:-9999px;
	left:-9999px;
}
/*-------------------- link --------------------*/
a:link {
	color: #0066ff;
	text-decoration: none;
}

a:visited {
	color: #0066cc;
	text-decoration: none;
}
a:hover {
	color: #cc3333;
	text-decoration: underline;
}
a:active {
	color: #cc0000;
	text-decoration: underline;
}

/*-------------------- font--------------------*/

.xsmall {
  font-size: 75%;
  line-height: 170%;
}
.small {
  font-size: 85%;
  line-height: 180%;
}
.small_s {
  font-size: 85%;
  line-height: 140%;
}
.small_xs {
  font-size: 85%;
  line-height: 100%;
}
.medium {
  font-size: 90%;
  line-height: 180%;
}
.medium_s {
  font-size: 90%;
  line-height: 160%;
}
.medium_xs {
  font-size: 90%;
  line-height: 100%;
}
.large {
  font-size: 105%;
  line-height: 160%;
}
.t12_l {
  font-size: 12px;
  line-height: 240%;
}
.t10 {
  font-size: 10px;
  line-height: 180%;
}
.sub {
  font-size: 90%;
  font-weight: bold;
  letter-spacing: 0.3em;
  line-height: 200%;
  color: #99a0aa;
}
.sub10 {
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.2em;
  line-height: 180%;
  color: #99a0aa;
}
.sub_e {
  font-family : 'Futura', 'Verdana', sans-serif;
  font-size: 12px;
  letter-spacing: 0.2em;
  line-height: 180%;
  color: #99a0aa;
}
.sub10e {
  font-family : 'Futura', 'Verdana', sans-serif;
  font-size: 10px;
  letter-spacing: 0.2em;
  line-height: 180%;
  color: #99a0aa;
}
.form_sub {
  font-size: 10px;
  letter-spacing: 0.1em;
  line-height: 120%;
  color: #7b8d9e;
}
.bbs_t {
  font-size: 85%;
  line-height: 120%;
  padding: 6px 0px;
  border-bottom: 1px dotted #97b66a;
}
.bbs_q {
  font-size: 85%;
  line-height: 120%;
  color: #81a44d;
  padding: 6px 0px;
}
.bbs_c {
  font-size: 85%;
  line-height: 180%;
  padding: 10px 0px 0px;
}
.t_day {
  color: #999999;
}
.bold {
  font-weight: bold; 
}

.red {
  color: #cc0000;
}
.bule {
  color: #a6ccf5;
}
.gray {
  color: #cccccc;
}

/*-------------------- clear --------------------*/
.clear_both {
  clear: both;
  visibility: hidden;
  height: 0;
  overflow : hidden;
}

/*-------------------- margin space --------------------*/
.m10 {
  margin-left: 10px;
}
.m20 {
  margin-left: 20px;
}
.m30 {
  margin-left: 30px;
}
.m40 {
  margin-left: 40px;
}
.m50 {
  margin-left: 50px;
}
.m60 {
  margin-left: 50px;
}
.m80 {
  margin-left: 50px;
}
.height_space {
  display: block;
  height: 30px;
  font-size: 1px;
  overflow : hidden;
}
.height_space_s {
  display: block;
  height: 20px;
  font-size: 1px;
  overflow : hidden;
}
.height_space_xs {
  display: block;
  height: 10px;
  font-size: 1px;
  overflow : hidden;
}
.center {
  text-align: center;
}
.right{
	text-align: right;
	display: block;
	float: right;
}
.indent1 {
  text-indent: -1.5em;
  margin-left: 2em;
}