/* -------------------------------------------------------------------------------- */
/* タグのプロパティ */
/* -------------------------------------------------------------------------------- */
/* ------------------------------ */
/* aタグ */
/* ------------------------------ */
/* aタグのregisterプロパティ */
a#register 
{ 
    background-image     : url(../images/index/register.jpg)           ;     /* 背景画像指定 */
}

/* aタグのquestionプロパティ */
a#question 
{ 
    background-image     : url(../images/index/question.jpg)           ;     /* 背景画像指定 */
}

/* aタグのasahistaffプロパティ */
a#asahistaff 
{ 
    background-image     : url(../images/index/asahistaff.jpg)         ;     /* 背景画像指定 */
}

/* aタグのasahiworkプロパティ */
a#asahiwork
{ 
    background-image     : url(../images/index/asahiwork.jpg)          ;     /* 背景画像指定 */
}

/* aタグのainプロパティ */
a#ain 
{ 
    background-image     : url(../images/index/ain.jpg)                ;     /* 背景画像指定 */
}

/* -------------------------------------------------------------------------------- */
/* DIV要素のプロパティ */
/* -------------------------------------------------------------------------------- */
/* ------------------------------ */
/* 左コンテンツ領域 */
/* ------------------------------ */
/* 左コンテンツ領域のプロパティ */
div.contents_left 
{
    float                : left      ;                    /* 回り込み段組み指定 */
	margin               : 6px 0px   ;                    /* 上下左右のマージン指定(上下、左右) */
	padding-right        : 8px       ;                    /* 右側パディング領域指定 */
    width                : 480px     ;                    /* 幅指定 */ 
}

/* ニュース領域のプロパティ(左コンテンツ領域内) */
div.news iframe 
{
    float                : none      ;                    /* 回り込み段組み指定 */
}

/* ------------------------------ */
/* 右コンテンツ領域 */
/* ------------------------------ */
/* 右コンテンツ領域のプロパティ */
div.contents_right 
{
    border-left-color    : #CCCCCC   ;                    /* 左側枠線の色指定 */
    border-left-style    : solid     ;                    /* 左側枠線のスタイル指定 */
    border-left-width    : 1px       ;                    /* 左側枠線の幅指定 */
    float                : left      ;                    /* 回り込み段組み指定 */
	margin               : 6px 0px   ;                    /* 上下左右のマージン指定(上下、左右) */
	padding-left         : 6px       ;                    /* 左側パディング領域指定 */
    width                : 240px     ;                    /* 幅指定 */ 
}

/* 右コンテンツ領域のulタグプロパティ */
div.contents_right ul
{
    list-style-type      : none      ;                    /* リスト項目の行頭記号指定 */
    width                : 235px     ;                    /* 幅指定 */ 
}

/* 右コンテンツ領域のliタグプロパティ */
div.contents_right li
{
    list-style-type      : none      ;                    /* リスト項目の行頭記号指定 */
    width                : 235px     ;                    /* 幅指定 */ 
}

/* 右コンテンツ領域のaタグプロパティ */
div.contents_right a 
{
    display              : block     ;                    /* 表示形式指定 */
    height               : 80px      ;                    /* 高さ指定 */
    width                : 240px     ;                    /* 幅指定 */
}

/* 右コンテンツ領域(小)のulタグプロパティ */
div.contents_right_small ul
{
    list-style-type      : none      ;                    /* リスト項目の行頭記号指定 */
    width                : 100px     ;                    /* 幅指定 */ 
}

/* 右コンテンツ領域(小)のliタグプロパティ */
div.contents_right_small li
{
    list-style-type      : none      ;                    /* リスト項目の行頭記号指定 */
    width                : 100px     ;                    /* 幅指定 */ 
}

/* 右コンテンツ領域(小)のaタグプロパティ */
div.contents_right_small a
{
    border               : 2px solid transparent;         /* 枠線指定 */
    display              : block     ;                    /* 表示形式指定 */
    height               : 40px      ;                    /* 高さ指定 */
    width                : 100px     ;                    /* 幅指定 */
}

/* 右コンテンツ領域(大)のulタグプロパティ */
div.contents_right_big ul
{
    list-style-type      : none      ;                    /* リスト項目の行頭記号指定 */
    width                : 180px     ;                    /* 幅指定 */ 
}

/* 右コンテンツ領域(大)のliタグプロパティ */
div.contents_right_big li
{
    list-style-type      : none      ;                    /* リスト項目の行頭記号指定 */
    width                : 180px     ;                    /* 幅指定 */ 
}

/* 右コンテンツ領域(大)のaタグプロパティ */
div.contents_right_big a
{
    border               : 2px solid transparent;         /* 枠線指定 */
    display              : block     ;                    /* 表示形式指定 */
    height               : 95px      ;                    /* 高さ指定 */
    width                : 180px     ;                    /* 幅指定 */
}

/* ------------------------------ */
/* コンテンツ関連 */
/* ------------------------------ */
/* コンテンツのプロパティ */
#contents 
{
	padding-bottom       : 60px      ;                    /* 下側パディング領域指定 */
}

/* リクルートのプロパティ */
#recruit 
{
    background-color     : #FFDDDD   ;                    /* 背景色指定 */
    border-bottom-color  : #FF5555   ;                    /* 下側枠線の色指定 */
    border-bottom-style  : double    ;                    /* 下側枠線のスタイル指定 */
    border-bottom-width  : 3px       ;                    /* 下側枠線の幅指定 */
	color                : #333333   ;                    /* 文字色指定 */    
    display              : block     ;                    /* 表示形式指定 */
   	line-height          : 2em       ;                    /* 行の高さ指定 */  
    margin-top           : 30px      ;                    /* 上のマージン指定 */
	padding              : 10px      ;                    /* パディング領域指定(上下左右) */
    width                : 728px     ;                    /* 幅指定 */ 
}

/* リクルートのh2タグのプロパティ */
#recruit h2 
{
	margin               : 0px       ;                    /* 上下左右のマージン指定(上下左右) */
}

/* リクルートのaタグのlinkプロパティ */
#recruit a:link
{
	color                : #FF5555   ;                    /* 文字色指定 */    
   	font-size            : 18px      ;                    /* フォントサイズ指定 */  
    text-decoration      : none      ;                    /* 文字の装飾指定 */ 
}

/* リクルートのaタグのactiveプロパティ */
#recruit a:active
{
	color                : #FF5555   ;                    /* 文字色指定 */    
   	font-size            : 18px      ;                    /* フォントサイズ指定 */  
    text-decoration      : none      ;                    /* 文字の装飾指定 */ 
}

/* リクルートのaタグのvisitedプロパティ */
#recruit a:visited 
{
	color                : #FF5555   ;                    /* 文字色指定 */    
   	font-size            : 18px      ;                    /* フォントサイズ指定 */  
    text-decoration      : none      ;                    /* 文字の装飾指定 */ 
}

/* リクルートのaタグ要素上にカーソルがある場合のプロパティ */
#recruit a:hover 
{
	color                : #FF0000   ;                    /* 文字色指定 */    
   	font-size            : 18px      ;                    /* フォントサイズ指定 */  
    text-decoration      : underline ;                    /* 文字の装飾指定 */ 
}