@charset "utf-8";
/* CSS Document */
/*--information---------------------------------------------------------
Last update　08/01/18
File name house.css
Site name SUMORI COMPANY
Summary スタジアム　家の構造のページスタイル
Copyright Copyright (C) 2007 SUMORI COMPANY. All Rights Reserved.
-------------------------------------------------------------------------*/


/* Start of [house] -------------------------------------------------------------------*/
#ptitle_wrapp div#ptitle h4#house {
	margin: 10px 0px 13px;
	padding: 0px;
	background-image: url(../image/house/11_title.gif);
}
div#right_container div#content_wrapp_house{
	width: 580px;
	height: auto;
	margin: 5px 0px 10px;
	padding: 15px 8px;
	border:solid 2px #cccccc;
}



/* [contents wrapp-top] ---------------------------------------*/
div#content_wrapp_house div#c_top{
	width: 580px;
	height: 210px;
	margin: 0px auto 15px;
	padding: 0px 0px 15px;
	background: url(../image/house/dottedline580.gif) no-repeat bottom;
	display: block;

}
div#content_wrapp_house:after,
div#c_top:after{
	content: ".";
	display: block;
	height: 0;
	line-height: 0px;
	clear: both;
	visibility: hidden;
}



div#content_wrapp_house div#c_top #boy01,
div#content_wrapp_house div#c_top #sumo01 {
	width: 215px;
	height: 155px;
}
div#content_wrapp_house div#c_top #boy01 {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	float: left;
}
div#content_wrapp_house div#c_top #sumo01 {
	margin: 0px 20px 0px 0px;
	padding: 0px;
	float: right;
}

div#content_wrapp_house div#c_top #boy01 img {
	margin: 0px;
	padding: 0px;
	float: right;
}
div#content_wrapp_house div#c_top #sumo01 img {
	margin: 0px;
	padding: 0px;
	float: left;
}
div#content_wrapp_house div#c_top #boy01 p {
	background: url(../image/house/boy_fukidashi.jpg) no-repeat top left;
	width: 185px;
	height: 85px;
	margin: 0px;
	padding: 10px 10px 0px 20px;
}
div#content_wrapp_house div#c_top #sumo01 p {
	background: url(../image/house/sumo_fukidashi.gif) no-repeat top right;
	width: 185px;
	height: 85px;
	margin: 0px;
	padding: 10px 10px 0px 20px;
}





/* [contents wrapp-middle] ---------------------------------------*/
div#content_wrapp_house div#c_middle{
	background: url(../image/house/home.jpg) no-repeat 160px 35px;
	width: 580px;
	height: 338px;
	margin: 0px 0px 15px;
	padding: 0px;
	position: relative;
	top: 0px;
	left: 0px;
	display: block;
}
div#content_wrapp_house div#c_middle:after{
	content: ".";
	display: block;
	height: 0;
	line-height: 0px;
	clear: both;
	visibility: hidden;
}

div#c_middle p {
	margin: 0px;
	padding: 0px;
	position:absolute;
}
div#c_middle p a {
	margin: 0px;
	padding: 0px;
	text-indent: -5000px;
	display: block;
}
#icons01 {
	width: 145px;
	height: 153px;
	top: 0px;
	left: 45px;
}
#icons01 a {
	width: 145px;
	height: 153px;
	background: url(../image/house/kage.jpg) no-repeat;
}

#icons02 {
	width: 150px;
	height: 153px;
	top: 0px;
	left: 415px;
}
#icons02 a {
	width: 150px;
	height: 153px;
	background: url(../image/house/yane.jpg) no-repeat;
}

#icons03 {
	width: 160px;
	height: 153px;
	top: 185px;
	left: 5px;
}
#icons03 a {
	width: 160px;
	height: 153px;
	background: url(../image/house/yuka.jpg) no-repeat;
}

#icons04 {
	width: 160px;
	height: 153px;
	top: 185px;
	left: 405px;
}
#icons04 a {
	width: 160px;
	height: 153px;
	background: url(../image/house/haikan.jpg) no-repeat;
}

#icons01 a:hover {
	background: url(../image/house/kage_over.jpg) no-repeat;
}
#icons02 a:hover {
	background: url(../image/house/yane_over.jpg) no-repeat;
}
#icons03 a:hover {
	background: url(../image/house/yuka_over.jpg) no-repeat;
}
#icons04 a:hover {
	background: url(../image/house/haikan_over.jpg) no-repeat;
}



/* [contents wrapp-bottom] ---------------------------------------*/
div#c_bottom{
	margin: 20px 0px 0px;
	padding: 0px;
}
div#c_bottom img{
	margin: 0px 0px 0px 10px;
	padding: 0px;
	float: left;
}
div#c_bottom p#fukidashi{
	width: 430px;
	height: 90px;
	margin: 0px;
	padding: 25px 10px 0px 50px;
	background: url(../image/house/oniisan_fukidashi.jpg) no-repeat;
	background-position: top left;
	float: left;
}




/* [popup] --------------------------------------------------------*/

