/*********************************************************************
 * 
 * 入学内祝ネット スタイルシート
 *
 ********************************************************************/

/*********************************************************************
 * 
 *  TAG の設定
 * 
 *********************************************************************/

body{
    margin               : 0px;
    padding              : 0px;
    color                : #444444;
    font-size            : 90%;
    line-height          : 1.4em;
    letter-spacing       : 0.05em;
    text-align           : center;
}

table{
    border-collapse      : collapse; 
    font-size            : 100%;
    line-height          : 1.4em;
    letter-spacing       : 0.05em;
}

td{
    vertical-align       : top;
}


td.middle{
    vertical-align       : middle;
}

img{
    border-width         : 0px;
}

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

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

a.detail{
    color                : #0066FF;
}

a.detail:hover{
    color                : #0066FF;
    border-bottom        : 1px solid #0066FF;
    padding-bottom       : 2px;
}

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


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

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

address{
    margin               : 0px;
    font-style           : normal;
    font-size            : 90%;
}

h1,h2,h3,h4,h5{
    font-weight          : normal;
    margin               : 0px;
    padding              : 0px;
    text-align           : left;
}


/*********************************************************************
 * 
 *  クラスの設定
 * 
 *********************************************************************/

/**
 * AdSense部分
 */
.adsense{
    margin               : 30px 10px 25px 20px;
    float                : left;
}

/**
 * 横のリンク型AdSenseを表示する部分の定義
 */
.adsense_header_link{
    margin               : 20px 0px 20px 40px;
    text-align           : left;
}

/**
 * 横のリンク型AdSenseを表示する部分の定義（フッター）
 */
.adsense_footer_link{
    width                : 80%;
    margin               : auto;
    margin-top           : 10px;
    margin-bottom        : 20px;
    padding              : 5px 0px 5px 0px;
    border-top           : 1px solid #B6B6B6;
    border-bottom        : 1px solid #B6B6B6;
    text-align           : center;
    clear                : both;
}


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

/**
 * インデント
 */
.indent{
    margin               : 0px 10px 0px 20px;
}

/**
 * 強調文字の定義
 */
.strongtxt{
    color                : #FF6600;
    font-size            : 1.2em;
    font-weight          : bold;
}

/**
 * 注意書き文字の定義
 */
.attentiontxt{
    color       : #F76185;
    font-weight : bold;
    padding     : 7px 0px 7px 0px;
}

.description{
    margin               : 0px 10px 0px 10px;
    font-size            : 90%;
}

/*********************************************************************
 * 
 *  全体共通
 * 
 *********************************************************************/

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

/**
 * オーダーボタン枠の定義
 */
.order_button{
    width                : 100%;
    height               : 34px;
    margin               : 0px 0px 30px 0px;
    padding              : 0px; 
}

/**
 * オーダーボタンの段落部分の定義
 */
.order_button p{
    text-indent          : -9999px;
}

/**
 * オーダーボタンのリンクの定義
 */
.order_button a{
    display              : block;
    width                : 210px;
    height               : 34px;
    background-image     : url(/images/button/order.gif);
    background-repeat    : no-repeat;
}

/**
 * オーダーボタンのリンクのマウスオーバー時の定義
 */
.order_button a:hover{
    background-image     : url(/images/button/order_hover.gif);
    background-repeat    : no-repeat;
    border-bottom        : 0px solid #FF4C2E;
    padding-bottom       : 0px;
}

/*********************************************************************
 * 
 *  ヘッダー部分
 * 
 *********************************************************************/
.header_copy{
    margin               : 0px 0px 5px 22px;
    padding              : 0px;
    font-size            : 100%;
    font-weight          : normal;
    text-align           : left;
}

.description{
    margin               : 0px 0px 5px 22px;
    padding              : 0px;
    font-size            : 90%;
    font-weight          : normal;
    text-align           : left;

}
h1{
    font-size            : 100%;
    margin               : 0px 0px 5px 22px;
}

h2{
    font-size            : 90%;
    margin               : 0px 0px 5px 22px;
}
/**
 * ヘッダー部分の定義
 */
#header{
    margin               : 0px 0px 10px 0px;
}

/**
 * ヘッダー部分のULの定義
 */
#header ul{
    margin               : 3px 28px 0px 0px;
    text-align           : right;
}

/**
 * ヘッダー部分のLIの定義
 */
