/*  
Theme Name: Original Theme
Theme URI: http://fdr.jp/
Version: 1.0
*/

@charset "utf-8";
@import "css/reset.css";
@import "css/fonts.css";
@import "css/print.css";

/*
@import url(http://weloveiconfonts.com/api/?family=entypo);
[class*="entypo-"]:before {
  font-family: 'entypo', sans-serif;
}
*/
/*
@import url(//weloveiconfonts.com/api/?family=fontawesome);
[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
}
*/

/************************************************
■基本レイアウト
*************************************************/
html {
    height:100%;
    overflow-y: scroll;
}
body {
    color:#2a2a2a;
    font-family: Helvetica, "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
	  -webkit-text-size-adjust: none;
	  -webkit-font-smoothing: antialiased;
    line-height:1.4;
    background:#FFFFFF;
    height:100%;
}

/*全体ワク*/
#wrapper {
    min-width:970px;
    position:relative;
    height:100%;
}
#wrapper-inner {
    text-align:left;
    height:100%;
}

/************************************************
■共通
*************************************************/
/* フロート回り込み解除 */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    line-height: 0px;
}
.clearfix {
    display: block;
}
.clear {
    clear: both;
}

ul,ol {
    padding:0;
}
li {
    list-style-type:none;
}

/* リンク色指定 */
a:link  {
    color:#0085B2;
    text-decoration: none;
}
a:visited {
    color:#5925A7;
    text-decoration: none;
}
a:link:hover ,
a[href]:hover {
    text-decoration: underline;
}
.alignL {
    text-align:left;
}
.alignR {
    text-align:right;
}
.alignC {
    text-align:center;
}
img {
    vertical-align:middle;
}
.clear {
    clear:both;
}
hr {
    padding:0;
    margin:0;
    border:none;
    border-bottom:#ccc 1px solid;
}
.floatright {
    float: right;
}

/************************************************
■ヘッダ・フッタ・カラム
*************************************************/
/*カラム包括ワク*/
#container {
    position:relative;
    z-index:2;
    background:#fff;
    min-height:300px;
}
#container-inner {
    width:970px;
    margin:10px auto;
}

/*ページャー*/
.pagination { color: #CCC margin: -2.6em 0 4.6em 0; }
.pagination div { float: left; margin: 0 2em 0 0; }
.pagination a { text-decoration: underline;}
.pagination a:link, .pagination a:visited { color: #CCC; }
.pagination a:hover, .pagination a:active, .pagination a:focus { color: #999; }

/************************************************
■ヘッダ
*************************************************/
/*ヘッダ*/
#header {
    position:relative;
    background:#fff;
    /*background:#F7F4F4 url(./img/header/btn_bg1.jpg) left top repeat-x;*/
    border-top:#F6CECC 5px solid;
    z-index:3;
    height:65px;
    width:100%;
    text-align:center;
    box-shadow:0 0 2px #999;
    -webkit-box-shadow:0 0 2px #999;
    -moz-box-shadow:0 0 2px #999;
}
#header-inner {
    width:970px;
    margin:0 auto;
    line-height:1;
}
#header h1 {
    margin-top:12px;
    display:inline-block;
    vertical-align:top;
}
#header .tel {
    margin-top:16px;
    vertical-align:top;
}

/*メニュー*/
#main-navi-block {
    position:relative;
    z-index:2;
    display:inline-block;
    margin:0 10px 0 10px;
    border-left:#DED6D6 1px solid;
}
.main-navi {
    display:table;
}
.main-navi>li {
    display:table-cell;
    vertical-align:middle;
    border-right:#DED6D6 1px solid;
}
.main-navi>li>a {
    color:#2a2a2a;
    vertical-align:middle;
    border-left:#fff 1px solid;
    display:inline-block;
    font-size:15px;
    line-height:65px;
    padding:0 15px 0 15px;
    height:65px;
    background:#F7F4F4 url(./img/header/btn_bg1.jpg) left top repeat-x;
}
.main-navi>li:hover a {
    background-image:none;
    background:#fff;
}

.main-navi .sub-menu {
    background:#fff;
    color:#000;
    position:absolute;
    text-align:left;
    display:none;
    width:200px;
    padding:10px 10px 20px 20px;
    border-radius:0 0 5px 5px;
    -webkit-border-radius:0 0 5px 5px;
    -moz-border-radius:0 0 5px 5px;

    box-shadow:0 1px 1px #ccc;
    -webkit-box-shadow:0 1px 1px #ccc;
    -moz-box-shadow:0 1px 1px #ccc;

}
.main-navi .sub-menu li {
    /*border-top:#F6CECC 1px solid;*/
}
.main-navi .sub-menu li:first-child {
    border-top:none;
}
.main-navi .sub-menu li a {
    color:#2a2a2a;
    line-height:1.2;
    min-width:12em;
    display:block;
    font-size:14px;
    padding:5px 15px 5px 15px;
    background:url(./img/common/arrow_pink.png) left 10px no-repeat;
}

