@charset "utf-8"; 

/*	Stylesheet for Heiwa Real Estate Co., Ltd.
 *	Copyright (C)2008 平和不動産株式会社 / Heiwa Real Estate Co., Ltd. All Rights Reserved.
*/

/*基本設定*/
body{
	font-size:12px!important;
	font-size /**/:x-small; /* IE */
	font-family :"ＭＳ Ｐゴシック", Osaka,"ヒラギノ角ゴ Pro W3",sans-serif;
	margin:0;
	padding:0;
	text-align:center;
	line-height:1.5;
	color:#333333;
	background-color:#FFFFFF;
}

a:link{
	color:#0099CC;
	text-decoration:underline;
}
a:visited {color:#0099CC;text-decoration:underline;} 
a:hover{color:#E10915;text-decoration:underline;}

hr{display:none;}
   
ul,li,dl,dt,dd{padding:0;margin:0;list-style:none;}

h1,h2{
	font-size:12px!important;
	font-size /**/:x-small; /* IE */
	font-weight:normal;
	text-align:left;
	margin:0;
	padding:0;
}

p{
	font-size:12px!important;
	font-size /**/:x-small; /* IE */
	line-height:1.5;
	margin:0;
	padding:0;
	text-align:left;
}

.p_small {
    font-size:10px!important;
	font-size /**/:xx-small; /* IE */
    text-indent:0;
}

/*-----フロートクリア-----*/
.clear{ clear:both;}


/*-----トップページ-----*/
#topimg{
	width:780px;
	padding:0;
	margin:0;
}


/*-----下層ページ-----*/
#cont{
	width:950px;
	padding:0;
	margin:20px 0px;
}





/*-----トップページ-----*/
#top_menu{
	width:780px;
	padding:0;
	margin-bottom:50px;
}




/* トップメニュー */


#menu_box{
	width:250px;
	margin:0 auto;
	background-image:url(../img/menu_bg.jpg);
	background-repeat:repeat-y;
	text-align:left;
	padding:0;
	float:left;
}

#menu_box02{
	width:250px;
	margin:0 auto;
	background-image:url(../img/menu_bg.jpg);
	background-repeat:repeat-y;
	text-align:left;
	padding:0;
	float:left;
	margin-left:15px;
}


.menu_text {
    width:240px;
	font-size:12px;
	color: #666666;
	line-height:18px;
	padding:5px;
}

.menu_text02 {
	font-size:12px;
	color:#660000;
	line-height:18px;
}





/*全体背景*/
#containerbg{
	width:950px;
	margin:0 auto;
	background-image:url(../common_img/bg.gif);
	background-repeat:repeat-y;
	padding:0;
}

/*コンテナ基本設定*/
#container{
	width:930px;
	margin:0 auto;
	background-color:#FFFFFF;
	text-align:left;
	padding:0;
}

/*----ヘッダーの基本設定----*/
#header{
	position:relative;
	width:930px;
	height:0px;
	margin:0;
	padding:0;
	
/*	background-image:url(../common_img/head1.gif);
	background-repeat:no-repeat;*/
}

h1 {
    font-size: 5px;
    text-indent: -9999px;
	background:url(../common_img/travelnow_header.jpg) no-repeat;
	height:105px;
clear:both;
}

/*----右上ナビ共通---*/

#headNavi{
	position:absolute;
	top: -20px;
	left:500px;
	width:430px;
	height:25px;
	background-image:url(../common_img/head_navi_with_modres.gif);
	background-repeat:no-repeat;
	padding:0;
	margin:0;
}

#headNavi li{
	text-indent:-9999px;
	position:absolute;
}

#headNavi li#form{top:0px;left:0px;}
#headNavi li#english{top:0px;left:98px;}
#headNavi li#res{top:0px;left:290px;}

/*----リンク----*/
#form a,
#english a,
#res a {
	display:block;
	overflow: hidden; /*これがないとIEで下に4pxずれる*/
	text-indent:-9999px;
	text-decoration:none;
	height:25px;
	width:430px;
	background-image:url(../common_img/head_navi_with_modres.gif);
	background-repeat:no-repeat;
}

