@charset "utf-8";

.c{clear:both;}

/* --------------------------------------------------
	SiteName : cosmo
	FileName : index.css
	Description : card index styles
	
	== TOC =========================================
	1 : personalVisitor styles
	2 : functionComparison styles
	5 : trpl styles
	3 : juridicalPerson styles
	4 : pro styles
-------------------------------------------------- */


/* 1. personalVisitor styles
================================================== */
#Conts h2.kojin{
	padding:21px 0 18px 0;
	background:transparent url(../image/idx_bg_01.gif) repeat-x left top;
}
#personalVisitor{
	margin-bottom:5px;
	background:transparent url(../image/idx_bg_pv.gif) no-repeat left bottom;
}

/* opusInfo & houseInfo */
#opusInfo{
	float:left;
}
#houseInfo{
	float:right;
}
#opusInfo,
#houseInfo{
	width:373px;
	padding:20px 1px 0 1px;
	border-top:solid 1px #ccc;
}
#opusInfo img,
#houseInfo img{
	vertical-align:bottom;
}
#opusInfo p.lead,
#houseInfo p.lead{
	margin:0 0 10px 20px;
}
#opusInfo h3,
#houseInfo h3{
	margin-bottom:13px;
}

#opusInfoInner,
#houseInfoInner{
	margin:0 19px 14px 19px;
	border-bottom:solid 1px #ccc;
}
#opusInfoInner div.photo{
	float:left;
	width:141px;
	margin-left:-10px;
}
* html #opusInfoInner div.photo{
	position:relative;
	left:0px;
}
#houseInfoInner div.photo{
	float:left;
	width:129px;
}
#opusInfoInner div.detail,
#houseInfoInner div.detail{
	float:right;
	width:186px;
}
#opusInfoInner div.detail ul,
#houseInfoInner div.detail ul,
#juridicalPerson div.detail ul,
#trpl div.detail ul,
#pro div.detail ul{
	list-style:none;
	margin-bottom:10px;
}
#opusInfoInner div.detail p,
#houseInfoInner div.detail p{
	margin:0;
}
#opusInfoInner div.detail ul li,
#houseInfoInner div.detail ul li,
#juridicalPerson div.detail ul li,
#trpl div.detail ul,
#pro div.detail ul{
	text-indent:-0.5em;
	padding-left:0.5em;
}

#opusInfo p.toSite,
#houseInfo p.toSite{
	margin:0 0 5px 0;
	padding:0 0 32px 22px;
	background:transparent url(../image/idx_bg_02.gif) no-repeat left bottom;
}

#opusEcoInfo,
#houseEcoInfo{
	margin:0 19px 14px 19px;
}
#opusEcoInfo p.alnC,
#houseEcoInfo p.alnC{
	margin:0;
}
#opusEcoInfo h4,
#houseEcoInfo h4{
	margin:7px 0 19px 0;
}
#opusEcoInfo div.clearfix,
#houseEcoInfo div.clearfix{
	margin-bottom:13px;
	border-bottom:solid 1px #ccc;
}
#opusEcoInfo div.photo,
#houseEcoInfo div.photo{
	float:left;
	width:116px;
	text-align:right;
}
#opusEcoInfo div.detail,
#houseEcoInfo div.detail{
	float:right;
	width:185px;
}
#opusEcoInfo div.detail p,
#houseEcoInfo div.detail p{
	margin:0;
}

#opusEcoInfo p.toSite{
	padding:0 0 0 5px;
	background:none;
}
#houseEcoInfo p.toSite{
	margin-bottom:10px;
	padding:0 0 12px 5px;
	background:transparent url(../image/idx_bg_04.gif) repeat-x left bottom;
}
#houseEcoInfo p.external{
	margin-top:0;
	margin-left:29px;
}
#Conts #houseEcoInfo p.external a img{
	vertical-align:baseline;
}
*html #Conts #houseEcoInfo p.external a img{
	vertical-align:middle;
}


/* 2. functionComparison styles
================================================== */
#functionComparison{
	margin-bottom:15px;
}
#functionComparison h3{
	float:right;
	width:375px;
	margin-top:10px;
}
#functionComparison div{
	float:right;
	width:350px;
}


/* 5. trpl styles
================================================== */
#trpl{
	float:left;
	width:373px;
	margin-bottom:20px;
	padding:20px 1px 19px 1px;
	background:transparent url(../image/idx_bg_jp.gif) no-repeat left bottom;
	margin-top:10px;
	border-top:solid 1px #ccc;
}
#trpl img{
	vertical-align:bottom;
}
#trpl p.lead{
	margin:0 0 10px 20px;
}
#trpl h3{
	margin-bottom:13px;
}
#trpl div.clearfix{
	margin:0 19px 0 13px;
}
#trpl div.photo{
	float:left;
	width:141px;
}
#trpl div.detail{
	float:right;
	width:185px;
}
#trpl div.detail p{
	margin:0;
}

#trpl div.pdwaku{padding:0 20px;}



/* 3. juridicalPerson styles
================================================== */
#Conts h2.hojin{
	padding:21px 0 18px 0;
	background:transparent url(../image/idx_bg_03.gif) repeat-x left top;
}
#juridicalPerson{
	float:left;
	width:373px;
	margin-bottom:20px;
	padding:20px 1px 19px 1px;
	background:transparent url(../image/idx_bg_jp.gif) no-repeat left bottom;
	border-top:solid 1px #ccc;
}
#juridicalPerson img{
	vertical-align:bottom;
}
#juridicalPerson p.lead{
	margin:0 0 10px 20px;
}
#juridicalPerson h3{
	margin-bottom:13px;
}
#juridicalPerson div.clearfix{
	margin:0 19px 0 13px;
}
#juridicalPerson div.photo{
	float:left;
	width:141px;
}
#juridicalPerson div.detail{
	float:right;
	width:185px;
}
#juridicalPerson div.detail p{
	margin:0;
}

#juridicalPerson div.pdwaku{padding:0 20px;}
#juridicalPerson div.pdwaku ul{margin-left:30px;}

/* 4. pro styles
================================================== */
#pro{
	float:right;
	width:373px;
	margin-bottom:20px;
	padding:20px 1px 19px 1px;
	background:transparent url(../image/idx_bg_jp.gif) no-repeat left bottom;
	border-top:solid 1px #ccc;
}
#pro img{
	vertical-align:bottom;
}
#pro p.lead{
	margin:0 0 10px 20px;
}
#pro h3{
	margin-bottom:13px;
}
#pro div.clearfix{
	margin:0 19px 0 13px;
}
#pro div.photo{
	float:left;
	width:141px;
}
#pro div.detail{
	float:right;
	width:185px;
}
#pro div.detail p{
	margin:0;
}

#juridicalPerson div.clearfix,
#pro div.clearfix,
#trpl div.clearfix{
	margin-bottom:13px;
	border-bottom:solid 1px #ccc;
}

#juridicalPerson p.toSite,
#pro p.toSite{
	margin:0 0 5px 0;
	padding:0 0 32px 22px;
	background:transparent url(../image/idx_bg_02.gif) no-repeat left bottom;
}

#juridicalPerson p.toSite,
#pro p.toSite{
	padding:0 0 0 5px;
	background:none;
}
#juridicalPerson p.toSite,
#pro p.toSite{
	margin-bottom:10px;
	padding:0 0 12px 5px;
	background:transparent url(../image/idx_bg_04.gif) repeat-x left bottom;
}
#pro div.pdwaku{padding:0 20px;}
#pro p.txt{padding:0 20px;}