@charset "utf-8";
*{
margin:0px;
padding:0px;
}

html,body {
  font-size: 12px;
  color:#333333;
  line-height: 140%;
  font-family: 'Verdana', 'Helvetica', 'qMmpS Pro W3','Hiragino Kaku Gothic Pro','CI','Mayryo','lr oSVbN','MS PGothic',sans-serif;
  padding: 0;
  margin: 0;
  background-image: url(img/background01.jpg);
  background-repeat: repeat-x;
  background-position: 0% 100%;
  background-attachment: fixed;
  height: 100%;
}

/*---------------------------------text*/

A:link { color: #6699CC; text-decoration: underline} 
A:visited { color: #999999; text-decoration: none}
A:active { color: #00ff00 }
A:hover { color: #CC3333; text-decoration: underline}

.big {
  font-size: 120%;
}

.small {
  font-size: 90%;
}

H1 {
  font-size: 140%;
  margin-bottom:20px;
  margin-top:10px;
}
H2 {
  font-size: 120%;
  border-width: 0px 0px 1px 0px;
  border-style: dotted;
  border-color: #CC3333;
  padding-bottom:5px;
  margin-top:10px;
  margin-bottom:10px;
}

H3 {
  font-size: 110%;
  margin-bottom:5px;
}



/*---------------------------------index*/
#index{
  text-align:center;
  width:900px;
  height:600px;
  padding:0px;
  margin:0px;
  border:none;
  background-image:url(img/top_img.jpg);

}

/*---------------------------------wrapper*/
#wrapper {
  text-align: left;
  margin: 0px;
  padding: 0px;
}

/*---------------------------------menu*/
#menu {
  margin: 0px;
  padding: 0px;
  height:37px;
  background-image:url(img/menu_back.jpg);
}

/*---------------------------------contents*/
#contents { 
  margin: 0px;
  padding: 20px;
}

/*---------------------------------footer*/
#footer{
  font-size: 90%;
  text-align:center;
  width: 900px;
  position: absolute;
  bottom: 0;
  height: 30px;
}

/*---------------------------------footer with scroll*/
#footer02{
  font-size: 90%;
  text-align:center;
  width: 900px;
  margin-top:20px;
  height: 30px;
}

/*---------------------------------bread link */
#bread{
  font-size: 90%;
  text-align:left;
  margin-top:10px;
  padding-bottom:15px;
}

/*---------------------------------left side navigation*/

#contents .navi	{
	width: 140px;
}
#contents .navi li	{
	border-bottom: solid 1px #D1D1D1;
	list-style-type: none;
}
#contents .navi li a	{
	display: block;
	width: 130px;
	padding: 5px 5px 5px 5px;
	background: url(img/navi.jpg) no-repeat top left;
	text-decoration: none;
	color: #333;
}
#contents .navi li a:hover	{
	background: url(img/navi_on.jpg) no-repeat top left;
	padding: 5px 5px 5px 5px;
	text-decoration: none;
	color: #CC3333;
}

#navi_small {
  margin-top: 5px;
  padding-bottom: 5px;
  border-bottom: solid 1px #D1D1D1;
  font-size: 10px;   
}


/*---------------------------------Gallery*/

.gallery a	{
	display: block;
	width:140px;
	border:solid;
	border-width:1px;
	border-color: #999999;
}
.gallery a:hover	{
	display: block;
	border:solid;
	width:140px;
	border-width:1px;
	border-color:#CC3333;
}


/*---------------------------------main base*/
#main{
  width:910px;
  margin:0px auto;
  text-align:left;
  min-height:100% !important;
  height:100%;
} 

/*---------------------------------side shadow*/
td#bg-left {
  background-image: url("img/line_left.png");
  background-repeat: repeat-y;
}
td#bg-right {
  background-image: url("img/line_right.png");
  background-repeat: repeat-y;
}