/* ********************************************* */
/*    DATE        : 2005/06/27
    TITLE        : 璞名館  共通スタイル
    FILE_NAME    : common.css
    AUTHER        : FOIS / H.Ota                     */
/* ********************************************* */

/*=====各属性のスタイル===========================*/

body
    {
        font-family     :     "MS UI Gothic",  "Osaka", "ＭＳ Ｐゴシック", "arial", sans-serif;
        font-size        :    14px;
        line-height     :     150%;
        margin             :     0;
        padding         :     0;
        color            :    #333;
    }

div, table, tr, th, td
    {
        font-family     :    "MS UI Gothic",  "Osaka", "ＭＳ Ｐゴシック", "arial", sans-serif;
        font-size        :    14px;
        line-height     :     150%;
        margin            :    0;
        padding            :    0;
        border-collapse :    collapse;
        color            :    #333;
    }
    
img
    {
        border            :    0px;
    }
    
a:link, a:visited, a:active
    {
        color            :    #FF8000;
        text-decoration :    none
    }
    
a:hover
    {
        color            :    #888888;
        text-decoration :     underline; 
    }

h1
    {
        color            :    #222222;
        font-size        :    17px;
        font-weight        :    bold;
        position        :    relative;
        left            :    20px;
        top                :    10px;
        vertical-align    :    top;
    }
h2
    {
        color            :    #5A3D1B;
        font-weight      :    bold;
        font-size		:	 15px;
    }

address
    {
        font-style        :    normal;
    }
    

.com-header-left-pad
{
    width:50%; background-image:url(./common_image/bk_header_left.gif); background-repeat:repeat-x;
}   
.com-header-right-pad
{
    width:50%; background-image:url(./common_image/bk_header_right.gif); background-repeat:repeat-x;
}  
.com-header-nav-group
{
    background-image:url(./common_image/bk_headermain_right.gif);
} 
.com-header-nav-text-item
{
    width:80px; padding-left:4px;
}


/*=====コンテンツページナビゲーション部分のスタイル=======*/

/*ヘッダ  全体レイアウト*/
#com-header
    {
        height        :    72px;
        width        :    100%;
        
    }

/*ヘッダ  メインレイアウト  左側*/
#com-header-main-left
    {
        width                :    360px;
        height                :    72px;
        vertical-align        :    top;
    }

/*ヘッダ  メインレイアウト  右側*/
#com-header-main-right
    {
        width                :    632px;
        height                :    72px;
        background-image    :    url("common_image/bk_headermain_right.gif");
        background-repeat    :    no-repeat;
        background-position    :    right；


    }
    
/*ヘッダ  サイド(可変部分）*/
#com-header-side
    {
        /*
        width                :    33%;
        height                :    72px;
        background-repeat    :    repeat-x ;
        */
    }

/*ヘッダ  グローバルリンク  レイアウト*/
.com-globallink-layout
    {
        width        :    632px;
        height        :    30px;
    }
/*ヘッダ  グローバルリンク  文字レイアウト*/
.com-globallink-text
    {
        width        :    80px;
    }
    
/*ヘッダ  グローバルリンク*/
a.com-global-link:link, a.com-global-link:visited, a.com-global-link:active
    {
        color            :    #888888;
        text-decoration :    underline;
    }
    
a.com-global-link:hover
    {
        color            :    #ffffff;
        text-decoration :     underline; 
    }

    
/*メイン  全体レイアウト*/
#com-middle
    {
        height        :    100px;
        width        :    100%;
        
    }

#com-contents-main
    {
        background-image    :    url("common_image/bk_main_shadow.gif");
        background-repeat    :    repeat-x;
        background-position:top left;
    }
    
/*メイン  サイド(可変部分）*/
#com-main-side
    {
        width                :    50%;
        background-image    :    url("common_image/bk_main_shadow.gif");
        background-repeat    :    repeat-x;
    }

/*メニュー部分  コンテンツイラスト*/
#com-contents-image
    {
        /*
        width                :    178px
        height                :    80px;
        */
        border-left            :    solid 1px #888888;
        border-right        :    solid 1px #888888;
        border-bottom        :    solid 1px #888888;
    }

    
