@charset "utf-8";

/*--------------------------------------------------------------------
common
cssの初期化
--------------------------------------------------------------------*/

html, body {
	font-family:"ＭＳ Ｐゴシック","MS P Gothic", "Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
	margin: 0;
	padding: 0;
	font-size: 100%;
}

h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
	font-family:"ＭＳ Ｐゴシック","MS P Gothic", "Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

table, caption, th, td {
	font-family:"ＭＳ Ｐゴシック","MS P Gothic", "Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
	font-family:"ＭＳ Ｐゴシック","MS P Gothic", "Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: inherit;
	font-size: 100%;
}

a {
	outline: none;
	text-decoration: none;
	color: #333;
}

a:hover {
	text-decoration: underline;
	color: #666;
}

a:hover img {
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
}

* table tr td:after {
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	content: "";
	overflow: hidden;
}

.Clear {
	clear: both;
}

/*--------------------------------------------------------------------
common
ページ共通部分
--------------------------------------------------------------------*/

/*------------bodyのスタイル---------------------------------------------------------------*/
body {
	background: #fff;
	overflow: scroll;
	line-height: 1.4;
	font-size: small;
	color: #2b1f19;

	min-width: 1024px;
	_display: inline;
	_zoom: 1;
}

/*IE6・7用*/
*body { overflow: auto; }

/*-----containerのスタイル------*/

div#container {
	width: 980px;
	margin: 0 auto;
	background: url(../img/back.jpg) repeat-y center top;
}

/*---topのスタイル----*/
div#container div#top {
	width: 100%;
	overflow: hidden;
}

div#container div#top h1 {
	text-indent: -99999px;
	width: 393px;
	height: 91px;
	background: url(../img/header/LaProvence.gif) no-repeat left top;
	float: left;
	margin-top: 10px;
	margin-left: 20px;
}

div#container div#top div#right {
	float: right;
}

div#container div#top div#right p {
	font-size: 25px;
	margin-top: 10px;
	margin-bottom: 5px;
}


div#container div#top div#right ul {
	overflow: hidden;
	list-style: none;
	margin-bottom: 30px;
}

div#container div#top div#right ul li {
	float: left;
	text-indent: -99999px;
	margin-left: 5px;
}

div#container div#top div#right ul li a {
	display: block;
	height: 47px;
}

div#container div#top div#right ul li a#a {
	background: url(../img/header/navi1.gif) no-repeat left top;
	width: 100px;
}
div#container div#top div#right ul li a#b {
	background: url(../img/header/navi2.gif) no-repeat left top;
	width: 100px;
}
div#container div#top div#right ul li a#c {
	background: url(../img/header/navi3.gif) no-repeat left top;
	width: 102px;
}
div#container div#top div#right ul li a#d {
	background: url(../img/header/navi4.gif) no-repeat left top;
	width: 97px;
}
div#container div#top div#right ul li a#e {
	background: url(../img/header/navi5.gif) no-repeat left top;
	width: 130px;
	margin-right: 10px;
}

div#container div#top div#right ul li a:hover#a {
	background: url(../img/hover/home.gif) no-repeat left top;
}
div#container div#top div#right ul li a:hover#b {
	background: url(../img/hover/news.gif) no-repeat left top;
	width: 100px;
}
div#container div#top div#right ul li a:hover#c {
	background: url(../img/hover/menu.gif) no-repeat left top;
	width: 102px;
}
div#container div#top div#right ul li a:hover#d {
	background: url(../img/hover/staff.gif) no-repeat left top;
	width: 97px;
}
div#container div#top div#right ul li a:hover#e {
	background: url(../img/hover/contact.gif) no-repeat left top;
	width: 130px;
	margin-right: 10px;
}




div#container div#top p#aa {
	clear: both;
	text-indent: -99999px;
	width: 100%;
	height: 300px;
	background: url(../img/header/top-main.gif) no-repeat left top;
	margin-top: 30px;
}

/*---contentsのスタイル----*/
div#container div#contents {
	width: 100%;
	overflow: hidden;
}

div#container div#contents div#side {
	margin-top: 20px;

}

div#container div#contents div#side ul {
	float: left;
	width: 249px;
	list-style: none;

}

div#container div#contents div#side ul li {
	text-indent: -99999px;
	margin-top: 5px;
}

div#container div#contents div#side ul li a {
	display: block;
}

div#container div#contents div#side ul li a#ab {
	background: url(../img/side/side1.png) no-repeat right top;
	margin-left: 30px;
	width: 198px;
	height: 295px;
}
div#container div#contents div#side ul li a#ac {
	background: url(../img/side/side2.png) no-repeat right top;
	margin-left: 30px;
	width: 198px;
	height: 288px;
}

div#container div#contents div#side ul li a#ad {
	background: url(../img/side/side3.png) no-repeat left top;
	margin-left: 6px;
	width: 243px;
	height: 328px;
}
div#container div#contents div#side ul li a:hover#ab {
	background: url(../img/hover/side01.png) no-repeat right top;
}

div#container div#contents div#side ul li a:hover#ac {
	background: url(../img/hover/side02.png) no-repeat right top;
}

div#container div#contents div#side ul li a:hover#ad {
	background: url(../img/hover/side03.png) no-repeat left top;
}




div#container div#contents div#main {
	float: right;
	margin-top: 40px;
	margin-right: 40px;
}


/*---footerのスタイル----*/

div#container div#footer {
	margin-top: 50px;
	background: #a67c52;
	overflow: hidden;
}

div#container div#footer img {
	float: right;
	margin: 5px;
}


div#container div#footer ul {
	color: #fff;

	float: left;
	overflow: hidden;
	margin-left: 10px;
	list-style: none;
}

div#container div#footer ul li {
	float: left;
	margin-left: 5px;
	font-size: 120%;
}

div#footer li a {
	color: #fff;


}