#header li{
    margin               : 0px;
    padding              : 10px 5px 10px 12px;
    font-size            : 90%;
    display              : inline;
    background-image     : url(/images/button/header_guidance.gif);
    background-position  : left;
    background-repeat    : no-repeat;
}

/*********************************************************************
 * 
 *  左コンテンツ
 * 
 *********************************************************************/

/**
 * 左下側の定義
 */
#left-contents{
    width                : 640px;
    margin               : 5px 0px 20px 18px;
    padding              : 0px 5px 10px 5px;
    float                : left;
}

#left-contents ul li{
    list-style           : none;
    margin               : 0px 0px 10px 0px;
    padding              : 0px 0px 10px 20px;
    background-image     : url(/images/button/content_guidance.gif);
    background-repeat    : no-repeat;
    background-position  : 0 3px;
}

#left-contents ol li{
    margin               : 0px 0px 10px 0px;
    padding              : 0px 0px 10px 0px;
}

#left-contents .main_subject{
    width                : 640px;
    height               : 34px;
    margin               :  5px 0px 5px  0px;
    padding              : 10px 0px 0px 32px;
    font-size            : 100%;
    font-weight          : bold;
    color                : #F88100;
    background-image     : url(/images/title/content-title.gif);
    background-repeat    : no-repeat;
    text-align           : left;
}

#left-contents h3{
    width                : 640px;
    height               : 34px;
    margin               :  5px 0px 5px  0px;
    padding              : 10px 0px 0px 32px;
    font-size            : 100%;
    font-weight          : bold;
    color                : #F88100;
    background-image     : url(/images/title/content-title.gif);
    background-repeat    : no-repeat;
}

#left-contents h3.shokuroman{
    color                : #ff4c2e;
    background-image     : url(/images/title/shokuroman_title.gif);
    background-repeat    : no-repeat;
    text-align           : left;
}

/**
 * 左下内のコンテンツ枠の定義
 */
.content-border{
    width                : 638px;
    margin               : 10px 0px 30px 0px;
    padding              : 10px 0px 20px 0px;
    border               : 1px solid #B6B6B6;
    font-size            : 90%;
    text-align           : left;
}

/**
 * コンテンツ内のリンクの定義
 */
.content-border a{
    color                : #0066FF;
}

h4.content-heading{
    margin               : 0px 0px 1px 10px;
    font-size            : 90%;
    font-weight          : bold;
}

h4.paragraph-heading{
    width                : 638px;
    height               : 34px;
    margin               : 20px 0px 10px 0px;
    padding              : 10px 10px 5px 30px;
    background-image     : url(/images/title/paragraph-heading.gif);
    background-repeat    : no-repeat;
    color                : #2B8400;
    font-size            : 110%;
    font-weight          : bold;
}

/**
 * 表示するカード用の枠の定義
 */
.card-back{
    border               : 1px solid #CCCCCC;
}

/**
 * 商品紹介部分の定義
 */
#product-description{
    width                : 100%;
    margin               : 0px;
    padding              : 0px 10px 0px 10px;
    text-align           : center;
}

/**
 * 商品紹介の区切り線の定義
 */
.line{
    width                : 95%;
    margin               : auto;
    padding              : 0px;
    height               : 1px;
    border-top           : 1px solid #b6b6b6;
}

/**
 * 商品紹介の左側部分の定義
 */
.description-left{
    margin               : 10px 5px 0px 5px;
    padding              : 30px 0px 0px 0px;
    text-align           : center;
    float                : left;
}

/**
 * 商品紹介の右側部分の定義
 */
.description-right{
    margin               : 10px 0px 0px 0px;
    padding              : 0px 0px 0px 0px;
    text-align           : left;
    float                : right;
}

/**
 * 商品紹介の両側に渡る部分の定義
 */
.description-both{
    margin               : 0px 0px 0px 0px;
    padding              : 0px 0px 0px 0px;
    text-align           : left;
}

/**
 * 商品紹介の見出し画像の定義
 */
.point-list{
    height               : 42px;
    margin               : 0px;
    padding              : 0px;
    background-image     : url(/images/button/point_guidance.gif);
    background-repeat    : no-repeat;
}

/**
 * 商品紹介の見出しの定義
 */
#product-description h5{
    font-size            : 100%;
    font-weight          : bold;
    margin               : 12px 0px 0px 30px;
    padding              : 0px;
}

/**
 * お客様の声枠の定義
 */
.customer_voice{
    margin               : 20px 10px 20px 10px;
    padding              :  0px  0px 10px  8px;
    border               : 1px dotted #b6b6b6;
    text-align           : left;
}

