body { text-align:center;}
p strong { font-weight:normal;}

#header { background:url(/img/bg_header.gif) 187px 14px no-repeat;}
#contents { margin:0 0 10ex 0;}
#read { position:absolute; bottom:-10ex; left:0; color:#666;}
* html #contents { margin:0 0 6ex 0;}
* html #read { bottom:-6ex;}

#pageline { background:#ff8c00; text-align:center;}
h1 { color:#fff; font-weight:normal; line-height:14px; width:950px; margin:0 auto; font-size:80%; text-align:right; padding:2px 0;}
h2, h3, h4 { margin:0 0 10px 0;}

#pickup001 li { padding:0 17px 0 0; float:left;}

#news dl { margin:15px 0;}
#news dt { width:8em; float:left; padding:10px 0;}
#news dd { background:url(/common/img/dot_line.gif) left bottom repeat-x; padding:10px 0 10px 8em;}

.titlestyle a { display:block; float:right;}
.titlestyle span { display:block; float:left;}

#category { margin:0 0 15px 0; background:url(/common/img/dot_line.gif) left bottom repeat-x; padding:0 0 15px 0;}
#category ul { padding:10px 0 0 0;}
#category ul li { float:left; padding:0 10px 5px 0;}
#category ul li a { display:block; white-space:nowrap;}

#visual { margin:0 0 15px 0;}

#lefttopics { float:left; width:580px;}
#lefttopics .innerwhite { width:560px; padding:5px 10px;}
#lefttopics ul { margin:0 0 5px 0;}
#lefttopics .titlestyle { margin:0; width:545px;}

#lefttopics ul li { background:url(/common/img/dot_line.gif) left bottom repeat-x; padding:8px 0; position:relative; z-index:0;}
#lefttopics p { margin:0 0 5px 0;}

#rightopics { float:right; width:170px;}
* html #rightopics { width:172px;}
#rightopics li { padding:0 0 10px 0;}

#categoryArea dt { background:url(/common/img/dot_line.gif) left bottom repeat-x; margin:0 0 5px 0;}
.orangebox { background:url(/img/bg_orange.gif) left bottom no-repeat; margin:0 0 10px 0; height:105px;}
.orangebox02 { background:url(/img/bg_orange02.gif) left bottom no-repeat; margin:0 0 10px 0; height:105px;}
.orangebox .mr10,
.orangebox02 .mr10{ margin-right:9px;}
.orangebox .categorynavi3,
.orangebox02 .categorynavi3{ width:249px; float:left; background:url(/img/bg_orange_top.gif) 0 0 no-repeat;}
.categorynavi3 .bg248 { padding:5px 5px 0 5px; width:239px;}
.categorynavi3 .bg248 dt.itemname span { padding:8px 0; display:block; width:100%;}
.categorynavi3 .bg248 p.read { padding:5px 0;}
.categorynavi3 .bg248 dd { padding:5px 0;}
.categorynavi3 .bg248 dd a { font-size:80%; white-space:nowrap; display:inline-block; line-height:1.4em;}
.categorynavi3 .bg248 p.txtright { font-size:80%; padding:5px 0 0 0;}
#detailseach { float:left; background:url(/img/bg_orange02_top.gif) 0 0 no-repeat; padding:5px 5px 0 5px; width:239px; text-align:center;}
#detailseach p { padding:10px 0;}

.rankingbox { float:left; width:248px; padding:10px 0 5px 0;}
.rankingbox dl { float:right; width:155px; font-size:80%;}

#special { float:left; width:374px;}
#special li { float:left; padding:0 17px 0 0;}
#specialbox .innergray{ padding:8px 0 8px 15px;}
#specialbox .boxwhite { float:left; width:354px; margin-bottom:0;}
#specialbox .boxwhite p { font-weight:bold;}
#specialbox .innerwhite { padding:6px;}
#specialbox .innerwhite li { padding:3px 0;}

.bg_navi001 { background:url(/img/pict_category001.jpg) right top no-repeat;}
.bg_navi002 { background:url(/img/pict_category002.jpg) right top no-repeat;}
.bg_navi003 { background:url(/img/pict_category003.jpg) right top no-repeat;}
.bg_navi004 { background:url(/img/pict_category004.jpg) right top no-repeat;}
.bg_navi005 { background:url(/img/pict_category005.jpg) right top no-repeat;}
.bg_navi006 { background:url(/img/pict_category006.jpg) right top no-repeat;}
.bg_navi007 { background:url(/img/pict_category007.jpg) right top no-repeat;}
.bg_navi008 { background:url(/img/pict_category008.jpg) right top no-repeat;}
.bg_navi009 { background:url(/img/pict_category009.jpg) right top no-repeat;}
.bg_navi010 { background:url(/img/pict_category010.jpg) right top no-repeat;}
.bg_navi011 { background:url(/img/pict_category011.jpg) right top no-repeat;}

.categorynavi3g { background:url(/common/img/bg_248g_top.gif) 0 0 no-repeat #999; padding:2px 0 0 0; margin-top:10px; width:248px; float:left;}
.bg248g { background:url(/common/img/bg_248g_bottom.gif) left bottom no-repeat; padding:0 5px 5px 5px; text-align:center; padding:10px 0;}
.bg248g p { padding:2px 0;}

#contents #bannerArea { margin:0 0 5px 0;}

p.emergency { margin:0 0 15px 0;}
p.emergency a { color:#af001d;}
