@charset "utf-8";

/***************************************************************


Base CSS @日本住宅管理


****************************************************************/


/* ベースサイズ設定
---------------------------------------------------------------*/
.config,
#pan-list,
#pagetop {
	width:960px;
	margin:0 auto;
}


/* clearfix
---------------------------------------------------------------*/
.group:after {
  content: " ";  
	display: block; 
	visibility: hidden;
	clear: both;
	height: 0px; 
	font-size: 0.1em !important; 
	line-height: 0 !important;
	overflow:hidden;
}
.group { min-height: 0.1px; display:block; }
* html .group {
  height: 0.1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/* #header
---------------------------------------------------------------*/
/* base */
#header {
	height:58px;
	background:#fff;
	border-top:3px solid #616C81;
}
#header .config {
	position:relative;
	z-index:1;
}
/* logo */
#header h1{
	width:231px;
	height:39px;
	background:url(../../img/common/head/logo.gif);
	position:absolute;
	top:9px;
	left:0;
}
#header h1 a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:auto;
	height:100%;
}
	
/* global menu */
#header #g_menu {
	position:absolute;
	top:0;
	left:270px;
	border-right:1px solid #eaeaea;
}
#header #g_menu li{
	border-left:1px solid #eaeaea;
	float:left;
	list-style:none;
}
#header #g_menu li a{
	display:block;
	width:105px;
	height:58px;
	line-height:58px;
	text-align:center;
	color:#000;
}
#header #g_menu li a:hover{
	background:#eaeaea;
}
#home #g_menu li.home a,
#principle #g_menu li.principle a,
#company #g_menu li.company a,
#works #g_menu li.works a,
#recruit #g_menu li.recruit a {
	color:#0080FF;
	background:#fff;
}

/* contact btn */
#header .contact_btn a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
#header .contact_btn,
#header .contact_btn a{
	width:126px;
	height:75px;
	background:url(../../img/common/head/mail_btn.png);
}
#header .contact_btn a:hover{
	background:url(../../img/common/head/mail_btn_o.png);
}
#header .contact_btn{
	position:absolute;
	top:-3px;
	right:0;
	z-index:99;
	zoom:1;
}



/* #content
---------------------------------------------------------------*/
#content {
	border-top:1px solid #D0D1BC;
	background:url(../../img/common/content_bg.jpg);
}
#content .config{
	padding:30px 0 10px 0;
}

/* #pan-list */
#pan-list{
	padding:25px 0 0 0;
	list-style:none;
}
#pan-list li{
	float:left;
	padding-right:5px;
}
#pan-list li,
#pan-list li a{
	font-size:10px;
}

/* #article */
#content #article{
	width:680px;
	float:left;
}
#content #article .section{
	width:auto;
	background:#fff;
	border:1px solid #E5E5E5;
}

/* #side */
#content #side{
	width:250px;
	float:right;
	background:url(../../img/common/side/wrap_bg_b.jpg) 0 0 repeat-y;
}
#content #side .inner{
	background:url(../../img/common/side/wrap_bg_t.jpg) 0 0 no-repeat;
	padding-top:10px;
}
#content #side .item{
	width:230px;
	margin:0 auto;
}
#content #side .info{
	background:url(../../img/common/side/info_bg_f.jpg) bottom center no-repeat #B3D9FF;
}
#content #side .info h4{
	height:59px;
	background:url(../../img/common/side/info_title.jpg) 0 0 no-repeat;
	text-indent:-9999px;
}
#content #side .info ul,
#content #side .info2 ul{
	width:199px;
	margin:0 auto;
	list-style:none;
}
#content #side .info ul li{
	padding-bottom:6px;
	background-position:0 0;
	background-repeat:no-repeat;
}
#content #side .info ul li a,
#content #side .info2 ul li a{
	display:block;
	width:100%;
	height:57px;
	overflow:hidden;
	text-indent:-9999px;
}
#content #side .info ul li.consider,
#content #side .info ul li.consider a{
	background-image:url(../../img/common/side/info_btn2.jpg);
}
#content #side .info ul li.consider a:hover{
	background-image:url(../../img/common/side/info_btn2_o.jpg);
}


#content #side .info2 ul li.existing,
#content #side .info2 ul li.existing a{
	background-image:url(../../img/common/side/info_btn1.jpg);
}
#content #side .info2 ul li.existing a:hover{
	background-image:url(../../img/common/side/info_btn1_o.jpg);
}

#content #side .info .tel{
	width:199px;
	height:0px;
	padding:6px 0 10px 0;
	margin:0 auto;
}
#content #side .info .tel h5,
#content #side .info .tel dl {
	display:none;
}
#content #side .info2{
	padding-top:8px;
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
}
#content #side .info2 li{
	list-style:none;
}

