@charset 'UTF-8';
/***************************************************************
    SYSTEM   : ＡＥＤ
    TITLE    : スタイルシートの定義
    SHEET    : style.css
    VERSION  : Ver1.0.18
    LANGUAGE : CSS level2
    CODESET  : UTF-8
    EXPLAIN  : 画面共通の色や形状を定義する。
    AUTHOR   : yap
    CREATED  : 2008/01/12  //as Ver1.0.1
    UPDATED  : 2010/07/14  //as Ver1.0.18
***************************************************************/

/***************************************************************
    ページ全体の定義
***************************************************************/

/* 文字色・フォントの定義 */
body, th, td, input, button, textarea {
    color: #505050;
    font-size: 10.5pt;
    font-weight: normal;
    font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'Osaka', Verdana, Arial, Helvetica, sans-serif;
/*    font-family: 'ＭＳ Ｐゴシック', 'MS P Gothic', 'Osaka', Verdana, Arial, Helvetica, sans-serif; */
    text-decoration: none;
    line-height: 1.2em;
}

/* 背景色の定義 */
body {
    margin: 0px;
    padding: 0px;
    background-color: #E4ECF9;
}

/* テーブルの定義 */
table {
    border: none;
    border-spacing: 0px;
    border-collapse: collapse;
}

/* イメージの定義 */
img {
    border: none;
}

/* フォームの定義 */
form {
    margin: 0px;
    padding: 0px;
}

/* 重要文字の定義 */
strong {
    color: #FC5A29;
    font-weight: normal;
}

/* 強調文字の定義 */
em {
    color: #660099;
    font-style: normal;
}

/* 罫線の定義 */
hr {
    border-width: 1px 0px 0px;
    border-style: solid;
    border-color: #FCBE4F;
    height: 1px; /* IE用必須 */
}

/* リンクデザイン */
a {
    text-decoration: none;
    outline: none;
}
a:link    {color: #0000FF;}
a:visited {color: #FF00FF;}
a:hover   {color: #FF0000;}
a:active  {color: #FFFF00;}

/***************************************************************
    ヘッダ部の定義
***************************************************************/

/* ページ部の定義 */
#page {
    margin: auto;
    width: 780px;
    background-color: #FFFFFF;
}

/* サイト説明の定義 */
#desc {
    font-size: 7.5pt;
    line-height: 1.2em;
}

/* ヘッダ部の定義 */
#head {
    padding: 4px 24px 0px;
}

/* キャッチの定義 */
#catch {
    position: relative;
    top: 8px;
    height: 80px;
    text-align: center;
}

/***************************************************************
    ボディ部の定義
***************************************************************/

/* メイン部の定義 */
#main {
    float: left;
    width: 536px;
}

/* 動画部の定義 */
#movie {
    float: left;
    width: 292px;
}

/* 動画部コメントの定義 */
#movie p {
    margin: 8px 0px 0px;
}

/* キャンペーン部の定義*/
#campaign {
    float: right;
    width: 424px;
    margin-left: 16px;
}

/* ナビ部の定義 */
#navi {
    float: right;
    padding-left: 20px;
    width: 176px;
}

/* メニュー部の定義 */
#menu {
    padding: 31px 0px 8px 32px;
    width: 144px;
    height: 121px;
    background: url('../image/menu.gif') no-repeat;
    line-height: 24px;
}

/* トピックスの定義 */
#topics {
    padding: 32px 8px 16px 10px;
    background: url('../image/topics.gif') no-repeat;
}

/* RSSニュースの定義 */
#news {
    width: 158px;
    height: 204px;
    overflow: scroll;
}

/* RSSニュース段落の定義 */
#news p {
    margin: 0px;
    font-size: 9pt;
}

/***************************************************************
    フッタ部の定義
***************************************************************/

/* フッタ部の定義 */
#foot {
    padding: 0px 24px;
}

/* ライン(破線)の定義 */
#line {
    margin: 4px 0px;
    height: 2px;
    font-size: 1.5pt;
    background: url('../image/line.gif') no-repeat;
}

/* 複製禁止の定義 */
#copy {
    padding: 4px;
    font-size: 8pt;
    text-align: center
}

/***************************************************************
    クラスの定義
***************************************************************/

/* タイトルの定義 */
.title {
    margin: 0px;
    padding: 8px;
    font-size: 12pt;
    font-weight: bold;
    text-align: center;
}

/* ベルトの定義 */
.belt {
    padding: 4px;
    text-align: center;
    background-color: #FCBE4F;
}

/* リンクの定義 */
.link {
    font-size: 9pt;
    text-align: right;
}

/* コンテンツの定義 */
.cont {
    padding: 12px 24px;
}

