@charset "EUC-JP";



#navigation li#infomation {
    float:            left;
    width:            82px;
    background:       url(../img_common/navi_01.gif)   no-repeat;
}
#navigation li#infomation a:hover {
    background:       url(../img_common/navi_01_2.gif) no-repeat;
}

#navigation li#gallery {
    float:            left;
    width:            59px;
    background:       url(../img_common/navi_02.gif)   no-repeat;
}
#navigation li#gallery a:hover {
    background:       url(../img_common/navi_02_2.gif) no-repeat;
}

#navigation li#works {
    float:            left;
    width:            59px;
    background:       url(../img_common/navi_03.gif)   no-repeat;
}
#navigation li#works a:hover {
    background:       url(../img_common/navi_03_2.gif) no-repeat;
}

#navigation li#life {
    float:            left;
    width:            36px;
    background:       url(../img_common/navi_04.gif)   no-repeat;
}
#navigation li#life a:hover {
    background:       url(../img_common/navi_04_2.gif) no-repeat;
}

#navigation li#study {
    float:            left;
    width:            59px;
    background:       url(../img_common/navi_05.gif)   no-repeat;
}
#navigation li#study a:hover {
    background:       url(../img_common/navi_05_2.gif) no-repeat;
}

#navigation li#store {
    float:            left;
    width:            59px;
    background:       url(../img_common/navi_06.gif)   no-repeat;
}
#navigation li#store a:hover {
    background:       url(../img_common/navi_06_2.gif) no-repeat;
}

#navigation li#column {
    float:            left;
    width:            63px;
    background:       url(../img_common/navi_07.gif)   no-repeat;
}
#navigation li#column a:hover {
    background:       url(../img_common/navi_07_2.gif) no-repeat;
}



/*-------------------------------------------------------------------
  サブページ リンク （カレントページ）
-------------------------------------------------------------------*/

#navigation li#infomation_c {
    float:            left;
    width:            82px;
    background:       url(../img_common/navi_01_2.gif) no-repeat;
}
#navigation li#infomation_c a:hover {
    background:       url(../img_common/navi_01_2.gif) no-repeat;
}

#navigation li#gallery_c {
    float:            left;
    width:            59px;
    background:       url(../img_common/navi_02_2.gif) no-repeat;
}
#navigation li#gallery_c a:hover {
    background:       url(../img_common/navi_02_2.gif) no-repeat;
}

#navigation li#works_c {
    float:            left;
    width:            59px;
    background:       url(../img_common/navi_03_2.gif) no-repeat;
}
#navigation li#works_c a:hover {
    background:       url(../img_common/navi_03_2.gif) no-repeat;
}

#navigation li#life_c {
    float:            left;
    width:            36px;
    background:       url(../img_common/navi_04_2.gif) no-repeat;
}
#navigation li#life_c a:hover {
    background:       url(../img_common/navi_04_2.gif) no-repeat;
}

#navigation li#study_c {
    float:            left;
    width:            59px;
    background:       url(../img_common/navi_05_2.gif) no-repeat;
}
#navigation li#study_c a:hover {
    background:       url(../img_common/navi_05_2.gif) no-repeat;
}

#navigation li#store_c {
    float:            left;
    width:            59px;
    background:       url(../img_common/navi_06_2.gif) no-repeat;
}
#navigation li#store_c a:hover {
    background:       url(../img_common/navi_06_2.gif) no-repeat;
}

#navigation li#column_c {
    float:            left;
    width:            63px;
    background:       url(../img_common/navi_07_2.gif) no-repeat;
}
#navigation li#column_c a:hover {
    background:       url(../img_common/navi_07_2.gif) no-repeat;
}



/*-------------------------------------------------------------------
  ↓↓↓ ふきだし Bg
-------------------------------------------------------------------*/

.f1 { /* 左上角 */
    background:       url(../img_f/f1.gif) left top no-repeat;
    width:            4px;
    height:           4px;
}
.f2 { /* 右上角 */
    background:       url(../img_f/f2.gif) no-repeat;
    width:            4px;
    height:           4px;
}
.f3 { /* 右下角 */
    background:       url(../img_f/f3.gif) no-repeat;
    width:            4px;
    height:           10px;
}
.f4 { /* 左下角 */
    background:       url(../img_f/f4.gif) no-repeat;
    width:            4px;
    height:           10px;
}
.l1 { /* 上 */
    background:       url(../img_f/l1.gif) repeat-x;
    height:           4px;
}
.l2 { /* 右 */
    background:       url(../img_f/l2.gif) repeat-y;
    width:            4px;
}
.l3 { /* 下 */
    background:       url(../img_f/f6.gif) center top no-repeat;
    height:           10px;
    text-align:       center;
}
.l4 { /* 左 */
    background:       url(../img_f/l4.gif) repeat-y;
    width:            4px;
}
.fc { /* テーブルの中心で */
    background-color: #ffffff;
    margin:           0;
    padding:          1px 5px;
    text-align:       center;
}
.fc a:link {
    text-decoration:  none;
    color:            #000000;
}
.fc a:visited {
    text-decoration:  none;
    color:            #000000;
}
.fc a:hover, a:active {
    text-decoration:  underline;
    color:            #ff0000;
}

#pp_infomation, 
#pp_column, 
#pp_gallery, 
#pp_works, 
#pp_life, 
#pp_study, 
#pp_store {
    position:         absolute;
    left:             -9999px;
    z-index:          -9999;
    overflow:         visible;
}





/*-------------------------------------------------------------------
  ↑↑↑ ふきだし Bg
-------------------------------------------------------------------*/