@charset "Shift_JIS";

/*============================================
全般的なスタイル
============================================*/
* {
    margin:0 auto; padding:0;                          /*全要素のマージン・パディングをリセット*/
    line-height:1.5;                              /*全要素の行の高さを1.5倍にする*/
    color:#4D1B09;                                /*文字色*/

} 

a { text-decoration: none; }

input {
    color:#000000;
    border:1px solid #4D1B09;
    font-size:14px;
    vertical-align:middle;
    text-align:left;
    line-height:1em;
}



/*============================================
BODY
============================================*/
body {
    background-color:#ffffff;                     /*ページ全体の背景色*/
    text-align:center;                            /*IE6以下でセンタリングするための対策*/
}

/*============================================
外枠
============================================*/
div#pagebody {
    width:950px;                                  /*外枠の横幅*/
    margin:0 auto;                                /*内容全体をセンタリング*/
    text-align:center;                            /*テキストの配置を左揃えにする*/
}


/*============================================
ヘッダ部
============================================*/
table.menu{
    width: 908px;
    border-top:0px solid #ffffff;
    border-bottom:0px solid #ffffff;
    border-left:0px solid #ffffff;
    border-right:0px solid #ffffff;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
}

/*============================================
フッタ部
============================================*/
div#footer {
    width:950px;                                  /*外枠の横幅*/
    height:150px;                                 /*外枠の高さ*/
    margin:0 auto;                                /*内容全体をセンタリング*/
    background-color:#F7F4E8;                     /*フッタ部分の背景色*/
    position:relative
}
table.footer{
    width: 908px;
    border-top:10px solid #F7F4E8;
    border-bottom:0px solid #F7F4E8;
    border-left:0px solid #F7F4E8;
    border-right:0px solid #F7F4E8;
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
}
p.top_company1{
    font-family: "ＭＳ 明朝",sans-serif;
    font-size: 13px;
    font-weight: bold;
    color:#4D1B09;
    white-space:normal;
    text-align:left;                            /*テキストの配置を左揃えにする*/
    line-height: 2;
}
p.top_company2{
    font-family: "ＭＳ 明朝",sans-serif;
    font-size: 11px;
    font-weight: bold;
    color:#4D1B09;
    white-space:normal;
    text-align:left;                            /*テキストの配置を左揃えにする*/
    line-height: 1.5;
}
p.top_company3{
    font-family: "ＭＳ 明朝",sans-serif;
    font-size: 11px;
    font-weight: bold;
    color:#4D1B09;
    white-space:normal;
    text-align:right;                            /*テキストの配置を左揃えにする*/
    line-height: 1.5;
}

/*============================================
ページタイトル
============================================*/
div#title2 {
    width:908px;                                   /*外枠の横幅*/
    height:100px;                                  /*高さ*/
    text-align:center;                             /*テキストの配置を左揃えにする*/
    background-image:url("../img/info_title.jpg"); /*ヘッダ部分の背景画像*/
    background-repeat:no-repeat;                   /*背景画像を繰り返さない*/
    background-color:#ffffff;                      /*ヘッダ部分の背景色*/
    position:relative
}

