@charset "utf-8";
/*
Theme Name: original
Description: 有限会社ハウスマート
*/


*{
margin:0;
padding:0;
vertical-align:baseline;  
font-family:inherit;
font-style:inherit;
} 


/* リンク指定 */
a:link{
color: #069;
text-decoration: none;
}


a:hover{
color: #fc0;
text-decoration: underline;
}


img{
border: none;
}


/* ハウスマートロゴ部分 */
h1{
width:190px;
height:60px;
margin: 0px 0px 0px 0px;/* [上][右][下][左] */
padding: 0px 0px 0px 0px;
background-image:url(logo.gif);
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
float: left;
}


/* 各ページタイトル */
h2{
width: 544px;
margin: 0px 0px 10px 0px;/* [上][右][下][左] */
padding: 10px 0px 10px 10px;
font-size: 88%;
border-top: 3px #666 solid;
border-bottom: 1px dotted #999;
background-color: #f5f5f5;
}


/* 物件住所 */
h3{
margin: 10px 0px 0px 0px;/* [上][右][下][左] */
padding: 0px 0px 0px 0px;
font-size: 113%;
color: #069;
}


/* 背景 */
body{
width: 100%;
height: 100%;
margin: 0px;
padding: 0px; 
font-family:"MS PGothic","Osaka","Arial","sans-serif";
font-size: 100%; 
background-image:url(backstripe.gif);
background-attachment: scroll;
background-color: #fff;
background-repeat: repeat;
background-position: left top;
}


/* コンテナ */
div#container{
width: 780px;
height: 100%;
margin: 0px auto; 
padding: 0px 0px 15px 0px; /* [上][右][下][左] */
background-image:url(sidebar.gif);
background-attachment: scroll;
background-color: #fff;
background-repeat: repeat-y;
}


/* ヘッダー */
div#header{
width: 754px;
margin: 0px auto; 
padding: 0px 0px 0px 0px; /* [上][右][下][左] */
}


div#header a:link{
color: #333;
text-decoration: none;
}


div#header a:hover{
color: #fc0;
text-decoration: underline;
}


/* ページリンク */
div.menu-page{
margin: 45px 0px 10px 0px;/* [上][右][下][左] */
padding: 0px 0px 0px 0px;
float: right;
}


div.menu-page ul{
margin: 0px 0px 0px 0px;/* [上][右][下][左] */
padding: 0px 0px 0px 0px;
list-style-type: none;
}


div.menu-page li{
margin: 0px 0px 0px 0px;/* [上][右][下][左] */
padding: 2px 2px 2px 2px;
background-image: url(menuicon.gif);
background-repeat: no-repeat;
display: inline;
font-size:75%;
}


div.menu-page li a {
margin: 0px 0px 0px 0px;/* [上][右][下][左] */
padding: 0px 5px 0px 17px;
}


/* カテゴリーリンク */
div.menu-category{
width: 754px;
border: none; 
clear: both;
}


/* イメージ画像 */
div.img-photo{
margin: 10px 0px 0px 0px;/* [上][右][下][左] */
padding: 0px 0px 0px 0px;
}


/* メイン */
div#main{
width: 754px;
margin: 0px auto;
margin-top: 20px;
}


/* サイドバー */
div#sidebar{
width: 190px;
float: left;
}


.openhouse{
width: 190px;
height:54px;
margin: 15px 0px 0px 0px;/* [上][右][下][左] */
padding: 0px 0px 0px 0px;
}


.otoiawase{
width: 190px;
height:187px;
margin: 15px 0px 0px 0px;/* [上][右][下][左] */
padding: 0px 0px 0px 0px;
background-image:url(otoiawase.gif);
background-repeat: no-repeat;
background-position: left top;
}

.otoiawase-syosai{
width: 164px;
margin: 0px auto;
padding: 50px 0px 0px 0px;
font-size: 75%;
line-height: 150%;
}


/* コンテンツ */
div#content{
width: 554px;
height: 100%;
margin: 0px 0px 0px 0px;/* [上][右][下][左] */
padding: 0px 0px 30px 0px;
float: right;
}


/* フッター */
div#footer{
width: 754px;
margin: 0px auto;
clear: both;
}


div.copyright{
width: 754px;
margin: 15px 0px 0px 0px;/* [上][右][下][左] */
padding: 3px 0px 3px 0px;
font-size: 75%; 
text-align: center;
color: #fff;
background-color: #999;
}


.pagetop {
width: 754px; 
margin: 0px 0px 0px 0px;/* [上][右][下][左] */
padding: 15px 0px 0px 0px;
font-size: 75%;
text-align: right;
}


.pagetop a{
color: #666;
}


.pagetop a:hover{
color: #fc0;
text-decoration: underline;
}


/* トップページ */
div.new{
width: 544px;
margin: 0px 0px 15px 0px;/* [上][右][下][左] */
padding: 0px 0px 0px 0px;
font-size:75%;
line-height: 150%;
}


div.new-syosai{
margin: 0px 0px 0px 0px;/* [上][右][下][左] */
padding: 5px 0px 10px 0px;
border-bottom: 1px dotted #999;
}


div.new-syosai a{
margin: 0px 0px 0px 0px;/* [上][右][下][左] */
padding: 0px 0px 0px 5px;
}


