/* body */
body {
	color:#1a1a1a;
	margin:0px;
	padding:0px;

}

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

/* ƒe[ƒuƒ‹E’i—Ž */
td { font-size:13px; line-height:120%; }
p  { margin:2px 4px; }

/* ƒŠƒ“ƒN */
a       { color:#0000FF; text-decoration:underline; }
a:hover { color:#aa0000; text-decoration:none; background-color:#ffcc99; }

b       { color:blue; font:9pt"‚l‚r ƒSƒVƒbƒN", "Osaka|“™•"; text-decoration:underline; }

 /* ƒRƒ“ƒeƒ“ƒc */
 h0 { color:black; font:6pt"‚l‚r ƒSƒVƒbƒN", "Osaka|“™•"; margin:0px 0px;}
 h1 { color:black; font:9pt"‚l‚r ƒSƒVƒbƒN", "Osaka|“™•"; margin:0px 0px;}
 h2 { color:blue; font:9pt"‚l‚r ƒSƒVƒbƒN", "Osaka|“™•"; margin:0px 0px;}
 h3 { color:red;  font-size:12pt; margin:0px 0px;}
 h4 { color:red; font:9pt"‚l‚r ƒSƒVƒbƒN", "Osaka|“™•"; margin:0px 0px;}
 h5 { color:white; font:9pt"‚l‚r ƒSƒVƒbƒN", "Osaka|“™•"; margin:0px 0px;}

/* ƒXƒy[ƒX */
.line1  { line-height: 110%; }
.line2  { line-height: 120%; }
.line3  { line-height: 130%;text-align:left; }
.line4  { line-height: 140%; }
.line5  { line-height: 150%; }
.line6  { line-height: 160%; }
.line7  { line-height: 170%; }
.line8  { line-height: 180%; }
.line9  { line-height: 190%; }
.line10 { line-height: 500%;}



q{
background: #f8dce0 url("main-bar.jpg")
;background-repeat: no-repeat;
}

/*color*/
cr {color: red}
cw {color: white}


p {
	margin: 0px;
	font-weight: normal;
	padding-bottom: 3px;
}
div#MAINLAYOUT {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	padding: 1px;
	border: 0px solid #ccc;
}
div#FORM table {
	border: 1px solid #ccc;
}
div#FORM {
	margin: 10px auto 15px;
}
div#FORM .SmallType {
	font-size: 10px;
	font-weight: normal;
	line-height: normal;
}
div#FORM form {
	margin: 0px;
}
div#FORM td {
	padding: 4px;
	background: #f1f1f1;
	width: 350px;
}
div#FORM th {
	font-weight: bold;
	text-align: left;
	padding: 4px;
	background-color: #e4e4e4;
	vertical-align: top;
}
div#FORM .Submit {
	background: #fff;
	text-align: center;
}
.ERR {
	color: #f00;
}

/* ’˜μŒ •\‹L—p */
div#Copyright {
	text-align: right;
	margin-top: 2px;
	font-size: 10px;
}
div#Copyright a:link, div#Copyright a:visited {

	color: #999999;
	text-decoration: none;
}
div#Copyright a:hover {
	text-decoration: underline;
}


 .td-00 {
 width: 150px;
 height: 29px;
 text-align:center;
 background-image: url(gif/main-bar.gif);
 background-color: #fcd592;
 background-repeat:no-repeat;
 }

 .td-000 {
 width: 150px;
 height: 29px;
 text-align:center;
 background-image: url(side-bar.jpg);
 background-color: #fcd592;
 background-repeat:no-repeat;
 }

.td-01 {
width: 770px;
height: 31px;
text-align:center;
background-image: url(blue-bar.gif);
background-color: #fcd592;
background-repeat:no-repeat;
}

.td-02 {
width: 170px;
height: 25px;
text-align:left;
background-image: url(side-barcatalogue.gif);
}

.td-03 {
width: 170px;
height: 27px;
text-align:left;
background-image: url(side-bar.jpg);
background-repeat:no-repeat;
}

.td-04 {
width: 170px;
height: 20px;
text-align:left;
background-image: url(side-2.jpg);
}

.td-05 {
width: 170px;
height: 58px;
text-align:left;
background-image: url(img/kyouryuu/1.jpg);
background-repeat: no-repeat;
}

.td-06 {
width: 200px;
height: 150px;
text-align:left;
background-image: url(img/td1.jpg);
background-repeat: no-repeat;
}

.td-07 {
width: 200px;
height: 150px;
text-align:left;
background-image: url(img/td2.jpg);
}

.td-08 {
width: 200px;
height: 150px;
text-align:left;
background-image: url(img/td3.jpg);
background-repeat: no-repeat;
}

.td-09 {
width: 200px;
height: 150px;
text-align:left;
background-image: url(img/td4.JPG);background-repeat: no-repeat;
}

.td-10 {
width: 200px;
height: 100px;
text-align:left;
background-image: url(img/td5.JPG);
}
.td-11 {
width: 368px;
height: 298px;
text-align:left;
background-image: url(haru/58m.jpg);
}
.td-12 {
width: 170px;
height: 29px;
text-align:center; color:white;
background-image: url(side-bar.jpg);
}

.td-13 {
width: 770px;
height: 35px;
text-align:center;
background-image: url(under-bar.gif);
}

.td-haru {
width: 770px;
height: 100px;
background-image: url(haru/55m.jpg);
}

.td-fence {
width: 770px;
height: 100px;
background-image: url(plan.gif);
}
.td-good {
width: 770px;
height: 200px;
background-image: url(design/good/good.jpg);
}

.td-natuyasumi {
width: 770px;
height: 578px;
background-image: url(110815natuyasumi/120130ooita/a.jpg);
}

.td-memo {
width: 104px;
height: 22px;
background-color: #fcd592;
border:1px solid blue;
}

.td-memo1 {
width: 104px;
height: 22px;
background-image: url(110815natuyasumi/memo1.jpg);
border:1px solid blue;
}

.td-etc {
width: 200px;
height: 150px;
text-align:left;
background-image: url(fight/120518etc/100825s.jpg);background-repeat: no-repeat;
}


.td-suzuki {
width: 150px;
height: 29px;
text-align:center;
background-color: #005279;
background-repeat:no-repeat;
}


.td-touya {
width: 770px;
height: 200px;
background-image: url(natu/touya.jpg);
background-repeat:no-repeat;
}

/* ƒtd class="td-01"„ */


/* background-image: url(main-bar.gif); */

.album {
	position: relative;
	visibility: hidden;
	left: -5000px;
}
ul, li {
	margin:0;
	padding:0;
}

1
img.bg {
2
  /* Set rules to fill background */
3
  min-height: 100%;
4
  min-width: 1024px;
5
  /* Set up proportionate scaling */
6
  width: 100%;
7
  height: auto;
8
  /* Set up positioning */
9
  position: fixed;
10
  /* ‚ά‚½‚Νabsolute; */
11
  top: 0;
12
  left: 0;
13
}
14
 
15
@media screen and (max-width: 1024px){
16
  img.bg {
17
  left: 50%;
18
  margin-left: -512px; }
19
}
20
 
21
div#container {
22
  position: relative;
23
}