@charset "utf-8";

@import url("common.css"); /* common stylesheet */
@import url("title.css"); /* title stylesheet */
@import url("fonts.css"); /* fonts stylesheet */
@import url("tab.css"); /* tab stylesheet */
@import url("table.css"); /* table stylesheet */

/*
CSS Name: style.css
Date: 2007.5
Version: 1.2
Author: Defsystem & SAP
Author URI: http://www.dweb-design.com/
http://www.salonad.com/
*/

/* main
------------------------------------------------------------------------- */
body {
	background: #93B829 url(/images/common/bg/bg01.png) repeat-x 0 0;
}

body#other01 {
	background: #93B829;
}

#page {
	background: url(/images/common/bg/bg05.png) repeat-y 0 0;
  width: 920px;
  text-align: left;
  margin: 0 auto;
  position: relative;
	color: #333333;
}

#page01 {
	background: url(/images/other01/container.png) repeat-y 0 0;
  width: 810px;
  text-align: left;
  margin: 0 auto;
  position: relative;
	color: #333333;
}

#container {
	padding: 0 30px;
}

#page01 #container {
	margin: 0;
	padding: 0 25px 20px;
}

#page01 #container h2, #page01 #container h3, #page01 #container h4 {
	margin: 0 0 20px;
}

#page01 #container p {
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 180%;
}

#page01 ul.icon {
	margin: 0 35px 20px;
}

#page01 ul.icon li {
	padding: 0 20px 3px;
	background: url(/images/other01/icon01.png) no-repeat 0 0.3em;
}

#page01 .box {
	margin: 0 35px;
}

/* format
------------------------------------------------------------------------- */
.le{
	padding-left: 20px;
}

.trackbacks{
	border-top: #E7E7E7 1px solid;
	margin-top: 20px;
}

.up{
	margin-top: -15px;
	margin-bottom: 20px;
}


ul.hosi{
	background: url(/images/rehome/bar.gif);
	line-height: 2.1;
}

ul.hosi li{
	background: url(/images/rehome/hosi.jpg) no-repeat 0 4px;
	padding-left: 16px;
}


span.red{
	color: #CC0000;
}

.mark{
	padding-left: 20px;
	background: url(/images/common/icon/icon03.gif) no-repeat 0 6px;
}


a {
  color: #71AE53;
  text-decoration: underline;
}

a:hover {
  color: #DB9209;
	text-decoration: none;
}

#beta li a:hover {
  color: #DB9209;
	text-decoration: none;
}


h1, h2, h3, h4, h5, h6 {
  font-size: 123.1%;
}

strong {
	font-weight: bold;
	color: #284318;
}

.redtxt {
  color: #FF0000;
}

#alpha h2, #alpha h3, #alpha h4, #alpha h5, #alpha h6 {
  margin: 0 0 15px;
}

#beta h3, #beta h4, #beta h5, #beta h6 {
  margin: 0 0 10px;
}

#alpha h2.m0, #alpha h3.m0, #alpha h4.m0, #alpha h5.m0 {
  margin: 0 0 5px;
}

#alpha h2.m00, #alpha h3.m00, #alpha h4.m00, #alpha h5.m00 {
  margin: 0;
}

#alpha ul.hosi{
	font-size: 93%;
}

#alpha p, #alpha ul, #alpha ol, #alpha dl {
  font-size: 108%;
}

#alpha p {
	margin-bottom: 15px;
	line-height: 200%;
}

#alpha p.breadcrumbs {
	margin-bottom: 10px;
	line-height: 160%;
	font-size: 93%;
}


ul, ul ul, ol ol {
  list-style: none;
  line-height: 180%;
}

ul li li {
  font-size: 93%;
}

ul li li li {
  font-size: 93%;
}

dl {
  margin-bottom: 15px;
}

#alpha ul {
  margin-bottom: 15px;
}

ul.center li {
  text-align: center;
  margin: 0 auto;
}

.center {
  text-align: center;
}

.center img {
  text-align: center;
  margin: 0 auto;
}

img.left {
  float: left;
  margin: 5px 10px 10px 0;
	height: 35px;
	
	
}

img.right {
  float: right;
  margin: 0 0 10px 10px;
}

.button img {
  margin-right: 5px;
}

#alpha p.date-header {

}


/* header
------------------------------------------------------------------------- */
#header {
  background: url(/images/common/bg/header.png) no-repeat 50% 0;
  position: relative;
  padding: 57px 30px 0;
	color: #3E5406;
}

#page01 #header {
	background: url(/images/other01/header.png) no-repeat 0 0;
	height: 118px;
	margin: 0;
	padding: 0;
}

#header h1, #header p.description {
  width: 385px;
  font-size: 77%;
  text-align: left;
}

#page01 #header h1, #page01 #header p {
  font-size: 77%;
  text-align: left;
}

#header h1 {
	position: absolute;
	left: 37px;
	top: 6px;
	text-align: left;
}

#page01 #header h1 {
	position: absolute;
	left: 29px;
	top: 9px;
	text-align: left;
}

#header p.description {
	position: absolute;
	left: 281px;
	top: 133px;
	text-align: right;
	width: 610px;
}

#page01 #header p {
	position: absolute;
	left: 241px;
	top: 93px;
	text-align: left;
	width: 500px;
}

#header h2 a {
	background: url(/images/common/bg/bg04.png) no-repeat;
	padding-top: 20px;
	margin-bottom: 1px;
	width: 240px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:20px;/* for ie5.x */
}

#header p.logo {
	margin-bottom: 18px;
}

