@charset "UTF-8";

/* フッターをブラウザ下に固定する為
--------------------------------------*/
html, body, #container {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%; /* ie用に設定 */
	margin: 0 auto -60px; 
}
.push {
	height: 60px;
}


/* ボディー
--------------------------------------*/
body {
	background-color: #f8f8f8;
}


/* コンテナ
--------------------------------------*/
#container_header {
	background-image: url(../image/container_header_back.png);
	background-repeat: no-repeat;
	height: 164px;
}
#container_main {
	width: 895px;
	margin-right: auto;
	margin-left: auto;
}
#container_footer {
	clear: both;
	background-image: url(../image/container_footer_back.png);
	background-repeat: no-repeat;	
	height: 60px;
}


/* ヘッダー
--------------------------------------*/
#header {
	width: 895px;
	height: 164px;
	margin-right: auto;
	margin-left: auto;
}
#header_msg {
	height: 80px;
	background-image: url(../image/head_back.png);
	background-repeat: no-repeat;	
}
#gnavi {
	height: 84px;
	background-image: url(../image/gnavi_back.png);
	background-repeat: no-repeat;		
}


/* メインエリア
--------------------------------------*/
#main_area {
	background-image: url(../image/main_back.png);
	background-repeat: repeat-y;
	float: right;
}

/* パンくずリストエリア */
#pan_kuzu {
	height: 26px;
	background-image: url(../image/pan_kuzu_back.png);
	background-repeat: no-repeat;
	margin-bottom: 15px;
}

/* コンテンツ */
#contents {
	width: 630px;
	float: right;
	margin-right: 20px;
}

 /* 左エリア */
#left_area {
	width: 210px;
	margin-left: 20px;
	height: 800px;
    margin-right: 15px;/*safari,firefox3対応*/
	float: left;/*safari,firefox3対応*/
}

/* safari3対応*/
body:first-of-type #left_area {
    margin-right: 15px;/*safari対応*/
	float: left;/*safari対応*/
}


/* フッター
--------------------------------------*/
#footer {
	width: 895px;
	height: 60px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../image/footer_back.png);
	background-repeat: no-repeat;
}



/* ポップアップ用
--------------------------------------*/
.body_popup {
	background-color: #FFFFFF;
}
#container_popup {
	background-color: #FFFFFF;
}
#wrapper_popup {
	background-color: #FFFFFF;
}
#container_main_popup {
	width: 670px;
	background-color: #FFFFFF;
}
#main_area_popup {
/*	background-image: url(../image/main_back.png);
	background-repeat: repeat-y;*/
	background-color: #FFFFFF;
/*	float: right; */
	height: 500px;
}
.contents_popup {
	width: 630px;
	float: right;
	margin-right: 20px;
	background-color: #FFFFFF;
}
#container_footer_popup {
	clear: both;
	background-image: url(../image/footer_popup_back.png);
	background-repeat: repeat-x;
	height: 60px;
}

#footer_popup {
	width: 670px;
	height: 60px;
	background-image: url(../image/footer_popup_back.png);
	background-repeat: repeat-x;
}