@charset "UTF-8";

/*
Theme Name: HyogoSelp
Theme URI:
Description:
Version: 1.0
Tags:
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*-----------------------------------------------------------------------------
 WordPress CMS Theme. Based on work by WSC Project: http://wsc.studiobrain.net/
---------------------------------------------------------------------------- */

/*style*/
body {
    background: url(./img/common/bg_body.gif);
    font: 14px/1.6 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #333;
}
a { color: #0066CC;}
a:hover { color: #00A3D9;}

/* clearfix */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after { clear:both;}
.cf { zoom:1;}

.red,strong { color: #D90000;}
.big { font-size: 21px;}
.bold { font-weight: bold;}
.txtr {text-align: right;}
.txtc {text-align: center;}

/* docment icon */
a[href$='.pdf']{
    background: url(./img/common/ico_pdf.gif) left center no-repeat;
    padding: 0 0 0 25px;
}
a[href$='.xls'],a[href$='.xlsx'] {
    background: url(./img/common/ico_xls.gif) left center no-repeat;
    padding: 0 0 0 25px;
}
a[href$='.doc'],a[href$='.docx'] {
    background: url(./img/common/ico_doc.gif) left center no-repeat;
    padding: 0 0 0 25px;
}

/*-----------------------
    HEAD
------------------------*/
#head {
    width: 980px;
    margin: 0 auto;
}
#head .h-inner {
    overflow: hidden;
    zoom: 1;
}
#head .h-logo {
    margin: 30px 0 0;
    float: left;
    display: inline;
}
#head .h-utility {
    float: right;
    margin: 40px 0 0;
    overflow: hidden;
    zoom: 1;
}
#head .h-utility li {
    margin: 0 0 0 15px;
    float: left;
    display: inline;
}

#head nav {
    margin: 20px 0 0;
    overflow: hidden;
}
#head nav li { float: left;}

/*-----------------------
    CONTENT
------------------------*/
#content {
    width: 980px;
    margin: 0 auto;
    zoom:1;
}
#content:before,
#content:after {
    content:"";
    display:table;
}
#content:after {
    clear:both;
}

/* breadcrumb
------------------------------- */
#breadcrumb{
    width: 980px;
    margin: 14px auto;
    font-size: 12px;
}
#breadcrumb a {text-decoration:none;}
#breadcrumb span:first-child a {
    background: url(./img/common/cmn_ico_home.gif) left center no-repeat;
    padding-left: 18px;
}

/* メインコンテンツ
------------------------------- */
#main {
    width: 720px;
    float: right;
}
#main h1{
    margin: 0 0 1em;
    background: url(./img/common/cmn_bg_h1.jpg) 0 0 no-repeat;
    width: 700px;
    height: 60px;
    padding: 40px 0 0 20px;
    font-size: 24px;
    color: #fff;
    line-height: 1.0;
}
#main h1 span {
    font-size: 18px;
    font-weight: normal;
    vertical-align: middle;
}

#main h2 {
    margin: 40px 0 1em;
    font-size: 20px;
    font-weight: bold;
    padding: 10px 0;
    border-bottom: 3px solid #00A8FF;
}
#main h3 {
    margin: 20px 0 15px;
    background: url(./img/common/cmn_ico_h3.gif) left center no-repeat;
    border-bottom: 1px solid #ccc;
    padding: 10px 0 8px 15px;
    font-size: 16px;
    font-weight: bold;
}
#main h2 a, #main h3 a {color: inherit;text-decoration: none;}
#main h2 a:hover, #main h3 a:hover {text-decoration: underline;}
#main h1 + h2,
#main h2 + h3 { margin-top: 0;}

#main p { margin: 0 0 1.2em;}
#main ul {
    margin: 1em 1.5em;
    list-style: disc;
}
#main ol {
    margin: 1em 2em;
    list-style: decimal;
}
#main li { margin: 0.25em 0; }
#main table {
    margin: 1.5em 0;
    width: 100%;
    background: #fff;
}
#main th,
#main td {
    padding: 20px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    vertical-align: middle;
    text-align: left;
}
#main th {
    width: 30%;
    background: #E9F7FE;
}
#main .head-table th,
#main .head-table td {
    border: 1px solid #ddd;
}
#main .head-table thead th {
    width: auto;
    background: #70baff;
}

