firstgarden-web-gnu/css/mobile.css

@charset "utf-8";
html {overflow-y:scroll;}

body {
margin:0;
padding:0;
font-size:0.75em;
}

html, h1, h2, h3, h4, h5, h6, form, fieldset, img {
margin:0;
padding:0;
border:0;
}

h1, h2, h3, h4, h5, h6 {font-size:1em;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}

header ul, nav ul, footer ul {
margin:0;
padding:0;
list-style:none;
}

legend {
position:absolute;
font-size:0;
line-height:0;
text-indent:-9999em;
overflow:hidden;
}

label, input, select, img {vertical-align:middle;}

input, button {
margin:0;
padding:0;
}

input[type=text], input[type=password], input[type=submit], input[type=image], button {
border-radius:0;
font-size:1em;
}

textarea, select {font-size:1em;}

textarea {
border-radius:0;
-webkit-appearance:none;
}

p {
margin:0;
padding:1em 0;
line-height:1.7em;
word-break:break-all;
}

hr {display:none;}

pre {
overflow-x:scroll;
font-size:1.1em;
}

a:link, a:visited {
color:#000;
text-decoration:none;
}

a:hover, a:focus, a:active {
color:#000;
text-decoration:underline;
}

#hd_login_msg {
position:absolute;
top:0;
left:0;
width:0;
height:0;
overflow:hidden;
}

.msg_sound_only, .sound_only {
display:inline-block;
position:absolute;
top:0;
left:0;
margin:0 !important;
padding:0 !important;
width:1px !important;
height:1px !important;
font-size:0 !important;
line-height:0 !important;
overflow:hidden;
}

.to_content a {
z-index:100000;
position:absolute;
top:0;
left:0;
width:0;
height:0;
font-size:0;
line-height:0;
overflow:hidden;
}

.img_fix {
width:100%;
height:auto;
}

#captcha {
display:inline-block;
position:relative;
}

#captcha legend {
position:absolute;
margin:0;
padding:0;
font-size:0;
line-height:0;
text-indent:-9999em;
overflow:hidden;
}

#captcha audio {
display:block;
margin:0 0 5px;
width:263px;
}

#captcha #captcha_img {
width:100px;
height:41px;
border:1px solid #e9e9e9;
}

#captcha #captcha_reload {
margin:0;
padding:0;
width:70px;
height:43px;
border:0;
background:#e4eaec;
vertical-align:middle;
overflow:hidden;
cursor:pointer;
}

#captcha #captcha_key {
margin:0 0 0 4px;
padding:0 5px;
width:70px;
height:41px;
border:1px solid #b8c9c2;
background:#f7f7f7;
font-size:1.333em;
font-weight:bold;
text-align:center;
line-height:2.8em;
}

#captcha #captcha_info {
display:block;
margin:5px 0 0;
font-size:0.95em;
letter-spacing:-0.1em;
}

#hd {background:#fff;}

#hd:after {
display:block;
visibility:hidden;
clear:both;
content:"";
}

#hd_h1 {
position:absolute;
font-size:0;
line-height:0;
overflow:hidden;
}

#logo {
float:left;
padding:10px 0;
margin-left:5px;
}

#schall {
float:right;
margin:7px 5px;
border:1px solid #aaa;
letter-spacing:-4px;
}

#schall_stx {
padding-left:3px;
width:100px;
height:24px;
border:0;
background:#fff;
line-height:1.5em;
-webkit-appearance:none;
}

#mb_nb {
clear:both;
background:#151515;
text-align:center;
}

#mb_nb li {
display:inline-block;
border-right:1px solid #333;
}

#mb_nb li:nth-last-of-type(1) {border-right:0 !important;}

#mb_nb a {
display:inline-block;
padding:10px 7px;
color:#fff;
text-decoration:none;
}

#mb_nb img {display:none;}

#lnb ul {
margin:0;
padding:0;
border-bottom:1px solid #e7f1ed;
list-style:none;
}

#lnb ul:after {
display:block;
visibility:hidden;
clear:both;
content:"";
}

#lnb li {
float:left;
margin-bottom:-1px;
width:20%;
}

#lnb a {
display:block;
padding:10px 0;
border-right:1px solid #e7f1ed;
border-bottom:1px solid #e7f1ed;
color:#000;
text-align:center;
text-decoration:none;
}

#lnb li:nth-of-type(5n) a {border-right:0;}

#wrapper {margin:20px 0;}

#wrapper:after {
display:block;
visibility:hidden;
clear:both;
content:"";
}

#container {
position:relative;
min-height:300px;
}

#container:after {
display:block;
visibility:hidden;
clear:both;
content:"";
}

#container_title {
margin:0 10px 20px;
font-size:1.2em;
font-weight:bold;
}

#text_size {
margin:0 0 10px;
text-align:center;
}

