/* ---------------------------------------------------------------------- pc style setting ---------------------------------------------------------------------- */ body { margin:0; padding:0; background:url("img/common/background2.gif") repeat-x left top; font-family:"Century Gothic",Arial,sans-serif; color:#333; } #container { width: 100%; position: relative; } /* headline */ .headline1 { margin:0 0 15px 0; padding:0; line-height:100%; font-size:16px; color:#e48898; } .headline1 span { margin:0 0 0 15px; font-size:14px; color:#333; } #page_headline { display: table-cell; font-size:24px; height: 60px; padding:0 0 0 20px; line-height:110%; vertical-align: middle; color:#e48898; } /* post date */ .post_date { display: none;/* 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, #mobile_banner_bottom { display:none; } /* ---------------------------------------------------------------------- layout ---------------------------------------------------------------------- */ #contents { width:1000px; margin:0px auto; position:relative; padding:0 0 150px 0; } #main_content { width:660px; margin:0 0 14px 0; position:relative; } #main_content .contents_header { width:660px;/* float:left;*/ min-height: 70px; margin:10px 0 20px 0; background: url("img/common/main_h2Bg.png") left bottom no-repeat; } #main_content .category_header { width: 660px; height: 150px; margin: -7px 0 40px 0; } #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; } #main_content p { line-height: 1.8em; margin-bottom: 1em; } #main_content a { text-decoration: none; } #side_col { width:300px; margin:40px 0 14px 0; } #side_col a { text-decoration: none; } .no_side #main_content { float:none; width:870px; margin:0 auto; } .layout2 #main_content { float:right; } .layout2 #side_col { float:left; } .three_column #main_content { width:560px; } .three_column.no_side #main_content { float:none; width:870px; margin:0 auto; } .three_column #side_col { width:200px; } .three_column #side_col2 { width:200px; } .layout3 #main_content { margin:0 -220px 0 220px; } .layout3 #side_col { float:left; margin:0 0 0 -560px; } .layout3 #side_col2 { float:right; } .layout4 #main_content { margin:0; float:left; } .layout4 #side_col { float:right; } .layout4 #side_col2 { float:right; margin:0 20px 0 0; } /* ---------------------------------------------------------------------- not found ---------------------------------------------------------------------- */ #not-found { margin: 10px; } #not-found_headline { font-size: 24px; padding: 40px; text-align: center; } /* ---------------------------------------------------------------------- index, post list ---------------------------------------------------------------------- */ /* main_image */ #main_image { margin:0 0 42px 0; } #main_image img { display:block; width:1000px; height:330px; -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; } .post_item .image img { width:300px; height:auto; -moz-border-radius:7px; -khtml-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; opacity:1.0; -webkit-transition: opacity 400ms ease-in-out; -moz-transition: opacity 400ms ease-in-out; -o-transition: opacity 400ms ease-in-out; -ms-transition: opacity 400ms ease-in-out; transition: opacity 400ms ease-in-out; } .post_item .image:hover img { opacity:0.7; } .post_item .info { width:330px; float:right; } .three_column .post_item .image img { width:210px; } .post_item .meta { margin:0 0 5px 0; } .post_item ul { float:left; margin:4px 0 0 10px; width:270px;} .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.gif") no-repeat 2px 2px; padding:0 0 0 20px; float:left; } .post_item ul li.post_comment { background:url("img/common/icon_comment.gif") no-repeat left 2px; padding:0 0 0 20px; 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:140%; font-size:16px; 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 0 30px 0; height:60px; position:relative; } #load_post a { font-size:12px; color:#fff; display:inline-block; background:#bbb; 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; -webkit-transition: background-color 200ms ease-in-out; -moz-transition: background-color 200ms ease-in-out; -o-transition: background-color 200ms ease-in-out; -ms-transition: background-color 200ms ease-in-out; transition: background-color 200ms ease-in-out; } #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:36%; font-size:12px; } #infscr-loading img { display:block; margin:0 auto; } /* ---------------------------------------------------------------------- single post page ---------------------------------------------------------------------- */ #single_title_area { margin:0 0 20px 0; } /* title category */ #single_title_area .meta { width:660px;/* float:left;*/ min-height: 70px; margin:10px 0 0 0; background: url("img/common/main_h2Bg.png") left bottom no-repeat; } #post_title { display: table-cell; font-size:24px; height: 60px; padding:0 0 0 20px; line-height:110%; vertical-align: middle; color:#e48898; } #single_title_area .meta ul { margin:0; padding:0px; color:#666; } #single_title_area .meta ul li { float:left; font-size:11px; margin:0 15px 0 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 { display: none;/* background:url("img/common/calendar.gif") no-repeat left 2px; padding:1px 0 1px 20px;*/ } #single_title_area .meta ul li.post_category { display: none;/* background:url("img/common/icon_category.gif") no-repeat left; padding:1px 0 1px 17px;*/ } #single_title_area .meta ul li.post_tag { background:url("img/common/icon_tag.gif") no-repeat left 1px; padding:1px 0 1px 15px; } #single_title_area .meta ul li.post_author { background:url("img/common/icon_author.gif") no-repeat left 1px; padding:1px 0 1px 20px; } #single_title_area .meta ul li.post_comment { background:url("img/common/icon_comment.gif") no-repeat left; padding:1px 0 1px 20px; } .three_column #single_title_area .meta { width:495px; } /* 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; } /* 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; } /* bookmark */ .post .bookmark { float:right; margin:0; padding:0; } .post .bookmark li { background:none; padding:0; float:left; margin:0 0 0 10px; } /* banner */ #single_banner1 { text-align:center; margin:0 0 25px 0; } #single_banner2 { text-align:center; margin:25px 0 15px 0; } /* 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 -15px 0 0; } #related_post li { display:inline-block; margin:0 15px 10px 0; width:305px; vertical-align:top; } .three_column #related_post li { width:255px; } #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; opacity:1.0; -webkit-transition: opacity 400ms ease-in-out; -moz-transition: opacity 400ms ease-in-out; -o-transition: opacity 400ms ease-in-out; -ms-transition: opacity 400ms ease-in-out; transition: opacity 400ms ease-in-out; } #related_post .image:hover img { opacity:0.7; } #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; } /* next prev post link */ #previous_next_post { margin:0 0 60px 0; padding:0 0 7px 0; background:url("img/common/dot1.gif") repeat-x left top, url("img/common/dot2.gif") repeat-y 50% top; } #previous_next_post a { text-decoration:none; } #previous_next_post a:hover { text-decoration:underline; } #previous_post a { margin:15px 0 0 0; width:42%; float:left; line-height:140%; font-size:11px; background:url("img/common/arrow_left.gif") no-repeat left 1px; padding:3px 0 8px 25px; } #next_post a { margin:15px 0 0 0; width:42%; float:right; text-align:right; line-height:140%; font-size:11px; background:url("img/common/arrow_right.gif") no-repeat right 1px; padding:3px 25px 8px 0; } /* breadcrumb */ .breadcrumbs { font-size: 12px; line-height: 30px; height: 30px; background: url("img/common/breadcrumbMstrBg.png") top right no-repeat; } .breadcrumbsH { height: 30px; line-height: 30px; background: url("img/common/breadcrumbBg.png") top right no-repeat; float: left; } .breadcrumbs span { height: 30px; } .breadcrumbs a { text-decoration: none!important; } /* ws list */ .cate_select { margin:0; padding:0; width: 100%; height: 40px; } .cate_select li { padding: 0; position: absolute; } .cate_select ul li, .cate_select ul li a { width: 49px; height: 40px; 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.jpg") 0 0 no-repeat; opacity: 0.6; } .cate_select ul li#cate_intro { margin-left: 49px; } .cate_select ul li#cate_intro a { background: url("img/common/wsListBnr.jpg") -49px 0 no-repeat; opacity: 0.6; } .cate_select ul li#cate_basic { margin-left: 98px; } .cate_select ul li#cate_basic a { background: url("img/common/wsListBnr.jpg") -98px 0 no-repeat; opacity: 0.6; } .cate_select ul li#cate_brushup { margin-left: 147px; } .cate_select ul li#cate_brushup a { background: url("img/common/wsListBnr.jpg") -147px 0 no-repeat; opacity: 0.6; } .cate_select ul li#cate_special { margin-left: 196px; } .cate_select ul li#cate_special a { background: url("img/common/wsListBnr.jpg") -196px 0 no-repeat; opacity: 0.6; } .cate_select ul li#cate_getsurei { margin-left: 245px; } .cate_select ul li#cate_getsurei a { background: url("img/common/wsListBnr.jpg") -245px 0 no-repeat; opacity: 0.6; } .cate_select ul li#cate_hidamari { margin-left: 294px; } .cate_select ul li#cate_hidamari a { background: url("img/common/wsListBnr.jpg") -294px 0 no-repeat; opacity: 0.6; } .cate_select ul li#cate_forcompany { margin-left: 343px; } .cate_select ul li#cate_forcompany a { background: url("img/common/wsListBnr.jpg") -343px 0 no-repeat; opacity: 0.6; } .cate_select ul li#cate_license { margin-left: 392px; } .cate_select ul li#cate_license a { background: url("img/common/wsListBnr.jpg") -392px 0 no-repeat; opacity: 0.6; } .cate_select ul li#cate_others { margin-left: 441px; } .cate_select ul li#cate_others a { background: url("img/common/wsListBnr.jpg") -441px 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_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; } /* reservflow */ #reservflow dl { width: 528px; margin: 0 auto; overflow: hidden; } #reservflow dt { width: 250px; float: left; clear: both; } #reservflow dd { width: 244px; line-height: 1.8em; float: left; border-top: 3px solid #eaeaea; margin-left: 18px; 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: 49px; 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.jpg") 0 0 no-repeat; opacity: 0.6; } .newsCate_select ul li#newsCate_info { margin-left: 49px; } .newsCate_select ul li#newsCate_info a { background: url("img/common/newsListBnr.jpg") -49px 0 no-repeat; opacity: 0.6; } .newsCate_select ul li#newsCate_update { margin-left: 98px; } .newsCate_select ul li#newsCate_update a { background: url("img/common/newsListBnr.jpg") -98px 0 no-repeat; opacity: 0.6; } .newsCate_select ul li#newsCate_ws-region { margin-left: 147px; } .newsCate_select ul li#newsCate_ws-region a { background: url("img/common/newsListBnr.jpg") -147px 0 no-repeat; opacity: 0.6; } .newsCate_select ul li#newsCate_ws-fa { margin-left: 196px; } .newsCate_select ul li#newsCate_ws-fa a { background: url("img/common/newsListBnr.jpg") -196px 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_woman.png") left bottom no-repeat; margin-bottom: 15px; padding: 5px 10px; } #intro-problem ul { margin-left: 200px; } #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.5em; 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.5em; 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.5em; 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.5em; 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; width: 350px; height: 50px; position: relative; background: none; padding: 0; } /* officemap */ #officemap { width: 660px; height: 400px; margin: 0 auto; } /* mailmagazine backnumber */ @media only screen and (min-width: 1024px) { .maglist { width: 40.5em; } } #mdWindow { width: 700px; height: 500px; } #contWrap { width: 100%; height: 460px; } /* qualified */ #qualified_list .post_item img { margin: 10px 10px 10px 0; float: left; } /* FAQ */ p.question { height: 50px; cursor: pointer; } p.question:hover { text-decoration: underline; } p.answer { background: #f6f6f6; clear: both; 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; } /* 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 { margin:0 0 30px 0; font-size:14px; } .three_column .side_widget { margin:0 0 35px 0; } .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; } .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; } .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; } #em_widget-2 ul, #em_widget-4 ul { padding: 5px 8px; border: 1px solid #ccc; background-color: #f6f6f6; } #em_widget-2 .license, #em_widget-4 .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-2 .intro, #em_widget-4 .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-2 .basic, #em_widget-4 .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-2 .brushup, #em_widget-4 .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-2 .special, #em_widget-4 .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-2 .forcompany, #em_widget-4 .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-2 .getsurei, #em_widget-4 .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-2 .hidamari, #em_widget-4 .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-2 .others, #em_widget-4 .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:before { content: "ワークショップの予約はログインしてから！"; font-weight: bold; color:#e82727; } p.tml-user-login-wrap { margin-top: 10px; } #theme-my-login1 .tml-rememberme-submit-wrap { margin-bottom: 0; } #text-13 { margin-bottom: 0; } #text-13 .textwidget { margin-bottom: 20px; padding: 0; border: none; background: none; text-align: right; } #searchform { margin-bottom: 30px; } #text-12 { margin-bottom: 0; } /*#text-12 .textwidget { font-size: 12px; margin-bottom: 30px; padding: 8px 0 0 0; border: none; background: none; }*/ #text-10 { margin-bottom: 0; } #text-10 .textwidget { font-size: 12px; margin-bottom: 30px; padding: 8px 0 0 0; border: none; background: none; } #text-8 { margin-bottom: 0; } #text-8 .textwidget { margin-bottom: 20px; padding: 0; border: none; background: none; text-align: right; } #text-3 { padding: 8px; text-align: center; border: 1px solid #ccc; background-color: #f6f6f6; } #text-3 .side_headline { margin:0; padding:0; line-height:100%; font-size:14px; color:#e82727; background:none; } #text-3 .side_headline u { border-bottom: none;} #text-3 .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; } #loginNotice { font-size: 12px; position: absolute; left: 180px; top: 150px; } #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; } /* adsense banner */ .ad_widget1 { background:none; border:none; padding:0; text-align:center; } .ad_widget2 { background:none; border:none; padding:0; text-align:center; } .fixed_ad { position:fixed; top:70px; height:auto; width:300px; } .layout3 .fixed_ad, .layout4 .fixed_ad { width:200px; } /* 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; } #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; } #wp-calendar td#today { color:#fff; background:#c1c1c1; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .three_column #wp-calendar th, .three_column #wp-calendar td { line-height:250%; } /* 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; opacity:1.0; -webkit-transition: opacity 400ms ease-in-out; -moz-transition: opacity 400ms ease-in-out; -o-transition: opacity 400ms ease-in-out; -ms-transition: opacity 400ms ease-in-out; transition: opacity 400ms ease-in-out; } .widget_post_list .image:hover img { opacity:0.7; } .widget_post_list .post_date { display: none;/* 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 { display: none;/* font-size:12px; margin:0; color:#c46780; font-weight:bold;*/ } /* search */ .widget_search { width: 295px; margin-right: 5px; margin-bottom: 0; } .widget_search label { display:none; } .widget_search #search-box, .widget_search #s { width:240px; height:23px; margin:0; border:1px solid #ccc; background:#f2f2f2; padding:0 10px; 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 { line-height: 40px; border:none; float:right; background:#ccc url("img/common/icon_search.png") no-repeat center; height:25px; width:25px; text-indent: 100%; 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; } .three_column .widget_search #search-box, .three_column .widget_search #s { width:135px; } 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 { width:100%; height:65px; line-height:25px; min-width:1000px; position:relative; z-index:10; background:#72b8ef; } #headerNav h1 { width:1000px; height:40px; line-height:40px; margin:0 auto; position:relative; font-size:12px; color:#fff; font-weight:normal; text-align:center; } #headerNav:after { content:''; height:3px; line-height:3px; display:block; width:100%; min-width:1000px; position:absolute; bottom:-3px; left:0; background:url(img/header/shadow.png) repeat-x left top; } #headerUtility { max-width: 900px; padding: 5px 0; float: right; } #utilityNav { float: left; margin-right: 10px; } #utilityNav ul { margin: 0; } #utilityNav ul li { min-width: 87px; float: left; margin-left: 15px; font-size: 12px; line-height: 25px; text-indent: 1em; background: url("img/common/listArrow0101.png") 0% 50% no-repeat; } #utilityNav ul li a { text-decoration: none; color: #fff; } #utilityNav ul li a:hover { color: #146eb4; } #loggedInfo { margin-right: 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 { text-decoration: none!important; background-color:#146eb4; } #site_description { width: 460px; } #site_description h1 { height:12px; line-height:13px; margin:0 0 0 10px; padding-top: 5px; position:relative; font-size:10px; text-align:left; color: #999; } #site_description:after { /*content:''; height:3px; line-height:3px; display:block; width:100%; min-width:1000px; position:absolute; bottom:-3px; left:0; background:url(img/header/shadow.png) repeat-x left top;*/ } /* menu area */ #header_top_wrap { width:100%; min-width:1000px; margin-top: -16px; position:relative; background:#c46780; z-index:9; } #header_top { width:1000px; min-height:45px; margin:0 auto; position:relative; } #header_top_wrap:after { content:''; height:3px; line-height:3px; display:block; width:100%; min-width:1000px; position:absolute; bottom:-3px; left:0; background:url(img/header/shadow.png) repeat-x left top; } #header_top_wrap.fixed { position:fixed; top:0px; left:0px; opacity:0.8; } /* global menu */ #global_menu { height:45px; margin:0 auto 0 auto; position:relative; bottom:0px; padding:0; z-index:999; background:url("img/header/menu_line.png") no-repeat right 13px; width:650px; } #global_menu a { text-decoration: none!important; } #global_menu ul ul { display:none; position:absolute; top:45px; left:0px; margin:0; padding:0; z-index:0; } #global_menu ul ul ul { left:100%; top:0; margin:0 0 0 -1px; } #global_menu li { float:left; font-size:13px; font-size:1%; position:relative; margin:0; padding:0; } #global_menu li a { font-size:12px; text-align:center; text-decoration:none; color:#fff; margin:0; display:block; height:45px; line-height:45px; overflow:hidden; background:url(img/header/menu_line.png) no-repeat left 13px; -webkit-transition: background-color 300ms ease-in-out; -moz-transition: background-color 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out; -ms-transition: background-color 300ms ease-in-out; transition: background-color 300ms ease-in-out; } #global_menu li a:hover, #global_menu li.active_menu { background:#e48898; -webkit-transition: background-color 300ms ease-in-out; -moz-transition: background-color 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out; -ms-transition: background-color 300ms ease-in-out; transition: background-color 300ms ease-in-out; } #global_menu ul ul li { float:none; line-height:26px; padding:0; margin:0; text-align:left; } #global_menu ul ul a { font-size:12px; position:relative; padding:10px 5px 8px 5px; height:auto; line-height:160%; margin:0 0 -1px 0; text-align:left; background:#c46780; border:1px solid #ddd; } #global_menu ul ul a:hover { background:#e48898; } #menu-item-1204 { width: 50px!important; display: block; background: url("img/header/home_icon.png") 0 0 no-repeat; text-indent: 100%; overflow: hidden; white-space: nowrap; } #menu-item-1204 a:hover { background: url("img/header/home_icon_hover.png") 0 0 no-repeat!important; } #menu-item-148, #menu-item-149, #menu-item-150, #menu-item-151, #menu-item-408 { width: 120px!important; } #menu-item-156, #menu-item-4078, #menu-item-155,#menu-item-4077, #menu-item-157, #menu-item-2128, #menu-item-3984 { width: 180px!important; } #menu-item-196, #menu-item-197, #menu-item-198, #menu-item-199, #menu-item-200, #menu-item-201, #menu-item-202, #menu-item-203, #menu-item-204, #menu-item-205, #menu-item-206, #menu-item-671, #menu-item-418 { width: 180px!important; } #menu-item-152, #menu-item-153, #menu-item-2067 { width: 150px!important; } #menu-item-405, #menu-item-2633, #menu-item-407, #menu-item-409, #menu-item-410, #menu-item-411, #menu-item-412, #menu-item-413, #menu-item-414, #menu-item-415, #menu-item-416, #menu-item-419,#menu-item-417 { width: 180px!important; } #menu-item-4724 { position:absolute; top:-494px; left:180px; width:180px!important; } @media all and (-ms-high-contrast:none){ *::-ms-backdrop, #menu-item-4724 { top: -490px; } } @-moz-document url-prefix() { #menu-item-4724 { top: -497px; } } /* social link */ #header_top .social_link { margin:0; position:absolute; right:0px; bottom:6px; } .social_link li { float:left; margin:0 0 0 7px; } .social_link li a { display:block; color:#fff; opacity:0.8; text-decoration:none; -webkit-transition: opacity 400ms ease-in-out; -moz-transition: opacity 400ms ease-in-out; -o-transition: opacity 400ms ease-in-out; -ms-transition: opacity 400ms ease-in-out; transition: opacity 400ms ease-in-out; } .social_link li a:hover { opacity:1.0; } /* etc */ .menu_button { display:none; } #header_logo { display:none; font-size:16px; font-weight:normal; margin:11px 0; padding:0; line-height:130%; float:left; width:170px; } #header_logo a { text-decoration:none; color:#fff; } #header_top_wrap.fixed #header_logo { display:block; } /* logo area */ #header_bottom_wrap:before { width:100%; min-width:1000px; position:relative; 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); } #header_bottom { width:1000px; height:128px; margin:0 auto; position:relative; } /* logo */ #logo_image { position:absolute; margin:0; padding:0; line-height:100%; } #logo_text { position:absolute; top:55px; left:0px; font-size:20px; font-weight:normal; margin:0; line-height:100%; padding:0; } #logo_text a { text-decoration:none; color:#333; } /* banner */ #header_banner { position:absolute; top:34px; right:0px; } /* ---------------------------------------------------------------------- footer ---------------------------------------------------------------------- */ /* gotop */ .gotop { position:fixed; left: 50%; bottom: 0px; margin: 0 0 0 -50px; z-index: 1; } .gotop a { width: 100px; height: 50px; display: block; } /* footer bottom */ #footer_bottom_wrap { min-width: 1000px; min-height: 464px; position:relative; background-color: #146eb4; color:#fff; } #footer_bottom_wrap a { color: #fff; } #footer_bottom_wrap a:hover { color:#72b8ef; } #footer_bottom_wrap:before { content:''; height:100px; display:block; width:100%; min-width:1000px; position:absolute; top:-100px; 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);ar-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 */ #footerNav { width: 1000px; margin: 0 auto; } #footerNav ul { margin: 20px 0 10px 0; font-size: 16px; font-weight: bold; } #footerNav ul ul { margin-top: 10px; } #footerNav a { text-decoration: none; } #aboutFooterNav, #wsFooterNav, #lectureFooterNav, #jeaFooterNav, #distributionFooterNav { width: 20%; float: left; } #jeaFooterNav { width: 20%; float: left; } #aboutFooterNav li, #wsFooterNav li, #lectureFooterNav li, #jeaFooterNav li, #distributionFooterNav li { text-indent: 1em; background: url("img/footer/listArrow0102.png") 0% 50% no-repeat; } .subFooterNav li { font-size: 14px; font-weight: normal; text-indent: 1em; background: url("img/common/listArrow02.png") 0% 50% no-repeat!important; } /* footerCredit */ #footerLogo { margin: 10px 0 -10px 0; } #credit { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;} #credit1 { width: 1000px; margin: 0 auto; } #credit2 { margin-bottom: 10px; float: left; } #address { font-size: 12px; margin: 10px 0 0 10px; line-height: 1.5em; } .social_link { float: right; margin: 12px 0 0 0; } /* footerCopyright */ #copyright { width: 1000px; margin: 10px auto 0; padding: 0; } #copyright p { font-size: 12px; line-height: 1.8em; } #copyright p:first-child { margin-bottom: 0; } #copyright a { color: #fff; } /* ---------------------------------------------------------------------- Responsive(iPhone & iPad) ---------------------------------------------------------------------- */ @media only screen and (max-width: 999px) and (min-width: 750px) { #container { width: 100%; margin-left: auto; margin-right: auto; } #headerNav, #header_top_wrap { min-width: 100%!important; } #headerNav:after, #header_top_wrap:after { min-width: 100%!important; } #header_top { width: 100%!important; } #header_top h2 { display: none!important; } #menu-item-405, #menu-item-2633, #menu-item-407, #menu-item-409, #menu-item-410, #menu-item-411, #menu-item-412, #menu-item-413, #menu-item-414, #menu-item-415, #menu-item-416, #menu-item-419, #menu-item-4724 { width: 180px!important; } #menu-item-417, #menu-item-418 { position:static!important; } #header_bottom { width: 100%!important; } /*#global_menu { left: 84px!important; }*/ #contents { width: 740px; } #main_content { width: 495px; } p.question, p.answer { font-size: 14px; } #reservflow dl { width: 495px; margin: 0 auto; overflow: hidden; } #reservflow dt { margin: 0 auto; float: none; } #reservflow dd { margin: 0 auto; float: none; } #side_col { width: 217px; } .widget_search { width: 217px; } .widget_search #search-box, .widget_search #s { width:166px; } .side_headline { font-size: 14px; } #loginNotice { left: 92px; top: 145px; } .breadcrumbs { font-size: 12px; line-height: 13px; height: 30px; background: none; display: table-cell; } .breadcrumbsH { height: 12px; line-height: 13px; background: url("img/common/listArrow02.png") 98% 50% no-repeat; float: left; } .breadcrumbs a { text-decoration: none!important; } .category_header { width: 495px!important; height: auto!important; } .category_header h2 img { width: 495px!important; height: auto!important; } .contents_header { width: 100%!important; } #single_title_area .meta { width: 495px!important; } #footerNav { display: none; } #footer_bottom_wrap:before { min-width: 100%!important; } #footer_bottom_wrap { min-width: 100%!important; min-height: 100%!important; } #footer_bottom { width: 100%!important; text-align: center; } #credit1 { width: 100%!important; } #credit2 { width: 100%!important; margin: 0 auto -42px auto; padding-top: 10px; } #officemap { width: 495px; height: 300px; } /* description */ #description li { width: 45%; } /* quiz */ #text_q dd { width: 28em; } #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; } } /*@media only screen and (max-width: 768px) { .breadcrumbsH { height: 12px; line-height: 12px; background: none; } }*/