export default function NewProductTable(){
    return(
        <div className="sub-table-box">
            <div className="promise-gudie"><span className="important">*</span> 必須入力項目</div>
            <div className="infomation-table">
                <table>
                    <colgroup>
                        <col style={{width: '200px'}}/>
                        <col />
                    </colgroup>
                    <tbody>
                        <tr>
                            <th>設計依頼No.</th>
                            <td>
                                <div className="flx-box">
                                    <div className="product-input-wrap mr5">
                                        <input type="text" className="product-input" defaultValue='1000000002' readOnly/>
                                        <button className="product-delete"></button>
                                    </div>
                                    <button className="btn-origin grey">設計依頼のインポート</button>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <th>担当者 <span className="important">*</span></th>
                            <td>
                                <div className="input-wrap" style={{width : '500px'}}>
                                    <input type="text" className="input-light" defaultValue='Kim Ji Young'/>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <th>物品区分/物件名 <span className="important">*</span></th>
                            <td>
                                <div className="flx-box">
                                    <div className="d-check-radio light mr10">
                                        <input type="radio" name="radio01" id="ra01" />
                                        <label htmlFor="ra01">新築</label>
                                    </div>
                                    <div className="d-check-radio light mr10">
                                        <input type="radio" name="radio01" id="ra02" />
                                        <label htmlFor="ra02">基軸</label>
                                    </div>
                                    <div className="input-wrap mr5" style={{width : '545px'}}>
                                        <input type="text" className="input-light" defaultValue='jy0619_0625'/>
                                    </div>
                                    <div className="select-wrap" style={{width : '120px'}}>
                                        <select className="select-light" name="" id="" >
                                            <option>案件</option>
                                        </select>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <th>商品名 ふりがな</th>
                            <td>
                                <div className="input-wrap" style={{width : '789px'}}>
                                    <input type="text" className="input-light" />
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <th>
                                <div className="flx-box">
                                    <div className="title">
                                        一次販売店名/ID <span className="important">*</span>
                                    </div>
                                    <div className="tooltips">
                                        <span>販売代理店または販売代理店IDを1文字以上入力してください。</span>
                                    </div>
                                </div>
                            </th>
                            <td>
                                <div className="flx-box">
                                    <div className="select-wrap mr5" style={{width : '567px'}}>
                                        <select className="select-light" name="" id="">
                                            <option>選択</option>
                                        </select>
                                    </div>
                                    <div className="input-wrap" style={{width : '216px'}}>
                                        <input type="text" className="input-light" readOnly/>
                                    </div>
                                    
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <th>
                                <div className="flx-box">
                                    <div className="title">
                                        二次販売店名/ID <span className="important">*</span>
                                    </div>
                                    <div className="tooltips">
                                        <span>販売代理店または販売代理店IDを1文字以上入力してください。</span>
                                    </div>
                                </div>
                            </th>
                            <td>
                                <div className="flx-box">
                                    <div className="select-wrap mr5" style={{width : '567px'}}>
                                        <select className="select-light" name="" id="" >
                                            <option>選択</option>
                                        </select>
                                    </div>
                                    <div className="input-wrap" style={{width : '216px'}}>
                                        <input type="text" className="input-light" readOnly/>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <th>郵便番号 <span className="important">*</span></th>
                            <td>
                                <div className="flx-box">
                                    <div className="input-wrap mr5" style={{width : '200px'}}>
                                        <input type="text" className="input-light" readOnly/>
                                    </div>
                                    <button className="btn-origin grey">住所検索</button>
                                    <div className="guide">※ 郵便番号7桁を入力した後、アドレス検索ボタンをクリックしてください</div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <th>都道府県 / 住所 <span className="important">*</span></th>
                            <td>
                                <div className="flx-box">
                                    <div className="input-wrap mr5" style={{width : '200px'}}>
                                        <input type="text" className="input-light" readOnly/>
                                    </div>
                                    <div className="input-wrap mr5" style={{width : '580px'}}>
                                        <input type="text" className="input-light" />
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <th>発電量シミュレーション地域 <span className="important">*</span></th>
                            <td>
                                <div className="select-wrap" style={{width : '200px'}} >
                                    <select className="select-light" name="" id="" disabled>
                                        <option>東京</option>
                                    </select>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <th>基準風速 <span className="important">*</span></th>
                            <td>
                                <div className="flx-box">
                                    <div className="select-wrap mr10" style={{width : '200px'}}>
                                        <select className="select-light" name="" id="">
                                            <option>40</option>
                                        </select>
                                    </div>
                                    <span className="mr10">m/s以下</span>
                                    <button className="btn-origin grey">風速選択</button>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <th>垂直説説 <span className="important">*</span></th>
                            <td>
                                <div className="flx-box">
                                    <div className="select-wrap mr10" style={{width : '200px'}}>
                                        <select className="select-light" name="" id="">
                                            <option>40</option>
                                        </select>
                                    </div>
                                    <span className="mr10">cm</span>
                                    <div className="d-check-box light">
                                        <input type="checkbox" id="ch01" />
                                        <label htmlFor="ch01">寒冷地対策施行</label>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <th>面調図区分 <span className="important">*</span></th>
                            <td>
                                <div className="flx-box">
                                    <div className="radio-wrap flx-box" style={{width: '239px'}}>
                                        <div className="d-check-radio light mr10">
                                            <input type="radio" name="radio02" id="ra03" />
                                            <label htmlFor="ra03">III・IV</label>
                                        </div>
                                        <div className="d-check-radio light">
                                            <input type="radio" name="radio02" id="ra04" />
                                            <label htmlFor="ra04">II</label>
                                        </div>
                                    </div>
                                    <div className="d-check-box light mr5">
                                        <input type="checkbox" id="ch02" />
                                        <label htmlFor="ch02">塩害地域用アイテムの使用</label>
                                    </div>
                                    <div className="tooltips">
                                        <span>塩害地域の定義は各メーカーの設置マニュアルをご確認ください</span>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <th>設置高さ <span className="important">*</span></th>
                            <td>
                                <div className="flx-box">
                                    <div className="select-wrap mr10" style={{width : '200px'}}>
                                        <select className="select-light" name="" id="">
                                            <option>5</option>
                                        </select>
                                    </div>
                                    <span>m</span>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <th>契約条件</th>
                            <td>
                                <div className="flx-box">
                                    <div className="d-check-radio light mr10">
                                        <input type="radio" name="radio03" id="ra05" />
                                        <label htmlFor="ra05">余剰</label>
                                    </div>
                                    <div className="d-check-radio light mr10">
                                        <input type="radio" name="radio03" id="ra06" />
                                        <label htmlFor="ra06">全量</label>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <th>メモ</th>
                            <td>
                                <div className="input-wrap">
                                    <input type="text" className="input-light" />
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div className="sub-right-footer">
                <button className="btn-origin navy mr5">商品リスト</button>
                <button className="btn-origin grey">一時保存</button>
            </div>
        </div>
    )
}