/* 基本設定 */

body { 
width: 800px; /* 幅 */ 
color: #393939; /* フォントカラー */  
font-family: sans-serif; /* フォントタイプ */  
font-size: 80%;
margin: 0px auto auto ; /* ［上］ と ［左右］と ［下］ の外側余白を指定 */
}

.center { 
text-align: center; /* 中央揃えで表示 */  
}

.top {
vertical-align: top; /* 上揃えで表示 */  
}

.right { 
text-align: right; /* 右寄せで表示 */  
}

.rb { 
text-align: right; /* 右寄せで表示 */  
vertical-align: bottom; /* 下揃えで表示 */  
}

.w300 { 
width: 300px ; /* 幅 */ 
}

.mar0 { 
margin: 0px; /* ［上下左右］ の外側余白を指定 */  
} 

.mar2 { 
margin: 2px; /* ［上下左右］ の外側余白を指定 */  
}

.cancel {
text-decoration: line-through; /* テキストに取り消し線を引く */  
background-color: #e0e0e0; /* 背景カラー */  
color: #393939; /* フォントカラー */  
}

.lst { 
margin-left: 40px;
}

/* セルカラー */
.blk { 
background-color: #393939; /* 背景カラー */  
color: #FFFFFF; /* フォントカラー */  
} 
.gry { 
background-color: #999999; /* 背景カラー */  
} 
.lgr { 
background-color: #e0e0e0; /* 背景カラー */  
} 
.lgrfnt { 
background-color: #e0e0e0; /* 背景カラー */  
color: #a0a0a0; /* フォントカラー */  
} 
.blu { 
background-color: #87CEFA; /* 背景カラー */  
} 
.pnk { 
background-color: #FF69B4; /* 背景カラー */  
} 
.yel {
background-color: #FFFF99; /* 背景カラー */  
}

/* おすすめ画像配置 */
.clip{  
float: left; /* 縦に並べる場合はこの部分を削除 */  
margin: 0px 4px; /* ［上下］ と ［左右］ の外側余白を指定 */  
width: 190px; /* 幅 */ 
 }
 
 
/* table書式 */
table { 
width: 100%; 
border: none; 
}

table.img { 
border-collapse: collapse; /* 隣接する境界線を重ねて表示する */ 
margin: 0px auto ; /* ［上下］ と ［左右］ の外側余白を指定 */
padding: 0px;
}


/* th書式 */
th { 
text-align: center; /* 中央揃えで表示 */  
background-color: #e0e0e0; /* 背景カラー */  
padding: 15px 0px ; /* ［上下］ と ［左右］ の内側余白を指定 */  
} 


/* td書式 */
/* タイトル画像 */
td.title1 {
background-image: url(../image/title1.gif); /* 背景画像 */ 
width: 486px ; /* 幅 */ 
height: 95px ; /* 高さ */ 
padding: 0px; /* ［上下左右］ の内側余白を指定 */  
}
td.title2 {
background-image: url(../image/title2.gif); /* 背景画像 */ 
width: 259px ; /* 幅 */ 
height: 95px ; /* 高さ */ 
padding: 0px; /* ［上下左右］ の内側余白を指定 */  
}
td.title3 {
background-image: url(../image/title3.gif); /* 背景画像 */ 
width: 55px ; /* 幅 */ 
height: 95px ; /* 高さ */ 
padding: 0px; /* ［上下左右］ の内側余白を指定 */  
}
td.title4 {
background-image: url(../image/title4.gif); /* 背景画像 */ 
width: 486px ; /* 幅 */ 
height: 135px ; /* 高さ */ 
padding: 0px; /* ［上下左右］ の内側余白を指定 */  
}
td.title_A {
background-image: url(../image/title_A.gif); /* 背景画像 */ 
width: 259px ; /* 幅 */ 
height: 135px ; /* 高さ */ 
padding: 0px; /* ［上下左右］ の内側余白を指定 */  
}
/* フッター画像 */
td.foot {
background-image: url(../image/foot.gif); /* 背景画像 */ 
width: 800px ; /* 幅 */ 
height: 106px ; /* 高さ */ 
padding: 0px; /* ［上下左右］ の内側余白を指定 */  
text-align: center; /* 中央揃えで表示 */  
color: #FFFFFF; /* フォントカラー */  
}

