@charset "utf-8";

.shadow740 {
	width: 740px;
	margin: 0 auto 5px;
	padding: 0 0 10px 0;
	background: url(../img/common/shadow740.jpg) no-repeat left bottom;
}
.shadow750 {
	width: 750px;
	margin: 0 auto 5px;
	padding: 0 0 10px 0;
	background: url(../img/common/shadow750.jpg) no-repeat left bottom;
}
.shadow966 {
	width: 966px;
	margin: 0 auto 5px;
	padding: 0 0 10px 0;
	background: url(../img/common/shadow966.jpg) no-repeat left bottom;
}

.shadow_panel {
	width: 740px;
	margin: 0 auto 5px;
	padding: 0 0 10px 0;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-image: url(../img/top/bn-panel_off.jpg);
}


#find p{
	float: left;
	margin: 0 7px 0 0;
}

#find li{
	float: left;
	margin: 0 0 0 1px;
}

#mainimage {
	background: url(../img/top/mainimage_bg.jpg) repeat;
	margin: 0 auto;
	text-align: center;
	clear: both;
	padding: 12px 0;
}
#mainimage div {
	background: url(../img/top/mainimage.jpg) no-repeat;
	width: 946px;
	height: 200px;
	margin: 0 auto;
}
#mainimage div h2 {
	display: none;
}
#mainimage div p {
	display: none;
}
#productNav {
}

#productNav div {
	float: left;
	margin: 0 8px 10px 0;
	width: 235px;
}




#productNav div.end {
	margin: 0;
}
#productNav div ul {
	height: 280px;
}
#productNav div ul ul {
	height: 0;
}
#productNav div li {
	font-size: 16px;
	line-height: 28px;
	height: 28px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	padding: 0 0 0 5px; 
}
#productNav div li.list {
	background: url(../img/top/nav_list.gif) no-repeat;
	padding: 0 0 0 23px;
}
#productNav div li.end {
	background: url(../img/top/nav_list_end.gif) no-repeat;
}
#productNav div li a {
	text-decoration:none;
}
#productNav div li a:hover {
	text-decoration: underline;
	color: #006;
}
#productNav div li a:visited {
	text-decoration: underline;
	color: #00C ;
}




#productNav div ul.bosui {
	background: url(../img/top/nav_bousui_bg.jpg) repeat-x;
}




#productNav div ul.bosui2 {
	background-color:#FFF;
}


#productNav div ul.boshoku {
	background: url(../img/top/nav_boshokui_bg.jpg) repeat-x;
}
#productNav div ul.ryokka {
	background: url(../img/top/nav_rokka_bg.jpg) repeat-x;
}

#productNav div ul.other {
	background: url(../img/top/nav_other_bg.jpg) repeat-x;
}




/*改修工法*/

#productNav2 div {
	margin: 0 0px 10px 0;
	width: 730px;
}

#productNav2 div ul.bosui {
	background-image:url(../img/kaishu-back-un.jpg);
	background-repeat:no-repeat;
}



#productNav2 div.end {
	margin: 0;
}

#productNav2 div ul {
	height: 180px;
}

#productNav2 div ul ul {
	height: 0;
}

#productNav2 div li {
	font-size: 16px;
	line-height: 28px;
	height: 28px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	padding: 0 0 0 5px;
	width:300px;
	float:left;
}

#productNav2 div li.list {
	background: url(../img/top/nav_list.gif) no-repeat;
	padding: 0 0 0 23px;
}

#productNav2 div li.end {
	background: url(../img/top/nav_list_end.gif) no-repeat;
}

#productNav2 div li a {
	text-decoration:none;
}

#productNav2 div li a:hover {
	text-decoration: underline;
	color: #006;
}

#productNav2 div li a:visited {
	text-decoration: underline;
	color: #00C ;
}

/*改修工法ここまで*/


/*目次*/

#productNav3 div {
	margin: 0 0px 10px 0;
	width: 730px;
}

#contents{
	clear:both;
	text-align: left;
}

#mainColumn .interview {
	width:742px;
	margin:0 auto;
	background:url(../img/top/voice-back.jpg) no-repeat;
	overflow: hidden;
}
#mainColumn .interview h3 {
	paddond:0px;
	text-indent: -9999px;
	margin: 0px;
	height: 35px;
}
#mainColumn .interview ul {
	overflow: hidden;
}
#mainColumn .interview li {
	float: left;
	margin: 0 0 10px 5px;
}
	

