﻿/* -------------------------------------------------------------------------------- */
/* タグのプロパティ */
/* -------------------------------------------------------------------------------- */
/* h3タグのプロパティ */
h3
{
    background-color     : #FFE5CC   ;                    /* 背景色指定 */
    border-bottom-color  : #F26D7D   ;                    /* 下側枠線の色指定 */
    border-bottom-style  : solid     ;                    /* 下側枠線のスタイル指定 */
    border-bottom-width  : 5px       ;                    /* 下側枠線の幅指定 */
    border-left-color    : #F26D7D   ;                    /* 左側枠線の色指定 */
    border-left-style    : solid     ;                    /* 左側枠線のスタイル指定 */
    border-left-width    : 1px       ;                    /* 左側枠線の幅指定 */
    border-right-color   : #F26D7D   ;                    /* 右側枠線の色指定 */
    border-right-style   : solid     ;                    /* 右側枠線のスタイル指定 */
    border-right-width   : 1px       ;                    /* 右側枠線の幅指定 */
    border-top-color     : #F26D7D   ;                    /* 上側枠線の色指定 */
    border-top-style     : solid     ;                    /* 上側枠線のスタイル指定 */
    border-top-width     : 1px       ;                    /* 上側枠線の幅指定 */
    color                : #666666   ;                    /* 文字の色指定 */
   	font-size            : 14px      ;                    /* フォントサイズ指定 */  
    margin-bottom        : 0px       ;                    /* 下側マージン指定 */
    margin-left          : 10px      ;                    /* 左側マージン指定 */
    margin-right         : 0px       ;                    /* 右側マージン指定 */
    margin-top           : 10px      ;                    /* 上側マージン指定 */
	padding              : 5px 10px  ;                    /* パディング領域指定(上下、左右) */
    width                : 250px     ;                    /* 幅指定 */
}

/* -------------------------------------------------------------------------------- */
/* DIV要素のプロパティ */
/* -------------------------------------------------------------------------------- */
/* コンテンツのliタグプロパティ */
div#contents li 
{

    list-style-type      : disc      ;                    /* リスト項目の行頭記号指定 */ 
    list-style-position  : inside    ;                    /* リスト項目の行頭記号の位置指定 */ 
    margin               : 0px 10px  ;                    /* マージン指定(上下、左右) */
	padding              : 3px 0px   ;                    /* パディング領域指定(上下、左右) */
    width                : 200px     ;                    /* 幅指定 */ 
    vertical-align       : middle    ;                    /* 文字の縦方向位置指定 */
}

/* コンテンツのulタグプロパティ */
div#contents ul 
{
    background-color     : #FFEEEE   ;                    /* 背景色指定 */
    border-color         : #F26D7D   ;                    /* 枠線の色指定 */
    border-style         : solid     ;                    /* 枠線のスタイル指定 */
    border-width         : 1px       ;                    /* 枠線の幅指定 */
    height               : 150px     ;                    /* 高さ指定 */
	margin               : 0px 10px  ;                    /* 上下左右のマージン指定(上下、左右) */
	padding              : 5px       ;                    /* パディング領域指定(上下左右) */
    width                : 250px     ;                    /* 幅指定 */
}

/* DIV要素のpos_leftプロパティ */
div.pos_left 
{
    clear                : left      ;                    /* 回り込み解除 */
    float                : left      ;                    /* 回り込み段組み指定 */
    height               : 150px     ;                    /* 高さ指定 */
}

/* DIV要素のpos_rightプロパティ */
div.pos_right 
{
    clear                : right     ;                    /* 回り込み解除 */
    float                : right     ;                    /* 回り込み段組み指定 */
    height               : 150px     ;                    /* 高さ指定 */
	margin-right         : 150px     ;                    /* 右のマージン指定 */
}