#text_size button {
margin:0;
padding:0;
border:0;
background:transparent;
vertical-align:middle;
}

.ts_up {font-size:1.167em !important;}

.ts_up2 {font-size:1.3em !important;}

#gnb {
border-top:1px solid #c3c7c5;
border-bottom:1px solid #c3c7c5;
background:#f0f4f8;
}

#gnb:after {
display:block;
visibility:hidden;
clear:both;
content:"";
}

#gnb h2 {
width:0;
height:0;
font-size:0;
line-height:0;
overflow:hidden;
}

#gnb ul {border-top:1px solid #e7f1ed;}

#gnb li {
float:left;
width:25%;
border-bottom:1px solid #e7f1ed;
}

#gnb li ul {display:none;}

#gnb li a {
display:block;
padding:10px 0;
border-right:1px solid #e7f1ed;
color:#000;
text-align:center;
text-decoration:none;
}

.gnb_empty {
float:none !important;
padding:30px 0;
width:100% !important;
text-align:center;
}

#ft {background:#484848;}

#ft h1 {
width:0;
height:0;
font-size:0;
line-height:0;
overflow:hidden;
}

#ft img {display:none;}

#ft_copy {background:#232323;}

#ft_copy p {
position:relative;
padding:10px;
color:#4a9ab8;
}

#ft_copy b {color:#fff;}

#ft_copy a {
color:#fff;
text-decoration:none;
}

.copymove_current {
float:right;
color:#ff3061;
}

.copymove_currentbg {background:#f4f4f4;}

a.btn01 {
display:inline-block;
padding:0 5px;
height:2em;
border:1px solid #ccc;
background:#fafafa;
color:#000;
font-size:1em;
text-decoration:none;
line-height:2em;
vertical-align:middle;
}

a.btn01:focus, a.btn01:hover {text-decoration:none;}

a.btn02 {
display:inline-block;
padding:0 5px;
height:2em;
border:1px solid #333;
background:#333;
color:#fff;
font-size:1em;
text-decoration:none;
line-height:2em;
vertical-align:middle;
}

a.btn02:focus, .btn02:hover {text-decoration:none;}

.btn_confirm {text-align:center;}

input.btn_submit {
padding:0 10px;
height:2.6em;
border:0;
background:#333;
color:#fff;
letter-spacing:-0.1em;
vertical-align:top;
-webkit-appearance:none;
}

fieldset .btn_submit {
padding:0 10px;
height:1.9em;
border:0;
background:#333;
color:#fff;
letter-spacing:-0.1em;
vertical-align:top;
-webkit-appearance:none;
}

a.btn_cancel {
display:inline-block;
padding:0 10px;
height:2.5em;
border:1px solid #ccc;
background:#fafafa;
color:#000;
font-size:1em;
text-decoration:none;
line-height:2.5em;
}

a.btn_frmline, button.btn_frmline {
display:inline-block;
padding:0 5px;
height:1.9em;
border:0;
background:#333;
color:#fff;
letter-spacing:-0.1em;
text-decoration:none;
vertical-align:top;
line-height:1.9em;
}

a.btn_b01 {
display:inline-block;
margin:0 0 3px;
padding:0 10px;
border:1px solid #eee;
background:#fafafa;
color:#000;
text-decoration:none;
line-height:2em;
vertical-align:middle;
}

a.btn_b01:focus, .btn_b01:hover {text-decoration:none;}

a.btn_b02 {
display:inline-block;
margin:0 0 3px;
padding:0 10px;
border:1px solid #eee;
background:#fafafa;
color:#000;
text-decoration:none;
line-height:2em;
vertical-align:middle;
}

a.btn_b02:focus, .btn_b02:hover {text-decoration:none;}

a.btn_admin {
display:inline-block;
margin:0 0 3px;
padding:0 10px;
border:1px solid #e8180c;
background:#e8180c;
color:#fff;
text-decoration:none;
line-height:2em;
vertical-align:middle;
}

a.btn_admin:focus, a.btn_admin:hover {text-decoration:none;}

.cnt_cmt {
display:inline-block;
margin:0 0 0 3px;
font-weight:bold;
}

.tbl_wrp table {
width:100%;
border-collapse:collapse;
border-spacing:0;
}

.tbl_wrp caption {
padding:10px 0;
color:#4b8b99;
font-weight:bold;
text-align:left;
}

.tbl_head01 {margin:0 10px 10px;}

.tbl_head01 caption {
padding:0 0 10px;
color:#777;
text-align:left;
}

.tbl_head01 thead th {
padding:12px 0;
border-top:1px solid #d1dee2;
border-bottom:1px solid #d1dee2;
background:#e5ecef;
color:#383838;
font-size:0.95em;
letter-spacing:-0.1em;
}

.tbl_head01 thead a {color:#383838;}

.tbl_head01 thead th input {vertical-align:top;}

.tbl_head01 tfoot th {
border-top:1px solid #666;
border-bottom:1px solid #666;
background:#484848;
color:#fff;
}

.tbl_head01 tfoot td {
border-color:#666;
background:#484848;
color:#fff;
font-weight:bold;
text-align:center;
}

.tbl_head01 tbody th {
border-top:1px solid #e9e9e9;
border-bottom:1px solid #e9e9e9;
}

.tbl_head01 td {
padding:5px;
border-top:1px solid #e9e9e9;
border-bottom:1px solid #e9e9e9;
line-height:1.5em;
word-break:break-all;
}

.tbl_head01 .empty_table {
padding:10px 0;
text-align:center;
}

.tbl_frm01 {margin:0 10px;}

.tbl_frm01 th {
padding:10px 0;
width:90px;
border:1px solid #e9e9e9;
border-left:0;
text-align:left;
}

.tbl_frm01 td {
padding:10px 5px;
border-top:1px solid #e9e9e9;
border-bottom:1px solid #e9e9e9;
background:transparent;
}

.tbl_frm01 textarea, .frm_input {
border:1px solid #b8c9c2;
background:#f7f7f7;
vertical-align:middle;
line-height:1.8em;
-webkit-appearance:none;
}

.tbl_frm01 textarea {
width:100%;
height:150px;
}

.tbl_frm01 a {text-decoration:none;}

.tbl_frm01 .frm_address {
display:block;
margin-top:5px;
}

.tbl_frm01 .frm_file {
display:block;
margin-bottom:5px;
}

.tbl_frm01 .frm_info {
display:block;
padding:5px 0 0;
color:#666;
line-height:1.3em;
}

.required, textarea.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important;}

.td_board {
width:120px;
text-align:center;
}

.td_chk {
width:30px;
text-align:center;
}

.td_date {
width:60px;
text-align:center;
}

.td_datetime {
width:150px;
text-align:center;
}

.td_group {
width:100px;
text-align:center;
}

.td_mb_id {
width:100px;
text-align:center;
}

.td_mng {
width:80px;
text-align:center;
}

.td_name {
width:100px;
text-align:left;
}

.td_nick {
width:100px;
text-align:center;
}

.td_num {
width:50px;
text-align:center;
}

.td_numbig {
width:80px;
text-align:center;
}

.new_win #win_title {
margin:0 0 20px;
padding:20px;
border-top:3px solid #4e5d60;
border-bottom:1px solid #e9e9e9;
font-size:1.2em;
}

