@charset "utf-8"; 

/* ---------------
top.css
トップページ内のレイアウト・構成の形を定義しています。
--------------- */

.strip_wrapper,
.nav-next,
.nav-prev{
	display: none;
}

#galleryview {
    visibility: hidden;
    width: 940px;
}

#galleryviewWrapper {
    height: 330px;
    width: 940px;
}

#galleryviewWrapper .bx-default-pager{
	bottom: 20px;
}

#galleryviewWrapper .bx-wrapper .bx-viewport{
	left: inherit;
	border: none;
	box-shadow: none;
	border-radius: 0;
	background-color: transparent;
	
}

/* ------ ピックアッップ ------ */
#mainTopHead{
	margin: 0 -20px 20px 0;
}

/* １つの囲い */
#mainTopHead .unit{
	float: left;
	width: 210px;
	margin-right: 20px;
	_margin-right: 10px;
	padding: 4px 4px 15px 4px;
	border: solid 1px #CCC;
	background: #FFF;
}

#mainTop #mainTopHead .last{
	margin-right: 0;
}

/* 写真 */
#mainTopHead .unit .photo{
	margin-bottom: 10px;
}

/* タイトル */
#mainTopHead .unit dl dt{
	margin: 0 0 10px 5px;
	padding-left: 20px;
	background: url(../images/iconLinkType2.gif) no-repeat left 5px;
	font-weight: bold;
}

#mainTopHead .unit dl dt a{
	color: #333;
}

/* 解説 */
#mainTopHead .unit dl dd{
	padding: 0 5px;
	font-size: 12px;
}

/* bidderLink */
#mainTopHead .bl-hover{
	background-color: #EEE;
}

/* ------ メイン ------ */
/* 囲い */
.topMainUnit{
	margin-bottom: 30px;
	background-color: #FFF;
	border-top: solid 4px #26228B;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
}


.topMainUnit .title{
	padding: 10px 25px 10px 30px;
	background: url(../images/midasiType1.gif) no-repeat 15px 12px;
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
}

/* タイトル */
.topMainUnit .title h2{
	display: inline;
	float: left;
}

/* RSS */
.topMainUnit .title p{
	display: inline;
	float: right;
}

.topMainUnit h2 a{
	color: #333;
}

/* トップページ1件囲み　ビガーリンク用設定 */
.topMainUnit .bl-hover{
	background-color: #EEE;
}

/* ------ お知らせ：１件目 ------ */
#topNewsPhoto{
	padding: 29px;
	border-bottom: solid 1px #CCC;
}

#topNewsPhoto .text{
	float: left;
	width: 398px;
}

/* 日付 */
#topNewsPhoto .text .date{
	margin-bottom: 10px;
	font-size: 11px;
	font-weight: bold;
	color: #26228B;
}

/* タイトル */
#topNewsPhoto .text h3{
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom: solid 1px #BDBCDC;
	font-size: 15px;
}

/* 写真 */
#topNewsPhoto .photo{
	float: right;
	width: 220px;
}

/* ------ お知らせ：２件目以降 ------ */
.topNewsList{
	width: 640px;
	margin: 20px auto;
}

/* 日付 */
.topNewsList .date{
	display: inline;
	float: left;
	margin-right: 15px;
	font-size: 11px;
	font-weight: bold;
	color: #26228B;
}

.topNewsList h4{
	float: left;
	width: 430px;
	font-weight: normal;
}

/* ------ イベント情報 ------ */
/* 個別の囲い */
#eventInfo .unit{
	padding: 15px 29px;
	border-bottom: solid 1px #CCC;
}

#eventInfo div.unit:last-child{
	border-bottom: none;
}

/* 日付 */
#eventInfo .unit .day {
    color: #26228B;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 10px;
}

#eventInfo .unit .day span{
	display: inline-block;
	margin-left: 15px;
	color: #333;
}

/* タイトル */
#eventInfo .unit h3 {
    border-bottom: 1px solid #BDBCDC;
    font-size: 15px;
    margin-bottom: 20px;
    padding-bottom: 5px;
}

#eventInfo .unit h3 a{
	color: #333;
}

/* ------ 施工事例 ------ */
#topCasePhotoBox .topCasePhotoUnit{
	width: 668px;
	padding: 20px 0 20px 30px;
	border-bottom: solid 1px #CCC;
}

/* 個別の囲い */
#topCasePhotoBox .topCasePhoto{
	float: left;
	width: 200px;
	margin-right: 20px;
	_margin-right: 10px;
}

/* 写真 */
#topCasePhotoBox .topCasePhoto .photo{
	margin-bottom: 10px;
}

/* リンク */
#topCasePhotoBox .link{
	padding: 5px 10px;
	text-align: right;
}
 
/* 新着 */
.topCasePhoto h3 .new{
	display: inline-block;
	margin-right: 5px;
	padding: 3px 5px;
	background-color: #26228B;
	line-height: 1;
	font-size: 10px;
	font-weight: normal;
	color: #FFF;
}


