@charset "utf-8";

/*====================================================================

top.css

====================================================================*/
/*--------------------------------------------------------------------
01.format
--------------------------------------------------------------------*/
body,div,span,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,p,blockquote,address,
table,tr,th,td,img{
	margin:0;
	padding:0;
	font:normal normal normal 100%/1.7 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	border:none;
	text-align:justify;
}
hr{display:none;}
/*img{display:block;}*/
li{list-style-type: none;}


/*--------------------------------------------------------------------
02.contents
--------------------------------------------------------------------*/
body{
	width: 100%;
	font-size: 12px;
	background-color: #f8fefe;
	background-image: url(../img/common/bg.gif);
	background-repeat: repeat-x;
	text-align: center;
	letter-spacing:0.2em;
	}
	
#container{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
}

/*--------------------------
left
----------------------------*/
#container #left{
	width:800px;
	float: left;
}
	
#container #left #seo{
	background-image: url(../img/common/seo_bg.gif);
	background-repeat: no-repeat;
	height: 65px;
	width: 800px;
	letter-spacing:0.09em;
}
	
#container #left #seo h1{
	font-size: 10px;
	color: #1851af;
	position: relative;
	left: 275px;
	top: 24px;
}

#container #left #contents{
	width: 790px;
	border: 5px solid #dbe177;
	background-color: #FFFFFF;
}

#container #left #contents:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#container #left #contents #head{
	width:790px;
}

#container #left #contents #head #logo{
	float:left;
}

#container #left #contents #head #btn2{
	float:left;
}

#container #left #contents #head #sbtn{
	width:606px;
	flaot:right;
}

#container #left #contents #head #btn{
	width:606px;
	float:left;
	position: relative;
	top: 24px;
	}

/*--------------------------
right
----------------------------*/
#container #right{
	width:57px;
	float: left;
	height: 283px;
}

/*--------------------------
common
----------------------------*/
.sleft{
	float:left;
}
.sright{
	float:right;
}
.p15{padding-left:15px;
}

.mb30{margin-bottom:30px;
}

.mb50{margin-bottom:50px;
}

.mt5{margin-top:5px;
}

.ml25{margin-left:25px;
}

.per{color:#7b75d3;
font-weight:bold;
}

.pinkb{color:#FF0066;
font-weight:bold;
}

.gb{color:#006633;
font-weight:bold;
}

.gb16{
font-size:16px;
color:#006633;
font-weight:bold;
}

.info_bottom{margin-left:24px;margin-bottom:26px;margin-top:30px;
}

.fly{font-size:0px;text-indent:-9999px;}

.clear{clear:both;}

/*--------------------------
foot
----------------------------*/
#foot{
	width: 100%;
	overflow: hidden;
	background-image: url(../img/common/foot_bg.gif);
	background-repeat: repeat-x;
	height:161px;
}
#foot *{
	font-size: 10px;
	color: #fff;
	}
#foot #all{
	width: 795px;
	text-align: left;
	margin: 0 auto;
}

#foot #back{
	width: 700px;
	height:71px;
	text-align: left;
	margin: 0 auto;
	background-image: url(../img/common/foot_bg3.gif);
}

#foot_navi{
	width: 800px;
}

#foot ul,
#foot ul li{display: block;}
#foot ul{zoom: 1;}
#foot ul:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#foot ul li{
	float: left;
	background: url(../img/common/foot_navi_icon.gif) no-repeat left center;
	margin-right: 10px;
	padding-left: 10px;
}
#foot ul li a{text-decoration: none;}
#foot ul li a:hover{text-decoration: underline;}
#foot p{
	margin-top: 10px;
	text-indent: -5px;
}