/*検索*/
#form-search {
    padding:20px 0 0 5px;
    margin:0;
    vertical-align:top;
}
#txt-search {
    width:8.5em;
    padding:2px 4px 2px 22px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border:#C2B4B4 1px solid;
    background:#fff url(./img/header/search.png) 5px 50% no-repeat;
}
#btn-search {
    margin:0 0 0 -2px;
     cursor:pointer;   
}

/************************************************
■サイドメニュー
*************************************************/
.block-title {
    text-align:center;
    padding:10px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
}
.block-title h3 {
    color:#fff;
    font-size:14px;
    display:inline-block;
    padding-left:18px;
}

#side-column {
    display:inline-block;
    width:210px;
    margin:0 10px 0 0;
    vertical-align:top;
}
#side-column .block-title {
    background:#E7917E;
}
#side-column .block-title h3 {
    background:url(./img/common/icon_circle.png) left 50% no-repeat;
}

.side-navi {
    background:#F9E8E6;
    border-radius:0 0 4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    padding:10px 10px 10px 10px;
    border-radius:0 0 4px 4px;
    -webkit-border-radius:0 0 4px 4px;
    -moz-border-radius:0 0 4px 4px;
}
.block-title {
    border-radius:3px 3px 0 0;
    -webkit-border-radius:3px 3px 0 0;
    -moz-border-radius:3px 3px 0 0;
}
.side-navi li {
    margin:0 0 5px 0;
}
.side-navi a {
    display:block;
    padding:12px 5px 12px 21px;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    font-size:14px;
    line-height:1.3;
    border:#F7CBCB 1px solid;
    background:#fff url(./img/common/arrow_pink.png) 10px 18px no-repeat;
}
.side-navi a span {
    display:block;
    color:#666;
    padding-top:4px;
    font-size:11px;
    line-height:1.4;
}

.side-navi .groups {
    margin:8px 0;
    background:#F3C8BE;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    padding:5px 10px;
}
.side-navi .groups>a {
    border:none;
    letter-spacing:0.1em;
    font-size:13px;
    padding:5px 5px 5px 5px;
    color:#666;
    background:none;
    text-align:center;
    box-shadow:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
}

/*バナー画像*/
#side-banner {
    padding:15px 0;
}
#side-banner li {
    text-align:center;
}

/************************************************
■フッタ
*************************************************/
#btn-top {
    position:fixed;
    bottom:-30px;
    right:20px;
    z-index:100;
}

#footer {
    clear:both;
    padding:10px 0 20px 0;
    text-align:center;
}

/*バナー*/
#external-banner {
    /*border-top:#FBE3E3 1px solid;*/
    padding:10px 0 15px 0;
    text-align:center;
}
#external-banner li {
    display:inline-block;
    padding:5px;
}

/*住所*/
#footer .foot-address {
    /*background:#FDF2F2;*/
    background:#F4F2F2;
    padding:20px 0 20px 0;
    margin-bottom:20px;
}
#footer .foot-address table {
    margin:0 auto 0 auto;
}
#footer .foot-address th {
    padding:0 15px 0 0;
}
#footer .foot-address td {
    padding:0 0 0 15px;
    text-align:center;
}
#footer .foot-address td h6 {
    font-size:13px;
    padding:0 0 5px 0;
}
#footer .foot-address td p {
    font-size:13px;
}

#form-search {
    display:inline-block;
}

.footer-navi {
    display:inline-block;
    padding:0 5px;
    margin:0 20px 0 0;
    border-left:#ccc 1px solid;
}
.footer-navi li {
    display:inline-block;
    padding:0 5px;
    border-right:#ccc 1px solid;
}

.copyright {
    padding:15px 0 0 0;
    font-size:11px;
}


/************************************************
■トップページ
*************************************************/
/*メインカラム*/
#main-column {
    display:inline-block;
    width:520px;
    margin:0 10px 0 0;
    vertical-align:top;
}

/*右カラム*/
#sub-column {
    display:inline-block;
    width:210px;
    vertical-align:top;
}
/*トップページ用*/
.toppage #main-column {
    width:380px;
}
.toppage #sub-column {
    width:350px;
}

