/* ---------------------------------------------------------------------- smart phone setting ---------------------------------------------------------------------- */ body { margin:0; padding:0; font-family:"Century Gothic",Arial,sans-serif; color:#333; } #container { width: 100%; position: relative; } #contents { position:relative; padding:0; } #main_content { max-width: 100%; margin:0 10px; } #main_content p { line-height: 1.5em; margin-bottom: 1em; } #main_content a { text-decoration: none; } #side_col, #side_col2 { margin:40px 0 0; padding:30px 10px 20px; background: url("img/common/side_colBg.png") left top repeat-x; background-color: #f9f9f9; } #side_col a { text-decoration: none; } /* breadcrumb */ .breadcrumbs { font-size: 12px; line-height: 12px; height: 30px; display: table-cell; vertical-align: middle;} .breadcrumbsH { background: url("img/common/listArrow02.png") 98% 50% no-repeat; float: left; } .breadcrumbs a { text-decoration: none!important; } /* headline */ .headline1 { margin:0 0 20px 0; padding:0; line-height:100%; font-size:16px; color:#e48898; } .headline1 span { margin:0 0 0 15px; font-size:14px; color:#333; } #main_content .contents_header { min-height: 70px; margin:10px 0 20px 0; background: url("img/common/main_h2Bg.png") left bottom no-repeat; } #main_content h3 { margin: 2em 0 0.5em 0; padding: 0 0 5px 0; font-size: 18px; color: #00008b; border-bottom: 2px dotted #ccc; } #main_content h4 { margin: 1.75em 0 0.25em 0; padding: 0 0 0 0.5em; border-left: 5px solid #00008b; } #main_content h5 { margin: 0.25em 0; padding: 0 0 0 0.5em; font-size: 16px; color: #00008b; border-left: 5px solid #ccc; } #page_headline { display: table-cell; font-size:20px; height: 60px; padding:0 0 0 20px; line-height:110%; vertical-align: middle; color:#e48898; } /* post date */ .post_date { width:50px; height:50px; text-align:center; margin:0; line-height:100%; padding:0; position:relative; float:left; font-size:12px; } .post_date .date { width:50px; height:25px; line-height:25px; positiion:absolute; top:0px; left:0px; background:#c46780; color:#fff; display:block; -moz-border-radius:5px 5px 0 0; -khtml-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; } .post_date .month { width:50px; height:25px; line-height:25px; positiion:absolute; bottom:0px; left:0px; background:#e48898; color:#fff; display:block; -moz-border-radius:0 0 5px 5px; -khtml-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; } /* mobile banner */ #mobile_banner_top { text-align:center; } #mobile_banner_top img { display:block; margin:0 auto; height:auto; max-width:100%; width:auto; } #mobile_banner_bottom { text-align:center; padding:0 0 60px 0; } #mobile_banner_bottom img { display:block; margin:0 auto; height:auto; max-width:100%; width:auto; } /* category page */ .category_header h2 img { max-width: 100%; max-height: auto; margin-top: -7px; } .child_pages .child_page { width: 50%!important; } /* ---------------------------------------------------------------------- not found ---------------------------------------------------------------------- */ #not-found { margin: 10px; } #not-found img { width: 100%; height: auto; } #not-found_headline { font-size: 24px; padding: 40px; text-align: center; } /* ---------------------------------------------------------------------- index, post list ---------------------------------------------------------------------- */ /* main_image */ #main_image { margin:0 10px 30px; } #main_image img { display:block; height:auto; max-width:100%; width:auto; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } /* post list */ .post_item { margin:0 0 10px 0; padding:0 0 10px 0; line-height:100%; font-size:12px; background:url("img/common/dot1.gif") repeat-x left bottom; } .post_item .image { float:left; display:block; position:relative; width:28%; } .post_item .image img { width:100%; height:auto; -moz-border-radius:7px; -khtml-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; } .post_item .info { width:69%; float:right; } .post_item .meta { margin:0 0 5px 0; } .post_item ul { float:left; margin:4px 0 0 10px; } .post_item ul li { background:none; margin:0 0 9px 0; padding:0; font-size:11px; line-height:150%; } .post_item ul li a { text-decoration:none; color:#666; } .post_item ul li a:hover { color:#e48898; text-decoration:underline; } .post_item ul li.archive_date { background:url("img/common/calendar.gif") no-repeat left 2px; padding:0 0 0 20px; float:left; margin:0 20px 0 0; } .post_item ul li.post_category { background:url("img/common/icon_category.png") no-repeat 1px 2px; padding:0 0 0 17px; float:left; } .post_item ul li.post_comment { background:url("img/common/icon_comment.png") no-repeat left; padding:0 0 0 17px; clear:left; } .post_item .title { line-height:190%; font-size:16px; margin:0 0 10px 0; padding:0; } .post_item .title a { color:#e48898; display:block; text-decoration:none; } .post_item .title a:hover { color:#c46780; text-decoration:underline; } .post_item .desc { line-height:190%; font-size:12px; margin:0; padding:0; } .post_item .archive_link { position:absolute; right:0px; top:-2px; } .post_item.no_thumbnail .info { float:none; width:auto; } .post_item.no_thumbnail ul { width:auto; } /* loading */ #load_post { text-align:center; padding:0; height:60px; position:relative; } #load_post a { color:#333; display:inline-block; background:#ddd; text-decoration:none; height:40px; line-height:40px; padding:0 30px; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size:12px; } #load_post a:hover { color:#fff; background:#e48898; } #infscr-loading { text-align:center; z-index:100; width:200px; height:80px; position:absolute; bottom:0px; left:23%; font-size:12px; } #infscr-loading img { display:block; margin:0 auto; } /* ---------------------------------------------------------------------- single post page ---------------------------------------------------------------------- */ #single_title_area { min-height: 70px; margin:10px 0 20px 0; background: url("img/common/main_h2Bg.png") left bottom no-repeat; } /* title category */ #single_title_area .meta { margin:10px 0 0 0; } #post_title { display: table-cell; font-size:20px; height: 60px; padding:0 0 0 20px; line-height:110%; vertical-align: middle; color:#e48898; } #single_title_area .meta ul { display: none; } #single_title_area .meta ul li { float:left; font-size:11px; margin:0 10px 5px 0; } #single_title_area .meta ul li a { text-decoration:none; color:#666; } #single_title_area .meta ul li a:hover { color:#e48898; text-decoration:underline; } #single_title_area .meta ul li.archive_date { background:url("img/common/calendar.gif") no-repeat left 2px; padding:1px 0 1px 20px; } #single_title_area .meta ul li.post_category { background:url("img/common/icon_category.png") no-repeat left; padding:0 0 0 15px; } #single_title_area .meta ul li.post_tag { background:url("img/common/icon_tag.png") no-repeat left; padding:0 0 0 17px; } #single_title_area .meta ul li.post_author { background:url("img/common/icon_author.png") no-repeat left; padding:0 0 0 17px; } #single_title_area .meta ul li.post_comment { background:url("img/common/icon_comment.png") no-repeat left; padding:0 0 0 19px; } #single_title_area .post_date { display: none; } /* thumbnail */ .post_image { text-align:center; margin:0 0 25px 0; } .post_image img { -moz-border-radius:7px; -khtml-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; } /* post image */ .post img.alignleft, div.alignleft, .post img.alignright, div.alignright { margin: 0 auto 10px; display: block; } .alignleft, .alignright { float: none; } /* next page */ #post_pagination { margin:0 0 30px 0; clear:both; } #post_pagination h5 { margin:0 10px 0 0; float:left; line-height:30px; font-size:12px; } #post_pagination a, #post_pagination p { float:left; display:inline-block; background:#eee; margin:0 5px 0 0; width:30px; height:30px; line-height:30px; text-align:center; text-decoration:none; color:#333; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size:12px; } #post_pagination p { background:#999; color:#fff; } #post_pagination a:hover { background:#e48898; color:#fff; } /* next prev post link */ #previous_next_post { margin:0 0 35px 0; padding:15px 0 0 0; clear:both; } #previous_next_post p { font-size:11px; margin:0 0 5px 0; line-height:160%; } #previous_next_post a { display:block; padding:10px; background:#f2f2f2; text-decoration:none; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } #previous_next_post a:hover { background-color:#e48898; color:#fff; } #previous_post a { background:#f2f2f2 url("img/common/arrow_left.png") no-repeat 14px 14px; padding-left:35px; } #next_post a { text-align:right; background:#f2f2f2 url("img/common/arrow_right.png") no-repeat right 14px top 14px; padding-right:35px; } /* bookmark */ .post .bookmark { float:right; margin:0; padding:0; } .post .bookmark li { background:none; padding:0; float:left; margin:0 0 0 10px; } /* related post*/ #related_post { margin:0 0 60px 0; background:#f2f2f2; -moz-border-radius:7px; -khtml-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; padding:15px 15px 1px 15px; } #related_post .post_date { width:60px; height:60px; margin:0 15px 0 0; } #related_post .post_date .date { width:60px; height:30px; line-height:30px; } #related_post .post_date .month { width:60px; height:30px; line-height:30px; } #related_post ul { margin:0; } #related_post li { margin:0 0 15px 0; } #related_post .image { float:left; margin:0 15px 0 0; } #related_post .image img { width:60px; height:60px; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } #related_post .title { font-size:14px; margin:0; font-weight:normal; } #related_post .title a { display:block; text-decoration:none; } #related_post .title a:hover { text-decoration:underline; } #related_post .post_date2 { font-size:12px; margin:0; color:#c46780; font-weight:bold; } /* comment */ #comments { margin:0 0 40px 0; } .comment-meta-left { float:left; width:auto; min-width:150px; } .comment-content { padding:0; } #submit_comment { width:100%; -webkit-appearance:none; } #trackback_url_area input, .three_column #trackback_url_area input { padding:5px 2%; width:96%; border:none; background:#eee; } #guest_info input, #comment_textarea textarea { -webkit-appearance:none; -moz-border-radius:0; -khtml-border-radius:0; -webkit-border-radius:0; border-radius:0; } /* ws list */ .cate_select { margin:0; padding:0; width: 100%; height: 50px; } .cate_select li { padding: 0; position: absolute; } .cate_select ul li, .cate_select ul li a { width: 33px; height: 50px; margin: 0; display: block; text-indent: 100%; overflow: hidden; white-space: nowrap; } .cate_select ul li#cate_all { margin-left: 0; } .cate_select ul li#cate_all a { background: url("img/common/wsListBnr_sp.jpg") 0 0 no-repeat; opacity: 0.6; } .cate_select ul li#cate_intro { margin-left: 33px; } .cate_select ul li#cate_intro a { background: url("img/common/wsListBnr_sp.jpg") -33px 0 no-repeat; opacity: 0.6; } .cate_select ul li#cate_basic { margin-left: 66px; } .cate_select ul li#cate_basic a { background: url("img/common/wsListBnr_sp.jpg") -66px 0 no-repeat; opacity: 0.6; } .cate_select ul li#cate_brushup { margin-left: 99px; } .cate_select ul li#cate_brushup a { background: url("img/common/wsListBnr_sp.jpg") -99px 0 no-repeat; opacity: 0.6; } .cate_select ul li#cate_special { margin-left: 132px; } .cate_select ul li#cate_special a { background: url("img/common/wsListBnr_sp.jpg") -132px 0 no-repeat; opacity: 0.6; } .cate_select ul li#cate_getsurei { margin-left: 165px; } .cate_select ul li#cate_getsurei a { background: url("img/common/wsListBnr_sp.jpg") -165px 0 no-repeat; opacity: 0.6; } .cate_select ul li#cate_hidamari { margin-left: 198px; } .cate_select ul li#cate_hidamari a { background: url("img/common/wsListBnr_sp.jpg") -198px 0 no-repeat; opacity: 0.6; } .cate_select ul li#cate_forcompany { margin-left: 231px; } .cate_select ul li#cate_forcompany a { background: url("img/common/wsListBnr_sp.jpg") -231px 0 no-repeat; opacity: 0.6; } .cate_select ul li#cate_license { margin-left: 264px; } .cate_select ul li#cate_license a { background: url("img/common/wsListBnr_sp.jpg") -264px 0 no-repeat; opacity: 0.6; } .cate_select ul li#cate_others { margin-left: 297px; } .cate_select ul li#cate_others a { background: url("img/common/wsListBnr_sp.jpg") -297px 0 no-repeat; opacity: 0.6; } #cate_select_all { border-bottom: 5px solid #333; } #cate_select_intro { margin-bottom: 1em; border-bottom: 5px solid #629e44; } #cate_select_basic { margin-bottom: 1em; border-bottom: 5px solid #ff5a36; } #cate_select_brushup { margin-bottom: 1em; border-bottom: 5px solid #b90b50; } #cate_select_special { margin-bottom: 1em; border-bottom: 5px solid #e75685; } #cate_select_getsurei { margin-bottom: 1em; border-bottom: 5px solid #146eb4; } #cate_select_hidamari { margin-bottom: 1em; border-bottom: 5px solid #ff8c00; } #cate_select_forcompany { margin-bottom: 1em; border-bottom: 5px solid #030; } #cate_select_license { margin-bottom: 1em; border-bottom: 5px solid #e6b422; } #cate_select_others { margin-bottom: 1em; border-bottom: 5px solid #999; } #cate_all a:hover, #cate_all a:visited:hover, #cate_all a.selected:link, #cate_all a.selected:visited, #cate_intro a:hover, #cate_intro a:visited:hover, #cate_intro a.selected:link, #cate_intro a.selected:visited, #cate_basic a:hover, #cate_basic a:visited:hover, #cate_basic a.selected:link, #cate_basic a.selected:visited, #cate_brushup a:hover, #cate_brushup a:visited:hover, #cate_brushup a.selected:link, #cate_brushup a.selected:visited, #cate_special a:hover, #cate_special a:visited:hover, #cate_special a.selected:link, #cate_special a.selected:visited, #cate_getsurei a:hover, #cate_getsurei a:visited:hover, #cate_getsurei a.selected:link, #cate_getsurei a.selected:visited, #cate_hidamari a:hover, #cate_hidamari a:visited:hover, #cate_hidamari a.selected:link, #cate_hidamari a.selected:visited, #cate_company a:hover, #cate_company a:visited:hover, #cate_company a.selected:link, #cate_company a.selected:visited, #cate_license a:hover, #cate_license a:visited:hover, #cate_license a.selected:link, #cate_license a.selected:visited, #cate_others a:hover, #cate_others a:visited:hover, #cate_others a.selected:link, #cate_others a.selected:visited { opacity: 1!important; } /* reservflow*/ #reservflow dl { width: 100%; margin: 0 auto; overflow: hidden; } #reservflow dt { width: 250px; margin: 0 auto; float: none; } #reservflow dd { width: 244px; line-height: 1.8em; float: none; border-top: 3px solid #eaeaea; margin: 0 auto; padding: 5px 8px 115px 8px; background: url('img/common/reservflow-allow.png') bottom center no-repeat; } .reservflowLastChild { width: 238px!important; border: 3px solid #eaeaea; padding-bottom: 5px!important; background: none!important; } /* news list */ .newsCate_select { margin:0; padding:0; width: 100%; height: 40px; } .newsCate_select li { padding: 0; position: absolute; } .newsCate_select ul li, .newsCate_select ul li a { width: 33px; height: 40px; margin: 0; display: block; text-indent: 100%; overflow: hidden; white-space: nowrap; } .newsCate_select ul li#newsCate_all { margin-left: 0; } .newsCate_select ul li#newsCate_all a { background: url("img/common/newsListBnr_sp.jpg") 0 0 no-repeat; opacity: 0.6; } .newsCate_select ul li#newsCate_info { margin-left: 33px; } .newsCate_select ul li#newsCate_info a { background: url("img/common/newsListBnr_sp.jpg") -33px 0 no-repeat; opacity: 0.6; } .newsCate_select ul li#newsCate_update { margin-left: 66px; } .newsCate_select ul li#newsCate_update a { background: url("img/common/newsListBnr_sp.jpg") -66px 0 no-repeat; opacity: 0.6; } .newsCate_select ul li#newsCate_ws-region { margin-left: 99px; } .newsCate_select ul li#newsCate_ws-region a { background: url("img/common/newsListBnr_sp.jpg") -99px 0 no-repeat; opacity: 0.6; } .newsCate_select ul li#newsCate_ws-fa { margin-left: 132px; } .newsCate_select ul li#newsCate_ws-fa a { background: url("img/common/newsListBnr_sp.jpg") -132px 0 no-repeat; opacity: 0.6; } #newsCate_select_all { border-bottom: 3px solid #333; } #newsCate_select_info { border-bottom: 5px solid #308c8c; } #newsCate_select_update { border-bottom: 5px solid #8c5230; } #newsCate_select_ws-region { margin-bottom: 1em; border-bottom: 5px solid #8b7200; } #newsCate_select_ws-fa { margin-bottom: 1em; border-bottom: 5px solid #ff6347; } #newsCate_all a:hover, #newsCate_all a:visited:hover, #newsCate_all a.selected:link, #newsCate_all a.selected:visited, #newsCate_info a:hover, #newsCate_info a:visited:hover, #newsCate_info a.selected:link, #newsCate_info a.selected:visited, #newsCate_update a:hover, #newsCate_update a:visited:hover, #newsCate_update a.selected:link, #newsCate_update a.selected:visited, #newsCate_ws-region a:hover, #newsCate_ws-region a:visited:hover, #newsCate_ws-region a.selected:link, #newsCate_ws-region a.selected:visited, #newsCate_ws-fa a:hover, #newsCate_ws-fa a:visited:hover, #newsCate_ws-fa a.selected:link, #newsCate_ws-fa a.selected:visited { opacity: 1!important; } /* intro course */ #intro-problem { background: url("img/common/intro_womanS.png") left bottom no-repeat; margin-bottom: 15px; padding: 5px 10px; } #intro-problem ul { margin-left: 140px; } #intro-problem ul li { color: #fff; font-weight: bold; list-style: none; margin: 10px 0; padding: 5px 10px; background: #629e44; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #containerIntro { background: url("img/common/pageBgIntro.png") right bottom no-repeat; color: #fff; margin-bottom: 15px; padding: 10px 20px 60px 20px; } #containerIntro h4 { margin-top: 0; padding-bottom: 20px; padding-left: 60px; font-size: 1.25em; line-height: 1.3em; border: none; height: 50px; background: url("img/common/goalIntro.png") left top no-repeat; vertical-align: middle; display: table-cell; } #containerIntro dt { line-height: 1.8em; margin-top: 15px; padding-left: 0.5em; border-left: 5px solid #ccc; } #containerIntro dd { line-height: 1.8em; margin-left: 1em; } /* basic course */ #kinds-of-course li { list-style: none; } #containerPC { background: url("img/common/pageBgPC.png") right bottom no-repeat; color: #fff; margin-bottom: 15px; padding: 10px 20px 60px 20px; } #containerPC h4 { margin-top: 0; padding-bottom: 20px; padding-left: 60px; font-size: 1.25em; line-height: 1.3em; border: none; height: 50px; background: url("img/common/goalPC.png") left top no-repeat; vertical-align: middle; display: table-cell; } #containerSC { background: url("img/common/pageBgSC.png") right bottom no-repeat; color: #fff; margin-bottom: 15px; padding: 10px 20px 60px 20px; } #containerSC h4 { margin-top: 0; padding-bottom: 20px; padding-left: 60px; font-size: 1.25em; line-height: 1.3em; border: none; height: 50px; background: url("img/common/goalSC.png") left top no-repeat; vertical-align: middle; display: table-cell; } #containerAC { background: url("img/common/pageBgAC.png") right bottom no-repeat; color: #fff; margin-bottom: 15px; padding: 10px 20px 60px 20px; } #containerAC h4 { margin-top: 0; padding-bottom: 20px; padding-left: 60px; font-size: 1.25em; line-height: 1.3em; border: none; height: 50px; background: url("img/common/goalAC.png") left top no-repeat; vertical-align: middle; display: table-cell; } #containerPC ol, #containerSC ol, #containerAC ol { margin-bottom: 0; } #containerSC h5, #containerAC h5 { margin-top: 15px; color: #fff; } /* result */ #wsArchive .event-categories { display: none; } /* other */ #lectureApp, #mailMagJoin { margin: 20px auto; max-width: 350px; height: 50px; } /* officemap */ #qualified_list .post_item img { margin: 1em auto; display: block; } #officemap { position: relative!important; padding-bottom: 75%; height: 0; overflow: hidden; } /* mailmagazine backnumber */ #maglist { width: 20.25em; } #mdWindow { width: 90%; height: 500px; } #contWrap { width: 100%; height: 460px; } /* qualified */ #qualified_list .post_item .info { width: auto; font-size: 16px; float: none; } #qualified_list .post_item h3 { line-height: normal; } #qualified_list .post_item h4{ margin-top: 0.25em; } /* FAQ */ p.question { height: 50px; cursor: pointer; font-size: 10px; } p.question:hover { text-decoration: underline; } p.answer { background: #f6f6f6; clear: both; font-size: 12px; margin-left: 1em; padding: 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .qusNo { width: 50px; height: 50px; display: block; float: left; margin-right:10px; font-size: 20px; font-weight: bold; line-height: 23px; text-align: center; color: #fff; background: #146eb4; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } /* cart */ .cartjs_product_table table { width: 80%!important; } /* articles */ #main_content #artTitle { font-size: 1.5em; font-weight: bold; } #main_content #articles p { text-indent: 1.25em; margin: 0; } #main_content #articles ol { margin-bottom: 0; } #main_content #articles ol.paren { list-style: none; text-indent: -1.25em; } #main_content #articles ol.circle { list-style: none; text-indent: -1em; } #main_content #articles table { margin: 0; } #main_content #articles td { padding: 0; border: none; background: none; } /* ---------------------------------------------------------------------- side content ---------------------------------------------------------------------- */ .side_widget { max-width: 500px; margin:0 auto 25px; font-size:14px; } .side_widget ul { margin:0; } .side_widget li ul { margin:10px 0 0 0; } .side_widget li { line-height:170%; margin:0 0 10px 1em; padding:0 0 0 9px; background: url("img/common/listArrow0101.png") 0% 50% no-repeat; } .side_widget a { } .side_widget img { height:auto; max-width:100%; width:auto; } .side_headline { margin:0 0 15px 0; padding:0 0 15px 0; line-height:100%; font-size:16px; color:#e48898; background:url("img/common/dot1.gif") repeat-x left bottom; } .side_headline u { text-decoration: none; -webkit-margin-after: 0.5em; padding-bottom: 10px; border-bottom: 3px solid #ccc; } .widget_em_widget { margin-bottom: 0; } .widget_em_widget li { background: none; padding: 5px 0; margin:0; border-top: 1px dotted #ccc; } .widget_em_widget li:first-child { border-top: none; } .side_widget .em-calendar { border: 1px solid #ccc; background-color: #f6f6f6; } .textwidget { padding: 8px; border: 1px solid #ccc; background-color: #f6f6f6; } .textwidget h4 { margin: 0.25em 0; } .textwidget dt { margin: 0.25em 0; font-weight: bold; } .textwidget dd { font-size: 13px; margin-left: 12px; } #em_widget-3 ul { padding: 5px 8px; border: 1px solid #ccc; background-color: #f6f6f6; } #em_widget-3 .license { width: 68px; height: auto; display: block; float: left; background: url("img/common/cateBnr_licenseS.jpg") 0% 50% no-repeat; text-indent: 100%; overflow: hidden; white-space: nowrap; } #em_widget-3 .intro { width: 68px; height: auto; display: block; float: left; background: url("img/common/cateBnr_introS.jpg") 0% 50% no-repeat; text-indent: 100%; overflow: hidden; white-space: nowrap; } #em_widget-3 .basic { width: 68px; height: auto; display: block; float: left; background: url("img/common/cateBnr_basicS.jpg") 0% 50% no-repeat; text-indent: 100%; overflow: hidden; white-space: nowrap; } #em_widget-3 .brushup { width: 68px; height: auto; display: block; float: left; background: url("img/common/cateBnr_brushupS.jpg") 0% 50% no-repeat; text-indent: 100%; overflow: hidden; white-space: nowrap; } #em_widget-3 .special { width: 68px; height: auto; display: block; float: left; background: url("img/common/cateBnr_specialS.jpg") 0% 50% no-repeat; text-indent: 100%; overflow: hidden; white-space: nowrap; } #em_widget-3 .forcompany { width: 68px; height: auto; display: block; float: left; background: url("img/common/cateBnr_forcompanyS.jpg") 0% 50% no-repeat; text-indent: 100%; overflow: hidden; white-space: nowrap; } #em_widget-3 .getsurei { width: 68px; height: auto; display: block; float: left; background: url("img/common/cateBnr_getsureiS.jpg") 0% 50% no-repeat; text-indent: 100%; overflow: hidden; white-space: nowrap; } #em_widget-3 .hidamari { width: 68px; height: auto; display: block; float: left; background: url("img/common/cateBnr_hidamariS.jpg") 0% 50% no-repeat; text-indent: 100%; overflow: hidden; white-space: nowrap; } #em_widget-3 .others { width: 68px; height: auto; display: block; float: left; background: url("img/common/cateBnr_othersS.jpg") 0% 50% no-repeat; text-indent: 100%; overflow: hidden; white-space: nowrap; } #theme-my-login1 { padding: 8px; border: 1px solid #ccc; background-color: #f6f6f6; } #theme-my-login1 form { margin: 0 auto; } #theme-my-login1 form:before { content: "ワークショップの予約はログインしてから！"; font-weight: bold; color:#e82727; } p.tml-user-login-wrap { margin-top: 10px; } #searchform { margin-bottom: 20px; } #text-11 { margin-bottom: 0; } /*#text-11 .textwidget { font-size: 12px; margin-bottom: 30px; padding: 0; border: none; background: none; }*/ #text-9 { margin-bottom: 0; } #text-9 .textwidget { padding: 0 0 8px 0; border: none; background: none; text-align: right; } #text-5 { padding: 8px 0; text-align: center; border: 1px solid #ccc; background-color: #f6f6f6; } #text-5 .side_headline { margin:0; padding:0; line-height:100%; font-size:14px; color:#e82727; background:none; } #text-5 .side_headline u { border-bottom: none;} #text-5 .textwidget { padding: 0; border: none; background-color: inherit; } #wsLoginBnr { margin: 10px auto; border:none; background:#ccc url("img/common/wsLoginBnr.png") no-repeat center; height:30px; width:200px; text-indent: 100%; overflow: hidden; white-space: nowrap; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } #wsLoginBnr a { display: block; } #wsLoginBnr:hover { background-color: #146eb4; -webkit-transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; -ms-transition: 400ms ease-in-out; transition: 400ms ease-in-out; } #loginNotice { width: 120px; font-size: 12px; position: relative; left: 65%; top: 140px; } #wsBgnr { padding-left: 20px; background: url("img/common/wsBgnr.png") 0% 50% no-repeat; } #magjoinBnr { margin: 10px auto; border:none; background:#ccc url("img/common/magjoinBnr.png") no-repeat center; height:30px; width:200px; text-indent: 100%; overflow: hidden; white-space: nowrap; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } #magjoinBnr a { display: block; } #magjoinBnr:hover { background-color: #146eb4; -webkit-transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; -ms-transition: 400ms ease-in-out; transition: 400ms ease-in-out; } #magmag { text-align: right; } #joinBnr { margin: 10px auto; background: #ccc url("img/common/joinBnr.png") no-repeat center; height:30px; width:180px; text-indent: 100%; overflow: hidden; white-space: nowrap; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } #joinBnr a { display: block; } #joinBnr:hover { background-color: #146eb4; -webkit-transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; -ms-transition: 400ms ease-in-out; transition: 400ms ease-in-out; } /* banner */ .ad_widget1 { background:none; border:none; padding:0; text-align:center; } .ad_widget2 { background:none; border:none; padding:0; text-align:center; } /* calendar */ #wp-calendar { margin:0 auto; width:100%; font-size:11px; border-collapse:separate; table-layout:fixed; } #wp-calendar th, #wp-calendar td { color:#333; padding:0; line-height:350%; text-align:center; } #wp-calendar td a { display:block; margin:0; padding:0; text-decoration:none; color:#333; background-color:#ddd; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } #wp-calendar td a:hover { text-decoration:none; color:#fff; background:#e48898; -webkit-transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; -ms-transition: 400ms ease-in-out; transition: 400ms ease-in-out; } #wp-calendar caption { padding:7px 0; } #wp-calendar thead th, #wp-calendar tfoot td { border:none; padding:0; line-height:200%; } #wp-calendar #prev, #wp-calendar #next { line-height:200%; padding-top:12px; } #wp-calendar #prev a, #wp-calendar #next a { text-decoration:none; background:none; color:#333; } #wp-calendar #prev a:hover, #wp-calendar #next a:hover { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#fff; background:#e48898; -webkit-transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; -ms-transition: 400ms ease-in-out; transition: 400ms ease-in-out; } #wp-calendar td#today { color:#fff; background:#c1c1c1; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } /* orginal widget post list */ .widget_post_list { margin:0; } .widget_post_list li { background:none; padding:0 0 10px 0; margin:0 0 10px 0; background:url("img/common/dot1.gif") repeat-x left bottom; } .widget_post_list li.last { background:none; margin:0; } .widget_post_list .image { float:left; display:block; margin:0 15px 0 0; } .widget_post_list .image img { width:60px; height:60px; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .widget_post_list .post_date { width:60px; height:60px; margin:0 15px 0 0; } .widget_post_list .post_date .date { width:60px; height:30px; line-height:30px; } .widget_post_list .post_date .month { width:60px; height:30px; line-height:30px; } .widget_post_list .title { font-size:14px; margin:0; font-weight:normal; } .widget_post_list .title a { display:block; text-decoration:none; } .widget_post_list .title a:hover { text-decoration:underline; } .widget_post_list .post_date2 { font-size:12px; margin:0; color:#c46780; font-weight:bold; } /* search */ .widget_search { margin-bottom: 0; } .widget_search label { display:none; } .widget_search #search-box, .widget_search #s { width:70%; height:33px; margin:0 9px 10px 0; border:1px solid #ccc; background:#f2f2f2; padding:0 3%; box-shadow:2px 2px 3px 0px #ddd inset; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } .widget_search #search-btn input, .widget_search #searchsubmit { border:none; float:right; margin-right: 5px; background:#ccc url("img/common/icon_search.png") no-repeat center; height:35px; width:18%; text-indent: 200%; overflow: hidden; white-space: nowrap; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } .widget_search #search-btn input:hover, .widget_search #searchsubmit:hover { background-color:#146eb4; cursor:pointer; -webkit-transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; -ms-transition: 400ms ease-in-out; transition: 400ms ease-in-out; } h4.search { margin-top: 0!important; } /* archive category dropdown */ .widget_archive select, .widget_categories select { border:1px solid #ddd; padding:6px 10px; width:100%; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; margin:0 0 20px 0; } /* ---------------------------------------------------------------------- header ---------------------------------------------------------------------- */ #headerNav { background: #72b8ef; } #headerUtility { max-width: 100%; padding: 5px 0 0 0; float: right; } #utilityNav { float: left; margin-right: 10px; } #utilityNav ul { margin: 0; } #utilityNav ul li { float: left; padding-right: 15px; margin-bottom: 0.5em; font-size: 12px; line-height: 1.25em; text-indent: 1em; background: url("img/common/listArrow0101.png") 0% 50% no-repeat; } #utilityNav ul li a { text-decoration: none; color: #333; } #utilityNav ul li a:hover { color: #146eb4; } #loggedInfo { margin-right: 5px; padding-bottom: 5px; clear: both; text-align: right; color: #00008b; font-size: 16px; font-weight: bold; } #loggedInfo a { margin-left: 5px; padding: 2px; text-decoration: none; background:#ccc; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } #loggedInfo a:hover { background-color:#146eb4; text-decoration: none!important; } #loggedInfo span#profile:before, #loggedInfo span#login:before { content:"\A"; white-space: pre; } #site_description { position:relative; z-index:10; background:#72b8ef; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); width:100%; } #site_description h1 { line-height:120%; margin:0 auto; position:relative; font-size:11px; color:#fff; font-weight:normal; text-align:center; padding:5px 0 6px; } /* menu area */ #header_top { position:relative;/* background:#c46780;*/ z-index:9; margin:0; margin:0 auto; position:relative; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); min-height:47px; } /* global menu */ #header_top a.menu_button { position:absolute; right:10px; top:8px; margin:0; display:block; font-size:11px; color:#fff; padding:0 10px; line-height:30px; text-decoration:none; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:1px solid #aaa; } #header_top a.menu_button:hover { border:1px solid #e48898; background:#e48898; color:#fff; } #header_top a.active { border:1px solid #e48898; color:#fff; background:#e48898; box-shadow:1px 1px 2px rgba(0,0,0,0.2) inset; } #global_menu { display:none; clear:both; width:100%; margin:0 0 12px 0; top:13px; position:relative; } #global_menu ul { margin:0; } #global_menu a { display:block; text-decoration: none!important; border:1px solid #bbb; margin:0 0 -1px 0; padding:4px 10px 0 22px; line-height:40px; text-decoration:none; background:#eee url("img/common/listArrow0101.png") no-repeat 11px 21px; color:#333; font-size:12px; } #global_menu a:hover { background-color:#e48898; color:#fff; } #global_menu ul ul a { background:#eee url("img/common/listArrow02.png") no-repeat 24px 21.5px; padding:4px 0 0 34px; } #global_menu ul ul ul a { background:#eee url("img/common/arrow4.png") no-repeat 36px 21.5px; padding:4px 0 0 46px; } #global_menu ul ul ul ul a { background:#eee url("img/common/arrow4.png") no-repeat 56px 21.5px; padding:4px 0 0 57px; } /* social link */ #header_top .social_link { position:absolute; right:75px; top:12px; margin:0; } .social_link li { float:left; margin:0 0 0 5px; } .social_link li a { display:block; text-decoration:none; } /* etc */ #header_logo { font-size:16px; font-weight:normal; margin:13px 0 0px 10px; padding:0; line-height:130%; float:left; width:190px; } #header_logo a { text-decoration:none; color:#fff; } /* logo area */ #header_bottom_wrap { background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7dbdf), color-stop(0.00, #ffffff)); background: -webkit-linear-gradient(#f7dbdf, #ffffff); background: -moz-linear-gradient(#f7dbdf, #ffffff); background: -o-linear-gradient(#f7dbdf, #ffffff); background: -ms-linear-gradient(#f7dbdf, #ffffff); background: linear-gradient(#f7dbdf, #ffffff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7dbdf', endColorstr='#ffffff', GradientType=0); } /* logo */ #logo_text, #logo_image { display:none; } #header_bottom { padding:0 0 20px 0; text-align:center; } #header_bottom img { display:block; height:auto; max-width:100%; width:auto; margin:0 auto; } /* ---------------------------------------------------------------------- footer ---------------------------------------------------------------------- */ /* footer bottom */ /* gotop */ .gotop { position:fixed; left: 50%; bottom: 0px; margin: 0 0 0 -30px; z-index: 0; } .gotop img { max-width: 60px; max-height: 60px; } .gotop a { width: 60px; height: 30px; display: block; } /* footer bottom */ #footer_bottom_wrap { min-height: 120px; background-color: #146eb4; color:#fff; } #footer_bottom_wrap a { color: #fff; } #footer_bottom_wrap a:hover { color:#00008b; } /*#footer_bottom_wrap { max-width:100%; position:relative; background:#c46780; z-index:9; color:#fff; position:relative; margin-top:20px; padding: 5px; text-align: center; }*/ #footer_bottom_wrap:before { content:''; height:50px; display:block; width:100%; position:absolute; top:-50px; left:0; background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffffff), color-stop(0.00, #f7dbdf)); background: -webkit-linear-gradient(#ffffff, #f7dbdf); background: -moz-linear-gradient(#ffffff, #f7dbdf); background: -o-linear-gradient(#ffffff, #f7dbdf); background: -ms-linear-gradient(#ffffff, #f7dbdf); background: linear-gradient(#ffffff, #f7dbdf); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7dbdf', GradientType=0); } #footerNav { display: none; } #copyright { margin:5px 0 10px 0; padding: 0 0.5em; text-align: center;} #copyright p { font-size: 12px; line-height: 1.8em; } #copyright p:first-child { margin-bottom: 0; } #copyright a { color:#fff; } #copyright a:hover { color: #00008b; } #footer_bottom .social_link { display:none; } /* return top */ #return_top { opacity:0.3; z-index:9; position:absolute; bottom:7px; right:7px; display:block; text-indent:100%; overflow:hidden; white-space:nowrap; width:33px; height:34px; margin:0; padding:0; background:url(img/footer/return_top.png) no-repeat; } #return_top:hover { opacity:0.7; } /* footerCredit */ #footerLogo { margin: 0 0 -10px 0; padding-top: 10px; } #footerLogo img { max-width: 90%; margin: 0 auto; } #address { margin-top: 10px; margin-bottom: 0; line-height: 1.5em; } #credit { padding: 0 0.5em; border-bottom: 1px solid #ccc; } #credit1 { font-size: 11px; text-align: center; } #credit2 { margin-bottom: 5px; } #alert { clear: both; margin-top: 10px; margin-bottom: 10px; text-align: left; font-size: 11px; line-height: 13px; } @media all and (-ms-high-contrast:none){ .input-field-confirmation label:after, .input-field-privacy_polisy label:after { display: none; } .input-field-privacy_polisy .input-group { margin-left: -4px!important; } } @media only screen and (max-width: 749px) and (min-width: 660px) { #main_content { width: 660px; margin:0 auto; } } @media only screen and (max-width: 659px) { /* ws list */ .cate_select { margin:0; padding:0; width: 100%; height: 50px; } .cate_select li { padding: 0; position: absolute; } .cate_select ul li, .cate_select ul li a { width: 33px; height: 50px; } .cate_select ul li#cate_all { margin-left: 0; } .cate_select ul li#cate_all a { background: url("img/common/wsListBnr_sp.jpg") 0 0 no-repeat; opacity: 0.6; } .cate_select ul li#cate_intro { margin-left: 33px; } .cate_select ul li#cate_intro a { background: url("img/common/wsListBnr_sp.jpg") -33px 0 no-repeat; opacity: 0.6; } .cate_select ul li#cate_basic { margin-left: 66px; } .cate_select ul li#cate_basic a { background: url("img/common/wsListBnr_sp.jpg") -66px 0 no-repeat; opacity: 0.6; } .cate_select ul li#cate_brushup { margin-left: 99px; } .cate_select ul li#cate_brushup a { background: url("img/common/wsListBnr_sp.jpg") -99px 0 no-repeat; opacity: 0.6; } .cate_select ul li#cate_special { margin-left: 132px; } .cate_select ul li#cate_special a { background: url("img/common/wsListBnr_sp.jpg") -132px 0 no-repeat; opacity: 0.6; } .cate_select ul li#cate_getsurei { margin-left: 165px; } .cate_select ul li#cate_getsurei a { background: url("img/common/wsListBnr_sp.jpg") -165px 0 no-repeat; opacity: 0.6; } .cate_select ul li#cate_hidamari { margin-left: 198px; } .cate_select ul li#cate_hidamari a { background: url("img/common/wsListBnr_sp.jpg") -198px 0 no-repeat; opacity: 0.6; } .cate_select ul li#cate_forcompany { margin-left: 231px; } .cate_select ul li#cate_forcompany a { background: url("img/common/wsListBnr_sp.jpg") -231px 0 no-repeat; opacity: 0.6; } .cate_select ul li#cate_license { margin-left: 264px; } .cate_select ul li#cate_license a { background: url("img/common/wsListBnr_sp.jpg") -264px 0 no-repeat; opacity: 0.6; } .cate_select ul li#cate_others { margin-left: 297px; } .cate_select ul li#cate_others a { background: url("img/common/wsListBnr_sp.jpg") -297px 0 no-repeat; opacity: 0.6; } #cate_all a:hover, #cate_all a:visited:hover, #cate_all a.selected:link, #cate_all a.selected:visited, #cate_intro a:hover, #cate_intro a:visited:hover, #cate_intro a.selected:link, #cate_intro a.selected:visited, #cate_basic a:hover, #cate_basic a:visited:hover, #cate_basic a.selected:link, #cate_basic a.selected:visited, #cate_brushup a:hover, #cate_brushup a:visited:hover, #cate_brushup a.selected:link, #cate_brushup a.selected:visited, #cate_special a:hover, #cate_special a:visited:hover, #cate_special a.selected:link, #cate_special a.selected:visited, #cate_getsurei a:hover, #cate_getsurei a:visited:hover, #cate_getsurei a.selected:link, #cate_getsurei a.selected:visited, #cate_hidamari a:hover, #cate_hidamari a:visited:hover, #cate_hidamari a.selected:link, #cate_hidamari a.selected:visited, #cate_forcompany a:hover, #cate_forcompany a:visited:hover, #cate_forcompany a.selected:link, #cate_forcompany a.selected:visited, #cate_license a:hover, #cate_license a:visited:hover, #cate_license a.selected:link, #cate_license a.selected:visited, #cate_others a:hover, #cate_others a:visited:hover, #cate_others a.selected:link, #cate_others a.selected:visited { opacity: 1!important; } /* news list */ .newsCate_select { margin:0; padding:0; width: 100%; height: 50px; } .newsCate_select li { padding: 0; position: absolute; } .newsCate_select ul li, .newsCate_select ul li a { width: 33px; height: 50px; } .newsCate_select ul li#newsCate_all { margin-left: 0; } .newsCate_select ul li#newsCate_all a { background: url("img/common/newsListBnr_sp.jpg") 0 0 no-repeat; opacity: 0.6; } .newsCate_select ul li#newsCate_info { margin-left: 33px; } .newsCate_select ul li#newsCate_info a { background: url("img/common/newsListBnr_sp.jpg") -33px 0 no-repeat; opacity: 0.6; } .newsCate_select ul li#newsCate_update { margin-left: 66px; } .newsCate_select ul li#newsCate_update a { background: url("img/common/newsListBnr_sp.jpg") -66px 0 no-repeat; opacity: 0.6; } .newsCate_select ul li#newsCate_ws-region { margin-left: 99px; } .newsCate_select ul li#newsCate_ws-region a { background: url("img/common/newsListBnr_sp.jpg") -99px 0 no-repeat; opacity: 0.6; } .newsCate_select ul li#newsCate_ws-fa { margin-left: 132px; } .newsCate_select ul li#newsCate_ws-fa a { background: url("img/common/newsListBnr_sp.jpg") -132px 0 no-repeat; opacity: 0.6; } #newsCate_all a:hover, #newsCate_all a:visited:hover, #newsCate_all a.selected:link, #newsCate_all a.selected:visited, #newsCate_info a:hover, #newsCate_info a:visited:hover, #newsCate_info a.selected:link, #newsCate_info a.selected:visited, #newsCate_update a:hover, #newsCate_update a:visited:hover, #newsCate_update a.selected:link, #newsCate_update a.selected:visited, #newsCate_ws-region a:hover, #newsCate_ws-region a:visited:hover, #newsCate_ws-region a.selected:link, #newsCate_ws-region a.selected:visited #newsCate_ws-fa a:hover, #newsCate_ws-fa a:visited:hover, #newsCate_ws-fa a.selected:link, #newsCate_ws-fa a.selected:visited { opacity: 1!important; } } @media only screen and (max-width: 659px) { /* quiz */ #qa_display dl { display: block!important; } #text_q dd { width: 100%; line-height: 1.5em; margin-top: 0.5em; } #text_s { text-align: left; } #text_s span:first-of-type { margin-left: 0.5em; } #text_s span.select_t8:after { content: '\A'; white-space: pre; } } @media only screen and (max-width: 561px) { /* quiz */ #text_s { text-align: left; } #text_s span:first-of-type { margin-left: 0.5em; } #text_s span.select_t7:after { content: '\A'; white-space: pre; } #text_s span.select_t8:after { content: none; } } @media only screen and (max-width: 531px) { /* quiz */ #text_s { text-align: left; } #text_s span:first-of-type { margin-left: 0.5em; } #text_s span.select_t6:after { content: '\A'; white-space: pre; } #text_s span.select_t7:after { content: none; } } @media only screen and (max-width: 476px) { /* description */ #mb_description { width: 70%; margin: 0 auto;} #description li { width: 100%; margin-right: 0!important; display: block; } /* quiz */ #text_n { font-size: 0.9em; } } @media only screen and (max-width: 458px) { /* quiz */ #text_s { text-align: left; } #text_s span:first-of-type { margin-left: 0.5em; } #text_s span.select_t5:after { content: '\A'; white-space: pre; } #text_s span.select_t6:after { content: none; } } @media only screen and (max-width: 476px) { /* quiz */ #text_n { font-size: 1em; } #text_n a:after { content: '\A'; white-space: pre; } } @media only screen and (max-width: 385px) { /* quiz */ #text_s { text-align: left; } #text_s span:first-of-type { margin-left: 0.5em; } #text_s span.select_t4:after { content: '\A'; white-space: pre; } #text_s span.select_t5:after { content: none; } #text_s span.select_t8:after { content: '\A'; white-space: pre; } } @media only screen and (max-width: 375px) { #dns dd { margin: 0 2em 2em 2em; } #fiscal_year { font-size: 12px; } } @media only screen and (max-width: 360px) { .post img { max-width: 95%; height: auto; } #dns dt { width: 100% } #loginNotice { left: 60%; } } @media only screen and (max-width: 349px) { .cate_select { margin:0; padding:0; width: 100%; height: 45px; } .cate_select li { padding: 0; position: absolute; } .cate_select ul li, .cate_select ul li a { width: 30px; height: 45px; } .cate_select ul li#cate_all { margin-left: 0; } .cate_select ul li#cate_all a { background: url("img/common/wsListBnr_sps.jpg") 0 0 no-repeat; opacity: 0.6; } .cate_select ul li#cate_intro { margin-left: 30px; } .cate_select ul li#cate_intro a { background: url("img/common/wsListBnr_sps.jpg") -30px 0 no-repeat; opacity: 0.6; } .cate_select ul li#cate_basic { margin-left: 60px; } .cate_select ul li#cate_basic a { background: url("img/common/wsListBnr_sps.jpg") -60px 0 no-repeat; opacity: 0.6; } .cate_select ul li#cate_brushup { margin-left: 90px; } .cate_select ul li#cate_brushup a { background: url("img/common/wsListBnr_sps.jpg") -90px 0 no-repeat; opacity: 0.6; } .cate_select ul li#cate_special { margin-left: 120px; } .cate_select ul li#cate_special a { background: url("img/common/wsListBnr_sps.jpg") -120px 0 no-repeat; opacity: 0.6; } .cate_select ul li#cate_getsurei { margin-left: 150px; } .cate_select ul li#cate_getsurei a { background: url("img/common/wsListBnr_sps.jpg") -150px 0 no-repeat; opacity: 0.6; } .cate_select ul li#cate_hidamari { margin-left: 180px; } .cate_select ul li#cate_hidamari a { background: url("img/common/wsListBnr_sps.jpg") -180px 0 no-repeat; opacity: 0.6; } .cate_select ul li#cate_forcompany { margin-left: 210px; } .cate_select ul li#cate_forcompany a { background: url("img/common/wsListBnr_sps.jpg") -210px 0x no-repeat; opacity: 0.6; } .cate_select ul li#cate_license { margin-left: 240px; } .cate_select ul li#cate_license a { background: url("img/common/wsListBnr_sps.jpg") -240px 0 no-repeat; opacity: 0.6; } .cate_select ul li#cate_others { maragin-left: 270px; } .cate_select ul li#cate_others a { background: url("img/common/wsListBnr_sps.jpg") -270px 0 no-repeat; opacity: 0.6; } #cate_all a:hover, #cate_all a:visited:hover, #cate_all a.selected:link, #cate_all a.selected:visited, #cate_intro a:hover, #cate_intro a:visited:hover, #cate_intro a.selected:link, #cate_intro a.selected:visited, #cate_basic a:hover, #cate_basic a:visited:hover, #cate_basic a.selected:link, #cate_basic a.selected:visited, #cate_brushup a:hover, #cate_brushup a:visited:hover, #cate_brushup a.selected:link, #cate_brushup a.selected:visited, #cate_special a:hover, #cate_special a:visited:hover, #cate_special a.selected:link, #cate_special a.selected:visited, #cate_getsurei a:hover, #cate_getsurei a:visited:hover, ,#cate_hidamari a:hover, #cate_hidamari a:visited:hover, #cate_hidamari a.selected:link, #cate_hidamari a.selected:visited, #cate_forcompany a:hover, #cate_forcompany a:visited:hover, #cate_forcompany a.selected:link, #cate_forcompany a.selected:visited, #cate_license a:hover, #cate_license a:visited:hover, #cate_license a.selected:link, #cate_license a.selected:visited, #cate_others a:hover, #cate_others a:visited:hover, #cate_others a.selected:link, #cate_others a.selected:visited { opacity: 1!important; } }