/*format */ $wid: 940px; $b3h: 870px; $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; } body { margin: 0px; padding: 0px; background-image: url(../images/back_05.jpg); background-repeat: repeat; background-position: center top; } /*ヘッダ*/ .header{ background-image:url(../images/back_05.jpg); background-repeat:no-repeat; background-position:top center; .hed{ height: 86px; padding-top: 10px; width:$wid; @extend .mar; font-family: "MS P明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 14px; .left{ float: left; width: 50%; padding-top:15px; } .right{ float: right; font-family: "MS P明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 14px; line-height:16px; width: 420px; .lef{ float:left; width: 280px; } .rig{ float:right; font-size:16px; width: 131px; text-align:right; } .hedlink{ padding-top:30px; text-align: right; a{ font-size:12px; color:#333; line-height:24px; text-decoration:none; } a:hover{ color:#630; } } } } } /*sitemap*/ #sitemaps { background-image: url(../images/under_back.jpg); background-repeat: repeat; background-position: top center; height: 78 - 54px; padding-top:54px; padding-right:20px; text-align:right; a{ font-family: "MS P明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-size: 12px; color:#000; text-decoration:none; } a:hover{ color:#000; } } 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; position:relative; z-index: 100; } .ab{ color:#333; width: 700px; font-family:"MS P明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; padding:30px 0 80px 0; @extend .mar; } .box4{ padding:47px 61px; background-image:url(../images/alpha_60.png); background-repeat: repeat; background-position: center top; .tit{ font-weight: bold; font-size:16px; line-height:28px; margin:10px 0px 10px 0px; } .txt{ font-size:14px; line-height:24px; margin:0px auto 0px auto; margin:10px 0 10px 3ex; } .txt2{ font-size:14px; line-height:24px; } .txt3{ text-indent: -1em; /* 文字1文字分上げる */ padding-left: 1em; /* 2文字分右に下げる */ font-size:14px; line-height:24px; margin:10px 0 10px 3ex; } } .menuline { background-image: url(../images/menuback_01.jpg); background-repeat: no-repeat; background-position: center top; height:10px; } hr.style-two { border: 0px; margin: 20px 0px; padding: 0px; height: 1px; background-color:#FFF; background-image: -webkit-linear-gradient(left, rgba(000,000,000,0), rgba(000,000,000,0.50), rgba(000,000,000,0)); background-image: -moz-linear-gradient(left, rgba(000,000,000,0), rgba(000,000,000,0.50), rgba(000,000,000,0)); background-image: -ms-linear-gradient(left, rgba(000,000,000,0), rgba(000,000,000,0.50), rgba(000,000,000,0)); background-image: -o-linear-gradient(left, rgba(000,000,000,0), rgba(000,000,000,0.50), rgba(000,000,000,0)); } #page-pop { position: absolute; bottom: 20px; right: 0px; left:50%; margin-left:370px; font-size: 77%; z-index: 3000; } #page-pop a { background: #666; text-decoration: none; color: #fff; width: 100px; padding: 10px 0; text-align: center; display: block; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #page-pop a:hover { text-decoration: none; background: #999; }