/*********************************************************************
 * 
 * スタイルシート
 *
 ********************************************************************/

/** ------------------------------------------------------------------
 --
 --
 --  HTMLタグ自体の設定
 --
 --
 ------------------------------------------------------------------- */
body{
    margin               : auto;
    padding              : 0px;
    font-size            : 0.8em;
    color                : #000000;
    line-height          : 1.4em;
    text-decoration      : none;
    text-align           : center;
}

table{
    border-collapse      : collapse;
    line-height          : 1.4em;
    font-size            : 1.0em;
}

table.border{
    border               : 1px solid #0066FF;
}

/**
 * THタグの定義
 */
th{
    padding              : 5px;
    background           : #B9B9B9;
    white-space          : nowrap;
    font-weight          : normal;

}

/**
 * TDタグの定義
 */
td{
    padding              : 5px;
    vertical-align       : top;
}

/**
 * TDタグで、縦位置を真ん中にする定義
 */
td.middle{
    vertical-align       : middle;
}


img{
    border-width         : 0px;
    margin               : 0px;
}

a{
    color                : #333333;
    text-decoration      : none;
}

a:hover{
    color                : #0066FF;
    position             : relative;
    top                  : 2px;
    left                 : 2px;
    border-bottom        : 1px solid #0066FF;
    padding-bottom       : 2px;
}

a.image:hover{
     border              : 0px solid #0066FF;
}

ul,ol,dl{
    margin               : 20px 0px 20px 10px;
    padding              : 0px;
}

dt{
    margin               : 5px 0px 5px 5px;
    font-weight          : bold;
}

dt u{
    text-decoration      : none;
    border-bottom        : 3px  double #888888;
    padding              : 2px;

}

dd{
    margin               : 5px 0px 25px 20px;
}

blockquote,q{
    margin               : 15px  0px 15px  5px;
    padding              : 15px 10px 15px 10px;
    background           : #EFEFEF;
}

h1,h2,h3{
    font-size            : 1.0em;
    text-align           : left;
}


/** ------------------------------------------------------------------
 --
 --
 --  共通クラス
 --
 --
 ------------------------------------------------------------------- */
/**
 * リンクユニット部分の定義
 */
.header_affiliate{
    margin               : 5px 0px 5px 20px;
    padding              : 5px;
    text-align           : left;
}

/**
 * フッターのリンクユニット部分の定義
 */
.affiliate_footer_link{
    margin               : 20px 0px 20px 10px;
    padding              : 5px;
    text-align           : center;
}

/**
 * スカイスクレーパー型広告の左端部分
 */
.affiliate_left{
    margin               : 20px 0px 20px 15px;
    padding              : 0px;
    float                : left;
}

/**
 * スカイスクレーパー型広告の中央部分
 */
.affiliate_center{
    margin               : 20px 0px 20px 65px;
    padding              : 0px;
    float                : left;
}

/**
 * スカイスクレーパー型広告の右側部分
 */
.affiliate_right{
    margin               : 20px 10px 20px 65px;
    padding              : 0px;
    float                : left;
}

/**
 * インデント
 */
.indent{
    margin-left          : 20px;
}

/**
 * 回り込み解除
 */
.clear{
    clear                : both;
}

/**
 * 強調文字
 */
.strong_txt,.strongTxt{
    color                : #FF6600;
    font-size            : 1.2em;
    font-weight          : bold;
}

/**
 * 注意書きなどの注目集めるようのテキスト
 */
.attention_txt{
    color                : #F76185;
    font-weight          : bold;
}

/**
 * 色付け文字の１の定義（オレンジ色）
 */
.colored_txt_1{
    color                : #FF3300;
}

/**
 * 色付け文字の２の定義（緑色）
 */
.colored_txt_2{
    color                : #008000;
}


/**
 * 薄い文字
 */
.lighttxt{
    color                : #BFBFBF;
}


/** ------------------------------------------------------------------
 --
 --
 --  レイアウト関係の設定
 --
 --
 ------------------------------------------------------------------- */