thead td {
text-align: center; /* 中央揃えで表示 */  
background-color: #e0e0e0; /* 背景カラー */  
color: #000000; /* フォントカラー */  
padding: 15px 0px ; /* ［上下］ と ［左右］ の内側余白を指定 */  
}

td.prf {
vertical-align: top;
padding: 10px 0px ; /* ［上下］ と ［左右］ の外側余白を指定 */
} 

td.car {
padding: 15px 20px ; /* ［上下］ と ［左右］ の内側余白を指定 */  
vertical-align: top; /* 上揃えで表示 */  
}

td.gal {
width: 560px ; /* 幅 */  
height: 560px ; /* 高さ */  
} 

td.store {
text-align: center; /* 中央揃えで表示 */  
width: 60px; /* 幅 */ 
height: 40px; /* 高さ */ 
}

td.yet {
text-align: center; /* 中央揃えで表示 */  
color:#C0C0C0;
width: 60px; /* 幅 */ 
height: 40px; /* 高さ */ 
}

td.price {
width: 800px ; /* 幅 */ 
vertical-align: middle; /* 中央揃えで表示 */  
text-align: right; /* 右寄せで表示 */  
border-bottom: 1px #e0e0e0 solid; /* 境界線の書式 */ 
}


/* p書式 */
p.up { 
text-align: right; /* 右寄せで表示 */  
font-style: italic; /* イタリック体で表示 */  
font-weight: bold; /* 太字で表示 */  
}


/* img書式 */
img { 
border: none; /* 画像の境界線幅 */ 
vertical-align: text-top; /* 画像の上端と、親要素のフォントの上端を揃える */  
margin: 5px; /* ［上下左右］ の外側余白を指定 */  
}

img.menu { 
margin: 0px 24px; /* ［上下］ と ［左右］ の外側余白を指定 */  
}

img.lst{
margin: 5px 5px 5px 40px; /* ［上］ と ［右］ と ［下］ と ［左］ の外側余白を指定 */  
}

img.arrow { 
margin-right: 5px;
}

img.itm { 
border: 1px #DCDCDC dashed; /* 画像境界線の書式 */ 
margin: 4px; /* ［上下左右］ の外側余白を指定 */  
}


/* hr書式 */
hr {
height: 1px; /* 高さ */ 
background-color: #e0e0e0; /* 線の色 */ 
color: #e0e0e0; /* 境界線の色 （境界線非表示未対応ブラウザ用）*/ 
border: none; /* 縁線の表示 */ 
}

hr.b {
height: 4px; /* 高さ */ 
background-color: #e9e9e9; /* 線の色 */ 
color: #e9e9e9; /* 境界線の色 （境界線非表示未対応ブラウザ用） */ 
}


/* div書式 */
div.tsh {
width: 785px ; /* 幅 */  
height: 200px ; /* 高さ */  
vertical-align: top; /* 上揃えで表示 */  
overflow: auto; /* ボックスからはみ出た部分を縦のスクロールバーだけで表示する */  
}

div.gal {
width: 180px ; /* 幅 */  
height: 600px ; /* 高さ */  
vertical-align: top; /* 上揃えで表示 */  
overflow: auto; /* ボックスからはみ出た部分を縦のスクロールバーだけで表示する */  
}


/* a書式 */
a:link{
color:#4169E1;
text-decoration:none;}

a:visited{
color:#C71585;
text-decoration:none;}

a:hover{
color:#000080;
text-decoration:underline;}


/* li書式 */
li {
list-style-image: url(../image/list.gif); /* マーカー画像（大） */ 
padding: 5px 0px ; /* ［上下］ と ［左右］ の内側余白を指定 */  
}

li.s {
list-style-image: url(../image/list2.gif); /* マーカー画像（小） */ 
}