.new_win .tbl_wrp {margin:0 20px;}

.new_win .win_ul {
margin:-20px 0 20px 0;
padding:0 20px;
border-bottom:1px solid #455255;
background:#484848;
list-style:none;
}

.new_win .win_ul:after {
display:block;
visibility:hidden;
clear:both;
content:"";
}

.new_win .win_ul li {
float:left;
margin-left:-1px;
}

.new_win .win_ul a {
display:block;
padding:10px;
border-right:1px solid #455255;
border-left:1px solid #455255;
color:#fff;
font-weight:bold;
text-decoration:none;
}

.new_win .win_desc {padding:10px 20px;}

.new_win .win_btn {
clear:both;
margin:20px;
text-align:center;
}

.new_win .win_btn a {
display:inline-block;
padding:0 10px;
height:2.5em;
border:1px solid #ccc;
background:#fafafa;
color:#000;
text-decoration:none;
vertical-align:middle;
line-height:2.5em;
}

.new_win .win_btn button {
display:inline-block;
padding:0 10px;
height:2.65em;
border:0;
background:#666;
color:#fff;
text-decoration:none;
vertical-align:middle;
line-height:2.65em;
}

.new_win .win_btn input {
height:2.65em;
line-height:2.65em;
}

.pg_wrap {
clear:both;
margin:0 0 10px;
padding-top:10px;
text-align:center;
}

.pg {
display:inline-block;
border:1px solid #cfded8;
letter-spacing:-4px;
}

.pg a:focus, .pg a:hover, .pg a:active {text-decoration:none;}

.pg_page, .pg_current {
display:inline-block;
padding:0 8px;
color:#000;
letter-spacing:0;
line-height:1.9em;
vertical-align:middle;
}

.pg_page {
background:#f9f9f9;
text-decoration:none;
}

.pg_start, .pg_prev {border-right:1px solid #cfded8;}

.pg_end, .pg_next {border-left:1px solid #cfded8;}

.pg_current {
background:#333;
color:#fff;
font-weight:bold;
}

#device_change {
display:block;
margin:5px;
padding:5px 0;
border:1px solid #eee;
border-radius:2em;
color:#000;
font-size:1em;
text-decoration:none;
text-align:center;
}