/*----メインエリアの基本設定
#main {width:760px;margin:0;padding:0;background-image:url(../common_img/mainpage_bg.gif);}----*/


/*----通常現在地----*/
#form .nowon,
#english .nowon,
#res .nowon,{
	display:block;
	text-indent:-9999px;
	text-decoration:none;
}

#form a{width:98px;background-position:0px 0px;}
#english a{width:200px;background-position:-98px 0px;}
#res a{width:132px;background-position:-290px 0px;}

#form .nowon{width:98px;background-position:0px -24px;}
#english .nowon{width:200px;background-position:-98px -24px;}
#res .nowon{width:132px;background-position:-290px -24px;}

#form a:hover{width:98px;background-position:0px -24px;}
#english a:hover{width:200px;background-position:-98px -24px;}
#res a:hover{width:132px;background-position:-290px -24px;}


/*----メインナビゲーション共通----*/
/*----通常TOPページ以外、下マージンなし----*/

#main_area {
    background-position: center top;
    background-repeat: no-repeat;
	position:relative;
	width:930px;
    height: 32px;
}
#main_area ul.main_navi li a {
    display: block;
    margin: 0;
    padding: 0;
    position: absolute;
    text-indent: -9999px;
}
#main_area ul.main_navi li.q01 a {
    background: url("../common_img/question01.jpg") no-repeat scroll 0 0 transparent;
    height:32px;
    left: 0px;
    text-indent: -9999px;
    top: 0px;
    width: 327px;
}
#main_area ul.main_navi li.q01 a:hover {
    background: url("../common_img/question01_on.jpg") no-repeat scroll 0 0 transparent;
}
#main_area ul.main_navi li.q02 a {
    background: url("../common_img/question02.jpg") no-repeat scroll 0 0 transparent;
    height:32px;
    left: 327px;
    text-indent: -9999px;
    top: 0px;
    width: 118px;
}
#main_area ul.main_navi li.q02 a:hover {
    background: url("../common_img/question02_on.jpg") no-repeat scroll 0 0 transparent;
}
#main_area ul.main_navi li.q03 a {
    background: url("../common_img/question03.jpg") no-repeat scroll 0 0 transparent;
    height: 32px;
    left: 445px;
    text-indent: -9999px;
    top: 0px;
    width: 118px;
}
/*
#main_area ul.main_navi li.q03 a:hover {
    background: url("../common_img/question03_on.jpg") no-repeat scroll 0 0 transparent;
}
*/
#main_area ul.main_navi li.q04 a {
    background: url("../common_img/question04.jpg") no-repeat scroll 0 0 transparent;
    height: 32px;
    left: 563px;
    text-indent: -9999px;
    top: 0px;
    width: 118px;
}

/*
#main_area ul.main_navi li.q04 a:hover {
    background: url("../common_img/question04_on.jpg") no-repeat scroll 0 0 transparent;
}
*/

#main_area ul.main_navi li.q05 a {
    background: url("../common_img/question05.jpg") no-repeat scroll 0 0 transparent;
    height: 32px;
    left: 678px;
    text-indent: -9999px;
    top: 0px;
    width: 118px;
}

/*
#main_area ul.main_navi li.q05 a:hover {
    background: url("../common_img/question05_on.jpg") no-repeat scroll 0 0 transparent;
}
*/

#main_area ul.main_navi li.q06 a {
    background: url("../common_img/question06.jpg") no-repeat scroll 0 0 transparent;
    height: 32px;
    left: 796px;
    text-indent: -9999px;
    top: 0px;
    width: 131px;
}

/*
#main_area ul.main_navi li.q06 a:hover {
    background: url("../common_img/question06_on.jpg") no-repeat scroll 0 0 transparent;
}
*/

/*----リンク----*/

