@charset "UTF-8";
body { background:#e1c960 url(images/bg.gif); color:#494949; font-family:"Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif; font-size:11px; margin:0; }
img { border:0; }
form { margin:0; }
/* Headings */
h1, h2, h3, h4, h5, h6 { font-family:"Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif; font-weight:normal; margin:0; }
/* Lists */
ul { list-style:none; padding:0; margin:0; }
li { background:url(images/arrow.gif) left 5px no-repeat; padding:0 0 0 10px; margin:0 20px; }
/* Links */
a:link, a:visited { color:#635D45; text-decoration:none; }
a:hover, a:active { color:black; }
#header a:link, #header a:visited { color:#474747; }
#header a:hover, #header a:active { color:#737373; }
#copyrights a:link, #copyrights a:visited { color:#474747; }
#copyrights a:hover, #copyrights a:active { color:#737373; }
/* Basic classes */
.hidden { display:none; }
.centerize { text-align:center; }
.clearing { width:800px; height:0; clear:both; }
/*-------------------------------------------------
  Header
-------------------------------------------------*/
#header { position:relative; width:800px; height:120px; border-width:0; margin:0 auto; background:url(images/header_space.gif) no-repeat center bottom; }
#header h1 { height:120px; width:800px; background:url(images/header.gif) no-repeat center top; margin:0; text-indent:-9999px; }
/*-------------------------------------------------
  Content wrappers
-------------------------------------------------*/
#mainwrapper { width:800px; background:white; margin:auto; }
#wrapper { width:800px; margin:auto; }
/*-------------------------------------------------
  Main content
-------------------------------------------------*/
#container { width:800px; height:1%; overflow:visible; float:right; padding:0; margin-left:-204px; }
.content { padding:0; margin:0px 20px 30px 224px; }
.menutitle { clear:both; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size:18px; padding:0 0 3px 0; margin:0; }
.contentdesc { margin:0px 5px 10px 5px; }
/*-------------------------------------------------
  Item styles
-------------------------------------------------*/
.contenttitle h2 { clear:both; font-size:18px; line-height:18px; margin:6px 0 0 0; background:url(images/bgtitle1.gif) no-repeat center center; height:24px; width:526px; padding:6px 15px 0 15px; vertical-align:middle; font-weight:bold; color:#FFFFFF; }
.contenttitle h2 a:hover, .contenttitle h2 a:active { color:#000000; }
.contenttitle h2 a:link, .contenttitle h2 a:visited { color:#FFFFFF; }
.contenttitle h3 { clear:both; background:url(images/dot.gif) bottom repeat-x; font-size:14px; padding:0 0 6px 0; margin:0; }
.contentbody { font-size:13px; text-align:justify; width:534px; padding:0 10px 16px 10px; margin-top:6px; overflow:auto; }
.contenttitle2 h2 { clear:both; font-size:14px; margin:0; background:url(images/bgtitle1.gif) no-repeat center center; height:auto; width:255px; padding:3px 5px; vertical-align:middle; font-weight:bold; font-family:"ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック"; color:#FFFFFF; }
.contenttitle2 h2 a:hover { color:#000000; }
.contenttitle2 h2 a:link, .contenttitle h2 a:visited { color:#FFFFFF; }
/*-------------------------------------------------
  Item info
-------------------------------------------------*/
.contentitemcategory { background:url(images/bgcategory.gif) center left no-repeat; font-size:10px; line-height:12px; padding:0 10px 0 14px; }
.contentitempostedby { background:url(images/bgpostedby.gif) center left no-repeat; font-size:10px; line-height:12px; padding:0 10px 0 12px; }
.contentitemcomments { background:url(images/bgcomment.gif) center left no-repeat; font-size:10px; line-height:12px; padding:0 10px 0 13px; }
.contentitemedit { background:url(images/bgedit.gif) center left no-repeat; font-size:10px; line-height:12px; padding:0 10px 0 11px; }
.contentitem { padding:3px 12px 0 5px; margin:0 0 16px 0; text-align:right; }
.contentitem1 { display:inline; }
.contentitem2 { display:inline; background:url(images/dotv.gif) left repeat-y; padding:0 0 0 10px; }
.contentitem3 { display:inline; background:url(images/dotv.gif) left repeat-y; padding:0 0 0 10px; }
.contentitem4 { display:inline; padding:0 0 0 10px; background:url(images/dotv.gif) left repeat-y; }
.topheader { font-size:13px; line-height:26px; background:url(images/topimg.jpg) no-repeat left top; height:311px; width:532px; color:#FFFFFF; padding:6px 12px 0 12px; margin:0px; display:block; overflow:auto; }
.next { clear:both; margin:0 0 8px 12px; }
.menu1 { padding:3px 0 0 0; float:left; width:130px; }
.menu2 { float:right; margin:0 0 0 0; padding:3px 10px 0 0; width:auto; }
.menu2 table { width:380px; margin:auto; border-collapse:collapse; border-spacing:0; }
.menu2 tr { margin:1px; }
.menu2 td { padding:2px 3px; border:#cccccc solid 1px; }
.menu2 th { padding:3px 15px; border:#cccccc solid 1px; border-bottom:double #CCCCCC 3px; text-align:left; }
.contentbody2 { font-size:13px; text-align:justify; width:255px; padding:0 5px 16px 5px; margin-top:6px; overflow:auto; }
.itemboxl { float:left; width:265px; height:auto; padding:5px; display:block; }
#fla { width:320px; margin:38px auto 0 auto; display:block; }
#livefla { float:left; margin:0 10px 0 0;}
video { width:320px; height:240px;}
#news { display:block;}
#news .new { clear:both; margin:0 12px;}
#news .new a:link,
#news .new a:visited { display:block; font-size:14px; font-weight:bold; padding:3px;}
#news .new a:hover { background:#efefef;}
#news .new .date { float:right; font-size:12px; font-weight:normal;}
/*-------------------------------------------------
  Comments
-------------------------------------------------*/
.itemcomment { background:url(images/commentquote01.gif) no-repeat; background-position:6px 9px; padding:6px 6px 6px 42px; border:1px solid #EEEEEE; margin:10px 0 0 0; }
.itemcomment:hover { background:#F9F9F9 url(images/commentquote02.gif) no-repeat; background-position:6px 9px; border:1px solid #CCCCCC; }
.id1 { background:#F9F9F9 url(images/commentquote02.gif) no-repeat; background-position:6px 9px; border:1px solid #B3C492; }
.id1:hover { background:#F9F9F9 url(images/commentquote02.gif) no-repeat; background-position:6px 9px; border:1px solid #B3C492; }
.itemcomment h3 { font-size:12px; }
.commentbody { }
.commentinfo { text-align:right; }
/*-------------------------------------------------
  Menu
-------------------------------------------------*/
#sidebarcontainer { float:left; width:204px; margin:0; padding:0; }
.sidebar { color:#21262A; margin:0 0 4px 12px; }
/* Menu lists */
.sidebardl { padding:0 0 10px 0; margin:0; }
.sidebardl dt { color:#3A3523; font-size:12px; font-weight:bold; font-family:"Georgia", "Lucida Grande", "Lucida Sans Unicode", Arial, "Trebuchet MS", sans-serif; padding:4px 10px; background:url(images/sidetitlebg.gif) no-repeat left top; }
.sidebardl dd { background:#eee9d8; margin:1px 0 0 0; padding:2px 10px; }
.sidebardl dd:hover { background:#e3ddca; padding:2px 10px; margin:1px 0 0 0; }
.sidebardl dd a:link, .sidebardl dd a:visited { background:url(images/arrow.gif) left center no-repeat; padding:0 0 0 10px; }
.sidebarsub { background:#eee9d8; margin-top:1px; margin-right:0; margin-bottom:0; margin-left:0; padding-top:2px; padding-right:10px; padding-bottom:2px; padding-left:10px; }
.sidebarsub:hover { background:#e3ddca; padding:2px 10px; margin:1px 0 0 0; }
.sidebarsub a:link, .sidebarsub a:visited { background:url(images/arrow.gif) left center no-repeat; padding:0 0 0 10px; margin:0 0 0 10px; }
.calendar { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Osaka", "Verdana", "Arial", sans-serif; background:#eee9d8; color:#666; font-size:x-small; font-weight:normal; line-height:140%; text-align:center; margin:0; width:192px; padding:0; }
.calendar caption { background-color:#eee9d8; width:192px; }
.calendarhead { font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "Palatino", "Georgia", "Verdana", "Arial", sans-serif; color:#666600; font-size:small; font-weight:normal; padding:2px; letter-spacing:.3em; text-transform:uppercase; text-align:left; }
.calendardateheaders { font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "Palatino", "Georgia", "Verdana", "Arial", sans-serif; color:#666666; font-size:8px; padding:1px; text-transform:uppercase; text-align:center; }
.calendar a:link { text-decoration:underline; color:#FF3333; }
.calendar a:visited { text-decoration:underline; color:#FF6666; }
/*-------------------------------------------------
  Footer
-------------------------------------------------*/
#footer { width:800px; text-align:center; background:url(images/footerbg.gif) no-repeat center bottom; height:45px; margin:0 auto 0 auto; padding:0 0 10px 0; }
#copyrights { color:#474747; }
/*-------------------------------------------------
  Forms
-------------------------------------------------*/
.loginform, .searchform { margin:5px 0; }
.commentform, .mailform { margin-top:10px; padding:10px; background:#EEEEEE;
/* Rounded borders, for Mozilla browsers */
-moz-border-radius:10px;
}
.commentform img { margin:5px 0 0 0; }
.formfield { font-size:11px; background:white; color:#494949; border-top:1px solid #868686; border-left:1px solid #868686; border-bottom:1px solid #D4D2CF; border-right:1px solid #D4D2CF; margin:1px 0 0 0; }
.formbutton { font-size:11px; background:white; color:#494949; border-top:1px solid #D4D2CF; border-left:1px solid #D4D2CF; border-bottom:1px solid #868686; border-right:1px solid #868686; margin:1px 0 0 0; }
.searchform .formfield { width:130px; font-family:Arial, Tahoma, Trebuchet MS, Verdana, sans-serif; padding:2px 0; margin:0 2px 2px 0; }
.searchform .formbutton { width:60px; font-family:Tahoma, Arial, Trebuchet MS, Verdana, sans-serif; padding:2px 2px; }
.loginform .formfield { width:130px; font-family:Arial, Tahoma, Trebuchet MS, Verdana, sans-serif; padding:2px 0; margin:0 2px 2px 0; }
.loginform .formbutton { width:60px; font-family:Tahoma, Arial, Trebuchet MS, Verdana, sans-serif; padding:2px 2px; }
.mainform .formfield { width:280px; font-family:Arial, Tahoma, Trebuchet MS, Verdana, sans-serif; padding:2px 0; margin:0 2px 2px 0; }
.mailform .formbutton { width:100px; font-family:Tahoma, Arial, Trebuchet MS, Verdana, sans-serif; padding:2px 2px; }
#nucleus_cf_name, #nucleus_cf_mail { width:300px; margin-right:105px; font-family:Arial, Trebuchet MS, Verdana, sans-serif; }
.commentform textarea, .commentform .formfield, .mailform textarea, .mailform .formfield { width:300px; }
.commentform .formbutton { width:100px; height:22px; font-family:Tahoma, Arial, Trebuchet MS, Verdana, sans-serif; }
.error { color:red; font-weight:bold; }
/*-------------------------------------------------
  Miscelaneous
-------------------------------------------------*/
/* VBlog image onion skin shadow - From AListApart.com*/
.wrap1, .wrap2, .wrap3 { display:inline-table; /* \*/display:block;/**/ }
.wrap1 { float:left; background:url(images/shadow.gif) right bottom no-repeat; margin:0 5px 3px 0; }
.wrap2 { background:url(images/corner_br.gif) left bottom no-repeat; }
.wrap3 { background:url(images/corner_tr.gif) right top no-repeat; padding:0 5px 5px 0; }
.wrap3 img { display:block; border:3px solid white; }
/* Search highlight color */
.highlight { background:#DEFFA9; }
/* Leftbox and Rightbox toolbar buttons */
.leftbox, .rightbox { width:auto; height:auto; text-align:center; vertical-align:middle; margin-top:0px; margin-right:8px; margin-bottom:8px; margin-left:0px; padding-top:3px; padding-right:3px; padding-bottom:0px; padding-left:3px; clear:both; }
.leftbox { float:left; border:1px solid #CCCCCC; }
.rightbox { float:right; }
/*v3.3コメント対応*/
div.loginform .formfield, div.commentform .formfield, div.mailform .formfield { display:block; }