html,body {
      margin: 0;
      padding: 0;
      text-align: center;
      font-family: ＭＳ Ｐゴシック, MS P Gothic, arial, Helvetica, sans-serif;
      font-size: 14px;
      background: #fff url(../images/bkgd.jpg) center repeat-y;
}
.h_left p {
	font-size: 12px;

}
#hed {
	background: #fff;
	margin-top: 0;
	padding-top: 5px;
}
div,ul,dl,dt,dd {
	margin: 0;
	padding: 0;
}
h1 {
	line-height: 1.2;
	margin: 0;
	padding: 5px 0 10px 0;
	color: #000;
	font-size: 12px;
	text-align: left;
}
h2 {
	padding: 0;
	margin: 0;
	font: 180% Arial;
	font-weight: bold;
	color: #4dac27;
	background: none;
	text-align: left;
}
h3 {
	padding: 0;
	margin: 30px 0 10px 0;
}
h4 {
	padding: 0;
	margin: 20px 0 10px 0;
}
h5 {
	padding: 0;
	margin: 15px 0 15px 0;
}

h3#tim01 {
	background: url(../images/icon2.jpg) no-repeat left top;
	padding-left: 45px;
	height: 30px;
	color: #0b5909;
	font-size: 25px;
	font-weight: bold;
}

h4#tim02 {
	background: url(../images/icon.jpg) no-repeat left top;
	padding-left: 40px;
	height: 23px;
	color: #003d84;
	font-size: 20px;
	font-weight: bold;
}

p {
	margin: 5px 0 0 0;
	padding: 0;
}

.white { color: white; }
.navy { color: navy; }
.bold { font-weight: bold; }

.s {font-size: 85%;}
.x {font-size: 120%;}
.xx {font-size: 160%;}
.xxx {font-size: 200%;}

.red {color: #cc0000;}
.blue {color: #003d84;}
.green {color: #0b5909;}

.b {font-weight: bold;}



img { border: none; padding: 0; margin: 0; }
marquee { text-decoration: none; color: #008b8b; font-weight: bold;}

/*---------- Divs ----------*/
#header {
	background: url(../"images/header.jpg") no-repeat center bottom;
	height: 240px;
	width: 890px;
	margin: 0 auto;
}

#logo{
      padding-top: 0px;
      margin: 0 auto;
      width: 890px;
}

#logo a:hover {
      text-decoration: none;
}

#logo a {
      float: left;
      width: 200px;
      height: 85px;
}

#container {
      width: 890px;
      overflow: hidden;
      text-align: left;
      font: 90% ＭＳ Ｐゴシック, MS P Gothic, Tahoma, Helvetica, sans-serif;
      margin: 0px auto;
      background: #fff;
      padding-bottom: 30px;
}  
* html #container {
      overflow: visible;
}

#intro{
	width: 890px;
      min-height: 190px;
      margin: 10px auto;
}
* html #intro { height: 190px;}

#intro-image {
	float: left;
	width: 560px;
	background: url(../images/photo.jpg) no-repeat;
	padding: 212px 0 0 0;
}
#intro-image h2 {
	color: #0b5909;
	font-size: 13px;
}
#intro-image p {
	display: none;
}

#intro-text{
	padding-top: 10px;
	float: right;
	width: 305px;
	height: 240px;
	background: url(../images/smile3.jpg) no-repeat;
	text-align: justify;
	text-indent: -9999px;
}

#content{
      margin-top: 20px;
      min-height: 250px;
}
* html #content { height: 250px;}

#sidecontent{
      float: left;
      border: 0px solid #828282;
      margin-right: 20px;
      padding: 0 10px 10px 10px;
      text-align: center;
      width: 240px;
      voice-family: "\"}\""; 
      voice-family:inherit;
      width: 210px;
}
#sidecontent p {
	text-align: left;
}
#sidecontent h3 {
	padding: 0;
	margin: 3px 0 0 0;
	font-size: 13px;
}
#sidecontent h2 {

}
html>body #sidecontent { width: 210px }  /* for opera */

#sidecontent img{
      padding: 1px;
      border: 0px solid #828282;
}

#maincontent {
      float: right;
      width: 630px;
}

#frame{border: solid 1px #666666;
	padding-left: 30px;
	padding-right: 30px;
	height: 300px;
	overflow: scroll;
}
	
#centercontent {
      float: center;
      width: 632px;
      margin-left: 100px;
      padding: 20px;
      border: 1px solid #828282;
}

#mainright2 {
      float: right;
      width: 605px;
      text-align: left;
}

