@charset "UTF-8";

/* CSS Document */

#lowcost{

font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#666;
font-size:12px;

}



#lowcost h2, #lowcost h4, #lowcost h5, #lowcost h6{

margin:0;

padding:0;

font-weight:normal;

font-size:medium;

}

#lowcost h3{

width:640px;

min-height: 35px;

height: auto !important;

height: 35px;

margin-bottom: 20px;

padding-left:15px;

font-size:16px;

line-height:36px;

color:#FFFFFF;

clear:both;


}

.mb20{

	margin-bottom:20px;

}



#lowcost h3.md_01{
	color:#000;
	min-height:38px;
	height:auto !important;
	height:38px;
	padding-top:6px;
	text-indent:70px;
	background-color: #3399cc;
	background-image: url(../images/bg_h3_2.gif);
	background-repeat: no-repeat;
}







#lowcost p, #lowcost div, #lowcost img, #lowcost ul, #lowcost ol, #lowcost li,

#lowcost dl, #lowcost dd, #lowcost dt{

margin:0;

padding:0;

}



#lowcost ol, #lowcost ul{

list-style:none;

}

#lowcost img{

vertical-align:bottom;

border-style:none;

}

#lowcost table{

border-collapse:collapse;

font-size:12px;

}

#lowcost caption{

text-align:left;

}

#lowcost a{

color:#348080;

overflow: visible;

}

#lowcost a:hover{

color:#348080;

text-decoration:none;

}

#lowcost .clearfix:after{

content: "";

display: block;

clear: both;

height: 0;

}

#lowcost .clearfix{

display: inline-block;

}

#lowcost .clearfix{

display: block;

}

#lowcost .clear{

clear:both;

}



#lowcost .mr14fl{

margin-right:14px;

float:left;

}



#lowcost{

margin-bottom:42px;

width:656px;

}

#lowcost #head{
	margin-bottom:24px;
	position: relative;
	min-height: 255px;
	height: auto !important;
	height: 255px;
	width: 655px;
	background-color: #3399cc;
	background-image: url(../images/h2_wausyou_02.png);
	background-repeat: no-repeat;

}

#lowcost #head h2{

float:left;

width:465px;

height: 155px;

overflow: hidden;

text-indent: -9999px;
}

#lowcost #head #smr{
	color:#000;
	width:450px;
	font-size:13px;
	line-height:20px;
	padding: 0 0 10px 18px;

}



#lowcost #head .low-r{

position: absolute;

top: 0px;

right: 0px;

width:190px;

}



#lowcost .lead{

font-size:13px;

line-height:22px;

margin-bottom:14px;

color: #444;

}



#lowcost .lowcost_intro_box {

width:656px;

margin-bottom:30px;

}



#intro01 {

margin-bottom: 40px !important;

color: #444;

}

/* =Clearfix --------------------------------*/

#intro01 {

/zoom: 1;

}

#intro01:after {

content: '';

display: block;

clear : both;

}

/* End of Clearfix --------------------------------*/



#intro01 img {

display: block;

float: right;

margin-left: 42px;

}



#lowcost .lowcost_intro_box ul {

list-style-type: none;

width: 655px;

margin: 0;

padding: 6px;

}



#lowcost .lowcost_intro_box ul li {

width: 311px;

margin: 0 21px 40px 0;

display: inline-block;

/display: inline;

/zoom: 1;

vertical-align: top;

color: #444;

}



#lowcost .lowcost_intro_box ul li.intro_item02 {

margin-right: 0px;

}



#lowcost .lowcost_intro_box ul li.intro_item03 {

width: 643px;

margin-bottom:15px;

}



#lowcost .lowcost_intro_box ul li h4 {
	color: #4b3c34;
	font-size: 15px;
	margin: 0 0 12px 0;
	font-weight: bold;

}





#lowcost ul.case {

	clear:both;

list-style-type: none;

width: 668px;

margin-right: -13px;

}



#lowcost ul.case li {

display: inline-block;

/display: inline;

/zoom: 1;

margin: 0 13px 13px 0;

background-color: #fff;

width: 321px;

vertical-align: top;

}



#lowcost ul.case li h4 {
	min-height: 26px;
	padding-left: 42px;
	color: #fff;
	font-size: 15px;
	line-height: 26px;
	background-color: #3399cc;
	background-image: url(../images/ex_icon_01_2.gif);
	background-repeat: no-repeat;
	background-position: 2px center;

}



#lowcost ul.case li h4 a {

font-size:14px;

color:#000;

text-decoration:none;

font-weight:bold;

}



#lowcost ul.case li h4 a:hover{

color:#07690b;

}



#lowcost ul.case li .case_content {

padding: 10px 5px 10px;

}



#lowcost ul.case li div.head {

margin-bottom: 14px;

}

/* =Clearfix --------------------------------*/

#lowcost ul.case li div.head {

/zoom: 1;

}

#lowcost ul.case li div.head:after {

content: '';

display: block;

clear : both;

}

/* End of Clearfix --------------------------------*/



#lowcost ul.case li a.pic {

display: block;

width: 201px;

float: left;

}



#lowcost ul.case li dl.data {