/* イメージボックス */
#main .floatbox {
    margin: 1em 0;
    zoom:1;
}
#main .floatbox:before,
#main .floatbox:after {
    main:"";
    display:table;
}
#main .floatbox:after { clear:both;}
#main .floatbox div {
    overflow: hidden;
    zoom: 1;
}
#main .floatbox .right {
    float: right;
    display: inline;
    margin: 0 0 0 20px;
}
#main .floatbox .left {
    float: left;
    display: inline;
    margin: 0 20px 0 0;
}
#main .floatbox table {
    margin-top: 0;
}

/* contbox */
#main .contbox {
    margin: 0 0 20px;
    padding: 15px 15px 10px;
    border: 1px solid #eee;
    background: #fff;
}
#main .contbox .ttl {
    margin: 0 0 .5em;
    font-size: 16px;
    font-weight: bold;
}

/* link-btn */
#main .link-btn {
    margin: 30px 0;
    text-align: center;
}
#main .link-btn a {
    min-width: 180px;
    padding: 14px 20px 14px 40px;
    display: inline-block;
    background: rgb(255,176,212) url(./img/common/cmn_ico_ar.png) 15px center no-repeat;
    background: url(./img/common/cmn_ico_ar.png) 15px center no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgba(255,176,212,1)), to(rgba(255,149,197,1)));
    background: url(./img/common/cmn_ico_ar.png) 15px center no-repeat, linear-gradient(180deg, rgba(255,176,212,1) 0%, rgba(255,149,197,1) 100%);
    color: #fff;
    border-radius: 3px;
    text-decoration: none;
}

/* 事業について */
#main .work-list .link-btn {
    margin-bottom: 15px;
}
#main .work-cont {
    overflow: hidden;
}

/* 事業所一覧 */
#main .office-list {
    margin:  0 0 0 -15px;
    padding: 0;
    list-style: none;
    overflow: hidden;
}
#main .office-list li {
    float: left;
    width: 230px;
    margin: 0 0 15px 15px;
    padding: 0;
    list-style: none;
}
#main .office-list a {
    border: 3px solid #d9effb;
    padding: 20px;
    display: block;
    background: #fff url(./img/common/cmn_ico_arrow.gif) 205px center no-repeat;
    border-radius: 3px;
    color: #666;
    text-decoration: none;
    text-align: center;
}
#main .office-list a:hover {
    border: 3px solid #aae1ff;
}

/* アクセス */
#access {
    margin: 40px 0 0;
    width: 718px;
    height: 278px;
    position: relative;
    background: #FFF;
    border: 1px solid #eee;
    -webkit-border-radius: 4px;
            border-radius: 4px;
    font-size: 13px;
}
#access .access-cont {
    width: 458px;
    float: left;
}
#access .access-cont-logo { margin: 30px 0 0  30px;}
#access .access-cont-logo img { margin-bottom: 20px;}
#access .access-cont-utility {
    margin: 15px 0 0 30px;
    padding: 0;
    overflow: hidden;
    zoom: 1;
    list-style: none;
}
#access .access-cont-utility li {
    margin: 0 15px 0 0;
    padding: 0;
    float: left;
    display: inline;
}
#access .access-cont-nav {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 433px;
    margin: 0;
    padding: 15px 0 15px 25px;
    background: #D9EFFB;
    overflow: hidden;
    list-style: none;
}
#access .access-cont-nav li {
    float: left;
    margin: 0 5px;
    padding: 0;
}
#access .access-map {
    width: 260px;
    float: right;
}

/* サイドバー
------------------------------- */
#sub {
    width: 230px;
    float: left;
}
#sub .cont {
    margin: 0 0 20px;
    padding: 10px;
    border: 1px solid #eee;
    background: #fff;
}
#sub .cont h2 {
    margin: -11px 0 10px -11px;
    position: relative;
}
#sub .cont ul { margin: -5px 0; position: relative;}
#sub .cont li { border-top: 1px dotted #ccc;}
#sub .cont li:first-child { border-top: none;}
#sub .cont li a {
    display: block;
    background: url(./img/common/cmn_ico_arrow.gif) 4px center no-repeat;
    padding: 10px 0 10px 18px;
    color: #333;
    text-decoration: none;
}
#sub .cont li a:hover { text-decoration: underline;}
#sub .cont li.nolink > a { pointer-events: none;}

#sub .sub-kyou {
    -webkit-border-radius: 4px;
            border-radius: 4px;
}
#sub .sub-kyou-img {
    text-align: center;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

