@charset "UTF-8";

/* ========基本======== */
* {
   font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif;
   color:#333;
}

body {
	margin:0;
	padding:0;
	letter-spacing:1px;
	background-image: url(images/header_back.jpg);
	background-repeat: repeat-x;
}

br {
   letter-spacing:normal;
}
.clr {
	clear: both;
}


a {
   color:#333;
   text-decoration:none;
}

a:hover {
   color:#666;
}

img {
   border:0;
   vertical-align:bottom;
}

a:hover img.onmouse{
     filter: alpha(opacity=70); /* IE7以下用 */
      -ms-filter: "alpha(opacity=70)"; /* IE8用 */
     opacity:0.7; /* Firefox 1.5以上, Opera, Safari用 */
 }
 
h1,h2,h3,h4,h5,h6 {
   margin:0;
}


/* ========レイアウト======== */
div#top {
	margin:0 auto;
}
div#wrapper {
	background-image: url(images/wrap_bg.jpg);
	background-repeat: repeat-x;
}
div#wrapper2 {
	background-image: url(images/keyv_back.jpg);
	background-repeat: repeat-x;
}



#header {
	margin-right: auto;
	margin-left: auto;
	width: 940px;
	height: 105px;
	padding-top: 18px;
}

div#pr {
   position:absolute;
   left:0;
   top:0;
   width:480px;
}

div#gnavi {
   position:absolute;
   bottom:0;
   right:0;
}

div#icatch {
	width:940px;
	margin-right: auto;
	margin-left: auto;
}

div#menu {
   float:left;
   width:760px;
   background:#A50E63 url("images/bg_menu.gif") 0 0 repeat-x;
}

div#contents {
	width:940px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}

div#main {
	float:left;
	width:700px;
	font-size: 12px;
}

div#sub {
	float:right;
	width:220px;
	background-color: #333;
	padding-top: 10px;
	padding-bottom: 10px;
}

div#totop {
   clear:both;
}

div#footMenu {
   float:left;
   width:760px;
   padding-top:10px;
}

div#footer {
	clear:both;
	background-image: url(images/footer_back.jpg);
	background-repeat: repeat-x;
	margin-top: 5px;
}


/* ========ヘッダー======== */
div#header h1 {
	margin:0;
	padding:1em 0 0 0;
	font-size:200%;
	color:#A55973;
	line-height:1.0;
	display: none;
}

div#header h1 a {
   color:#A7005D;
}

div#header h1 a:hover {
   color:#C71C7A;
}

div#header #pr p {
   margin:0;
   font-size:75%;
}

div#header #gnavi ul {
   list-style:none;

}
div#header #gnavi li {
   float:left;
   font-size:70%;
   margin-left:15px;
}

div#header #gnavi li a {
   display:block;
   padding-left:15px;
   background:url("images/bg_gnavi.gif") 0 1px no-repeat;
}

#logo {
	margin-top: 15px;
	width: 470px;
	float: left;
}

#contact_r {
	float: right;
	height: 58px;
	width: 225px;
	margin-top: 15px;
}

#con_bt {
	float: right;
}

.right_b {
	float: right;
	width: 224px;
}

/* ========メニュー======== */
#globalnavi ul {
	width			:940px;
	list-style-type: none;
	padding: 0px;
	height: 60px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	margin-bottom: 0px;
	}
#globalnavi ul li {
	float			:left;
	padding-bottom		:0px !important;
	padding-left		:0px !important;
	}
#globalnavi ul li a {
	display			:block;
	height			:60px;
	background-image	:url(http://honpo.sub.jp/recommended/image/menu.jpg);
	background-repeat	:no-repeat;
	}
#globalnavi ul li#menu1 a {
	background-position	:0 0;
	width			:134px;
	height: 60px;
	}
#globalnavi ul li#menu1 a:hover {
	background-position	:0 -60px;
	}
#globalnavi ul li#menu2 a {
	background-position	:-134px 0;
	width			:134px;
	}
#globalnavi ul li#menu2 a:hover {
	background-position	:-134px -60px;
	}
#globalnavi ul li#menu3 a {
	background-position	:-268px 0;
	width			:134px;
	}
#globalnavi ul li#menu3 a:hover {
	background-position	:-268px -60px;
	}
#globalnavi ul li#menu4 a {
	background-position	:-402px 0;
	width			:134px;
	}
#globalnavi ul li#menu4 a:hover {
	background-position	:-402px -60px;
	}
