@charset "utf-8";

/*------------------------------------------------------------------------------
  Title: NINJA TOOLS
  Created: 2011-04-01
  ------------------------------------------------------------------------------*/

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

Common

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

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

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

/*  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;
}

/*  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;
}

/*  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;
}

/* 太字 */
.bold {
    font-weight:bold;
}

/* 下線 */
.underline {
    text-decoration:underline;
}

/* 赤字 */
.red {
    color:#ff0000;
}

/* 中央揃え */
.center {
    text-align:center;
}

/* 右揃え */
.right {
    text-align:right;
}

/* 左揃え */
.left {
    text-align:left;
}

/* エラーメッセージ（入力フォーム） */
span.err {
    display:block;
    padding:0 !important;
    line-height:1.4;
    color:#ea0000;
    font-weight:bold;
}

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