/* 見出しの定義 */
.cap {
    padding: 6px 8px 0px;
    height: 20px;
    color: #FFFFFF;
    font-size: 12pt;
    background: url('../image/caption.gif') no-repeat;
}

/* セクションの定義 */
.sec {
    color: #660000;
    font-weight: bold;
}

/* 注釈の定義 */
.notes {
    text-align: center;
    color: #F73408;
}

/* 説明の定義 */
.expl {
    margin-bottom: 12px;
    background-color: #EFF1F4;
}
.expl3 {
    width: 384px;
    background-color: #EFF1F4;
}

/* 説明文の定義 */
.expl p, .expl2 p, .expl3 p {
    margin: 0px;
    padding: 0px 10px;
    line-height: 1.5em;
}

/* 説明ボックス(角丸)の定義 */
.box_top {
    height: 10px;
}
.box_tl {
    height: 10px;
    background: url('../image/box.gif') 0 0 no-repeat;
}
.box_tr {
    float: right;
    width: 10px;
    height: 10px;
    background: url('../image/box.gif') 100% 0 no-repeat;
}

.box_bl {
    height: 10px;
    background: url('../image/box.gif') 0 100% no-repeat;
}
.box_br {
    float: right;
    width: 10px;
    height: 10px;
    background: url('../image/box.gif') 100% 100% no-repeat;
}

/* 設置場所の定義 */
.place {
    float: left;
    margin: 16px 32px 16px 0px;
    width: 352px;
    color: #336699;
    background: #EFF1F4 url('../image/frame_wall.gif') repeat-y;
}
.place_l {
    float: left;
    width: 192px;
}
.place_r {
    float: right;
    width: 160px;
    background: url('../image/frame_wall.gif') 100% 0 repeat-y;
}

/* 設置場所文の定義 */
.place ul {
    margin: 0px;
    padding-left: 32px;
    line-height: 1.5em;
}

/* 設置場所フレーム(角丸)の定義 */
.frame_tl {
    height: 16px;
    background: url('../image/frame.gif') 0 0 no-repeat;
}
.frame_tr {
    float: right;
    width: 16px;
    height: 16px;
    background: url('../image/frame.gif') 100% 0 no-repeat;
}

.frame_bl {
    height: 16px;
    background: url('../image/frame.gif') 0 100% no-repeat;
}
.frame_br {
    float: right;
    width: 16px;
    height: 16px;
    background: url('../image/frame.gif') 100% 100% no-repeat;
}

/* AED寄贈画像の定義 */
.prsn {
    text-align: center;
}

/* 審査が必要コメントの定義 */
.comm {
    height: 24px;
    color: #F73408;
    font-size: 9pt;
    text-align: right;
}

/* 問合せ(小)ボタンの定義 */
.inq {
    position: relative;
    top: -24px;
    padding-right: 10px;
    height: 0px;
    text-align: right;
}

/* 商品写真の定義 */
.pics {
    margin: 8px;
}

/* Q&Aの定義 */
.qanda {
    margin-left: 10px;
    padding-left: 2.0em;
    text-indent: -2.0em;
}

/* 訓練手順の定義 */
.process {
    float: left;
    margin: 0px 8px;
    width: 200px;
    text-align: left;
    background-color: #EFF1F4;
}

/* 訓練手順文の定義 */
.process p {
    margin: 0px;
    padding-left: 12px;
    line-height: 1.8em;
}

/* インデックスの定義 */
.index {
    margin: 12px 0px;
    padding-left: 8px;
    color: #FC5A29;
    font-size: 12pt;
    font-weight: bold;
    border-left: solid 6px #FC5A29;
    border-bottom: dotted 1px #FC5A29;
}

/* 仕様方法の定義 */
.usage div {
    float: left;
    width: 244px;
}

/* 仕様方法説明の定義 */
.usage p {
    margin: 8px;
}

/* パラグラフ部の定義 */
.parag {
    color: #0066cc;
    font-size: 12pt;
}

/* 左段組みの定義 */
.leftcol {
    float: left;
}

/* 右段組みの定義 */
.rightcol {
    float: right;
}

/* 小さ目文字の定義 */
.small {
    font-size: 9pt;
}

/* 大き目文字の定義 */
.large {
    font-size: 12pt;
}

/* 強調文字の定義 */
.strong {
    color: #660099;
}

/* 警告文字の定義 */
.caution {
    color: #FC5A29;
}

/* 左寄せの定義 */
.left {
    text-align: left;
}

/* 中央寄せの定義 */
.center {
    text-align: center;
}

/* 右寄せの定義 */
.right {
    text-align: right;
}

/* 文字寄せクリアの定義 */
.clear {
    clear: both;
}