@charset "UTF-8"; /* @override http://wsc.studiobrain.net/5/wp-content/themes/wsc5-0-b3/style.css */ /* Theme Name: Platinum Description: 春工房 Version: 1.0 Author: Y.Kimura Author URI: http://www.haru-koubou.com/ */ /***** Reset (ここは編集しないこと) *****/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;background: transparent;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} :focus {outline: 0;} ins {text-decoration: none;} del {text-decoration: line-through;} table {border-collapse: collapse;border-spacing: 0;} caption {width: 100%;} /***** 横幅設定 (100% or 950px) *****/ #container{width: 900px;} /***** カラム設定 (3 or 2 or 1) *****/ /*3カラム左右 #main{width: 70%;} #side{width: 20%;margin-right: -20%;float: left;} #mainwrap{margin-left: 20%;width: 80%;float: right;} #sidebar2{width: 30%;margin-left: -10px;}*/ /*3カラム右右 #main{width: 70%;} #side{width: 20%;float: right;margin-left: -20%;} #mainwrap{width: 80%;float: left;margin-right: 20%;background-color: #ccc;} #sidebar2{width: 30%;margin-left: -10px;}*/ /*2カラム左 #main{width: 100%;} #side{width: 25%;margin-right: -25%;float: left;} #mainwrap{margin-left: 25%;width: 75%;float: right;} #sidebar2{width: 100%;background-color: #666;}*/ /*2カラム右 #main{width: 100%;} #side{width: 25%;margin-left: -25%;float: right;} #mainwrap{width: 75%;margin-right: 25%;float: left;} #sidebar2{width: 100%;background-color: #666;}*/ /*1カラム*/ #main{width: 100%;} #side{width: 100%;float: left;} #mainwrap{width: 100%;float: right;} #sidebar2{width: 100%;background-color: #666;} /***** 共通のタグ CommonTag *****/ body{background-color: #eee;font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;} h1,h2,h3,h4,h5,h6,p{margin: 0;padding: 0px 0 15px;} a{ outline:none;color: #666;text-decoration: none;} a:hover{color: #999;text-decoration: underline;} .cl{ clear:both;} /***** スペース領域 AreaSpace *****/ #container{margin-right:auto;margin-left:auto;} #main{float: left;text-align:left;background-color: #fff;overflow: hidden; color:#333;} #mainwrap{overflow: hidden;} #side{overflow: hidden;} #sidebar1{overflow: hidden; background-color:#FFF;} #sidebar2{float: right;overflow: hidden;} .sidebar{padding-bottom: 15px;overflow: hidden;} #topimage{height: 210px;clear: both;border-bottom: 3px solid #F38324;background: #F38324;} #header{overflow: hidden;border-bottom: 2px solid #FFF;background-color: #FFF;float: left;width: 100%;} #footer{clear:both;background-color: #FFF;float: left;width: 100%; border-top:solid 1px #999} #wrap{clear:both;background-color: #999;float: left;width: 100%;overflow: hidden;margin-top: -1px;border-top: 3px solid #F38324;} #pagewrap{clear: both;float: left;overflow: hidden;width: 100%; margin-bottom:10px;} /***** ヘッダー Header *****/ #header #logo{ width:400px; height:110px;background: #F38324 ; margin:5px 0; float:left;} #header #header-top{float: left;padding: 10px 2%;width: 450px;} #header #header-left{float: left;width: 290px;} #header #header-right{width: 200px; height:40px; margin-top: 13px;float: left;} #header #headimg1{ width:270px; height:35px; background-image:url(img/headimg1.jpg);} #header .header_ttl a{color:#F38324;font-size: 170%;} #header .header_ttl{margin:0;padding: 5px 0;font-weight: normal;font-style: normal; font-size: 60%;} #header .header_ttl a:hover{color:#fff} #header .header_description{color: #999;font-weight: 400;font-style: normal;margin: 0;padding: 0;font-size: 100%;} /*ヘッダーナビ header_navi*/ #header_navi{padding: 10px 0;width: 100%;background-color: #FFF;float: left;clear: both; border-top:solid 3px #F38324} #header_navi #page_navi{text-align: right;white-space: nowrap;float: right;width: 100%;background: #FFF none left top;padding:10px 0; font-size:14px;} #header_navi #page_navi li{padding:0;margin: 0;float: left;} #header_navi #page_navi li ul{float: left;padding: 0;margin: 0;list-style-type: none;} #header_navi #page_navi li ul li{padding: 0;} #header_navi #page_navi li a{color: #333;padding: 5px .7em;float: left;background-color: #FFF;font-size: 100%;} #header_navi #page_navi li a:hover{text-decoration: none;background-color: #F38324;color: #FFF;} #header_navi #page_navi li.current_page_item a{background-color: #F38324;color: #FFF;} /***** フッター Footer *****/ #footer .copyright {color: #666;padding: 10px 1%;font: bold 80% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;} #footer #wp_loginout {padding: 0;margin: 0;float: right;font-size: 80%;} #footer #wp_loginout li{display: inline;padding: 0 1em 0 0;float: left;} #footer #wp_loginout li a{float: left;background-color: #555;color: #ccc;padding: 3px 10px;font-weight: normal;white-space: nowrap;} .produced{color:#666;text-align:right;float: right;padding: 10px 1%;font: 80% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;} #footer #admin{ font-size:0.8em; background-color:#FFF;} /***** サイトトップ sitetop *****/ #bukkeninfo { width:205px; height:auto; margin:10px 5px 10px 40px; float:left;font-size: 80%; line-height:1.2em; clear:both;} #otherinfo { width:290px; height:auto; margin:10px 0 10px 70px;font-size: 80%; line-height:1.2em; float:left;} #otherinfo .img3{ margin:18px 0 10px 10px;} #otherinfo ul li{ list-style-image:url(img/listmark.gif); margin:0 0 5px 30px; font-size:1.2em;} #otherinfo2 { width:220px; height:auto; margin:10px 20px 10px 20px; float:right;font-size: 80%; line-height:1.2em;} #otherinfo2 ul li{ list-style:none; float:left; margin-bottom:10px;} #topmenu{width:570px; height:40px; margin:15px 0 0 15px;float:left;} #topmenu ul li{ list-style:none; float:left; margin-right:57px;} #topmenu .end{ margin:0px;} #leftcol{ width:620px; height:auto; float:left;} /***** ブログトップ blogtop *****/ #blogleft { width:680px; height:auto; padding:20px 15px 20px 0; float:left;line-height:1.2em;} #blogright { width:auto; height:auto; margin:20px 15px; float:left;line-height:1.5em; text-align:center} /***** 会社概要トップ companytop *****/ #company {width:600px;height:auto;margin:0 auto; font-size:0.8em} #company .all{ margin:15px 0; line-height:1.2em;border-collapse:separate; border-spacing:1px;} #company .left{background-color:#FFE0C1; padding:0 7px; text-align:center;} #company .right{background-color:#FFF5F0; padding:0 7px;} #company .photo{background-color:#FFF5F0; padding:0;} /***** 任意売却トップ ninbaitop *****/ #ninbai { width:900px; height:352px; margin:0 auto; padding:20px 0;} /***** リフォームトップ reformtop *****/ #reform { width:900px; height:auto; margin:0 auto; padding:20px 0;} #reform #plan{ width:425px; height:auto; float:left; margin:15px 12px 0 12px;} #reform #price{ width:850px; height:auto; margin:5px 15px; font-size:0.8em; line-height:1.4em; clear:both; } #reform h3{font-size:22px; color:#F60; font-weight:bold;} /***** お客様の声トップ customertop *****/ #customer { width:900px; height:auto; margin:0 auto; padding:15px 10px; font-size:0.8em; line-height:1.2em;} #customer #h2 { width:350px; border-left:#CCC solid 5px; font-size:22px; font-weight:bold; color:#F60; padding:5px; margin-bottom:10px;} #customer #voice{ width:380px; height:220px; border-bottom:#FFB56A solid 3px; border-right:#FFB56A solid 3px; border-left:#FFD2A6 solid 2px; border-top:#FFD2A6 solid 2px; margin:15px 25px 0 25px; float:left;} #customer #voiceend{ width:380px; height:220px; border-bottom:#FFB56A solid 3px; border-right:#FFB56A solid 3px; border-left:#FFD2A6 solid 2px; border-top:#FFD2A6 solid 2px; margin:15px 25px 15px 25px; float:left;} #customer .table{ margin:5px;} #customer .line{ width:350px; height:1px; border-top:solid 2px #F60; margin:0 10px 2px 10px;} #customer .box{ clear:both;} /***** プライバシーポリシー privacy *****/ #privacy { width:900px; height:auto; margin:0 auto; padding:15px 10px; font-size:0.8em; line-height:1.2em;} #privacy #h2 { width:600px; border-left:#CCC solid 5px; font-size:22px; font-weight:bold; color:#F60; padding:5px; margin-bottom:10px;} #privacy #txt {width:800px; margin:10px 50px;} #privacy ol {margin-left:2em;} #privacy ol li{line-height:115%; margin-bottom:1em;} #privacy ol li ol{margin-top:0.5em;} #privacy ol li ol li{ list-style:disc; line-height:120%; margin:8px 0;} #privacy ol li ol li.mini{font-size:0.93em; line-height:150%; margin-bottom:0.2em;} #privacy p.lead {font-weight:bold; color:#555555; margin-top:20px;} /***** コンテンツ Content *****/ .pagename{font-weight: bold;clear: both;color: #005376;background-color: #FEF3D3;border-bottom: 1px solid #F38324;margin-bottom: 0;padding: 15px 2%;font-size: 120%;} .content {clear: both;font-size: 90%;line-height: 180%;padding: 15px 2%;} .content .title{margin: 0;padding: 0 0 10px;} .content .title a{color: #C00;text-decoration:none;display: block;background-color: #ccc;font-size: 105%;line-height: 100%;padding: .2em 1.5%;} .content .title a:hover{color:#E6332D;background-color: #dfdfdf;} .content p{} .content h1{font-size: 140%;line-height: 100%;} .content h2{font-size: 120%;line-height: 100%;} .content h3{font-size: 105%;line-height: 100%;} .content h4{font-size: 95%;line-height: 100%;} .content h5{font-size: 90%;line-height: 100%;} .content h6{font-size: 75%;line-height: 100%;} .content small{font-size: 80%;} .content big{font-size: 130%;} .content a{color: #226db9;} .content a:hover{color: #2783de;} .content a.more-link {display: block;margin: 10px 0 0;padding: 5px 7px;background-color: #f6f6f6;border-right: 5px solid #3774bb;text-align: right;font-size: 90%;line-height: 120%;} .content ul{list-style-position: outside;padding: 0 0 15px 25px;list-style-type: disc;line-height: 140%;} .content ol{list-style-position: outside;margin: 0;padding: 0 0 15px 25px;list-style-type: decimal;line-height: 140%;} .content ul ul,.content ol ol,.content ul ol,.content ol ul{padding-left: 3%;} .content blockquote {margin: 0 0 15px;background-color: #e1f5f9;border: 1px solid #b2d3e0;clear: both;padding: 10px 2% 0;} .content blockquote p{margin: 0;padding: 0px 0px .8em;} .content blockquote ol,.content blockquote ul{margin: 0;padding: 0px 0px .8em 25px;} .content .postmetadata {margin: 0;color: #555;clear: both;border-top: 1px solid #bbb;padding: 8px 0 0;font-size: 80%;line-height: 160%;} .content img.alignleft{float:left;padding:0 10px 10px 0;} .content img.alignright{float:right;padding:0 0 10px 10px;} #pagewrap .relation ul {padding: 15px 0 15px 40px;} #pagewrap p{ margin:10px 0 10px 15px; padding:0; font-size:14px; line-height:1.4em; line-height:1.8em;} #blogleft p{ margin:10px 0 10px 0;!important} #pagewrap .setsubi{ float:left; margin:10px 0 10px 21px; padding:0; font-size:14px; line-height:1.4em; width:272px; line-height:1.8em;} #pagewrap .w280{ width:280px;} #pagewrap .mr21{ margin-right:21px;} #pagewrap .mb20{ margin-bottom:20px;} #pagewrap .h3{ font-size:14px; font-weight:bold; border-left:solid 3px #F63; border-bottom: solid 1px #CCC; margin:0 0 10px 0; padding:2px 2px 2px 5px; width:265px;} #pagewrap .lh{ line-height:1.8em;} #pagewrap .btn{ margin:0px 150px 30px;} /*コメント comments*/ #comments-area {padding: 15px;font-size: 90%;line-height: 170%;clear: both;} #comments-area small{font-size: 85%;} #comments-area ol.commentlist {list-style-type: none;padding-left: 5%;} #comments-area input#author, #comments-area input#email, #comments-area input#url {border: 1px solid #666;padding: 3px;width: 50%;} #comments-area textarea#comment {border: 1px solid #666;width: 92%;padding: 3px;} #comments-area form#commentform {padding: 0 0 0 5%;} #comments-area p.nocomments {display: none;} /*ナビゲーション Navi*/ .navigation{clear: both;text-align: center;padding:10px 0;white-space: nowrap;float:left;width:100%;} .navigation a{color: #fff;padding:2px 5px;background-color: #999;border: 2px solid #ccc;float: left;font-size:70%;line-height:100%;} .navigation a:hover{color: #fff;} .navigation div.alignleft {float: left;padding:0 0 0 10px;} .navigation div.alignright {float: left;padding:0 0 0 10px;} /***** サイドバー Sidebar *****/ .sidebar {font-size: 0.85em;line-height: 1.4em;} .sidebar ul{list-style-type: none;margin: 0;overflow: hidden;background-color: #fff;padding: 7px 3%;} .sidebar ul li{background: #fff url(img/sidebar_li.gif) no-repeat 0 0.6em;padding: 0.2em 0 0.2em 10px;} .sidebar p{line-height: 150%;padding: 7px 3%;} .sidebar .widget{overflow: hidden;margin: 15px 5% 0;} .sidebar .module_title {margin: 0 0 5px;clear: both;background-color: #ccc;font-size: 90%;line-height: 130%;font-weight: bold;padding: 3px 2%;} .sidebar a {color: #05f;} .sidebar a:hover {color: #08f;text-decoration: underline;} /*テキスト textwidget*/ .sidebar .textwidget p {background-color: #fff;} /*検索 search*/ .sidebar #searchform input#s {width: 70%;border: 1px solid #999;padding: 4px;font-size: 100%;} .sidebar #searchform label.hidden {font-weight: bold;} /*カレンダー Calendar*/ .sidebar #wp-calendar {color: #666;background-color: #fff;line-height: 100%;font-size: 95%;width:100%;margin:0 auto;} .sidebar #calendar p.module_title {display: none;} .sidebar #wp-calendar thead {background-color: #eee;} .sidebar #wp-calendar caption {color: #000;font-weight: bold;background-color: #ccc;padding: 5px 0;} .sidebar #wp-calendar th{text-align: center;padding: 3px 0;} .sidebar #wp-calendar td{text-align: center;padding: 3px 0;} /*タグクラウド*/ .sidebar #tag_cloud {line-height: 1.2;} /***** その他 Others *****/ #main .edit{text-align: center;font-style: italic;padding: 0;float: right;width: 49px;height: 15px;margin: -33px -11px 0 0;} #main .edit a{position: absolute;top: 0;right: 0;background-color: #07f;color: #fff;padding: 2px 10px;} .rollover{}