/* designed by Romeo(http://www43.tok2.com/home/rome0/) */

@import url(http://fonts.googleapis.com/css?family=Source+Code+Pro:200,400,700);

html{
	font-family:"ヒラギノ角ゴ Pro W3",メイリオ,Osaka,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;
	height: auto;
}

body {
	background-image: url(../img/back.gif);
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-bottom: 0px;
	height: auto;
}

#wrapper {
	font-family: "Source Code Pro",;
	margin: 0px auto 0px auto;
	height:auto;
	width: 650px;
}

h1 {
	font-size: 22px;
	font-weight: 200;
	color: #99cc99;
	text-align: center;
	letter-spacing: 5px;
	margin: 160px 0 15px 0;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CFE4CF;
	padding-bottom: 40px;
}

#navi{
	text-align: center;
}

.menu {
	font-size: 14px;
	font-weight: 400;
	color: #828282;
	letter-spacing: 2px;
	margin-right: 10px;
	display: inline;
}

a {
	text-decoration: none;
	color: #a9cfa9;
}

a:hover {
	text-decoration: none;
	color: #000;
	padding: 1px 0 1px 0 ;
}

#txt {
	font-size: 14px;
	font-weight: 400;
	color: #828282;
	line-height: 120%;
	letter-spacing: 2px;
	width: 450px;
	margin: 0 auto 0 auto;
}

.dash {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CFE4CF;
	margin: 40px auto 10px auto;
	width: 650px;
	height: auto;
}

h2 {
	font-size: 14px;
	font-weight: 400;
	text-decoration: underline;
	color: #99cc99;
	letter-spacing: 2px;
	margin-top: 50px;
	margin-bottom: 20px;
}

#foot {
	font-size: 13px;
	font-weight: 400;
	color: #919191;
	line-height: 120%;
	letter-spacing: 2px;
	margin: 0 auto 50px auto;
	width: 450px;
	height: auto;
}

.ta1 {
border-collapse:collapse;
border-color:#fff;
margin-left:-90px;
margin-top:auto;
}

.ta1 th {
	text-align:center;
border-color:#fff;
}

.ta1 td {
text-align:center;
vertical-align:middle;
border-color:#fff;
}

table {
	width: 80%;
	margin: 0 auto;
	font-size: 75%;
	border-collapse: collapse;
	text-align:left;

}

th {
	width: 30%;
	text-align:center;
	padding:5px;
	font-size:16px;
	border:1px solid;
}

td {
	width: 30%;
	padding:10px;
	border:1px solid;
}

.fig {
	width: 100%;
	height: auto;
}

@media only screen and (max-width:300px){
	

table {
	border: none;
	border:1px solid;
}

tr {
	display:block;
	margin-bottom: 10px;
}
th {
	display:block;
	width: 95%;
	margin: 0 auto 10px;
	background: #000000;
	color: #ffffff;
	border:none;
	border-radius: 3px;
}
td {
	display: list-item;
	width: 90%;
	margin-left: 20px;
	border:none;
}
}


.ta2 {
	width: 80%;
	margin: 0 auto;
	font-size: 90%;
	border-collapse: collapse;
	text-align:left;

}

.ta2 td {
	text-align:left;
	width:70%;
	padding:10px;
}

#text {
	font-size: 14px;
	font-weight: 400;
	color: #828282;
	line-height: 120%;
	letter-spacing: 2px;
	width: 600px;
	margin: 0 auto 0 auto;
}

dl.list dt {
  clear: left;
  float: left;
  margin: 0 0 0.8em;
  width: 4.0em;
  border-left: solid 6px #99cc99;
  padding-left: 3px;
  color: #000;
}

dl.list dd {
  margin-bottom: 0.8em;
  margin-left: 8.5em;
}