| 1 | @charset "utf-8";
|
|---|
| 2 | /* ===================================================================
|
|---|
| 3 | CSS information
|
|---|
| 4 | file name :popup.css
|
|---|
| 5 | style info :スライド/ポップアップ
|
|---|
| 6 | =================================================================== */
|
|---|
| 7 | /* -----------------------------------------------
|
|---|
| 8 | ポップアップ画面
|
|---|
| 9 | ----------------------------------------------- */
|
|---|
| 10 | #windowcolumn{
|
|---|
| 11 | background:#FFF;
|
|---|
| 12 | padding-bottom:30px;
|
|---|
| 13 | }
|
|---|
| 14 | #windowcolumn h2.title,#slidewindow h2.title{
|
|---|
| 15 | margin-bottom:0!important;
|
|---|
| 16 | }
|
|---|
| 17 | #slidewindow .title_box,#windowcolumn .title_box{
|
|---|
| 18 | margin:0;
|
|---|
| 19 | padding:0!important;
|
|---|
| 20 | text-align:center;
|
|---|
| 21 | clear:both;
|
|---|
| 22 | }
|
|---|
| 23 | /**イントロダクション*/
|
|---|
| 24 | #windowcolumn .information{
|
|---|
| 25 | padding:15px 10px;
|
|---|
| 26 | border-bottom:none;
|
|---|
| 27 | }
|
|---|
| 28 | /* -----------------------------------------------
|
|---|
| 29 | スライド画面
|
|---|
| 30 | ----------------------------------------------- */
|
|---|
| 31 | #slidewindow{
|
|---|
| 32 | background:#F0F0F1;
|
|---|
| 33 | }
|
|---|
| 34 | /*jqm追記*/
|
|---|
| 35 | .ui-btn-right{
|
|---|
| 36 | top:9px!important;
|
|---|
| 37 | vertical-align:middle;
|
|---|
| 38 | }
|
|---|
| 39 | /* -----------------------------------------------
|
|---|
| 40 | ログイン
|
|---|
| 41 | ----------------------------------------------- */
|
|---|
| 42 | .login_area{
|
|---|
| 43 | background:#FFF;
|
|---|
| 44 | padding:10px 15px;
|
|---|
| 45 | text-align:center;
|
|---|
| 46 | -webkit-box-shadow: 1px 5px 5px #ccc;
|
|---|
| 47 | -moz-box-shadow: 1px 5px 5px #ccc;
|
|---|
| 48 | }
|
|---|
| 49 | .login_area_btm{
|
|---|
| 50 | padding:15px 15px 50px 15px;
|
|---|
| 51 | }
|
|---|
| 52 | .loginareaBox{
|
|---|
| 53 | padding:15px;
|
|---|
| 54 | margin: 0 auto 10px auto;
|
|---|
| 55 | display:block;
|
|---|
| 56 | clear:both;
|
|---|
| 57 | border-radius:7px;
|
|---|
| 58 | -moz-border-radius:7px;
|
|---|
| 59 | -webkit-border-radius:7px;
|
|---|
| 60 | text-align:center;
|
|---|
| 61 | position:relative;
|
|---|
| 62 | }
|
|---|
| 63 | .mailtextBox{
|
|---|
| 64 | width:95%;
|
|---|
| 65 | margin:0;
|
|---|
| 66 | padding:10px;
|
|---|
| 67 | background: #fff;
|
|---|
| 68 | border-radius:7px 7px 0 0;
|
|---|
| 69 | -moz-border-radius:7px 7px 0 0;
|
|---|
| 70 | -webkit-border-radius:7px 7px 0 0;
|
|---|
| 71 | border:#A9ABAD solid 1px;
|
|---|
| 72 | border-bottom:none;
|
|---|
| 73 | display:block;
|
|---|
| 74 | -webkit-box-shadow:none;
|
|---|
| 75 | -moz-box-shadow:none;
|
|---|
| 76 | }
|
|---|
| 77 | .passtextBox{
|
|---|
| 78 | width:95%;
|
|---|
| 79 | margin:0;
|
|---|
| 80 | padding:10px;
|
|---|
| 81 | background: #fff;
|
|---|
| 82 | border-radius:0 0 7px 7px;
|
|---|
| 83 | -moz-border-radius: 0 0 7px 7px;
|
|---|
| 84 | -webkit-border-radius: 0 0 7px 7px;
|
|---|
| 85 | border:#A9ABAD solid 1px;
|
|---|
| 86 | display:block;
|
|---|
| 87 | -webkit-box-shadow:none;
|
|---|
| 88 | -moz-box-shadow:none;
|
|---|
| 89 | }
|
|---|
| 90 |
|
|---|
| 91 | .navBox{
|
|---|
| 92 | width:95%;
|
|---|
| 93 | margin:10px auto 20px auto;
|
|---|
| 94 | background:#FFF;
|
|---|
| 95 | border-radius:7px;
|
|---|
| 96 | -moz-border-radius:7px;
|
|---|
| 97 | -webkit-border-radius:7px;
|
|---|
| 98 | display:block;
|
|---|
| 99 | border:#A9ABAD solid 1px;
|
|---|
| 100 | }
|
|---|
| 101 | .navBox li{
|
|---|
| 102 | background:url(../img/common/ico_arrowR.png) 95% center no-repeat;
|
|---|
| 103 | padding:10px;
|
|---|
| 104 | display:block;
|
|---|
| 105 | border-bottom:#CCC solid 1px;
|
|---|
| 106 | }
|
|---|
| 107 | @media only screen and (-webkit-min-device-pixel-ratio: 2) {
|
|---|
| 108 | .navBox li {
|
|---|
| 109 | background: url(../img/common/ico_arrowR2.png) 95% center no-repeat;
|
|---|
| 110 | -webkit-background-size: 10px 15px;
|
|---|
| 111 | background-size: 10px 15px;
|
|---|
| 112 | }
|
|---|
| 113 | }
|
|---|
| 114 | input[type="submit"].nav_nonmember{
|
|---|
| 115 | font-weight:bold;
|
|---|
| 116 | background:none;
|
|---|
| 117 | border:none;
|
|---|
| 118 | padding:0;
|
|---|
| 119 | display:block;
|
|---|
| 120 | }
|
|---|
| 121 | .navBox li:last-child{
|
|---|
| 122 | border-bottom:none;
|
|---|
| 123 | }
|
|---|
| 124 | .navBox li a:link, .navBox li a:visited{
|
|---|
| 125 | color:#000;
|
|---|
| 126 | }
|
|---|
| 127 |
|
|---|
| 128 | /* -----------------------------------------------
|
|---|
| 129 | パスワードを忘れた方
|
|---|
| 130 | ----------------------------------------------- */
|
|---|
| 131 | .window_area {
|
|---|
| 132 | margin-bottom:10px;
|
|---|
| 133 | padding:5px 0;
|
|---|
| 134 | border-top:#999 solid 1px;
|
|---|
| 135 | border-bottom:#999 solid 1px;
|
|---|
| 136 | }
|
|---|
| 137 | .window_area p{
|
|---|
| 138 | padding:5px 10px;
|
|---|
| 139 | line-height:1.3;
|
|---|
| 140 | }
|
|---|
| 141 | .window_area #completebox{
|
|---|
| 142 | font-size:16px;
|
|---|
| 143 | font-weight:bold;
|
|---|
| 144 | color:#CC0000;
|
|---|
| 145 | text-align:center;
|
|---|
| 146 | padding:20px 10px;
|
|---|
| 147 | }
|
|---|
| 148 | /* -----------------------------------------------
|
|---|
| 149 | ビュー画面
|
|---|
| 150 | ----------------------------------------------- */
|
|---|
| 151 | .view_detail{
|
|---|
| 152 | margin:10px 0;
|
|---|
| 153 | min-height:150px;
|
|---|
| 154 | }
|
|---|
| 155 | .view_detail dt{
|
|---|
| 156 | padding:10px 12px;
|
|---|
| 157 | border-bottom:#CCC solid 1px;
|
|---|
| 158 | }
|
|---|
| 159 | .view_detail dd{
|
|---|
| 160 | padding:10px 12px;
|
|---|
| 161 | }
|
|---|