#sub .side-widget {padding:20px 0 0;float:left;width:250px;overflow:hidden;}
#sub .side-widget .widget-title{margin:0;font-weight:bold;}
#sub .side-widget ul{margin:0;}
#sub .side-widget ul ul{margin:0;padding:0 0 0 10px;}
#sub .side-widget p{margin:0;}
#sub .side-widget th,#sub .side-widget td{padding:0;text-align:center;}

/*-----------------------
    FOOT
------------------------*/
#pagetop {
    width: 980px;
    margin: 20px auto 0;
    text-align: right;
}
#foot {
    background: #00A8FF;
    padding: 20px 0 30px;
    margin: 35px 0 0;
    color: #FFF;
}
#foot a {
    color: #fff;
    text-decoration: none;
}
#foot a:hover { text-decoration: underline;}
#foot .f-inner {
    width: 980px;
    margin: 0 auto;
    overflow: hidden;
    zoom:1;
}
#foot .f-nav {
    display: inline;
    border-left: 1px solid #80D4FF;
}
#foot .f-nav li {
    display: inline;
    border-right: 1px solid #80D4FF;
    padding: 0 10px;
}
#foot .f-copy {
    margin-top: 15px;
    text-align: right;
}

/*-----------------------
    WP COMMON
------------------------*/
hr{background-color:#eee;border:0;height:1px;clear:both;margin:30px auto;}
blockquote{margin:0px 0px 20px;padding:10px 15px;background-color:#f4f4f4;border:1px solid #ddd;border-radius:3px;-moz-border-radius:3px;}
blockquote blockquote{margin:20px 0;background-color:#fff;}
blockquote blockquote blockquote{margin:20px 0;background-color:#f4f4f4;}
blockquote p{padding:0px;margin:0px 0px 0px 0px}
img{border:none;height:auto;}
.screen-reader-text{display:none;}
.clear{clear:both;}
.clear hr{display:none;}

/*content*/
#main .hentry {padding:0;overflow:hidden;}
#main .hentry.contbox { padding: 15px;margin-bottom: 40px;}
#main .hentry .entry-title {margin-top: 0;}
#main .hentry .entry-title-wrap { padding: 10px 0;}
#main .hentry .entry-title-wrap .entry-title { padding-bottom: 20px;}
#main .hentry .postmetadata {
}
#main .hentry .postmetadata .date {
    font-size: 16px;
    font-weight: bold;
    color: #666;
    vertical-align: middle;
    margin-right: 5px;
}
#main .hentry .postmetadata a {
    display: inline-block;
    font-size: 12px;
    padding: 1px 8px;
    -webkit-border-radius: 3px;
            border-radius: 3px;
    background: #FF95C5;
    color: #FFF;
    text-decoration: none;
    vertical-align: middle;
}

/*navigation*/
.navigation{margin: 20px 0 0;overflow: hidden;padding:20px 0;font-size:11px;line-height:21px;text-align:center;}
.navigation a{color:#fff;padding:5px 10px;background-color:#999;text-decoration:none;border-radius:3px;-moz-border-radius:3px;padding:5px 10px;}
.navigation a:hover{background-color:#aaa;}
.navigation div.alignleft {float:left;}
.navigation div.alignright {float:right;}

/*wp-pagenavi*/
.wp-pagenavi{clear:both;padding:0;font-size:11px;line-height:21px;text-align:center;}
.wp-pagenavi span.extend {color:#ccc;margin:2px;}
.wp-pagenavi span.current{background-color:#29a8ff;color:#fff;padding:5px 10px;border-radius:3px;-moz-border-radius:3px;margin:2px;}
.wp-pagenavi span.pages{background-color:#ccc;padding:5px 20px;color:#fff;padding:5px 10px;border-radius:3px;-moz-border-radius:3px;margin:2px;}
.wp-pagenavi a{color:#fff;padding:5px 10px;background-color:#999;text-decoration:none;border-radius:3px;-moz-border-radius:3px;padding:5px 10px;margin:0 2px;}
.wp-pagenavi a:hover{background-color:#aaa;}

/*image*/
.thumbnail-align img{float:left;padding:7px;margin:0 20px 20px 0;background-color:#eee;}
img.alignleft{float:left;padding:7px;margin:0 20px 20px 0;background-color:#eee;}
img.alignright{float:right;padding:7px;margin:0 0 20px 20px;background-color:#eee;}
.aligncenter{clear: both;display: block;margin:auto;}
.wp-caption {background: #f1f1f1;line-height: 18px;margin-bottom: 20px;text-align: center;padding:7px 2px;}
.wp-caption.alignleft{float:left;margin:0 15px 15px 0;}
.wp-caption.alignright{float:right;margin:0 0 15px 15px;}
.wp-caption img {margin:0;}
.wp-caption p.wp-caption-text {color: #888;font-size: 12px;margin:0;}
.gallery {margin:0 auto 18px;padding:0 0 25px;}
.gallery .gallery-item {float: left;text-align: center;}
.gallery .gallery-caption {color: #888;font-size: 12px;margin:0;}
.gallery br+br {display: none;}

/*Contact Form 7*/
.wpcf7-form{border:1px solid #ddd;margin:0 auto 20px;padding:20px;background-color:#f4f4f4;border-radius:10px;-moz-border-radius:10px;}
.wpcf7-form input{margin:0;}
.wpcf7-form textarea{width:99%;margin:0 0 10px;}
.wpcf7-form p{margin:0 0 10px;}
.wpcf7-not-valid-tip{padding:2px;clear:both;color:#c00;}
.wpcf7-display-none{display:none;}
.wpcf7-form img.ajax-loader{float:right;margin-top:-30px;}
.wpcf7-response-output{margin:0 0 20px;padding:5px;text-align:center;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
.wpcf7-mail-sent-ok{background-color:#398f14;color:#fff;}
.wpcf7-mail-sent-ng{background-color:#ff0000;color:#fff;}
.wpcf7-spam-blocked{background-color:#ffa500;color:#000;}
.wpcf7-validation-errors{background-color:#f7e700;color:#000;}
input.wpcf7-submit{margin:10px auto;width:218px;display:block;cursor:pointer;padding:0;border:1px solid #aaa;font-size:13px;line-height:20px;border-radius:3px;-moz-border-radius:3px;background-color:#fff9d3;}


/*-----------------------
    INDEX
------------------------*/
/* メインビジュアル
------------------------------- */
#mainVisual {
    width: 980px;
    margin: 10px auto 30px;
}

/* サービス
------------------------------- */
#service ul {
    overflow: hidden;
    margin: 0 0 0 -15px;
    padding: 0;
    list-style: none;
    position: relative;
}
#service li {
    float: left;
    width: 230px;
    margin: 0 0 30px 15px;
    padding: 0;
    overflow: hidden;
}
#service li img { margin: 0 0 8px;}

/* インフォメーション
------------------------------- */
#information { margin: 30px 0 0;}
#information .info-news {
    float: left;
    width: 350px;
}
#information .info-news-ttl { position: relative;}
#information .info-news-ttl h2 { margin: 0;}
#information .info-news-ttl a { position: absolute; right: 0; bottom: 15px;}

#information .info-facebook {
    float: right;
    width: 350px;
}
#information .entry {
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
    font-size: 13px;
    line-height: 1.7;
}
#information .entry li {
    padding: 0 0 15px;
    margin-bottom: 15px;
    border-bottom: 1px dotted #ccc;
    position: relative;
}
#information .entry a {
    font-weight: bold;
    text-decoration: none;
    color: #333;
}
#information .entry a:hover { text-decoration: underline;}
#information .ico {
    font-size: 11px;
    margin-left: 8px;
    padding: 0 8px;
    background: #aaa;
    color: #FFF;
}
#information .news {
    background: #FF95C5;
    color: #FFF;
}

/* 名刺
------------------------------- */
#main .meishi-sample,
#main .meishi-sample li {
    margin: 0;
    padding: 0;
    list-style: none;
}
#main .meishi-sample {
    margin: 0 -10px;
    overflow: hidden;
}
#main .meishi-sample li {
    margin: 10px;
    width: 165px;
    float: left;
}
#main .meishi-sample img {
    border: 1px solid #ccc;
    width: 100%;
    height: auto;
    margin-bottom: 5px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

#main .meishi-flow,
#main .meishi-flow li {
    margin: 0;
    padding: 0;
    list-style: none;
}
#main .meishi-flow {
    counter-reset: item;
}
#main .meishi-flow li {
    padding-left: 45px;
    position: relative;
    margin: 0 0 30px;
}
#main .meishi-flow li span {
    font-weight: bold;
    font-size: 16px;
}
#main .meishi-flow li:before {
    display: block;
    position: absolute;
    left: 0;

    counter-increment: item;
    content: counter(item);

    background: #FF95C5;
    width: 32px;
    height: 32px;
    line-height: 32px;
    -webkit-border-radius: 16px;
          border-radius: 16px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}