#mainColumn .interview p {
	clear:both;
	font-size:14px;
	text-align:center;
	padding-top:5px;
}
#mainColumn .news {
	border: #999 solid 1px;
	padding: 0 0 0 0;
	height: 490px;
}
#mainColumn .news dl {
	height: 250px;
	border: #BBBBBB solid 1px;
	overflow: auto;
	width: 697px;
	margin: 15px 0 15px 15px;
	padding: 10px;
}
#mainColumn .news dt {
	font-weight: bold;
	margin: 0 0 5px 0;
}
#mainColumn .news dt img {
	margin: 0 0 0 8px;
}
#mainColumn .news dd {
	margin: 0 0 7px 0;
	padding: 0 0 7px 0;
	border-bottom: #999 dashed 1px;
}
#mainColumn .news ul {
	margin: 0 0 0 18px;
	overflow: hidden;
}
#mainColumn .news ul li {
	float: left;
	border: #BBBBBB 1px solid;
	margin: 0 10px 10px 0;
	overflow: hidden;
}
#mainColumn .news ul li img {
	vertical-align: bottom;
}
#mainColumn .news ul a:hover img{ opacity:0.7; filter:alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; -moz-opacity:0.7;}



#mainColumn .close {
	height: 250px;
	border: #BBBBBB solid 1px;
	height:150px;
	width: 727px;
	margin: 15px 0 15px 0px;
	padding: 10px;
}

.close h3 {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#002B73;
}





/*  */

#mainimage .flash {
	background: url(../img/top/dn_fla3.jpg) no-repeat;
	width: 730px;
	height: 180px;
	text-align: left;
	float: left;
	margin: 0 0 0 12px;
	display: inline;
}
#mainimage .bnr {
	text-align: left;
	float: right;
	width: 200px;
	height: 180px;
	margin: 0 12px 0 0;
	background: none;
	display: inline;
}
#mainimage .bnr .topbnrImg {
	background: none;
}
#mainimage .bnr .topbnrTxt {
	background: none;
}
#mainimage .bnr .topbnr {
	width: 200px;
	height: 180px;
	background: none;
}
#mainimage .bnr .topbnr a {
	display: block;
	width: 200px;
	height: 180px;
	background: url(../img/top/top_bnr01_off.jpg) no-repeat;
	text-indent: -9999px;
}


#mainimage .bnr .topbnr a:hover {
	background: url(../img/top/top_bnr01_on.jpg);
}



#mainimage .bnr .topbnr a {
	display: block;
	width: 200px;
	height: 180px;
	background-repeat: no-repeat;
	background-image: url(../img/top/bn-navi-off.jpg);
	text-indent: -9999px;
}

#mainimage .bnr .topbnr a:hover {
	background-image: url(../img/top/bn-navi-on.jpg);
}



#mainimage .bnr .topbnrTxt li a {
	display: block;
	width: 200px;
	height: 85px;
	margin: 0 0 10px 0;
	text-indent: -9999px;
}
#mainimage .bnr .topbnrTxt li.bnr01 a {
	background: url(../img/top/top_half_bnr01_off.jpg) no-repeat;
}
#mainimage .bnr .topbnrTxt li.bnr01 a:hover {
	background: url(../img/top/top_half_bnr01_on.jpg) no-repeat;
}
#mainimage .bnr .topbnrTxt li.bnr02 a {
	background: url(../img/top/top_half_bnr02_off.jpg) no-repeat;
}
#mainimage .bnr .topbnrTxt li.bnr02 a:hover {
	background: url(../img/top/top_half_bnr02_on.jpg) no-repeat;
}
#mainimage .bnr .topbnrImg li {
	display: block;
	width: 200px;
	height: 85px;
	margin: 0 0 10px 0;
}


.mokuteki a{
	width:750px;
	height:170px;
	background-image:url(../img/bn-down2.jpg);
	display:block;
	text-indent:-10000px;
	margin-top:0px;
	margin-bottom:10px;
}

.mokuteki a:hover {
	background-image:url(../img/bn-down2_h.jpg);
}

.case a{
	width:750px;
	height:170px;
	background-image:url(../img/bn-case.jpg);
	display:block;
	text-indent:-10000px;
	margin-top:0px;
	margin-bottom:10px;
}