/* top
------------------------------------------------------------------------- */

.top ul{
	line-height: 18px;
}

.top p{
	background: url(/images/top/img06.jpg)  no-repeat bottom right;
}

/* alpha
------------------------------------------------------------------------- */
#alpha {
	width: 620px;
	float: right;
}



/* alpha block
------------------------------------------------------------------------- */
#alpha .block {
  clear: both;
  margin-bottom: 15px;
}

#alpha .left1 {
	float: left;
}

#alpha .left2 {
	width: 310px;
	float: left;
}

#alpha .left3 {
	width: 205px;
	float: left;
}

#alpha .block p.tatami{
	background: url(/images/top/img06.jpg) no-repeat 100% 100%;
}

#alpha .fusuma{
	background: url(/images/top/img07.jpg)  no-repeat 100% 50%;
}

#alpha .blockend {
  clear: both;
  margin-bottom: 0;
}

#alpha h3{
	width: 620px;
}

#alpha ul.faq li{
	background: url(/images/faq/icon.png) no-repeat 0 0 ;
	
}

/* alpha block2
------------------------------------------------------------------------- */
.block2{
	padding-top: 20px;
}

.block2 ul.news1 li {

}


/* alpha dl
------------------------------------------------------------------------- */
dl dd {
	margin-bottom: 20px;
}




/* alpha block1 ul
------------------------------------------------------------------------- */
#alpha .block1 li{
	padding: 10px 0;
}

/* alpha ol
------------------------------------------------------------------------- */
#alpha ol{
	margin-left: 30px;
	line-height: 1.2;
}

#alpha ol li {
	padding-bottom: 20px;
}

#alpha ol li ul{
	margin-bottom: -20px;
}



/* alpha ul
------------------------------------------------------------------------- */
#alpha ul.news {
  line-height: 240%;
	margin-left: 20px;
}

#alpha ul.news li {
	padding-left: 30px;
	background: url(/images/common/icon/icon02.gif) no-repeat 0 0.5em;
	border-bottom: solid 1px #DEF2AE;

}

#alpha ul.news1{
  line-height: 240%;
	margin-left: 20px;
}


#alpha ul.news1 li {
	padding-left: 20px;
	background: url(/images/common/icon/icon03.gif) no-repeat 0 0.8em;
	color: #3E5406;
}

#alpha ul.news3 li {
	padding-left: 20px;
	background: url(/images/common/icon/icon03.gif) no-repeat 0 0.8em;
	color: #3E5406;
}


#alpha ul.news1 li a{
	padding-left: 5px;

}

#alpha ul.icon {
  margin: 0 30px 15px;
}

#alpha ul.icon li {
  background: url(/images/common/icon/icon01.gif) no-repeat 0 0.4em;
  padding: 0 0 0 15px;
}

#alpha ul.icon01 {
  margin: 0 30px 15px;
}

#alpha ul.icon01 li {
  background: url(/images/top/icon.gif) no-repeat 0 0.3em;
  padding: 3px 0 5px 20px;
	font-weight: bold;
}


/* beta
------------------------------------------------------------------------- */
#beta {
  width: 200px;
  float: left;
  margin: 0;
  font-size: 93%;

}

#beta ul {

  line-height: 200%;
	margin-bottom: 10px;
}

#beta ul li ul li {
	font-size: 100%;
}


#beta ul li a{
	color: #3E5206;	
}


#beta a {
  color: #4E2E0A;
  text-decoration: none;
}

#beta a:hover {
  color: #009900;
  text-decoration: underline;
}

#beta h3 {
  margin: 0;
}

#beta ul.side li{
	margin-bottom: 10px;
}

/* beta block
------------------------------------------------------------------------- */
#beta .block {
	margin: 0 0 10px;
}


#beta p {
  margin-bottom: 15px;
}


#beta h3 {
  margin-bottom: 12px;
}

#beta p.map {
	margin-top: 22px;
	font-size: 123.1%;
	font-weight: bold;
	border-bottom: 1px solid #DEF2AE;
	padding-bottom: 3px;
}

#beta p.blog {
	margin-top: 22px;
	padding-bottom: 3px;
}



/* footer
------------------------------------------------------------------------- */
#footer {
	clear: both;
	text-align: center;
	background: url(/images/common/bg/bg02.png) repeat-x 0 0;
	position: relative;
	margin: 0 auto;
	width: 920px;
}

#footer a {
	color: #333;
	text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
}

#footer .inner {
	text-align: left;
	padding: 35px 30px 20px;
}

.copyright h3 {
  font-size: 93%;
  display: inline;
  margin-right: 3px;
}

/* google map */
#alpha #map {
  width: 614px;
  height: 300px;
  padding: 0px;
}

#beta #map-side {
  width: 194px;
  height: 185px;
  padding: 0px;
}

#alpha #mapback {
  border: 1px solid #BBB;
  padding: 2px;
  margin-bottom: 1em;
}

#beta #mapback {
  border: 1px solid #BBB;
  padding: 2px;
  margin-bottom: 1em;
}




/* hack clearfix 回り込みハック
-------------------------------------------------------------------------------- */
#body:after, #header:after, .clear:after, #page:after, #alpha:after, #beta:after, ul.list:after, #alpha .block:after, .tab01:after, .contents-inner:after, .contents-footer:after, #alpha .tabBox:after {
  content:  ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#body, #header, .clear, #page, #alpha, #beta, ul.list, #alpha .block, .tab01, .contents-inner, .contents-footer {
  zoom: 100%;
} /* ie */