/*==============================================================
�@��common
==============================================================*/

html {
	width: 100%;
	background: url(../images/back.gif) #dddddd;
	font-family:"�q���M�m�ۃS Pro W4","�q���M�m�ۃS Pro","Hiragino Maru Gothic Pro","�q���M�m�p�S Pro W3","Hiragino Kaku Gothic Pro","HG�ۺ޼��M-PRO","HGMaruGothicMPRO";
	color: #3c3c3c;
}

body {
	width: 100%;
	margin: 0px auto;
}

img {
	vertical-align:bottom;
}

/*==============================================================
�@��header
==============================================================*/
header {
	width: 100%;
}

div#title_back {
	width: 100%;
	background: #009139;
}

div#title {
	width: 1040px;
	height: 100px;
	margin: 0px auto;
	padding: 10px 0px;
	font-size: 36px;
}

div#eyecatch {
	width: 1040px;
	margin: 0px auto;
}
p#ec_main1 {
	
}
p#ec_main2 {
	display: none;
}
p#ec_main3 {
	display: none;
}
p#ec_main4 {
	display: none;
}
p#ec_main5 {
	display: none;
}
p#ec_main6 {
	display: none;
}
div#ec_namber {
	height: 20px;
	border-top: 5px solid #ffffff;
}
p#ec_namber1 { background: #009943; width: 170px; margin-right: 4px; }
p#ec_namber2 { background: #777777; width: 170px; margin-right: 4px; }
p#ec_namber3 { background: #777777; width: 170px; margin-right: 4px; }
p#ec_namber4 { background: #777777; width: 170px; margin-right: 4px; }
p#ec_namber5 { background: #777777; width: 170px; margin-right: 4px; }
p#ec_namber6 { background: #777777; width: 170px; }

/*==============================================================
�@��section
==============================================================*/
section {
	width: 1040px;
	background: #eeeeee;
	margin: 0px auto;
}
#contents {
	width: 1000px;
	padding: 0px 20px 20px 20px;
}

#titletxt {
	width: 690px;
	margin-right: 10px;
}
#text {
	width: 670px;
	margin: 0px 10px 0px 20px;
	line-height: 1.8;
	font-size: 120%;
}
#ped { padding-top: 120px; }
#er { padding-top: 120px; }
#riha { padding-top: 120px; }
#hd { padding-top: 120px; }
#care { padding-top: 120px; }
#floor { padding-top: 120px; }
#garely { padding-top: 120px; }

/*==============================================================
�@��photo viewer
==============================================================*/

div#photoviewer1 {
	width: 1000px;
	margin: 0px auto;
	height: 478px;
	background-image: url(../gallery/photo01.jpg);
}
div#photoviewer2 {
	width: 1000px;
	margin: 0px auto;
	height: 478px;
	background-image: url(../gallery/photo02.jpg);
	display: none;
}
div#photoviewer3 {
	width: 1000px;
	margin: 0px auto;
	height: 478px;
	background-image: url(../gallery/photo03.jpg);
	display: none;
}
div#photoviewer4 {
	width: 1000px;
	margin: 0px auto;
	height: 478px;
	background-image: url(../gallery/photo04.jpg);
	display: none;
}
div#photoviewer5 {
	width: 1000px;
	margin: 0px auto;
	height: 478px;
	background-image: url(../gallery/photo05.jpg);
	display: none;
}
div#photoviewer6 {
	width: 1000px;
	margin: 0px auto;
	height: 478px;
	background-image: url(../gallery/photo06.jpg);
	display: none;
}
div#photoviewer7 {
	width: 1000px;
	margin: 0px auto;
	height: 478px;
	background-image: url(../gallery/photo07.jpg);
	display: none;
}
div#photoviewer8 {
	width: 1000px;
	margin: 0px auto;
	height: 478px;
	background-image: url(../gallery/photo08.jpg);
	display: none;
}
div#photoviewer9 {
	width: 1000px;
	margin: 0px auto;
	height: 478px;
	background-image: url(../gallery/photo09.jpg);
	display: none;
}
div#photoviewer10 {
	width: 1000px;
	margin: 0px auto;
	height: 478px;
	background-image: url(../gallery/photo10.jpg);
	display: none;
}

div#gallery_box {
	width: 1000px;
	margin: 0px auto;
	padding-top: 20px;
}

div#tyle {
	display: inline-block;
	margin-right: 20px;
	width: 82px;
}

div#last {
	display: inline-block;
	width: 82px;
}

/*==============================================================
�@��footer
==============================================================*/
footer {
	width: 100%;
	background: #2f2b3f;
}

div#footer_back {
	width: 1000px;
	margin: 0px auto;
}

div#footer_info {
	width: 380px;
	margin: 20px 20px 0px 0px;
}

div#footer_map {
	width: 600px;
	margin-top: 20px;
}

div#footer_txt {
	width: 1000px;
	margin: 0px auto;
	padding: 10px 0px;
}

/*==============================================================
�@��common class
==============================================================*/
.verysmall { font-size: 60%; }
.small { font-size: 80%; }
.small2 { font-size: 88%; }
.big { font-size: 140%; }
.verybig { font-size: 180%; }
.bold { font-weight: 900; }
.hov_opa:hover { opacity: 0.5; }
.white { color: #ffffff; }
.orange { color: #084709; }
.red { color: red; }
.topspace { margin-top: 10px; }
.bottomspace { margin-bottom: 20px; }
.floatleft { float: left; }
.floatright { float: right; }
.floatclear { clear: both; }
.centering { text-align: center; }
.spacing { height: 150px; }

/*==============================================================
�@��menu fixed
==============================================================*/
#menu-wrap {
  width: 100%;
  height: 80px;
  background: #2f2b3f;
}
#menu {
  list-style-type: none;
  width: 1040px;
  margin: 0px auto 0px;
  padding: 0;
}
#menu li {
  width: 20%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#menu li a {
  display: block;
  width : 100%;
  padding: 12px 0;
  color: #fff;
  font-size: 15;
  line-height: 1;
  text-decoration: none;
}
#menu li a:hover {
  background: url(../images/back.gif) #272435;
  opacity: 1.0;
}
.fixed{
  position: fixed;
  top: 0px;
  left: 0px
  z-index: 999;
}