/* ---------------------------------------------------------------------- pc style setting ---------------------------------------------------------------------- */ body { margin:0; padding:0; background:url(/ronso/wp-content/uploads/2015/01/back.jpg) left top;background-attachment: fixed; background-repeat: no-repeat; background-size: cover; font-family:"Century Gothic",Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important; color:#333; } /* layout */ #contents { width:950px; margin:0px auto;padding:11px 1px; background:#ffffff; box-sizing:border-box;} #main_col_b { float:left; margin:0 4PX 14px 4px; } #main_col { width:680px; float:left; margin:0 0px 14px 4px; } #side_col { width:250px; float:right; margin:0 4px 14px 0px; } .no_side #main_col { width:830px; float:none; margin:0 auto 14px; } .no_side_wide #main_col { width:950px; float:none; margin:0 auto 14px; } /* headline */ .headline1 {margin:0px 0 0 0; line-height:42px; line-height:42px; font-size:14px; color:#fff; background:url(img/common/headline1.gif) repeat-x left top; padding:0 15px; } .headline2 { margin:0; line-height:42px; line-height:42px; font-size:14px; color:#333; background:url(img/common/headline2.gif) repeat-x left top; padding:0 15px; } .headline3 { margin:0 0 20px 0; line-height:42px; line-height:42px; font-size:14px; color:#fff; background:url(img/common/headline1.gif) repeat-x left top; padding:0 15px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; } /* image */ a.image { background:#000; display:block; } a.image img { display:block; opacity:1; transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -webkit-transition: opacity .4s ease-in-out; -webkit-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0); } a.image:hover img { opacity:0.5; } /* date color */ .date { color:#b20000; font-weight:bold; } #footer .date { color:#b36a6a; } /* mobile banner */ #mobile_banner_top, #mobile_banner_bottom { display:none; } /* ---------------------------------------------------------------------- index ---------------------------------------------------------------------- */ #index_top { margin:0 0 15px 0;display:none; } /* gallery */ #recommend_gallery { width:630px; background:#fff; border:1px solid #ddd; float:left; padding:15px; } #recommend_gallery ul { margin-bottom:0; } #recommend_gallery .rs-thumb-wrap { background:#000; } #recommend_gallery .rs-thumb-wrap > a > img { display:block; height:100%; } #recommend_gallery .rs-thumb-wrap > a { opacity:0.5; display:block; width:16.6667%; height:63px; } #recommend_gallery .rs-thumb-wrap > a:hover, #recommend_gallery .rs-thumb-wrap > a.active { opacity: 1 } #recommend_gallery .rs-caption { height:auto; padding:10px 20px; background:#000; color:#fff; background: -moz-linear-gradient(top, rgba(0, 0, 0, .7), rgba(0, 0, 0, .8)); background: -webkit-linear-gradient(top, rgba(0, 0, 0, .7), rgba(0, 0, 0, .8)); background: -o-linear-gradient(top, rgba(0, 0, 0, .7), rgba(0, 0, 0, .8)); background: -ms-linear-gradient(top, rgba(0, 0, 0, .7), rgba(0, 0, 0, .8)); background: linear-gradient(top, rgba(0, 0, 0, .7), rgba(0, 0, 0, .8)); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .12) inset; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .12) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, .12) inset; } #recommend_gallery .rs-caption p { margin:0; } /* right column */ #index_right_col { width:310px; float:right; } /* pickup */ #index_pickup { background:#fff; border:1px solid #ddd; margin:0 0 15px 0; min-height:400px; } #index_pickup a.image { display:block; margin-bottom:17px; } #index_pickup a.image img { width:308px; height:auto; } #index_pickup a.image:hover img { } #index_pickup .meta { margin:10px 15px; } #index_pickup .meta li { font-size:11px; float:left; line-height:110%; border-right:1px solid #ccc; margin:0 10px 0 0; padding:0 10px 0 0; } #index_pickup .meta li.last { margin:0; padding:0; border:none; } #index_pickup .title { font-size:16px; margin:0 15px 8px; line-height:140%; } #index_pickup .title a { display:block; } #index_pickup .excerpt { font-size:12px; margin:0 15px 13px; line-height:170%; } #index_pickup .link { font-size:12px; margin:10px 15px 17px; display:block; background:url(img/common/arrow1.gif) no-repeat left top; padding:0 0 0 30px; height:13px; line-height:13px; } /* search */ #index_right_col .search_area { background:#fff; border:1px solid #ddd; position:relative; height:56px; } #index_right_col #search_button { float:right; margin:10px 10px 0 0; } #index_right_col #search_input { float:left; margin:11px 0 0 11px; border:1px solid #ccc; background:#f2f2f2; width:160px; height:33px; position:relative; padding:0 10px; box-shadow:2px 2px 3px 0px #ddd inset; } /* recent post */ #recent_post { margin:0 0 15px 0; } #recent_post .headline1 { margin:0 0 10px 0; } #recent_post ul { margin:0 -10px 0 0; position:relative; } #recent_post ul ul.meta { margin:0 14px 10px; display:block; } #recent_post li { float:left; width:180px; background:#fff; border:1px solid #ddd; margin:0 7px 0 0; padding:0 0 5px 0; min-height:270px; } #recent_post li ul.meta li { float:none; display:inline; min-height:0px; height:auto; font-size:11px; width:auto; background:none; border:none; padding:0; margin:0; } #recent_post li ul.meta li.date { display:block; } #recent_post .image { width:150px; height:150px; margin:14px auto 10px; } #recent_post .title { font-size:13px; display:block; margin:7px 14px; font-weight:bold; border-top:1px dotted #ccc; padding:7px 0 0 0; } /* featured post */ #featured_post { margin:0 0 15px 0; background:#fff; border:1px solid #ddd; } #featured_post .title a { display:block; } #featured_post .post1 { border-bottom:1px dotted #ddd; padding:15px; margin:0; } #featured_post .post1 .image { float:left; width:340px; height:210px; margin:0; } #featured_post .post1 .image img { margin:10px; } #featured_post .post1 .info { float:right; width:353px; } #featured_post .post1 .date { margin:5px 0; line-height:110%; font-size:12px; } #featured_post .post1 .title { font-size:16px; margin:0 0 14px 0; } #featured_post .post1 .excerpt { font-size:12px; line-height:170%; padding-right:10px; margin:0 0 21px 0; } #featured_post .post1 .link { font-size:12px; display:block; background:url(img/common/arrow1.gif) no-repeat left top; padding:0 0 0 30px; height:13px; line-height:13px; } #featured_post ul.post2 { margin:0; overflow:hidden; border-bottom:1px dotted #ddd; padding:15px 0 15px 15px; } #featured_post ul.post3 { border:none; } #featured_post ul.post2 li { width:340px; float:left; margin:0 25px 0 0; } #featured_post ul.post2 li .image { float:left; width:80px; height:80px; } #featured_post ul.post2 li .image img { width:80px; height:80px; } #featured_post ul.post2 li .info { float:right; width:240px; } #featured_post ul.post2 li .date { margin:5px 0 3px; font-size:12px; line-height:110%; } #featured_post ul.post2 li .title { font-size:16px; margin:0; font-weight:bold; line-height:160%; } /* featured post2 */ #featured_post2 { margin:0 0 15px 0; background:#fff; border:1px solid #ddd; } #featured_post2 .title a { display:block; } #featured_post2 .post1 { padding:15px; margin:0; width:340px; float:left; } #featured_post2 .post1 .image_area { background:#fff; width:340px; height:210px; border:1px solid #ddd; margin:0 0 15px 0; } #featured_post2 .post1 .image { margin:10px; } #featured_post2 .post1 .image img { } #featured_post2 .post1 .info { } #featured_post2 .post1 .date { margin:0 0 5px 0; font-size:12px; line-height:110%; } #featured_post2 .post1 .title { font-size:16px; margin:0 0 16px 0; } #featured_post2 .post1 .excerpt { font-size:12px; line-height:170%; margin:0 0 22px 0; } #featured_post2 .post1 .link { font-size:12px; display:block; background:url(img/common/arrow2.gif) no-repeat left top; padding:0 0 0 30px; height:13px; line-height:13px; } #featured_post2 ul { margin:0px; overflow:hidden; float:right; width:370px; } #featured_post2 li { margin:0 0 -1px 0; padding:15px 15px 15px 0; border-bottom:1px dotted #ddd; } #featured_post2 li .image { float:left; width:80px; height:80px; margin:0; } #featured_post2 li .image img { width:80px; height:80px; } #featured_post2 li .info { float:right; width:255px; } #featured_post2 li .date { margin:5px 0 3px 0; font-size:12px; line-height:110%; } #featured_post2 li .title { font-size:16px; margin:0; font-weight:bold; line-height:160%; } #featured_post2 li.last { border:none; } /* footer banner */ #footer_banner { background:#fff; border:1px solid #ddd; margin:0 0 15px 0; } #footer_banner ol { list-style-type:none; margin:15px -21px 0 15px; position:relative; } #footer_banner li { float:left; width:225px; margin:0 21px 0 0; font-size:11px; text-align:center; } #footer_banner li img { height:auto; max-width:100%; width:auto; display:block; margin:0 auto 5px auto; } /* ---------------------------------------------------------------------- archive ---------------------------------------------------------------------- */ #post_list { background:#fff; border:1px solid #ddd; overflow:hidden; margin:0; } #post_list li { border-bottom:1px dotted #ccc; padding:30px 0; margin-bottom:-1px; } #post_list ul { overflow:hidden; margin:0 0 7px 0; } #post_list ul li { border:none; padding:0 12px 0 0; margin:0 12px 7px 0; float:left; border-right:1px solid #ccc; font-size:11px; line-height:110%; } #post_list ul li.last { margin-right:0; padding-right:0; border:none; } #post_list .info { width:470px; float:right; margin:0 15px 0 0; } #post_list .title { font-size:16px; margin:0 0 10px 0; } #post_list .excerpt { font-size:12px; line-height:170%; padding-right:10px; margin:0 0 18px 0; } #post_list .link { font-size:12px; display:block; background:url(img/common/arrow1.gif) no-repeat left top; padding:0 0 0 30px; height:13px; line-height:13px; margin:0 0 20px 0; } #post_list .image_area { float:left; background:#fff; width:159px; border:1px solid #ddd; margin:0 0 0 15px; } #post_list .image { margin:10px; } #post_list .bookmark { margin:0 0 -10px 0; } #post_list .bookmark li { border:none; padding:0; margin:0 5px 0 0; height:30px; } #post_list .bookmark li.social1 { width:140px; } /* page nav */ .page_navi { margin:20px 0 15px 0; } .page_navi h4 { font-size:10px; font-weight:normal; margin:0 0 10px 0; color:#888; } .page_navi ul { margin:0; } .page_navi li { float:left; } .page_navi a, .page_navi a:hover, .page_navi span { text-decoration:none; color:#fff; font-size:11px; padding:13px 15px; line-height:100%; margin:0 4px 4px 0; background:#bbb; display:block; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } .page_navi a:hover { color:#fff; background:#3F7985; text-decoration:none; } .page_navi span.dots { background:none; } .page_navi span.current { color:#fff; background:#333; } .page_navi p.back { margin:0; } .page_navi p.back a, .page_navi p.back a:hover { display:inline-block; padding: 10px 15px; } /* 404 not found */ #not_found .search_area { margin:0 0 20px 0; } #not_found #search_input { float:left; margin:0 5px 0 0; border:1px solid #ccc; background:#f2f2f2; width:260px; height:33px; position:relative; padding:0 10px; box-shadow:2px 2px 3px 0px #ddd inset; } #not_found .back { margin:0; line-height:100%; } #not_found .back a { background:url(img/common/arrow1.gif) no-repeat left; padding:0 0 0 28px; } /* ---------------------------------------------------------------------- single post page ---------------------------------------------------------------------- */ #content { background:#fff; border:1px solid #ddd; overflow:hidden; margin:0; padding-bottom:30px; } #single_meta { background:#fafafa; padding:10px 15px; margin:0; } #single_meta li { float:left; font-size:11px; border-right:1px solid #ccc; padding:0 15px 0 0; margin:0 15px 0 0; line-height:110%; } #single_meta li.last { margin:0; padding:0; border:none; } #single_meta li.post_author { background:url(img/common/icon_author.png) no-repeat left top; padding-left:17px; } #single_meta li.post_category { background:url(img/common/icon_category.png) no-repeat left top; padding-left:17px; } #single_meta li.post_comment { background:url(img/common/icon_comment.png) no-repeat left top; padding-left:17px; } #single_meta li.post_tag { background:url(img/common/icon_tag.png) no-repeat left top; padding-left:17px; } .post { padding:30px 15px 10px;margin-bottom:10px; } .post_image { text-align:center; margin:0 0 15px 0; } /* next page */ #post_pagination { margin:0 0 30px 0; } #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:#333; color:#fff; } /* bookmark */ .post .bookmark2 { clear:both; margin:0; padding:10px 0 25px 0; } .post .bookmark2 li { background:none; padding:0; float:left; margin:0 10px 0 0; } /* banner */ #single_banner1 { text-align:center; margin:0 0 25px 0; } #single_banner2 { text-align:center; margin:25px 0 15px 0; } /* author information */ #post_author { margin:0 15px 15px; } #post_author .author_headline { font-size:13px; border-top:2px solid #ccc; margin:0 0 20px 0; position:relative; } #post_author .author_headline span { display:inline-block; border-top:2px solid #333; padding:8px 0 0 0; margin:-2px 0 0 0; } #post_author .author_avatar { float:left; margin:0 10px 20px 0; } #post_author .author_avatar img { width:70px; height:70px; display:block; border:none; padding:0; } #author_meta { float:left; width:625px; } #author_meta .author_name { margin:0 0 10px 0; font-size:14px; line-height:160%; } #author_meta .author_post_name { margin:0 0 0 15px; font-size:10px; } #author_meta ul { font-size:11px; margin:0 0 10px 0; } #author_meta li { margin:0 0 5px 0; } #author_meta li span { width:70px; display:inline-block; } #author_meta li a { } #post_author .author_desc { padding:10px 0 0 0; font-size:12px; border-top:1px dotted #ccc; } #post_author .author_desc p { margin:0 0 10px 0; } /* author post */ #author_post { margin:0 15px 15px; } #author_post .author_headline { font-size:13px; border-top:2px solid #ccc; margin:0 0 20px 0; position:relative; } #author_post .author_headline span { display:inline-block; border-top:2px solid #333; padding:7px 0 0 0; margin:-2px 0 0 0; } #author_post ul { margin:0 -30px 0 0px; } #author_post ul ul { margin:0 0 7px 0; } #author_post li { float:left; display:inline-block; margin:0 30px 20px 0; width:342px; } #author_post li li { float:none; display:inline; margin:0 0 5px 0; width:auto; font-size:11px; line-height:110%; } #author_post .image { float:left; } #author_post .image img { width:100px; height:auto; } #author_post .info { width:225px; float:right; } #author_post .title { font-size:16px; margin:0; } #author_post .title a { color:#333; } /* related post*/ #related_post { margin:0 0 15px 0; } #related_post ul { margin:0 -30px 0 15px; } #related_post ul ul { margin:0 0 7px 0; } #related_post li { float:left; display:inline-block; margin:0 30px 20px 0; width:342px; } #related_post li li { float:none; display:inline; margin:0 0 5px 0; width:auto; font-size:11px; line-height:110%; } #related_post .image { float:left; } #related_post .image img { width:100px; height:auto; } #related_post .info { width:225px; float:right; } #related_post .title { font-size:16px; margin:0; } #related_post .title a { color:#333; } /* next prev post link */ #previous_next_post { margin:0 15px; padding:0; } #previous_next_post a { } #previous_post a { margin:0; width:42%; float:left; line-height:140%; font-size:11px; background:url(img/common/arrow_left.gif) no-repeat left 2px; padding:7px 0 8px 30px; } #next_post a { margin:0; width:42%; float:right; text-align:right; line-height:140%; font-size:11px; background:url(img/common/arrow_right.gif) no-repeat right 2px; padding:8px 30px 8px 0; } /* ---------------------------------------------------------------------- side content ---------------------------------------------------------------------- */ .side_widget { margin:0 0 15px 0; font-size:11px; background:#fff; border:0px solid #ddd; padding:0px; } .side_widget ul { margin:0; } .side_widget li ul { margin:10px 0 0 0; } .side_widget li { line-height:170%; margin:0 0 10px 0; padding:0 0 0 9px; background:url(img/common/bullet1.gif) no-repeat left 8px; } .side_widget a { } .side_widget img { height:auto; max-width:100%; width:auto; } .side_headline { margin:-15px -15px 15px; line-height:42px; line-height:42px; font-size:14px; color:#fff; background:url(img/common/headline1.gif) repeat-x left top; padding:0 15px; } /* banner */ #side_col .ad_widget, #side_col .ad_widget2 { background:none; border:none; padding:0; text-align:center; } /* side widget2 black background */ #side_widget2 { background:#33373e; padding:15px 15px 0; margin:0 0 15px 0; } #side_widget2 .side_headline { margin:3px 0 12px 0; font-size:14px; color:#8ed0da; background:none; line-height:100%; height:auto; padding:0; } #side_widget2 .side_widget { margin:0; background:none; border:none; padding:0; } #side_widget2 li ul { margin:0; } #side_widget2 li { margin:0; padding:0; } #side_widget2 li a { display:block; text-decoration:none; padding:10px; background:#3f444e; border:1px solid #2a2e34; color:#fff; margin:0 0 3px 0; } #side_widget2 li a:hover { background:#515765; -webkit-transition: background 0.3s linear; -moz-transition: background 0.3s linear; -ms-transition: background 0.3s linear; -o-transition: background 0.3s linear; transition: background 0.3s linear; } #side_widget2 .side_category, #side_widget2 .side_archives { padding-bottom:12px; } /* 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:240%; 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:#003d53; } #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%; } #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:#003d53; } #wp-calendar td#today { color:#fff; background:#c1c1c1; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } #footer #wp-calendar th, #footer #wp-calendar td { color:#fff; } #footer #wp-calendar td a { background:#666; color:#fff; } #footer #wp-calendar td a:hover, #footer #wp-calendar td#today, #footer #wp-calendar #prev a:hover, #footer #wp-calendar #next a:hover { background:#000000; } /* recommend post */ .recommend_widget ul { margin:0; } .recommend_widget li { background:none; padding:0 0 10px 0; border-bottom:1px dotted #ccc; margin:0 0 10px 0; } .recommend_widget li.last { border:none; padding:0; margin:0; } .recommend_widget .info { float:left; } .recommend_widget .info .date { margin:1px 0 5px 0; line-height:100%; } .recommend_widget .info .title { font-size:14px; margin:0; } .recommend_widget .image { float:left; } .recommend_widget .image img { width:70px; } #footer .recommend_widget li { border-bottom:1px dotted #777; padding-bottom:10px; } #footer .recommend_widget .image { border:none; } #footer .recommend_widget .info { width:210px; } #footer .recommend_widget li.last { border:none; padding:0; margin:0; } /* recommend post2 */ .recommend_widget2 ul { margin:0; } .recommend_widget2 li { background:none; padding:0 0 10px 0; border-bottom:1px dotted #ccc; margin:0 0 10px 0; } .recommend_widget2 li.last { border:none; padding:0; margin:0; } .recommend_widget2 .info { width:100px; float:right; } .recommend_widget2 .info .date { margin:10px 0 5px 0; line-height:100%; } .recommend_widget2 .info .title { font-size:14px; margin:0; } .recommend_widget2 .image { float:left; } .recommend_widget2 .image img { width:70px; } #footer .recommend_widget2 li { border-bottom:1px dotted #777; padding-bottom:10px; } #footer .recommend_widget2 .image { border:none; } #footer .recommend_widget2 .info { width:210px; } #footer .recommend_widget2 li.last { border:none; padding:0; margin:0; } /* pickup post */ .pickup_widget { } .pickup_widget a.image { display:block; margin:-15px -15px 15px; } .pickup_widget .date { font-size:11px; line-height:110%; margin:0 0 5px 0; padding:0; background:none; } .pickup_widget .title { font-size:16px; margin:5px 0px 5px; line-height:160%; } .pickup_widget .title a { display:block; } #footer .pickup_widget a.image { border:none; margin:0 0 15px 0; } #footer .pickup_widget .title a { display:inline-block; border-bottom:1px dotted #aaa; } /* search */ .widget_search label { display:none; } .widget_search #search-box, .widget_search #s { width:168px; height:33px; margin:0 0 10px 0; border:1px solid #ccc; background:#f2f2f2; padding:0 10px; box-shadow:2px 2px 3px 0px #ddd inset; } .widget_search #search-btn input, .widget_search #searchsubmit { border:none; text-indent:-9999px; width:95px; height:36px; background:url(img/common/search_button.jpg) no-repeat left top; cursor:pointer; display:block; float:right; margin-bottom:-3px; } .widget_search #search-btn input:hover { background-position:left bottom; } #footer .widget_search #search-box, #footer .widget_search #s { background:#333; border:1px solid #111; box-shadow:none; } #footer .widget_search #search-btn input, #footer .widget_search #searchsubmit { background-image:none; background:#222; text-indent:0; color:#ccc; } #footer .widget_search #search-btn input:hover, #footer .widget_search #searchsubmit:hover { background:#000; } /* 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 ---------------------------------------------------------------------- */ #header_wrap { width:100%; min-width:950px; background:; } #header { width:950px; height:188px; margin:0 auto; position:relative;background:#ffffff; } #site_description { margin:0; line-height:100%; color:#fff; font-size:12px; position:absolute; left:0px; position: absolute; left: 0px; width: 950px; background: #1F286F; padding: 10px 2px; box-sizing:border-box; } #logo { margin:0; line-height:100%; position:absolute; top:79px; left:0px; font-size:28px; font-weight:normal; } #logo a { color:#333; text-decoration:none; } #logo a:hover { text-decoration:underline; color:#003d53; } /* social link */ #social_link { margin:0; position:absolute; right:0px; top:10px; } #social_link li { float:left; margin:0 0 0 5px; } #social_link li a { display:block; width:22px; height:22px; text-decoration:none; text-indent:-9999px; } #social_link li.rss a { background:url(img/header/rss.jpg) no-repeat left top; } #social_link li.twitter a { background:url(img/header/twitter.jpg) no-repeat left top; } #social_link li.facebook a { background:url(img/header/facebook.jpg) no-repeat left top; } #social_link li a:hover { background-position:left bottom; } /* news ticker */ #news_ticker {display:none; position:absolute; left:0px; bottom:10px; height:23px; width:994px; overflow:hidden; background:url(img/header/header_topics.jpg) no-repeat left 3px; } #newslist { } #newslist li { float:left; font-size:12px; margin:0 25px; } #newslist li a { color:#fff; text-decoration:none; padding:3px 15px; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; display:block; } #newslist li a:hover { background:#444; } /* ticker */ .tickercontainer { width:916px; margin:0 0 0 76px; padding:0; overflow:hidden; } .tickercontainer .mask { position:relative; left:0px; top:0px; width:916px; overflow: hidden; } ul.newsticker { position:relative; left:916px; margin:0; padding:0; } ul.newsticker li { float:left; margin:0 120px 0 0; padding:0; } ul.newsticker span { margin: 0 40px 0 0; } /* global menu */ .menu_button { display:none; } #global_menu { height:0px; margin:0; position:absolute; left:0px; bottom:46px; padding:0; z-index:999; border-right:0px solid #ddd; width:950px;} #global_menu ul ul { display:none; position:absolute; top:47px; left:0px; margin:0; padding:0; } #global_menu ul ul ul { left:100%; top:0; margin:0 0 0 -1px; } #global_menu li { float:left; font-size:1%; position:relative;} #global_menu li a { font-size: 14px; border-left: 1px solid #ddd; font-weight: bold; background: #1F286F; text-align: center; text-decoration: none; color: #fff; margin: 0; display: block; height: 44px; line-height: 44px; position:relative; padding:0 34.4px; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #global_menu li a { padding:0 35.2px; } } #global_menu li:first-child a { border-left: 0 solid #ddd; } #global_menu li a:before { position:absolute; content:""; width:30px; height:30px; top: 7px; left: 2px;} #global_menu li:nth-child(2) a:before { background:url(/ronso/wp-content/uploads/2018/05/2.png); background-size:cover;} #global_menu li:nth-child(3) a:before { background:url(/ronso/wp-content/uploads/2018/05/3.png); background-size:cover;} #global_menu li:nth-child(4) a:before { background:url(/ronso/wp-content/uploads/2018/05/7.png); background-size:cover;} #global_menu li:nth-child(5) a:before { background:url(/ronso/wp-content/uploads/2018/05/4.png); background-size:cover;} #global_menu li:nth-child(6) a:before { background:url(/ronso/wp-content/uploads/2018/05/5.png); background-size:cover;} #global_menu li:nth-child(7) a:before { background:url(/ronso/wp-content/uploads/2018/05/6.png); background-size:cover;} #global_menu li a:hover { background:#2D2D2D; } #global_menu ul ul li { float:none; height:auto; line-height:26px; padding:0; margin:0; text-align:left; } #global_menu ul ul a { font-size:12px; position:relative; padding:10px 20px 8px; height:auto; line-height:180%; margin:0 0 -1px 0; text-align:left; background:#fff; border:1px solid #ccc; } #global_menu ul ul a:hover { border:1px solid #ccc; background:#f2f2f2; } /* banner */ #header_banner { position:absolute; top:39px; right:0px; } /* ---------------------------------------------------------------------- footer ---------------------------------------------------------------------- */ #return_top { float:right; margin:-84px 0 30px 0; display:block; width:36px; height:46px; text-indent:-9999px; background:url(img/footer/return_top.gif) no-repeat left top; } #return_top:hover { background-position:left bottom; } #footer_wrap { clear:both; width:100%; min-width:950px; background:#32373B;border-top:2px solid #1F286F; } #footer { width:950px; margin:0 auto; position:relative; color:#fff; font-size:11px; } #footer a { color:#fff; text-decoration:none; } #footer a:hover { color:#8dd0d9; } #footer li { line-height:170%; margin:0 0 10px 0; padding:0; } #footer li a { border-bottom:1px dotted #aaa; } /* footer logo */ #footer_logo_area { position:absolute; } #footer_logo { margin:0; line-height:100%; } #footer_logo_area #footer_description2 { padding-top:25px; display:block; width:300px; } #footer_logo_text_area { position:absolute; left:0px; top:64px; width:300px; } #footer_logo_text { margin:0 0 2px 0; font-size:24px; padding:0; } #footer_logo_text a { display:block; text-decoration:none; } #footer_description { margin:0 0 15px 0; font-weight:normal; font-size:11px; border-top:1px solid #777; display:block; padding:6px 0 0 0; color:#ccc; } #footer_description2 { } #footer_description2 p { line-height:160%; } /* widget area */ #footer_widget_area { width:645px; margin:0; float:right; overflow:hidden; } #footer_widget { margin:0 -50px 0 0; position:relative; } #footer_widget .footer_widget { margin:0 45px 30px 0; width:300px; display:inline-block; vertical-align:top; } .footer_widget_content { margin:0; } .footer_headline { color:#999; background:#32373b url(img/footer/headline_arrow.gif) no-repeat 15px 20px; font-size:13px; line-height:46px; height:46px; margin:0 0 20px 0; padding:0 0 0 43px; } .footer_widget ul { margin:0; } .footer_widget li ul { margin:10px 0 0 0; } .footer_widget li { } .footer_widget img { height:auto; max-width:100%; width:auto; } /* copyright */ #copyright { width:100%; min-width:950px; clear:both; text-align:center; color:#888888; background:url(img/footer/background.gif) repeat-x left bottom; margin:0; } #copyright p { margin:0; height:43px; line-height:43px; } #copyright a { text-decoration:none; color:#888888; } #copyright a:hover { text-decoration:underline; } #global_menu li { float: left; font-size: 1%; position: relative; list-style: none; padding: 0; } #text-2{ border:0px !important; padding:0 !important; } .bt { height: 18px; margin: 30px auto; } .bt a { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; font-size: 1.0em; text-decoration: none; font-weight: bold; padding: 10px 30px; background-color: #333333; color: #fff; border-style: none; } .bt a:hover { color: #fff; padding: 10px 30px; background: #cccccc; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration:none; } .bt_sell{ color: #fff; margin-left:10px; padding: 10px 30px; background: #A8281B; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration:none; width: 47px; text-align: center; float:left; } .buy{ float:left; } .text_field{ margin:10px 0; white-space: break-spaces; line-height:1.3; } .headline5{ margin: 30px 0 0 0; line-height: 42px; line-height: 42px; font-size: 14px; color: #fff; background: url(img/common/headline1.gif) repeat-x left top; padding: 0 15px;; } select{ font-size:14px; } .head_title{ text-shadow: 0 1px #ffffff; clear: both; font-size: 128.6%; padding: 5px 5px 5px; font-weight: bold; color: #333; border-top: 1px solid #e5e5e5; border-bottom: 3px solid #1F286F; margin-bottom: 10px; position: relative; line-height: 114.3%; background: url(images/line_wh.png) left top repeat-x; box-shadow: 0px 1px 3px rgba(0,0,0,0.20); } .frame_top{ width:18%; border-bottom:1px dotted #cccccc; margin:5px; display: -moz-inline-box; /*for Firefox 2*/ display: inline-block; /*for modern*/ /display: inline; /*for ie5～7*/ /zoom: 1; /*for ie5～7*/ vertical-align: top; } .frame_top{ width:18%; margin:5px; display: -moz-inline-box; /*for Firefox 2*/ display: inline-block; /*for modern*/ /display: inline; /*for ie5～7*/ /zoom: 1; /*for ie5～7*/ vertical-align: top; } .frame_top_bottom{ width:9%; margin:2px; display: -moz-inline-box; /*for Firefox 2*/ display: inline-block; /*for modern*/ /display: inline; /*for ie5～7*/ /zoom: 1; /*for ie5～7*/ vertical-align: top; } #MainPhoto{ /* border-radius */ border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; /* box-shadow */ box-shadow:rgba(0, 0, 0, 0.639216) 6px 6px 4px -3px; -webkit-box-shadow:rgba(0, 0, 0, 0.639216) 6px 6px 4px -3px; -moz-box-shadow:rgba(0, 0, 0, 0.639216) 6px 6px 4px -3px; } .frame_second{ border-bottom:1px solid #E5E5E5; vertical-align: middle; margin:10px 0; } .frame_second img{ vertical-align: middle; margin-bottom:10px; } .price{ text-align: center; margin:5px 0; } .price a{ border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; font-size: 1.0em; text-decoration: none; font-weight: bold; padding: 10px 30px; background-color: #1F286F; color: #fff; border-style: none; /*display: -webkit-box;*/ display:block; text-align: center; text-align: -webkit-center; } .price a:hover{ background-color: #333333; } .head_list li{ display: -moz-inline-box; /*for Firefox 2*/ display: inline-block; /*for modern*/ /display: inline; /*for ie5～7*/ /zoom: 1; /*for ie5～7*/ margin:0 5px; } ul.head_list{ margin: 0px 0 1em 0; } .head_sns{ width:50px; } .tagcloud a{ font-size:14px !important; } .frame_top_bottom p a img{ height: 105px; width: 122px; } ul.pdf_list li { padding: 10px 0 20px 50px !important; background: url(/ronso/wp-content/uploads/2015/03/pdf.gif) no-repeat !important; line-height: 240%; list-style: none; text-decoration: none; } .profile0{ font-size: 11px; } .headlinetitle{ background:#cccccc; padding:5px; color:#1F286F; border-left:2px solid #1F286F; margin-bottom:10px; font-size:16px; } ul li.cat-item-6,ul li.cat-item-7,ul li.cat-item-8,ul li.cat-item-9,ul li.cat-item-10,ul li.cat-item-11,ul li.cat-item-12,ul li.cat-item-13,ul li.cat-item-14,ul li.cat-item-15,ul li.cat-item-16,ul li.cat-item-17,ul li.cat-item-18,ul li.cat-item-19,ul li.cat-item-20,ul li.cat-item-21{ padding: 2px !important; border-bottom: 1px dashed #B6B6B6; } ul li.cat-item-24,ul li.cat-item-25,ul li.cat-item-26,ul li.cat-item-27,ul li.cat-item-28,ul li.cat-item-29,ul li.cat-item-30,ul li.cat-item-31,ul li.cat-item-32,ul li.cat-item-33,ul li.cat-item-34,ul li.cat-item-35,ul li.cat-item-36,ul li.cat-item-37,ul li.cat-item-38,ul li.cat-item-39,ul li.cat-item-40,ul li.cat-item-41,ul li.cat-item-42,ul li.cat-item-43,ul li.cat-item-44,ul li.cat-item-45,ul li.cat-item-46,ul li.cat-item-47,ul li.cat-item-48,ul li.cat-item-49,ul li.cat-item-50,ul li.cat-item-51,ul li.cat-item-52,ul li.cat-item-53,ul li.cat-item-54,ul li.cat-item-55,ul li.cat-item-56,ul li.cat-item-57,ul li.cat-item-58,ul li.cat-item-59,ul li.cat-item-60,ul li.cat-item-61,ul li.cat-item-62,ul li.cat-item-63,ul li.cat-item-64,ul li.cat-item-65,ul li.cat-item-66,ul li.cat-item-67,ul li.cat-item-68,ul li.cat-item-69,ul li.cat-item-70,ul li.cat-item-71,ul li.cat-item-72,ul li.cat-item-73,ul li.cat-item-122,ul li.cat-item-123,ul li.cat-item-142{ padding: 0 9px 9px 0px !important; list-style-type: disc; color: #CC3333; margin-left: 20px; display:block; margin-bottom: 10px; border-bottom:1px dashed #B6B6B6;; } .children{ background: #ffffff; } .post ul ul{ padding: 4px; margin: 0 0 0 0; } #s{ padding:5px; } #searchsubmit{ padding:5px; width: 50%; } .frame_top2 { /* border: 1px solid #cccccc; */ padding: 20px; width: 18%; /* height: 220px; */ margin: 0px; display: -moz-inline-box; display: inline-block; vertical-align: top; } .text_field .more-text{ display: none; } .text_field a.read-more { text-decoration: underline; margin-left: 10px; color: #1F286F; }