/*============================================
Topページ
============================================*/
/* 商品Box */
table.top_item{
    width: 908px;
    height: 400px;
    border-top:10px solid #F0671C;                /*上枠*/
    border-bottom:10px solid #F0671C;             /*下枠*/
    border-left:12px solid #F0671C;               /*左枠*/
    border-right:12px solid #F0671C;              /*右枠*/
    border-collapse:collapse;
    border-spacing:0;
    background-color:#F0671C;
    empty-cells:show;
}
/* センター位置の外枠 */
table.top_center{
    width: 908px;
    border-top:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    border-left:1px solid #ffffff;
    border-right:1px solid #ffffff;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
    text-align:left;
}
td.top_center{
    vertical-align: top;
}
/* Topics */
table.top_topics{
    /* width: 620px; */
    width: 100%;
    border-top:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    border-left:1px solid #ffffff;
    border-right:1px solid #ffffff;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
/* Category */
table.top_category{
    width: 620px;
    border-top:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    border-left:1px solid #ffffff;
    border-right:1px solid #ffffff;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
/* Information */
table.top_information{
    width: 288px;
    border-top:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    border-left:1px solid #ffffff;
    border-right:1px solid #ffffff;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
p.top_information1{
    font-family: "ＭＳ 明朝",sans-serif;
    font-size: 15px;
    font-weight: bold;
    color:#4D1B09;
    white-space:normal;
}
p.top_information2{
    font-family: "ＭＳ 明朝",sans-serif;
    font-size: 15px;
    font-weight: bold;
    color:#F0671C;
    white-space:normal;
}
a.top_information2{
    color:#F0671C;
}
/* 問い合わせ */
table.top_contact{
    width: 288px;
    border-top:0px solid #ffffff;
    border-bottom:0px solid #ffffff;
    border-left:0px solid #ffffff;
    border-right:0px solid #ffffff;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#F0671C;
    empty-cells:show;
}

/*============================================
Information(List)ページ
============================================*/
/* 内容 */
table.info_main{
    width: 620px;
    border-top:10px solid #F7F4E8;                /*上枠*/
    border-bottom:10px solid #F7F4E8;             /*下枠*/
    border-left:10px solid #F7F4E8;               /*左枠*/
    border-right:10px solid #F7F4E8;              /*右枠*/
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}

table.info_main td{
    padding: 20px 20px;
}

/* リスト */
table.info_list{
    width: 560px;
    border-top:0px solid #ffffff;
    border-bottom:0px solid #ffffff;
    border-left:0px solid #ffffff;
    border-right:0px solid #ffffff;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
    text-align:left;
}

p.info_list1{
    font-family: "ＭＳ 明朝",sans-serif;
    font-size: 15px;
    font-weight: bold;
    color:#4D1B09;
    white-space:normal;
}
p.info_list2{
    font-family: "ＭＳ 明朝",sans-serif;
    font-size: 15px;
    font-weight: bold;
    color:#F0671C;
    white-space:normal;
}

a.info_link{
    color:#F0671C;
}

/*============================================
Information(個別)ページ
============================================*/
/* タイトル */
p.info_k_title{
    font-family: "ＭＳ 明朝",sans-serif;
    font-size: 15px;
    font-weight: bold;
    color:#F0671C;
    white-space:normal;
}
p.info_k_date{
    font-family: "ＭＳ 明朝",sans-serif;
    font-size: 13px;
    font-weight: bold;
    color:#4D1B09;
    white-space:normal;
}
p.info_k_text{
    font-family: "ＭＳ 明朝",sans-serif;
    font-size: 13px;
    font-weight: bold;
    color:#4D1B09;
    white-space:normal;
}
img.info_k_logo{
    vertical-align: text-top;
}
table.info_k_table{
    width: 560px;
    border-top:0px solid #ffffff;
    border-bottom:0px solid #ffffff;
    border-left:0px solid #ffffff;
    border-right:0px solid #ffffff;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
    text-align:left;
}
table.info_k_table td{
    padding: 5px;
    vertical-align: top;
}
hr#info_k_hr {
    border-top: 1px dashed #4D1B09;
}

/*============================================
TOMONIの特徴ページ
============================================*/
/* 特徴説明 */
table.about_1{
    width: 908px;
    border-top:10px solid #F0671C;                /*上枠*/
    border-bottom:10px solid #F0671C;             /*下枠*/
    border-left:12px solid #F0671C;               /*左枠*/
    border-right:12px solid #F0671C;              /*右枠*/
    border-collapse:collapse;
    border-spacing:0;
    background-color:#F0671C;
    empty-cells:show;
}
div#about_1_image {
    width:890px;                                      /*外枠の横幅*/
    height:1215px;                                    /*高さ*/
    text-align:center;                                /*テキストの配置を左揃えにする*/
    background-image:url("../img/about_image_1.jpg"); /*特徴説明の上部画像*/
    background-repeat:no-repeat;                      /*背景画像を繰り返さない*/
    background-color:#ffffff;                         /*ヘッダ部分の背景色*/
    position:relative
}
table.about_2_out{
    width: 890px;
    border-top:0px solid #ffffff;
    border-bottom:0px solid #ffffff;
    border-left:0px solid #ffffff;
    border-right:0px solid #ffffff;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
    text-align:left;
}
table.about_2_in{
    width: 800px;
    border-top:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    border-left:1px solid #ffffff;
    border-right:1px solid #ffffff;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
    text-align:left;
}
table.about_2_out{
    width: 890px;
    border-top:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    border-left:1px solid #ffffff;
    border-right:1px solid #ffffff;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
    text-align:left;
}

/*============================================
商品ページ
============================================*/
/* 商品説明 */
table.item_center{
    width: 908px;
    border-top:10px solid #F7F4E8;                /*上枠*/
    border-bottom:10px solid #F7F4E8;             /*下枠*/
    border-left:12px solid #F7F4E8;               /*左枠*/
    border-right:12px solid #F7F4E8;              /*右枠*/
    border-collapse:collapse;
    border-spacing:0;
    background-color:#FFFFFF;
    empty-cells:show;
}
table.item_center td{
    padding: 30px;
}
table.item_link{
    width: 908px;
    border-top:10px solid #F7F4E8;                /*上枠*/
    border-bottom:10px solid #F7F4E8;             /*下枠*/
    border-left:12px solid #F7F4E8;               /*左枠*/
    border-right:12px solid #F7F4E8;              /*右枠*/
    border-collapse:collapse;
    border-spacing:0;
    background-color:#FFFFFF;
    empty-cells:show;
}

/*============================================
注文の流れ
============================================*/
/* 注文の流れ説明 */
table.order_1{
    width: 908px;
    border-top:10px solid #F7F4E8;                /*上枠*/
    border-bottom:10px solid #F7F4E8;             /*下枠*/
    border-left:9px solid #F7F4E8;                /*左枠*/
    border-right:9px solid #F7F4E8;               /*右枠*/
    border-collapse:collapse;
    border-spacing:0;
    background-color:#FFFFFF;
    empty-cells:show;
}
div#order_1_image {
    width:890px;                                      /*外枠の横幅*/
    height:1130px;                                    /*高さ*/
    text-align:center;                                /*テキストの配置を左揃えにする*/
    background-image:url("../img/order_image_1.jpg"); /*注文の流れ説明の上部画像*/
    background-repeat:no-repeat;                      /*背景画像を繰り返さない*/
    background-color:#ffffff;                         /*ヘッダ部分の背景色*/
    position:relative
}

