@charset "utf-8";

/*
Theme Name: 三門商事
Theme URI: http://www.mikadosyouji.com/
Description: 不動産サイト
Version: 1.2
Author: 恵佼会CADセンター
Author URI: http://www.fukushi-net.com/
*/

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

 main CSS
 creation date: 08/1/15
 last update: 08/1/29

----------------------------- */
/* ブラウザスタイル初期化
-------------------------------------------- */
body, div, p, blockquote, form, input, address,
table, th, td, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
body {
	color: #666666;
	font-family: "MS UI Gothic", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 83%;
	line-height: 1.5;
	background: #f7f4ef url(images/body_bg.jpg) repeat-x;
}
h1, h2, h3 {
	font-size: 1.1em;
}
h4, h5, h6 {
	font-size: 0.9em;
}
img {
	border: none;
	vertical-align: bottom;
}
.topic_path {
	margin: 10px 0 15px 0;
	font-size: 0.9em;
	text-indent: 1em;
	background: #e6e6fa;
}
.prev_next {
	margin: 5px 0;
	padding: 5px 0;
	font-size: 1em;
	text-align: center;
	border: dotted 1px #cccccc;
}
.p_next {
	margin: 5px 0;
	padding: 5px 0;
	font-size: 1em;
	text-align: right;
	border: dotted 1px #cccccc;
}
.menubox {
	margin: 5px 0;
	padding: 5px 0;
	font-size: 1em;
         background: #e4d9b5;
	text-align: center;
	border: dotted 1px #cccccc;
}
.m_box {
	margin: 5px 0;
	padding: 5px 0;
	font-size: 1em;
         background: #f2e9c6;
	text-align: left;
	border: dotted 1px #cccccc;
}
.m_box1 {
	margin: 5px 0;
	padding: 5px 0;
	font-size: 1.1em;
	text-align: left;
	border: dotted 1px #cccccc;
}

/* リンク */
a:link, a:visited {
	color: #a67c52;
	text-decoration: none;
}
a:hover {
	color: #666666;
	text-decoration: underline;
}
a:active {
	color: #a67c52;
	text-decoration: none;
}
a {
	outline: none;
	text-decoration: none;
}
.hidden		{display: none;}
/* クリアフィクッス */
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix { display:block; }
/* end MacIE5 */

/* コンテナ
-------------------------------------------- */
#container {
	width: 900px;
	margin: 0 auto;
}

/* ヘッダ
-------------------------------------------- */
#header {
	position:relative;
	width:900px;
	height:130px;
	margin:0;
	padding:0;
	background:url(images/header_bg.jpg) no-repeat;
}
#header h1 a {
	position: absolute;
	top:30px;
	left:20px;
	display: block;
	overflow: hidden;
	height: 67px;
	width: 226px;
	background:url(images/siteid.jpg) no-repeat;
}
#header .inqttl {
	position: absolute;
	left: 539px;
	top: 0px;
	width: 238px;
	overflow: hidden;
	height: 0 !important;
	height /**/: 14px;
	padding-top: 14px;
}
#header .inqadd {
	position: absolute;
	left: 539px;
	top: 42px;
	width: 238px;
	overflow: hidden;
	height: 0 !important;
	height /**/: 58px;
	padding-top: 58px;
}
ul#subnav {
	position: absolute;
	left: 530px;
	top: 18px;
	width: 355px;
}
ul#subnav  {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul#subnav li {
	float: left;
	width: 115px;
}
ul#subnav li a {
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/: 28px;
	width: 115px;
	padding-top: 28px;
}
ul#subnav li#nav_toppage  a {
	width: 115px;
	background: url(images/nav_toppage.gif) no-repeat;
}
ul#subnav li#nav_praivacy  a {
	width: 115px;
	background: url(images/nav_privacy.gif) no-repeat;
}
ul#subnav li#nav_sitemap  a {
	width: 115px;
	background : url(images/nav_sitemap.gif) no-repeat;
}#search {
	position: absolute;
	top: 50px;
	right: 0px;
}
#search h2 {
	font-size: 0.8em;
}
/* コンテンツ
-------------------------------------------- */
#contents {
	float: left;
	width: 900px;
	background: url(images/contents_bg.jpg) repeat-y;
}
/* サイドバー
-------------------------------------------- */
#sidebar {
	float: left;
	width: 200px;
         height:640px;
	margin: 10px 0 10px 20px;
	padding: 0;
    background: url(images/m_back.gif) top left no-repeat;
}
#navi_area {
	margin: 0;
	padding: 0;
}
ul#contents_navi {
	position: relative;
	left: 10px;
	top: 60px;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0;
	width: 180px;
	clear: left;
}
ul#contents_navi li{
	margin: 0px 0px 0px 0px;
	padding: 0;
	height: 40px;
	width: 180px;
	font: normal 10px/10px "verdana";
	text-indent: -9999px;
}

