@charset "utf-8";


/* ==============================================
��header
 ==============================================*/
 

#header {
	margin:0;
	padding:0;
	height:100px;
	width:100%;
	/*min-width:800px;
	min-height:400px;
	overflow:hidden;*/
	background:#019dd8;
	
}
#header .con{
	margin:0 auto;
	padding:0;
	height:100px;
	width:100%;
position:relative;
text-align:center;
}
#header .con h1{
	padding:11px 0 0;
	margin:0;

}
#header .con .spbtn {
	display:block;
	margin:0;
	/*width:100px;
	height:100px;*/
	position:absolute;
	right:0;
	top:10px;
	
	
}
#header .con .spbtn a{
	padding:10px;

	width:21px;
	height:16px;
}
#header .con ul.nav {
	display:none;
}
@media only screen and (min-width: 480px) {
#header .con{
	margin:0 auto;
	padding:0;
	height:100px;
	width:960px;
position:relative;
text-align:center;
}
 #header .con .spbtn {
	display:none;
	
	
}
#header .con ul.nav {
	display:block;
	margin:0;
	padding:0;
	width:144px;
	position:absolute;
	right:0px;
	top:17px;
}
#header .con ul.nav li {
	float:left;
	margin:0 0 0 8px;
}

 }
 
 /* ==============================================
��con
 ==============================================*/
 
.aboutCon{
	margin:30px auto 0;
	padding:0;
	width:100%;
}
.aboutCon h2{
	margin:0;
	padding:0 0 0 20px;
}

table.table-01 {
    width: 100%;
	margin:70px auto 0;
    /*border: 1px #019dd8 solid;*/
    border-collapse: collapse;
    border-spacing: 0;
	color:#019dd8;
	font-size:14px;
    font-weight: normal;
	background:url(../img/dotline.gif) repeat-x top;
}
table.table-01 tr {

    background:url(../img/dotline.gif) repeat-x bottom;
   
    
}

table.table-01 th {
    padding: 17px 13px;
    /*border: #019dd8 dotted;
    border-width: 0 0 1px 0;*/
	font-weight: normal;
    text-align: left;
}
table.table-01 td {
    padding: 17px 13px;
    /*border: #019dd8 dotted;
    border-width: 0 0 1px 0;*/
    text-align: left;
}
table.table-01 td .mlink{
	position:static;
	width:100%;
	text-align:right;
}
table.table-01 td .mlink a{
	
		font-size:12px;
		line-height:12px; 
		padding:0 0 5px 17px;
		margin:0 0 0 17px;
		text-align:left;
		background:url(../img/yaji.gif) no-repeat;
		color:#019dd8;
	}
.aboutCon #map{
   margin:20px auto 0;
  width: 100%;
  height: 300px;
  }
  .aboutCon .maplink{
	width:100%;
	margin:10px auto 70px ;
	font-size:10px;
	text-align:right;
}
.aboutCon .maplink a{
	
		font-size:12px;
		line-height:12px; 
		padding:0 10px 5px 17px;
		margin:0 0 0 17px;
		text-align:left;
		background:url(../img/yaji.gif) no-repeat;
		color:#019dd8;
	}
@media only screen and (min-width: 480px) {
	table.table-01 {
    width: 780px;
    margin:80px auto 0;
	font-size:18px;
}
table.table-01 th {
    padding: 22px 50px;
    /*border: #019dd8 dotted;
    border-width: 0 0 1px 0;*/
    text-align: left;
}
table.table-01 td {
    padding: 22px 20px;
    /*border: #019dd8 dotted;
    border-width: 0 0 1px 0;*/
    text-align: left;
	position:relative;
}
table.table-01 td.ad {
    padding: 22px 0px 22px 20px;
	position:relative;
    /*border: #019dd8 dotted;
    border-width: 0 0 1px 0;*/
    text-align: left;
}
table.table-01 td .mlink{
	position:absolute;
	right:0;
	bottom:30px;
	width:auto;
	text-align:left;
}
table.table-01 td .mlink a{
	
		font-size:12px;
		line-height:12px; 
		padding:0 0 5px 17px;
		margin:0 0 0 17px;
		text-align:left;
		background:url(../img/yaji.gif) no-repeat;
		color:#019dd8;
	}
	
.aboutCon{
	margin:40px auto 0;
	padding:0;
	width:960px;
}
.aboutCon h2{
	margin:0;
	padding:0 0 0 20px;
}

.aboutCon #map{
   margin:20px auto 0;
  width: 780px;
  height: 300px;
  }
.aboutCon .maplink{
	width:780px;
	margin:10px auto 70px ;
	font-size:10px;
	text-align:right;
}
.aboutCon .maplink a{
	
		font-size:12px;
		line-height:12px; 
		padding:0 0 5px 17px;
		margin:0 0 0 17px;
		text-align:left;
		background:url(../img/yaji.gif) no-repeat;
		color:#019dd8;
	}
  
}

.copyright{
	margin:0 0 0 -67px;
	width:134px;
	position:absolute;
	left:50%;
	bottom:15px;
}

#footer{
	padding:20px 0 35px;
	background:#f1f1f1;
	width:100%;
	text-align:center;
	
}