/*#carousel1 {*/ /*height: 242px;*/ /*}*/ /*body {*/ /*background-color: #fff;*/ /*}*/ /*.metrouicss .page {*/ /*width: 940px ;*/ /*margin: auto;*/ /*background-color: #fff;*/ /*}*/ /*.browsers-icons img {*/ /*float: left;*/ /*margin-right: 20px;*/ /*}*/ /*.github-info {*/ /*}*/ /*#brand-name {*/ /*line-height: 24px;*/ /*margin-top: 2px;*/ /*}*/ /*hr {*/ /*border: 0;*/ /*border-bottom: 1px #ddd dotted;*/ /*color: #ddd;*/ /*background-color: #ddd;*/ /*}*/ /*#social{*/ /*margin-bottom: 90px;*/ /*}*/ /*#shareme .box{*/ /*margin:5% 8% 0 8%;*/ /*width:100%;*/ /*clear: both;*/ /*}*/ /*#shareme .box a{*/ /*color:#404040;*/ /*text-shadow: 0 1px 1px rgba(167,167,167,.4);*/ /*}*/ /*#shareme .box a:hover{*/ /*text-decoration:none;*/ /*}*/ /*#shareme .count {*/ /*font-weight:bold;*/ /*font-size:50px;*/ /*float:left;*/ /*border-right:2px solid #57b8d1;*/ /*line-height:40px;*/ /*padding-right:10px*/ /*}*/ /*#shareme .share {*/ /*float:left;*/ /*margin-left:10px;*/ /*font-size:20px;*/ /*width:82px;*/ /*}*/ /*#shareme .buttons {*/ /*position: absolute;*/ /*width:294px;*/ /*background-color:#fff;*/ /*border: 1px solid rgba(0,0,0,.2);*/ /*padding:10px;*/ /*-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);*/ /*-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);*/ /*box-shadow: 0 1px 2px rgba(0,0,0,.1);*/ /*height: 100px;*/ /*}*/ /*#shareme .button {*/ /*float:left;*/ /*max-width:50px;*/ /*min-width:10px;*/ /*margin:0 15px 0 0;*/ /*background-color: transparent;*/ /*}*/ /*#shareme .facebook {*/ /*margin:0 4px 0 0;*/ /*}*/ /*#carousel1 {*/ /*height: 242px;*/ /*}*/ /*#sponsorBlock {*/ /*height: 300px;*/ /*}*/ /*#page-index .carousel .control {*/ /*top: auto;*/ /*left: auto;*/ /*bottom: -40px;*/ /*}*/ /*#page-index .carousel .control.left {*/ /*right: 100px;*/ /*}*/ /*#page-index .carousel .control.right {*/ /*right: 30px;*/ /*}*/ /*.metrouicss .charms,*/ /*.metrouicss .app-bar,*/ /*.metrouicss .message-dialog,*/ /*.metrouicss .error-bar,*/ /*.metrouicss .warning-bar,*/ /*.metrouicss .info-bar {*/ /*position: absolute;*/ /*}*/ .metrouicss .page { width: 950px ; margin: auto; background-color: #000; color:#FFF; } @media (min-width: 768px) and (max-width: 979px) { .metrouicss .page { width: 724px; } /*.metrouicss .hero-unit > img {*/ /*zoom: .6;*/ /*}*/ /*.metrouicss .browsers-icons img {*/ /*zoom: .8;*/ /*}*/ } @media (max-width: 767px) { .metrouicss .page { width: 100%; } /*.metrouicss .hero-unit > img {*/ /*zoom: .6;*/ /*}*/ /*.metrouicss .modern-ui-logo {*/ /*width: 24px;*/ /*height: 24px;*/ /*}*/ /*.metrouicss .github-info {*/ /*margin-top: 5px;*/ /*}*/ /*.metrouicss a, .metrouicss .link {*/ /*font-size: 9pt;*/ /*}*/ /*.metrouicss h3 {*/ /*line-height: 11px;*/ /*}*/ /*.metrouicss .no-mobile {*/ /*display: none;*/ /*}*/ /*.metrouicss #carousel1 {*/ /*height: 300px !important;*/ /*}*/ } BODY { BACKGROUND-IMAGE: url(background.png); BACKGROUND-REPEAT: repeat } .body { BORDER-BOTTOM: 4px; TEXT-ALIGN: left; BORDER-LEFT: 4px; WIDTH: 310px; HEIGHT: 400px; OVERFLOW: scroll; BORDER-TOP: 4px; BORDER-RIGHT: 4px } .under { TEXT-ALIGN: center; COLOR: #aaaaaa; FONT-SIZE: x-small } LI { DISPLAY: inline } IMG { BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none } DIV.copyg { POSITION: relative; WIDTH: 270px; HEIGHT: 310px } SPAN.guard { BACKGROUND-IMAGE: url(http://www.geocities.jp/img/spacer.gif); POSITION: absolute; WIDTH: 100%; DISPLAY: block; HEIGHT: 100% } /* --- 見出しエリア --- */ div.heading { width: 500px; /* 見出しエリアの幅 */ margin-bottom: 1em; padding: 4px 0; /* 見出しエリアのパディング（上下、左右） */ border-bottom: 1px #c0c0c0 solid; /* 見出しエリアの下境界線 */ } /* --- 見出し --- */ div.heading h3 { margin: 0; padding: 3px 3px 0 5px; /* 見出しのパディング（上右下左） */ border-left: 5px #8c2c84 solid; /* 見出しの左境界線 */ font-size: 120%; /* 見出しの文字サイズ */ color:#fff; line-height: 100%; } /* --- 見出しエリア --- */ div.heading-blue { width: 500px; /* 見出しエリアの幅 */ margin-bottom: 1em; padding: 4px 0; /* 見出しエリアのパディング（上下、左右） */ border-bottom: 1px #c0c0c0 solid; /* 見出しエリアの下境界線 */ } /* --- 見出し --- */ div.heading-blue h3 { margin: 0; padding: 3px 3px 0 5px; /* 見出しのパディング（上右下左） */ border-left: 5px #0000ff solid; /* 見出しの左境界線 */ font-size: 120%; /* 見出しの文字サイズ */ color:#fff; line-height: 100%; } /* --- 見出しエリア --- */ div.heading-green { width: 500px; /* 見出しエリアの幅 */ margin-bottom: 1em; padding: 4px 0; /* 見出しエリアのパディング（上下、左右） */ border-bottom: 1px #c0c0c0 solid; /* 見出しエリアの下境界線 */ } /* --- 見出し --- */ div.heading-green h3 { margin: 0; padding: 3px 3px 0 5px; /* 見出しのパディング（上右下左） */ border-left: 5px #00a300 solid; /* 見出しの左境界線 */ font-size: 120%; /* 見出しの文字サイズ */ color:#fff; line-height: 100%; } /*@media (max-width: 480px) {*/ /*.metrouicss .hero-unit img {*/ /*display: none;*/ /*}*/ /*.metrouicss #jetbrains {*/ /*display: none;*/ /*}*/ /*.metrouicss #brand-name {*/ /*display: none;*/ /*}*/ /*}*/ .histry { BORDER-BOTTOM: 4px; TEXT-ALIGN: left; BORDER-LEFT: 4px; WIDTH: 550px; HEIGHT: 300px; OVERFLOW: scroll; BORDER-TOP: 4px; BORDER-RIGHT: 4px } .impfont{ color: #F00; font-size: larger; font-weight:bold; } .torikeshi{ font-size: x-small; } .font-w{ color:#fff; } .font-w2{ color:#fff; font-size: larger; } div.leftbox{ margin: 10px; } div.whitebox{ background-color: #555555; color:#000: width: 650px ; margin: 25px; } div.kouhakumember{ width:550px; margin:0px 200px 0px 200px; } div.youfukubox{ width:300px; flort:left; } div.youfukubox2{ width:300px; flort:right; } div.cbx{ width: 850px !important; margin: 50px !important; } .subheading h2{ background-image: url("../images/head.png"); /* 画像の指定 */ background-repeat: no-repeat; /* 画像の並び */ padding-left: 35px; /* 余白 */ line-height: 130%; /* 行の高さ */ border-bottom: 3px solid #8c2c84; color:#FFFFFF; } grayletter{ color: #333 !important; } .cautionsign{ margin:20px; padding:20px; background-color:#FC0; border: double 10px #F00; }