ul#contents_navi li a {
	text-decoration: none;
	display: block;
	height: 40px;
}
ul#contents_navi li#news a { background: url(images/common/btn_nvi.gif) 0px 0px no-repeat; }
ul#contents_navi li#nai_tate a { background: url(images/common/btn_nvi.gif) 0px -40px no-repeat; }
ul#contents_navi li#nai_tochi a { background: url(images/common/btn_nvi.gif) 0px -80px no-repeat; }
ul#contents_navi li#gai_tate a { background: url(images/common/btn_nvi.gif) 0px -120px no-repeat; }
ul#contents_navi li#gai_tochi a { background: url(images/common/btn_nvi.gif) 0px -160px no-repeat; }
ul#contents_navi li#jigyou a { background: url(images/common/btn_nvi.gif) 0px -200px no-repeat; }
ul#contents_navi li#mansyon a { background: url(images/common/btn_nvi.gif) 0px -240px no-repeat; }
ul#contents_navi li#chintai a { background: url(images/common/btn_nvi.gif) 0px -280px no-repeat; }

ul#contents_navi li#news a:hover { background: url(images/common/btn_nvi.gif) -180px 0px no-repeat; }
ul#contents_navi li#nai_tate a:hover { background: url(images/common/btn_nvi.gif) -180px -40px no-repeat; }
ul#contents_navi li#nai_tochi a:hover { background: url(images/common/btn_nvi.gif) -180px -80px no-repeat; }
ul#contents_navi li#gai_tate a:hover { background: url(images/common/btn_nvi.gif) -180px -120px no-repeat; }
ul#contents_navi li#gai_tochi a:hover { background: url(images/common/btn_nvi.gif) -180px -160px no-repeat; }
ul#contents_navi li#jigyou a:hover { background: url(images/common/btn_nvi.gif) -180px -200px no-repeat; }
ul#contents_navi li#mansyon a:hover { background: url(images/common/btn_nvi.gif) -180px -240px no-repeat; }
ul#contents_navi li#chintai a:hover { background: url(images/common/btn_nvi.gif) -180px -280px no-repeat; }

ul#contents_navi li#news a.stay { background: url(images/common/btn_nvi.gif) -341px 0px no-repeat; }
ul#contents_navi li#nai_tate a.stay { background: url(images/common/btn_nvi.gif) -341px -40px no-repeat; }
ul#contents_navi li#nai_tochi a.stay { background: url(images/common/btn_nvi.gif) -340px -80px no-repeat; }
ul#contents_navi li#gai_tate a.stay { background: url(images/common/btn_nvi.gif) -340px -120px no-repeat; }
ul#contents_navi li#gai_tochi a.stay { background: url(images/common/btn_nvi.gif) -340px -160px no-repeat; }
ul#contents_navi li#jigyou a.stay { background: url(images/common/btn_nvi.gif) -340px -200px no-repeat; }
ul#contents_navi li#mansyon a.stay { background: url(images/common/btn_nvi.gif) -340px -240px no-repeat; }
ul#contents_navi li#chintai a.stay { background: url(images/common/btn_nvi.gif) -340px -280px no-repeat; }

