/* -------------------------------------------------------------------------------- */
/* bodyのプロパティ */
/* -------------------------------------------------------------------------------- */
body 
{
    height               : 100%      ;                    /* 高さ指定 */
    width                : 768px     ;                    /* 幅指定 */
}

/* -------------------------------------------------------------------------------- */
/* タグのプロパティ */
/* -------------------------------------------------------------------------------- */
/* すべてのタグ */
*
{
    border               : none      ;                    /* 枠線指定 */ 
	color                : #666666   ;                    /* 文字色指定 */    
   	font-family          : ＭＳ Ｐゴシック,Osaka;         /* フォント種類指定(Windows用、Mac用) */ 
   	font-size            : 14px      ;                    /* フォントサイズ指定 */  
   	line-height          : 120%      ;                    /* 行の高さ指定 */  
	margin               : 0px       ;                    /* 上下左右のマージン指定 */
	padding              : 0px       ;                    /* パディング領域指定 */
}

/* ulタグ */
ul
{
    list-style-type      : none      ;                    /* リスト項目の行頭記号指定 */  
}

/* liタグ */
li
{
    list-style-type      : none      ;                    /* リスト項目の行頭記号指定 */
}

/* spanタグ */
span
{
    display              : none      ;                    /* 表示形式指定 */
}
/* spanタグのimportant要素 */
span.important 
{
    display              : inline    ;                    /* 表示形式指定 */
    color                : #FF0000   ;                    /* 文字の色指定 */
}

/* emタグ(フォント) */
em
{
	color                : #FF0000   ;                    /* 文字色指定 */    
   	font-family          : ＭＳ Ｐゴシック,Osaka;         /* フォント種類指定(Windows用、Mac用) */ 
}

/* 見出し */
h3 
{
    margin: 12px 0px 0px 0px;
}

/* インプット */
input
{
    border-color         : #999999   ;                    /* 枠線の色指定 */
    border-style         : solid     ;                    /* 枠線のスタイル指定 */
    border-width         : 1px       ;                    /* 枠線の幅指定 */
}

/* テキストエリア */
textarea 
{
    border-color         : #999999   ;                    /* 枠線の色指定 */
    border-style         : solid     ;                    /* 枠線のスタイル指定 */
    border-width         : 1px       ;                    /* 枠線の幅指定 */
}

/* ボタン */
button 
{
    background-color     : #FFFFFF   ;                    /* 背景色指定 */
    height               : 48px      ;                    /* 高さ指定 */
    margin-left          : 16px      ;                    /* 左のマージン指定 */
    width                : 136px     ;                    /* 幅指定 */
}

/* 画像のsubtitle要素 */
img.subtitle
{
    margin-top           : 15px      ;                    /* 上のマージン指定 */
    margin-bottom        : 10px      ;                    /* 下のマージン指定 */
}

/* body内のメイン要素 */
body> #main 
{
    height               : auto      ;                    /* 高さ指定 */
}
/* ------------------------------ */
/* メイン関連 */
/* ------------------------------ */
/* メインのプロパティ */
#main
{
    border-right-color   : #CCCCCC   ;                    /* 右側枠線の色指定 */
    border-right-style   : solid     ;                    /* 右側枠線のスタイル指定 */
    border-right-width   : 1px       ;                    /* 右側枠線の幅指定 */
    height               : 100%      ;                    /* 高さ指定 */
    min-height           : 100%      ;                    /* 幅の最小値指定 */
    position             : relative  ;                    /* 配置方式 */
    width                : 768px     ;                    /* 幅指定 */                  
}

/* ------------------------------ */
/* メニュー関連 */
/* ------------------------------ */
/* メニューのプロパティ */
#menu
{
    height               : 32px      ;                    /* 高さ指定 */
    margin-left          : 48px      ;                    /* 左のマージン指定 */
}

/* メニューのaタグプロパティ */
#menu a
{
    display              : block     ;                    /* 表示形式指定 */
    height               : 32px      ;                    /* 高さ指定 */
    width                : 168px     ;                    /* 幅指定 */
}

/* メニューのliタグプロパティ */
#menu li
{
    float                : left      ;                    /* 回り込み段組み指定 */
    height               : 32px      ;                    /* 高さ指定 */
    width                : 168px     ;                    /* 幅指定 */
}

/* メニュー用(セレクト状態) */
/* メニューのaタグindex_select要素のプロパティ */
#menu a#index_select         
{
    background-image     : url(../images/common/btn_Naviover_01.gif)   ;     /* 背景画像指定 */
}

/* メニューのaタグstaff_select要素のプロパティ */
#menu a#staff_select   
{
    background-image     : url(../images/common/btn_Naviover_02.gif)   ;     /* 背景画像指定 */
}