/*============================================
会社概要
============================================*/
/* 会社概要 */
table.company_1{
    width: 908px;
    border-top:10px solid #F7F4E8;                /*上枠*/
    border-bottom:10px solid #F7F4E8;             /*下枠*/
    border-left:9px solid #F7F4E8;                /*左枠*/
    border-right:9px solid #F7F4E8;               /*右枠*/
    border-collapse:collapse;
    border-spacing:0;
    background-color:#FFFFFF;
    empty-cells:show;
}
div#company_1_image {
    width:890px;                                        /*外枠の横幅*/
    height:460px;                                       /*高さ*/
    text-align:center;                                  /*テキストの配置を左揃えにする*/
    background-image:url("../img/company_image_1.jpg"); /*会社概要説明の上部画像*/
    background-repeat:no-repeat;                        /*背景画像を繰り返さない*/
    background-color:#ffffff;                           /*ヘッダ部分の背景色*/
    position:relative
}

/*============================================
問い合わせ
============================================*/
table.ask_1{
    width: 908px;
    border-top:10px solid #F7F4E8;                /*上枠*/
    border-bottom:10px solid #F7F4E8;             /*下枠*/
    border-left:10px solid #F7F4E8;               /*左枠*/
    border-right:10px solid #F7F4E8;              /*右枠*/
    border-collapse:collapse;
    border-spacing:0;
    background-color:#FFFFFF;
    empty-cells:show;
}
table.ask_1 td{
    padding: 30px;
    text-align:left;
}
div#ask_image_1 {
    width:800px;                                      /*外枠の横幅*/
    height:115px;                                     /*高さ*/
    text-align:left;                                  /*テキストの配置を左揃えにする*/
    background-image:url("../img/ask_image_1.jpg");   /*画像*/
    background-repeat:no-repeat;                      /*背景画像を繰り返さない*/
    background-color:#ffffff;                         /*ヘッダ部分の背景色*/
    position:relative
}
div#ask_image_2 {
    width:800px;                                      /*外枠の横幅*/
    height:30px;                                      /*高さ*/
    text-align:left;                                  /*テキストの配置を左揃えにする*/
    background-image:url("../img/ask_image_2.jpg");   /*画像*/
    background-repeat:no-repeat;                      /*背景画像を繰り返さない*/
    background-color:#ffffff;                         /*ヘッダ部分の背景色*/
    position:relative
}
div#ask_image_3 {
    width:765px;                                      /*外枠の横幅*/
    height:140px;                                     /*高さ*/
    text-align:left;                                  /*テキストの配置を左揃えにする*/
    background-image:url("../img/ask_image_3.jpg");   /*画像*/
    background-repeat:no-repeat;                      /*背景画像を繰り返さない*/
    background-color:#ffffff;                         /*ヘッダ部分の背景色*/
    position:relative
}
table.ask_table {
    width: 800px;
    border-top:1px solid #4D1B09;                 /*上枠*/
    border-bottom:1px solid #4D1B09;              /*下枠*/
    border-left:1px solid #4D1B09;                /*左枠*/
    border-right:1px solid #4D1B09;               /*右枠*/
    border-collapse: collapse;
    border-spacing: 0;
}

