/*--------------------------------------------

	ベルメゾンの森基本設定

	Last update : 2009.3.22
	mio urakami

	---------------------------
	1-0 style reset
	2-0 basic visual setting
	3-0 structure

	4-0 visual setting
		4-1 common
  --------------------------------------------*/

/*---------------------------------------------------------------
  1-0 style reset
----------------------------------------------------------------*/

h1, h2 ,h3, h4, h5, p, td, th, caption{
	margin:0;
	padding:0;
	font-size:100%;
	font-weight:normal;
}

img{
	border:0;
}

/*-----------------------------------------------------------------
 2-0 basic visual setting
------------------------------------------------------------------*/

body{
	margin:0;
	padding:0 0 20px 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	color:#333;
	background:#f2eee1 url("../images/back.jpg") repeat-x center top;
}


a:link{
	color:#e62ea3;
}

a:visited{
	color:#666;
}

a:hover{
	color:#60f;
}

/*-----basefontsize------------------------------*/

body{
	font-size:12px;
}

/*--for Old IE--*/
*html body{
	font-size:80%;
}

/*--for IE7--*/
*:first-child+html body {
	font-size:80%;
}

/*--for another modern*/
html>/**/body{
	font-size:12px;
}

/*------centering for IE--------------------*/
body{
	text-align:center;
}

/*-----centering for another---------------*/
#body{
	width:930px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	text-align:left;
}

/*-----注意書き--------------------*/

em{
	color:#f60;
	font-style:normal;
}

/*-----float clear hack-----------*/
.clr:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .clr { display: inline-block; }
/* no ie mac \*/
* html .clr { height: 1%; }
.clr { display: block; }
/* */

/*---for IE7---*/
*+html body .clr{
	overflow:auto;
	height:auto;
}


/*----------------------------------------------------------------
  3-0 structure
-----------------------------------------------------------------*/

.headcopy{
	width:300px;
	float:left;
}

.headlogo{
	width:200px;
	float:right;
	text-align:right;
}

/*-----float clear----------------------*/

.clear, #base, #footer{
	clear:both;
}

/*----------------------------------------------------------------
  4-0 visual setting
-----------------------------------------------------------------*/

/*------------------------------------------------
  4-1 header
------------------------------------------------*/

#header{
	padding:10px 0 8px 0;
}


/*---背景の白い紙の設定---*/
#base{
	margin:0;
	background:url("../images/base_body.gif") repeat-y;
}

/*------------------------------------------------
  4-2 footer
------------------------------------------------*/
#footer{
	padding:32px 0 0 0;
	background:url("../images/base_foot.gif") no-repeat;
	text-align:center;
	color:#838181;
	font-weight:bold;
}