/* CSS Document */

img {border:0;}

/* $BA4BN9=B$(B
--------------------------------------------------------------------------- */
body {
	font-family:"$B#M#S(B $B#P%4%7%C%/(B","Hiragino Kaku Gothic Pro", "$B%R%i%.%N3Q%4(B Pro W3", osaka;
	margin: 0;
	padding: 0;
	text-align:left;
	background-color:#8ec31f;
}

.photo img {
background:transparent url(../img/common/upimg_bg.gif) repeat scroll 0 0;
margin:0;
padding:5px;
}

#container {
	margin:0 auto;
	width:830px;
	font-size:12px;
	color:#60605f;
	line-height:1.6em;
	background-color:#FFFFFF;
}

/* $B%U%)%s%H(B
--------------------------------------------------------------------------- */
.font01 {
color:#8ec31f;
font-size:12px;
font-weight:bold;
}

.font02 {
color:#60605f;
font-size:10px;
line-height:1.2em;
}

.font03 {
color:#fdae17;
font-size:12px;
font-weight:bold;
}

.font04 {
color:#fd0701;
font-size:14px;
font-weight:bold;
line-height:2em;
}

.font05 {
color:#60605f;
font-size:14px;
font-weight:bold;
line-height:1.4em;
}

/* $B%j%s%/(B
--------------------------------------------------------------------------- */
body a:link {
	color: #8ec31f;
	text-decoration: underline;
	background: transparent;
}
body a:visited {
	color: #8ec31f;
	text-decoration: none;
	background: transparent;
}
body a:hover {
	color: #8ec31f;
	text-decoration: none;
	background: transparent;
}
body a:active {
	color: #8ec31f;
	text-decoration: underline;
	background: transparent;
}

/* サブメニュー
--------------------------------------------------------------------------- */
/* HIDDEN DIV PANEL STYLE */

#hidden-div {
  position: absolute;
  width: 830px;
  height: 120px;
  margin: -25px 0 0 0;
  padding: 30px;
  background-image:url(../img/common/m_framebg.jpg);
  background-repeat:no-repeat;
  display: none;
  line-height:2.0em;
}

/* HIDDEN DIV PANEL - CONTENT INSIDE */

#hidden-div-left {
  float: left;
  width: 830px;
  height: 120px;
  overflow: hidden;
}

#hidden-div-left ul li a:hover {
  color: #aaa;
  text-decoration: none;
}



/* $B%X%C%@!<(B
--------------------------------------------------------------------------- */
#header {
	position: relative;
	top: 0;
	left: 0;
	width: 830px;
	margin: 0;
	padding: 0;
	background: transparent;
}

#menu {
	height:27px;
	background:url(../img/common/menu.gif) no-repeat;
	margin:10px 0 0 42px;
	padding:0 0 5px 0;
}

#menu ul {
	padding:0;
	margin:0;
}

#menu li {
	display:inline;
	list-style-type:none;
}

#menu li a {
	height:27px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}

/*------off*/
#menu li.menu01 a {
	background:url(../img/common/menu_in.gif) no-repeat 0px 0px;
	width:69px;
}

#menu li.menu02 a {
	background:url(../img/common/menu_in.gif) no-repeat -69px 0px;
	width:110px;
}

#menu li.menu03 a {
	background:url(../img/common/menu_in.gif) no-repeat -179px 0px;
	width:117px;
}

#menu li.menu04 a {
	background:url(../img/common/menu_in.gif) no-repeat -296px 0px;
	width:158px;
}

#menu li.menu05 a {
	background:url(../img/common/menu_in.gif) no-repeat -454px 0px;
	width:141px;
}

#menu li.menu06 a {
	background:url(../img/common/menu_in.gif) no-repeat -595px 0px;
	width:129px;
}

/*------hover*/
#menu li.menu01 a:hover {
	background:url(../img/common/menu_in.gif) no-repeat 0px -54px;
}

#menu li.menu02 a:hover {
	background:url(../img/common/menu_in.gif) no-repeat -69px -54px;
}

#menu li.menu03 a:hover {
	background:url(../img/common/menu_in.gif) no-repeat -179px -54px;
}

