/*format */ $wid: 940px; $b3h: 2486px; $set-prefix: '' , -moz- , -webkit-; /*extend*/ .mar{ margin-right: auto; margin-left: auto; } .frm{ position:absolute; width: $wid; } /*incrude*/ @mixin frms($w){ position:absolute; width: $w; font-family:"MS P明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size:14px; line-height:24px; } @mixin opacity($opacity) { opacity: $opacity; $opacityIE: $opacity * 100; filter: alpha(opacity=$opacityIE); } @mixin posa($w,$h) { position:absolute; display:block; top:0; left: 50%; margin-left: ($w/2); width: $w; height: $h; @content; } #block{ background-color: #FFF; height: 255px; } div.container { overflow: hidden; zoom: 1; height: 255px; margin-right: auto; margin-left: auto; background: center top; text-align: center; } .bg { height: 255px; margin: 0 auto 0px; padding: 0px; background: url(../images/profile_01.jpg) no-repeat center 0; } .kijyu{ width: auto; height: $b3h; position: relative; z-index: 100; background-repeat: no-repeat; background-position: center top; } .ab{ position:absolute; @include posa(-940px,$b3h); color:#333; width: 940px; z-index: 110; } .box2{ position: absolute; z-index: 130; width:$wid; top: 50px; height: 51px; img{ margin-bottom:25px; } .txt{ font-family:"MS P明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size:14px; line-height:24px; padding-left:5px; } } .box3{ @include frms(940px - 122px); top:122px; padding:47px 61px; background-color:#FFF; } .box4{ @include frms(940px - 122px); top:336px; padding:47px 61px; background-image:url(../images/alpha_60.png); table { border-collapse: collapse; width:818px; font-family:"MS P明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; line-height:32px; margin:20px 0px 0px 0px; } th td{ height:32px; } th.lef { background: #F1EDE5; } th { border: #665652 1px solid; text-align: center; font-weight: normal; } td { border: #665652 1px solid; text-align: left; padding-left:15px; } } .box5{ @include frms(940px); top:819px; } .titl{ padding-top:60px; padding-bottom:30px} .prf01{ width: 820px; background: #FFF; margin-right: auto; margin-left: auto; padding: 31px 60px 40px; box-shadow: 0px 1px 5px #999; /*CSS3*/ -moz-box-shadow: 0px 1px 5px #e999; /* Firefox用*/ -webkit-box-shadow: 0px 1px 5px #e999; } .block1_l{ width: 360px; float: left; } .block1_l_tit{ font: bold 12px/20px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif; color: #333; background: #DEC9D1; width: 342px; padding: 9px; } .block1_l_txt{ font: 14px/21px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif; padding-left: 8px; display: block; } .block1_l_txt span{ font: 13px/24px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif; } .block1_l_txt span a:link{ color: #000; text-decoration: none; } .block1_l_txt span a:hover{ color: #900; text-decoration: none; } small a{ font: 10px/14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif; text-decoration: none; color: #333; text-align: right; } .block1_r{ float: right; width: 424px; }