/* バナー */
#snavi_area {
	margin: 0;
	padding: 0;
}
ul#contents_snavi {
	position: relative;
	left: 10px;
	top: 60px;
	list-style: none;
	margin: 80px 0px 0px 0px;
	padding: 0;
	width: 180px;
	clear: left;
}
ul#contents_snavi li{
	margin: 0px 0px 0px 0px;
	padding: 0;
	height: 41px;
	width: 180px;
	font: normal 10px/10px "verdana";
	text-indent: -9999px;
}
ul#contents_snavi li a {
	text-decoration: none;
	display: block;
	height: 41px;
}
ul#contents_snavi li#soudan a { background: url(images/common/btn_nvi1.gif) 0px 0px no-repeat; }
ul#contents_snavi li#kanri a { background: url(images/common/btn_nvi1.gif) 0px -41px no-repeat; }
ul#contents_snavi li#company a { background: url(images/common/btn_nvi1.gif) 0px -82px no-repeat; }
ul#contents_snavi li#inquiry a { background: url(images/common/btn_nvi1.gif) 0px -123px no-repeat; }

ul#contents_snavi li#soudan a:hover { background: url(images/common/btn_nvi1.gif) -180px 0px no-repeat; }
ul#contents_snavi li#kanri a:hover { background: url(images/common/btn_nvi1.gif) -180px -41px no-repeat; }
ul#contents_snavi li#company a:hover { background: url(images/common/btn_nvi1.gif) -180px -82px no-repeat; }
ul#contents_snavi li#inquiry a:hover { background: url(images/common/btn_nvi1.gif) -180px -123px no-repeat; }

ul#contents_snavi li#soudan a.stay { background: url(images/common/btn_nvi1.gif) -340px 0px no-repeat; }
ul#contents_snavi li#kanri a.stay { background: url(images/common/btn_nvi1.gif) -340px -40px no-repeat; }
ul#contents_snavi li#company a.stay { background: url(images/common/btn_nvi1.gif) -340px -80px no-repeat; }
ul#contents_snavi li#inquiry a.stay { background: url(images/common/btn_nvi1.gif) -340px -120px no-repeat; }

#BANNER {
	list-style: none;
	margin: 12px 0 0;
	padding: 0;
}
#BANNER li {
	margin: 0 0 4px;
	padding: 0;
}
/* メイン
-------------------------------------------- */
#main {
	float: left;
	width: 645px;
	margin: 10px 20px 10px 15px;
	padding: 0;
}
#main h3	{
	width	:645px;
         height   :65px;
	margin		:10px 0px 0px 0px;
	padding-top	:10px;
         padding-left      :30px;
	color		:#2a5405;
	font-size	:1.4em;
         background:url(images/h3_bg.gif) no-repeat;
}
#main h4	{
	margin		:0px;
	padding	:10px;
         	color		:#2a5405;
        background:url(images/headline.gif) no-repeat;

	font-size	:1.2em;
      }
#cheader {
	width: 645px;
         margin: 0;
	padding: 0;
}
#news {
         	position:relative;
　　　     width: 645px;
         height:368px;
	margin: 0;
	padding: 0;
         background: url(images/news_bg.jpg) no-repeat;
}
#news .box {
         position:absolute;
	top:55px;
	left:3px;
         width:447px;
         height:305px;
         line-height:1.0;
         color:#999999;
         overflow:auto;
       }
#news table  {
	width:426px;
         font-size: small;
         border-top: 1px solid #fff;
         border-left: 1px solid #fff;
         border-collapse: collapse;
         margin-bottom:1px;
}
#news th {
	width:50px;
         padding:1px;
         border-right: 1px solid #fff;
         border-bottom: 1px solid #e6e6e6;
         background-color: #efeae2;
         text-align: center;
         font-size:0.9em;
}
#news td {
	padding: 1px;
	border-right: 1px solid #fff;
         border-bottom: 1px solid #e6e6e6;
         background-color: #ffffff;
          font-size:0.9em;
}
/* フッター
-------------------------------------------- */
#footer {
	height: 111px;
	background: url(images/footer_bg.jpg) repeat-x;
        }
