@charset "shift-jis";

.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

.clearfix{
  overflow:hidden;
}

/* Hides from IE-mac \*/
* html .clearfix{
  height:1%;
  overflow:visible;
}

/* End hide from IE-mac */

* html .iepngfix { behavior: expression(IEPNGFIX.fix(this)); }


/* 共通指定 */

body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	background: #ffffff;
	color: #333333;
	line-height: 18px;
	margin: 0;
	padding:0;
	text-align:center;
	}

h1,h2,h3,h4,h5,h6,div,p,th,td,ul,ol,li,dl,dt,dd,img,p{
	list-style: none;
	margin:0;
	padding:0;
	border:none;
}

a:link{color:#333333;text-decoration: none;}
a:visited{color:#333333;text-decoration: none;}
a:hover, a:active{color:#333333;text-decoration:underline;}

form{
	margin:0;
	padding:0;
}


/* xx: Text Align
=========================================*/

.aL {text-align: left !important;}
.aC {text-align: center !important;}
.aR {text-align: right !important;}

.vT {vertical-align: top !important;}
.vM {vertical-align: middle !important;}
.vB {vertical-align: bottom !important;}






/* 回り込み指定 */

.floatright { float: right; }
.floatleft { float: left; }
.clearboth { clear: both; }


/* ヘッダー部分 */
#header{
	width:100%;
	margin:0;
	padding:0;
	text-align:center;
	border-bottom:#003577 5px solid;
}

#header p{
	width:960px;
	margin:0 auto;
	padding:0 auto;
	text-align:right;
}


#contents {
	width:960px;
	margin:0 auto;
	padding:0 auto;
	text-align:left;
}


#headerbox{
	width:960px;
	margin:5px 0 0;
	padding:0;
	text-align:left;
	zoom:1;
	position: relative;
	height: 121px;
}

#headerbox .floatleft{
	margin:0;
	padding:0;
	text-align:left;
}

#headerbox .floatright{
	margin:0;
	padding:0;
	text-align:right;
}

#headerbox .floatright a{
	margin:0 0 0 3px;
	padding:0;
	text-align:left;
}





#main {
	font-size: 18px;
	line-height: 24px;
	clear: both;
	margin-top: 5px;
}

#main #topbanner {
	background-image: url(../img/mainbannar.jpg);
	width:960px;
	height: 276px;
	margin-bottom: 15px;
	position: relative;
}

#main #headbanner {
	background-image: url(../img/headbanner.jpg);
	width:960px;
	height: 276px;
	margin-bottom: 15px;
	position: relative;
}


#main #hoshou {
	background-image: url(../img/hoshou.jpg);
	width:960px;
	height: 400px;
	margin-bottom: 15px;
	position: relative;
}

#main #sapo {
	background-image: url(../img/sp.jpg);
	width:960px;
	height: 1155px;
	margin-bottom: 15px;
	position: relative;
}

#main #container {
	font-size: 18px;
	line-height: 24px;
	width:870px;
	margin:20px 0 20px 45px;
	padding:0 auto;
}



#footContainer {
	clear: both;
	background: #383838;
	color: #ffffff;
	padding: 20px 0 27px 0;
	margin-top:40px !important;
}
#footContainer a:link {
	color: #ffffff;
	text-decoration: none;
}
#footContainer a:visited {
	color: #ffffff;
	text-decoration: none;
}
#footContainer a:hover,
#footContainer a:active {
	color: #ffffff;
	text-decoration: underline;
}


/* footContainer
=========================================*/

/* footer */
#footContainer #footer {
	clear: both;
	margin: 0 auto;
	width: 960px;
	height: 43px;
	background: #000;
}

#footContainer #footer #footUtility {

}
#footContainer #footer #footUtility ul {
	float: left;
	margin: 12px 0 0 5px;
}
#footContainer #footer #footUtility li {
	float: left;
	margin-left: 15px;
	padding-right: 15px;
	border-right: 1px solid #666666;
	font-weight: normal;
}
#footContainer #footer #footUtility li.last {
	border: none;
}
#footContainer #footer #footUtility p {
	float: right;
	margin: 16px 20px 0 0;
}


/* clearfix
=========================================*/
#footContainer #footer #footUtility:after,
#footContainer #footer #footUtility ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#footContainer #footer #footUtility,
#footContainer #footer #footUtility ul {
	zoom: 1;
	display: block;	/* for safari firefox3 */
	min-height: 1%;  /* for IE 7*/
}
/* IE7 hacks */
*:first-child+html #footContainer #footer #footUtility,
*:first-child+html #footContainer #footer #footUtility ul {
	display: inline-table;
}/* end hacks */


