@charset "shift_jis";

/*----------------body--------------------*/


body {
	font-family: "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "ヒラギノ角ゴ Pro W3"," Osaka-等幅", "Osaka", "平成角ゴシック"; 
	font-style: normal;
		width: 100%;
	margin: 0px auto;
	padding: 0;
	color: #666;
	font-size: 12px;
		text-align: center;
	background-color:#eee;
}
/*----------------link--------------------*/
a:link {
	color: #666;
	text-decoration: none;
}
a:visited {
	color: #666;
	text-decoration: none;
}
a:hover,a:active {
	color: #666;
	text-decoration: none;
}


/*----------------top--------------------*/


#top {                   
     position: relative; 
	width: 100%;
     margin: 0px 0px 0px 0px;  
     padding: 0px 0px 0px 0px;

	text-align: center;
  	background-image: url(./image/topback.gif);
	background-repeat: repeat-x;
}

#top img.logo {
	margin: 25px 25px 25px 25px;
    padding: 0px 0px 0px 0px;
	border: 0px;
}

#topinner {                   
     position: relative; 
	width: 800px;
     height: 165px; 
     margin: 0px auto;  
     padding: 0px 0px 0px 0px;
	text-align: left;
}
#topinner img {                   
     border: 0px;
}

#topinner ul {/*-----menu----*/
	position : absolute ;
	left : 175px;
	top : 100px;
	width: 600px;
	height: 65px;
    margin: 0px 0px 0px 0px;  
    padding: 0px 0px 0px 0px;
	display: block;
}

#topinner li {/*-----menu----*/
	float: left;
	list-style: none;

    margin: 0px 0px 0px 0px;  
    padding: 0px 0px 0px 10px;
	display: inline;
}

/*----------------container--------------------*/
#container {

	position: relative;
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	width: 100%;
    background-color: #ffffff;
	text-align: center;
}

#maincontent  {
	position: relative;
	width: 800px;
	margin: 0px auto;
    padding: 0px 0px 0px 0px;
	text-align: center;
    background-color: #fff;
}
#maincontent p {
	color: #555;
	font-size: 12px;
	text-align: left;
	margin: 0px 0px 0px 0px;
    padding: 20px 0px 5px 0px;
	background-color: #fff;
	line-height: 20px;
}

#maincontent p.cap {
	color: #555;
	font-size: 12px;
	text-align: left;
	margin: 0px 25px 0px 25px;
    padding: 20px 0px 5px 0px;
	background-color: #fff;
	border-bottom: 1px #555 solid;
}
#title {
		position: relative; 
		width: 800px;
		margin: 0px auto;  
    padding: 10px 0px 0px 0px;
		text-align: left;
}

#title h2 {
	font-size:14px;
}
/*----------------outline--------------------*/

#outline1  {
	float: left;
	width: 500px;
	margin: 20px 0px 10px 0px;
	padding: 0px 0px 0px 25px;

}

#outline1 p {
	color: #555;
	font-size: 12px;
	text-align: left;
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 5px 0px;
	background-color: #fff;
	line-height: 20px;
}

#outline1 p.out_c {
	width: 500px;
	color: #555;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 6px 0px;
	border-bottom: 1px #555 solid;
}
#outline2  {
	float: left;
	width: 220px;
	margin: 0px 0px 10px 40px;
	padding: 0px 0px 0px 0px;
}
#outline2 p.out_c {
	color: #555;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
    padding: 20px 0px 5px 0px;
	border-bottom: 1px #555 solid;
}

#outline2 p {
	color: #555;
	font-size: 10px;
	margin: 0px 0px 20px 0px;
    padding: 20px 0px 5px 0px;
    line-height: 22px;
}

#outline1 p.li {
	color: #555;
	font-size: 10px;
	margin: 0px 0px 20px 0px;
    padding: 0px 0px 5px 0px;
	line-height: 18px;
}
.staffl  {
	float: left;
	width: 500px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	border-top: 1px #555 solid;
}

.staffl img {
	float: left;
	margin: 10px 20px 10px 0px;
	padding: 0px 0px 0px 0px;
}
.staff  {
	float: left;
	width: 400px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
#outline1 p.staffname {
	font-size: 12px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#outline1 p.staffprof {
	width: 400px;
	font-size: 10px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 14px;
}

/*----------------press--------------------*/

#press  {
	float: left;
	width: 500px;
	margin: 20px 0px 10px 0px;
	padding: 0px 0px 0px 150px;

}
#press p {
	color: #555;
	font-size: 12px;
	text-align: left;
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 5px 0px;
	background-color: #fff;
	line-height: 20px;
}
.pressline  {
	float: left;
	width: 500px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	border-top: 1px #555 solid;
}

.pressline img {
	float: left;
	margin: 10px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
}
.presscontent  {
	float: left;
	width: 400px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
#press p.presstitle {
	font-size: 12px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#press p.presstext {
	width: 400px;
	font-size: 10px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 14px;
}
.presscontent2  {
	float: left;
	width: 500px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

#press p.presstext2 {
	width: 500px;
	font-size: 10px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 14px;
}

/*----------------news--------------------*/

#news  {
	float: left;
	width: 500px;
	margin: 20px 0px 10px 0px;
	padding: 0px 0px 0px 150px;

}
#news p {
	color: #555;
	font-size: 12px;
	text-align: left;
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 5px 0px;
	background-color: #fff;
	line-height: 20px;
}
.newsline  {
	float: left;
	width: 500px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	border-top: 1px #555 solid;
}

.newsline img {
	float: left;
	margin: 10px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
}
.newscontent  {
	float: left;
	width: 330px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
#news p.newstitle {
	float:left;
	width:200px;
	/*background:#bbb;*/
	font-size: 12px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#news p.newsdate {
	float:right;
	font-size: 12px;
	text-align:right;
	width:120px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#news p.newstext {
	clear:both;
	width: 330px;
	font-size: 10px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	line-height: 14px;
}