#mainleft {
      float: left;
      width: 425px;
}
#mainleft h2 {
	margin-top: 15px;
}
#mainleft p {
	margin-top: 15px;
	font-size: 16px;
	text-indent: 10px;
}

#mainleft2 {
      float: left;
      width: 660px;
      text-align: left;
      margin-right: 20px;
      padding: 10px;
}
#mainleft2 h2 {
	margin-top: 20px;
}
#mainleft2 p {
	font-size: 16px;
}

dl#point01 {
	background: url(../images/point.jpg) no-repeat;
	width: 605px;
	height: 222px;
	text-indent: -9999px;
}
dl#point02 {
	background: url(../images/point2.jpg) no-repeat;
	width: 605px;
	height: 215px;
	text-indent: -9999px;
}

dl#variety {
	display: none;
	height: 600px;
}

#mainright {
      float: right;
      width: 170px;
      border: 1px solid #828282;
      text-align: left;
      padding: 5px;
}
#mainright h2 {
	color: #fff;
	padding: 15px 0 5px 0;
	font-size: 115%;
	font-weight: bold;
	text-align: center;
	background: #289C28;
	width: 170px;
	height: 20px;
}
#mainright dl {
	padding-bottom: 30px;
}
#mainright dt {
	font-weight: bold;
	margin-top: 15px;
}
#mainright dd {
	margin-top: 10px;
}
#mainright a {
      color: #FFFFFF;
}

#footer {
      width: 890px;
      margin: 0 auto;
      min-height: 70px;
      background: #4DAC27 url(../images/gradient.gif) repeat-x;
      border-top: 4px solid #036200;
      font-size: 84%;
      color: #fff;

}

#footer a{
      color: #fff;

}

* html #footer {height: 100px;}

#footertextleft{
      color: #FFFFFF;
      margin-top: 10px;
      float: left;
      width: 480px;
      text-align:left;
      padding-left: 10px;  
}

#footertextright{
      margin-top: 10px;
      text-align: right;
      width: 350px;
      float: right;
      padding-right: 10px; 
}

/*------------------------- Navigation --------------------------*/

#navcontainer {
      width: 890px;
      height: 38px;
      background: #4DAC27 url(../images/gradient.gif) repeat-x;
      margin: 10px auto 0 auto;
      border-bottom: 4px solid #4DAC27;
      display: block;
      font-size: 140%;
}
* html #navcontainer { height: 43px;}

#navcontainer ul {
      position: relative;
      float: left;
      list-style-type: none;
      margin: 0px;
      padding: 0px 0px 0px 10px;
      font-size: 65%;
}

#navcontainer li {
      margin: 10px 3px 0px 3px;
      float: left;
      height: 28px;
      background: url(../images/nav.jpg) repeat-x;
}

#navcontainer a {
      float: left;
      display: block;
      padding: 7px 9px 6px 9px;
      color: #FFF;
      text-decoration: none;
}

#navcontainer a:hover {
	background: #828282;
	color: #fff;
	cursor: pointer;
}
/*---------- Headings ----------*/
p#tit {
	line-height: 1.2;
	padding-top: 0;
	margin-top: 0;
	font: 90% Arial;
	font-weight: bold;
	color: #4dac27;
}
p#text_top {
	text-indent: -9999px;
}
p#text_top a {
	display: block;
	width: 320px;
	height: 125px;
}

.mainheading{
      font-weight: bold;
      font-size: 100%;      
}

.mainheading {
      font-weight: bold;
      font-size: 123%;      
}

/*---------- Classes ----------*/
.heading{
      background: #289C28;
      border-bottom: 4px solid #289C28;
      height: 25px;
}

.subheading-white{
      color: #FFFFFF;
      margin: 0px;
      padding: 5px 0 0 10px;
      font-size: 115%;
      font-weight: bold;
      font-color: #FFFFFF;
      text-align: center;
}

.p-indent{
      padding-top: 0px;
      padding-left: 10px;
}

/*----------------------------------------------------
	よくある質問
----------------------------------------------------*/

#tab_qa {
	padding:5px;
	width:590px;
	margin: 0px 0px 0px 30px;
	border: 1px solid #CCCCCC;
}

#tab_qa .tab_q {
	text-align: center;
	border-right: 2px solid #3366FF;
	width: 33px;
	padding: 4px 7px 4px 10px;
}

#tab_qa .tab_a {
	padding: 4px 5px 4px 10px;
	text-align: center;
	border-right: 2px solid #ff3333;
	width: 33px;
}

#tab_qa .tab_text {
	line-height: 1.3;
	letter-spacing: 0.8pt;
	padding: 4px 5px 4px 8px;
}