@charset "utf-8";
/*
Theme Name: 考建　戸建賃貸　「家ど貸り」ホームページ
Theme URI: 
Description: 考建　戸建賃貸　「家ど貸り」ホームページのテーマ
Author: 考建　戸建賃貸　「家ど貸り」
Author URI: http://www.kodate.jp/
*/

@import "common.css";


/*---------------------------------------------------------------------------*/
/* 全体共通の設定                                                            */
/* container                                                                 */
/*---------------------------------------------------------------------------*/
#container {
	margin:0 auto;
	padding:0 5px;
	width:930px;
	background:url(img/container_bg.jpg) repeat-y;
	}
#container_s {
	margin:0 auto;
	padding:0;
	width:550px;
	overflow:hidden;
	border:1px solid #cccccc;
	}
	
#header p,
#gnavi p,
#footer p {
	margin:0;
	padding:0;
	}
	
#header a:hover img,
#header ul a:hover,
#side a:hover img {
	opacity:0.6;
	filter:alpha (opacity=60) ;/*for IE */
	}


/*---------------------------------------------------------------------------*/
/* header                                                                    */
/*---------------------------------------------------------------------------*/
#header {
	float:left;
	width:930px;
	margin-left:-1px;
	background:url(img/header_bg.jpg) repeat-x;
	color:#FFFFFF;
	}
#header_s {
	float:left;
	width:550px;
	margin-left:-1px;
	background:url(img/header_bg.jpg) repeat-x;
	color:#FFFFFF;
	}
#logo {
	float:left;
	}
#header a {
	color:#FFFFFF;
	}

#seobox {
	float:left;
	width:283px;
	margin:10px 0 0 120px;
	font-size:80%;
	color:#FFFFFF;
	line-height:1.5;
	letter-spacing:0.1em;
	}
#seobox_s {
	display:none;
	}


#header ul {
	width:410px;
	height:17px;
	margin:30px 0 0 520px;
	}
#header ul li {
	display:block;
	float:left;
	}
#header ul li a {
	display:block;
	float:left;
	padding-left:8px;
	}
#header ul li#gnavi_company a {
	width:58px;
	height:12px;
	background:url(img/gnavi_company.gif) top left no-repeat;
	}
#header ul li#gnavi_link a {
	width:46px;
	height:12px;
	background:url(img/gnavi_link.gif) top left no-repeat;
	}
#header ul li#gnavi_contact a {
	width:58px;
	height:12px;
	background:url(img/gnavi_contact.gif) top left no-repeat;
	}
#header ul li#gnavi_privacy a {
	width:123px;
	height:12px;
	background:url(img/gnavi_privacy.gif) top left no-repeat;
	}
#header ul li#gnavi_sitelist a {
	width:80px;
	height:12px;
	background:url(img/gnavi_sitelist.gif) top left no-repeat;
	}




/*---------------------------------------------------------------------------*/
/* contents                                                                  */
/*---------------------------------------------------------------------------*/

#contents {
	float:left;
	margin:0;
	padding:0 10px 10px 10px;
	width:910px;
	}


/*---------------------------------------------------------------------------*/
/* main                                                                  */
/*---------------------------------------------------------------------------*/
#main {
	float:right;
	margin:0 0 0 5px;
	width:710px;
	}


.pagetop {
	text-align:right;
	width:700px;
	margin:20px 0 0 0;
	}

.pagetop a {
	color:#339999;
	font-size:11px;
	text-decoration:underline;
	}

/*---------------------------------------------------------------------------*/
/* side                                                                  */
/*---------------------------------------------------------------------------*/
#side {
	float:left;
	margin:0;
	padding:0;
	width:190px;
	background:url(img/side_bg.jpg) repeat-y;
	}	
#side ul {
	}
#side ul li a{
	display:block;
	width:190px;
	height:30px;
	}
#side ul li#snavi_home {
	background:url(img/sidenavi_bg.jpg) 0 0 no-repeat;
	}
#side ul li#snavi_home a:hover{
	background:url(img/sidenavi_bg.jpg) -190px 0 no-repeat;
}
#side ul li#snavi_aboutus {
	background:url(img/sidenavi_bg.jpg) 0 -30px no-repeat;
	}
#side ul li#snavi_aboutus a:hover{
	background:url(img/sidenavi_bg.jpg) -190px -30px no-repeat;
}
#side ul li#snavi_merit {
	background:url(img/sidenavi_bg.jpg) 0 -59px no-repeat;
	}
#side ul li#snavi_merit a:hover{
	background:url(img/sidenavi_bg.jpg) -190px -59px no-repeat;
}
#side ul li#snavi_spec {
	background:url(img/sidenavi_bg.jpg) 0 -88px no-repeat;
	}
