charset "UTF-8";

/* ------------------------------------------------------------------------- */
/* ベースとなるフォント
/* ------------------------------------------------------------------------- */
body {
    font-family : 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro',
                  'メイリオ', 'Meiryo',
                  'ＭＳ Ｐゴシック', 'MS PGothic',
                  sans-serif;
}

/* ------------------------------------------------------------------------- */
/* Futura Book
/* ------------------------------------------------------------------------- */
@font-face {
    font-family : Futura Book;
    src : url('../fonts/Futura-Book.woff') format("woff"),
          url('../fonts/Futura-Book.ttf') format("truetype");
}

.futura-book {
    font-family : 'Futura Book',
                  'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro',
                  'メイリオ', 'Meiryo',
                  'ＭＳ Ｐゴシック', 'MS PGothic',
                  sans-serif;
}

/* ------------------------------------------------------------------------- */
/* ベースとなるスタイル                                                      */
/* ------------------------------------------------------------------------- */
body {
    width       : 100%;
    height      : 100%;
    margin      : 0;
    padding     : 0;
    border      : 0;
    font-size   : 14px;
    color       : #000000;
    line-height : 1.5;
}

* html body   { overflow : hidden; }
a,
a:visited     { color : #000000; text-decoration : none; }
a:hover       { color : #9e9e9e; }
input,
textarea      { border : 0; border : solid 1px #a9a9a9; border-radius : 2px; padding : 3px 5px; }
img           { border : 0; max-width : 100%; }
div.container { width : 100%; margin : 0 auto; padding : 0; border : 0; }

button {
    border           : solid 1px #a9a9a9;
    padding          : 0.5em 1em;
    font-weight      : bold;
    color            : #333333;
    cursor           : pointer;
    box-shadow       : inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
    border-radius    : 5px;
    text-shadow      : 0px -1px 1px rgba(255, 255, 255, 0.8);
    
    /* gradient */
    background-image : -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#cccccc));
    background-image : -webkit-linear-gradient(top, #fcfcfc, #cccccc);
    background-image : -moz-linear-gradient(top, #fcfcfc, #cccccc);
    background-image : -ms-linear-gradient(top, #fcfcfc, #cccccc);
    background-image : -o-linear-gradient(top, #fcfcfc, #cccccc);
    background-image : linear-gradient(top, #fcfcfc, #cccccc);
    filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#cccccc',GradientType=0 );
}

/* ------------------------------------------------------------------------- */
/* ヘッダ
/* ------------------------------------------------------------------------- */
div.header    { width : 900px; margin : 25px auto; }
div.header h1 { width : 180px; margin : 0; padding : 0; float : left; }

div.header ul.navigation {
    width       : 700px;
    margin      : 20px 0 0 0;
    padding     : 0;
    float       : right;
    list-style  : none;
    text-align  : left;
}

div.header ul.navigation li {
    display     : inline-block;
    *display    : inline;
    *zoom       : 1;
    margin      : 0 5px 0 0;
    padding     : 2px 3px;
    position    : relative;
    font-size   : 12px;
    font-weight : bold;
    line-height : 12px;
}
div.header ul.navigation li.concept  { margin : 0 5px 0 5px; }
div.header ul.navigation li.facebook { padding : 0; position : relative; top : 6px; }

div.header div.fb-like {
    margin   : 0;
    padding  : 0;
    overflow : hidden;
    float    : right;
}

/* ------------------------------------------------------------------------- */
/* メインコンテンツ
/* ------------------------------------------------------------------------- */
div.contents    {
	width : 900px;
	margin : 0 auto;
	position : relative;
	overflow : hidden;
}
div.contents h2 {
    margin         : 0 0 50px 0;
    padding        : 5px 0;
    border-top     : solid 2px #000000;
    border-bottom  : solid 2px #000000;
    text-align     : center;
    font-size      : 20px;
    letter-spacing : 3px;
}

/* 工事中のページ用 */
div.contents div.soon {
    margin         : 90px 0 50px 0;
    text-align     : center;
    font-size      : 18px;
    font-weight    : bold;
    letter-spacing : 1px;
}

/* ------------------------------------------------------------------------- */
/* フッタ
/* ------------------------------------------------------------------------- */
div.footer {
    background : #d4dddd;
    text-align : center;
    margin     : 50px 0 0 0;
    padding    : 20px 0 10px 0;
}

div.footer address {
    font-size  : 12px;
    font-style : normal;
}

div.partnership { margin : 0 0 30px 0; }
div.partnership img {
    margin         : 0 10px;
    vertical-align : middle;
}

/* ------------------------------------------------------------------------- */
/* スマートフォン対応
/* ------------------------------------------------------------------------- */
@media screen and (min-width:481px) {
    div.fb-like { position : relative; bottom : 20px; }
}

@media screen and (max-width:480px) {
    div.header      { width : 100%; margin : 20px 0 0 0; }
    div.header h1   { width : 100%; float : none; text-align : center; }
    div.header
    ul.navigation   { width : 100%; margin : 15px 0 10px 0; float : none; text-align : center; }
    div.fb-like     { width : 100%; float : none; text-align : center; }
    div.contents    { width : 100%; }
    div.contents h2 { margin : 15px 0 20px 0; }
    div.footer      { margin : 20px 0 0 0; }
}