#top a,
#hotel a,
#tour a,
#car a,
#parts a ,
#yoyaku a {
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	height:60px;
	width:930px;
	background-image:url(../common_img/main_navi.jpg);
	background-repeat:no-repeat;
}
/*----通常現在地----*/

#top .nowon,
#hotel .nowon,	
#tour .nowon,
#car .nowon,
#parts .nowon,
#yoyaku .nowon{
	display:block;
	text-indent:-9999px;
	text-decoration:none;
}


#top a{width:330px;background-position:0px 0px;}
#hotel a{width:115px;background-position:-330px 0px;}
#tour a{width:115px;background-position:-445px 0px;}
#car a{width:115px;background-position:-560px 0px;}
#parts a{width:130px;background-position:-675px 0px;}
#yoyaku a{width:130px;background-position:-805px 0px;}

#top .nowon{width:330px;background-position:-0px -63px;}
#hotel .nowon{width:115px;background-position:-330px -63px;}
#tour .nowon{width:115px;background-position:-445px -63px;}
#car .nowon{width:115px;background-position:-560px -63px;}
#parts .nowon{width:130px;background-position:-675px -63px;}
#yoyaku .nowon{width:130px;background-position:-805px -63px;}

#top a:hover{width:330px;background-position:-0px -63px;}
#hotel a:hover{width:115px;background-position:-330px -63px;}
#tour a:hover{width:115px;background-position:-445px -63px;}
#car a:hover{width:115px;background-position:-560px -63px;}
#parts a:hover{width:130px;background-position:-675px -63px;}
#yoyaku a:hover{width:130px;background-position:-805px -63px;}


.clear {
	clear:both;
}


/*----左テープルの設定----*/


.main930 {
	position:relative;
	width:930px;
 margin: 0px 0px 0px 0px;
 vertical-align:top;
}




.box297 {
    float: left;
    font-size: 12px;
    width: 317px;
}
.box600 {
    float:right;
    width: 600px;
	margin:0px 3px 0px 0px;
}

.box297 h2.sarch297 {
    background:url(../common_img/sarch297.jpg) no-repeat scroll 0 0 transparent;
    height: 30px;
	text-indent:-9999px;
    width: 318px;
}

.box600 h2.sarch592 {
    background:url(../common_img/sarch592.jpg) no-repeat scroll 0 0 transparent;
    height: 30px;
	text-indent:-9999px;
    width: 593px;
}

.leftwaku {
    font-size: 12px;
    width: 315px;
	margin:10px 0px 0px 0px;
}

.leftwaku h4 {
    background:url(../common_img/iconleft.jpg) no-repeat scroll 0 0 transparent;
    border: 1px solid #CCCCCC;
    color: #000000;
	font-size: 12px;
    font-weight: bold;
    line-height: 20px;
	 height: 20px;
    margin: 3px 0px;
    padding: 0;
    text-indent:15px;
}
.lefttable {
    border: 1px solid #CCCCCC;
    width: 315px;
	margin:0px 0px 10px 0px;
}
.lefttable2 {
    border: 1px solid #CCCCCC;
    width: 315px;
	margin:0px 0px 10px 0px;
}
.lefttable2 strong {
	margin:5px 2px 0px 5px;
    font-weight: bold;
	font-size: 12px;
	text-align:left;
}
.lefttable2 p {
	margin:0px 5px 0px 5px;
	font-size: 12px;
	text-align:right;
}
.rightwaku {
    width: 600px;
	margin:10px 0px 0px 0px;
	position:relative;
}

.rightwaku ul {
	margin:5px 5px 2px 5px;
}
.rightwaku li {
	margin:2px 5px 2px 20px;
}
.rightwaku p {
	margin:0px 15px 2px 0px;
	font-size: 10px;
	text-align:right;
}
.mapwaku {
    border: 1px solid #CCCCCC;
    font-size: 12px;
    width: 285px;
	margin:10px 0px 0px 0px;
		float:left;
}