/*お知らせ*/
#top-news .block-title {
    background:#79BBD0;
}
#top-news .block-title h3 {
    background:url(./img/home/icon_news.png) left 50% no-repeat;
    padding-left:25px;
}
#top-news ul.lists {
    clear:both;

}
#top-news ul.lists li {
    border-top:#BBDDE8 1px solid;
    padding:14px 15px;
}
#top-news ul.lists li:last-child {
    border-bottom:#BBDDE8 1px solid;
}
#top-news ul.lists li h4 {
    font-size:17px;
    line-height:1.3;
    padding:10px 0 0 0;
    font-weight:normal;
}
#top-news ul.lists li .cat {
    display:inline-block;
}
#top-news ul.lists li .exp {
    padding:10px 0 0 10px;
    font-size:12px;
}
/*お知らせ カテゴリリスト*/
#top-news .cat-btn1 {
    float:left;
    padding:15px 0 15px 0;
    font-size:12px;
}
#top-news .cat-btn1 li {
    display:inline-block;
    padding:0 5px;
}
#top-news .cat-btn2 {
    float:right;
    padding:15px 0 15px 0;
    font-size:12px;
}
#top-news .cat-btn2 li {
    display:inline-block;
    padding:0 10px;
    border-right:#BBDDEA 1px solid;
}
#top-news .cat-btn2 li:last-child {
    border:none;
}

/*お知らせ カテゴリアイコン*/
.cat {
    font-size:12px;
    line-height:1.2;
    display:inline-block;
    padding:4px 6px;
    letter-spacing:0.05em;
    border-radius:2px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    vertical-align:bottom;
}
.cat a {
    color:#fff;
}

#top-news .cat,
#news .cat {
    background:#68B1CA;
}
#seminars .cat {
    background:#8EAD45;
}
#search .cat {
    background:#DD9484;
}
/*
.cat.announcement {
    background:#FADDDD;
}
.cat.public-relations {
    background:#E6F5BA;
}
.cat.etc {
    background:#DEE7F7;
}
*/

/*セミナー案内*/
#top-seminar {
    background:#A0C252;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    padding:0 10px 1px 10px;
}
#top-seminar .block-title h3 {
    background:url(./img/home/icon_seminar.png) left 50% no-repeat;
    padding-left:25px;
}
#top-seminar .group {
    background:#fff;
    padding:10px;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    margin-bottom:10px;
}
#top-seminar h4.cat-title {
    text-align:center;
    padding:5px 0 15px 0;
    font-size:15px;
    font-weight:normal;
}
#top-seminar h4.cat-title a {
    padding-left:20px;
    display:inline-block;
    background:url(./img/common/icon_circle_g.png) left 50% no-repeat;
}
#top-seminar ul li {
    border-top:#C8DC9A 1px solid;
    padding:15px 10px;
}
#top-seminar ul li h4 {
    font-size:17px;
    line-height:1.3;
    font-weight:normal;
}
#top-seminar ul li .exp {
    padding:7px 0 0 0;
    font-size:13px;
    color:#6D8635;
}

/*NEWマーク*/
span.new {
    margin-left:0.3em;
    font-size:11px;
    line-height:1.2;
    display:inline-block;
    padding:4px 6px;
    background:#F4E6CE;
    color:#333;
    letter-spacing:0.10em;
    border-radius:2px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    vertical-align:bottom;
}


/************************************************
■トップページ：ムービー
*************************************************/
.covervid-wrapper {
    position:relative;
    z-index:1;
    margin-top:-25%;
    min-height:30%;
    text-align:left;
    overflow:hidden;
    background:#ffffff !important;
}
.oldie .covervid-wrapper {
    top:-200px;

}

.covervid-wrapper video {
    overflow:hidden;
    width:100%;
    height:auto;
    min-width:970px;
    background:#ffffff !important;
}
.covervid-wrapper h2 {
    position: absolute;
    z-index:2;
    top:60%;
    left:50%;
    color:#fff;
}
.covervid-wrapper p {
    position: absolute;
    z-index:2;
    top:65%;
    left:50%;
    color:#fff;
}

/*初期設定*/
#video {
    opacity:0;
}
.mov-img, 
#last-img {
    display:none;
}

/*表示設定*/
#copy {
    position:absolute;
    top:0;
    left:50%;
    margin-left:-485px;
    overflow:hidden;
    width:970px;
    z-index:1;
    height:100%;
}
.a1 {
    position:absolute;
    top:53%;
    left:50%;
}
.a2 {
    position:absolute;
    top:53%;
    left:44.5%;
}
.b1 {
    position:absolute;
    top:60%;
    left:36%;
}
.b2 {
    position:absolute;
    top:60%;
    left:30%;
}
.b3 {
    position:absolute;
    top:60%;
    left:24%;
}

#last-img {
    position:absolute;
    top:0;
    overflow:hidden;
    width:100%;
    height:100%;
    background:#fff url(./img/home/main3.jpg) 50% bottom no-repeat;
    background-size:contain;
}
.c1 {
    position:absolute;
    top:46%;
    left:30%;
    width:auto;
    height:45%;
    max-height:302px;
}

/*スマートフォン表示*/
#sp-visual {
    position:relative;
    width:100%;
    height:290px;
    background:#fff url(./img/home/main3.jpg) 50% bottom no-repeat;
    background-size:cover;
}
#sp-visual img {
    position:absolute;
    top:3%;
    left:30%;
    width:150px;
    height:auto;
}