@charset "utf-8";

body,p,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,th,td {
	margin: 0;
	padding: 0;
}

address,em {
font-style: normal;
}
strong,th {
font-weight: normal;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGot

}

img {
border: 0;
vertical-align: bottom;
}

li {
list-style-type: none;
}

a {
text-decoration: none;
}
a:link { color: #6495ed;
}


/*----------------------------------------------------------
  レイアウト関係
----------------------------------------------------------*/

/*---------------------------------フォントサイズなど*/
body {
  
  font-size: 100%;
  font-family: Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka, 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
}

/*---------------------------------ページ全体の横幅*/
#wrapper {
  width: 100%;
  max-width: 980px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  background-color: #ffffff;
}

#contents {
  
  max-width: 780px;
  margin: 60px auto 0px auto;
  padding: 100px 10.2% 100px 10.2%;
  background-color: #ffffff;
  border: 3px solid #d3d6dd;
  border-radius: 30px;        /* CSS3草案 */  
    -webkit-border-radius: 30px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 30px;   /* Firefox用 */
}

/*---------------------------------ヘッダー部分*/

#header_wrap {
  width:100%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  /*background-image:url("../../../entry/img/header_bg2.png");
  background-repeat: repeat-x;*/
  background-color: #ffffff;
}

#header {
  width: 980px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  background-color: #ffffff;
}

#header_up {
  width: 980px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  background-color: #ffffff;
  overflow: hidden;
}

#header_left {
  width: 120px;
  margin: 30px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  background-color: #ffffff;
}

#header_middle {
  width: 300px;
  margin: 30px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  background-color: #ffffff;
}

#header_right {
  width: 500px;
  margin: 30px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: right;
  background-color: #ffffff;
}

div.logo{
  width: 111px;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
}

.co_tite{
  margin: 70px 120px 0px 0px;
  padding: 0px 0px 0px 0px;
  
  font-size: 70%;
}

h1{
  margin: 60px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: right; 
  color:#83c61a;
  font-size:20px;
  font-weight:bold;
}

h2{
  margin: 0px 0px 0px 0px;
  padding: 60px 0px 0px 0px;
  color:#83c61a;
  font-size: 120%;
  position:relative; top:200px;
}

#header_bottom {
  width: 100%;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  background-color: #f7f7f7;
  overflow: hidden;
}

#menu{
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  padding: 0;
}

#menu li{
  display: block;
  float: right;
  width: 12.5%;
  margin: 0;
  padding: 0; 
  font-size: 12px;
}

#menu li a{
  display: block;
  padding: 40px 0 10px;
  background: #f7f7f7;
  color: #5c5c5c;
  text-align: center;
  text-decoration: none;
  border-left: 1px solid #ffffff;
}

#menu li.las a{
  display: block;
  padding: 40px 0 10px;
  background: #f7f7f7;
  color: #5c5c5c;
  text-align: center;
  text-decoration: none;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}

#menu li a:hover{
  background: #e7e7e7;
}

#symbol {
  width: 930px;
  height:300px;
  margin: 50px 0px 100px 50px;
  padding: 0px 0px 0px 0px;
  background-image:url("../images/header_exl.png");
  background-repeat: repeat-none;
}

#contents_up {
  width: 980px;
  margin: 0px 0px 50px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #ffffff;
  border: 0px solid #000000;
  overflow: hidden;
}

#contents_up_left {
  width: 300px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float:left;
  background-color: #ffffff;
  border: 0px solid #000000;
} 

#contents_up_right {
  width: 630px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 50px;
  float:right;
  background-color: #ffffff;
  border: 0px solid #000000;
}

.about{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  color: #c0c0c0;
  font-size: 100%;
}

#contents_middle {
  width: 980px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #ffffff;
  border: 0px solid #000000;
  overflow: hidden;
}

#contents_middle_left {
  width: 630px;
  margin: 0px 0px 0px 0px;
  padding: 0px 50px 0px 0px;
  float:left;
  background-color: #ffffff;
  border: 0px solid #000000;
} 

#contents_middle_right {
  width: 300px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float:right;
  background-color: #ffffff;
  border: 0px solid #000000;
}

.flora{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: right;
  color: #c0c0c0;
  font-size: 100%;
}

.syoumei{
  margin: 50px 5px 0px 0px;
  padding: 0px 0px 0px 0px;
  text-align: right;
  font-size: 100%;
}

.syoumei a{
  color: #808080;
}

/*----------------------------------------------------------
  テーブル
----------------------------------------------------------*/
table.prof {
 width:100%;
 max-width:780px;
 margin: 0px 0px 50px 0px;
 text-align: left;
 border: 0px solid #000000;
 border-collapse: separate;
 border-spacing: 10px 30px;
}

table.prof_co {
 width:100%;
 max-width:780px;
 margin: 0px 0px 30px 0px;
 text-align: left;
 border: 1px dotted #d3d6dd;
 border-collapse: separate;
 border-spacing: 10px 30px;
 border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
}

td.title {
 width:300px;
 padding: 0px 0px 10px 0px;
 border-bottom: 1px solid #d3d6dd;
}

td.conte {
 width:480px;
 padding: 0px 0px 10px 0px;
 border-bottom: 1px solid #d3d6dd;
}

td.title_co {
 width:280px;
 padding: 0px 0px 0px 20px;
 border-bottom: 0px solid #d3d6dd;
}

td.conte_co {
 width:480px;
 padding: 0px 20px 0px 0px;
 border-bottom: 0px solid #d3d6dd;
 line-height: 1.5em;
 letter-spacing: 0.8px;
}

/*---------------------------------ローダー部分*/

#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 1;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #000;
  z-index: 2;
}

/*---------------------------------フッター部分*/
#footer {
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #ffffff;
}

#footer_inner {
  width: 100%;
  max-width: 980px;
  margin: 0px auto 0px auto;
  padding: 100px 0px 50px 0px;
  text-align: center;
}

p.copy {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 80%;
}

small {
  color: #333333;
}