/*--------------------------------------------------------------------- TOPPAGE Layout ---------------------------------------------------------------------*/ .scrEvent { zoom:1; } /* クリア */ #Bloc02,#Bloc03,#Bloc04,#Bloc05,#Bloc06,#Bloc07,#Bloc08,#Bloc08-inner02,#Bloc08-01,#Bloc08-02,#Bloc09,#Bloc09-02,#Bloc-Data,#Bloc-Kukan,#Bloc-Media,#Bloc-cta,#Bloc-Bnr,#footer{ overflow:hidden;zoom:1; } /* 共通パーツ */ #home .title-01 a{display:block;text-decoration:none;} #home .title-01 a:hover{color:#ff8800;} /* Bloc01 */ #Bloc01 {width:100%;} #Bloc01-inner {position:relative;width:960px;height:402px;margin:0 auto;background:url(../images/usp/Bloc-kaku.jpg);background-repeat:no-repeat;background-position:left 70px;} #cp-ieo{position:absolute;left:262px;top:119px;} #cp-kakomareta{position:absolute;left:214px;top:214px;} #cp-kuuki{position:absolute;left:323px;top:311px;} #Bloc01-inner-02 {position:relative;width:960px;height:560px;overflow:hidden;zoom:1;margin:0 auto;background:url(../images/top/bloc01-bg.png);background-repeat:no-repeat;background-position:center center;} #Bloc01-inner-02-right{width:490px;position:absolute;right:10px;top:50px;font-size:17px !important;line-height:2.1em;} #Bloc01-inner-02-left{width:600px;position:absolute;left:29px;top:380px;font-weight:bold;font-size:17px !important;line-height:2.4em;letter-spacing: 0.1em;} /* Bloc02 */ #Bloc02 {width:100%;background-color:#eeeeee;} #Bloc02-inner {position:relative;width:100%;margin:0 auto;padding:60px 0;background-color:#eeeeee;z-index:30000;} #Bloc02-inner .title-01{width:960px;margin:0 auto 40px auto;} /* Put a border around the newly clickable element */ .bl-hot { zoom: 1; /* Should be IE only */ } /* rollover style for clickable element */ .bl-hover { cursor: pointer; background-color: #ffffcc; } #case-list {width: 100%;margin:0 auto;} #case-list .caselink {width: 100%;padding:0;height:160px;margin:0 0 10px 0;} .case-inner {width:960px;height:160px;margin:0 auto;position:relative;overflow:hidden;} #case-list img.case {position:absolute;left:0px;top:35px;} #case-list img.name {position:absolute;left:75px;top:35px;} .list_title {position:absolute;left:75px;top:70px;font-size: 22px;font-weight:bold;} .list_title a {text-decoration: none;color:#000 important;} .list_title span{display:block;} .list_title-05 {position:absolute;left:75px;top:60px;font-size: 20px;font-weight:bold;line-height:26px;} .list_title-05 a {text-decoration: none;color:#000 important;} .list_title-05 span{display:block;} .list_cont {position:absolute;left:75px;top:110px;text-decoration: none;font-size: 15px;} .list_cont-05 {position:absolute;left:75px;top:120px;text-decoration: none;font-size: 15px;} #case01 {background:url(../images/top/case01-bg_off.jpg);background-repeat:no-repeat;background-position:right center;background-color:#fff;} #case01:hover {background:url(../images/top/case01-bg_on.jpg);background-repeat:no-repeat;background-position:right center;background-color:#ddd;} #case02 {background:url(../images/top/case02-bg_off.jpg);background-repeat:no-repeat;background-position:right center;background-color:#fff;} #case02:hover {background:url(../images/top/case02-bg_on.jpg);background-repeat:no-repeat;background-position:right center;background-color:#ddd;} #case03 {background:url(../images/top/case03-bg_off.jpg);background-repeat:no-repeat;background-position:right center;background-color:#fff;} #case03:hover {background:url(../images/top/case03-bg_on.jpg);background-repeat:no-repeat;background-position:right center;background-color:#ddd;} #case04 {background:url(../images/top/case04-bg_off.jpg);background-repeat:no-repeat;background-position:right center;background-color:#fff;} #case04:hover {background:url(../images/top/case04-bg_on.jpg);background-repeat:no-repeat;background-position:right center;background-color:#ddd;} #case05 {background:url(../images/top/case05-bg_off.jpg);background-repeat:no-repeat;background-position:right center;background-color:#fff;} #case05:hover {background:url(../images/top/case05-bg_on.jpg);background-repeat:no-repeat;background-position:right center;background-color:#ddd;} #case06 {background:url(../images/top/case06-bg_off.jpg);background-repeat:no-repeat;background-position:right center;background-color:#fff;} #case06:hover {background:url(../images/top/case06-bg_on.jpg);background-repeat:no-repeat;background-position:right center;background-color:#ddd;} #case07 {background:url(../images/top/case07-bg_off.jpg);background-repeat:no-repeat;background-position:right center;background-color:#fff;} #case07:hover {background:url(../images/top/case07-bg_on.jpg);background-repeat:no-repeat;background-position:right center;background-color:#ddd;} /* Bloc03 */ #Bloc03 {width:100%;} #Bloc03-inner {position:relative;width:960px;margin:0 auto;padding:60px 0;} .Bloc03-contents {width:960px;margin:0 0px 30px 8px;zoom:1;overflow:hidden;} .Bloc03-contents .client-box{float:left;width:220px;margin:0 20px 0 0;} .client-name{font-size:14px;padding:10px 0;text-align:left;font-family:'Arial Black', Helvetica, 'MS ゴシック','MS Pゴシック' ;} /* Bloc04 */ #Bloc04 {width:100%;padding:0 0 60px 0;} #Bloc04-inner {position:relative;width:960px;margin:0 auto;padding:60px 0;} #Bloc04 .title-01{width:960px;margin:0 auto 40px auto;} /* Bloc05 */ #Bloc05 {width:100%;} #Bloc05-inner {position:relative;width:960px;margin:0 auto;padding:60px 0;} #Bloc05 .title-01{width:960px;margin:0 auto 40px auto;} .Bloc05-contents {width:960px;margin:0 0px 20px 8px;zoom:1;overflow:hidden;} .Bloc05-contents .media-box{float:left;width:220px;height:220px;margin:0 20px 0 0;background-color:#cecece;text-align:center;} .Bloc05-contents .media-box02{float:left;width:460px;height:220px;margin:0 20px 0 0;background-color:#cecece;text-align:center;} .Bloc05-contents .media-box-bk{float:left;width:180px;height:180px;padding:20px;margin:0 20px 0 0;background-color:#575757;color:#fff;font-weight:bold;text-align:left;line-height:30px;} .Bloc05-contents .media-box-bk .small{font-size:11px;} /* Bloc06 */ #Bloc06 {width:100%;} #Bloc06-inner {position:relative;width:960px;margin:0 auto;padding:60px 0;} .kengaku{position:relative;width:940px;height:300px;background:url(../images/top/kengaku-bg.jpg);background-repeat:no-repeat;background-position:top center;} .kengaku_txt01{width:350px;padding:40px 0 20px 30px;color:#fff;font-weight:bold;font-size:22px;line-height:35px;} .kengaku_txt02{width:350px;padding:0px 0 20px 30px;color:#fff !important;} .kengaku_txt02 a,.kengaku_txt02 a:hover{color:#fff !important;text-decoration:none;} .kengaku:hover {background:url(../images/top/kengaku-bg_on.jpg);background-repeat:no-repeat;background-position:top center;} /* Bloc07 */ #Bloc07 {width:100%;} #Bloc07-inner {position:relative;width:960px;margin:0 auto;padding:60px 0;} /* --- 新着リスト --- */ dl.update {width: 100%;margin: 0;border-top: 1px #c0c0c0 dotted;} /* --- 日付エリア --- */ dl.update dt {width: 9em; /* 日付エリアの幅 */float: left;padding: 15px 0 15px 3px; /* 日付エリアのパディング（上右下左） */line-height: 120%;color:#888;} /* --- 本文エリア --- */ dl.update dd {margin: 0;padding: 15px 3px 15px 9em; /* 本文エリアのパディング（上右下左） */border-bottom: 1px #c0c0c0 dotted; /* 本文エリア下境界線 */line-height: 120%;} /*--------------------------------------------------------------------- Bloc04 ギャラリー用スライドショー ---------------------------------------------------------------------*/ .wideslider { width: 100%; height: 200px; text-align: left; position: relative; overflow: hidden; } .wideslider ul, .wideslider ul li { float: left; display: inline; overflow: hidden; } .wideslider_base { top: 0; position: absolute; } .wideslider_wrap { top: 0; position: absolute; overflow: hidden; } .slider_prev, .slider_next { top: 0; overflow: hidden; position: absolute; z-index: 10; cursor: pointer; } .slider_prev {background: #fff url(../images/top/gallery/prev.jpg) no-repeat right center;} .slider_next {background: #fff url(../images/top/gallery/next.jpg) no-repeat left center;} /* 非表示 .pagination { bottom: 10px; left: 0; width: 100%; height: 15px; text-align: center; position: absolute; z-index: 200; } .pagination a { margin: 0 5px; width: 15px; height: 15px; display: inline-block; overflow: hidden; background: #333; } .pagination a.active { filter:alpha(opacity=100)!important; -moz-opacity: 1!important; opacity: 1!important; } */ /* ======================================= ClearFixElements ======================================= */ .wideslider ul:after { content: "."; height: 0; clear: both; display: block; visibility: hidden; } .wideslider ul { display: inline-block; overflow: hidden; }