table.ask_table td {
    padding: 5px;
    border:1px solid #4D1B09;
    text-align: left;
    vertical-align: middle;
}
table.ask_table_2 {
    width: 800px;
    border-top:0px solid #ffffff;                 /*上枠*/
    border-bottom:1px solid #4D1B09;              /*下枠*/
    border-left:1px solid #4D1B09;                /*左枠*/
    border-right:1px solid #4D1B09;               /*右枠*/
    border-collapse: collapse;
    border-spacing: 0;
}

table.ask_table_2 td {
    padding: 5px;
    text-align: left;
    vertical-align: middle;
}
p#ask_font_1{
    font-family: "ＭＳ ゴシック",sans-serif;
    font-size: 14px;
    color:#4D1B09;
    white-space:normal;
    display:inline;
}
p#ask_font_2{
    font-family: "ＭＳ ゴシック",sans-serif;
    font-size: 14px;
    color:#F0671C;
    white-space:normal;
    display:inline;
}
p#ask_font_3{
    font-family: "ＭＳ ゴシック",sans-serif;
    font-size: 12px;
    color:#4D1B09;
    white-space:normal;
    display:inline;
}
textarea.ask_msg {
    width: 600px;
    height: 7em;
    line-height:1em;
}
div#ask_thank_you {
    width:888px;                                      /*外枠の横幅*/
    height:480px;                                     /*高さ*/
    text-align:left;                                  /*テキストの配置を左揃えにする*/
    background-image:url("../img/ask_thank.jpg");     /*画像*/
    background-repeat:no-repeat;                      /*背景画像を繰り返さない*/
    background-color:#ffffff;                         /*ヘッダ部分の背景色*/
    position:relative
}



/*============================================
位置調整用
============================================*/
hr.hr5{
    height: 5px;
    color:#ffffff;
}
hr.hr10{
    height: 10px;
    color:#ffffff;
}

/*============================================
LightBox用
============================================*/
.no_border {
    border-style:none;
    
}