@charset "UTF-8";

/* layout.css */

/* index
================================================
#wrapper
 |-#header
 |-#contents
 | |-#main
 | |-#side
 | |-#pageTop
 |-#footer
[site width]940px
================================================ */

/* Base
================================================ */
body{
background: url("../../common/img/bg/bg01.gif");
}

#wrapper {
	width: 940px;
	margin: 0 auto;
}

/* 20110406クラスあり修正版 */
.clearfix {zoom:1;}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

/* #header
================================================ */
#header{
	width: 940px;
	margin: 20px 0 8px 0;
}

	#logo {
		width: 220px;
		float: left;
		font-size: 12px;
	}

	#headerUtility {
		float: right;
	}

	#changeFontSize ul li{
		float: left;
	}

		#btnFontSizeNormal a{
			width: 39px;
			height: 22px;
			display: block;
			background: url("../../common/img/btn/btn_font_size01.gif") 0 -22px no-repeat;
			text-indent: -9999px;
		}
		#btnFontSizeLarge a{
			width: 53px;
			height: 22px;
			display: block;
			background: url("../../common/img/btn/btn_font_size01.gif") right -22px no-repeat;
			text-indent: -9999px;
		}

		#btnFontSizeNormal a:hover{
			width: 39px;
			height: 22px;
			display: block;
			background: url("../../common/img/btn/btn_font_size01.gif") 0 0px no-repeat;
			text-indent: -9999px;
		}
		#btnFontSizeLarge a:hover{
			width: 53px;
			height: 22px;
			display: block;
			background: url("../../common/img/btn/btn_font_size01.gif") right 0 no-repeat;
			text-indent: -9999px;
		}

		#headerTelNo{
			margin: 10px 0 0 10px;
		}

		#titFontSize{
			margin-top: 24px;
			margin-top: 28px\9;
			font-size: 12px;
		}

		#btnFontSizeLarge{
			margin: 21px 0 0 0;
		}
		#btnFontSizeNormal{
			margin:21px 0 0 10px;
		}



/* #contents
================================================ */
/*
#contents
 |-#main
 | |-#topicpath
 | |-.edit
 |-#side
 | |-#lNavi
 |-#pageTop
*/

#contents{
}

/* #main */
#main{
	width: 700px;
	float: right;
}

/* #mainWrap */
#mainWrap{
	background: #FFF;
	padding: 15px 0;
}

/* #mainWrapIn */
#mainWrapIn{
	width: 670px;
	margin: 0 auto;
}

/* #topicpath */
#topicpath{
}

/* .edit */
.edit {

}

/* #side */
#side{
width: 220px;
float: left;
}

	/* #lNavi */

	#lNavi{
	margin-bottom :10px;
	}

	#lNavi li a{
	width: 220px;
	height: 55px;
	display: block;
	text-indent: -9999px;
	}

	#lNavi01 a{
	background: url("../../common/img/btn/btn_lnavi01.gif") 0 0 no-repeat;
	}
	#lNavi02 a{
	background: url("../../common/img/btn/btn_lnavi01.gif") 0 -55px no-repeat;
	}
	#lNavi03 a{
	background: url("../../common/img/btn/btn_lnavi01.gif") 0 -111px no-repeat;
	}
	#lNavi04 a{
	background: url("../../common/img/btn/btn_lnavi01.gif") 0 -167px no-repeat;
	}

	#lNavi01 a:hover{
	background: url("../../common/img/btn/btn_lnavi01.gif") -220px 0 no-repeat;
	}
		#lNavi01 a.current{
			background: url("../../common/img/btn/btn_lnavi01.gif") -220px 0 no-repeat;
		}
	#lNavi02 a:hover{
	background: url("../../common/img/btn/btn_lnavi01.gif") -220px -55px no-repeat;
	}
		#lNavi02 a.current{
			background: url("../../common/img/btn/btn_lnavi01.gif") -220px -55px no-repeat;
		}
	#lNavi03 a:hover{
	background: url("../../common/img/btn/btn_lnavi01.gif") -220px -111px no-repeat;
	}
		#lNavi03 a.current{
			background: url("../../common/img/btn/btn_lnavi01.gif") -220px -111px no-repeat !important;
		}
	#lNavi04 a:hover{
	background: url("../../common/img/btn/btn_lnavi01.gif") -220px -167px no-repeat;
	}
		#lNavi04 a.current{
			background: url("../../common/img/btn/btn_lnavi01.gif") -220px -167px no-repeat !important;
		}

	/* #sideBnr */
	#sideBnr li{
		margin-bottom: 10px;
		font-size: 12px;
	}

/* #page-top */
#pageTop{
clear: both;
text-align: right;
margin: 30px 0 15px 0;
}


/* #footer
================================================ */
/*
#footer
 |-#footerInner
*/



	#footer{
		background: url("../../common/img/footer/bg01.gif");
		padding: 10px 0;
	}


	#footerInner{
		width: 940px;
		margin: 0 auto;
		color: #FFF;
		text-align: center;
		font-size: 10px;
	}