#content #side .submenu{
	width:230px;
	text-align:center;
	margin:15px auto 0 auto;
}
#content #side .submenu li{
	padding:0;
	margin:0;
	list-style:none;
}
#content #side .submenu li a{
	display:block;
	padding:2px 0 2px 20px;
	text-align:left;
	font-size:14px;
	background:url(../../img/common/side/list_gray.gif) 5px 8px no-repeat;
}
#content #side .submenu li a:hover{
	background:url(../../img/common/side/list_blue.gif) 5px 8px no-repeat;
}
#content #side .bnr{
	text-align:center;
	padding-top:10px;
}
#content #side .bnr ul{
	width:230px;
	margin:0 auto;
	list-style:none;
}
#content #side .bnr ul li{
	padding:5px 0 0 0;
}
#content #side .bnr ul.outlink{
	padding-top:5px;
	border-top:1px dotted #ccc;
}
#content #side .last-side{
	padding-bottom:10px;
	background:url(../../img/common/side/wrap_bg_f.jpg) bottom center no-repeat;
}


/* second-page-common
---------------------------------------------------------------*/
#article .title-lv1{
	width:auto;
	height:60px;
	margin-bottom:30px;
	background:url(../../img/second/midashi_bg.gif) center right no-repeat;
	border-bottom:1px solid #E5E5E5;
}
#article .title-lv1 h3{
	font-size:24px;
	padding:0 0 0 20px;
	line-height:60px;
	color:#333;
	font-weight:normal;
}
#article .column{
	padding:0 20px 50px 20px;
}
#article h3.title-lv2 {
	padding:5px 15px;
	border-left:3px solid #005FBC;
	margin:0 0 10px 0;
	font-size:18px;
	font-weight:normal;
	background:#efefef;
}
#article .column h4{
	display:inline-block;
	border-bottom:1px solid #ccc;
	padding:20px 0 0 0;
}
#article .column h5{
	padding:20px 0 0 0;
}

#article .column_center h5{
	padding:20px 0 0 0;
  text-align:center;
  font-size:16px;
  color:#0088bb;
}

#article .relation {
	border-top:1px solid #e5e5e5;
	padding:20px 20px 20px 20px;
}
#article .relation h5{
	display:inline-block;
	background:#6FB7B7;
	padding:5px 10px;
	color:#fff;
	float:left;
	font-size:12px;
	font-weight:normal;
}
#article .relation ul{
	width:530px;
	float:right;
	padding:0;
}
#article .relation li{
	display:inline-block;
	list-style:none;
	padding:5px 20px 5px 0;
}
#article .relation li a{
	font-size:12px;
}

/* #pagetop
---------------------------------------------------------------*/
#pagetop {
	height:40px;
	position:relative;
	background:url(../../img/common/foot/pagetop.png) right bottom no-repeat;
}
#pagetop a {
	display:block;
	width:88px;
	height:40px;
	background:url(../../img/common/foot/pagetop.png);
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	bottom:0;
	right:0;
}
#pagetop a:hover {
	background:url(../../img/common/foot/pagetop_o.png);
}




/* #footer
---------------------------------------------------------------*/
#footer {
	background:#556074;
}
#footer .config {
	padding:20px 0;
	position:relative;
}
#footer li {
	width:auto;
	list-style:none;
}
#footer a{
	color:#FFF;
	font-size:12px;
}
#footer a:hover {
	color:#e5e5e5;
}
#footer #sitemap {
	float:left;
	border-right:1px solid #fff;
}
#footer #sitemap ul{
	float:left;
	padding-right:50px;
}
#footer #sitemap ul li a{
	line-height:1.8em;
}
#footer .copyright {
	position:absolute;
	right:0;
	bottom:10px;
	font-size:10px;
	color:#FFF;
}
#footer #label{
	position:absolute;
	right:0;
	bottom:35px;
}
#footer #label li {
	float:left;
	padding-left:10px;
}




/* item
---------------------------------------------------------------*/
.t-right { text-align:right; }
.t-center { text-align:center; }
.t-left { text-align:left; }
.caption { font-size:12px; }
.f-l { float:left; }
.f_r { float:right; }
.pt10{ padding-top:10px !important; }
.pt20{ padding-top:20px !important; }
.pt30{ padding-top:30px !important; }
.pb20{ padding-bottom:20px !important; }
.pagetop{
	padding:0 20px 30px 20px;
	margin-top:-20px;
	text-align:right;
}
.pagetop a{
	font-size:12px;
}