/**
 * 全体の包む部分
 */
#wrapper{
    display              : block;
    width                : 950px;
    margin               : auto;
    padding              : 0px;
    background           : url(/images/border/main_wrapper.gif);
    background-repeat    : repeat-y;
    text-align           : center;
}

/*********************************************************************
 * 
 *  ヘッダー部分
 * 
 *********************************************************************/

/**
 * ヘッダー部分のページ内容の説明部分の定義
 */
.description{
    margin               : 0px 0px 0px  5px;
    padding              : 3px 0px 0px 15px;
    text-align           : left;
    float                : left;
}

/**
 * ヘッダー部分のブックマーク定義部分
 */
.header_bookmark{
    margin               : 0px 15px 0px 15px;
    padding              : 3px 10px 3px 10px;
    text-align           : right;
}

/**
 * ヘッダーメニューの枠部分の定義
 */
#header-menu{
    margin               : 10px 12px 5px 12px;
    padding              :  0px  0px 3px 0px;
    text-align           : left;
    border-bottom        : 1px dotted  #CCCCCC;
}

/**
 * ヘッダーメニューのリスト表示部分の定義
 */
#header-menu li{
    display              : inline;
    margin               : 0px 10px 0px 0px;
    padding              : 5px  0px 5px 15px;
    background-image     : url(/images/button/guidance_gray.jpg);
    background-position  : left;
    background-repeat    : no-repeat;
}

.header_infomation{
    margin               : 5px 20px 5px 20px;
    padding              : 3px 0px 0px 15px;
    border               : 1px solid red;
}
/*********************************************************************
 * 
 *  左コンテンツ部分
 * 
 *********************************************************************/

/**
 * 左コンテンツ全体の枠の定義
 */
#left-contents{
    width                : 672px;
    margin               :  0px 0px 10px 5px;
    padding              :  0px 0px  0px 10px;
    text-align           : left;
    float                : left;
}


/**
 * ページの唯一の大見出し定義
 */
#left-contents h1{
    margin               :  0px 0px 20px  5px;
    padding              :  8px 0px  3px 22px;
    font-size            : 1.06em;
    font-weight          : bold;
    background-image     : url(/images/title/title_square.gif);
    background-position  : left;
    background-repeat    : no-repeat;
    border-bottom        : 3px solid #428B00;
    text-align           : left;
}

/**
 * 投稿日付関連の情報部分定義
 */
#left-contents .post-date{
    margin               : 3px 0px 20px 15px;
    padding              : 0px 0px  3px 5px;
    font-size            : 0.9em;
    border-left          : 1px dashed #B6B6B6;
    border-bottom        : 1px dashed #B6B6B6;
    text-align           : right;
    float                : right;
}


/**
 * 左コンテンツの内の中見出しの定義
 */
#left-contents h2{
    margin               :  0px 0px 20px  5px;
    padding              :  8px 0px  3px 22px;
    font-size            : 1.06em;
    color                : #0066FF;
    background-image     : url(/images/title/title_square.gif);
    background-position  : left;
    background-repeat    : no-repeat;
    border-bottom        : 3px solid #428B00;
    text-align           : left;
}

/**
 * 左コンテンツの内の中見出しの定義
 */
#left-contents h3{
    margin               : 0px 0px 20px -5px;
    padding              : 8px 0px  3px 0px;
    border-bottom        : 3px solid #ffcc99;
    text-align           : left;
}


/**
 * 左コンテンツの内の小見出しの定義
 */
#left-contents .content-heading{
    margin               : 10px 0px 20px 0px;
    padding              :  8px 0px  5px 5px;
    font-size            : 1.06em;
    font-weight          : bold;
    color                : #0066FF;
    border-top           : 2px solid #428B00;
    border-bottom        : 2px solid #428B00;
    text-align           : left;
}

/**
 * 左コンテンツの内のアンカーの定義
 */
#left-contents a{
    color                : #0066FF;
    text-decoration      : none;
}