/* メニューのaタグenterprise_select要素のプロパティ */
#menu a#enterprise_select    
{
    background-image     : url(../images/common/btn_Naviover_03.gif)   ;     /* 背景画像指定 */
}

/* メニューのaタグinfo_select要素のプロパティ */
#menu a#info_select          
{
    background-image     : url(../images/common/btn_Naviover_04.gif)   ;     /* 背景画像指定 */
}

/* メニュー用(ロールオーバー) */
/* メニューのaタグindex要素のプロパティ */
#menu a#index               
{
    background-image     : url(../images/common/btn_Navi_01.gif)       ;     /* 背景画像指定 */
}

/* メニューのaタグstaff要素のプロパティ */
#menu a#staff         
{
    background-image     : url(../images/common/btn_Navi_02.gif)       ;     /* 背景画像指定 */
}

/* メニューのaタグenterprise要素のプロパティ */
#menu a#enterprise                
{
    background-image     : url(../images/common/btn_Navi_03.gif)       ;     /* 背景画像指定 */
}

/* メニューのaタグinfo要素のプロパティ */
#menu a#info                
{
    background-image     : url(../images/common/btn_Navi_04.gif)       ;     /* 背景画像指定 */
}

/* メニューのaタグindex要素上にカーソルがある場合のプロパティ */
#menu a#index:hover         
{
    background-image     : url(../images/common/btn_Naviover_01.gif)   ;     /* 背景画像指定 */
}

/* メニューのaタグstaff要素上にカーソルがある場合のプロパティ */
#menu a#staff:hover   
{
    background-image     : url(../images/common/btn_Naviover_02.gif)   ;     /* 背景画像指定 */
}

/* メニューのaタグenterprise要素上にカーソルがある場合のプロパティ */
#menu a#enterprise:hover          
{
    background-image     : url(../images/common/btn_Naviover_03.gif)   ;     /* 背景画像指定 */
}

/* メニューのaタグinfo要素上にカーソルがある場合のプロパティ */
#menu a#info:hover          
{
    background-image     : url(../images/common/btn_Naviover_04.gif)   ;     /* 背景画像指定 */
}

/* ------------------------------ */
/* サブメニュー関連 */
/* ------------------------------ */
/* サブメニューのプロパティ */
#submenu 
{ 
    background-color     : #F278A0   ;                    /* 背景色指定 */
    border-bottom-color  : #FFDDDD   ;                    /* 下側枠線の色指定 */
    border-bottom-style  : solid     ;                    /* 下側枠線のスタイル指定 */
    border-bottom-width  : 5px       ;                    /* 下側枠線の幅指定 */
    display              : block     ;                    /* 表示形式指定 */
    height               : 50px      ;                    /* 高さ指定 */
    width                : 768px     ;                    /* 幅指定 */ 
}

/* サブメニューのaタグプロパティ */
#submenu a
{
    color                : #FFFFFF   ;                    /* 文字の色指定 */
}

/* サブメニューのaタグ上にカーソルがある場合のプロパティ */
#submenu a:hover
{
    color                : #0000FF   ;                    /* 文字の色指定 */
}

/* サブメニューのulタグプロパティ */
#submenu ul
{
    height               : 14px      ;                    /* 高さ指定 */
	padding              : 5px 0px   ;                    /* パディング領域指定(上下、左右) */
    text-align           : center    ;                    /* 文字の横方向位置指定 */ 
}

/* サブメニューのliタグプロパティ */
#submenu li
{
    float                : left      ;                    /* 回り込み段組み指定 */
    text-align           : center    ;                    /* 文字の横方向位置指定 */ 
    width                : 150px     ;                    /* 幅指定 */
}

/* サブメニューのforstaffプロパティ(サブメニューのulを継承) */
#submenu ul.forstaff
{
	margin               : 0px 84px ;                     /* 上下左右のマージン指定(上下、左右) */
	padding              : 5px 0px   ;                    /* パディング領域指定(上下、左右) */
}

/* サブメニューのforenterpriseプロパティ(サブメニューのulを継承) */
#submenu ul.forenterprise 
{
	margin               : 0px 159px ;                    /* 上下左右のマージン指定(上下、左右) */
	padding              : 5px 0px   ;                    /* パディング領域指定(上下、左右) */
}

/* サブメニューのinfomationプロパティ(サブメニューのulを継承) */
#submenu ul.infomation 
{
	margin               : 0px 159px ;                    /* 上下左右のマージン指定(上下、左右) */
	padding              : 5px 0px   ;                    /* パディング領域指定(上下、左右) */
}

/* サブメニューのliタグプロパティ */
#submenu li
{
    float                : left      ;                    /* 回り込み段組み指定 */
    text-align           : center    ;                    /* 文字の横方向位置指定 */ 
    width                : 150px     ;                    /* 幅指定 */ 
}

