@charset "Shift_JIS";
/*----------------------------
レイアウト制御（ここは大まかに言って、大きさではなく、位置を変える部分です）
----------------------------*/
/* 花写真プログラム全体の配置 / 左右余白 */
#container{
text-align:center;
margin-left:auto;
margin-right:auto;
position:relative;
left:20px;/*（大きな写真とリストの写真、両方の左右位置） */
top:-20px;/*（大きな写真とリストの写真、両方の左右位置） */
padding:0px 0px 0px 0px;
margin-top:0px;
margin-bottom:0px;
}
/* サムネイルリストの配置 */
#list{
text-align: right;
position:relative;
left:0px;/*（リストの写真の左右の位置） */
top:-15px;/*（リストの写真の上下の位置） */
}
/* 「商品名 / 価格」表示欄配置 - 相対位置指定 */
#pricebox{
position:relative;
left:-113px;/*（価格表示欄の左右の位置） */
top:50px;/*（価格表示欄の上下の位置） */
}
#main02
{padding:0px 0px 0px 0px;
width:711px;/*全体の横幅の大きさ（写真のプログラムの大きさも関係するので、
実際には上部のメニューの横幅の大きさだけが変わります。おそらく711pxが良いと思います） */
background-color:#0B220A;/*大きい写真の上下と左の背景色 */
text-align:left;
margin-top:0px;
margin-bottom:0px;
border-left:1px hidden #c8c488;
}
/*----------------------------
タグ共通設定
----------------------------*/
/* タグ - 文字色 / 背景色 / スクロールバー配色 / */
BODY{
background-color:#0B220A;/*リスト写真付近の背景色 */
scrollbar-3dlight-color:olive;
scrollbar-highlight-color:#d3d38c;
scrollbar-base-color:olive;/*この３行 スクロールバーの色 */
text-align:center;
}
/* ![]()
タグ - 枠線除去 */
img{
border:0;
}
/* */
/* 価格欄の大きさを変える部分です */
input{
width:150px;/*価格欄の幅（大小） */
height:16px;/*価格欄の高さ（大小） */
border:0;
filter:alpha(opacity=60);/*白色の半透明部分の透明度を変化させます。
60から90くらいがいいと思います。60だと
透明過ぎて価格が見にくくなりますし、
90だとほとんど透明であることがわからなく
なります。 */
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
}