@charset "utf-8";

/* --------------------------------------------------------------- Common Parts -- */
#lowerContent {
 background:url(/business/solar/megasolarsolutions/common/img/bg_lower_bottom.gif) center bottom no-repeat;
 margin:0 auto;
 padding-top:6px;
 padding-bottom:11px;
 width:1012px;
}

#lowerContentBody {
 background:url(/business/solar/megasolarsolutions/common/img/bg_lower_top.gif) center top no-repeat;
 padding:11px 11px 0 11px;
 width:990px;
}

/* font */
body {
 font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 font-size:12px;
 line-height:1.4;
 color:#333333;
}

select, input, button, textarea, button {
 font:99%;
}

table {
 font-size:inherit;
 font:100%;
}

pre, code, kbd, samp, tt {
*font-size:108%;
 line-height:100%;
}

h1, h2, h3, h4, h5, h6 {
 font-size:100%;
}

address, caption, cite, code, dfn, em, th, var {
 font-style:normal;
 font-weight:normal;
}

q:before, q:after {
 content:'';
}

/* --------------------------------------------------------------- Index -- */
object {
 z-index:1;
}

.btNext {
 position:absolute;
 right:20px;
 bottom:45px;
}

#lineBox {
 background-color:#ffffff;
 border-bottom:40px solid #ffec01;
 border-top:40px solid #ffec01;
}

#btPrev {
 float:left;
 position:relative;
 width:42px;
}

#btNext {
 float:right;
 position:relative;
 width:42px;
}

#btPrev p, #btNext p {
 position:fixed;
 top:50%;
}

* html #btPrev p, * html #btNext p {
 position:absolute;
 top:expression(240 - parseInt(this.offsetHeight / 2) + (document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#btPrev p {
 padding-left:12px;
}

#btNext p {
 padding-right:12px;
}

#grayBox {
 background:url(/business/solar/megasolarsolutions/common/img/bg_shadow.gif) center center repeat-x;
 margin-top:20px;
}

#grayBox dl {
 background:url(/business/solar/megasolarsolutions/common/img/bg_graybox_bottom.gif) left bottom no-repeat;
 margin:0 auto;
 text-align:center;
 width:750px;
}

#grayBox dt {
 background:url(/business/solar/megasolarsolutions/common/img/bg_graybox_top.gif) left top no-repeat;
 padding-top:10px;
}

#grayBox dd {
 padding:5px 20px 15px 20px;
}

#indexList {
 margin:18px auto 0 auto;
 padding-bottom:10px;
 width:900px;
}

#indexList li {
 background:url(/business/solar/megasolarsolutions/common/img/bg_indexlist_bottom.jpg) left bottom no-repeat;
 padding-bottom:15px;
 margin:0 4px 0 4px;
 display:inline;
 float:left;
 width:292px;
}

#indexList li dl {
 background:url(/business/solar/megasolarsolutions/common/img/bg_indexlist_top.jpg) left top no-repeat;
}

#indexList li dl dd.txt {
 margin:5px auto 0 auto;
 width:250px;
}

#indexList li dl dd.photo {
 margin:10px auto 0 auto;
 width:196px;
}

#indexList li dl dd.btInfo {
 text-align:right;
 margin:5px auto 0 auto;
 width:252px;
}

/* --------------------------------------------------------------- point -- */
#cotentsLower {
 margin:0 auto;
 padding-bottom:40px;
 width:880px;
 font-size:116%;
}

#cotentsLower .txt {
 margin-top:25px;
}

.headBtn {
 margin-top:17px;
 text-align:right;
}

#ttlLower {
 margin-top:3px;
}

.lowerHeadTxt {
 border-bottom:2px solid #666666;
 font-size:142%;
 line-height:1.4;
 font-weight:bold;
 color:#135cb1;
 padding:0 0 20px 0;
}

.txtBox {
 float:left;
 width:460px;
}

.imgBox {
 float:right;
 width:400px;
}

.btmBox {
 background:#fff9ab url(/business/solar/megasolarsolutions/common/img/bg_btmbox_bottom.gif) left bottom no-repeat;
 margin:20px auto 0 auto;
 width:880px;
}

.btmBox p {
 background:url(/business/solar/megasolarsolutions/common/img/bg_btmbox_top.gif) left top no-repeat;
 padding:15px;
 font-weight:bold;
 font-size:128%;
}

.dotList li {
 background:url(/business/solar/megasolarsolutions/common/img/ic_dot.gif) left 8px no-repeat;
 padding-left:10px;
}

.imgList {
 width:880px;
}

.imgList li {
 float:left;
 margin:25px 0 0 20px;
 width:280px;
}

.imgList li.first {
 margin:25px 0 0 0;
}

.imgList li p {
 font-size:77%;
 line-height:1.2em;
 margin-top:5px;
 width:280px;
}

.imgC {
 text-align:center;
}

/* top */
#top #lineBox {
 border-bottom:40px solid #ffffff;
}

#top #btPrev p, #top #btNext p {
 position:absolute;
 top:632px;/*position:fixed;*//*top:727px;*/
}