/* カテゴリーテンプレート用 */
div.category-group{
width: 544px;
font-size:75%;
line-height: 150%;
}


.syosai-button {
width: 542px;
height: 25px;
margin: 0px 0px 0px 0px;/* [上][右][下][左] */
padding: 8px 12px 0px 0px;
background-image:url(syosaibutton.gif);
background-repeat: no-repeat;
background-position: right top;
text-align: right;
}


/* 単一記事テンプレート用 */
div.syosai-group{
width: 544px;
font-size:75%;
line-height: 150%;
}


/* 物件詳細ページ用 */
.category-waku{
width: 100%;
margin: 0px 0px 0px 0px;/* [上][右][下][左] */
padding: 10px 0px 10px 0px;
}


.category-syosai-line{
width: 554px;
margin: 0px 0px 0px 0px;/* [上][右][下][左] */
padding: 10px 0px 10px 0px;
}



.category-koumoku{
width: 80px;
margin: 0px 0px 0px 0px;/* [上][右][下][左] */
padding: 3px 0px 3px 0px;
font-weight: bold;
word-wrap: normal;
border-bottom: 1px dotted #ccc;
}


.category-syosai{
margin: 0px 0px 0px 0px;/* [上][右][下][左] */
padding: 3px 0px 3px 0px;
border-bottom: 1px dotted #ccc;
}


.syosai-waku{
width: 364px;
float: left;
}


.syosai-koumoku{
margin: 0px 0px 0px 0px;/* [上][右][下][左] */
padding: 8px 5px 8px 0px;
font-weight: bold;
word-break: normal;
border-bottom: 1px dotted #ccc;
}


.syosai-syosai{
margin: 0px 0px 0px 0px;/* [上][右][下][左] */
padding: 8px 0px 8px 5px;
border-bottom: 1px dotted #ccc;
}


.osusume-koumoku{
margin: 0px 0px 0px 0px;/* [上][右][下][左] */
padding: 8px 0px 8px 0px;
font-weight: bold;
color: #f00;
}


.syosai-img{
margin: 0px 0px 0px 0px;/* [上][右][下][左] */
padding: 8px 8px 8px 8px;
}


.syosai-photo{
width: 170px; 
float: right;
}


.syosai-photo img{
width: 170px;
text-align: right;
vertical-align: bottom;
}


/* 固定ページテンプレート用 */
div.page-group{
width: 544px;
font-size:75%;
line-height: 176%;
}


/*ご契約の流れ*/
ol.keiyaku{
margin: 0px 0px 15px 5px;/* [上][右][下][左] */
padding: 0px 0px 0px 0px;
}

ol.keiyaku li{
margin: 0px 0px 0px 20px;/* [上][右][下][左] */
padding: 0px 0px 0px 0px;
}

ul.keiyaku{
margin: 0px 0px 15px 5px;/* [上][右][下][左] */
padding: 0px 0px 0px 0px;
}

ul.keiyaku li{
margin: 0px 0px 0px 20px;/* [上][右][下][左] */
padding: 0px 0px 0px 0px;
}

p.keiyaku-koumoku{
font-weight:bold;
color: #630;
}


/* お問い合わせ用 */
.label-check{
margin: 0px 0px 0px 5px;/* [上][右][下][左] */
padding: 0px 0px 0px 0px;
color: #f00;}


.checkarea{
font-size: 75%;
background-color: #fff;
}


.checkarea-on{
font-size: 75%;
background-color: #ffc;
}


/*プライバシーポリシー*/
ol.privacy {
margin: 0px 0px 15px 5px;/* [上][右][下][左] */
padding: 0px 0px 0px 0px;
}


ol.privacy li{
margin: 0px 0px 0px 20px;/* [上][右][下][左] */
padding: 0px 0px 20px 0px;
}


/* ページナビ */
.wp-pagenavi-waku{
margin: 0px 0px 0px 0px;/* [上][右][下][左] */
padding: 5px 5px 5px 5px;
}

.wp-pagenavi a, .wp-pagenavi a:link {
margin: 5px 5px 5px 5px;/* [上][右][下][左] */
padding: 2px 4px 2px 4px; 
text-decoration: none;
color: #069;
background-color: #ff;	
}


.wp-pagenavi a:visited {
margin: 5px 5px 5px 5px;/* [上][右][下][左] */
padding: 2px 4px 2px 4px; 
text-decoration: none;
color: #069;
background-color: #fff;	
}


.wp-pagenavi a:hover {	
color: #fff;
background-color: #069;
}

.wp-pagenavi a:active {
margin: 5px 5px 5px 5px;/* [上][右][下][左] */
padding: 2px 4px 2px 4px; 
text-decoration: none;
color: #069;
background-color: #fff;	
}


.wp-pagenavi span.pages {
margin: 5px 5px 5px 5px;/* [上][右][下][左] */
padding: 2px 4px 2px 4px; 
color: #069;
background-color: #fff;
}


.wp-pagenavi span.current {
margin: 5px 5px 5px 5px;/* [上][右][下][左] */
padding: 2px 4px 2px 4px; 
font-weight: bold;
color: #fff;
background-color: #069;
}


.wp-pagenavi span.extend {
margin: 5px 5px 5px 5px;/* [上][右][下][左] */
padding: 2px 4px 2px 4px; 
color: #069;
background-color: #fff;
}