/*===ベーススタイル===*/

a { color: #54422C; text-decoration: none; cursor: pointer}
a:hover { color: #FF9999; text-decoration: none; cursor: pointer}
body { background-image: url(../img/bg.jpg); background-color: #FFFFFF; text-align: center; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; padding: 0px; scrollbar-face-color: #FCFDED; scrollbar-highlight-color: #54422C; scrollbar-shadow-color: #54422C; scrollbar-3dlight-color: #FFFFFF; scrollbar-arrow-color: #54422C; scrollbar-track-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF}
body,table,th,td,p,input,select { font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif; color: #54422C; font-size: 13px; line-height: 22px; vertical-align: top}
img { border: none}
p { padding: 0px; margin: 0px}
h1 { display: none}



/*===汎用スタイル===*/

.left { text-align: left; margin-left: auto; margin-right: auto}
.center { text-align: center; margin-left: auto; margin-right: auto}
.right { text-align: right}
.top { vertical-align: top}
.middle { vertical-align: middle}
.bottom { vertical-align: bottom}
.bold { font-weight: bold}
.small { font-size: 10px}
.w100 { width: 100%}



/*===レイアウト===*/

#site_frame { text-align: center; margin-left: auto; margin-right: auto; height: 100%; width: 960px}
#site_frame td { vertical-align: middle}
#site_inner_frame { border: 3px double #54422C}
#contents { background-color: #FCFDED; width: 960px; height: 393px}
#contents td { vertical-align: top; text-align: center}
#contents #news { background-image: url(../img/news_board.jpg); background-repeat: no-repeat; background-position: center top; width: 500px; height: 270px}
#contents #menu { margin-top: 20px}
#contents #image { width: 460px; height: 320px}
#contents #contact { margin-bottom: 10px}
#news { position: relative}
#news #read { padding-left: 50px; padding-right: 30px; padding-top: 27px; text-align: left}
#news span { margin-left: 260px}
#rss { margin-left: 70px; margin-top: 57px; text-align: left; padding-left: 40px}
#link { background-image: url(../img/price_bg.jpg); background-repeat: no-repeat; background-position: center top; padding-top: 50px; padding-left: 50px; padding-right: 50px; padding-bottom: 10px}
#link td { text-align: left; line-height: 16px}
#link img { float: left; padding-right: 5px}
#price { background-image: url(../img/price_bg.jpg); background-repeat: no-repeat; background-position: center top; padding-top: 40px; padding-left: 50px; padding-right: 50px; padding-bottom: 10px}
#table01{ margin-left: auto; margin-right: auto; width: 750px; background-color: #E8E1C5}
#table01 td { background-color: #FFFFFF}
#table01 th { background-color: #FFFFFF}
#table02 { margin-left: auto; margin-right: auto; width: 100%}
.controls a { color: #548E2C}
.controls a:hover { color: #FF9999}
.read1 { color: #FF7F00; font-weight: bold; text-align: left; margin-left: 30px}
.read2 { color: #FF7F00; font-weight: bold; text-align: left}
.small2 { font-size: 11px}
.style01 { text-align: center; width: 750px; margin-left: auto; margin-right: auto; text-align: center}
.float { float: right; margin-left: 20px}
.style02{ margin-left: auto; margin-right: auto; width: 750px; margin-top:10px}
#profile { position: absolute; left: 360px; top: 38px}
#profile a { cursor: pointer}

#pickup { margin-top: 20px}
#pickup a { color: #CC3366}
#pickup a:hover { color: #FF9999; text-decoration: underline}