#footer .navi {
	font-size: 0.9em;
	text-align: center;
}
#footer .copy {
	width: 900px;
	hieght : 111px;
	margin:0 auto;
        padding:0;
        background: url(images/footer.jpg) center no-repeat;
        text-align: center;
}
/* 汎用スタイル
-------------------------------------------- */
.floatL { float: left; }
.floatR { float: right; }
.clr { clear: both; }
.alignC { text-align: center; }
.alignL { text-align: left; }
.alignR { text-align: right; padding-right: 10px;}
.col_w352 { width: 352px; }
.col_w318 { width: 318px; }
.col_w333 { width: 333px; }
.col_w520 { width: 520px; }
.col_w150 { width: 150px; }

#pagetop {
 	clear:both;
        width:900px;
         height:23px;
	margin: 0px;
         background: url(images/pagetop_bg.jpg) no-repeat; 
	text-align: right;
}
.totop  {
        width:105px;
        height:15px;
        margin:3px 30px 5px 0px;
        float: right;
} 
#breadcrumb {
	margin: 5px 0;
	padding-left: 20px;
	color: #8c8c8c;
}
/* セクション
-------------------------------------------- */
.section {
	clear: both;
}
.section strong {
	color: red;
}

/* トップページ */
#topsection .news {
	float: left;
	width: 371px;
	margin-top: 10px;
	margin-bottom: 5px;
}
#topsection .news h2 {
	position:relative;
	float:left;
	width: 371px;
	background: url(images/news_top.gif) no-repeat;
	text-indent: -9999px;
}
.post {
	padding-bottom: 5px;
	border-top: sold 1px #999;
	background: url(images/post_bg.gif) repeat-x;
}
.post p {
	float: left;
	width: 45%;
	padding-left: 2px;
}
#topsection .news h3 {
	clear: both;
	background: url(images/news_foot.gif) no-repeat;
	text-indent: -9999px;
}
#topsection .news h4 {
	margin: 5px 0;
}
#topsection .site {
	float: right;
	width: 196px;
	padding: 0;
	margin: 0;
}
#topsection .site h2 {
	width: 184px;
	height: 332px;
	margin: 10px 12px 10px 0px;
	padding: 0;
	background: url(images/m_site.gif) no-repeat;
	text-indent: -9999px;
}
#topsection .site dd {
	width: 181px;
	height: 200px;
	padding: 0px;
	background: #ffffff;
}
#topsection .site dl {
	height: 24px;
	padding: 5px 5px 5px 5px;
	text-indent: 1em;
}
#company td {
	margin: 0;
	padding-left: 0px;
}
/* サイトマップ */
#site {
	width: 550px;
	margin: 0;
	padding: 0;
	line-height: 2.0;
}
#site ul {
	list-style-type: square;
	list-style-position: inside;
	padding-left: 1em;
}
#site li {
	font-size: 1.1em;
}
#site .root li { font-weight: bold; }

#site h3.ban {
	padding: 0 5px;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	background: #fdf8bf;
}
/* 個人情報保護 */
#privacy {
	width: 560px;
	line-height: 1.5;
}
#privacy ol li {
	color: #333;
}
#privacy ol li li {
	color: #666;
	font-size: 0.9em;
}
#privacy .ban {
	margin: 5px;
	padding: 5px;
	text-align: center;
	border: dotted 2px #fc6;
	background: #fef2e3;
}
#privacy p{
	line-height: 1.6;
         font-size:1.0em;
         font-color:#999999;
         text-indent: 1em;
}

/* お問い合わせ */
table.form {
	border-top:1px solid #999999;
    border-left:1px solid #999999;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.form th {
	border-right:1px solid #999999;
    border-bottom:1px solid #999999;
    color:#330000;
    background-color:#f6e7cf;
    background-image:url(../img/table-back.gif);
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}
.form td {
	border-right:1px solid #999999;
    border-bottom:1px solid #999999;
    padding:0.3em 1em;
}
th.resize img {
         width:200px;
         height:150px;
} 
th.resize1 img {
         width:120px;
         height:90px;
} 
td.resize img {
         width:200px;
         height:150px;
} 
table.full {
	width: 100%;
}
table.full th {
	width: 80px;
	border-bottom: solid 1px #ebeb96;
	border-right: solid 1px #f5f5a0;
	background: #e4d9b5
}
table.full td {
	padding-left: 5px;
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #efefef;
         background: #f9f9eb;
}