#side ul li#snavi_spec a:hover{
	background:url(img/sidenavi_bg.jpg) -190px -88px no-repeat;
}
#side ul li#snavi_gallery {
	background:url(img/sidenavi_bg.jpg) 0 -117px no-repeat;
	}
#side ul li#snavi_gallery a:hover{
	background:url(img/sidenavi_bg.jpg) -190px -117px no-repeat;
}
#side ul li#snavi_method {
	background:url(img/sidenavi_bg.jpg) 0 -146px no-repeat;
	}
#side ul li#snavi_method a:hover{
	background:url(img/sidenavi_bg.jpg) -190px -146px no-repeat;
}
#side ul li#snavi_faq {
	background:url(img/sidenavi_bg.jpg) 0 -175px no-repeat;
	}
#side ul li#snavi_faq a:hover{
	background:url(img/sidenavi_bg.jpg) -190px -175px no-repeat;
}
#side ul li#snavi_contact {
	background:url(img/sidenavi_bg.jpg) 0 -204px no-repeat;
	}
#side ul li#snavi_contact a:hover{
	background:url(img/sidenavi_bg.jpg) -190px -204px no-repeat;
}

h4#pickup{
	margin:15px 0 5px 0;
	width:190px;
	height:13px;
	background:url(img/side_pickup_title.jpg) top left no-repeat;
	}
h4#information{
	margin:15px 0 5px 0;
	width:190px;
	height:13px;
	background:url(img/side_information_title.jpg) top left no-repeat;
	}
#information_box {
	margin:5px 8px 10px;
	padding:5px 10px;
	width:155px;
	height:120px;
	background-color:#FFFFFF;
	overflow-y:scroll;
	overflow-x:hidden;
	scrollbar-face-color: #a5b78e;
	scrollbar-track-color: #cbd7ba;
	scrollbar-arrow-color: #ffffff;
	scrollbar-highlight-color: #cbd7ba;
	scrollbar-shadow-color: #8e997d;
	scrollbar-3dlight-color: #8e997d;
	scrollbar-darkshadow-color: #8e997d;
	}
.post_day {
	font-size:80%;
	font-weight:bold;
	}
.post_title {
	font-size:100%;
	color:#339999;
	font-weight:bold;
	}
.post_title a {
	font-size:100%;
	color:#339999;
	font-weight:bold;
	}
#information_box p {
	margin:5px 0 0 0;
	}



/*---------------------------------------------------------------------------*/
/* ページ・シングル用                                                        */
/*---------------------------------------------------------------------------*/

#page {
	margin:0 0 0 10px;
	}
#page h3 {
	margin:10px 0;
	}
#page h4 {
	margin:15px 0 0;
	}
#page p {
	margin:10px 10px 15px 0;
	}

#page_openwindow {
	overflow:hidden;
	width:650px;
	margin:0 auto;
	}
#blog {
	margin:0;
	padding:30px 15px;
	min-height:500px;
	}
#blog p {
	margin:10px 0;
	}


.day {
	font-size:11px;
	font-weight:bold;
	}
.blog_title_box {
	overflow:hidden;
	width:500px;
	margin:0;
	padding:0 0 5px 0;
	border-bottom:1px dashed #EEE3B6;
	}
.blog_title_box img {
	}

.blog_title_box dl {
	width:500px;
	overflow:hidden;
	}
.blog_title_box dt {
	float:left;
	width:380px;
	padding:0;
	font-weight:bold;
	clear:both;
	}
.blog_title_box dd {
	margin-left:410px;
	}

#not_found p {
	width:300px;
	margin:150px auto 20px;
	padding^top:100px;
	text-align:center;
	}
#not_found a {
	display:block;
	width:150px;
	padding:5px;
	margin:10px auto;
	text-align:center;
	border:1px solid #339999;
	}
/*---------------------------------------------------------------------------*/
/* footer                                                                  */
/*---------------------------------------------------------------------------*/	

#footer {
	clear:both;
	width:930px;
	margin-left:-1px;
	padding:5px 0;
	text-align:center;
	background:#339999;
	}
#footer_s {
	clear:both;
	width:550px;
	margin-left:-1px;
	padding:5px 0;
	text-align:center;
	background:#339999;
	}
#footer a, #footer_s a {
	color:#ffffff;
	}
#footer a:hover, #footer_s a:hover {
	text-decoration:underline;
	color:#ffffff;
	}
#footer h3, #footer_s h3 {
	text-align:center;
	font-size:80%;
	color:#ffffff;
	}