#globalnavi ul li#menu5 a {
	background-position: -536px 0px;
	width: 134px;
}
#globalnavi ul li#menu5 a:hover {
	background-position: -536px -60px;
}
#globalnavi ul li#menu6 a {
	background-position: -670px 0px;
	width: 134px;
}
#globalnavi ul li#menu6 a:hover {
	background-position: -670px -60px;
}
#globalnavi ul li#menu7 a {
	background-position: -804px 0px;
	width: 136px;
}
#globalnavi ul li#menu7 a:hover {
	background-position: -804px -60px;
}

#globalnavi ul li a span {
	display			:none;
	}


/* ========メイン======== */
div#main a {
   color:#A7005D;
}

div#main a:hover {
	color:#C71C7A;
}

div#main h2 {

}
.title_u  {
	background-image: url(images/title.jpg);
	background-repeat: no-repeat;
	height: 35px;
	padding-left: 40px;
	font-size: 20px;
	padding-top: 5px;
}
.title_u2 {
	background-image: url(images/title2.jpg);
	background-repeat: no-repeat;
	height: 35px;
	padding-left: 40px;
	font-size: 20px;
	padding-top: 5px;
}



div#main h3 {
   margin-bottom:3px;
   font-size:88%;
}

div#main h4 {
   margin-bottom:2px;
   font-size:75%;
}

div#main h5 {
   margin-bottom:2px;
   font-size:75%;
}

div#main h6 {
   margin-bottom:2px;
   font-size:75%;
}

div#main p {
	margin:0 0 1em 0;
	font-size:12px;
}

div#main ul,ol,dl {
   font-size:75%;
}

div#main dt {
   margin-bottom:3px;
}

div#main dd {
   padding:0;
   margin:0 0 0.5em 1em;
   padding:3px;
   background:#f1f1f1;
}

div#main div.icatch {
   margin-bottom:20px;
}

/* ========右カラム======== */
div#sub .section {
	width: 200px;
	margin-right: auto;
	margin-left: auto;
}

div#sub h2 {
   font-size:88%;
   font-weight:bold;
}

div#sub ul {
	padding:0px;
	margin: 0px;
}

div#sub li {
	font-size:75%;
	line-height:1.4;
	list-style:none;
	background:url("images/bg_dotline.gif") 0 100% repeat-x;
	margin: 0px;
	padding-top: 5;
	padding-bottom: 5;
}

div#sub li a {
	display:block;
	background:url("images/bg_list.gif") 0 5px no-repeat;
	padding-top: 2px;
}


/* ========フッター======== */
#footer_inner {
	height: 178px;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
}
#footer_left {
	float: left;
	margin-top: 40px;
	height: 77px;
	width: 470px;
}
#footer_right {
	float: right;
	height: 33px;
	width: 400px;
	margin-top: 60px;
	color: #000;
}
#footmenu {
	font-size: 12px;
	text-align: right;
	color: #000;
}
#footmenu a {
	color: #000;
	text-decoration: none;
}
#footmenu a:hover {
	color: #666;
	text-decoration: underline;
}
#footer_add {
	font-size: 12px;
	color: #000;
	text-align: center;
	padding-top: 30px;
}

address {
   font-style:normal;
   font-size:70%;
   color:#fff;
   line-height:3.0;
   text-align:center;
   background:#A7005D;
}

/* ========新着情報======== */
div#news_area {
	background-color: #CD0067;
	height: 168px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

div#news_detail {
	background-color: #FFF;
	height: 146px;
	width: 661px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	overflow: auto;
}

/* ========駅物件検索======== */
div#sta_area {
	background-color: #09F;
	padding-bottom: 10px;
}

div#sta_detail {
	background-color: #FFF;
	width: 661px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}
.sta {
	float: left;
}
.title_m {
	float: left;
	width: 323px;
}
#main .company {
	font-size: 12px;
	background-color: #F7F7F7;
	border: 3px double #666;
}
#main .company tr .left {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #333;
	font-weight: bold;
}
#main .company tr .right {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
	background-color: #FFF;
}
#main .bre {
	font-size: 10px;
	text-align: right;
}
#main .areainfo {
}
#main .areainfo tr .text {
	background-color: #FFF;
	padding-left: 5px;
	padding-right: 5px;
}
.totop {
	width: 940px;
	text-align: right;
	font-size: 12px;
	margin-right: auto;
	margin-left: auto;
}
.totop a {
	color: #F90;
	border: 1px dotted #F90;
	padding: 3px;
	background-color: #FFC;
}
.totop a:hover {
	color: #FC0;
	text-decoration: underline;
}
#mailform .mailform {
	border: 3px double #666;
}

#mailform .mailform tr th {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #333;
}
#mailform .mailform tr td {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
}
#mailform .mailform tr th span {
	color: #F00;
}
#main .text_area {
	background-color: #FFC;
	border: 3px double #F90;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