/* [popup-kabe] --------------------------------------------------------*/
div#pop_wrapp_kabe{
	margin: 0px;
	padding: 15px;
	text-align:left
}
div#pop_wrapp_kabe h1#kabe{
	width: 470px;
	height: 30px;
	margin: 0px 0px 10px;
	padding: 0px;
	background: url(../image/house/pop_kabe.gif) no-repeat;
	text-indent: -5000px;
}
div#pop_wrapp_kabe h2#himitsu{
	width: 285px;
	height: 35px;
	margin: 16px 0px 25px;
	padding: 0px;
	background: url(../image/house/pop_kabe_himitsu.gif) no-repeat;
	text-indent: -5000px;
	float: right;
}
div#pop_wrapp_kabe .c_box{
	width: 470px;
	height: auto;
	margin: 0px 0px 10px;
	padding: 0px;
}
div#pop_wrapp_kabe .c_box:after{
	content: ".";
	display: block;
	height: 0;
	line-height: 0px;
	clear: both;
	visibility: hidden;
}

div#pop_wrapp_kabe .c_box img#img01{
	margin: 0px 15px 0px 0px;
	padding: 0px;
	float: left;
}
div#pop_wrapp_kabe .c_box img#img02{
	margin: 0px 15px 0px 0px;
	padding: 0px;
	float: left;
}

/* [popup-yuka] --------------------------------------------------------*/
div#pop_wrapp_yuka{
	margin: 0px;
	padding: 15px;
	text-align:left
}
div#pop_wrapp_yuka h1#yuka{
	width: 470px;
	height: 30px;
	margin: 0px 0px 10px;
	padding: 0px;
	background: url(../image/house/pop_yuka.gif) no-repeat;
	text-indent: -5000px;
}
h2#beta{
	width: 255px;
	height: 35px;
	margin: 16px 0px 25px;
	padding: 0px;
	background: url(../image/house/pop_yuka_beta.gif) no-repeat;
	text-indent: -5000px;
	float: right;
}
div#pop_wrapp_yuka .c_box p{
	margin: 0px;
	padding: 0px;
}
div#pop_wrapp_yuka .c_box{
	width: 470px;
	height: auto;
	margin: 0px 0px 10px;
	padding: 0px;
}
div#pop_wrapp_yuka .c_box:after{
	content: ".";
	display: block;
	height: 0;
	line-height: 0px;
	clear: both;
	visibility: hidden;
}

div#pop_wrapp_yuka .c_box img#img01,
div#pop_wrapp_yuka .c_box img#img02,
div#pop_wrapp_yuka .c_box img#img03,
div#pop_wrapp_yuka .c_box img#img04{
	margin: 0px 15px 0px 0px;
	padding: 0px;
	float: left;
}
/* [popup-haikan] --------------------------------------------------------*/
div#pop_wrapp_haikan{
	margin: 0px;
	padding: 15px;
	text-align:left
}
div#pop_wrapp_haikan h1#haikan{
	width: 370px;
	height: 30px;
	margin: 0px 0px 10px;
	padding: 0px;
	background: url(../image/house/pop_haikan.gif) no-repeat;
	text-indent: -5000px;
}
h2#mizumore{
	width: 185px;
	height: 48px;
	margin: 10px 0px 10px;
	padding: 0px;
	background: url(../image/house/pop_haikan_mizumore.gif) no-repeat;
	text-indent: -5000px;
	float: right;
}
div#pop_wrapp_haikan .c_box p{
	margin: 0px;
	padding: 0px;
}
div#pop_wrapp_haikan .c_box{
	width: 370px;
	height: auto;
	margin: 0px 0px 10px;
	padding: 0px;
}
div#pop_wrapp_haikan .c_box:after{
	content: ".";
	display: block;
	height: 0;
	line-height: 0px;
	clear: both;
	visibility: hidden;
}

div#pop_wrapp_haikan .c_box img#img01{
	margin: 0px 15px 0px 0px;
	padding: 0px;
	float: left;
}

/* [popup-yane] ---------------------------------------*/
div#pop_wrapp_yane{
	margin: 0px;
	padding: 15px;
	text-align:left
}
div#pop_wrapp_yane h1#yane{
	width: 578px;
	height: 30px;
	margin: 0px auto 20px;
	padding: 0px;
	background: url(../image/kawara/gattiriyane.gif) no-repeat;
	text-indent: -5000px;	
}

#in_box_top:after,
#in_box_middle:after,
#in_box_bottom:after{
	content: ".";
	display: block;
	height: 0;
	line-height: 0px;
	clear: both;
	visibility: hidden;
}
#in_box_top{
	width: 435px;
	height: 150px;
	margin: 0px auto 15px;
	padding: 0px;
	background: url(../image/kawara/img04.jpg) no-repeat bottom right;
}

#in_box_top img{
	float: left;
}
#in_box_top p{
	width: 210px;
	height: auto;
	margin-left: 15px;
	float: left;
}
#in_box_middle {
	width: 435px;
	height: auto;
	margin: 0px auto 20px;
	padding: 0px;
}
#in_box_middle_l{
	width: 200px;
	height: auto;
	margin: 0px;
	padding: 0px;
	float: left;

}
#in_box_middle_r{
	width: 200px;
	height: auto;
	margin: 0px 0px 0px 30px;
	padding: 0px;
	float: right;
}
#in_box_middle_l img,
#in_box_middle_r img{
	margin: 0px 0px 0px;
	padding: 0px;
}
#in_box_middle_l p,
#in_box_middle_r p{
	width: 200px;
	height: auto;
}


#in_box_bottom {
	width: 395px;
	height: auto;
	margin: 0px auto 20px;
	padding: 15px 20px;
	background-color:#cde7e7;
	border: 1px solid #99CCCC;
}
#in_box_bottom img{
	margin: 0px 15px 0px 0px;
	padding: 0px;
	float: left;
}
#in_box_bottom p{
	float: left;
}

/* End of [house] -------------------------------------------------------------------*/