#footer p, #footer_s p {
	font-size:80%;
	color:#ffffff;
	margin:0;
	}




/*---------------------------------------------------------------------------*/
/* 個々のページの指定                                                        */
/*---------------------------------------------------------------------------*/

/** トップページ **/
#top_contents {
	margin:0;
	padding:0;
	width:710px;
	}
#top_contents p {
	margin:0;
	padding:0 0 0 10px;
	}

h3#top_aisatsu {
	width:691px;
	height:30px;
	margin:15px 0 0 10px;
	background:url(img/title_aisatsu.gif) top left no-repeat;
	}


/** 戸建賃貸住宅「家ど貸り」とは **/
h3#h3_aboutus {
	width:691px;
	height:20px;
	margin:15px 0 0;
	background:url(img/aboutus/title_aboutus.gif) top left no-repeat;
	}
h4#h4_aboutus01 {
	width:691px;
	height:30px;
	background:url(img/aboutus/h4_aboutus01.jpg) top left no-repeat;
	}
h4#h4_aboutus02 {
	width:691px;
	height:30px;
	background:url(img/aboutus/h4_aboutus02.jpg) top left no-repeat;
	}
h4#h4_aboutus03 {
	width:691px;
	height:30px;
	background:url(img/aboutus/h4_aboutus03.jpg) top left no-repeat;
	}

/** 「家ど貸り」のメリット **/
h3#h3_merit {
	width:691px;
	height:20px;
	margin:15px 0 0;
	background:url(img/merit/title_merit.gif) top left no-repeat;
	}
h4#h4_merit01 {
	width:691px;
	height:30px;
	background:url(img/merit/h4_merit01.jpg) top left no-repeat;
	}
#owner_merit_box {
	width:340px;
	min-height:485px;
	float:left;
	margin:0 10px 0 0;
	border:1px solid #BD807D;
	}
#user_merit_box {
	width:340px;
	min-height:485px;
	float:left;
	margin:0 0 0 0;
	border:1px solid #9CBD81;
	}
#owner_merit_box p, #user_merit_box p {
	width:315px;
	margin-left:10px;
	}

/** 「家ど貸り」の設備・仕様 **/
h3#h3_spec {
	width:691px;
	height:20px;
	margin:15px 0 0;
	background:url(img/spec/title_spec.gif) top left no-repeat;
	}
h4#h4_spec01 {
	width:455px;
	height:30px;
	margin-bottom:10px;
	background:url(img/spec/h4_spec01.jpg) top left no-repeat;
	}
h4#h4_spec02 {
	width:220px;
	height:30px;
	margin-bottom:10px;
	background:url(img/spec/h4_spec02.jpg) top left no-repeat;
	}
h4#h4_spec03 {
	width:691px;
	height:30px;
	margin-bottom:10px;
	background:url(img/spec/h4_spec03.jpg) top left no-repeat;
	}

/** ギャラリー **/
h3#h3_gallery {
	width:691px;
	height:20px;
	margin:15px 0 0;
	background:url(img/gallery/title_gallery.gif) top left no-repeat;
	}
h4#h4_gallery01 {
	width:691px;
	height:29px;
	margin-bottom:10px;
	background:url(img/gallery/h4_gallery01.jpg) top left no-repeat;
	}
h4#h4_gallery02 {
	width:691px;
	height:29px;
	margin-bottom:10px;
	background:url(img/gallery/h4_gallery02.jpg) top left no-repeat;
	}
h4#h4_gallery03 {
	width:691px;
	height:29px;
	margin-bottom:10px;
	background:url(img/gallery/h4_gallery03.jpg) top left no-repeat;
	}
.gallery_box {
	width:345px;
	float:left;
	margin:0 0 10px;
	padding:0;
	}
.gallery_box2 {
	width:691px;
	margin:0 0 10px;
	padding:0;
	}
.gallery_box_span {
	margin:5px 0 0 0;
	padding:0px 10px 10px 5px;
	font-weight:bold;
	background:url(img/gallery/gallery_icon.jpg) center left repeat-x;
	}	
/** 建物お引渡しまでの流れ **/
h3#h3_method {
	width:691px;
	height:20px;
	margin:15px 0 15px;
	background:url(img/method/title_method.gif) top left no-repeat;
	}
dl.method {
	}

dd.method {
	float:left;
	margin:-58px 0 0 35px;
	}
dt.method01 {
	width:691px;
	height:98px;
	background:url(img/method/dt_method01.jpg) top left no-repeat;
	}
dt.method02 {
	width:691px;
	height:98px;
	background:url(img/method/dt_method02.jpg) top left no-repeat;
	}