.newscontent2  {
	float: left;
	width: 500px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
#news p.newstitle2 {
	float:left;
	width:360px;
/*	background:#bbb;*/
	font-size: 12px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#news p.newsdate2 {
	float:right;
	font-size: 12px;
	text-align:right;
	width:120px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#news p.newstext2 {
	clear:both;
	width: 500px;
	font-size: 10px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	line-height: 14px;
}


/*----------------links--------------------*/

#links  {
	float: left;
	width: 500px;
	margin: 20px 0px 10px 0px;
	padding: 0px 0px 0px 150px;

}
#links p {
	color: #555;
	font-size: 12px;
	text-align: left;
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 5px 0px;
	background-color: #fff;
	line-height: 20px;
}
.linksline  {
	float: left;
	width: 500px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	border-top: 1px #555 solid;
}

.linksline img {
	float: left;
	margin: 10px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.linkscontent  {
	float: left;
	width: 500px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
#links p.linkstitle {;
	font-size: 12px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#links p.linkstext {
	width: 500px;
	font-size: 10px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	line-height: 14px;
}





#under  {
	float: left;
	border-top: 1px #555 solid;
	width: 500px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

#under p.undertitle {
	width: 500px;
	color: #555;
	font-size: 12px;
	text-align: center;
	margin: 10px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
	background-color: #fff;

}





#middle {
	position: relative;
	margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	width: 100%;
    background-color: #fff;
	text-align: center;
	border-top: 1px #555 solid;
}
#middle p.comment {
	position: relative; 
	width: 800px;
	font-size: 10px;
	color: #666;
	margin: 0px auto;  
    padding: 10px 0px 10px 0px;
	text-align: left;
}
#contact {
	position: relative;
	margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	width: 100%;
    background-color: #fff;
	text-align: center;
}
#contact p {
	position: relative; 
	width: 800px;
	font-size: 12px;
	line-height:20px;
	color: #666;
	margin:  0px 0px 0px 0px; 
    padding: 10px 0px 10px 25px;
	text-align: left;
}
/*-------------------menupage------------------*/
#new  {
	float: left;
	width: 800px;
	margin: 0px auto;
/*-----	margin: 0px auto;----*/
	padding: 0px 0px 0px 0px;
	text-align: left;
    background-color: #fff;
}
#newleft  {
	float: left;
	width: 250px;
	height: 260px;
	margin: 10px 0px 10px 10px;
/*-----	margin: 0px auto;----*/
	padding: 0px 0px 0px 0px;
	text-align: left;
    background-color: #fff;
}
#new img{
	float: left;
	width: 200px;
	height: 260px;
     margin: 10px 20px 10px 25px;  
     padding: 0px 0px 0px 0px;  
}
#box{
	clear: both;
	float: left;
	width: 200px;
	height: 260px;
     text-align: left;
     margin: 10px 20px 10px 25px;  
     padding: 0px 0px 0px 0px;  
         background-color: #fff;
}
#newleft p.new {
	color: #555;
	display: inline;
	font-size: 10px;
	text-align: left;
	line-height: 17px;
	margin: 0px 20px 0px 0px;
    padding: 0px 0px 0px 0px;
	background-color: #fff;
}

#refo  {
	float: left;
	width: 800px;
	margin: 0px auto;
	padding: 0px 0px 10px 0px;
    background-color: #fff;
}

#refo img{
	float: left;
	width: 200px;
	height: 260px;
     margin: 10px 20px 10px 25px;  
     padding: 0px 0px 0px 0px;  
}
#refoleft  {
	float: left;
	width: 250px;
	height: 260px;
	margin: 10px 0px 10px 10px;
/*-----	margin: 0px auto;----*/
	padding: 0px 0px 0px 0px;
	text-align: left;
    background-color: #fff;
}
#refoleft p.new {
	color: #555;
		display: inline;
	font-size: 10px;
	text-align: left;
	line-height: 17px;
	margin: 0px 20px 0px 0px;
    padding: 0px 0px 0px 0px;
	background-color: #fff;
}

/*----------------javascript button--------------------*/
#button {
	clear: both;
		display: inline;
			width: 100%;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;  
		text-align: center;

}
#button img{

     text-align: center;
     margin: 0px 0px 0px 0px;  
     padding: 0px 0px 0px 0px;  
}

/*----------------form--------------------*/
#form {
	top: 0px;
	width: 100%;
	height: 100%;
	margin: 0px 0px;
	padding: 0px;
	font-size: 12px;
	text-align: center;

}
#form {
	font-size: 12px;
	color: #666;
	text-align: left;
	background-color: #fff;
	line-height: 15px;
}
#form li {
	list-style: none;
}
#form input,textarea,select,p {
	border-color: #05f;
	border-width: 1px;
	font-size:12px;
	background-color: #fff;
	margin: 10px 0px 5px 25px;
	padding: 2px 2px 2px 2px;
	color: #05f;
}

/*----------------footer--------------------*/
#footer{
	clear: both;
	position: relative; 
	width: 100%;
	height: 120px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;  
	text-align: center;
	border-top: 1px #555 solid;
	background-color: #eee; 
}

#left {
	float: left;
	width: 50%;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;  
		background-color: #eee; 
}
#left p{
	color: #555;
	font-size: 10px;
	text-align: right;
	margin: 10px 5px;
	background-color: #eee; 
}

#right{
	float: left;
	width: 49%;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	background-color: #eee; 
}
#right p{
	color: #555;
	font-size: 10px;
	text-align: left;
	margin: 10px 5px;
	background-color: #eee; 
}