.more-icon,
.more-icon a{
	display:block;
	width:22px;
	height:22px;
}
.more-icon a {
	text-indent:-9999px;
	overflow:hidden;
}
.gray,
.gray a{
	background:url(../../img/common/more_btn_g.png) 0 0 no-repeat;
}
.gray a:hover {
	background:url(../../img/common/more_btn_g_o.png) 0 0 no-repeat;
}
.white,
.white a{
	background:url(../../img/common/more_btn_w.png) 0 0 no-repeat;
}
.white a:hover {
	background:url(../../img/common/more_btn_w_o.png) 0 0 no-repeat;
}
a.pdf{
	display:inline-block;
	padding-left:20px;
	background:url(../../img/common/icon_pdf.png) 0 1px no-repeat;
}
dl.summary{
	padding:1px;
	background:#e5e5e5;
}
dl.summary dt{
	width:16%;
	padding:2%;
	float:left;
	background:#E9EFF3;
	border-top:1px solid #fff;
}
dl.summary dd{
	width:76%;
	padding:2%;
	float:right;
	border-top:1px dotted #e5e5e5;
	background:#fff;
}
dl.summary dt:first-child,
dl.summary dt:first-child + dd{
	border:none;
}

dl.faq dt{
	padding:10px 0  10px 50px;
	font-weight:bold;
}
dl.faq dd{
	padding:10px 0  10px 50px;
	border-bottom:1px dotted #ccc;
}
dl.faq dt.q1{ background:url(../../img/common/faq_q1.gif) left 7px no-repeat; }
dl.faq dt.q2{ background:url(../../img/common/faq_q2.gif) left 7px no-repeat; }
dl.faq dt.q3{ background:url(../../img/common/faq_q3.gif) left 7px no-repeat; }
dl.faq dt.q4{ background:url(../../img/common/faq_q4.gif) left 7px no-repeat; }
dl.faq dt.q5{ background:url(../../img/common/faq_q5.gif) left 7px no-repeat; }
dl.faq dt.q6{ background:url(../../img/common/faq_q6.gif) left 7px no-repeat; }
dl.faq dt.q7{ background:url(../../img/common/faq_q7.gif) left 7px no-repeat; }
dl.faq dt.q8{ background:url(../../img/common/faq_q8.gif) left 7px no-repeat; }
dl.faq dt.q9{ background:url(../../img/common/faq_q9.gif) left 7px no-repeat; }

dl.faq dd.a1{ background:url(../../img/common/faq_a1.gif) left 7px no-repeat; }
dl.faq dd.a2{ background:url(../../img/common/faq_a2.gif) left 7px no-repeat; }
dl.faq dd.a3{ background:url(../../img/common/faq_a3.gif) left 7px no-repeat; }
dl.faq dd.a4{ background:url(../../img/common/faq_a4.gif) left 7px no-repeat; }
dl.faq dd.a5{ background:url(../../img/common/faq_a5.gif) left 7px no-repeat; }
dl.faq dd.a6{ background:url(../../img/common/faq_a6.gif) left 7px no-repeat; }
dl.faq dd.a7{ background:url(../../img/common/faq_a7.gif) left 7px no-repeat; }
dl.faq dd.a8{ background:url(../../img/common/faq_a8.gif) left 7px no-repeat; }
dl.faq dd.a9{ background:url(../../img/common/faq_a9.gif) left 7px no-repeat; }

ul.numbar{
	list-style:decimal;
	padding-top:20px;
	margin-left:10px;
}

ul.links{
	list-style:none;
	margin:0;
	padding:0;
	padding-top:20px;
	
}
ul.links li{
	padding-top:10px;
}
ul.links li a{
	display:inline-block;
	padding-left:12px;
	background:url(../../img/common/link_icon.gif) left 4px no-repeat;
}

ul.page-navi{
	list-style:none;
	padding:0 20px 25px 20px;
}
ul.page-navi li{
	float:left;
	padding-bottom:10px;
}
ul.page-navi li a{
	display:block;
	width:125px;
	padding:5px 0 5px 25px;
	margin-right:9px;
	color:#fff;
	text-align:left;
	background:url(../../img/second/page_navi_icon.gif) 10px center no-repeat #7AADAB;
	-webkit-border-radius: 5px;
          border-radius: 5px;
  background-clip: padding-box;
	font-size:12px;
}
ul.page-navi li a:hover{
	background-color:#9CC2C0;
}
ul.page-navi li.another a{
	display:block;
	width:180px;
	padding:5px 0 5px 25px;
	margin-left:30px;
	margin-right:9px;
	color:#fff;
	text-align:left;
	background:url(../../img/second/page_navi_icon.gif) 10px center no-repeat #bb6699;
	-webkit-border-radius: 5px;
          border-radius: 5px;
  background-clip: padding-box;
	font-size:12px;
}
ul.page-navi li.another a:hover{
	background-color:#dd99bb;
}