/* サブメニューなしのプロパティ */
#submenu_none
{
    width                : 768px     ;                    /* 幅指定 */ 
    height               : 17px      ;                    /* 高さ指定 */
    background-color     : #F278A0   ;                    /* 背景色指定 */
    border-bottom-color  : #FFBBBB   ;                    /* 下側枠線の色指定 */
    border-bottom-style  : solid     ;                    /* 下側枠線のスタイル指定 */
    border-bottom-width  : 5px       ;                    /* 下側枠線の幅指定 */
}

/* ------------------------------ */
/* コンテンツ関連 */
/* ------------------------------ */
/* コンテンツのプロパティ */
#contents 
{
    height               : auto      ;                    /* 高さ指定 */
	margin               : 16px      ;                    /* 上下左右のマージン指定(上下左右) */
	padding-bottom       : 80px      ;                    /* 下側パディング領域指定 */
    width                : 736px     ;                    /* 幅指定 */ 
}

/* コンテンツのcontent_blockプロパティ */
.content_block 
{
    margin-bottom        : 20px      ;                    /* 下のマージン指定 */
}

/* コンテンツのvisible_markのliタグプロパティ */
.visible_mark li 
{
    background-image     : url(../images/common/arrow.gif)             ;     /* 背景画像指定 */
    background-position  : 5px 5px   ;                    /* 背景画像の位置指定(水平位置、垂直位置) */
    background-repeat    : no-repeat ;                    /* 背景画像の繰り返し方指定 */
    height               : 30px      ;                    /* 高さ指定 */
    padding              : 5px       ;                    /* パディング領域指定(上下左右) */
	padding-left         : 25px      ;                    /* 左側パディング領域指定 */
}

/*--------------------------------------------------------- */
/* フッター部分                                             */
/*--------------------------------------------------------- */
/* フッターのプロパティ */
#footer 
{
    background-color     : #F278A0   ;                    /* 背景色指定 */
    clear                : left      ;                    /* 回り込み解除 */
    color                : #FFFFFF   ;                    /* 文字の色指定 */
    height               : 30px      ;                    /* 高さ指定 */
	left                 : 0px       ;                    /* 左からの位置指定 */
    width                : 768px     ;                    /* 幅指定 */ 
}

/* フッターのaタグプロパティ */
#footer a 
{
    background-image     : url(../images/common/arrow.gif)             ;     /* 背景画像指定 */
    background-position  : 0px 0px   ;                    /* 背景画像の位置指定(水平位置、垂直位置) */
    background-repeat    : no-repeat ;                    /* 背景画像の繰り返し方指定 */
    color                : #444444   ;                    /* 文字の色指定 */
	padding-left         : 15px      ;                    /* 左側パディング領域指定 */
}

/* フッターのaタグ上にカーソルがある場合のプロパティ */
#footer a:hover 
{
    color                : #0000FF   ;                    /* 文字の色指定 */
}

/* フッターのulタグプロパティ */
#footer ul 
{
    background-color     : #FFDDDD   ;                    /* 背景色指定 */
    border-top-color     : #FFBBBB   ;                    /* 上側枠線の色指定 */
    border-top-style     : solid     ;                    /* 上側枠線のスタイル指定 */
    border-top-width     : 1px       ;                    /* 上側枠線の幅指定 */
    color                : #444444   ;                    /* 文字の色指定 */
    height               : 20px      ;                    /* 高さ指定 */
	padding              : 5px 155px ;                    /* パディング領域指定(上下、左右) */
}

/* フッターのliタグプロパティ */
#footer li 
{
    float                : left      ;                    /* 回り込み段組み指定 */
    text-align           : center    ;                    /* 文字の横方向位置指定 */ 
    width                : 150px     ;                    /* 幅指定 */
}

/* コピーライトのプロパティ */
#copyright 
{
    background-color     : #00AEEF   ;                    /* 背景色指定 */
    clear                : left      ;                    /* 回り込み解除 */
    color                : #FFFFFF   ;                    /* 文字の色指定 */
    height               : 25px      ;                    /* 高さ指定 */
	left                 : 0px       ;                    /* 左からの位置指定 */
    width                : 768px     ;                    /* 幅指定 */ 
}

/* コピーライトのpタグプロパティ */
#copyright p 
{
    background-color     : #F278A0   ;                    /* 背景色指定 */
    clear                : left      ;                    /* 回り込み解除 */
    height               : 20px      ;                    /* 高さ指定 */
    padding-top          : 5px       ;                    /* 上パディング領域指定 */
    text-align           : center    ;                    /* 文字の横方向位置指定 */ 
}