width: 105px;

float: right;

}



#lowcost ul.case li dl.data dt {
	color: #333;
	font-size: 12px;
	margin-bottom: 2px;
	font-weight: bold;

}

#lowcost ul.case li dl.data dd {
	margin-bottom: 4px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #221f3a;

}



#lowcost ul.case li div.profile {

clear: both;

}



#lowcost ul.case li div.profile img.architect {

display: block;

width: 41px;

height: 41px;

float: left;

}

#lowcost ul.case li div.profile ul.personal_data {

width: 164px;

list-style-type: none;

float: left;

}

#lowcost ul.case li div.profile ul.personal_data li {

background: url(../images/link_arrow.jpg) no-repeat top left;

width: 147px;

padding-left: 17px;

min-height: 17px;

height: auto !important;

height: 17px;

margin: 0;

}



#lowcost ul.case li div.profile ul.tag_area {
	float: left;
	width: 110px;
	margin-right: -5px;
	overflow: hidden;
}

#lowcost ul.case li div.profile ul.tag_area li {
	display: inline-block;


/display: inline;

/zoom: 1;
	background-color: #221f3a;
	text-align: center;
	color: #fff;
	font-size: 12px;
	width: 51px;
	margin: 0 4px 4px 0;

}

#lowcost ul.case li div.profile ul.tag_area li.off {
	background-color: #3399cc;
	color: #000000;

}



#lowcost ul.case li div.point {

width: 305px;

margin: 0 auto;

clear: both;

}

#lowcost ul.case li div.point h5 {

margin: 0;

padding: 0;

overflow: hidden;

text-indent: -9999px;

background-image: url(../images/waisyou_point_01_2.gif);

width: 305px;

height: 48px;

}

#lowcost ul.case li div.point .comment {

width: 305px;

background: url(../images/waisyou_point_02.gif) center bottom no-repeat;

}

#lowcost ul.case li div.point .comment p {

padding: 5px 5px 10px 10px;

color: #4b4b4b;

}



#lowcost div.btns_area2 {

margin-bottom: 0px;

width: 321px;

float: right;

text-align: center;

}



#lowcost div.btns_area {

margin-top:15px;

text-align: center;

}



#lowcost #box_todofuken {

margin-bottom:30px

}



.h2_title4 {

float: left;

font-size: 18px;

margin-top: 20px;

position: relative;

text-indent: 20px;

font-weight:normal;

width: 655px;

}

.check_box_01{

background-color: #FFFFFF;

background-image: url("/reform/kenchikuka/special/money_index/images/kanten_top.gif");

background-repeat: repeat-y;

float: left;

margin-bottom: 10px;

margin-top: 2px;

padding-bottom: 10px;

padding-top: 10px;

position: relative;

width: 653px;

}

.check_box_01_naka01 {

background-color: #FFFFFF;

float: left;

margin-left: 17px;

margin-right: 12px;

padding-bottom: 5px;

position: relative;

}



.check_box_01_naka02 {

background-color: #FFFFFF;

float: left;

margin-bottom: 10px;

margin-left: 17px;

margin-right: 12px;

padding-bottom: 5px;

position: relative;

}



.check_box_01 dl {

float: left;

margin: 12px 0 12px 6px;

position: relative;

width: 288px;

}



.check_box_01 dl dd {

margin-left: 15px;

font-size: 100%;

font-style: normal;

font-weight: normal;

line-height: 1.5;

}



.check_box_01 a,.check_box_02 a

#lowcost #footerlink a{

color: #3490A1;

}

#lowcost .check_box_01 a:link, a:visited {

color: #3490A1;

text-decoration: underline;

}



#lowcost .check_box_02 a:link, a:visited {

color: #3490A1;

text-decoration: underline;

}







#maincolumn a {

color: #1122cc;



}



#rightcolumn a {

color: #1122cc;

}









/* gallery javascript

====================================== */

#gallery_box {

width:653px;

clear:both;

padding-bottom:5px;

color:#666666;

}

.contentwindows {

display: none;

float: left;

width: 485px;

}

.slideshow-container {

position: relative;

clear: both;

height: 335px;

}

.loader {

position: absolute;

top: 0;

left: 0;

background-repeat: no-repeat;

background-position: center;

width: 465px;

height: 335px;

}

.slideshow span.image-wrapper {

display: block;

position: absolute;

top: 0;

left: 0;

}

.slideshow a.advance-link {

float:left;

display: block;

width: 485px;

line-height: 0;

}

.caption-container {

position: relative;

clear: left;

height: 60px;

}

.image-caption {

display: block;

position: absolute;

width: 485px;

top: 0;

left: 0;

}

.caption {

padding: 10px 0 0;

}

.thumbs {

clear: both;

margin: 0;

padding: 0;

width:165px;

}

.thumbs li {

float: left !important;

padding: 0;

margin-bottom:5px;

list-style: none;

}

.thumbs .left{

margin-left:5px;

}

.thumb {

padding: 2px;

display: block;

background:#FFF;

width:76px;

height:76px;

}

.thumbs li.selected a.thumb {

background: #000;

}

.thumbs img {

border: none;

display: block;

}