@charset "shift_jis";
/* -------------------------------------
	BODY
 ------------------------------------- */
body{
	margin: 0;
	padding: 0;
	font-family: "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "MS PGothic" , Arial , Osaka , sans-serif;
	background: url(../img/bg_header.png) repeat-x 0 0;
}

img{ border: 0;}
a{ color: #12589E;}
a:hover{ text-decoration: none;}


/* -------------------------------------
	clearfix
 ------------------------------------- */ 
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}

.clearfix {
	display:inline-block;
}

/*\*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/**/

.clear{
 width: 0;
 height: 0;
 margin: 0;
 padding: 0;
 font-size: 0;
 line-height: 0;
 clear: both;
}


/* -------------------------------------
	ヘッダー
 ------------------------------------- */
#header{
	width: 960px;
	margin: 0 auto;
	padding: 0;
}

#header #logoHanger{
	margin: 20px 0 0 0;
	padding: 0;
	float: left;
}

#header p{
	margin: 0;
	padding: 0;
	float: right;
}

/* -------------------------------------
	グローバルナビ
 ------------------------------------- */
#globalnavi{
	 margin: 0 0 20px 0;
	 padding: 0;
}

#globalnavi ul{
	 width: 960px;
	 margin: 15px auto 0 auto;
	 padding: 0;
}

#globalnavi ul li{
	 margin: 0;
	 padding: 0;
	 float: left;
	 display: inline;
}

#globalnavi ul li a{
	 width: 160px;
	 height: 50px;
	 margin: 0;
	 padding: 0;
	 display: block;
	 text-indent: -99999px;
	 /*\*/overflow: hidden;/* */
}

#globalnavi ul li a.navi01{ background: url(../img/globalnavi/navi01.png) no-repeat 0 0;}
#globalnavi ul li a.navi02{ background: url(../img/globalnavi/navi02.png) no-repeat 0 0;}
#globalnavi ul li a.navi03{ background: url(../img/globalnavi/navi03.png) no-repeat 0 0;}
#globalnavi ul li a.navi04{ background: url(../img/globalnavi/navi04.png) no-repeat 0 0;}
#globalnavi ul li a.navi05{ background: url(../img/globalnavi/navi05.png) no-repeat 0 0;}
#globalnavi ul li a.navi06{ background: url(../img/globalnavi/navi06.png) no-repeat 0 0;}
#globalnavi ul li a:hover{ background-position: 0px -50px;}
#globalnavi ul li.now a{ background-position: 0px -50px;}


/* -------------------------------------
	パンくず
 ------------------------------------- */
.pankuzu{
	width: 960px;
	height: 17px;
	margin: 0 auto;
	padding: 8px 0 0 40px;
	background: url(../img/bg_pankuzu.png) no-repeat 0 0;
}

.pankuzu p{
	margin: 0;
	padding: 0;
	font-size: 0.70em;
}


/* -------------------------------------
	contats
 ------------------------------------- */
#wrapper{
	width: 960px;
	margin: 0 auto;
	padding: 5px;
	background:url(../img/bg_wrapper.png) no-repeat 0 0;
}

#categoryName{
	margin: 0 0 20px 0;
	padding: 0;
}

#leftHanger{
	width: 660px;
	margin: 0;
	padding: 0;
	float: left;
}

#rightHanger{
	width: 240px;
	margin: 0;
	padding: 5px;
	float: right;
	background: url(../img/sp_localnavi.gif) no-repeat 0 0;
}

p.page_top{
	text-align: right;
}

/* -------------------------------------
	フッター
 ------------------------------------- */
#footer{
	margin: 30px 0 0 0;
	padding: 2px 0 0 0;
	background: url(../img/bg_footer.png) repeat-x 0 0;
}

#footer p{
	margin: 0;
	padding: 10px 0 5px 0;
	text-align: center;
}

#footer p.main{
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
}

#footer p.main a{
	color: #FFFFFF;
}

#footer p.footerMenu{ padding: 5px 0; font-size: 0.75em; color: #FFFFFF;}
#footer p.footerMenu a{ color: #FFFFFF;}
#footer p.copyright{ padding: 20px; font-size: 0.75em; color: #12589E;}
