@charset "EUC-JP";

/*-------------------------------------------------
　初期化
-------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



/*-------------------------------------------------
　clearfix
-------------------------------------------------*/

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/*-------------------------------------------------
　全体
-------------------------------------------------*/
body { margin: 6px; color: black; background-color: white; font-size: 12px; font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, Geneva, Arial, Helvetica, sans-serif; }

a { color: #ff0000; }
a:link, a:visited { text-decoration: underline;}
a:active, a:hover { text-decoration: none;}


#body_line { margin: 0 auto; padding: 5px 5px 50px; width: 890px; background-color: white; border:1px solid red; }
#wrapper { margin: 0 5px; }

#wrapper div#leftClm { float: left; width: 180px; margin-top: -10px; }

#wrapper div#container { width: 500px; float: left; padding-left: 20px; margin-top: -10px; }

#wrapper div#rightClm { float: right; width: 160px; margin-top: 10px; }



/*-------------------------------------------------
　ヘッダ
-------------------------------------------------*/
#header h1 { position: relative; height: 318px; }
#header h1 p.btn { position: absolute; right: 0; top: 118px; }



/*-------------------------------------------------
　左カラム
-------------------------------------------------*/
ul.module-list { padding: 5px; }
ul.module-list li.module-list-item { background: url(images/blog_icon_arrow.gif) 0 5px no-repeat; padding-left: 15px; line-height: 1.5; margin-top: 10px; }
ul.module-list li.module-list-item a { padding: 2px 2px 2px 0; }
ul.module-list li.module-list-item a:link, ul.module-list li.module-list-item a:visited { background-color: white; }
ul.module-list li.module-list-item a:active, ul.module-list li.module-list-item a:hover { background-color: #eee; text-decoration: none; }

div#leftClm h2 { margin-top: 20px; }


/* 　　カレンダー　　 */
div#leftClm table.calendar { width:180px; font-family: Verdana, Arial, sans-serif; margin-top: 20px; }
div#leftClm caption.calendarhead { text-align: center; font-family: Verdana, Arial, sans-serif; padding-bottom: 15px; }
div#leftClm caption.calendarhead a:link { color: red; text-decoration: none; }
div#leftClm caption.calendarhead a:hover { color: red; text-decoration: underline; }
div#leftClm caption.calendarhead a.month:link { color: black; font-weight: bold; }
div#leftClm caption.calendarhead a.month:hover { color: red; text-decoration: underline; }

div#leftClm table.calendar th { width : 20px; text-align: center; font-weight: normal; padding: 3px 0;}
div#leftClm table.calendar th.sat { color: #0088ff;}
div#leftClm table.calendar th.sun { color: red;}
div#leftClm table.calendar td { color: #999; text-align: center; padding: 3px 0;}
div#leftClm table.calendar td a { color: red; padding: 0 2px; }
div#leftClm table.calendar td a:link, div#leftClm table.calendar td a:visited { text-decoration: underline; background-color: white; }
div#leftClm table.calendar td a:hover { text-decoration: none; background-color: #eee; }
div#leftClm table.calendar td.today { color: black; font-weight: bold; background-color: #eee; }



/*-------------------------------------------------
　中央カラム
-------------------------------------------------*/
#wrapper div.content { border: solid 1px #ccc; padding: 15px 10px 10px; margin-top:20px; }
#wrapper div.content div.contenttitle { padding: 0 5px 12px; background: url(images/blog_post_tit.gif) left bottom repeat-x; line-height: 1.25; }
#wrapper div.content div.contenttitle h2 { font-size: 11px; color: #999; float: right; }
#wrapper div.content div.contenttitle h3{ font-size: 16px; font-weight: bold; float: left;}
#wrapper div.content div.contentbody { padding: 15px 5px 0; line-height:160%; }
#wrapper div.content div.tracklistFrm {margin-top: 15px; padding: 38px 4px 4px; background: #dedede url(images/blog_subtit_tsubo.gif) left top no-repeat; }
#wrapper div.content div.tracklistFrm ul { background-color: white; padding: 0 10px 10px; }
#wrapper div.content div.tracklistFrm ul li { background: url(images/blog_icon_tsubo.gif) 0 15px no-repeat; padding-left: 15px; line-height: 1.35; padding-top: 15px; }

#wrapper div.post { margin-top: 30px; padding: 20px 10px 0; background: url(images/blog_subtit_bdr.gif) left top repeat-x; }
#wrapper div.post h3 { font-size: 14px; font-weight: bold; }
#wrapper div.post div.com_text{ font-size: 11px; line-height: 1.35; color: #999999; margin-top:5px; }
#wrapper div.post .commentform { margin-top: 10px; padding: 10px; line-height: 1.5; color: #333; }
#wrapper div.post .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; }
#wrapper div.post .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; }
#wrapper div.post ul.notice { font-size: 11px; color: #666; margin-top: 15px; }
#wrapper div.post ul.notice li { text-indent: -1.35em; margin-left: 1.35em; line-height: 1.35; margin-top: 5px; }
#wrapper div.post ul.notice a:link, #wrapper div.post ul.notice a:visited { color: #666; text-decoration: underline; }
#wrapper div.post ul.notice a:hover, #wrapper div.post ul.notice a:active { color: red; text-decoration: none; }


.commentbody { margin-top: 50px; padding: 0px; word-break: break-all; line-height: 1.6; }
.contentitem { margin-top: 10px; font-size: 11px; text-align: right; }
.contentitem2 { display: inline; background: url(images/dotv.gif) left repeat-y; padding: 2px 5px 0 10px; color:#999; }

.contentitem a:link, .contentitem a:visited { color: #666; text-decoration: underline; }
.contentitem a:hover, .contentitem a:active { color: red; text-decoration:none; }


/*-------------------------------------------------
　右カラム
-------------------------------------------------*/
div#rightClm div.profabe { margin: 30px 0; text-align: center; }
div#rightClm div.profspec span { color: #999; line-height: 1.5; }
div#rightClm div.bnrarea { margin-top: 20px; background: url(images/blog_subtit_bdr.gif) left top repeat-x; padding-top: 5px; }
div#rightClm div.bnrarea ul li { margin-top: 15px; }



/*-------------------------------------------------
　フッタ
-------------------------------------------------*/
#footer { text-align:center; margin-top:5px; padding-bottom: 10px; }
#footer address{ color: #999; font-size: 10px; font-style: normal; }






























.archivecontent{
	padding: 0px 0px 10px;
	margin:0px 40px;
	border-bottom:1px solid #cccccc;
}
.archivetitle{
	font:900 14px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
              }

.votetitle h3{
	margin: 40px 0px 0px 0px;
	font:bold 13px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
.commentline{
	line-height: 140%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px;
        padding-top: 10px;
        padding-left: 15px;
        padding-right: 7px;
	background-color: #FFFFFF;
	border:1px solid #F2F2F2;          
            }
.start{
	padding: 0;
	margin-bottom: 20px;
	text-align: center;
	font:normal 11px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
       }
.start a:link
{
	color: #000000;
	text-decoration: underline;
}
.start a:visited
{
	color: #000000;
	text-decoration: underline;
}

.start a:hover
{
	color: #FF0000;
	text-decoration: underline;
}
.start a:active
{
	color: #FF0000;
	text-decoration: underline;
}

#discription{
	width:850px;
	height:95px;
	}

/*-------------------------------------------------
  Item styles
-------------------------------------------------*/
.contenttitle h3 a{
	font:800 13px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	border-bottom:1px solid #FF0000;
        color: #000000;
}
.contenttitle h3 a:link{
	font:800 13px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	border-bottom:1px solid #FF0000;
        color: #000000;
}
.contenttitle h3 a:hover{
	font:800 13px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	border-bottom:1px solid #FF0000;
        color: #ffcc00;
}
.contenttitle h3 a:active{
	font:800 13px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	border-bottom:1px solid #000000;
        color: #ffcc00;
}
.contenttitle h3 a:visited{
	font:800 13px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	border-bottom:1px solid #000000;
        color: #ffcc00;
}
/*-------------------------------------------------
  Item info
-------------------------------------------------*/
.contentitempostedby
{
	display: inline;
	background: url(images/bgpostedby.gif) center left no-repeat;
	font-size: 11px;
	padding: 2px 0 0 12px;
	color:#999999;
}
.contentitem3
{
	display: inline;
	/*background: url(images/dotv.gif) left repeat-y;
	padding: 2px 5px 0 10px;*/
	color:#999999;
}
.contentitemedit
{
	background: url(images/bgedit.gif) center left no-repeat;
	font-size: 11px;
	padding: 0px 10px 0 11px;
	display: inline;
}
.contentitem4
{
	display: inline;
	padding: 2px 0 0 10px;
	background: url(images/dotv.gif) left repeat-y;
}
.contentitemcategory
{
	background: url(images/bgcategory.gif) center left no-repeat;
	font-size: 11px;
	line-height: 12px;
	padding: 0 0 0 14px;
}
.contentitem1
{
	display: inline;
}

.itemcomment
{
	font:11px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height:160%;
	margin-bottom:20px;
	margin-top:20px;
}

/*-------------------------------------------------
  Comments
-------------------------------------------------*/
.itemcomment:hover
{
	background: #F9F9F9 url(images/commentquote02.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #CCCCCC;
}
.id1 /*This is to give the admin a special comment style, to distinguish him/her from the rest of the commentors*/
{
	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;
}

.commenttbody
{
	font:12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height:160%;
	margin-bottom:100px;
	margin-top:20px;
}

/*-------------------------------------------------
  Menu
-------------------------------------------------*/
#sidebarcontainer
{
	float: left;
	width: 230px;
        align: center;
}
.sidebar
{
	margin:0px 25px;
	margin-bottom:50px;
}
.ark h2
{
	font-family: Verdana, Arial, sans-serif;
	color: #000000;
	font-weight:bold;
	border-bottom:1px solid #FF0000;
	margin-bottom:20px;
	font-size:12px;
	text-align: center;
}


/* Menu lists */
.sidebardl
{
	padding: 0 0 10px 0;
	margin: 0;
}
.sidebardl dt
{
	text-align: center;
	font-family: Verdana, Arial, sans-serif;
	color: #000000;
	font-weight:bold;
	border-bottom:1px solid #FF0000;
	margin-bottom:20px;
	font-size:12px;
}
.sidebardl dd
{
	padding: 2px 10px;
	margin: 0;
}
.sidebardl dd a:hover
{
	text-decoration: underline;
}
.sidebardl dd a:link, .sidebardl dd a:visited
{
	text-decoration: underline;
}
.sidebardl dd.banner
{
	padding: 15px 0 0 0;
	margin: 0;
}

/*-------------------------------------------------
  Forms
-------------------------------------------------*/
.loginform, .searchform
{
	margin: 5px 0;
}
.searchform .formfield
{
	width: 130px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 0 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;
}
.commentform .formfield, .commentform .formbutton, .loginform .formbutton {
	display: block;
}
#nucleus_cf_name, #nucleus_cf_mail, #nucleus_cf_email {
    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 {
	margin: 0px;
        margin-right: 8px;
	padding: 0px;
	font-size: larger;
}
.leftbox {
	float: left;
}
.rightbox {
	float: right;
}

#mob h1{ color:#FF0000;}