@charset "utf-8";
/* CSS Document */

/**********************/
/***** レイアウト *****/
/**********************/

* {
	margin:0;
	padding:0;}

body {
width : 100% ;
background-image : url(../image/background.gif);
background-repeat : repeat-y;
background-position : center center;}

#outline {
position:relative;
margin:0 auto;
width:780px;}

/***** ヘッダ *****/

#header {
	width:780px;
	height:135px;}

/***** メイン枠 *****/

#main {
	width:780px;}

/***** フッタ *****/

#footer {
	width:780px;
	height:45px;
	clear:both;}

/***** 左と中央の枠 *****/

#left-center{
	float:left;
	width:620px;}

/***** 左枠 *****/

#left_navi{
	float:left;
	width:170px;}

/***** 中央枠 *****/

#contents{
	float:right;
	width:440px;}

/***** 右枠 *****/

#right_navi{
	float:right;
	width:150px;}

/******************/
/***** ヘッダ *****/
/******************/

/***** 文章 *****/

#header h1{
	display:block;
	padding:4px 0;
	font-size:small;}

#header{
	/*background:url(header.jpg) no-repeat;*/}

/***** メニュー *****/

/*** 枠 ***/

#menu_box{
	width:780px;
	height:35px;
	padding-top:8px;
	clear:both;
	margin-top:5px;}

/*** 項目 ***/

ul.menu, ul.menu li ul{
	border:none;
	list-style-type:none;
	display:block;
	font-size:small;
	text-align:left;
}

ul.menu{
	width:780px;}

ul.menu li a, ul.menu li ul li a{
	display:block;}
	
ul.menu li a{
	padding:5px 8px;
	border-right:1px solid #FFFFFF;}

ul.menu li ul li a{
	padding:3px 7px 3px 10px;}

ul.menu li a:hover{
	z-index:100;
	white-space:normal;}

ul.menu li{
	margin:0;
	padding:0;
	border:none;
	display:block;
	float:left;
	position:relative;
	z-index:5;}

ul.menu a{
	text-decoration:none;}

ul.menu li{
	background:url(../image/headermenu_background_off.gif) repeat-x;}

ul.menu li a{
	display:block;
	color:#3300FF;}

ul.menu a:hover, ul.menu li a:hover{
	background:url(../image/headermenu_background_on.gif) repeat-x;
	color:#FFFFFF;}

ul.menu li ul li{
	margin:0;
	padding:0;
	float:none;
	width:12em;
	background:#666666;
	filter:alpha(opacity=90);/*IE*/
	-moz-opacity:0.90;/*Firefox*/
	opacity:0.90;/*CSS3*/}

ul.menu li ul li a{
	display:block;
	border-top:1px solid #FFFFFF;
	color:#FFFFFF;}

ul.menu li ul li a:hover{
	background:#5E4BFE;
	color:#FFFFFF;
	filter:alpha(opacity=100);/*IE*/
	-moz-opacity:1.00;/*Firefox*/
	opacity:1.00;/*CSS3*/}

ul.menu li ul{
	background-color:#FFFFFF;
	filter:alpha(opacity=90);/*IE*/
	-moz-opacity:0.90;/*Firefox*/
	opacity:0.90;/*CSS3*/}

/*OFF*/

ul.menu li.off ul{
	visibility:hidden;
	position:absolute;
	top:0;
	left:0;
	z-index:10;}

/*ON*/

ul.menu li.on ul{
	z-index:100;
	position:absolute;}

/*▼*/

.tr{
	font-size:xx-small;
	margin-left:0.6em;
	color:#FFFFFF;}

/************************/
/***** 左側メニュー *****/
/************************/

/***** タイトル *****/

.left_menu_title {
	clear: both;
	display: block;
	background-color: #99CCCC;
	color: #323232;
	font-size: small;
	font-style: normal;
	text-align: left;
	margin-top: 0;
	padding:12px 9px;
	width:152px;}

/***** 項目 *****/

ul.left_menu{ 
	margin:0 0 5px 0; 
	list-style-type:none;}

ul.left_menu li{ 
	display:inline;}

ul.left_menu li a{
	display:block; 
	border-left:10px solid #99CCCC;
	background-color:#ffffff;
	font-size:small;
	padding:9px 0 9px 5px;
	text-decoration:none;
	text-align:left;
	color:#555577;
	width:155px;}

.left_menu a:hover {
	display:block; 
	border-left:10px solid #ddddff;
	background-color:#ffffff;
	font-size:small;
	padding:9px 0 9px 5px;
	text-decoration:none;
	text-align:left;
	color:#557755;
	width:155px;}

/**********************/
/***** コンテンツ *****/
/**********************/

/***** タイトル *****/

#contents_title {
	clear:both;
	display:block;
	background-color:#BBD3F7;
	color:#323232;
	font-size:small;
	font-style:normal;
	padding:5px 0;
	width:440px;
	text-align:center;}

#contents_title_red {
	clear: both;
	display: block;
	background-color: #FFB0B0;
	color: #323232;
	font-size: small;
	font-style: normal;
	padding:5px 0;
	width: 440px;
	text-align:center;}

/***** お知らせ欄 *****/

#oshirase {
	width:420px;
	height:120px;
	overflow:auto;
	display:block;
	margin:3px auto 7px auto;
	padding:3px 7px;
	font-size:small;
	line-height:1.3em;
	border:solid 1px #999999;
	background:#f9f9f9;}

/***** コンテンツ枠 *****/

.contents_box {
	width:440px;
	margin:2px 0;
	position:relative;
	font-size:small;
	text-align:left;
	clear:both;}

/***** タイトル *****/

.contents_box_title {
	clear:both;
	display:block;
	margin:2px 0;
	padding:2px 7px;
	background-color: #DCDCDC;
	font-weight:bold;
	font-size:small;
	text-align:left;
	color:#323232;}

/***** 赤文字 *****/

.font_red {
	color: #FF0000;}

/***** 物件画像 *****/

.contents_box img{
	float:left;
	margin: 5px 5px 3px 3px;
	border:1px solid #646464;}

/***** 文章 *****/

.contents_box p{
	margin:10px 0 0 0;}

/***** 続きリンク *****/

a.tsuduki{
	display:block;
	width:440px;
	text-align:right;
	clear:both;}

/************************/
/***** 右コンテンツ *****/
/************************/

/***** 枠 *****/

.right_box{
	width:140px;
	margin: 0 0 5px 0;
	padding:5px;
	border: solid 1px #C8C8C8;
	text-align: left;
	font-size: small;}

/***** タイトル *****/

.right_box_title {
	clear: both;
	display: block;
	margin:0 0 3px 0;
	padding:3px;
	background-color:#BBD3F7;
	font-weight: bold;
	font-size: small;
	color: #323232;}

.right_box_title_toi {
	clear:both;
	display:block;
	border:solid 1px #FF9900;
	margin:0 0 3px 0;
	padding:3px;
	background-color:#ffffdf;
	font-weight:bold;
	font-size:small;
	color:#323232;}

/***** 画像枠消し *****/

.img_border{
	border:0;}

/***** 画像中央 *****/

.img_center{
	width:auto;
	text-align:center;}

/******************/
/***** フッタ *****/
/******************/

/***** Copyright *****/

.copyright {
	display:block;
	margin:5px 0;
	font-size:small;
	text-align:center;}