@charset "UTF-8"; /* CSS Document */ #wrap{ width: 800px; margin-left: auto; margin-right: auto; margin-top: 80px; margin-bottom: 50px; text-align: center; font-size: 20px; padding-left: 50px; padding-right: 50px; padding-top: 50px; padding-bottom: 50px; background-color: #FFFFFF; border-radius: 25px; } body { background-image: url(img/2016bg_a.png); background-repeat: repeat; } #wrap h1 { font-size: 42px; color: #fff; margin: 0; padding: 50px 0; text-shadow: 0 3px 0 #ffaf7f, 3px 0 0 #ffaf7f, 0 -3px 0 #ffaf7f, -3px 0 0 #ffaf7f, -3px -3px 0 #ffaf7f, 3px -3px 0 #ffaf7f, -3px 3px 0 #ffaf7f, 3px 3px 0 #ffaf7f ; } h3 { margin: 0; } .ver{ margin: auto; background-color: #EE6F2E; border: solid 6px #fff; width: 130px; height: 130px; -moz-border-radius: 90px; -webkit-border-radius: 90px; border-radius: 90px; box-shadow: 0 0 0 3px #EE6F2E; -webkit-box-shadow: 0 0 0 3px #EE6F2E; -moz-box-shadow: 0 0 0 3px #EE6F2E; } .ver p{ color:#fff; margin-top:10px; font-weight:bolder; } #wrap p { line-height: 1.8em; } #live .button { text-decoration: none; background-color: #EE6F2E; border: 1px solid #DDD; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; color: #FFFFFF; width: 100px; padding-top: 20px; padding-right: 15px; padding-left: 15px; padding-bottom: 20px; margin-top: 40px; margin-bottom: 40px; } #wrap #live { padding-top: 25px; padding-left: 35px; padding-right: 35px; padding-bottom: 40px; border: 3px dotted #FF6900; } #wrap em,strong { margin: 0px; } .arrow_box { margin-top:70px; margin-left:20px; margin-right:20px; padding:15px; position: relative; background: #fff; border: 6px solid #FF6900; } .arrow_box p{ font-size:90%; text-align:left; color:#861E00; } .arrow_box:after, .arrow_box:before { top: 100%; left: 16%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow_box:after { border-color: rgba(247, 247, 247, 0); border-top-color: #fff; border-width: 15px; margin-left: -15px; } .arrow_box:before { border-color: rgba(255, 105, 0, 0); border-top-color: #FF6900; border-width: 23px; margin-left: -23px; } .art_maru { display: inline-block; margin-top:20px; margin-left:30px; padding:10px; /* サイズ指定 */ width:135px; height:135px; /* 背景色 */ background-color:#FF6900; /* 角を丸くする */ border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } .art{ padding-top:43px; /* 真ん中にまで文字を下ろす */ } .art h5, .art p { text-align: center; /* 中央寄せ */ color: #fff; /* 文字を白色に */ margin: 0; /* h1とpの余白をリセット */ } /* あとは文字サイズや太字を指定 */ .art h5 {font-size:20px;} .art p {font-size:15px; font-weight:bold;} .name{ margin-top:20px; margin-left:60px; margin-bottom:50; text-align:left; /*display: inline-block;*/ width:200px; float:left; } .name h4{ font-size:130%; margin-bottom:0; } .name p{ color:#2F2F2F; }