@charset "utf-8"; /* CSS Document */ *{margin:0; padding:0;} body{margin:0; padding:0; line-height: 150%; font-size:11pt; font-family: 'Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'SimHei', 'GulimChe', sans-serif; color:#55555d;} Form {display:inline; margin:0; padding:0;} div, p {margin:0; padding:0;} a {margin:0;padding:0;} img {border:none;} address {font-style:normal;} ul,ol,dl, li {list-style:none} input {font-family: 'Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'SimHei', 'GulimChe', sans-serif; border:none;} .input { border:1px solid #bfbfbf; padding:4px; color:#000; font-family: 'Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'SimHei', 'GulimChe', sans-serif; } .input02 { border:1px solid #bfbfbf; padding:3px; } .input03 { border:1px solid #bfbfbf; padding:4px; margin:2px 0;} .input04 { border:1px solid #bfbfbf; padding:4px; margin:0 2px 0 0; float:left; width:500px;} .input05{border:1px solid #bfbfbf; padding:4px; color:#000; font-size: 13px; float: left; margin-left: 20px; } .admin_issue_input{border:1px solid #bfbfbf; padding:4px; float:left; } .admin_textbox{border:1px solid #bfbfbf; padding:4px; height:80px; width:98%; } a { text-decoration:underline; font-family: 'Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'SimHei', 'GulimChe', sans-serif; color: #dc1883;} /*a:visited {text-decoration: none; font-family: 'Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'SimHei', 'GulimChe', sans-serif; color: #ffffff;}*/ a:hover {text-decoration:none; font-family: 'Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'SimHei', 'GulimChe', sans-serif; color: #1895dc;} td th {font-family: 'Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'SimHei', 'GulimChe', sans-serif;} .fontMod {line-height: 150%; font-size:11pt; font-family: 'Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'SimHei', 'GulimChe', sans-serif; color:#55555d;} .fontMod2 {line-height: 150%; font-size:11pt; font-family: 'Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'SimHei', 'GulimChe', sans-serif; color:#fff;} .add_bk_bt1{cursor:pointer; background:url(/images/btn/bookmark.png) no-repeat; width:300px; height:25; text-align:center; margin: 0 0 0 0; padding-top:4px } select { font-family: 'Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'SimHei', 'GulimChe', sans-serif; font-size:12px; padding:3px; color:#606060; } .fontMod3 {line-height: 150%; font-size:9pt; font-family: 'Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'SimHei', 'GulimChe', sans-serif; color:#55555d;} /*deco*/ .black { color:#000;} .black02 { color:#121413; font-weight:bold;} .navy{ color:#02427e; font-weight:bold;} .red { color:#CC0033;} .red02 { color:#CC0033; font-weight:bold;} .red05 { color:#CC0033; font-weight:bold;} .orange { color:#fda200;} .orange02 { color:#fbddbc;} .orange03 { color:#ff7200; font-size:14px;} .green { color:#b3e407;} .green02 { color:#b3e407; font-weight:bold;} .blue { color:#0099d2;} .purple { color:#bd02b7; font-weight:bold;} .purple02 { color:#02427e;} .sky_blue { color:#118dac;} .sky_blue02 { color:#118dac; font-weight:bold;} .blue02 { color:#015e9f;} .pink { color:#f333a0;} .yellow { color:#f7a300;} .gray { color:#565656; } .gray02 { color:#cccccc; } .white { color:#fff;} .m30 { margin-top:30px;} .mtb30 { margin:30px 0; text-align:center;} .mbc30 { margin:0 0 30px 0; text-align:center;} .mb30 { margin-bottom:30px;} .m50 { margin-top:50px;} .m5 { margin-top:5px;} .mb5 { margin-bottom:5px;} .mb10 { margin-bottom:10px;} .mb20 { margin-bottom:20px;} .mb50{ margin-bottom:50px;} .mb70{ margin-bottom:70px;} .mb100{ margin-bottom:100px;} .mt20 { margin-top:20px;} .mt30 { margin-top:30px;} .mt5 { margin-top:5px;} .mr5 { margin-right:5px; float:left;} .fl{ float:left; margin-right:3px;} .fl02 { float:left; margin:5px 3px 0 0;} .fl03 { float:left; margin:0px 0px 0 0;} .f10 { font-size:10px;} .f11 { font-size:11px;} .f12 { font-size:12px;} .f14 { font-size:14px;} .fr{ float:right;} .t_right{text-align:right; } .footer_wrap{ background:url(/images/univcoop/footer_bg.jpg) repeat-x; width:100%; height:100px; margin:0 auto; clear:both; } .footer{ width:960px; margin:0 auto; padding-top:5px; font-size:11px; color:#dddddd; } .footer .copyright{ margin-top:20px; padding-top:14px; text-align:center; } /*layout*/ #wrap{ width:100%; min-width:100%; margin:0 auto; clear:both; min-width:1000px; position:absolute; z-index:1;} #top_jp_h1 { width:100%; background:#f0f0f0; border-bottom:1px solid #d1d1d3; clear:both;} /*일본 그룹 해더*/ #top { width:100%; background:url(/images/top_menu/menu_bg.png); background-position:bottom; background-repeat:repeat-x; margin:0 auto; clear:both; position:relative; z-index:100; top:0; min-width:1000px;} #top_h1 { width:1000px; margin:0 auto; height:70px; clear:both;} #logo { float:left; margin-top:10px; } #jp_logo { float:left; }/*일본 외부 사이트 로고*/ #top_link { float:left; height:20px; font-size:11px; margin:1px 0 0 390px;} #top_link ul{ margin:0; padding:0;} #top_link ul li { float:left; margin-right:10px;} #top_link ul li a { color:#5c5c5c; text-decoration:none;} #top_link ul li a:hover { color:#5c5c5c; text-decoration:underline;} #top_login { float:right; margin-top:20px;} #top_login ul { margin:0; padding:0;} #top_login ul li { float:left; margin:0 2px;} .logout { font-size:13px; padding:3px 0 0 0 ;} #login_btn { width:80px; height:25px; padding:1px 0 0 0; color:#ffffff; text-align:center; background:url(/images/btn/login_btn_bg.png); background-repeat:no-repeat; } #join_btn { width:80px; height:25px; padding:1px 0 0 0; color:#ffffff; text-align:center; background:url(/images/btn/join_btn_bg.png); background-repeat:no-repeat; } #mypage_btn { width:109px; height:25px; padding:1px 0 0 0; color:#ffffff; text-align:center; background:url(/images/btn/mypage_btn_bg_bak02.png); background-repeat:no-repeat; } #logout_btn { width:109px; height:25px; padding:1px 0 0 0; color:#ffffff; text-align:center; background:url(/images/btn/login_btn_bg_bak02.png); background-repeat:no-repeat; } #green_btn { width:20px; align:center; height:25px; padding:2px 0 0 0; clear:both; text-align:center; background:url(/images/btn/btn_green.png); background-repeat:no-repeat;margin:0 auto; color:#ffffff; } #speed_login { width:80px; height:25px; padding:1px 0 0 0; color:#ffffff; text-align:center; background:url(/images/btn/login_btn_bg.png); background-repeat:no-repeat; } #speed_join { width:80px; height:25px; padding:1px 0 0 0; color:#ffffff; text-align:center; background:url(/images/btn/join_btn_bg.png); background-repeat:no-repeat; } #speed_mypage { width:109px; height:25px; padding:1px 0 0 0; color:#ffffff; text-align:center; background:url(/images/btn/login_btn_bg_bak02.png); background-repeat:no-repeat; } #speed_logout{ width:109px; height:25px; padding:1px 0 0 0; color:#ffffff; text-align:center; background:url(/images/btn/login_btn_bg_bak02.png); background-repeat:no-repeat; } /*top menu*/ #top_menu { width:1000px; margin:0 auto; height:50px;} #top_menu ul { padding:0; margin:0;} #top_menu ul li { width:239px; padding-left:10px; float:left; border-left:1px solid #acacac;} .tta { font-size:10px; color:#9e9e9e;} .menu01 a { text-decoration: none; font-family: 'Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'SimHei', 'GulimChe', sans-serif; color: #ffffff; letter-spacing:1px; font-size:14px; font-weight:bold; text-shadow: 1px 1px 1px #000;} .menu01 a:hover { text-decoration:none; font-family: 'Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'SimHei', 'GulimChe', sans-serif; color: #00f6ff; letter-spacing:1px; font-size:14px; font-weight:bold; text-shadow: 1px 1px 1px #000} .menu02 a { text-decoration: none; font-family: 'Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'SimHei', 'GulimChe', sans-serif; color: #ffffff; font-size:14px; font-weight:bold; text-shadow: 1px 1px 1px #000} .menu02 a:hover { text-decoration: none; font-family: 'Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'SimHei', 'GulimChe', sans-serif; color: #fc3a71; font-size:14px; font-weight:bold; text-shadow: 1px 1px 1px #000} .menu03 a { text-decoration: none; font-family: 'Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'SimHei', 'GulimChe', sans-serif; color: #ffffff; font-size:14px; font-weight:bold; text-shadow: 1px 1px 1px #000} .menu03 a:hover { text-decoration: none; font-family: 'Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'SimHei', 'GulimChe', sans-serif; color: #c6ff00; font-size:14px; font-weight:bold; text-shadow: 1px 1px 1px #000} .menu04 a { text-decoration: none; font-family: 'Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'SimHei', 'GulimChe', sans-serif; color: #ffffff; font-size:14px; font-weight:bold; text-shadow: 1px 1px 1px #000} .menu04 a:hover { text-decoration: none; font-family: 'Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'SimHei', 'GulimChe', sans-serif; color: #d674ff; font-size:14px; font-weight:bold; text-shadow: 1px 1px 1px #000} #contents { width:100%; margin:0 auto; clear:both; position:relative; z-index:50px;} #bottom { width:100%; height:100px; margin:0 auto; background:#121413; clear:both;} #footer { width:100%; margin:0 auto; height:70px; padding-top:30px; text-align:center; color:#fff; } /*외부푸터*/ #bottom_jp { width:100%; margin:0 auto; clear:both;} #footer_site { width:100%; margin:0 auto; height:300px; background:#121413; color:#fff; clear:both;} #site_mep { width:1000px; margin:0 auto;} #f_sitemap{ float:left; border-right:1px solid #6d6d6d; margin:20px 0 0 0;} #f_sitemap p { font-size:13pt; font-weight:bold; margin:0 0 10px 0; background:url(/images/index/footr_poin01.png); background-repeat:no-repeat; background-position:left; padding-left:20px;} #f_sitemap ul{ margin:0; padding:0; float:left;} #f_sitemap ul li { margin:5px 20px 5px 0; width:210px; background:url(/images/index/footr_poin02.png); background-repeat:no-repeat; background-position:left; padding-left:15px;} #f_sitemap ul li a { text-decoration:none; color:#fff;} #f_sitemap ul li a:hover { text-decoration:underline;} #f_sitemap02{ float:right; margin:20px 0 0 0;} #f_sitemap02 p { font-size:13pt; font-weight:bold; margin:0 0 10px 0; background:url(/images/index/footr_poin01.png); background-repeat:no-repeat; background-position:left; padding-left:20px;} #f_sitemap02 ul{ margin:0; padding:0; float:left;} #f_sitemap02 ul li { margin:5px 20px 5px 0; width:180px; background:url(/images/index/footr_poin02.png); background-repeat:no-repeat; background-position:left; padding-left:15px;} #f_sitemap02 ul li a { text-decoration:none; color:#fff;} #f_sitemap02 ul li a:hover { text-decoration:underline;} .bjf_copy { width:1000px; margin:0 auto; text-align:center; color:#878787; padding:10px 0 50px 0; clear:both;} .gmo_link { width:1000px; margin:0 auto; clear:both; text-align:left;} #footer_group { width:100%; height:430px; background:#ebebeb; clear:both;} #gmo_01 { width:1000px; margin:0 auto; clear:both; padding:20px 0 0 0;} #gmo_01 p { font-size:13pt; font-weight:bold; margin:0 0 10px 0; background:url(/images/index/footr_poin03.png); background-repeat:no-repeat; background-position:0 0; padding-left:20px;} .gul01_01 { margin-right:10px; float:left; padding:0;} .gul01_02 { float:right; padding:0;} #gmo_01 li { margin:5px 0; background:url(/images/index/footr_poin04.png); background-repeat:no-repeat; background-position:left; padding-left:15px; letter-spacing:-1px;} #gmo_01 li a { text-decoration:none; color:#025cb8; font-weight:bold;} #gmo_01 li a:hover { text-decoration:underline;} #gmo_02 { width:1000px; margin:0 auto; clear:both; padding:50px 0 0 0;} #gmo_02 p { font-size:13pt; font-weight:bold; margin:0 0 10px 0; background:url(/images/index/footr_poin03.png); background-repeat:no-repeat; background-position:0 0; padding-left:20px;} .gul02_01 { margin-right:47px; float:left; padding:0;} .gul02_02 { float:right; padding:0;} .gmo02tit { margin:5px 0; background:url(/images/index/footr_poin04.png); background-repeat:no-repeat; background-position:left; padding-left:15px; font-weight:bold; color:#025cb8} #gmo_02 ul li { padding-left:20px; } #gmo_02 ul li a { text-decoration:none; color:#55555d;} #gmo_02 ul li a:hover { text-decoration:underline;} .question01{ width:20px; height:20px; display:inline-block; background:url(/images/common/question1.png); background-repeat:no-repeat;} /*index*/ #container {position:relative; z-index:99; top:-50px;}/*slide_img*/ #main_banner{ width:1000px; height:130px; margin:0 auto; clear:both;} #main_banner ul { width:1000px; margin:0 auto;} #main_banner li { width:250px; height:73px; padding-top:57px; float:left; font-size:13px; letter-spacing:1px; line-height:120%; text-align:center;} #main_banner .mb_01 { background:url(/images/index/mb_bg01.png);} #main_banner .mb_02 { background:url(/images/index/mb_bg02.png);} #main_banner .mb_03 { background:url(/images/index/mb_bg03.png);} #main_banner .mb_04 { background:url(/images/index/mb_bg04.png);} #main_conts { width:1000px; margin:0 auto;} #m_left{width:730px; float:left;} #auto_quote{ width:730px; margin-bottom:50px; float:left;}/*삭제*/ #auto_quote01{ width:730px; z-index:101; visibility: visible;} /**#auto_quote02{ width:730px; float:left; position:absolute; z-index:102; visibility: hidden;} #auto_quote03{ width:730px; float:left; position:absolute; z-index:103; visibility: visible; display:block;}***/ .m_title { height:27px; font-size:12pt; font-weight:bold; letter-spacing:-1px; text-align:left; padding:2px 0 0 12px; background:url(/images/index/title_point.png); background-repeat:no-repeat; background-position:left;} .m_title02 { height:27px; font-size:12pt; width:120px; font-weight:bold; text-align:left; float:left; padding:2px 0 0 14px; background:url(/images/index/title_point.png); background-repeat:no-repeat; background-position:left; margin-bottom:5px;} .m_title03 { height:27px; font-size:9pt; font-weight:bold; letter-spacing:-1px; text-align:left; padding:0 0 0 4px; } .m_title04 { height:27px; font-size:12pt; float:left; width:150px; font-weight:bold; text-align:left; padding:2px 0 0 14px; background:url(/images/index/title_point.png); background-repeat:no-repeat; background-position:left;} #auto_top { width:728px; height:35px; background:url(/images/index/auto_top_bg.png); border-top:1px solid #7b7c81; border-left:1px solid #64646c; border-right:1px solid #64646c; border-bottom:1px solid #494a4f; padding:2px 0;} #auto_top ul { margin:3px 0 0 0; padding:0; color:#fff;} #auto_top ul li { float:left; margin:0 5px;} .auto_title { font-size:13px; margin-left:7px;} .auto_title02 { font-size:13px; margin-left:45px;} #auto_btn { width:94px; height:23px; padding:1px 0 0 0; margin:2px 0 0 2px; color:#bfc2c9; text-align:center; background:url(/images/btn/auto_btn_bg.png); background-repeat:no-repeat; } #auto_btn a {color:#bfc2c9; text-decoration:none;} #auto_btn a:hover { color:#fff; text-decoration:none;} #auto_btn02 { margin:0 auto; width:100px; padding:5px 0 0 0;} #search_btn { width:94px; height:23px; padding:3px 0 0 0; margin:2px 0 0 2px; color:#bfc2c9; text-align:center; background:url(/images/btn/auto_btn_bg.png); background-repeat:no-repeat; } #search_btn a {color:#bfc2c9; text-decoration:none;} #search_btn a:hover { color:#fff; text-decoration:none;} #search_btn2 { width:94px; height:23px; padding:1px 0 0 0; margin:2px 0 0 8px; color:#ffffff; text-align:center; background:url(/images/btn/btn_bg_gray.png); background-repeat:no-repeat; } #search_btn2 a {color:#bfc2c9; text-decoration:none;} #search_btn2 a:hover { color:#fff; text-decoration:none;} #auto_btn03 { width:180px; height:23px; padding:1px 0 0 0; margin:2px 0 0 2px; color:#fff; text-align:center; background:url(/images/btn/auto_btn_02bg.png); background-repeat:no-repeat; float:left; } #auto_btn03 a {color:#bfc2c9; text-decoration:none;} #auto_btn03 a:hover { color:#fff; text-decoration:none;} #SpfileEst { width:180px; height:23px; padding:1px 0 0 0; margin:2px 0 0 2px; color:#fff; text-align:center; background:url(/images/btn/auto_btn_02bg.png); background-repeat:no-repeat; float:left; } #SpfileEst a {color:#bfc2c9; text-decoration:none;} #SpfileEst a:hover { color:#fff; text-decoration:none;} #ce_btn { width:180px; height:23px; padding:1px 0 0 0; margin:2px 0 0 2px; color:#fff; text-align:center; background:url(/images/btn/auto_btn_02bg.png); background-repeat:no-repeat; float:left; } #ce_btn a {color:#bfc2c9; text-decoration:none;} #ce_btn a:hover { color:#fff; text-decoration:none;} #auto_btn04 { width:180px; height:23px; padding:1px 0 0 0; margin:2px 0 0 2px; color:#fff; text-align:center; background:url(/images/btn/auto_btn_03bg.png); background-repeat:no-repeat; float:left; } #auto_btn04 a {color:#bfc2c9; text-decoration:none;} #auto_btn04 a:hover { color:#fff; text-decoration:none;} #SpfileBlind { width:180px; height:23px; padding:1px 0 0 0; margin:2px 0 0 2px; color:#fff; text-align:center; background:url(/images/btn/auto_btn_03bg.png); background-repeat:no-repeat; float:left; } #SpfileBlind a {color:#bfc2c9; text-decoration:none;} #SpfileBlind a:hover { color:#fff; text-decoration:none;} #auto_btns_box { width:708px; height:100px; padding:11px 10px 12px 10px; background:#eaeaea; border-top-color: #eaeaea; border-left:1px solid #c0c0c2; border-right:1px solid #c0c0c2; border-bottom:1px solid #c0c0c2;} #auto_btns { width:365px; margin:0 180px; padding:10px 0 20px 0;} #auto_text { width:708px; height:160px; padding:11px 10px 12px 10px; background:#eaeaea; border-bottom-color: #eaeaea; border-left:1px solid #c0c0c2; border-right:1px solid #c0c0c2;} #translators{ width:255px; float:right;} #translators_list01{ width:243px; height:88px; padding:12px 0 0 10px; border:1px solid #cfcfcf; clear:both;} .tl_img { float:left; text-align:left; margin-right:8px;} .tl_name { float: left; width:146px; height:11px; padding:2px 2px; line-height:100%; background:#0cabcb; color:#ffffff; } .tl_bnts { float:left; text-align:left; margin:2px 0;} .tl_text { float:left; width:150px; text-align:left; line-height:100%;} .tl_text a:link { text-decoration: none; font-family: 'Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'SimHei', 'GulimChe', sans-serif; color: #919191; } .tl_text a:visited { text-decoration: none; font-family: 'Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'SimHei', 'GulimChe', sans-serif; color: #919191; } #translators_list02 { width:243px; height:89px; padding:12px 0 0 10px; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; clear:both;} #translators_list03 { width:243px; height:89px; padding:12px 0 0 10px; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; clear:both;} #translators_list04 { width:243px; height:89px; padding:12px 0 0 10px; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; clear:both;} #situation { width:730px; margin:0 0 30px 0; padding:20px 0 0 ; clear:both;} /* margin 440px alert 510px */ .language { float:right; height:28px;} .more_btn { display:inline-block; height:28px; width:53px; padding:0 0 10px 6px; background:url(/images/btn/more_btn.gif); background-repeat:no-repeat; background-position:0 4px; cursor: pointer; color:#888888; float:right; } .more_btn a { color:#888888; text-decoration:none; font-size:12pt; font-weight:normal; letter-spacing:0px;} .table_situation { width:100%; border-left:1px solid #c0c0c2; border-right:1px solid #c0c0c2; border-bottom:1px solid #c0c0c2;} .table_situation th { letter-spacing:-1px; padding:7px 0; background:url(/images/index/auto_top_bg.png); color:#fff; border-bottom:1px solid #494a4f; border-top:1px solid #7b7c81;} .table_situation td { border-top:1px solid #f0f0f0;} .table_situation a { text-decoration:none; color:#55555d;} .table_situation a:hover { text-decoration:underline;} /*.ts_tbg {background:url(/images/index/auto_top_bg); background-repeat:no-repeat;}*/ .ts_cbg { background:#fbfbfb;} .ts_ac { height:40px; text-align:center;} .ts_ar { text-align:right; padding-right:5px;} .ts_al { text-align:left; padding-left:5px;} #face_book { width:255px; height:420px; float:right;} #auto_top_btns { width:730px; height:35px; clear:both;} .auto_view { width:365px; height:30px; color:#fff; background:url(/images/index/auto_view.png); float:left; text-align:center; padding:5px 0 0 0; font-weight:bold;} .auto_on_right { width:365px; height:30px; background:url(/images/index/auto_on_right.png); float:right; text-align:center; padding:5px 0 0 0;} .auto_on_left { width:365px; height:30px; background:url(/images/index/auto_on_left.png); float:left; text-align:center; padding:5px 0 0 0;} .auto_ftit { margin:15px 0 10px 0; color:#038da9;} .auto_file { width:686px; margin:0 0 30px 0; border:1px solid #bfbfbf; background:#fff; padding:15px 10px;} /*sub*/ /*#sub_contents { width:100%; margin:0 auto; clear:both; padding-top:120px; position:relative; z-index:55px;}*/ #sub_contents { width:100%; margin:0 auto; clear:both; position:relative; z-index:50px;} #page_color_speed { width:100%; height:38px; border-top:3px solid #07c8e4; border-bottom:1px solid #dadadc;} #page_color_auction { width:100%; height:38px; border-top:3px solid #ee0000; border-bottom:1px solid #dadadc;} #page_color_concierge { width:100%; height:38px; border-top:3px solid #62d207; border-bottom:1px solid #dadadc;} #page_color_guide { width:100%; height:3px; border-top:3px solid #cc02c5; } #page_color_my { width:100%; height:38px; border-top:3px solid #ea7900; border-bottom:1px solid #dadadc;} .page_view { width:1000px; margin:0 auto; text-align:right; color:#7b7b7b; padding-top:7px;} #sub_conts { width:1000px; margin:0 auto; line-height: 150%; font-size:11pt;} #sub_conts_admin { width:1250px; margin:0 auto; line-height: 150%; font-size:11pt;} #sub_cont { width:774px; border-left:1px solid #dadadc; float:right; padding-bottom:100px; } #sub_img_speed { } #sub_img_auction { float:left; width:774px; height:242px; border-bottom:1px solid #dadadc; background:url(/images/auction/sub_img.png); margin-bottom:50px; } #sub_cont_ce { width:774px; float:right; padding-bottom:100px; } #sub_img_speed { } #sub_img_auction { float:left; width:774px; height:242px; border-bottom:1px solid #dadadc; background:url(/images/auction/sub_img.png); margin-bottom:50px; } #sub_img_auction02 { float:left; width:774px; height:400px; background:url(/images/auction/order_complete_bg.jpg); margin-top:30px; margin-bottom:20px; } #sub_img_concierge {} #sub_img_guide { } .si_text { color:#000; margin:70px 0 0 50px; font-size:33px; font-weight:bold; line-height:120%; text-shadow: 1px 1px 2px #444;} .si_text02 {color:#000; margin:0 0 0 50px; font-size:13px; font-weight:bold; letter-spacing:1px; text-shadow: 1px 1px 1px #444;} .si_text03 {color:#000; margin:70px 0 0 50px; font-size:28px; font-weight:bold; letter-spacing:1px; text-shadow: 1px 1px 1px #444;} .si_text04 {color:#000; margin:20px 0 0 60px; font-size:13px; font-weight:bold; letter-spacing:1px;} #s_con { width:730px; margin:0 0 0 44px; float:left; padding:10px 0 50px 0} .sub_title_speed { width:730px; border-bottom:2px solid #07c8e4; height:33px; color:#0193bd; font-weight:bold; margin-bottom:20px; font-size:14pt;} .sub_title_auction { width:730px; border-bottom:2px solid #ee0000; height:33px; color:#ee0000; font-weight:bold; margin-bottom:20px; font-size:14pt;} .sub_title_concierge { width:730px; border-bottom:2px solid #62d207; height:33px; color:#62d207; font-weight:bold; margin-bottom:20px; font-size:14pt;} .sub_title_concierge_order { width:730px; border-bottom:2px solid #28724F; height:33px; color:#28724F; font-weight:bold; margin-bottom:20px; font-size:14pt;} .sub_title_guide { width:730px; border-bottom:2px solid #cc02c5; height:33px; color:#cc02c5; font-weight:bold; margin-bottom:20px; font-size:14pt;} .sub_title_my { width:100%; border-bottom:2px solid #ea7900; height:33px; color:#ea7900; font-weight:bold; margin-bottom:20px; font-size:14pt;} .sub_title_my02 { width:100%; border-bottom:2px solid #ea7900; height:33px; color:#ea7900; font-weight:bold; margin-bottom:20px; font-size:14pt; letter-spacing:-2px;} #order_search { width:728px; height:70px; margin-bottom:30px; background:#8f939f; border:1px solid #7b7c81;} #order_search ul { width:728px; margin:4px 0 0 80px; padding:0; color:#fff; font-size:13px; } #order_search ul li { float:left; margin:3px 5px; height:25px;} #order_search02 { width:698px; height:40px; padding:15px; margin-bottom:30px; background:#8f939f; border:1px solid #7b7c81;} #order_search02 ul { width:698px; margin:2px 0 0 4px; padding:0; color:#fff; font-size:13px; } #order_search02 ul li { float:right; margin:3px 5px; height:25px;} #order_search03 { width:728px; height:32px; margin-bottom:30px; background:#8f939f; border:1px solid #7b7c81; color:#ffffff; text-align:center; padding:8px 0 0 0;} #order_search04 { width:708px; height:100px; padding:3px; margin-bottom:30px; background:#8f939f; border:1px solid #7b7c81;} #order_search04 ul { width:708px; margin:2px 0 0 4px; padding:0; color:#fff; } #order_search04 ul li { float:left; margin:3px 5px; height:25px;} #order_search05 { width:698px; height:20px; padding:15px; background:#8f939f; border:1px solid #7b7c81;} #order_search05 ul { width:698px; margin:0 0 0 4px; padding:0; color:#fff; font-size:13px; } #order_search05 ul li { float:right; margin:0 auto; height:20px;} #auction_top{ color:#FFF; margin:30px 0 0 44px;} #nav01{ width:193px; height:32px; margin:0 1px; float:left; padding:15px 0 0 48px; background:url(/images/auction/nav_01.png); background-repeat:no-repeat;} #nav02{ width:194px; height:32px; margin:0 1px; float:left; padding:15px 0 0 48px; background:url(/images/auction/nav_02.png); background-repeat:no-repeat;} #nav03{ width:193px; height:32px; margin:0 1px; float:right; padding:15px 0 0 48px; background:url(/images/auction/nav_03.png); background-repeat:no-repeat;} #nav01_on{ width:193px; height:32px; margin:0 1px; float:left; padding:15px 0 0 48px; background:url(/images/auction/nav_01_on.png); background-repeat:no-repeat;} #nav02_on{ width:194px; height:32px; margin:0 1px; float:left; padding:15px 0 0 48px; background:url(/images/auction/nav_02_on.png); background-repeat:no-repeat;} #nav03_on{ width:193px; height:32px; margin:0 1px; float:right; padding:15px 0 0 48px; background:url(/images/auction/nav_03_on.png); background-repeat:no-repeat;} #concierge_top{ color:#FFF; margin:30px 0 0 44px;} #nav01{ width:193px; height:32px; margin:0 1px; float:left; padding:15px 0 0 48px; background:url(/images/univcoop/nav_01.png); background-repeat:no-repeat;} #nav02{ width:194px; height:32px; margin:0 1px; float:left; padding:15px 0 0 48px; background:url(/images/univcoop/nav_02.png); background-repeat:no-repeat;} #nav03{ width:193px; height:32px; margin:0 1px; float:right; padding:15px 0 0 48px; background:url(/images/univcoop/nav_03.png); background-repeat:no-repeat;} #nav01_on{ width:193px; height:32px; margin:0 1px; float:left; padding:15px 0 0 48px; background:url(/images/univcoop/nav_01_on.png); background-repeat:no-repeat;} #nav02_on{ width:194px; height:32px; margin:0 1px; float:left; padding:15px 0 0 48px; background:url(/images/univcoop/nav_02_on.png); background-repeat:no-repeat;} #nav03_on{ width:193px; height:32px; margin:0 1px; float:right; padding:15px 0 0 48px; background:url(/images/univcoop/nav_03_on.png); background-repeat:no-repeat;} /*left menu*/ #left_menu_speed{ width:205px; float:left; position:relative; } #left_menu_speed .left_menu_title { width:205px; height:32px; padding:45px 0 0 0; border-bottom:3px solid #07c8e4; margin-bottom:20px; color:#262626; text-align:right; font-size:25px; font-weight:bold;} #left_menu_speed ul { margin:0; padding:0;} #left_menu_speed ul li{list-style-type:none;} #left_menu_speed ul li a{float:left; width:200px; height:35px; padding:0 5px 0 0; text-align:right; line-height:30px; color:#373737; text-decoration:none; font-size:14px;} #left_menu_speed ul li a:hover{background-color:#07c8e4; color:#FFFFFF;} .speed_left_bottom { clear:both; border-bottom:3px solid #07c8e4; height:10px; margin:0 0 20px 0;} #left_menu_auction{ width:205px; float:left;} #left_menu_auction .left_menu_title { width:205px; height:32px; padding:45px 0 0 0; border-bottom:3px solid #ee0000; margin-bottom:20px; color:#262626; text-align:right; font-size:25px; font-weight:bold;} #left_menu_auction .left_menu_title2 { width:205px; height:32px; padding:45px 0 0 0; margin-bottom:20px; color:#262626; text-align:right; font-size:22px; font-weight:bold;} #left_menu_auction ul { margin:0; padding:0;} #left_menu_auction ul li{list-style-type:none;} #left_menu_auction ul li a{float:left; width:200px; height:35px; padding:0 5px 0 0; text-align:right; line-height:30px; color:#373737; text-decoration:none; font-size:14px;} #left_menu_auction ul li a:hover{background-color:#cc0202; color:#FFFFFF;} .auction_left_bottom { clear:both; border-bottom:3px solid #ee0000; height:10px; margin:0 0 20px 0;} #left_menu_concierge{ width:205px; float:left; } #left_menu_concierge .left_menu_title { width:205px; height:32px; padding:45px 0 0 0; border-bottom:3px solid #62d207; margin-bottom:20px; color:#262626; text-align:right; font-size:25px; font-weight:bold;} #left_menu_concierge ul { margin:0; padding:0;} #left_menu_concierge ul li{list-style-type:none;} #left_menu_concierge ul li a{float:left; width:200px; height:35px; padding:0 5px 0 0; text-align:right; line-height:30px; color:#373737; text-decoration:none; font-size:14px;} #left_menu_concierge ul li a:hover{background-color:#62d207; color:#FFFFFF;} .concierge_left_bottom { clear:both; border-bottom:3px solid #62d207; height:10px; margin:0 0 20px 0;} #left_menu_guide{ width:205px; float:left; position:relative;} #left_menu_guide .left_menu_title { width:205px; height:32px; padding:45px 0 0 0; border-bottom:3px solid #cc02c5; margin-bottom:20px; color:#262626; text-align:right; font-size:25px; font-weight:bold;} .left_guide_tit {width:200px; height:35px; padding:0 5px 0 0; text-align:right; line-height:30px; background-color:#ededed; color:#262626; font-weight:bold; text-decoration:none; font-size:14px; clear:both;} #left_menu_guide ul { margin:0; padding:0;} #left_menu_guide ul li{list-style-type:none;} #left_menu_guide ul li a{float:left; width:200px; height:35px; padding:0 5px 0 0; text-align:right; line-height:30px; color:#373737; text-decoration:none; font-size:14px;} #left_menu_guide ul li a:hover{color:#cc02c5;} .guide_left_bottom { clear:both; border-bottom:3px solid #cc02c5; height:10px; margin:0 0 20px 0;} #left_menu_my{ width:205px; float:left; height: 800px; } #left_menu_my .left_menu_title { width:205px; height:32px; padding:45px 0 0 0; border-bottom:3px solid #ea7900; margin-bottom:20px; color:#262626; text-align:right; font-size:25px; font-weight:bold;} #left_menu_my ul { margin:0; padding:0;} #left_menu_my ul li{list-style-type:none;} #left_menu_my ul li a{float:left; width:200px; height:35px; padding:0 5px 0 0; text-align:right; line-height:30px; color:#373737; text-decoration:none; font-size:14px;} #left_menu_my ul li a:hover{background-color:#ea7900; color:#FFFFFF;} #left_menu_my ul .my_menu_02 a {float:left; width:200px; height:42px; padding:8px 5px 0 0; text-align:right; line-height:30px; color:#333; text-decoration:none; font-size:14px; line-height:120%;} .my_left_bottom { clear:both; border-bottom:3px solid #ea7900; height:10px; margin:0 0 20px 0;} #join_box { width:195; height:105px; background:url(/images/btn/join_box_bg.png); background-repeat:no-repeat; padding:5px 10px; } #tel_box { width:100%; border-bottom:1px solid #dadadc; border-top:1px solid #dadadc; padding:10px 0; margin-top:20px; } .tel_tit { color:#333; letter-spacing : -0.1em; font-size:13pt; font-weight:bold; margin-bottom:5px; line-height:150%;} .tel_tel { color:#60598f; font-size:24px; font-weight:bold; line-height:130%; } .tel_gray { color:#9b9ca0; height:20px; } .tel_text { color:#60598f; height:20px; letter-spacing:-1px; font-size:13px; line-height:130%; } .tel_text02 { color:#797979; line-height:110%; } .org_btn { width:91px; height:24px; margin:5px 0 0 0; background:url(/images/btn/org_btn_bg.png); background-repeat:repeat; text-align:center; font-size:13px; cursor:pointer; color:#fff;} .org_btn a { color:#fff; text-decoration:none; } .red_btn { width:91px; height:24px; margin:5px 0 0 0; background:url(/images/btn/red_btn_bg.png); background-repeat:repeat; text-align:center; } .red_btn a { color:#fff; text-decoration:none;} .blue_btn { width:91px; height:24px; margin:3px 0 0 0; background:url(/images/btn/blue_btn_bg.png); background-repeat:repeat; text-align:center;} .blue_btn a { color:#fff; text-decoration:none;} .ce_org_btn { width:91px; height:24px; margin:5px 0 0 0; background:url(/images/btn/btn_bg02.png); background-repeat:repeat; text-align:center; font-size:13px; cursor:pointer; color:#fff;} .ce_org_btn a { color:#fff; text-decoration:none; } .ce_blue_btn { width:91px; height:24px; margin:5px 0 0 0; background:url(/images/btn/btn_bg01.png); background-repeat:repeat; text-align:center; font-size:13px; cursor:pointer; color:#fff;} .ce_blue_btn a { color:#fff; text-decoration:none; } .univ_admin_btn { width:180px; height:24px; margin:5px 0 0 0; background:url(/images/btn/orderform_btn.png); background-repeat:no-repeat; text-align:center; font-size:13px; cursor:pointer; color:#fff;} .univ_admin_btn a { color:#fff; text-decoration:none; } .univ_admin_btn2 { width:180px; height:24px; margin:5px 0 0 0; background:url(/images/btn/auto_btn_02bg.png); background-repeat:no-repeat; text-align:center; font-size:13px; cursor:pointer; color:#fff;} .univ_admin_btn2 a { color:#fff; text-decoration:none; } #sup_box { width:100%; border-bottom:1px solid #dadadc; padding:10px 0;} #join_sec{ width:215px; float:left; margin:0 17px 50px 17px;} #join_sec01{ width:215px; height:75px; padding:125px 0 0 0; background:url(/images/join/join_select01.png); background-repeat:repeat; text-align:center; color:#fff; font-weight:bold;} #join_sec02{ width:215px; height:75px; padding:125px 0 0 0; background:url(/images/join/join_select02.png); background-repeat:repeat; text-align:center; color:#fff; font-weight:bold;} #join_sec03{ width:215px; height:75px; padding:125px 0 0 0; background:url(/images/join/join_select03.png); background-repeat:repeat; text-align:center; color:#fff; font-weight:bold;} #join_sec04{ width:215px; height:75px; padding:125px 0 0 0; background:url(/images/join/join_select04.png); background-repeat:repeat; text-align:center; color:#fff; font-weight:bold;} #join_sec_text { width:185px; height:475px; padding:0 15px 10px 15px; background:url(/images/join/join_select_bg.png); background-repeat:repeat; } #join_sec a { text-decoration:none; color:#fff; font-weight:bold;} #join_sec a:hover { text-decoration:underline;} /* speed*/ #speed_notice { width:255px; float:right; margin-bottom:20px;} #speed_notice ul { margin:0; padding:0; clear:both;} #speed_notice ul li { background:url(/images/auction/notice_point.gif); background-repeat:no-repeat; padding:0 0 0 10px;} #speed_notice ul li a { color:#5e5e5e; text-decoration:none;} #speed_notice ul li a:hover{ color:#8f040; text-decoration:underline;} .not_data { width:65px; float:right; text-align:right; font-size:12px;} #speed_faq { width:255px; float:right;} #speed_faq ul { margin:0; padding:0; clear:both;} #speed_faq ul li { background:url(/images/auction/notice_point.gif); background-repeat:no-repeat; padding:0 0 0 10px;} #speed_faq ul li a { color:#5e5e5e; text-decoration:none;} #speed_faq ul li a:hover{ color:#8f040; text-decoration:underline;} /*auction*/ #auction_situation { width:730px; height:600px; float:left; margin:30px 0 100px 0;} #auction_translators{ width:255px; float:right; margin:30px 0 30px 0; } #auction_notice { width:255px; float:right; margin-bottom:20px;} #auction_notice ul { margin:0; padding:0; clear:both;} #auction_notice ul li { background:url(/images/auction/notice_point.gif); background-repeat:no-repeat; padding:0 0 0 10px;} #auction_notice ul li a { color:#5e5e5e; text-decoration:none;} #auction_notice ul li a:hover{ color:#8f040; text-decoration:underline;} .not_data { width:65px; float:right; text-align:right; font-size:12px;} #auction_faq { width:255px; float:right;} #auction_faq ul { margin:0; padding:0; clear:both;} #auction_faq ul li { background:url(/images/auction/notice_point.gif); background-repeat:no-repeat; padding:0 0 0 10px;} #auction_faq ul li a { color:#5e5e5e; text-decoration:none;} #auction_faq ul li a:hover{ color:#8f040; text-decoration:underline;} #m_right{width:255px; float:right; } #auction_faq2 { width:255px; padding-bottom:20px;} #auction_faq3 { width:255px; } .a_tit{ color:#cc0202; font-weight:bold; background:url(/images/auction/title_point.png); background-position:left; background-repeat:no-repeat; padding-left:15px; font-size:13pt;} .a_tit02{ color:#696969; font-weight:bold; background:url(/images/auction/title_point02.png); background-position:left; background-repeat:no-repeat; padding-left:22px; font-size:13pt;} /*concierge*/ #concierge01 { margin:30px 0 70px 0;} #concierge01 ul { margin:10px 0 0 0; padding:0;} #concierge01 ul li { float:left; width:146px; margin:0 10px;} #concierge02 { margin:0 0 50px 0;} #conc_list { width:500px; float:left; height:163px; margin-bottom:30px;} #conc_img{ float:left; width:163px;} #conc_text { float:left; width:317px; padding:0 10px;} .conc_tit { background:#9bcc57; color:#000; padding:0 5px; margin-bottom:15px;} #concierge03 { margin:30px 0 70px 0;} #concierge03 ul { margin:10px 0 0 0; padding:0;} #concierge03 ul li { float:left; width:146px; margin:0 10px;} #conc_04 { background:url(/images/concierge/concierge_04.png); height:72px; width:1000px; margin-bottom:50px;} .conc04_01{ float:left; width:210px; margin:15px 0 0 70px;} .conc04_02{ float:left; width:140px; margin:15px 0 0 60px;} .conc04_03{ float:left; width:140px; margin:15px 0 0 65px;} .conc04_04{ float:left; margin:15px 0 0 23px;} /*order*/ .order_table{width:100%; margin:10px auto 0 auto; border-top:1px #e7e7e7 solid ;border-collapse:collapse;} .order_table th {border:1px #e7e7e7 solid; background-color:#fbfbfb; padding:6px 8px; color:#606060; text-align:center; line-height:150%;} .order_table td {border:1px #e7e7e7 solid; background-color:#fff; padding:6px 8px; color:#606060; line-height:150%; text-align:left; } .order_table02{width:100%; margin:0 auto; border-top:1px #e7e7e7 solid ;border-collapse:collapse;} .order_table02 th {border:1px #e7e7e7 solid; background-color:#fbfbfb; padding:6px 2px; color:#606060; text-align:center; line-height:150%; } .order_table02 td {border:1px #e7e7e7 solid; padding:6px 8px; color:#606060; line-height:150%; text-align:center; } .order_table03{width:100%; margin:0 auto; border-top:1px #e7e7e7 solid ;border-collapse:collapse;} .order_table03 th {border:1px #e7e7e7 solid; padding:6px 8px; color:#606060; text-align:center; line-height:150%; } .order_table03 td {border:1px #e7e7e7 solid; background-color:#fff; padding:6px 8px; color:#606060; line-height:150%; text-align:left; } .order_table04 {width:100%; margin:20px auto 0 auto; border-top:1px #e7e7e7 solid ;border-collapse:collapse;} .order_table04 th {border:1px #e7e7e7 solid; background-color:#980000; padding:6px 8px; color:#fff; text-align:center; line-height:150%;} .order_table04 td {border:1px #e7e7e7 solid; background-color:#fff; padding:6px 8px; color:#606060; line-height:150%; text-align:left; } .order_table05{width:95%; margin:0 0 0 5%; border-top:1px #e7e7e7 solid ;border-collapse:collapse;} .order_table05 th {border:1px #e7e7e7 solid; background-color:#fbfbfb; padding:6px 2px; color:#606060; text-align:center; line-height:150%; } .order_table05 td {border:1px #e7e7e7 solid; background-color:#fff; padding:6px 8px; color:#606060; line-height:150%; text-align:center; } .order_table06{width:95%; margin:0 0 0 5%; border-top:1px #e7e7e7 solid ;border-collapse:collapse;} .order_table06 th {border:1px #e7e7e7 solid; background-color:#fbfbfb; padding:6px 2px; color:#606060; text-align:center; line-height:150%; } .order_table06 td {border:1px #e7e7e7 solid; background-color:#fff; padding:6px 8px; color:#606060; line-height:150%; text-align:left; } .order_table07{width:95%; margin:0 0 0 5%; border:0;} .order_table07 td { background-color:#fff; padding:6px 0; color:#f2002e; line-height:150%; } .order_table08 th {border: none; border-collapse:collapse; border-width: 0px 0px 0px 0px;} .order_table08 td {border: none; padding:6px 0px; border-collapse:collapse; border-width: 0px 0px 0px 0px;} .order_table09 { width: 95%; margin: 0 0 0 5%; border-top: 1px #e7e7e7 solid; border-collapse: collapse; border-left: 1px #e7e7e7 solid; border-right: 1px #e7e7e7 solid; } .order_table09 th { border-bottom: 1px #e7e7e7 solid; background-color: #fbfbfb; padding: 6px 8px; color: #606060; text-align: center; line-height: 150%; } .order_table09 td { border-bottom: 1px #e7e7e7 solid; background-color: #fff; padding: 6px 8px; color: #606060; line-height: 150%; text-align: left; } .al_table{width:97%; border:none; margin:0 0 10px 0; } .al_table th{text-align:left; font-weight:normal; padding:10px 5px; width:25%; background-color:#fff; border:none; } .al_table td{ text-align:left; padding:10px 5px; border:none; } .al_table .input {width:97%; } .textBox3{width:99%; height:50px; } .al_table2{width:97%; border:none; margin:0 0 10px 0; } .al_table2 td{border:none; padding:10px 5px; } .al_table2 .textBox{width:99%; height:230px; } .al_table2 .textBox2{width:99%; height:71px; } .order_text{font-size:14px;} .th_bg { background-color:#fbfbfb;} .th_bg02 {background-color:#fdf1e3;} .td_bg{background-color:#ffa500;} /*translator*/ .translator_table{width:100%; margin:0 0 5px 0; border-top:1px #e7e7e7 solid ;border-collapse:collapse;} .translator_table th {border:1px #e7e7e7 solid; background-color:#fbfbfb; padding:6px 8px; color:#606060; text-align:center; line-height:150%; font-size:13px;} .translator_table td {border:1px #e7e7e7 solid; background-color:#fff; padding:6px 8px; color:#606060; line-height:150%; text-align:left; } .translator_table02{width:100%; margin:0 0 20px 0; border-top:1px #e7e7e7 solid ;border-collapse:collapse;} .translator_table02 th {border:1px #e7e7e7 solid; background-color:#fbfbfb; padding:6px 8px; color:#606060; text-align:center; line-height:150%; font-size:13px;} .translator_table02 td {border:1px #e7e7e7 solid; background-color:#fff; padding:6px 8px; color:#606060; line-height:150%; text-align:left; } #translator_profile { width:728px; border:1px #999999 solid; background:#cfd0d3; height:100px; margin-bottom:20px;} .translator_view {width:100%; margin:0 0 5px 0; border-top:2px #a8aab2 solid ; border-bottom:2px #a8aab2 solid ; border-right:1px #e7e7e7 solid ;border-left:1px #e7e7e7 solid ; border-collapse:collapse;} .translator_view th {background-color:#fbfbfb; padding:8px 8px; color:#606060; text-align:left; line-height:150%; font-size:13px; font-weight:100;} .translator_view td {background-color:#fbfbfb; padding:4px 8px; color:#606060; line-height:150%; text-align:left; } .tp_table {width:100%; margin:0 0 20px 0; border-top:1px #e7e7e7 solid ;border-collapse:collapse;} .tp_table th {border:1px #e7e7e7 solid; background-color:#fbfbfb; padding:6px 8px; color:#606060; text-align:center; line-height:150%; font-size:13px;} .tp_table td {border:1px #e7e7e7 solid; background-color:#fff; padding:6px 8px; color:#606060; line-height:150%; } /*board*/ #page_btn{ text-align:center; width:730px; margin:10px 0 0 0;} #page_btn ul{ margin:0; padding:0;} #page_btn ul li { display:inline; margin:0 2px; } #page_btn ul li img { vertical-align:middle;} #btn_right { width:100%;} #btn_right_admin { width:730px;} .table{width:830px; margin:0 auto; border-top:1px #e7e7e7 solid ;border-collapse:collapse; } .table th {border-bottom:1px #e7e7e7 solid; background-color:#fbfbfb; padding:6px 2px; color:#606060; text-align:center; line-height:150%; } .table td {border-bottom:1px #e7e7e7 solid; background-color:#fff; padding:6px 2px; color:#606060; line-height:150%; } .table td:hover { color:#dc1883;} .left{ text-align:left;} .right{ text-align:right;} .center{ text-align:center;} .title{ font-weight:bold;} .table02{width:730px; margin:0 auto; border-top:1px #e7e7e7 solid ; border-collapse:collapse;} .table02 th {border-bottom:1px #e7e7e7 solid; background-color:#fbfbfb; padding:6px 2px; color:#606060; text-align:center; line-height:150%; } .table02 td {border-bottom:1px #e7e7e7 solid; padding:6px 8px; color:#606060; line-height:150%; text-align:center; } .table03{width:730px; margin:0 auto; border-top:1px #e7e7e7 solid; border-collapse:collapse; font-size:11pt; line-height:150%; } .table03 tr {cursor:pointer; } .table03 th {border-bottom:1px #e7e7e7 solid; background-color:#fbfbfb; padding:6px 2px; color:#606060; text-align:center; } .table03 td {border-bottom:1px #e7e7e7 solid; padding:6px 8px; color:#606060; line-height:150%; text-align:center; } .table04{width:100%; margin:0 0 10px 0; border-top:1px #e7e7e7 solid ; border-collapse:collapse;} .table04 th {border-bottom:1px #e7e7e7 solid; background-color:#fbfbfb; padding:6px 2px; color:#606060; text-align:center; line-height:150%; } .table04 td {border-bottom:1px #e7e7e7 solid; padding:6px 8px; color:#606060; line-height:150%; text-align:left; } .table05{width:100%; margin:10px auto 0 auto; border-top:1px #e7e7e7 solid ; border-left:1px #e7e7e7 solid ; border-right:1px #e7e7e7 solid ; border-collapse:collapse;} .table05 th {border-bottom:1px #e7e7e7 solid; background-color:#fbfbfb; padding:6px 8px; color:#606060; text-align:center; line-height:150%;} .table05 td {border-bottom:1px #e7e7e7 solid; background-color:#fff; padding:6px 8px; color:#606060; line-height:150%; text-align:left; } .table06{width:100%; margin:0 0 10px 0; border-top:1px #e7e7e7 solid ; border-collapse:collapse;} .table06 th {border-bottom:1px #e7e7e7 solid; background-color:#fbfbfb; padding:6px 2px; color:#606060; text-align:center; line-height:150%; } .table06 td {border-bottom:1px #e7e7e7 solid; padding:6px 8px; line-height:150%; } /*FaQ*/ /* #faq { margin-bottom:30px;} #faq ul li { display:inline; margin:0; font-size:0;} .table_faq{width:730px; margin:0 auto; border-top:1px #e7e7e7 solid ;border-collapse:collapse;} .table_faq tbody th {border-bottom:1px #e7e7e7 solid; background-color:#fbfbfb; padding:6px 10px 6px 35px; color:#606060; text-align:center; line-height:150%; } .table_faq tbody td {border-bottom:1px #e7e7e7 solid; background-color:#fff; padding:6px 10px 6px 35px; color:#606060; line-height:150%; } .faq_q{ background:url(/images/btn/q.gif); background-repeat:no-repeat; background-position:10px 5px;} .faq_a{ background:url(/images/btn/a.gif); background-repeat:no-repeat; background-position:10px 5px;} #faq_search { width:728px; height:40px; margin-bottom:30px; background:#8f939f; border:1px solid #7b7c81;} #faq_search ul { width:728px; margin:4px 0 0 50px; padding:0; color:#fff; font-size:13px; } #faq_search ul li { float:left; margin:3px 10px; height:25px; background:url(/images/guide/faq_point.png); background-repeat:no-repeat; background-position:left; padding-left:15px;} #faq_search ul li a { text-decoration:none; color:#fff;} #faq_search ul li a:hover { text-decoration:none; color:#89022f;}*/ #faq{ width:100%; margin-bottom:30px; clear:both; border-bottom:1px solid #ebebeb;} .cb {clear:both;} .help_list {width:730px; margin:0; padding:0;} .help_list li { border-top:#ebebeb 1px solid; width:730px; font-size:11pt; color:#666; line-height:150%;} .help_list li a {font-size:11pt; color:#666; text-decoration:none;display:block;padding-top:6px;height:23px;overflow:hidden;} .help_list li a:hover {color:#000; width:730px; background:#f9f8f9;} .help_list em {float:left; display:inline-block; margin:2px 0 0 0; padding:0 4px 1px 3px; width:auto; height:12px; border:1px solid #c721c9; background-color:#d830da; color:#fff; font-size:10px; font-family: 'Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'SimHei', 'GulimChe', sans-serif; font-weight:bold; text-align:center; line-height:12px; vertical-align:top;} .help_list li a span.q_btn{display:block;background:url('/images/btn/help_btn.gif') no-repeat; background-position:0px 0px; width:13px; height:13px; text-indent:-9999px; display:block; float:right;overflow:hidden; margin-top:2px; margin-right:5px;} .help_list li a.on span.q_btn{background:url('/images/btn/help_btn.gif') no-repeat; background-position:0 13px; width:13px; height:13px; text-indent:-9999px; display:block; float:right; overflow:hidden;} .help_list span.q_txt {display:inline-block; background:url('/images/btn/q.gif') no-repeat; padding-left:21px; float:left; line-height:150%;} .help_list2 {width:1000px; margin:0; padding:0;} .help_list2 li { border-top:#ebebeb 1px solid; width:1000px; font-size:11pt; color:#666; line-height:150%;} .help_list2 li a {font-size:11pt; color:#666; text-decoration:none;display:block;padding-top:6px;height:23px;overflow:hidden;} .help_list2 li a:hover {color:#000; width:1000px; background:#f9f8f9;} .help_list2 em {float:left; display:inline-block; margin:2px 0 0 0; padding:0 4px 1px 3px; width:auto; height:12px; border:1px solid #c721c9; background-color:#d830da; color:#fff; font-size:10px; font-family: 'Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'SimHei', 'GulimChe', sans-serif; font-weight:bold; text-align:center; line-height:12px; vertical-align:top;} .help_list2 li a span.q_btn{display:block;background:url('/images/btn/help_btn.gif') no-repeat; background-position:0px 0px; width:13px; height:13px; text-indent:-9999px; display:block; float:right;overflow:hidden; margin-top:2px; margin-right:5px;} .help_list2 li a.on span.q_btn{background:url('/images/btn/help_btn.gif') no-repeat; background-position:0 13px; width:13px; height:13px; text-indent:-9999px; display:block; float:right; overflow:hidden;} .help_list2 span.q_txt {display:inline-block; background:url('/images/btn/q.gif') no-repeat; padding-left:21px; float:left; line-height:150%;} .help_list2 ul li { font-weight:100; color:#000; font-family: 'Arial', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'SimHei', 'GulimChe', sans-serif;} /* Added by piano000, 19APR2015 -- start */ .help_content {margin:0; padding:30px 15px; background-color:#fcfcfc;} .help_content li {border:0; padding-top:0; padding-bottom:0; padding-left:12px;line-height:150%; width:700px;} .help_content li a { text-decoration:underline; color: #dc1883; display: inline;} .help_content li a:hover {text-decoration:none; color:#1895dc; width:730px;} /* Added by piano000, 19APR2015 -- end */ .help_a {margin:0; padding:30px 15px; background-color:#fcfcfc;} .help_a li{border:0; padding-top:0; padding-bottom:0; padding-left:12px; background:url('/images/btn/a.gif') no-repeat;line-height:150%; width:700px;} .help_a li a{ color:#dc1883; text-decoration:underline; display: inline;} /* Added by piano000, 19APR2015 -- start */ .help_a li a:hover {text-decoration:none; color:#1895dc; width:730px;} /* Added by piano000, 19APR2015 -- end */ /*bnts*/ #btns { width:228px; margin:0 auto;} #btns02 { width:342px; margin:0 auto;} #btns03 { width:465px; margin:0 auto;} #btns04 { width:340px; margin:0 auto;} #btns05 { width:300px; margin:0 auto;} .btns06 { width:980px; margin:20px auto; } #btn { width:230px; margin:0 auto; text-align:center; } #btn0 { width:94px; margin:0 auto; text-align:center; } #btn00 { width:344px; margin:0 auto; text-align:center; } #btn01 {width:94px; height:22px; padding:2px 0 0 0; text-align:center; background:url(/images/btn/btn_bg02.png); background-repeat:no-repeat; float:left; margin:30px 10px; color:#ffffff; cursor: pointer;} #btn01 a { color:#ffffff; text-decoration:none;} #btn01 a:hover { color:#ffffff; text-decoration:none;} #btn02 {width:94px; height:22px; padding:2px 0 0 0; text-align:center; background:url(/images/btn/btn_bg01.png); background-repeat:no-repeat; float:left; margin:30px 10px; color:#ffffff; display:inline-block; cursor: pointer;} #btn02 a { color:#ffffff; text-decoration:none;} #btn02 a:hover { color:#ffffff; text-decoration:none;} #btnce {width:94px; height:22px; padding:2px 0 0 0; text-align:center; background:url(/images/btn/btn_bg02.png); background-repeat:no-repeat; float:left; margin:0px 10px; color:#ffffff; cursor: pointer;} #btnce a { color:#ffffff; text-decoration:none;} #btnce a:hover { color:#ffffff; text-decoration:none;} #ce_order_btn { width:400px; height:50px; padding:12px 0 0 0; background:url(/images/btn/ce_order_btn.jpg); background-repeat:no-repeat; font-weight:bold; color:#fff; text-align:center; margin:30px -130px; cursor: pointer;} #list_btn {width:94px; height:22px; padding:2px 0 0 0; text-align:center; background:url(/images/btn/btn_bg02.png); background-repeat:no-repeat; float:left; margin:30px 10px; color:#ffffff; display:inline-block;} #list_btn a { color:#ffffff; text-decoration:none;} #list_btn a:hover { color:#ffffff; text-decoration:none;} .requoteBtn { width:94px; height:22px; padding:2px 0 0 0; display:inline; text-align:center; background:url(/images/btn/btn_bg01.png); background-repeat:no-repeat; float:left; margin:30px 10px; color:#ffffff; display:inline;} #list_btn02 {width:94px; height:22px; padding:2px 0 0 0; text-align:center; background:url(/images/btn/btn_bg09.png); background-repeat:no-repeat; float:left; margin:30px 10px; color:#ffffff; display:inline-block;} #list_btn02 a { color:#ffffff; text-decoration:none; } #list_btn02 a:hover { color:#ffffff; text-decoration:none; } .requoteBtn { width:94px; height:22px; padding:2px 0 0 0; display:inline; text-align:center; background:url(/images/btn/btn_bg01.png); background-repeat:no-repeat; float:left; margin:30px 10px; color:#ffffff; display:inline;} .requoteBtn a { color:#ffffff; text-decoration:none;} .requoteBtn a:hover { color:#ffffff; text-decoration:none;} .reorder_btn {width:94px; height:22px; padding:2px 0 0 0; text-align:center; background:url(/images/btn/btn_bg02.png); background-repeat:no-repeat; float:left; color:#ffffff; cursor:pointer;} .reorder_btn a { color:#ffffff; text-decoration:none;} .reorder_btn a:hover { color:#ffffff; text-decoration:none;} #btn03 {width:94px; height:22px; padding:2px 0 0 0; text-align:center; background:url(/images/btn/btn_bg02.png); background-repeat:no-repeat; float:right; margin:10px 5px 5px 5px; color:#ffffff; } #btn03 a { color:#ffffff; text-decoration:none;} #btn03 a:hover { color:#ffffff; text-decoration:none;} #btn04 {width:161px; height:22px; padding:2px 0 0 0; text-align:center; background:url(/images/btn/btn_bg04.png); background-repeat:no-repeat; margin:0 auto; clear:both; color:#ffffff; cursor:pointer;} #btn04 a { color:#ffffff; text-decoration:none;} #btn04 a:hover { color:#ffffff; text-decoration:none;} #btn05 {width:161px; height:22px; padding:2px 0 0 0; text-align:center; background:url(/images/btn/btn_bg04.png); background-repeat:no-repeat; margin:0 auto; float:right; margin:5px 5px 0 0 ; color:#ffffff; cursor:pointer;} #btn05 a { color:#ffffff; text-decoration:none;} #btn05 a:hover { color:#ffffff; text-decoration:none;} #btn06 {width:150px; height:22px; padding:2px 0 0 0; text-align:center; background:url(/images/btn/btn_bg06.png); background-repeat:no-repeat; float:left; margin:30px 10px; color:#ffffff;} #btn06 a { color:#ffffff; text-decoration:none;} #btn06 a:hover { color:#ffffff; text-decoration:none;} #btn07 {width:150px; height:22px; padding:2px 0 0 0; text-align:center; background:url(/images/btn/btn_bg05.png); background-repeat:no-repeat; float:left; margin:30px 10px; color:#ffffff;} #btn07 a { color:#ffffff; text-decoration:none;} #btn07 a:hover { color:#ffffff; text-decoration:none;} #btn08 {width:94px; height:22px; padding:2px 0 0 0; text-align:center; background:url(/images/btn/btn_bg08.png); background-repeat:no-repeat; float:left; margin:30px 10px; color:#ffffff;} #btn08 a { color:#ffffff; text-decoration:none;} #btn08 a:hover { color:#ffffff; text-decoration:none;} #btn09 {width:161px; height:22px; padding:2px 0 0 0; text-align:center; background:url(/images/btn/btn_bg04.png); background-repeat:no-repeat; margin:0 auto; float:right; margin:30px 10px; color:#ffffff;} #btn09 a { color:#ffffff; text-decoration:none;} #btn10 {width:94px; height:22px; padding:2px 0 0 0; text-align:center; background:url(/images/btn/btn_bg01.png); background-repeat:no-repeat; float:left; margin:30px 10px; color:#ffffff;} #btn10 a { color:#ffffff; text-decoration:none;} #btn10 a:hover { color:#ffffff; text-decoration:none;} #btn11 {width:57px; height:24px; padding:2px 0 0 0; text-align:center; background:url(/images/btn/btn_bg03.png); background-repeat:no-repeat; float:left; margin:0 10px 0 20px; color:#ffffff; cursor: pointer;} #btn11 a { color:#ffffff; text-decoration:none;} #btn11 a:hover { color:#ffffff; text-decoration:none;} #btn11_gray {width:57px; height:24px; padding:2px 0 0 0; text-align:center; background:url(/images/btn/btn_bg03_gray.png); background-repeat:no-repeat; float:left; margin:0; color:#ffffff; cursor: pointer;} #btn11_gray a { color:#ffffff; text-decoration:none;} #btn11_gray a:hover { color:#ffffff; text-decoration:none;} .btn11 {width:94px; height:22px; padding:2px 0 0 0; text-align:center; background:url(/images/btn/btn_bg02.png); background-repeat:no-repeat; float:left; margin:30px 10px; color:#ffffff; cursor: pointer;} .btn11 a { color:#ffffff; text-decoration:none;} .btn11 a:hover { color:#ffffff; text-decoration:none;} #btn12 {width:94px; height:22px; padding:2px 0 0 0; clear:both; text-align:center; background:url(/images/btn/btn_bg02.png); background-repeat:no-repeat; margin:0 auto; color:#ffffff; cursor:pointer; } #btn12 a { color:#ffffff; text-decoration:none;} #btn12 a:hover { color:#ffffff; text-decoration:none;} .btn13 {width:88px; height:45px; clear:both; text-align:center; background-color:#757575; border:1px; solid #878787; color:#ffffff; cursor:pointer; } .btn13 a { color:#ffffff; text-decoration:none; } .btn13 a:hover { color:#ffffff; text-decoration:none;} .btn14 {width:119px; height:45px; clear:both; text-align:center; background-color:#757575; border:1px; solid #878787; color:#ffffff; cursor:pointer; } .btn14 a { color:#ffffff; text-decoration:none;} .btn14 a:hover { color:#ffffff; text-decoration:none;} .btn15 {width:24px; height:24px; float:right; text-align:center; background:url(/images/btn/btn_x.jpg); background-repeat:no-repeat; cursor:pointer; margin:13px 5px 0 0;} .btn14 a { text-decoration:none;} .btn14 a:hover { text-decoration:none; background:url(/images/btn/btn_x_on.jpg); background-repeat:no-repeat; } #save_btn { width:80px; height:55px; background:url(/images/btn/save_btn.png); background-repeat:no-repeat; float:left; text-align:center; padding:30px 0 0 0; margin-left:5px; cursor: pointer; color:#fff; } #save_btn a { text-decoration:none; color:#fff; font-weight:bold;} #ing_btn{ width:80px; height:19px; text-align:center; float:left; margin-left:3px; background:url(/images/btn/ing_btn.png); background-repeat:no-repeat; color:#fff;} #ing_btn a { text-decoration:none; color:#fff;} #end_btn{ width:80px; height:19px; text-align:center; float:left; margin-left:3px; background:url(/images/btn/end_btn.png); background-repeat:no-repeat; color:#fff;} #error_btn{ width:80px; height:19px; text-align:center; float:left; margin-left:3px; background:url(/images/btn/error_btn.png); background-repeat:no-repeat; color:#fff;} #mylink_btn{ width:110px; height:22px; text-align:center; color:#fff; float:left; margin:0 5px; background:url(/images/btn/mylink_btn.png); background-repeat:no-repeat;} #mylink_btn a { text-decoration:none;} #blue_btn00 { width:140px; height:22px; text-align:center; float:left; margin-left:3px; background:url(/images/btn/blue_btn.png); background-repeat:no-repeat; color:#fff; cursor:pointer; } #blue_btn00 a { text-decoration:none; color:#fff;} #gray_btn00 { width:140px; height:22px; text-align:center; float:left; margin-left:3px; background:url(/images/btn/btn_gray02.png); background-repeat:no-repeat; color:#fff; cursor:pointer; } #gray_btn00 a { text-decoration:none; color:#fff;} #blue_btn03 { width:205px; height:22px; text-align:center; float:left; margin-left:3px; background:url(/images/btn/blue_btn03.png); background-repeat:no-repeat; color:#fff; } #blue_btn03 a { text-decoration:none; color:#fff;} #speed_btn {width:150px; height:22px; padding:2px 0 0 0; text-align:center; background:url(/images/btn/speed_btn.png); background-repeat:no-repeat; float:left; margin:30px 10px; cursor:pointer; color:#ffffff} #speed_btn a { color:#ffffff; text-decoration:none;} #auction_btn {width:150px; height:22px; padding:2px 0 0 0; text-align:center; background:url(/images/btn/auction_btn.png); background-repeat:no-repeat; float:left; margin:30px 10px; cursor:pointer; color:#ffffff} #auction_btn a { color:#ffffff; text-decoration:none;} #order_btn {width:100px; height:25px; padding:2px 0 0 0; text-align:center; background:url(/images/btn/order_btn.png); background-repeat:no-repeat;float:right; margin:0px 0px 0px 0px; } #order_btn a { color:#ffffff; text-decoration:none;} #quote_btn {width:130px; height:22px; padding:2px 0 0 0; text-align:center; background:url(/images/btn/quote_btn.png); background-repeat:no-repeat; float:left; margin:30px 10px; } #quote_btn a { color:#ffffff; text-decoration:none;} #appoint_btn {width:150px; height:48px; text-align:center; background:url(/images/btn/speed_btn2.png); background-repeat:no-repeat; float:right; margin:20px 10px; color:#FFF } #appoint_btn a { color:#ffffff; text-decoration:none;} #btn_center { width:95px; margin:0 auto;} #btn_right { width:95px; float:right;} #btn_rights { width:100%;} .pw_btn { cursor:pointer; background-color: #b71020; border-radius:3px; text-align:center; display:inline-block; color:white; margin-left: 180px; height:24px; width:150px; border: 1px solid;} .btn_bid { width:60px; height:20px; text-align:center; background:url(/images/btn/btn_red.png); background-repeat:no-repeat; margin:0 10px; color:#FFF; display:inline-block;} .table_btn { width:200px; height:24px; cursor:pointer; background:url(/images/btn/table_btn.png); color:#FFFFFF; display:block; text-align:center; } .trans_btn { width:70px; height:70px; cursor:pointer; color:#FFFFFF; text-align:center; padding:24px 0 0 0; background:url(/images/btn/btn_bg10.png); background-repeat:no-repeat; display:inline-block; margin-right:10px; float:right;} { width:50px; height:15px; color:#fff; text-align:center; font-size:12px; background:url(/images/btn/delete_btn.png); margin:0 1px; float:left; line-height:100%; padding:4px 0 0 0; background-repeat:no-repeat; } .memberjoin_del{ width:50px; height:15px; color:#fff; text-align:center; font-size:12px; background:url(/images/btn/admin_btn02.png); margin:0 30px; float:left; line-height:100%; padding:4px 0 0 0; background-repeat:no-repeat;} .memberjoin_del a { color:#FFF; text-decoration:none; cursor: pointer;} .memberjoin_del2{ width:50px; height:15px; color:#fff; text-align:center; font-size:12px; background:url(/images/btn/admin_btn02.png); margin:0 30px; float:right; line-height:100%; padding:4px 0 0 0; background-repeat:no-repeat;} /*admin_btn*/ #admin_btn { width:50px; height:15px; color:#fff; text-align:center; font-size:12px; background:url(/images/btn/admin_btn.png); margin:4px 1px 0 4px; float:left; line-height:100%; padding:4px 0 0 0; background-repeat:no-repeat;} #admin_btn a { color:#FFF; text-decoration:none;} #admin_btn02 { width:50px; height:15px; color:#fff; text-align:center; font-size:12px; background:url(/images/btn/admin_btn.png); margin:0 1px; float:left; line-height:100%; padding:4px 0 0 0; background-repeat:no-repeat;} #admin_btn02 a { color:#FFF; text-decoration:none;} #admin_btn03 { width:50px; height:15px; color:#fff; text-align:center; font-size:12px; background:url(/images/btn/admin_btn.png); margin:0 1px; float:left; line-height:100%; padding:4px 0 0 0; background-repeat:no-repeat;} #admin_btn03 a { color:#FFF; text-decoration:none;} #modify_btn { width:50px; height:15px; color:#fff; text-align:center; font-size:12px; background:url(/images/btn/modify_btn.png); margin:0 1px; float:left; line-height:100%; padding:4px 0 0 0; background-repeat:no-repeat;} #modify_btn a { color:#FFF; text-decoration:none;} #modify_btn02 { width:50px; height:15px; color:#fff; text-align:center; font-size:12px; background:url(/images/btn/modify_btn02.png); margin:0 1px; float:left; line-height:100%; padding:4px 0 0 0; background-repeat:no-repeat;} #modify_btn02 a { color:#FFF; text-decoration:none;} #delete_btn { width:50px; height:15px; color:#fff; text-align:center; font-size:12px; background:url(/images/btn/delete_btn.png); margin:0 1px; float:left; line-height:100%; padding:4px 0 0 0; background-repeat:no-repeat;} #delete_btn a { color:#FFF; text-decoration:none;} #admin02_btn { width:50px; height:15px; color:#fff; text-align:center; font-size:12px; background:url(/images/btn/admin_btn02.png); margin:0 1px; float:left; line-height:100%; padding:4px 0 0 0; background-repeat:no-repeat;} #admin02_btn a { color:#FFF; text-decoration:none;} #csv_btn { width:100px; height:15px; color:#fff; text-align:center; font-size:12px; background:url(/images/btn/csv_btn.png); margin:0 1px; float:right; line-height:100%; padding:4px 0 0 0; background-repeat:no-repeat;} #csv_btn a { color:#FFF; text-decoration:none;} #jtx_btn { width:100px; height:15px; color:#fff; text-align:center; font-size:12px; background:url(/images/btn/jtx_btn.png); margin:0 1px; float:right; line-height:100%; padding:4px 0 0 0; background-repeat:no-repeat;} #jtx_btn a { color:#FFF; text-decoration:none;} /*join*/ #join_conts { width:1000px; margin:0 auto;} #join_textarea{ width:980px; height:150px; border:1px solid #e7e7e7; padding:10px; font-family: 'Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'SimHei', 'GulimChe', sans-serif; color:#505050; line-height:130%;} #join_select { width:228px; height:248px; border:1px solid #e2e2e2; margin:0 5px; float:left;} .join_sel_tit { width:228px; height:28px; padding:20px 0 0 0; font-size:15px; font-weight:bold; text-align:center;} .join_sel_tit a { text-decoration:none; color:#000;} #join_sel_text { width:230px; margin:10px 5px 0 5px; float:left;} #join_top{ color:#FFF; margin:30px 0 70px 0;} #join01{ width:180px; height:32px; margin:0 1px; float:left; padding:15px 0 0 150px; background:url(/images/login/join_01.png); background-repeat:no-repeat;} #join02{ width:180px; height:32px; margin:0 1px; float:left; padding:15px 0 0 150px; background:url(/images/login/join_02.png); background-repeat:no-repeat;} #join03{ width:180px; height:32px; margin:0 1px; float:left; padding:15px 0 0 150px; background:url(/images/login/join_03.png); background-repeat:no-repeat;} #join_secGuide { width:228px; height:248px; border:none; margin:0 5px; float:left;} #join_sec01Guide{ width:215px; height:75px; padding:125px 0 0 0; background:url(/images/join/join_personal.png); background-repeat:repeat; text-align:center; color:#fff; font-weight:bold;} #join_sec02Guide{ width:215px; height:75px; padding:125px 0 0 0; background:url(/images/join/join_company.png); background-repeat:repeat; text-align:center; color:#fff; font-weight:bold;} #join_sec03Guide{ width:215px; height:75px; padding:125px 0 0 0; background:url(/images/join/join_college.png); background-repeat:repeat; text-align:center; color:#fff; font-weight:bold;} #join_secGuide a { text-decoration:none; color:#fff; font-weight:bold;} #join_secGuide a:hover { text-decoration:underline;} #join01_off{ width:180px; height:32px; margin:0 1px; float:left; padding:15px 0 0 150px; background:url(/images/login/join_g01.png); background-repeat:no-repeat;} #join02_off{ width:180px; height:32px; margin:0 1px; float:left; padding:15px 0 0 150px; background:url(/images/login/join_g02.png); background-repeat:no-repeat;} #join03_off{ width:180px; height:32px; margin:0 1px; float:left; padding:15px 0 0 150px; background:url(/images/login/join_g03.png); background-repeat:no-repeat;} #addition_btn { width:70px; height:15px; margin:5px 0 5px 16px; color:#fff; text-align:center; font-size:12px; background:url(/images/btn/addition_btn.png); line-height:100%; padding:4px 0 0 0; background-repeat:no-repeat;} #delete_btn02 { width:70px; height:15px; margin:5px 0 5px 16px; color:#fff; text-align:center; font-size:12px; background:url(/images/btn/delete_btn02.png); line-height:100%; padding:4px 0 0 0; background-repeat:no-repeat;} .idpass { width:640px; padding:10px; background:#CCC } /*univ_login*/ #join_conts2 { width:960px; margin:0 auto;} #join_textarea{ width:980px; height:150px; border:1px solid #e7e7e7; padding:10px; font-family: 'Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'SimHei', 'GulimChe', sans-serif; color:#505050; line-height:130%;} #join_select { width:228px; height:248px; border:1px solid #e2e2e2; margin:0 5px; float:left;} .join_sel_tit { width:228px; height:28px; padding:20px 0 0 0; font-size:15px; font-weight:bold; text-align:center;} .join_sel_tit a { text-decoration:none; color:#000;} #join_sel_text { width:230px; margin:10px 5px 0 5px; float:left;} #join_top{ color:#FFF; margin:30px 0 70px 0;} #join01{ width:180px; height:32px; margin:0 1px; float:left; padding:15px 0 0 150px; background:url(/images/login/join_01.png); background-repeat:no-repeat;} #join02{ width:180px; height:32px; margin:0 1px; float:left; padding:15px 0 0 150px; background:url(/images/login/join_02.png); background-repeat:no-repeat;} #join03{ width:180px; height:32px; margin:0 1px; float:left; padding:15px 0 0 150px; background:url(/images/login/join_03.png); background-repeat:no-repeat;} #join_secGuide { width:228px; height:248px; border:none; margin:0 5px; float:left;} #join_sec01Guide{ width:215px; height:75px; padding:125px 0 0 0; background:url(/images/join/join_personal.png); background-repeat:repeat; text-align:center; color:#fff; font-weight:bold;} #join_sec02Guide{ width:215px; height:75px; padding:125px 0 0 0; background:url(/images/join/join_company.png); background-repeat:repeat; text-align:center; color:#fff; font-weight:bold;} #join_sec03Guide{ width:215px; height:75px; padding:125px 0 0 0; background:url(/images/join/join_college.png); background-repeat:repeat; text-align:center; color:#fff; font-weight:bold;} #join_secGuide a { text-decoration:none; color:#fff; font-weight:bold;} #join_secGuide a:hover { text-decoration:underline;} #join01_off{ width:180px; height:32px; margin:0 1px; float:left; padding:15px 0 0 150px; background:url(/images/login/join_g01.png); background-repeat:no-repeat;} #join02_off{ width:180px; height:32px; margin:0 1px; float:left; padding:15px 0 0 150px; background:url(/images/login/join_g02.png); background-repeat:no-repeat;} #join03_off{ width:180px; height:32px; margin:0 1px; float:left; padding:15px 0 0 150px; background:url(/images/login/join_g03.png); background-repeat:no-repeat;} #addition_btn { width:70px; height:15px; margin:5px 0 5px 16px; color:#fff; text-align:center; font-size:12px; background:url(/images/btn/addition_btn.png); line-height:100%; padding:4px 0 0 0; background-repeat:no-repeat;} #delete_btn02 { width:70px; height:15px; margin:5px 0 5px 16px; color:#fff; text-align:center; font-size:12px; background:url(/images/btn/delete_btn02.png); line-height:100%; padding:4px 0 0 0; background-repeat:no-repeat;} .idpass { width:640px; padding:10px; background:#CCC } /*login_conts*/ .top_menu_login { width:1000px; margin:0 auto; height:50px;} .top_menu_login p{color:#fff; font-weight:bold; text-align:center; line-height:50px; font-size:24px;} .login_conts{width:625px; height:335px; background-color:#f7f8f8; margin:50px auto; clear:both; } .login_box{ width:585px; height:245px; margin:0 auto; padding:40px 0 0 0;} .login_box p{text-align:left; font-weight:normal; color:#344853; font-size:12px;} .login_button p{color:#0088cc; font-weight:normal; font-size:12px; font-weight:normal;} .login_button ul li{float:left; margin:15px 10px 0 0; width:281px; } .login_mBtn{background:url("/images/login/btn_login.jpg"); background-repeat:no-repeat; background-position:center; text-align:center; width:281px; height:57px; line-height:57px; font-size:14px;cursor:pointer; color:#fff;} .pass{margin:20px 0 0 0;} .field2 { -moz-box-sizing: border-box; box-sizing: border-box; background: none repeat scroll 0 0 #fff; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.07) inset; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.07) inset; box-shadow: 0 0 2px rgba(0, 0, 0, 0.07) inset; color: #999; font-size: 15px; font-weight: bold; outline: medium none; padding: 10px 30px 10px 10px; position: relative; display:inline-block; width: 580px; } .login_link:link {color:#0088cc; text-decoration:none;} .login_link:hover {text-decoration:underline; color:#005580;} .login_link:visited {color:#0088cc; text-decoration:none;} .padRL20{padding:0 20px;} /*login*/ #login_box { width:360px; height:295px; border:5px solid #ec7800; margin:40px 0 0 120px; padding:30px 70px} .login_table { width:340px; border:0;} .login_table td { text-align:left;} .login_btn02 { width:62px; height:42px; background:url(/images/btn/login_btn_bg02.png); background-repeat:no-repeat; font-weight:bold; color:#FFF; text-align:center; padding:15px 0 0 0;} #join_link { width:150px; float:left; border-top:1px solid #e6e6e6; margin:20px 0 0 0; padding:15px;} #id_link { width:150px; float:left; border-top:1px solid #e6e6e6; margin:20px 0 0 0; padding:15px;} .link_btn { height:20px; padding:3px 5px; background:#a7a7a7; color:#fff; text-align:center;} #orderform_login { width:330px; height:195px; float:left; margin:50px 0 20px 0;} #orderform_login_tit{ width:318px; height:25px; padding:5px 0 0 10px; border:1px solid #7b7c81; background:#8f939f; color:#fff; font-weight:bold;} #orderform_text{ width:288px; height:141px; border:1px solid #e7e7e7; background:#fbfbfb; padding:10px 20px;} #orderform_text ul { margin:0; padding:0;} #orderform_text ul li { width:288px; clear:both;} #orderform_visit { width:330px; height:195px; float:right; margin:50px 0 20px 0;} #orderform_btn { width:288px; height:24px; background:url(/images/btn/orderform_btn.png); font-weight:bold; color:#fff; text-align:center; margin-top:5px;} #orderform_btn a { text-decoration:none; color:#fff;} .orderform_p { margin:0 0 5px 120px; width:160px;} .orderform_p a { text-decoration:none; color:#55555d;} .orderform_p a:hover { text-decoration:underline;} /*guide*/ .gt_tit_speed{ width:663px; height:31px; background:url(/images/guide/speed_bar01.png); color:#FFF; font-size:14px; font-weight:bold; padding:10px 0 0 15px;} .gt_tit_appoint{ width:663px; height:31px; background:url(/images/guide/appoint_bar01.png); color:#FFF; font-size:14px; font-weight:bold; padding:10px 0 0 15px;} .gt_tit_auction{ width:663px; height:31px; background:url(/images/guide/auction_bar01.png); color:#FFF; font-size:14px; font-weight:bold; padding:10px 0 0 15px;} .gt_tit_guide { width:720px; height:31px; background:url(/images/guide/guide_bar01.png); color:#FFF; font-size:14px; font-weight:bold; padding:10px 0 0 15px;} .gs_tit_auction{ width:196px; height:50px; background:url(/images/guide/auction_bar02.png); color:#FFF; font-size:14px; font-weight:bold; padding:5px;} .gt_text { width:678px; height:222px; background:url(/images/guide/gt_text_bg.png);} .gt_text_left { float:left; width:138px; text-align:center; margin-top:180px;} .gt_text_center { float:left; width:352px; text-align:center; margin-top:180px;} .gt_text_right { float:left; width:188px; text-align:center; margin-top:180px;} .gt_btext { width:678px; text-align:center; font-size:18px; font-weight:bold; color:#aa0000; clear:both; margin:10px 0 50px 0;} .gt_btext02 { width:678px; text-align:center; clear:both; margin:10px 0 50px 0;} .gt_btextred { font-size:18px; font-weight:bold; color:#aa0000;} .gsb_text { width:658px; height:160px; background:url(/images/guide/gsb_text_bg01.png); margin-bottom:10px; padding:10px;} .gum_text01 { width:550px; height:111px; padding:5px 5px 5px 180px; background:url(/images/guide/guide_text_bg01.png); margin-bottom:10px;} .gum_text02 { width:550px; height:111px; padding:5px 5px 5px 180px; background:url(/images/guide/guide_text_bg02.png); margin-bottom:10px;} .gum_text03 { width:550px; height:111px; padding:5px 5px 5px 180px; background:url(/images/guide/guide_text_bg03.png); margin-bottom:10px;} .gb_text { width:678px; margin-bottom:40px;} .gb_text02 { width:656px; margin-bottom:40px; border:1px solid #dadada; padding:10px;} .gb_text03 { width:735px; margin-bottom:40px;} .gb_text04 { width:678px; margin:0 0 30px 50px;} .gb_text05 { width:678px; margin:0 0 30px 50px; font-size:11px;} .s_gsb { width:224px; margin:0 10px 40px 0; float:left;} .s_gsb02 { width:224px; float:left; margin:0 0 40px 0;} .sgt_tit { width:186px; height:40px; background:url(/images/guide/auction_bar02.png); color:#FFF; font-size:14px; font-weight:bold; padding:5px 10px;} .sgt_text { width:186px; height:272px; margin-bottom:10px; padding:10px; background:#99FF99; background:url(/images/guide/gsb_text_bg02.png);} .flow01 { width:418px; height:167px; background:url(/images/guide/flow_01.png); margin-bottom:10px; padding:10px 10px 10px 250px;} .flow02 { width:418px; height:167px; background:url(/images/guide/flow_02.png); margin-bottom:10px; padding:10px 10px 10px 250px;} .flow03 { width:418px; height:167px; background:url(/images/guide/flow_03.png); margin-bottom:10px; padding:10px 10px 10px 250px;} .flow03_02 { width:418px; height:167px; background:url(/images/guide/flow_03_02.png); margin-bottom:10px; padding:10px 10px 10px 250px;} .flow03_03 { width:418px; height:167px; background:url(/images/guide/flow_03_03.png); margin-bottom:10px; padding:10px 10px 10px 250px;} .flow04 { width:418px; height:167px; background:url(/images/guide/flow_04.png); margin-bottom:10px; padding:10px 10px 10px 250px;} .flow04_02 { width:418px; height:167px; background:url(/images/guide/flow_04_02.png); margin-bottom:10px; padding:10px 10px 10px 250px;} .flow05 { width:418px; height:177px; background:url(/images/guide/flow_05.png); margin-bottom:10px; padding:5px 10px 5px 250px;} .flow06 { width:418px; height:167px; background:url(/images/guide/flow_06.png); margin-bottom:10px; padding:10px 10px 10px 250px;} .flow07 { width:418px; height:167px; background:url(/images/guide/flow_07.png); margin-bottom:10px; padding:10px 10px 10px 250px;} .flow07_02 { width:418px; height:167px; background:url(/images/guide/flow_07_02.png); margin-bottom:10px; padding:10px 10px 10px 250px;} .flow08 { width:418px; height:167px; background:url(/images/guide/flow_08.png); margin-bottom:10px; padding:10px 10px 10px 250px;} .flow09 { width:418px; height:167px; background:url(/images/guide/flow_09.png); margin-bottom:10px; padding:10px 10px 10px 250px;} .flow10 { width:418px; height:167px; background:url(/images/guide/flow_10.png); margin-bottom:10px; padding:10px 10px 10px 250px;} .gbs01 { width:354px; float:left; margin-bottom:50px;} .gbs_tit { width:354px; height:31px; color:#fff; font-weight:bold; background:url(/images/guide/guide_bar02.png); text-align:center; padding:10px 0 0 0; font-size:14pt;} .gbs_text { width:334px; height:184px; background:url(/images/guide/gsb_text_bg03.png); background-repeat:no-repeat; padding:10px;} .gbs02 { width:354px; float:right; margin-bottom:50px;} .speed_tit { width:663px; height:34px; margin:10px 0; border-top:2px solid #48bce1; border-bottom:2px solid #48bce1; color:#026d97; font-weight:bold; padding:10px 0 0 15px;} .appoint_tit { width:663px; height:34px; margin:10px 0; border-top:2px solid #c80c0c; border-bottom:2px solid #c80c0c; color:#c80c0c; font-weight:bold; padding:10px 0 0 15px;} .auction_tit { width:663px; height:34px; margin:10px 0; border-top:2px solid #49a003; border-bottom:2px solid #49a003; color:#3a7d04; font-weight:bold; padding:10px 0 0 15px;} .guide_tit { width:730px; height:34px; margin:10px 0; border-top:2px solid #b900b3; border-bottom:2px solid #b900b3; color:#b900b3; font-weight:bold; padding:10px 0 0 5px;} .graph_img { float:left; margin:10px 30px 0 0;} .graph_text { float:left; margin:70px 0 0 0;} .graph_text ul li { margin:10px 0;} .graph01 { background:url(/images/guide/graph01.png); background-repeat:no-repeat; background-position:left; padding-left:25px;} .graph02 { background:url(/images/guide/graph02.png); background-repeat:no-repeat; background-position:left; padding-left:25px;} .graph03 { background:url(/images/guide/graph03.png); background-repeat:no-repeat; background-position:left; padding-left:25px;} .graph04 { background:url(/images/guide/graph04.png); background-repeat:no-repeat; background-position:left; padding-left:25px;} .graph05 { background:url(/images/guide/graph05.png); background-repeat:no-repeat; background-position:left; padding-left:25px;} .graph06 { background:url(/images/guide/graph06.png); background-repeat:no-repeat; background-position:left; padding-left:25px;} .graph07 { background:url(/images/guide/graph07.png); background-repeat:no-repeat; background-position:left; padding-left:25px;} .graph08 { background:url(/images/guide/graph08.png); background-repeat:no-repeat; background-position:left; padding-left:25px;} .speed_table {width:678px; margin:0 0 10px 0; border-top:2px #48bce1 solid; border-bottom:2px solid #dadada; border-collapse:collapse;} .speed_table th {border:1px #dadada solid; background-color:#f7f7f7; padding:6px 8px; color:#606060; text-align:center; line-height:150%; font-size:12pt;} .speed_table td {border:1px #dadada solid; background-color:#fff; padding:6px 8px; color:#606060; line-height:150%; font-size:11pt; text-align:center; } .appoint_table {width:678px; margin:0 0 10px 0; border-top:2px #c80c0c solid; border-bottom:2px solid #dadada; border-collapse:collapse;} .appoint_table th {border:1px #dadada solid; background-color:#f7f7f7; padding:6px 8px; color:#606060; text-align:center; line-height:150%; font-size:12pt;} .appoint_table td {border:1px #dadada solid; background-color:#fff; padding:6px 8px; color:#606060; line-height:150%; font-size:11pt; text-align:center; } .auction_table {width:678px; margin:0 0 10px 0; border-top:2px #49a003 solid; border-bottom:2px solid #dadada; border-collapse:collapse;} .auction_table th {border:1px #dadada solid; background-color:#f7f7f7; padding:6px 8px; color:#606060; text-align:center; line-height:150%; font-size:12pt;} .auction_table td {border:1px #dadada solid; background-color:#fff; padding:6px 8px; color:#606060; line-height:150%; font-size:11pt; text-align:center; } /*interview*/ #interview{ width:1000px; margin:0 0 50px 0;} #interview01 { width:320px; float:left; margin-right:20px;} #interview02 { width:320px; float:left; } .int_tit { width:320px; height:41px; background:url(/images/guide/orange_bar.png); background-repeat:no-repeat; } .int_title{ color:#fff; font-weight:bold; float:left; width:200px; margin:8px 0 0 10px;} .int_link { color:#fff; float:right; margin:8px 5px 0 0;} .int_link a { color:#fff; float:right; text-decoration:none;} .int_link a:hover { color:#fff; float:right; text-decoration:underline;} .int_bg { width:320px; height:115px; background:url(/images/guide/orange_text_bg.png); background-repeat:no-repeat; } .int_img{ float:left; margin:10px;} .int_text { width:210px; margin:10px 10px 10px 0; float:right;} #interview_profile { width:1000px; margin-bottom:50px;} #int_profile_title { width:980px; height:34px; padding:10px 0 0 20px; background:url(/images/interview/interview_title.png); background-repeat:no-repeat; color:#fff; font-weight:bold; font-size:13pt;} #int_profile_img { float:left; margin:10px 0 0 10px;} .profile_name { width:175px; height:21px; background:#e66f19; color:#fff; text-align:right; padding:0 3px 0 0; margin:0 0 0 15px;} #int_profile_text{ width:750px; float:left; margin-top:10px} #interview_q { width:1000px;} #int_q01 { width:920px; height:50px; padding:27px 0 0 80px; background:url(/images/interview/interview01.png); background-repeat:no-repeat; color:#fff; font-weight:bold;} #int_q02 { width:920px; height:50px; padding:27px 0 0 80px; background:url(/images/interview/interview02.png); background-repeat:no-repeat; color:#fff; font-weight:bold;} #int_q03 { width:920px; height:50px; padding:27px 0 0 80px; background:url(/images/interview/interview03.png); background-repeat:no-repeat; color:#fff; font-weight:bold;} #int_q04 { width:920px; height:50px; padding:27px 0 0 80px; background:url(/images/interview/interview04.png); background-repeat:no-repeat; color:#fff; font-weight:bold;} #int_q05 { width:920px; height:50px; padding:27px 0 0 80px; background:url(/images/interview/interview05.png); background-repeat:no-repeat; color:#fff; font-weight:bold;} #int_q06 { width:920px; height:50px; padding:27px 0 0 80px; background:url(/images/interview/interview06.png); background-repeat:no-repeat; color:#fff; font-weight:bold;} #int_q07 { width:920px; height:50px; padding:27px 0 0 80px; background:url(/images/interview/interview07.png); background-repeat:no-repeat; color:#fff; font-weight:bold;} #int_text { width:900px; padding:0 50px; background:url(/images/interview/interview_bg.png); background-repeat:repeat-y;} #inter_img{ float:left; margin-right:15px;} #inter_text { float:left; width:700px;} .int_bottom{ width:1000px; height:20px; background:url(/images/interview/interview_bottom.png); background-repeat:no-repeat; margin-bottom:30px;} /*mapage*/ #mypage_tit { width:723px; height:25px; margin-bottom:10px; background:#8f939f; border:1px solid #7b7c81; color:#fff; font-weight:bold; padding:5px 0 0 5px;} .mypage_tv { float:left; padding-left:5px;} #mypage_tit02 { width:723px; height:25px; margin-bottom:10px; background:#8f939f; border:1px solid #7b7c81; color:#fff; padding:5px 0 0 5px; text-align:center;} .tbb { width:100%; text-align:right; padding:10px 0;} #my_link { width:723px; height:25px; margin:30px 0 10px 0; background:#fbfbfb; border:1px solid #e7e7e7; color:#606060; padding:5px 0 0 5px; text-align:center;} #my_link a { text-decoration:underline; color:#606060;} #my_link a:hover { text-decoration:underline; color:#ff38a5;} #my_notice { width:350px; margin:0 30px 50px 0; float:left;} #my_notice ul { margin:0; padding:0; clear:both;} #my_notice ul li { background:url(/images/auction/notice_point.gif); background-repeat:no-repeat; padding:0 0 0 10px;} #my_notice ul li a { color:#5e5e5e; text-decoration:none;} #my_notice ul li a:hover{ color:#8f040; text-decoration:underline;} #my_notice02 { width:350px; margin:0 0 50px 0; float:left;} #my_notice02 ul { margin:0; padding:0; clear:both;} #my_notice02 ul li { background:url(/images/auction/notice_point.gif); background-repeat:no-repeat; padding:0 0 0 10px;} #my_notice02 ul li a { color:#5e5e5e; text-decoration:none;} #my_notice02 ul li a:hover{ color:#8f040; text-decoration:underline;} #profile_btn02 {width: 88px; height:22px; padding-top:3px; padding-right:12px; margin-top:8px; margin-left:5px; cursor: pointer; background:url(/images/btn/profile_btn02.png);} .mypage_table{width:730px; margin:0 auto; border-top:1px #e7e7e7 solid ; border-collapse:collapse;} .mypage_table th {border-bottom:1px #e7e7e7 solid; background-color:#fbfbfb; padding:6px 2px; color:#606060; text-align:center; line-height:150%;} .mypage_table td {border-bottom:1px #e7e7e7 solid; padding:6px 8px; color:#606060; line-height:150%; text-align:center;} .mypage_table tr {cursor:pointer; font-size: 80%;} .mypage_table tr:hover {background-color: #FFFFE9;} .agent_table{width:730px; margin:0 auto; border-top:1px #e7e7e7 solid ; border-collapse:collapse;} .agent_table th {border-bottom:1px #e7e7e7 solid; background-color:#fbfbfb; padding:6px 2px; color:#606060; text-align:center; line-height:150%;} .agent_table td {border-bottom:1px #e7e7e7 solid; padding:6px 8px; color:#606060; line-height:150%; text-align:center;} .agent_table tr {font-size: 80%;} .agent_table tr:hover {background-color: #FFFFE9;} .search_table{width:730px; margin:0 auto; border:1px #e7e7e7 solid; background-color:#f7f7f7; border-collapse:collapse;} .search_table th {border-bottom:1px #e7e7e7 solid; background-color:#fbfbfb; padding:6px 2px; color:#606060; text-align:center; line-height:150%;} .search_table td {border-bottom:1px #e7e7e7 solid; padding:6px 8px; color:#606060; line-height:150%;} .search_table tr {font-size: 80%;} .search_table tr:hover {background-color: #FFFFE9;} /*pop*/ #pop_wrap{ width:680px; padding: 0 10px; } #pop_title { width:682px; height:26px; color:#fff; font-weight:bold; background:#595959; border-bottom:1px solid #000; font-size:14pt; padding:10px;} #pop_conts{ width:580px; padding-top:10px } #pop_conts2{ width:580px; display:block; position:relative;} #pop_conts3{ width:580px; display:block; position:relative;} #pop_conts4{ width:580px; display:block; position:relative;} #pop_tit { width:570px; height:25px; margin-bottom:10px; background:#8f939f; border:1px solid #7b7c81; color:#fff; font-weight:bold; padding:5px 0 0 5px;} #pop_box { width:680px; padding:10px; border:1px solid #dedede; background:#f8f7f7; margin:5px 0;} .pop_con { width:110px; text-align:center; margin-left:40px; display: inline; float: left; } .pop_btn { background:url(/images/btn/operation.gif) no-repeat; color:#fff; width:60px; height:20px; text-align:center; float: left; margin:5px 0 5px 25px; padding-top:2px;} .pop_btn2 { background: url(/images/btn/sample_02.png) no-repeat; color: #fff; text-align: center; float: right; width: 120px; height: 25px; cursor: pointer; } .pop_footer { width:553px; float:left; text-align:center; padding:10px ; margin:0 10px 10px 10px; background-color: #f8f7f6; border-radius: 5px; box-shadow: 0 3px 3px rgba(0,0,0,0.1); } .pop_footer2 { width:553px; float:left; text-align:center; padding:10px ; margin:0 10px 10px 10px; background-color: #fff; border-radius: 5px; } .trans_img { text-align:center; margin:50px 0 0 30px ; width:500px;} .trans_img td{ padding-right:18px ; } .trans_img2 { text-align:center; margin:30px 0 0 10px ; position: relative; display:inline; float:left } .trans_img td{ padding-right:18px ; width:110px } .nomin_btn {background: url(/images/btn/btn_bg05.png) no-repeat; color: #fff; width: 150px; height: 24px; margin: 20px 20px 20px 45px; padding-top: 2px; float: left;} .allcan_btn { background: url(/images/btn/btn_bg06.png) no-repeat; color: #fff; width: 150px; height: 24px; margin: 20px ; padding-top: 2px; float: left;} .error_page { margin:10px;} .error_page p {margin-top: 30px; text-align:left;} #ta_search01 { width:580px; z-index:110; position:absolute; visibility: visible; clear:both;} #ta_search02 { width:580px; z-index:111; position:absolute; visibility: hidden; clear:both;} .ta_left { width:290px; height:29px; float:left; background:url(/images/btn/ta_bnts_left.png); background-repeat:no-repeat; text-align:center; padding:7px 0 0 0;} .ta_right { width:290px; height:29px; float:left; background:url(/images/btn/ta_bnts_right.png); background-repeat:no-repeat; text-align:center; padding:7px 0 0 0;} .ta_on { width:290px; float:left; height:29px; background:url(/images/btn/ta_bnts_on.png); background-repeat:no-repeat; text-align:center; color:#fff; padding:7px 0 0 0; font-weight:bold;} #ta_search { width:518px; height:34px; padding:4px 0 0 60px; background:#8f939f; border:1px solid #7b7c81; color:#fff; clear:both;} #ta_search ul { margin:0; padding:0;} #ta_search ul li { float:left; margin-right:10px;} #ta_translator { width:568px; height:128px; padding:5px; background:#f0f0f0; border:1px solid #d1d1d3; clear:both; margin:10px 0 20px 0;} #ts_tarns01{ width:269px; border:1px solid #c4c8d6; background:#fff; height:78px; padding:5px; float:left; margin-right:3px;} #ts_tarns01 ul { margin:0; padding:0;} #ts_tarns01 ul li{ float:left;} .ts_img { width:74px; margin-right:10px;} .ts_text { width:180px; margin:3px 0;} #ts_tarns02{ width:269px; border:1px solid #c4c8d6; background:#fff; height:78px; padding:5px; float:left; margin-left:3px;} #ts_tarns02 ul { margin:0; padding:0;} #ts_tarns02 ul li{ float:left;} #ts_btns{ width:348px; margin:0 auto; font-weight:normal;} #blue_btn02 { width:170px; height:22px; text-align:center; float:left; margin:10px 2px 0 2px; background:url(/images/btn/blue_btn02.png); background-repeat:no-repeat; color:#fff;} #blue_btn02 a { text-decoration:none; color:#fff; font-weight:normal;} #pink_btn02 { width:170px; height:19px; text-align:center; float:left; margin:10px 2px 0 2px; background:url(/images/btn/pink_btn02.png); background-repeat:no-repeat; color:#fff;} #pink_btn02 a { text-decoration:none; color:#fff; font-weight:normal;} #page_btn02{ text-align:center; width:580px; margin:10px 0 0 0;} #page_btn02 ul{ margin:0; padding:0;} #page_btn02 ul li { display:inline; margin:0 2px; } #page_btn02 ul li img { vertical-align:middle;} #ta_list { width:580px; clear:both; margin:20px 0 0 0;} .ta_table { width:189px; border:1px solid #e7e7e7; border-collapse:collapse; float:left; margin:0 6px 6px 0;} .ta_table th { padding:0; border-right:1px solid #e7e7e7; width:74px;} .ta_table td { text-align:left; padding:0 0 0 5px; border-bottom:1px solid #e7e7e7; height:38px;} .ta_table02 { width:189px; border:1px solid #e7e7e7; border-collapse:collapse; float:left; margin:0 0 6px 0;} .ta_table02 th { padding:0; border-right:1px solid #e7e7e7; width:74px;} .ta_table02 td { text-align:left; padding:0 0 0 5px; border-bottom:1px solid #e7e7e7; height:38px;} .choice_btn { width:47px; height:12px; background:url(/images/index/choice_btn.png); background-repeat:no-repeat; text-align:center; color:#fff; font-size:11px; float:left; line-height:100%; padding-top:3px; margin-right:4px;} .choice_btn02 { width:47px; height:12px; background:url(/images/index/choice_btn02.png); background-repeat:no-repeat; text-align:center; color:#fff; font-size:11px; float:left; line-height:100%; padding-top:3px; margin-right:4px;} #changePw dt { background:url(/images/index/id_point.png); background-repeat:no-repeat; background-position:left; padding-left:15px; font-weight:bold;} #changePw dd { margin-bottom:10px; font-size:12px;} /*change_passwd*/ #pop_wrap2{ width:618px; padding: 0 10px; } #pop_title2 { width:618px; height:26px; color:#fff; font-weight:bold; background:#595959; border-bottom:1px solid #000; font-size:14pt; padding:10px;} #pop_pw{ width:638px; padding-top:10px } #pop_box2 { width:616px; padding:10px; border:1px solid #dedede; background:#f8f7f7; margin:5px 0;} .field { width:594px; margin:15px 0;} .field_title { line-height:180%; display:inline; margin:0 5px 0 0; font-weight:bold; } .field_comment { font-size:12px; display:inline; line-height:180%;} /*ZiptopSchbox*/ .ZiptopSchbox{ width:100%;} .dlline { margin:0; padding:0; clear:both;} .dlline li { float:left; margin-right:5px;} .dlline02 { margin:2px 0 0 0; padding:0; clear:both;} .search_infoma{ clear:both; margin:0; padding:10px 0 0 0; font-size:11px; color:#088ecc;} .address_btn{ width:65px; height:26px; background:url(/images/btn/address_btn.png); background-repeat:no-repeat; text-align:center; float:left; margin-left:2px; padding:4px 0 0 0;} .address_btn a { text-decoration:none; color:#FFF;} .pt2 { padding:3px 0 0 15px; background:url(/images/btn/address_tit.png); background-repeat:no-repeat; background-position:left;} /*card*/ #card_box { width:100%; margin:0 0 30px; 0; clear:both;} #card_box ul { padding:0; margin:0;} #card_box ul li { float:left; width:189px; height:37px; text-align:left; color:#fff; font-weight:bold; padding:15px 0 0 40px;} .card_01 { background:url(/images/login/card_01.png); background-repeat:no-repeat; margin-right:13px; letter-spacing:-1px;} .card_01_on { background:url(/images/login/card_01_on.png); background-repeat:no-repeat; margin-right:13px; letter-spacing:-1px;} .card_02 { background:url(/images/login/card_02.png); background-repeat:no-repeat; margin-right:13px; letter-spacing:-1px;} .card_02_on { background:url(/images/login/card_02_on.png); background-repeat:no-repeat; margin-right:13px; letter-spacing:-1px;} .card_03 { background:url(/images/login/card_03.png); background-repeat:no-repeat;} .card_03_on { background:url(/images/login/card_03_on.png); background-repeat:no-repeat;} /**/ #blind_box{ width:708px; padding:10px; background:#eaeaea; border:1px solid #c0c0c2;} /* So-net */ .gHd2010{margin:0 !important; padding:0 !important; background:#fff !important; text-align:left !important; font:13px/1.231 'メイリオ',meiryo,'ＭＳ Ｐゴシック',MS PGothic,Verdana,Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,sans-serif !important; *font-size:small !important; *font:x-small !important; color:#000 !important} .gHd2010 div, .gHd2010 h1, .gHd2010 form, .gHd2010 p, .gHd2010 input{margin:0; padding:0; font-size:100% !important;} .gHd2010 input, .gHd2010 select{vertical-align:middle; font-family:'メイリオ',meiryo,'ＭＳ Ｐゴシック',MS PGothic,Verdana,Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka !important;} .gHd2010 img{border:none} .gHd2010 a{text-decoration:none; font-size:100% !important; color:#0a54a7} .gHd2010 a:visited{text-decoration:none; color:#0a54a7} .gHd2010 a:hover{text-decoration:underline; color:#f00} .gHd2010 a:active{color:#f00} .gHd2010 .gHd2010_searchArea{width:100%; border-bottom:1px #bfbfbf solid; background:#e9e9e9} .gHd2010 .gHd2010_searchArea .gHd2010_innerBox{overflow:hidden; margin:0 auto; width:950px} .gHd2010 .gHd2010_pr{float:left; margin-top:5px; padding-left:5px; width:550px} .gHd2010 .gHd2010_pr a{border:1px #dadada solid; background:#fff} .gHd2010 .gHd2010_search{float:right; position:relative; margin-right:10px; width:380px; height:25px} .gHd2010 .gHd2010_search form{position:absolute; top:3px; right:0} .gHd2010 .gHd2010_keyword{float:left; margin-right:2px; width:200px; height:1.4em; border:1px #ccc solid; font-size:12px} .gHd2010 .gHd2010_category{float:left; margin-right:2px; width:80px; height:1.7em; border:1px #ccc solid; font-size:12px} .gHd2010 .gHd2010_btn{float:left} .gHd2010 .gHd2010_mainArea{clear:both; background:url(../img/gHd2010_mainArea_bg.png) repeat-x} .gHd2010 .gHd2010_mainArea .gHd2010_innerBox{margin:0 auto; width:950px; min-height:54px; zoom:100%; _height:54px; background:url(../img/gHd2010_so-net_logo.png) no-repeat} .gHd2010 .gHd2010_mainArea .gHd2010_innerBox:after{clear:both; display:block; visibility:hidden; height:0; content:".";} .gHd2010 .gHd2010_mainArea .gHd2010_logo{position:relative; float:left; width:146px; height:47px} .gHd2010 .gHd2010_mainArea .gHd2010_logo a{display:block; position:absolute; top:5px; left:15px; width:102px; height:36px; text-indent:-9999px; font-size:0} .gHd2010 .gHd2010_mainArea h1{float:left; padding-top:11px; border:none; text-align:left; text-indent:0;} .gHd2010 .gHd2010_mainArea h1 img{border:7px solid #fff} .gHd2010 .gHd2010_mainArea .gHd2010_copy{float:left; padding:18px 0 0 15px; width:290px} .gHd2010 .gHd2010_mainArea .gHd2010_status{float:right; padding-top:17px; width:200px; text-align:right} .gHd2010 .gHd2010_mainArea .gHd2010_status .name{padding-right:3px; font-size:85%} .gHd2010 .gHd2010_mainArea .gHd2010_link{float:right; padding:17px 10px 0 15px} .gHd2010 .gHd2010_simpleArea{width:100%; border-bottom:1px #cecece solid} .gHd2010 .gHd2010_simpleArea .gHd2010_innerBox{margin:0 auto; padding-top:2px; width:950px; min-height:23px; zoom:100%; _height:23px} .gHd2010 .gHd2010_simpleArea .gHd2010_innerBox:after{clear:both; display:block; visibility:hidden; height:0; content:".";} .gHd2010 .gHd2010_simpleArea h1{float:left; padding-left:10px} .gHd2010 .gHd2010_simpleArea .gHd2010_link{float:right; padding:4px 0 0 20px; font-size:85% !important;} .gHd2010 .gHd2010_simpleArea .gHd2010_note{float:right; padding-top:4px; font-size:85% !important;} /*mypage tab*/ .menu_tab{ width:730px; margin-bottom:10px; } .menu_tab ul li{float:left; cursor:pointer;} /**.menu_tab li a{display:block; text-decoration:none; padding:5px 0; background:#8f939f; color:#fff;} .menu_tab li a:hover{text-decoration:none; background:#a7aab5; color:#fff; font-weight:bold; } .menu_tab li.active a{background:#6e7382; color:#fff; font-weight:bold; } .menu_tab li a:visited{text-decoration:none; }**/ .menu_tab_tit{width:730px; height:30px; margin-bottom:10px; background-color:#f7f7f7; font-weight:bold; line-height:30px; padding:0 0 0 5px;} /*Card_Payment_Modify*/ .line{width:100%; text-align:center; height:1px; border-top:1px solid #2d2d2d; border-bottom:1px solid #5b5b5b; border-collapse: collapse; margin:15px 0 0 0;} /* 로딩 애니메이션 */ .loading_Ani01 { width: 120px; height: 120px; background-image: url("/images/common/loading.png"); -webkit-animation: play .8s steps(15) infinite; -moz-animation: play .8s steps(15) infinite; -ms-animation: play .8s steps(15) infinite; -o-animation: play .8s steps(15) infinite; animation: play .8s steps(15) infinite; } @-webkit-keyframes play { from { background-position: 0px; } to { background-position: -3600px; } } @-moz-keyframes play { from { background-position: 0px; } to { background-position: -3600px; } } @-ms-keyframes play { from { background-position: 0px; } to { background-position: -3600px; } } @-o-keyframes play { from { background-position: 0px; } to { background-position: -3600px; } } @keyframes play { from { background-position: 0px; } to { background-position: -3600px; } } /* fv */ .fv { border-top:#595959 1px solid; } .fvInner { margin:0 auto 40px; width:960px; padding-top:50px; text-align:center; } .fv h1 { } .fv p { } /* fv */ .fv { border-top:#595959 1px solid; } .fvInner { width:960px; margin:0 auto; padding:50px 0; text-align:center; } .fv h1 { } .fv p { } /*content*/ .contact { position:relative; z-index:5; background:#28cdd7 url('../img/btn_bg.png'); box-shadow:0 0 6px rgba(0,0,0,0.3); } .contactInner { position:relative; width:660px; margin:0 auto; padding:45px 260px 45px 0; } .contactInner:after { content:''; position:absolute; right:0; bottom:0; width:248px; height:189px; background:url('../img/btn_img.png') no-repeat right bottom; } .contact a { } /*intro*/ .intro { } .introInner { width:960px; margin:0 auto 70px; } .introInner ul { padding:30px 20px; border-radius:6px;box-shadow:inset 0 0 5px 0 rgba(0,0,0,0.25); } .introInner ul:after { content:''; display:block; clear:both; height:0; } .introInner li { float:left; width:33.33333%; padding:20px; border-right:#ddd 1px solid; text-align:center; box-sizing:border-box; } .introInner li:nth-child(3) { border-right:0; } .introInner li h2 { color:#ff8d1a; line-height:1.5; font-size:1.5em; font-weight:600; } .introInner li figure { display:block; margin:15px 0; } .introInner li p { color:#595959; font-size:0.9em; } /*nice*/ .usage { } .usageInner { width:960px; margin:0 auto 70px; } .usageInner header { margin-bottom:40px; text-align:center; } .usageInner h2 { } .usageInner ul { } .usageInner ul:after { content:''; display:block; clear:both; height:0; } .usageInner li { position:relative; float:left; width:220px; border:#7fbf18 2px solid; border-radius:4px; text-align:center; box-shadow:0 2px 5px 0 rgba(0,0,0,0.25); box-sizing:border-box; } .usageInner li:nth-child(1) { margin-right:26px; } .usageInner li:nth-child(2) { margin-right:27px; } .usageInner li:nth-child(3) { margin-right:26px; } .usageInner li:nth-child(1):after, .usageInner li:nth-child(2):after, .usageInner li:nth-child(3):after { content:''; position:absolute; top:50%; right:-40px; margin-top:-10px; border:transparent 20px solid; border-left:#7fbf18 20px solid; } .usageInner dl { } .usageInner dt { border-radius:1px 1px 0 0; color:#fff; line-height:34px; font-size:1.1em; font-weight:600; text-shadow:0 1px 0 rgba(0,0,0,0.3); } .usageInner dt { background:#7fbf18; background:-moz-linear-gradient(top, #7fbf18 0%, #66ac10 100%); background:-webkit-linear-gradient(top, #7fbf18 0%,#66ac10 100%); background:linear-gradient(to bottom, #7fbf18 0%,#66ac10 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fbf18', endColorstr='#66ac10',GradientType=0 ); } .usageInner dd { padding:25px 15px; } .usageInner figure { display:block; margin-bottom:20px; } .usageInner p { line-height:1.6; font-size:1.2em; } .usageInner b { font-size:1.1em; font-weight:600; } /* */ .miniLogin { } .miniLoginInner { width:700px; margin:0px auto 0px; } /*charge*/ .charge { } .chargeInner { width:960px; margin:0 auto 0px; } .chargeInner header { margin-bottom:40px; text-align:center; } .chargeInner h2 { } .chargeInner ul { } .chargeInner ul:after { content:''; display:block; clear:both; height:0; } .chargeInner li { margin-bottom:30px; border-radius:4px; border:#2d87c8 2px solid; box-sizing:border-box; box-shadow:0 1px 3px 0 rgba(0,0,0,0.15); } .chargeInner li:after { content:''; display:block; clear:both; height:0; } .chargeInner li:nth-child(3) { margin-bottom:0; } .chargeInner dl { } .chargeInner dt { padding:0.4em 1em; color:#fff; font-size:1.1em; font-weight:600; text-shadow:0 1px 0 rgba(0,0,0,0.3); } .chargeInner dt { background:#2d8ece; background:-moz-linear-gradient(top, #2d8ece 0%, #2d8dcd 100%); background:-webkit-linear-gradient(top, #2d8ece 0%,#2d8dcd 100%); background:linear-gradient(to bottom, #2d8ece 0%,#2d8dcd 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fbf18', endColorstr='#66ac10',GradientType=0 ); } .chargeInner dd { padding:30px; } .chargeInner dd:after { content:''; display:block; clear:both; height:0; } .chargeInner figure { display:block; float:left; margin-right:40px; } .chargeInner p { float:left; } /*contentEnd*/ .contentEnd { } .contentEndInner { width:770px; margin:0 auto 90px; } .contentEndInner:after { content:''; display:block; clear:both; height:0; } .contentEndLeft { float:left; width:360px; margin-right:50px; border:#494a4f 1px solid; box-sizing:border-box; } .contentEndRight { float:left; width:360px; border:#494a4f 1px solid; box-sizing:border-box; } .contentEndInner dt { padding:0.3em 1.0em; border-top:rgba(255,255,255,0.4) 1px solid; color:#fff; font-size:1.1em; font-weight:600; text-shadow:0 1px 0 rgba(0,0,0,0.3); } .contentEndInner dt { background:#9294a1; background:-moz-linear-gradient(top, #9294a1 0%, #888a97 100%); background:-webkit-linear-gradient(top, #9294a1 0%,#888a97 100%); background:linear-gradient(to bottom, #9294a1 0%,#888a97 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#9294a1', endColorstr='#888a97',GradientType=0 ); } .contentEndInner dd { padding:15px 20px; } .contentEndLeft fieldset { margin-bottom:1.0em; } .contentEndLeft fieldset:after { content:''; display:block; clear:both; height:0; } .contentEndLeft fieldset legend { float:left; width:35%; padding-top:0.25em; } .contentEndLeft fieldset input { float:left; width:65%; border-radius:3px; line-height:20px; box-sizing:border-box; } .contentEndLeft fieldset input:focus { background:#fffff0; } .contentEndLeft .contentEnd-userID { } .contentEndLeft .contentEnd-userPW { } .contentEndLeft p { color:#2d7dc1; font-size:0.9em; text-align:right; text-decoration:underline; } .contentEndRight p { font-size:1.2em; } .contentEnd #login_btn, .contentEnd #join_btn { width:auto; height:auto; margin:0; padding:0; border-radius:none; border:0; color:inherit; font-size:inherit; background:none; } .contentEnd #login_btn, .contentEnd #join_btn { margin:0.75em 0; padding:0.3em 1em; border-radius:3px; border:#51545b 1px solid; color:#fff; font-size:1.1em; text-align:center; text-shadow:0 1px 0 rgba(0,0,0,0.3); box-sizing:border-box; cursor:pointer; } .contentEnd #login_btn, .contentEnd #join_btn { background:#63626b; background:-moz-linear-gradient(top, #63626b 0%, #464951 100%); background:-webkit-linear-gradient(top, #63626b 0%,#464951 100%); background:linear-gradient(to bottom, #63626b 0%,#464951 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#63626b', endColorstr='#464951',GradientType=0 ); } .contentEnd #login_btn:hover, .contentEnd #join_btn:hover { background:#464951; background:-moz-linear-gradient(top, #464951 0%, #63626b 100%); background:-webkit-linear-gradient(top, #464951 0%,#63626b 100%); background:linear-gradient(to bottom, #464951 0%,#63626b 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#464951', endColorstr='#63626b',GradientType=0 ); } .contentEndInner .note { font-size:0.9em; } /*order_confirm 20150731*/ .ordered_items{width:60%; float:left; } .ordered_discount{ float:right; width: 38%; padding-top: 10px; } .btn_auto{display: table; margin-left: auto; margin-right: auto;} .btn_cancle {width:94px; height:22px; padding:2px 0 0 0; text-align:center; background:url(/images/btn/btn_bg_gray.png); background-repeat:no-repeat; float:left; margin:30px 10px; color:#ffffff; cursor: pointer;} .btn_modify {width:140px; height:22px; text-align:center; float:left;margin-left:3px;background:url(/images/btn/btn_bg04.png); background-repeat:no-repeat;color:#ffffff; cursor: pointer;} .ordered_X_btn{ float:right; cursor:pointer; font-size: 20px; width: 15px; height: 15px; background-color: #E7E7E7; border: 1px solid #DDD; border-radius: 70px; moz-border-radius: 70px; -webkit-border-radius: 70px; color: #606060; padding: 0 0 6px 5px; } .couponName{display:block; float:left; width:20%; } .couponContent{display:block; float:left; width:80%; } .couponNameHeader{font-size:10px; width: 95%;display:inline-block;} /* added by torihara */ .inactive { background: #dddddd; color: #C1C1C1; } .tag_btn { cursor: pointer; border-radius: 3px; font-weight: normal; background: #8C8C8C; padding: 2px 5px; color: white; text-align: center; width: 100px; float: left; margin: 0 0 10px 10px; } .coupon_preview_btn { cursor: pointer; width: 100px; font-weight: normal; background: #34DBBB; padding: 1px 7px; margin: 0 0 0 10px; margin-bottom: 5px; color: white; text-align: center; float: right; } .point_preview_font {margin:0; padding:0; line-height: 150%; font-size:10pt; font-family: 'Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'SimHei', 'GulimChe', sans-serif; color:#55555d;} .ui-tooltip { padding: 5px; position: absolute; z-index: 9999; max-width: 300px; max-height: 17px; -webkit-box-shadow: 0 0 0px #aaa; box-shadow: 0 0 4px #aaa; font-size:10pt; } .tooltip { cursor: pointer; position: relative; display: inline-block; border-bottom: 1px dotted black; } .tooltip .tooltiptext { visibility: hidden; width: 285px; /* background-color: #FFFFFF;*/ background-color: #FFFFCC; /* color: #fff; */ font-size:10pt; box-shadow: 0 0 4px #B2CCFF; text-align: left; border-radius: 6px; padding: 10px; margin: 5px; /* Position the tooltip */ position: absolute; z-index: 1; } .tooltip:hover .tooltiptext { visibility: visible; } div.radio-group div { position: relative; } div.radio-group input { position: absolute; left: 0px; outline:none; } div.radio-group label { cursor: pointer; padding: 5px 10px; width: 100px; text-align: center; float: left; border: solid 1px #aaa; margin-left: -1px; box-shadow: 2px 2px 6px #ddd; -moz-box-shadow: 2px 2px 6px #ddd; -webkit-box-shadow: 2px 2px 6px #ddd; text-shadow: 1px 1px 0px #fff; } div.radio-group div:first-child label { border-top-left-radius: 7px; border-bottom-left-radius: 7px; -webkit-border-top-left-radius: 7px; -webkit-border-bottom-left-radius: 7px; -moz-border-radius-topleft: 7px; -moz-border-radius-bottomleft: 7px; } div.radio-group div:last-child label { border-top-right-radius: 7px; border-bottom-right-radius: 7px; -webkit-border-top-right-radius: 7px; -webkit-border-bottom-right-radius: 7px; -moz-border-radius-topright: 7px; -moz-border-radius-bottomright: 7px; } div.radio-group label.checked { color: #fff; text-shadow: 0px 0px 0px #fff; } /* 451 apptype btn*/ .approval-switch { position: relative; margin: 0 auto; width: 90px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; } .approval-switch-checkbox-0, .approval-switch-checkbox-1, .approval-switch-checkbox-2, .approval-switch-checkbox-3, .approval-switch-checkbox-4, .approval-switch-checkbox-5, .approval-switch-checkbox-6, .approval-switch-checkbox-7, .approval-switch-checkbox-8, .approval-switch-checkbox-9, .approval-switch-checkbox-10, .approval-switch-checkbox-11, .approval-switch-checkbox-12, .approval-switch-checkbox-13, .approval-switch-checkbox-14, .approval-switch-checkbox-15, .approval-switch-checkbox-16, .approval-switch-checkbox-17, .approval-switch-checkbox-18, .approval-switch-checkbox-19, .approval-switch-checkbox-20, .approval-switch-checkbox-21, .approval-switch-checkbox-22, .approval-switch-checkbox-23, .approval-switch-checkbox-24, .approval-switch-checkbox-25, .approval-switch-checkbox-26, .approval-switch-checkbox-27, .approval-switch-checkbox-28, .approval-switch-checkbox-29, .approval-switch-checkbox-30, .approval-switch-checkbox-31, .approval-switch-checkbox-32, .approval-switch-checkbox-33, .approval-switch-checkbox-34, .approval-switch-checkbox-35, .approval-switch-checkbox-36, .approval-switch-checkbox-37, .approval-switch-checkbox-38, .approval-switch-checkbox-39, .approval-switch-checkbox-40, .approval-switch-checkbox-41, .approval-switch-checkbox-42, .approval-switch-checkbox-43, .approval-switch-checkbox-44, .approval-switch-checkbox-45, .approval-switch-checkbox-46, .approval-switch-checkbox-47, .approval-switch-checkbox-48, .approval-switch-checkbox-49 { display: none; } .approval-switch-label-0, .approval-switch-label-1, .approval-switch-label-2, .approval-switch-label-3, .approval-switch-label-4, .approval-switch-label-5, .approval-switch-label-6, .approval-switch-label-7, .approval-switch-label-8, .approval-switch-label-9, .approval-switch-label-10, .approval-switch-label-11, .approval-switch-label-12, .approval-switch-label-13, .approval-switch-label-14, .approval-switch-label-15, .approval-switch-label-16, .approval-switch-label-17, .approval-switch-label-18, .approval-switch-label-19, .approval-switch-label-20, .approval-switch-label-21, .approval-switch-label-22, .approval-switch-label-23, .approval-switch-label-24, .approval-switch-label-25, .approval-switch-label-26, .approval-switch-label-27, .approval-switch-label-28, .approval-switch-label-29, .approval-switch-label-30, .approval-switch-label-31, .approval-switch-label-32, .approval-switch-label-33, .approval-switch-label-34, .approval-switch-label-35, .approval-switch-label-36, .approval-switch-label-37, .approval-switch-label-38, .approval-switch-label-39, .approval-switch-label-40, .approval-switch-label-41, .approval-switch-label-42, .approval-switch-label-43, .approval-switch-label-44, .approval-switch-label-45, .approval-switch-label-46, .approval-switch-label-47, .approval-switch-label-48, .approval-switch-label-49 { display: block; overflow: hidden; cursor: pointer; border: 1px solid #999999; border-radius: 20px; } .approval-switch-inner-0, .approval-switch-inner-1, .approval-switch-inner-2, .approval-switch-inner-3, .approval-switch-inner-4, .approval-switch-inner-5, .approval-switch-inner-6, .approval-switch-inner-7, .approval-switch-inner-8, .approval-switch-inner-9, .approval-switch-inner-10, .approval-switch-inner-11, .approval-switch-inner-12, .approval-switch-inner-13, .approval-switch-inner-14, .approval-switch-inner-15, .approval-switch-inner-16, .approval-switch-inner-17, .approval-switch-inner-18, .approval-switch-inner-19, .approval-switch-inner-20, .approval-switch-inner-21, .approval-switch-inner-22, .approval-switch-inner-23, .approval-switch-inner-24, .approval-switch-inner-25, .approval-switch-inner-26, .approval-switch-inner-27, .approval-switch-inner-28, .approval-switch-inner-29, .approval-switch-inner-30, .approval-switch-inner-31, .approval-switch-inner-32, .approval-switch-inner-33, .approval-switch-inner-34, .approval-switch-inner-35, .approval-switch-inner-36, .approval-switch-inner-37, .approval-switch-inner-38, .approval-switch-inner-39, .approval-switch-inner-40, .approval-switch-inner-41, .approval-switch-inner-42, .approval-switch-inner-43, .approval-switch-inner-44, .approval-switch-inner-45, .approval-switch-inner-46, .approval-switch-inner-47, .approval-switch-inner-48, .approval-switch-inner-49 { display: block; width: 200%; margin-left: -100%; -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s; -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s; } .approval-switch-inner-0:before, .approval-switch-inner-0:after, .approval-switch-inner-1:before, .approval-switch-inner-1:after, .approval-switch-inner-2:before, .approval-switch-inner-2:after, .approval-switch-inner-3:before, .approval-switch-inner-3:after, .approval-switch-inner-4:before, .approval-switch-inner-4:after, .approval-switch-inner-5:before, .approval-switch-inner-5:after, .approval-switch-inner-6:before, .approval-switch-inner-6:after, .approval-switch-inner-7:before, .approval-switch-inner-7:after, .approval-switch-inner-8:before, .approval-switch-inner-8:after, .approval-switch-inner-9:before, .approval-switch-inner-9:after, .approval-switch-inner-10:before, .approval-switch-inner-10:after, .approval-switch-inner-11:before, .approval-switch-inner-11:after, .approval-switch-inner-12:before, .approval-switch-inner-12:after, .approval-switch-inner-13:before, .approval-switch-inner-13:after, .approval-switch-inner-14:before, .approval-switch-inner-14:after, .approval-switch-inner-15:before, .approval-switch-inner-15:after, .approval-switch-inner-16:before, .approval-switch-inner-16:after, .approval-switch-inner-17:before, .approval-switch-inner-17:after, .approval-switch-inner-18:before, .approval-switch-inner-18:after, .approval-switch-inner-19:before, .approval-switch-inner-19:after, .approval-switch-inner-20:before, .approval-switch-inner-20:after, .approval-switch-inner-21:before, .approval-switch-inner-21:after, .approval-switch-inner-22:before, .approval-switch-inner-22:after, .approval-switch-inner-23:before, .approval-switch-inner-23:after, .approval-switch-inner-24:before, .approval-switch-inner-24:after, .approval-switch-inner-25:before, .approval-switch-inner-25:after, .approval-switch-inner-26:before, .approval-switch-inner-26:after, .approval-switch-inner-27:before, .approval-switch-inner-27:after, .approval-switch-inner-28:before, .approval-switch-inner-28:after, .approval-switch-inner-29:before, .approval-switch-inner-29:after, .approval-switch-inner-30:before, .approval-switch-inner-30:after, .approval-switch-inner-31:before, .approval-switch-inner-31:after, .approval-switch-inner-32:before, .approval-switch-inner-32:after, .approval-switch-inner-33:before, .approval-switch-inner-33:after, .approval-switch-inner-34:before, .approval-switch-inner-34:after, .approval-switch-inner-35:before, .approval-switch-inner-35:after, .approval-switch-inner-36:before, .approval-switch-inner-36:after, .approval-switch-inner-37:before, .approval-switch-inner-37:after, .approval-switch-inner-38:before, .approval-switch-inner-38:after, .approval-switch-inner-39:before, .approval-switch-inner-39:after, .approval-switch-inner-40:before, .approval-switch-inner-40:after, .approval-switch-inner-41:before, .approval-switch-inner-41:after, .approval-switch-inner-42:before, .approval-switch-inner-42:after, .approval-switch-inner-43:before, .approval-switch-inner-43:after, .approval-switch-inner-44:before, .approval-switch-inner-44:after, .approval-switch-inner-45:before, .approval-switch-inner-45:after, .approval-switch-inner-46:before, .approval-switch-inner-46:after, .approval-switch-inner-47:before, .approval-switch-inner-47:after, .approval-switch-inner-48:before, .approval-switch-inner-48:after, .approval-switch-inner-49:before, .approval-switch-inner-49:after { display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px; font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .approval-switch-inner-0:before, .approval-switch-inner-1:before, .approval-switch-inner-2:before, .approval-switch-inner-3:before, .approval-switch-inner-4:before, .approval-switch-inner-5:before, .approval-switch-inner-6:before, .approval-switch-inner-7:before, .approval-switch-inner-8:before, .approval-switch-inner-9:before, .approval-switch-inner-10:before, .approval-switch-inner-11:before, .approval-switch-inner-12:before, .approval-switch-inner-13:before, .approval-switch-inner-14:before, .approval-switch-inner-15:before, .approval-switch-inner-16:before, .approval-switch-inner-17:before, .approval-switch-inner-18:before, .approval-switch-inner-19:before, .approval-switch-inner-20:before, .approval-switch-inner-21:before, .approval-switch-inner-22:before, .approval-switch-inner-23:before, .approval-switch-inner-24:before, .approval-switch-inner-25:before, .approval-switch-inner-26:before, .approval-switch-inner-27:before, .approval-switch-inner-28:before, .approval-switch-inner-29:before, .approval-switch-inner-30:before, .approval-switch-inner-31:before, .approval-switch-inner-32:before, .approval-switch-inner-33:before, .approval-switch-inner-34:before, .approval-switch-inner-35:before, .approval-switch-inner-36:before, .approval-switch-inner-37:before, .approval-switch-inner-38:before, .approval-switch-inner-39:before, .approval-switch-inner-40:before, .approval-switch-inner-41:before, .approval-switch-inner-42:before, .approval-switch-inner-43:before, .approval-switch-inner-44:before, .approval-switch-inner-45:before, .approval-switch-inner-46:before, .approval-switch-inner-47:before, .approval-switch-inner-48:before, .approval-switch-inner-49:before { content: "承認"; padding-left: 10px; background-color: #34A7C1; color: #FFFFFF; text-align: left; } .approval-switch-inner-0:after, .approval-switch-inner-1:after, .approval-switch-inner-2:after, .approval-switch-inner-3:after, .approval-switch-inner-4:after, .approval-switch-inner-5:after, .approval-switch-inner-6:after, .approval-switch-inner-7:after, .approval-switch-inner-8:after, .approval-switch-inner-9:after, .approval-switch-inner-10:after, .approval-switch-inner-11:after, .approval-switch-inner-12:after, .approval-switch-inner-13:after, .approval-switch-inner-14:after, .approval-switch-inner-15:after, .approval-switch-inner-16:after, .approval-switch-inner-17:after, .approval-switch-inner-18:after, .approval-switch-inner-19:after, .approval-switch-inner-20:after, .approval-switch-inner-21:after, .approval-switch-inner-22:after, .approval-switch-inner-23:after, .approval-switch-inner-24:after, .approval-switch-inner-25:after, .approval-switch-inner-26:after, .approval-switch-inner-27:after, .approval-switch-inner-28:after, .approval-switch-inner-29:after, .approval-switch-inner-30:after, .approval-switch-inner-31:after, .approval-switch-inner-32:after, .approval-switch-inner-33:after, .approval-switch-inner-34:after, .approval-switch-inner-35:after, .approval-switch-inner-36:after, .approval-switch-inner-37:after, .approval-switch-inner-38:after, .approval-switch-inner-39:after, .approval-switch-inner-40:after, .approval-switch-inner-41:after, .approval-switch-inner-42:after, .approval-switch-inner-43:after, .approval-switch-inner-44:after, .approval-switch-inner-45:after, .approval-switch-inner-46:after, .approval-switch-inner-47:after, .approval-switch-inner-48:after, .approval-switch-inner-49:after{ content: "非承認"; padding-right: 10px; background-color: #EEEEEE; color: #999999; text-align: right; } .approval-switch-switch-0, .approval-switch-switch-1, .approval-switch-switch-2, .approval-switch-switch-3, .approval-switch-switch-4, .approval-switch-switch-5, .approval-switch-switch-6, .approval-switch-switch-7, .approval-switch-switch-8, .approval-switch-switch-9, .approval-switch-switch-10, .approval-switch-switch-11, .approval-switch-switch-12, .approval-switch-switch-13, .approval-switch-switch-14, .approval-switch-switch-15, .approval-switch-switch-16, .approval-switch-switch-17, .approval-switch-switch-18, .approval-switch-switch-19, .approval-switch-switch-20, .approval-switch-switch-21, .approval-switch-switch-22, .approval-switch-switch-23, .approval-switch-switch-24, .approval-switch-switch-25, .approval-switch-switch-26, .approval-switch-switch-27, .approval-switch-switch-28, .approval-switch-switch-29, .approval-switch-switch-20, .approval-switch-switch-31, .approval-switch-switch-32, .approval-switch-switch-33, .approval-switch-switch-34, .approval-switch-switch-35, .approval-switch-switch-36, .approval-switch-switch-37, .approval-switch-switch-38, .approval-switch-switch-39, .approval-switch-switch-40, .approval-switch-switch-41, .approval-switch-switch-42, .approval-switch-switch-43, .approval-switch-switch-44, .approval-switch-switch-45, .approval-switch-switch-46, .approval-switch-switch-47, .approval-switch-switch-48, .approval-switch-switch-49 { display: block; width: 27px; margin: 1.5px; background: #FFFFFF; border: 1px solid #999999; border-radius: 20px; position: absolute; top: 0; bottom: 0; right: 56px; -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; } .approval-switch-checkbox-0:checked + .approval-switch-label-0 .approval-switch-inner-0, .approval-switch-checkbox-1:checked + .approval-switch-label-1 .approval-switch-inner-1, .approval-switch-checkbox-2:checked + .approval-switch-label-2 .approval-switch-inner-2, .approval-switch-checkbox-3:checked + .approval-switch-label-3 .approval-switch-inner-3, .approval-switch-checkbox-4:checked + .approval-switch-label-4 .approval-switch-inner-4, .approval-switch-checkbox-5:checked + .approval-switch-label-5 .approval-switch-inner-5, .approval-switch-checkbox-6:checked + .approval-switch-label-6 .approval-switch-inner-6, .approval-switch-checkbox-7:checked + .approval-switch-label-7 .approval-switch-inner-7, .approval-switch-checkbox-8:checked + .approval-switch-label-8 .approval-switch-inner-8, .approval-switch-checkbox-9:checked + .approval-switch-label-9 .approval-switch-inner-9, .approval-switch-checkbox-10:checked + .approval-switch-label-10 .approval-switch-inner-10, .approval-switch-checkbox-11:checked + .approval-switch-label-11 .approval-switch-inner-11, .approval-switch-checkbox-12:checked + .approval-switch-label-12 .approval-switch-inner-12, .approval-switch-checkbox-13:checked + .approval-switch-label-13 .approval-switch-inner-13, .approval-switch-checkbox-14:checked + .approval-switch-label-14 .approval-switch-inner-14, .approval-switch-checkbox-15:checked + .approval-switch-label-15 .approval-switch-inner-15, .approval-switch-checkbox-16:checked + .approval-switch-label-16 .approval-switch-inner-16, .approval-switch-checkbox-17:checked + .approval-switch-label-17 .approval-switch-inner-17, .approval-switch-checkbox-18:checked + .approval-switch-label-18 .approval-switch-inner-18, .approval-switch-checkbox-19:checked + .approval-switch-label-19 .approval-switch-inner-19, .approval-switch-checkbox-20:checked + .approval-switch-label-20 .approval-switch-inner-20, .approval-switch-checkbox-21:checked + .approval-switch-label-21 .approval-switch-inner-21, .approval-switch-checkbox-22:checked + .approval-switch-label-22 .approval-switch-inner-22, .approval-switch-checkbox-23:checked + .approval-switch-label-23 .approval-switch-inner-23, .approval-switch-checkbox-24:checked + .approval-switch-label-24 .approval-switch-inner-24, .approval-switch-checkbox-25:checked + .approval-switch-label-25 .approval-switch-inner-25, .approval-switch-checkbox-26:checked + .approval-switch-label-26 .approval-switch-inner-26, .approval-switch-checkbox-27:checked + .approval-switch-label-27 .approval-switch-inner-27, .approval-switch-checkbox-28:checked + .approval-switch-label-28 .approval-switch-inner-28, .approval-switch-checkbox-29:checked + .approval-switch-label-29 .approval-switch-inner-29, .approval-switch-checkbox-30:checked + .approval-switch-label-30 .approval-switch-inner-30, .approval-switch-checkbox-31:checked + .approval-switch-label-31 .approval-switch-inner-31, .approval-switch-checkbox-32:checked + .approval-switch-label-32 .approval-switch-inner-32, .approval-switch-checkbox-33:checked + .approval-switch-label-33 .approval-switch-inner-33, .approval-switch-checkbox-34:checked + .approval-switch-label-34 .approval-switch-inner-34, .approval-switch-checkbox-35:checked + .approval-switch-label-35 .approval-switch-inner-35, .approval-switch-checkbox-36:checked + .approval-switch-label-36 .approval-switch-inner-36, .approval-switch-checkbox-37:checked + .approval-switch-label-37 .approval-switch-inner-37, .approval-switch-checkbox-38:checked + .approval-switch-label-38 .approval-switch-inner-38, .approval-switch-checkbox-39:checked + .approval-switch-label-39 .approval-switch-inner-39, .approval-switch-checkbox-40:checked + .approval-switch-label-40 .approval-switch-inner-40, .approval-switch-checkbox-41:checked + .approval-switch-label-41 .approval-switch-inner-41, .approval-switch-checkbox-42:checked + .approval-switch-label-42 .approval-switch-inner-42, .approval-switch-checkbox-43:checked + .approval-switch-label-43 .approval-switch-inner-43, .approval-switch-checkbox-44:checked + .approval-switch-label-44 .approval-switch-inner-44, .approval-switch-checkbox-45:checked + .approval-switch-label-45 .approval-switch-inner-45, .approval-switch-checkbox-46:checked + .approval-switch-label-46 .approval-switch-inner-46, .approval-switch-checkbox-47:checked + .approval-switch-label-47 .approval-switch-inner-47, .approval-switch-checkbox-48:checked + .approval-switch-label-48 .approval-switch-inner-48, .approval-switch-checkbox-49:checked + .approval-switch-label-49 .approval-switch-inner-49 { margin-left: 0; } .approval-switch-checkbox-0:checked + .approval-switch-label-0 .approval-switch-switch-0, .approval-switch-checkbox-1:checked + .approval-switch-label-1 .approval-switch-switch-1, .approval-switch-checkbox-2:checked + .approval-switch-label-2 .approval-switch-switch-2, .approval-switch-checkbox-3:checked + .approval-switch-label-3 .approval-switch-switch-3, .approval-switch-checkbox-4:checked + .approval-switch-label-4 .approval-switch-switch-4, .approval-switch-checkbox-5:checked + .approval-switch-label-5 .approval-switch-switch-5, .approval-switch-checkbox-6:checked + .approval-switch-label-6 .approval-switch-switch-6, .approval-switch-checkbox-7:checked + .approval-switch-label-7 .approval-switch-switch-7, .approval-switch-checkbox-8:checked + .approval-switch-label-8 .approval-switch-switch-8, .approval-switch-checkbox-9:checked + .approval-switch-label-9 .approval-switch-switch-9, .approval-switch-checkbox-10:checked + .approval-switch-label-10 .approval-switch-switch-10, .approval-switch-checkbox-11:checked + .approval-switch-label-11 .approval-switch-switch-11, .approval-switch-checkbox-12:checked + .approval-switch-label-12 .approval-switch-switch-12, .approval-switch-checkbox-13:checked + .approval-switch-label-13 .approval-switch-switch-13, .approval-switch-checkbox-14:checked + .approval-switch-label-14 .approval-switch-switch-14, .approval-switch-checkbox-15:checked + .approval-switch-label-15 .approval-switch-switch-15, .approval-switch-checkbox-16:checked + .approval-switch-label-16 .approval-switch-switch-16, .approval-switch-checkbox-17:checked + .approval-switch-label-17 .approval-switch-switch-17, .approval-switch-checkbox-18:checked + .approval-switch-label-18 .approval-switch-switch-18, .approval-switch-checkbox-19:checked + .approval-switch-label-19 .approval-switch-switch-19, .approval-switch-checkbox-20:checked + .approval-switch-label-20 .approval-switch-switch-20, .approval-switch-checkbox-21:checked + .approval-switch-label-21 .approval-switch-switch-21, .approval-switch-checkbox-22:checked + .approval-switch-label-22 .approval-switch-switch-22, .approval-switch-checkbox-23:checked + .approval-switch-label-23 .approval-switch-switch-23, .approval-switch-checkbox-24:checked + .approval-switch-label-24 .approval-switch-switch-24, .approval-switch-checkbox-25:checked + .approval-switch-label-25 .approval-switch-switch-25, .approval-switch-checkbox-26:checked + .approval-switch-label-26 .approval-switch-switch-26, .approval-switch-checkbox-27:checked + .approval-switch-label-27 .approval-switch-switch-27, .approval-switch-checkbox-28:checked + .approval-switch-label-28 .approval-switch-switch-28, .approval-switch-checkbox-29:checked + .approval-switch-label-29 .approval-switch-switch-29, .approval-switch-checkbox-30:checked + .approval-switch-label-30 .approval-switch-switch-30, .approval-switch-checkbox-31:checked + .approval-switch-label-31 .approval-switch-switch-31, .approval-switch-checkbox-32:checked + .approval-switch-label-32 .approval-switch-switch-32, .approval-switch-checkbox-33:checked + .approval-switch-label-33 .approval-switch-switch-33, .approval-switch-checkbox-34:checked + .approval-switch-label-34 .approval-switch-switch-34, .approval-switch-checkbox-35:checked + .approval-switch-label-35 .approval-switch-switch-35, .approval-switch-checkbox-36:checked + .approval-switch-label-36 .approval-switch-switch-36, .approval-switch-checkbox-37:checked + .approval-switch-label-37 .approval-switch-switch-37, .approval-switch-checkbox-38:checked + .approval-switch-label-38 .approval-switch-switch-38, .approval-switch-checkbox-39:checked + .approval-switch-label-39 .approval-switch-switch-39, .approval-switch-checkbox-40:checked + .approval-switch-label-40 .approval-switch-switch-40, .approval-switch-checkbox-41:checked + .approval-switch-label-41 .approval-switch-switch-41, .approval-switch-checkbox-42:checked + .approval-switch-label-42 .approval-switch-switch-42, .approval-switch-checkbox-43:checked + .approval-switch-label-43 .approval-switch-switch-43, .approval-switch-checkbox-44:checked + .approval-switch-label-44 .approval-switch-switch-44, .approval-switch-checkbox-45:checked + .approval-switch-label-45 .approval-switch-switch-45, .approval-switch-checkbox-46:checked + .approval-switch-label-46 .approval-switch-switch-46, .approval-switch-checkbox-47:checked + .approval-switch-label-47 .approval-switch-switch-47, .approval-switch-checkbox-48:checked + .approval-switch-label-48 .approval-switch-switch-48, .approval-switch-checkbox-49:checked + .approval-switch-label-49 .approval-switch-switch-49 { right: 0px; } .agent_approval-switch { position: relative; margin: 0 auto; width: 90px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; } .agent_approval-switch-checkbox-1, .agent_approval-switch-checkbox-2 { display: none; } .agent_approval-switch-label-1, .agent_approval-switch-label-2 { display: block; overflow: hidden; cursor: pointer; border: 1px solid #999999; border-radius: 20px; } .agent_approval-switch-inner-1, .agent_approval-switch-inner-2 { display: block; width: 200%; margin-left: -100%; -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s; -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s; } .agent_approval-switch-inner-1:before, .agent_approval-switch-inner-1:after, .agent_approval-switch-inner-2:before, .agent_approval-switch-inner-2:after { display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px; font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .agent_approval-switch-inner-1:before, .agent_approval-switch-inner-2:before { content: "稼動中"; padding-left: 10px; background-color: #34A7C1; color: #FFFFFF; } .agent_approval-switch-inner-1:after, .agent_approval-switch-inner-2:after { content: "非稼動"; padding-right: 10px; background-color: #EEEEEE; color: #999999; text-align: right; } .agent_approval-switch-switch-1, .agent_approval-switch-switch-2 { display: block; width: 27px; margin: 1.5px; background: #FFFFFF; border: 1px solid #999999; border-radius: 20px; position: absolute; top: 0; bottom: 0; right: 56px; -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; } .agent_approval-switch-checkbox-1:checked + .agent_approval-switch-label-1 .agent_approval-switch-inner-1, .agent_approval-switch-checkbox-2:checked + .agent_approval-switch-label-2 .agent_approval-switch-inner-2 { margin-left: 0; } .agent_approval-switch-checkbox-1:checked + .agent_approval-switch-label-1 .agent_approval-switch-switch-1, .agent_approval-switch-checkbox-2:checked + .agent_approval-switch-label-2 .agent_approval-switch-switch-2 { right: 0px; } #search_btn3 { background:#919191; color:white; padding: 5px 33px; height: 15px; border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius:5px 5px 5px 5px; -o-border-radius:5px 5px 5px 5px; border:0 none; } #search_box2 { padding: 4px 5px; height: 20px; margin:0 0 0 10px; border-radius:10px 0 0 10px; -moz-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; -o-border-radius:5px 0 0 5px; } .select-box{ background: #ffffff; border: 1px solid #bfbfbf; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align:left; font-size:12px; color:#0c2245; } agent-list{ text-decoration:underline; font-family: 'Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'SimHei', 'GulimChe', sans-serif; color: #08c; } agent-list:hover {text-decoration:none; font-family: 'Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'SimHei', 'GulimChe', sans-serif; color: #0cd032;} agent-list2{ text-decoration:underline; font-family: 'Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'SimHei', 'GulimChe', sans-serif; color: #c011c0; } agent-list2:hover {text-decoration:none; font-family: 'Arial', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'SimHei', 'GulimChe', sans-serif; color: #cb8900;} #agent_btn {width:94px; height:22px; padding:2px 0 0 0; text-align:center; background:url(/images/btn/btn_bg02.png); background-repeat:no-repeat; float:left; cursor: pointer; color:#ffffff;} #agent_btn a { color:#ffffff; text-decoration:none;} #agent_btn a:hover { color:#ffffff; text-decoration:none;} #download_jtx_btn { cursor: pointer; float: right; width: 100px; border-radius: 3px; font-weight: normal; background: #58DB34; /* padding: 0.1875rem 1rem;*/ padding: 2px 5px; margin-left: 5px; color: white; text-align: center; } #ce_stop_btn { width:400px; height:50px; padding:14px 0 0 0; background:url(/images/btn/ce_order_btn_stopped.jpg); background-repeat:no-repeat; font-weight:bold; color:#fff; text-align:center; margin:30px -130px; cursor: pointer;} /* 451 end*/ /*concierge_translation*/ #btn13 {width:94px; height:26px; padding:2px 0 0 0; text-align:center; background:url(/images/btn/btn_bg12.png); background-repeat:no-repeat; float:left; margin:30px 10px; color:#ffffff; cursor: pointer;} #btn13 a { color:#ffffff; text-decoration:none;} #btn13 a:hover { color:#ffffff; text-decoration:none;} #btn14 {width:94px; height:26px; padding:2px 0 0 0; text-align:center; background:url(/images/btn/btn_bg11.png); background-repeat:no-repeat; float:left; margin:30px 10px; color:#ffffff; display:inline-block; cursor: pointer;} #btn14 a { color:#ffffff; text-decoration:none;} #btn14 a:hover { color:#ffffff; text-decoration:none;}