商品詳細画面のテンプレートにid名、class名が充てられているタイプである
ショップデザイン / 機能・設定 / 商品・カテゴリ / 商品詳細画面デザイン
【16】番以降のテンプレートの場合は【共通CSS管理】に別途スタイルを指定することで幅の変更が可能です。
【15】番以前のテンプレートは幅の変更ができません。
※ショップデザイン / 機能・設定 / 商品・カテゴリ / 商品詳細画面デザイン で選択する画面テンプレートは、「カスタマイズテンプレート」ではなく旧来の「デザインテンプレート ベーシックタイプ」に
準拠しているため、「商品説明」の幅が560px、メイン画面の幅が680px程度に指定されているため
記述例）
/* product Detail */
div#main{ width:760px !important; text-align:center;}
div#main p#item{ width:740px !important; margin:0 auto;}
div#main #itemDetail,
div#main #detailInfo, div#moreDetail { width:740px !important; margin:auto;}
div#itemInfo {width: 380px !important;}
など
div#main、p#item、div#itemDetail等にwidthが指定されておりますので、
これらのdiv要素に対して指定したものを
ショップデザイン / テンプレート選択・編集 / トップページ編集 / 共通CSS管理 へ追記してください。
「!important」と記述していただくことで後述の指定を仕様に割り込ませ優先的に適用させます。
「カスタマイズテンプレート」をご利用の場合は
ショップデザイン / テンプレート選択・編集 / 内部ページ編集Ⅰ / 商品詳細画面管理
でのソースのご利用を推奨しております。
「商品詳細が上」「商品詳細が下」等に位置を入れ替えたい場合、独自変数タグ[DETAIL]の位置（順序）を入れ替えてご対応ください。
詳細は以下サポート記事をご参考ください。
■makeshopサポート
もっと商品をアピールしたい！ ページの横幅に合わせて商品説明を表示する方法