body { font-size: 14px; margin: 0px 0px 20px; text-align:center;}

a { text-decoration: underline }
a:link { color: #0033CC }
a:visited { color: #0033CC }
a:active { color: #0033CC }
a:hover { color: #ee0000 }

H1 { padding-left: 30px; margin: 0px; }
H1 a { font-size:32px; color: #FFFFFF; text-decoration: none }
H1 a:link { color: #FFFFFF; text-decoration: none }
H1 a:visited { color: #FFFFFF; text-decoration: none }
H1 a:active { color: #FFFFFF; text-decoration: none }
H1 a:hover { color: #ff6633; text-decoration: none }
H2 { padding: 5px 0px 5px 10px; margin-top: 10px; font-size: 22px; border-left: #FB9C4F 12px solid; border-bottom: #FB9C4F 1px solid }
H3 { padding: 3px 0px 3px 7px; font-size: 16px; margin: 0px; border-left:10px solid #00CC33; border-bottom:1px solid #00CC33; }
P  { line-height:140%; }

.header { height:180px; background-image: url("../images/bgimage.gif"); }
.headerdesc { color: #FFFFFF; padding:10px 20px 30px 30px; font-size:14px; }

.topword { padding-left: 30px; margin: 0px; }
.topword a { font-size:32px; color: #FFFFFF; text-decoration: none }
.topword a:link { color: #FFFFFF; text-decoration: none }
.topword a:visited { color: #FFFFFF; text-decoration: none }
.topword a:active { color: #FFFFFF; text-decoration: none }
.topword a:hover { color: #ff6633; text-decoration: none }
.topdesc { color: #FFFFFF; padding-right: 0px; padding-left: 35px; font-size: 13px; padding-bottom: 15px; padding-top: 10px; }
.topcatlink { text-align:right; padding:0px 10px 10px 0px; font-size:16px; font-weight:bold;}


#container { width: 960px; border-left: #CCCCCC 1px solid; border-right: #CCCCCC 1px solid; padding: 0px; margin: auto; text-align: left }

.main { width:600px; font-size: 14px; vertical-align:top; padding:10px 15px 5px 15px; border-top: #999999 3px double; }
.left  {padding:10px 0px; vertical-align:top; text-align:center; width:180px; border-top: #999999 3px double; border-right: #CCCCCC 1px solid;}
.right {padding:10px 0px; vertical-align:top; text-align:center; width:180px; border-top: #999999 3px double; border-left: #CCCCCC 1px solid;}
.left div { padding:10px;}
.right div { padding:10px;}
.bottom { margin: auto; border-top: #CCCCCC 1px solid; font-size: 14px; width: 960px; color: #666666; padding-top: 10px; text-align: center }


table.rakuten { margin-bottom:10px;line-height:130%; border-right: #cccccc 1px solid; border-top: #cccccc 1px solid; border-left: #cccccc 1px solid; width: 570px; border-bottom: #cccccc 1px solid; border-collapse: collapse }
table.rakuten th { border-right: #cccccc 1px solid; border-top: #cccccc 0px; background-color:#FB9C4F; color:#FFFFFF; border-bottom: #CCCCCC 1px solid; padding:7px 5px;}
table.rakuten td { border-right: #cccccc 1px solid; border-top: #cccccc 0px; padding: 8px 5px; font-size: 14px; border-left: #cccccc 0px; border-bottom: #cccccc 1px solid }
table.rakuten td.head { width:120px; border-right: #cccccc 1px solid; padding: 4px; border-top: #cccccc 0px; font-size: 14px; background: #FFF2CA; border-left: #cccccc 0px; border-bottom: #cccccc 1px solid }
table.rakuten td.rank { color:#FF6600; font-size:16px;}
table.rakuten td.title { font-size:18px; }
table.rakuten td.group { background-color:#FFF2CA; }


div.side_title {background-color:#FFF2CA; padding:5px; border-bottom: #cccccc 3px double;}
div.cat { text-align:left; padding:15px 10px 2px 10px; font-size:16px;font-weight:bold; }
div.cat_list { text-align:left;padding:3px 10px 8px 18px; font-size:15px;}
div.cat_list_current { text-align:left;padding:1px 5px 5px 25px; font-size:15px; background-color:#FFF2CA; margin:0px 7px}
div.psite { margin:10px 0px 10px 0px;}
div.intro { line-height:140%; font-size:12px;padding:5px 0px 0px 0px;margin:0px}

.comment { padding-bottom:15px; line-height:130%; }
.key {font-weight:bold; color:#FF0000;}