dt.method03 {
	width:691px;
	height:98px;
	background:url(img/method/dt_method03.jpg) top left no-repeat;
	}
dt.method04 {
	width:691px;
	height:98px;
	background:url(img/method/dt_method04.jpg) top left no-repeat;
	}
dt.method05 {
	width:691px;
	height:98px;
	background:url(img/method/dt_method05.jpg) top left no-repeat;
	}
dt.method06 {
	width:691px;
	height:98px;
	background:url(img/method/dt_method06.jpg) top left no-repeat;
	}


/** よくある質問 **/
h3#h3_faq {
	width:691px;
	height:20px;
	margin:15px 0 15px;
	background:url(img/faq/title_faq.gif) top left no-repeat;
	}
dl.faq {
	}

dd.faq {
	margin:10px 0 0 0;
	padding:0 20px 15px 39px;
	}
dt.q1 {
	width:691px;
	height:29px;
	background:url(img/faq/q01.jpg) top left no-repeat;
	}
dt.q2 {
	width:691px;
	height:29px;
	background:url(img/faq/q02.jpg) top left no-repeat;
	}
dt.q3 {
	width:691px;
	height:29px;
	background:url(img/faq/q03.jpg) top left no-repeat;
	}
dt.q4 {
	width:691px;
	height:29px;
	background:url(img/faq/q04.jpg) top left no-repeat;
	}
dt.q5 {
	width:691px;
	height:29px;
	background:url(img/faq/q05.jpg) top left no-repeat;
	}


/** 会社概要 **/
h3#h3_company {
	width:691px;
	height:20px;
	margin:15px 0 15px;
	background:url(img/title_company.gif) top left no-repeat;
	}
#pri_list{
	width:700px;
}

#pri_list a {
	text-decoration:underline;
	font-weight:bold;
}
#pri_list dt{
	clear:both;
	display:block;
	float:left;
	width:150px;
	height	:20px;
	padding-left:10px;
	margin:0 0 10px 0;
	color:#339999;
	line-height:20px;
	border-left:5px solid #339999;
}

#pri_list dd{
	display:block;
	float:left;
	width:500px;
	min-height:20px;
	margin:0 0 10px 0;
}

/** 資料請求 **/
h3#h3_contact {
	width:691px;
	height:20px;
	margin:15px 0 15px;
	background:url(img/title_contact.gif) top left no-repeat;
	}
/** プライバシーポリシー **/
h3#h3_privacy {
	width:691px;
	height:20px;
	margin:15px 0 15px;
	background:url(img/title_privacy.gif) top left no-repeat;
	}
#pri_list2{
	width:700px;
}

#pri_list2 a {
	text-decoration:underline;
	font-weight:bold;
}
#pri_list2 dt{
	clear:both;
	display:block;
	float:left;
	width:180px;
	height	:20px;
	padding-left:10px;
	margin:0 0 5px 0;
	color:#339999;
	line-height:20px;
	border-left:5px solid #339999;
}

#pri_list2 dd{
	display:block;
	float:left;
	width:630px;
	min-height:20px;
	margin:0 0 20px 0;
}

/** リンク集 **/
h3#h3_linklist {
	width:691px;
	height:20px;
	margin:15px 0 15px;
	background:url(img/title_linklist.gif) top left no-repeat;
	}
#linlkist h4 {
	float:left;
	width:170px;
	padding:0 0 0 10px;
	border-left:5px solid #339999;
	}
#linlkist ul {
	float:right;
	width:500px;
	}
#linlkist ul li {
	padding:10px 0;
	line-height:1.5;
	}
#linlkist a {
	color:#339999;
	}
/** サイトマップ **/
h3#h3_sitelist {
	width:691px;
	height:20px;
	margin:15px 0 15px;
	background:url(img/title_sitelist.gif) top left no-repeat;
	}
#sitelist h4{
	clear:both;
	display:block;
	width:600px;
	height:16px;
	margin:20px 0 10px 0;
	padding:0 0 0 20px;
	line-height:17px;
	color:#666666;
/*	font-weight:bold;
*/	font-weight:normal;
	font-size:114%;
	background:url(img/arrow_b.jpg) top left no-repeat;
}

#sitelist  dt{
	display:block;
	float:left;
	width:170px;
	margin:0 0 10px 0;
	padding:0 0 0 35px;
}
#sitelist  dt.child1{
	padding:0 0 0 50px !important;
	width:150px !important;
}

#sitelist  dd{
	margin:0 0 10px 0;
}
#sitelist a {
	color:#339999;
	}