/**
 * 評価者部分の定義
 */
.feedbacker{
    color                : #0066FF;
}

/**
 * 食浪漫 花コースの紹介タイトル
 */
.shokuroman_hana_title{
    width                : 598px;
    height               : 30px;
    background-image     : url(/images/title/shokuroman_hana_title.gif);
    background-repeat    : no-repeat;
    text-indent          : -9999px;
}

/**
 * 食浪漫 花コースの商品紹介枠
 */
.shokuroman_hana_content{
    width                : 596px;
    margin               : 0px 0px 10px 0px;
    padding              : 0px;
    border               : 1px solid #ff8e9d;
    text-align           : left;
}

/**
 * 食浪漫 鳥コースの紹介タイトル
 */
.shokuroman_tori_title{
    width                : 598px;
    height               : 30px;
    background-image     : url(/images/title/shokuroman_tori_title.gif);
    background-repeat    : no-repeat;
    text-indent          : -9999px;
}

/**
 * 食浪漫 鳥コースの商品紹介枠
 */
.shokuroman_tori_content{
    width                : 596px;
    margin               : 0px 0px 10px 0px;
    padding              : 0px;
    border               : 1px solid #8ab74d;
    text-align           : left;
}

/**
 * 食浪漫 月コースの紹介タイトル
 */
.shokuroman_tuki_title{
    width                : 598px;
    height               : 30px;
    background-image     : url(/images/title/shokuroman_tuki_title.gif);
    background-repeat    : no-repeat;
    text-indent          : -9999px;
}

/**
 * 食浪漫 月コースの商品紹介枠
 */
.shokuroman_tuki_content{
    width                : 596px;
    margin               : 0px 0px 10px 0px;
    padding              : 0px;
    border               : 1px solid #ffb301;
    text-align           : left;
}

/**
 * 交換商品枠テーブルの定義
 */
.exchange_products{
    margin               : 10px;
}

/**
 * 交換商品枠テーブル内のリンク定義
 */
.exchange_products  a:hover{
     border              : 0px solid #FF4C2E;
}

/**
 * 交換商品枠テーブルのデータ部分の定義
 */
.exchange_products td{
    vertical-align       : bottom;
}

/**
 * 交換商品枠テーブルのデータ部分で上ぞろえの定義
 */
.exchange_products td.top{
    vertical-align       : top;
}

/**
 * お気に入りに追加 部分
 */
.favorite_link{
    margin               : 30px 10px 15px 0px;
    text-align           : right;
}

/**
 * FAQの答え部分の枠
 */
.answer{
    margin               : 15px 5px 20px 15px;
    padding              : 10px;
    border               : 1px dashed #6FA32A;
    color                : #000000;
    text-align           : left;
}

/**
 * コンテンツ内のさらに内部の枠の定義
 */
.outline-border{
    margin               : 5px  5px 20px 5px;
    padding              : 10px 10px 10px 10px;
    border               : 1px dashed #FFDE66;
    color                : #000000;
    text-align           : left;
}


/*********************************************************************
 * 
 *  右コンテンツ
 * 
 *********************************************************************/
#right-contents{
    width                : 240px;
    margin               : 5px 10px 10px 10px;
    padding              : 0px;
    float                : left;
}

#right-contents h3{
    width                : 223px;
    height               :  39px;
    margin               :  5px 0px 5px  0px;
    padding              :  9px 0px 0px 39px;
    font-size            : 90%;
    background-image     : url(/images/title/menu_title.gif);
    background-repeat    : no-repeat;
    background-position  : left center;

}

#side_menu{
    padding              : 0px;
    font-size            : 90%;
    text-align           : center;
}

#side_menu ul{
    margin               : 10px 0px 15px 15px;
    padding              :  0px 0px 0px 10px;
}

#side_menu li{
    list-style           : none;
    margin               : 5px 0px 5px 0px;
    padding              : 3px 0px 5px 15px;
    background-image     : url(/images/button/side_menu_guidance.gif);
    background-repeat    : no-repeat;
    background-position  : left 9px;
    text-align           : left;
}

/*********************************************************************
 * 
 *  フッター の設定
 * 
 *********************************************************************/

.footer{
    margin               : 10px 15px 0px 15px;
    padding              :  5px  5px 5px 10px;
    border-top           : 1px solid #b6b6b6;
    font-size            : 90%;
    text-align           : left;
    clear                : both;
}