#menu li.menu04 a:hover {
	background:url(../img/common/menu_in.gif) no-repeat -296px -54px;
}

#menu li.menu05 a:hover {
	background:url(../img/common/menu_in.gif) no-repeat -454px -54px;
}

#menu li.menu06 a:hover {
	background:url(../img/common/menu_in.gif) no-repeat -595px -54px;
}

/*------on*/
#menu li.menu01_on a {
	background:url(../img/common/menu_in.gif) no-repeat 0px -27px;
	width:69px;
}

#menu li.menu02_on a {
	background:url(../img/common/menu_in.gif) no-repeat -69px -27px;
	width:70px;
}

#menu li.menu03_on a {
	background:url(../img/common/menu_in.gif) no-repeat -179px -27px;
	width:117px;
}

#menu li.menu04_on a {
	background:url(../img/common/menu_in.gif) no-repeat -296px -27px;
	width:158px;
}

#menu li.menu05_on a {
	background:url(../img/common/menu_in.gif) no-repeat -454px -27px;
	width:141px;
}

#menu li.menu06_on a {
	background:url(../img/common/menu_in.gif) no-repeat -595px -27px;
	width:129px;
}

/* $B%3%s%F%s%D(B
--------------------------------------------------------------------------- */

#contents{
	width: 726px;
	float:left;
	padding: 10px 52px 5px 52px;
	background-color:#FFFFFF;
}

#title{
	margin:10px 0 10px 0;
	padding:0;
	text-align:center;
}

#dot_line{
	margin:10px 0 10px 0;
	padding:0;
}

#pict_boxc{
text-align:center;
}

#pict_box{
	width:726px;
	margin:0;
	padding:0;
}

#pict_box02{
	width:228px;
	margin:15px 10px 15px 0;
	padding:0;
	float:left;
	text-align:right;
}

#pict_box03{
	width:520px;
	margin:0;
	padding:0;
	float:right;
}

#txt_box01{
width:721px;
margin:0;
padding: 10px 0 0 5px;
}

#txt_box02{
width:310px;
margin:0;
padding: 10px 0 0 5px;
float:left;
}

#txt_box03{
width:721px;
height:443px;
margin:0 0 20px 0;
padding: 0;
}

#txt_box04{
width:500px;
margin:0;
padding: 10px 0 0 5px;
text-align:left;
margin:0 auto;
}

#txt_box05{
width:300px;
border: solid 1px;
border-color:#8ec31f;
padding: 10px;
}

#form_btn{
width:236px;
clear:both;
padding:30px 0 0 0;
}

#app_btn01{
width:263px;
float:left;
padding:30px 0 0 0;
}

#app_btn02{
width:263px;
float:left;
padding:30px 0 0 30px;
}

#app_btn03{
width:263px;
clear:both;
padding:20px 0 0 0;
margin:0 0 20px 0;
}

#app_btn04{
width:265px;
float:left;
padding:5px 0 10px 50px;
}

#app_btn05{
width:349px;
float:left;
padding:5px 0 10px 20px;
}

#map{
width:721px;
margin:20px 0 0 0;
padding:20px 0 20px 0;
text-align:left;
}

/* $B%U%C%?!<(B
--------------------------------------------------------------------------- */
#footer{
background-image:url(../img/common/footer.jpg);
background-position:center top;
background-repeat:no-repeat;
clear:both;
height:210px;
margin:0;
padding:0;
text-align:center;
width:100%;
}

#footer_bg {
background-image:url(../img/common/footer.jpg);
background-position:center top;
background-repeat:no-repeat;
clear:both;
height:210px;
margin:0 auto;
padding:0;
width:830px;
}

#footer_menu {
clear:both;
margin:0 auto;
padding:140px 0 0 0;
width:300px;
color:#FFFFFF;
font-size:12px;
}

#footer a:link {
	color: #FFFFFF;
	text-decoration: underline;
	background: transparent;
}

#footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
	background: transparent;
}

#footer a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background: transparent;
}

#footer a:active {
	color: #FFFFFF;
	text-decoration: underline;
	background: transparent;
}
#title2 {
	margin:0px 0 0px 0;
	padding:0;
	text-align:center;
	font-size: 15px;
	color: #FF6600;
}