#left-contents a:visited{
    color                : #941D55;
}


/**
 * 左コンテンツの内の通常リストの定義
 */
#left-contents li{
    margin               : 5px 10px 10px 20px ;
    padding              : 1px;
    clear                : both;
}

/**
 * コンテンツ枠の定義
 */
.content-border{
    margin               : 15px  0px 25px  5px;
    padding              :  0px 10px 20px 15px;
    border               : 1px solid #B6B6B6;
    text-align           : left;
}

/**
 * コンテンツ内の左側への画像配置部分の定義
 */
.object_in_content_left{
    margin               : 10px 20px 10px 0px;
    float                : left;
    text-align           : center;
}

/**
 * コンテンツ内の右側へのオブジェクト配置部分の定義
 */
.object_in_content_right{
    margin               : 10px 5px 20px 10px;
    float                : right;
    text-align           : center;

}

/**
 * コンテンツ内のPR枠の定義
 */
.pr{
    margin-top           : 10px;
    padding              :  0px 10px 10px 10px;
    border               : 1px solid green;
}

/**
 * お気に入りに追加 部分
 */
.favorite_link{
    margin               : 30px 5px 15px 5px;
    margin               : 30px 0px 25px 5px;
    padding              : 0px 10px  5px 15px;
    border               : 1px dashed #FF6600;
    text-align           : left;
}

/**
 * ページナビゲーション部分の定義
 */
.page_navi{
    text-align           : center;
}

/**
 * ソース、引用などの枠部分の定義
 */
.block_quote{
    margin               : 5px 0px 5px 0px;
    padding              : 5px;
    font-size            : 12px;
    border               : 1px dotted #FF6600;
    background           : #EFEFEF;
}

.last_modified_date{
    margin               : 0px;
    padding              : 0px;
    text-align           : left;
    float                : left;
}

.modified_description{
    width                : 520px;
    margin               : 0px 0px 5px 5px;
    padding              : 0px 0px 0px 0px;
    float                : left;
}

.tips{
    margin-top           : 20px;
    padding              :  0px 10px 10px 10px;
    border               : 1px solid lime;
}

/*********************************************************************
 * 
 *  右コンテンツ部分
 * 
 *********************************************************************/

/**
 * 右コンテンツ全体の枠の定義
 */
#right-contents{
    width                : 238px;
    margin               :  0px 8px 20px 0px;
    padding              : 10px 0px 20px 0px;
    text-align           : center;
    float                : right;
}

/**
 * サイドメニュー枠の定義
 */
#side_menu{
    width                : 230px;
    margin-top           : 0px;
    padding              : 0px;
}

/**
 * 右コンテンツのメニュータイトル部分の定義
 */
#side_menu .side_title{
    margin               :  0px 0px 20px  5px;
    padding              :  8px 0px  3px 22px;
    font-size            : 1.06em;
    color                : #0066FF;
    background-image     : url(/images/title/title_square.gif);
    background-position  : left;
    background-repeat    : no-repeat;
    border-bottom        : 3px solid #428B00;
    text-align           : left;
}

/**
 * 右コンテンツのメニューのULの定義
 */
#side_menu ul{

}

#side_menu li{
    list-style           : none;
    padding              : 0px 0px 5px 16px;
    background-image     : url(/images/button/guidance_gray.jpg);
    background-repeat    : no-repeat;
    background-position  : left 5px;
    text-align           : left;
}

/*********************************************************************
 * 
 *  フッター部分
 * 
 *********************************************************************/
.footer{
    margin               : 10px 13px 0px 15px;
    padding              :  5px 10px 1px 10px;
    border-top           : 1px solid #AAAAAA;
    text-align           : left;
    clear                : both;
}


/**
 * フッターのアンカーの定義
 */
.footer_anchor{
    color                : #0066FF;
    text-decoration      : none;
}

/**
 * フッターのサイト署名部分定義
 */
.signature{
    text-align           : right;
}

.version_tag{
    color                : #FFFFFF;
}