/* ------ ラベル ------ */
.topCasePhoto p span{
	margin-right: 10px;
	padding: 2px 10px;
	font-size: 10px;
	color: #FFF;
	border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;   
}

.topMainUnit .date span{
	margin-left: 10px;
	padding: 2px 10px;
	font-size: 10px;
	color: #FFF;
	border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px; 
	background-color: #333;
}


/* 新製品のお知らせ */
#mainTop .labelproduct,
#mainTop #topNewsPhoto .labelproduct{
	background-color: #26218B;
}

/* イベント情報 */
#mainTop .labelevent,
#mainTop #topNewsPhoto .labelevent{
	background-color: #32A34C;
}

/* 住宅関連情報 */
#mainTop .labelinfo,
#mainTop #topNewsPhoto .labelinfo{
	background-color: #F63;
}

/* 更新情報 */
#mainTop .labelupdate,
#mainTop #topNewsPhoto .labelupdate{
	background-color: #0033FF;
}

/* 重要なお知らせ */
#mainTop .labelimportance,
#mainTop #topNewsPhoto .labelimportance{
	background-color: #CC0000;
}

/* IR情報情報 */
#mainTop .labelir,
#mainTop #topNewsPhoto .labelimportance{
	background-color: #FF0000;
}

/* その他 */
#mainTop .labeletc,
#mainTop #topNewsPhoto .labelimportance{
	background-color: #333333;
}


/* F形タイプI */
.type1Label{
	background-color: #26218B;
}

/* F形タイプII */
.type2Label{
	background-color: #09C;
}

/* F形タイプIII */
.type3Label{
	background-color: #069;
}

/* F形FM306 */
.fm306Label{
	background-color: #063;
}

/* F形スマート */
.smartLabel{
	background-color: #999;
}

/* M形サンレイ */
.sanreiLabel{
	background-color: #FF6633;
}

/* J形エース */
.aceLabel{
	background-color: #660;
}

/* 防災瓦スーパーエースJ1 */
.superaceLabel{
	background-color: #000000;
}

/* 防災瓦スーパーエースJ2 */
.superace2Label{
	background-color: #666;
}

/* レコルーフ */
.recoLabel{
	background-color: #48849D;
}


/* 
****************
side　サイドカラム
****************
*/
.topSideNav{
	margin-bottom: 20px;
	background-color: #FFF;
	border-top: solid 4px #26228B;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
}

#subTop .otherTitle{
	border-top: solid 4px #333;
}

/* タイトル */
.topSideNav h2{
	padding: 10px 25px 10px 30px;
	background: url(../images/midasiType1.gif) no-repeat 15px 12px;
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
}

/* RSSがある場合 */
.topSideNav .title{
	padding: 10px 20px 10px 30px;
	background: url(../images/midasiType1.gif) no-repeat 15px 12px;
	border-top: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
}

/* RSSがある場合 タイトル */
.topSideNav .title h2{
	display: inline;
	float: left;
	padding: 0;
	background-image: none;
	border: none;
}

/* RSSがある場合 RSS */
.topSideNav .title p{
	display: inline;
	float: right;
}

.topSideNav .title h2 a{
	color: #333;
}

/* 写真 */
.topSideNav p.photo{
	width: 218px;
	padding: 0;
	border-bottom: solid 1px #CCC;
	text-align: center;
}

/* リスト */
.topSideNav ul{
	width: 178px;
	margin: 0 auto;
	padding: 20px 0 0;
}

.topSideNav ul li{
	margin-bottom: 10px;
	padding-left: 17px;
	background: url(../images/iconLinkType2.gif) no-repeat left 5px;
	font-size: 12px;
}

.topSideNav .link{
	padding: 10px 20px;
	text-align: right;
}

/* バナー */
#productTopBanner li{
	margin-bottom: 20px;
	border: 1px solid #CCCCCC;
}

/* biggerLink */
.topSideNav .bl-hover{
	background-color: #EEE;
}

/* ------ IR情報と求人情報 ------ */
.topSideNav .topSideNavUnit{
	padding: 10px;
}

/* 写真 */
.topSideNav .topSideNavUnit .photoMini{
	float: left;
	width: 60px;
	margin-right: 10px;
}

.topSideNav .topSideNavUnit .text{
	font-size: 12px;
}

/* リンク */
.topSideNav .topSideNavUnit .text .linkMini{
	text-align: right;
	font-size: 13px;
}

/* ------ 鶴弥の瓦ブログ ------ */
.topSideBlog dl{
	width: 200px;
	margin: 0 auto;
	padding: 10px 0;
}

/* 日付 */
.topSideBlog dt{
	margin-bottom: 5px;
	font-size: 11px;
	font-weight: bold;
	color: #26228B;
	line-height: 1;
}

/* エントリー名 */
.topSideBlog dd{
	margin-bottom: 15px;
}

/* リンク */
.topSideBlog .link{
	border-top: solid 1px #CCC;
}