/*メニュー部分  全体レイアウト*/
#com-menu
    {
        border-left            :    solid 1px #888888;
        border-right        :    solid 1px #888888;
        background-color    :    #FFF0C8;
        vertical-align        :    top;
        text-align: left;
    }
    
/*本文  各カテゴリイメージ*/
#com-category-image
    {
        /*
        width        :    820px;
        height        :    80px;
        */
        border-right        :    solid 1px #888888;
    }
    
/*本文  全体レイアウト*/
#com-main
    {
        width                :    820px;
        height                :    100%;
        background-color    :    #FFFFFF;
        border-right        :    solid 1px #888888;
        border-top            :    solid 1px #888888;
        vertical-align        :    top;
        text-align            :    center;
    }
    
/*本文  左寄せ本文レイアウト*/
.com-main-padding
    {
        width            :    700px;
        text-align        :    left;
        margin            :    0px auto;
    }
    
/*フッター  全体レイアウト*/
#com-footer
    {
        width                :    100%;
        height                :    36px;
        background-image    :    url("common_image/bk_footer.gif");
        background-repeat    :    repeat-x ;
        
    }

/*メニュー部分  ボタンスタイル*/
.com-bt-menu
    {
        border-bottom        :    solid 1px #888888;
        cursor                :    hand;
    }
    
/*メニュー部分  サブメニュー（hidden)レイアウト*/
.com-submenu-layout
    {
        width                :    178px;
        border-bottom        :    solid 1px #888888;
        background-color    :    #ffffff;
        padding                :    5px 0px;
        display             :   none;
    }
    
/*メニュー部分  サブメニュー個々のレイアウト*/
.com-submenu
    {
        margin-left            :    20px;
        padding-left        :    25px;
/*        height                :    17px;*/
        background-image    :    url("common_image/ic_common_link01.gif");
        background-repeat    :    no-repeat;
        background-position    :    left bottom；
        text-align            :    left;        
    }

/*メニュー部分  サブメニューリンク*/
a.com-submenu-link:link, a.com-submenu-link:visited, a.com-submenu-link:active
    {
        color            :    #555555;
        text-decoration :    no-decoration;
    }
    
a.com-submenu-link:hover
    {
        color            :    #ff6600;
        text-decoration :     underline; 
    }
    
.com-current
    {
        display:block;
    }
    
/*ぱんくずメニュー部分*/
.com-pan
    {
        width: auto;
        padding            :    5px 15px;
        font-size        :    12px;
        text-align        :    right;
    }
/*=====各クラスのスタイル===========================*/  

.com-tb-noline
    {
        border-width    :    0px;
        margin            :    0px;
        padding            :    0px;
        border-collapse :    collapse;
        text-align        :    left;
    }
    
.com-blank-height20
    {
        height            :    20px;
        width            :    1px;
    }
    
/*各ページ見出し部分*/
.com-h1
    {
        width: 750px;
        height: 30px;
        background-image: url("./common_image/cp_common_h1.gif");
        background-repeat: no-repeat;
        text-align: left;
        margin: 0 auto;
        padding: 4px 0 16px 16px;
        color: #222;
        font-size: 17px;
        font-weight: bold;
        vertical-align: bottom;
    }
    
/*画面トップに戻るリンク*/
.com-goto-top
    {
        width            :    700px;
        padding            :    10px 0px;
        font-size        :    12px;
        text-align        :    right;
    }
    
/*強調色  赤*/
.com-font-accent1
    {
        color        :    #FF0000;
    }

/*強調色  緑*/
.com-font-accent2
    {
        color        :    #004000;
    }
    
/*=====ムービーボタンに関するスタイル===========================*/

/*ムービー  背景レイアウト*/
.com-movie-backlayout
    {
        width                :    160px;
        height                :    150px;
        background-image    :    URL(common_image/bk_common_video.gif);
        background-repeat    :    no-repeat;
    }

/*ムービー  写真レイアウト*/
.com-movie-pic
    {
        margin        :    10px 5px;
    }
    
/*ムービー  タイトル文字*/
.com-movie-title
    {
        text-align    :    center;
        font-size    :    10px;
    }