@charset "utf-8";
/*
Theme Name: Monster Collection Stage1 Theme
Theme URI: http://moncolle.jp/
Description: モンスター・コレクションTCG公式サイトのテーマ
Version: 1.0b
Author: F.Sato @BROCCOLI
Author URI: http://www.broccoli.co.jp/
*/

body{ color:#222; background-color:#F9F6F1; font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック', sans-serif; line-height:1.25em; margin:0; padding:0; }

img{ border:none; }
a:link{ color:#06F; }

/* Generic ID's */
#hdimgl{ width:970px; margin: 0 auto; padding-left:10px; background: transparent url(image/hdleft.png) repeat-y left top; }
#hdimgr{ width:960px; margin: 0 auto; padding-right:10px; background: transparent url(image/hdright.png) repeat-y right top; }

#wrap{ width:958px; margin:0 auto; border-left:1px solid #9A8D7C; border-right:1px solid #9A8D7C; background:#FFF url(image/bg_wrap.jpg) no-repeat left top; }

#header{ width:958x; height:280px; background:transparent url(image/headerimg.jpg) no-repeat top left; }
#header #title{ height:230px; }
#header #title h1{ margin:0; padding:64px 0 0 18px; }

#gmenu{ height:50px; overflow:hidden; background: transparent url(image/bg_menu.png) no-repeat left top; color:#FFF; }
#gmenu ul{ padding:0; margin:0; list-style:none; }
#gmenu li{ padding:0; font-size:16px; font-weight:bold; float:left; }
#gmenu li a{ padding:15px 8px 0 8px; height:35px; display:block; text-decoration:none; color:#FFF; float:left; }
#gmenu li a:hover{ background: transparent url(image/mn_hover.png) repeat-x left top; }

#cwrap{ padding:20px; margin:0; }

#mc{ width:580px; float:left; }
#sidebar{ width:320px; float:right; }
#cfooter{ clear:both; }

#footer{ margin:0; padding:2em 20px 4em; background-color:#000; color:#FFF; }
#footer .copy{ margin:0; text-align:right; font-size:11px; }



/* POST classes */
.post{ padding:8px; background-color:#FFF; border:1px solid #9A8D7C; margin-bottom:1em; }
.post h3.topictitle{ margin:0; color:#900; font-size:20px; padding:24px 9px 12px 9px; background: #FFF url(image/bg_topictitle.png) no-repeat left top; border:1px solid #D7CCB9; line-height:1.5em; }
.post h3.posttitle{ margin:0; color:#900; font-size:20px; padding:10px 9px 8px 9px; background: #FFF url(image/bg_posttitle.png) repeat left top; line-height:1.5em; }
.post h3.posttitle a, .post h3.topictitle a{ text-decoration:none; color:#900; }
.postmeta{ font-size:10px; text-align:right; margin:0; }
.postcontent{ padding:8px 0; }
.post h5{ font-size:12px; }

.post table+table{ margin-bottom:1em; }
.post table caption{ margin-top:1em; }

/* Download Button */
a.dl{ margin:1em 2em; background:#908073 url(image/bg_downbt.jpg) repeat-x left top; border:1px solid #000; padding:10px 18px 10px 24px; text-align:center; font-size:16px; font-weight:bold; color:#FAF9F5; display:block; }
a.dl:hover{ background:#908073 url(image/bg_downbt_hv.jpg) repeat-x left top; color:#FFF; }

/* Home Additional */
#cwrap .optbox{ margin-bottom:1em; }
#cwrap .optbox h3{ font-size:20px; margin:0; padding:12px 22px 9px 22px; overflow:hidden; color:#FFF; background:#634D3C url(image/bg_category.jpg) no-repeat left top; }



/* Archive styles */
.post_thumb img{ display:block; border:1px solid #E0D7C8; float:left; margin:1em 1em 1em 0; padding:4px; }
.readmore{ clear:left; }
/* Archive Title */
#cwrap h2.ctitle{ font-size:22px; margin:0 0 14px 0; padding:11px 22px 9px 22px; overflow:hidden; color:#FFF; background:#634D3C url(image/bg_category.jpg) no-repeat left top; }


.subtopicl{ width:284px; float:left; line-height:1.25em; }
.subtopicr{ width:284px; float:right; line-height:1.25em; }
.subtopicl .post h3.topictitle, .subtopicr .post h3.topictitle{ font-size:14px; padding:24px 9px 6px 9px; height:4em; line-height:16px; overflow:hidden; }

/* Sidebar content */
#searchbox{ height:30px; padding:7px 5px 3px 14px; margin:0 0 1em 0; overflow:hidden; font-size:14px; background: #402411 url(image/bg_sidebar.jpg) no-repeat left top; }
#searchbox input.textinput{ height:20px; width:240px; border:1px solid #333; color:#000; font-size:12px; vertical-align:top; }
#searchbox input.imagebt{ vertical-align:top; }

.sidebox{ padding:0 0 6px 0; background-color:#FFF; border:1px solid #9A8D7C; margin-bottom:1.5em; line-height:1.25em; }
.sidebox h4{ height:30px; padding:9px 6px 0 25px; margin:0 0 1em 0; overflow:hidden; font-size:14px; background: #402411 url(image/bg_sidebar.jpg) no-repeat left top; color:#FFF; }

.sidebox p{ margin:auto 1.5em;}
.sidebox p.meta{ margin:auto 1.5em; padding:1em 0; text-align:right; }

.sidebox ul{ margin:auto 1.5em; padding:0; }
.sidebox li{ margin:0 1em; padding:0; list-style-type:square; }

.widgettitle .rsswidget{ color:#FFF; text-decoration:none; }


/* content fontsize */
#cwrap h4{ font-size:18px; }
#cwrap p{ font-size:14px; }
#cwrap p,#cwrap td,#cwrap th,#cwrap caption,#cwrap li{ font-size:12px; }
#cwrap caption{ font-weight:bold; text-align:center; }

#cwrap table{ border-collapse:collapse; width:100%; }
#cwrap table td, #cwrap table th{ border:1px solid #E0D7C8; padding:6px; }
#cwrap table th{ background-color:#F9F6F1; white-space:nowrap; }

#crwap h4.underline{ font-size:12px; border-bottom:1px solid #333; }

/* common classes */
.fright{ float:right; }
.fleft{ float:left; }
.aleft{ text-align:left; }
.aright{ text-align:right; }
.acenter{ text-align:center; }
.clear{ clear:both; }
hr.clear{ clear:both; height:1px; margin:0; padding:0; border:none; visibility:hidden; }
.strike{ text-decoration:line-through; }

.vamiddle{ vertical-align:middle; }
.vatop{ vertical-align:top; }
.vabase{ vertical-align:baseline; }
.vabottom{ vertical-align:bottom; }

.smaller{ font-size:smaller; }
.xsmall{ font-size:10px; }

.stc-y{color:#900;font-weight:bold;}
.stc-ol{color:#F60;font-weight:bold;}

.c-y{color:#900;}
.c-g{color:#999;}

.nomargin{margin:0;}
.notopmargin{ margin-top:0; }
.nobtmargin{ margin-bottom:0; }
.nolmargin{ margin-left:0; }
.normargin{ margin-right:0; }

.elements_fire {color: #F30; font-weight: bold; text-align:center;}
.elements_water{color: #3CF; font-weight: bold; text-align:center;}
.elements_ground{color: #0C0; font-weight: bold; text-align:center;}
.elements_wind {color: #C6F; font-weight: bold; text-align:center;}
.elements_holy {color: #FC0; font-weight: bold; text-align:center;}
.elements_dark {color: #C60; font-weight: bold; text-align:center;}

#cwrap  table.nostyle{ border:none; margin:0; padding:0; }
#cwrap  table.nostyle td, table.nostyle th{ border:none; padding:2px; }

table.usersite{ width:100%; font-size:12px; font-weight:bold; border-collapse:separate; border:none; }
table.usersite td{ width:50%; min-height:28px; padding:4px; vertical-align:middle; text-align:center; border:1px solid #666; background-color:transparent; }
table.usersite td:hover{ background-color:#FFC; }
table.usersite td.emptycell, table.usersite td.emptycell:hover{ border:none; background:none; }


#cwrap table.loclist{ margin:0; padding:0; }
#cwrap table.loclist td, #cwrap table.loclist th{ padding:1px; font-size:10px; line-height:1.25em; }
#cwrap table.loclist th{ white-space:normal; }