.case a:hover {
	background-image:url(../img/bn-case_h.jpg);
}





#poly-tit {
	width:730px;
	height:80px;
	background-image:url(../product/poly/img/poly-back.jpg);
	padding:10px;
	margin-bottom:15px;
	margin-top:15px;
}

#poly-tit p{
	font-size: 16px;
	line-height: 28px;
	height: 28px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
}

#poly-tit p a {
	text-decoration:none;
}
#poly-tit p a:hover {
	text-decoration: underline;
	color: #006;
}
#poly-tit p a:visited {
	text-decoration: underline;
	color: #00C ;
}

.notice {
	width:750px;
	height:200px;
	margin-bottom:20px;
}

.notice a:hover {
	opacity:50%;
}



.jass8 a{
	width: 750px;
	height: 200px;
	background-image: url(../img/bn-jass8.jpg);
	display: block;
	text-indent: -10000px;
	margin-top: 0px;
	margin-bottom: 10px;
}

.jass8 a:hover {
	background-image:url(../img/bn-jass8_h.jpg);
}



.jass8top a{
	width: 750px;
	height: 200px;
	background-image: url(../topics/image/jass8/toppage_bn-jass8.jpg);
	display: block;
	text-indent: -10000px;
	margin-top: 20px;
	margin-bottom: 10px;
	background-repeat:no-repeat;
}

.jass8top a:hover {
	background-image: url(../topics/image/jass8/toppage_bn-jass8_h.jpg);
}




.big-win a{
	width: 750px;
	height: 200px;
	background-image: url(../img/top/bntop-bigsun_win.jpg);
	display: block;
	text-indent: -10000px;
	margin-top: 20px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
}

.big-win a:hover {
	background-image: url(../img/top/bntop-bigsun_win_h.jpg);
}



.big-win2 a{
	width: 750px;
	height: 200px;
	background-image: url(../img/top/bntop-bigsun_win2.jpg);
	display: block;
	text-indent: -10000px;
	margin-top: 20px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
}

.big-win2 a:hover {
	background-image: url(../img/top/bntop-bigsun_win2_h.jpg);
}




.moca a{
	width: 370px;
	height: 230px;
	background-image: url(../img/top/bn-no-moca-top.jpg);
	display: block;
	text-indent: -10000px;
	margin-top: 0px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	float: left;
}

.moca a:hover {
	background-image: url(../img/top/bn-no-moca-top_h.jpg);
}

/*.reason a{
	width: 750px;
	height: 230px;
	background-image: url(../img/bn-kodawari-top.jpg);
	display: block;
	text-indent: -10000px;
	margin-top: 0px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
}

.reason a:hover {
	background-image: url(../img/bn-kodawari-top_h.jpg);
}*/



.h-reason a{
	width: 370px;
	height: 230px;
	background-image: url(../img/top/bn-kodawari-top.jpg);
	display: block;
	text-indent: -10000px;
	margin-top: 0px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	margin-right: 10px;
	float: left;
}



.h-reason a:hover {
	background-image: url(../img/top/bn-kodawari-top_h.jpg);
}





.r-ace a{
	width: 750px;
	height: 200px;
	background-image: url(../img/top/bntop-lapital.jpg);
	display: block;
	text-indent: -10000px;
	margin-top: 20px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
}

.r-ace a:hover {
	background-image: url(../img/top/bntop-lapital_h.jpg);
}



　
/*スライダー周り*/

.slbox {
	width:958px;
	height:380px;
	margin-top:0px;
}



.slide-l-box　{
	width:750px;
	height:380px;
	float:left;
	margin-right:5px !important}

.slide-r-box {
	width:190px;
	height:380px;
	float:left;
	margin-left:5px !important;
}


.slider-r-inbox-up a{
	width:200px;
	height:187px;
	margin-bottom:0px;
	background-image:url(../img/top-navi.jpg);
	display:block;
	text-indent:-10000px;
	
}

.slider-r-inbox-up a:hover {
	opacity:0.5;
}
	
	

.slider-r-inbox-dn a{
	width:200px;
	height:187px;
	background-image:url(../img/top-beginner.jpg);
	display:block;
	text-indent:-10000px;
}

.slider-r-inbox-dn a:hover {
	opacity:0.5;
}




.hover a:hover{
	opacity:0.5;
}