.mapwaku h4 {
    background:url(../common_img/mapmidashi.jpg) no-repeat scroll 0 0 transparent;
    color: #000000;
	font-size: 12px;
    font-weight: bold;
    line-height:26px;
	 height: 26px;
    margin: -1px 0px 0px -1px;
    padding: 0;
    text-indent:33px;
}


.mapwaku02 h4 {
    background:url(../common_img/mapmidashi.jpg) no-repeat scroll 0 0 transparent;
    color: #000000;
	font-size: 12px;
    font-weight: bold;
    line-height:26px;
	 height: 26px;
    margin: -1px 0px 0px -1px;
    padding: 0;
    text-indent:33px;
}


.mapwaku02 {
    border: 1px solid #CCCCCC;
    font-size: 12px;
    width: 285px;
	margin:10px 7px 0px 0px;
	float:right;
}

.maptable {
    width: 270px;
	margin:0px 0px 10px 0px;
}

.mainwaku {
    width: 590px;
    border: 1px solid #CCCCCC;
	margin:10px 0px 0px 0px;
	position:relative;

}

.mainwaku h4 {
    background:url(../common_img/iconleft.jpg) no-repeat scroll 0 0 transparent;
    color: #666666;
	font-size: 18px;
    font-weight: bold;
    line-height: 30px;
	 height: 30px;
    margin: 3px 0px;
    padding: 0;
    text-indent:15px;
}

.mainwaku p {
	margin:5px 10px 5px 25px;
	font-size: 12px;
	text-align:left;
    color: #666666;
}
.mainwaku strong {
	font-size: 14px;
    color: #ff3300;
    font-weight: bold;
}

/*----フッターの基本設定----*/
#footer {
clear:both;
	padding:15px 0px 0px 0px ;	
	margin:15px 0px 5px 5px ;
	width:930px;
	height:50px;
	border-top: 2px solid darkred;
}


.text12 {
	color: #000000;
	font-size: 12px;
	line-height: 18px;
}

/* 見出し太字 */

.text1 {
	font-weight: bold;
}





.text2 {
	font-size:12px;
	color: #666666;
	line-height:18px;
	padding:10px;
	margin:10px;
}



/*トップ メニュー --------------------------------------------------------- */




/*----pagebody内の左枠設定----*/






h2{
	margin: 10px 0px 0px 0px;
	padding: 0px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}


h5{
	margin: 20px 0px 15px 0px;
	padding: 0px;
	font-size: 18px;
	font-weight: bold;
	color: #006699;
	height: 25px;
}




/* テーブル指定 */
#prof table {
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	font-weight: normal;
	margin-top: 20px;
	text-align: left;
}

#prof table th{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	background-color: #EEEEEE;
	text-decoration: none;
	width: 95px;
	vertical-align: top;
	margin: 0px;
	padding: 5px;
}

#prof table td{
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	margin: 0px;
	padding: 5px;
}

.text1 {
	font-weight: bold;
}

 

.text2 {
	font-size: 12px;
	color: #666666;
	line-height:1.5;
	padding: 5px 0;
}


/* 

.text3 {
	font-size: 12px;
	color: #666666;
	padding: 0 0 2px 0;
	line-height:1.5;
}*/

/* 

.text4 {
	font-size:12px;
	line-height:1.2;
	color:#e10915;
	font-weight: bold;
	padding: 10px 0;
}

.text5 {
	font-size: 12px;
	color: #666666;
	line-height:1.5;
	padding: 0;
}*/


/* サブメニュー */
#navi ul.sub {
background: #eeeeee;
}

#navi ul.sub li {
float: none;
}

#navi ul.sub li a {
color: #666666;
background: none;
font-size: 12px;
font-weight: normal;
padding: 3px 0;
border-top:1px solid #000099;
}

#navi ul.sub li a:hover {

color: #ffffff;
background-color: #ff9900;
}

#navi ul li.navi_menu ul {
display: none;
}

#navi ul li.navi_menu_on ul {
display: block;
}

#navi li.navi_menu{
border:1px solid #000099;
}

#navi li.navi_menu_on{
border:1px solid #000099;
}