@charset "utf-8";

/*------------------------------------------------------------------------------
  Title: 忍者ツールズ
  Copyright: (C) Samurai Factory Inc.
  ------------------------------------------------------------------------------*/

/*============================================================================

Common

=============================================================================*/
/*------------------------------------------------------------
  Hypertext
  -------------------------------------------------------------*/

/*  1-1. Html, Body
    -------------------------------------------------------------*/

html {
    height:100%;
}

body {
    font-size: 12px;
    line-height:1.8;
    color: #333333;
    border:0;
    height:100%;
}

/*  1-2. Text element
    -------------------------------------------------------------*/

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td {
    font-family:Arial,"メイリオ",sans-serif;
    font-weight: normal;
}

p {
    line-height: 160%;
}

br {
    letter-spacing: normal;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
    font-variant: normal;
}

address, strong, em, cite, code, dfn, var {
    font-style: normal;
    font-weight: normal;
}

/* ベースリンク指定 */
a {
    cursor: pointer;
    text-decoration: underline;
}

a:link,
a:visited {
    color: #444444;
}

a:hover,
a:active {
    color: #989898;
    text-decoration: none;
}

/* parts */
.bold {
    font-weight:bold;
}
.underline {
    text-decoration:underline;
}

.red {
    color:#ff0000;
}

.center {
    text-align:center;
}
.right {
    text-align:right;
}
.left {
    text-align:left;
}

.f-smaller {
    font-size:80%;
}
.f-small {
    font-size:90%;
}
.f-large {
    font-size:110%;
}
.f-larger {
    font-size:120%;
}


/*  1-3. Table element
    -------------------------------------------------------------*/

table {
    border-spacing: 0;
    font-size: 100%;
}

caption, th {
    text-align: left;
    font-style: normal;
    font-weight: normal;
}

/*  1-4. List element
    -------------------------------------------------------------*/

ul, ol, li, dl, dt, dd {
    list-style-type: none;
}

.list-kome {
    margin-top:10px;
    margin-bottom:10px;
}
.list-kome > li,
.errorArea p {
    margin-left:1em;
    text-indent:-1em;
    line-height:1.4;
}
.list-kome > li:before,
.errorArea p:before {
    content:"※";
}

/*  1-5. Form element
    -------------------------------------------------------------*/

legend {
    color: #000000;
}

input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

input[type="checkbox"],
input[type="radio"] {
    position: relative;
    top: 0.1em;
}

/*  1-6. Image element
    -------------------------------------------------------------*/

img {
    border: 0;
}



/*------------------------------------------------------------
  parts
  -------------------------------------------------------------*/
/* clearfix */
.clear {
    clear:both;
}

/* 緊急時のアラートお知らせ掲載用 */
.common_alert {
    margin:1em 0 0;
    padding:1em;
    text-align:center;
    border:1px solid #ffa3a3;
    background:#ffeeee;
}
.common_alert a,
.common_alert a:hover {
    color:#ff0000;
}