@charset "UTF-8";

/* RESET
----------------------------------------------------- */
html, body,
h1, h2, h3, h4, h5,
div, p, ul, ol, li,
img, table, blockquote { margin:0; padding:0; border:0; }
ul { list-style-type: none; }


/* FONT FAMILY
----------------------------------------------------- */
body {
	font-family:"ヒラギノ角ゴ Pro W3",
	"Hiragino Kaku Gothic Pro",
	"メイリオ",
	Meiryo,
	Osaka,
	"ＭＳ Ｐゴシック",
	"MS PGothic";
	}


/* KIHON
----------------------------------------------------- */
body{
	font-size: 12px;
	min-width: 940px;
	color: #FFF;
	background: #003 url("/blog_img/bg.jpg") center top no-repeat;
	text-align:center;
}

.clear { clear:both; }

/* LINK
----------------------------------------------------- */
a, a:link { color: #FC0; text-decoration: underline; }
a:visited { color: #DA0; text-decoration: underline; }
a:active  { text-decoration: none; }
a:hover   { text-decoration: none; }

#beta a,
#beta a:link { color:#06C; }
#beta a:visited { color:#059; }

a.onmouse-filter :link{
	opacity: 1; /* IE以外透過設定 */
	filter: Alpha(opacity=100); /* IE用透過設定 */
	}
a.onmouse-filter :hover{
	opacity: 0.7; /* IE以外透過設定 */
	filter: Alpha(opacity=70); /* IE用透過設定 */
	}



/* LAYOUT
----------------------------------------------------- */
#container { width:940px; margin: 0 auto; text-align: left; }
#alpha     { width:240px; float:left; overflow: hidden; }
#beta      { width:450px; float:left; overflow: hidden; margin:0 0 0 20px; color: #000; background-color:#FFF; }
#gamma     { width 210px; float:left; overflow: hidden; margin:0 0 0 20px; }
#banner    {  }
#footer	   { position:relative; width:940px; margin: 0 auto; text-align:center; padding:15px; clear:both; }


/* CONTENT
----------------------------------------------------- */
.entry    { padding:15px 20px 5px 20px; font-size: 12px; line-height: 160%; letter-spacing:0px; }
.entry h3 { padding:3px 0 10px 0; letter-spacing:1px; font-size:16px; }
.entry h4 { font-size:10px; font-family:Verdana; font-weight:normal; color:#666; }
.entry p  { margin:10px 0; }
.entry p.mobile  { display:none; }
.entry img { margin:10px 0; }
.entry-footer { padding:0 5px 5px 5px; border-bottom:solid; border-bottom-width:1px; border-bottom-color:#ccc; }
.entry-footer-info { padding:4px 10px 3px 10px; background-color:#EEE; letter-spacing:1px; font-size:11px; }
.separator { margin:0 0 0 5px; }

/* FOOTER
----------------------------------------------------- */
.footer-copyright { position:relative; font-size:10px; color:#777; font-family:Verdana, Geneva, sans-serif; padding-left:27px; }
.footer-pagetop   { position:absolute; right:0; font-size:10px; }
.footer-pagetop a, .footer-pagetop a:visited { color:#FC0; }


/* CONTENT (INDIVIDUAL ARCHIVE)
----------------------------------------------------- */
#content-nav { margin:5px 5px 0px 5px; background-color:#EEE; clear:both; }
#content-nav-inner { padding:3px 10px; font-size:12px; font-weight:700; }
#individual-comments { padding:20px 20px 5px 20px ; line-height:100%; }
#individual-comments a { color:#888; }
#individual-comments a:link { color:#888; }
#individual-comments h3 { padding:0 0 18px 0; background:url(/common/kuro_bg_dot3x1.gif) repeat-x bottom; } 
.individual-comments-list { padding:18px 0 13px 0; line-height:140%; font-size:11px; }
.individual-comments-footer { padding-bottom:16px; background:url(/common/kuro_bg_dot3x1.gif) repeat-x bottom; color:#888; font-size:11px; }
.comments-open { margin:20px 0 7px 0; font-size:14px; }
.comment-annotate { padding-bottom:15px; color:#F00; font-size:11px; line-height:120%; }
.name-form-header { padding-bottom:5px; font-size:12px; }
.name-form{ padding-bottom:15px; }
.comment-form-header { padding-bottom:5px; font-size:12px; }
.comment-form { padding-bottom:10px; }

/* CONTENT (DATE BASED ARCHIVE)
----------------------------------------------------- */
#databased-header-wrapper { padding:20px 20px 0px 20px; border-bottom:solid; border-bottom-width:1px; border-bottom-color:#ccc; }
#databased-header { padding:0px 0px 15px 0px; }
#databased-header h2 { letter-spacing:1px; font-size:14px; color:#333; }
#entry-date-wrapper { padding:15px 5px 5px 5px; }
.entry-date { padding:5px; background-color:#37C; }
.entry-date-text { padding-left:10px; font-size:14px; font-family:Verdana; font-weight:normal; color:#FFF; }


/* CONTENT (CATEGORY)
----------------------------------------------------- */
#category-header-wrapper { padding:20px 20px 0px 20px; border-bottom:solid; border-bottom-width:1px; border-bottom-color:#ccc; }
#category-header { padding:0px 0px 15px 0px; }
#category-header h3 { margin:0; letter-spacing:1px; font-size:14px; color:#333; }
.category-small-text { font-weight:200; letter-spacing:0px; }

/* MODULE (NEWS)
----------------------------------------------------- */
#module-news    { background:#37C; margin:20px 0 0; }
#module-news h2 {  }
#module-news h3 { padding: 5px 10px;    font-size:13px; line-height:130%; }
#module-news h4 { padding: 10px 10px 0; font-size:10px; }
#module-news p  { padding: 0 10px 10px; font-size:11px; color: #DEF; line-height:150%; background:url("/blog_img/news_sep.gif") no-repeat bottom; }

/* MODULE (MAIL NEWS)
----------------------------------------------------- */
#module-mailnews    { margin:10px 0 0; background:#026; padding:15px; }
#module-mailnews h3 { font-size:12px; line-height:140%; font-weight:300; padding:10px 0 5px; }
#module-mailnews p  { font-size:10px; line-height:150%; color:#999; }

/* MODULE (LINK KIT)
----------------------------------------------------- */
#module-linkkit    { margin:2px 0 0; background:#026; padding:15px; }
#module-linkkit h3 { font-size:12px; line-height:140%; font-weight:300; padding:10px 0 0; }


/* MODULE (FEATURE)
----------------------------------------------------- */
#module-feature    { margin:0 0 20px; }
#module-feature h2 { }

/* MODULE (MEMBER)
----------------------------------------------------- */
#module-member    { margin:0 0 20px; }
#module-member li { margin:0 0 10px; line-height:130%; font-size:11px; font-weight:Bold; }
#module-member li span { font-size:10px; font-weight:normal; }

/* MODULE (ARCHIVE)
----------------------------------------------------- */
#module-archives    { margin:0 0 20px; }
#module-archives li { margin:0 0 5px; etter-spacing:1px; font-size:12px; }

/* POSTER
----------------------------------------------------- */
#poster { background: #FFF; width:210px; margin:0 0 20px; }
#poster span { display:block; background:url(/blog_img/poster_bg1.gif) no-repeat top;  }
#poster span span { display:block; background:url(/blog_img/poster_bg2.gif) no-repeat bottom; padding:5px; }
#poster-description { padding: 10px 0; }
#poster-description .left { float: left; font-size: 12px; font-family: Verdana; color:#999; padding: 2px 0 0; }
#poster-description .right{ float: right; }
#poster-description a:link,
#poster-description a:visited,
#poster-description a:hover,
#poster-description a:active { color:#999; text-decoration: none; }
#poster-thumbs {  }
#poster-thumbs img { vertical-align: bottom; }
#poster-thumbs .left     { float: left; }
#poster-thumbs .left img { margin: 0 2px 0 0; }
#poster-thumbs .right    { float: right; }
#poster-thumbs .right img{ margin: 0 0 0 2px; }


/* PAGE ( NEWS / BACK NUMBER )
----------------------------------------------------- */
#back_num {}
#back_num p  { padding:5px 20px 15px 20px; font-size:12px; line-height:170%; }
#back_num h3 { padding:0 20px; font-size:14px; line-height:130%; }
#back_num h4 { padding:15px 20px 0px 20px; font-size:11px; border-top:solid; border-top-width:1px; border-top-color:#ccc;}
.back_num-header { padding:20px 20px 15px 20px; letter-spacing:1px; font-size:14px; color:#333; }
.back_num-inner { padding:0px 0px 15px 0px; }
.back_num-big-text { font-weight:800; letter-spacing:0px; }

/* COMMENT (PREVIEW &ERROR)
----------------------------------------------------- */

body.layout-one-column {
	font-size:12px;
	background:#003;
	color:#FFF;
	margin:50px;
	min-width: 500px;
	}
	
.layout-one-column form,
.layout-one-column img, 
.layout-one-column h1,
.layout-one-column h2,
.layout-one-column h3,
.layout-one-column p,
.layout-one-column div { margin:0; padding:0; border:0; }

.layout-one-column a,
.layout-one-column a:link    { color:#FC0; }
.layout-one-column a:visited { color:#FC0; }
.layout-one-column a:hover   { color:#CCC; text-decoration:none; }
.layout-one-column a:active  { color:#CCC; }

.layout-one-column #container,
.layout-one-column #alpha { margin:0; width:100%; min-width:500px; }

.layout-one-column h1#banner-header,
.layout-one-column #banner-description { display:none; }

.layout-one-column h3.comments-header { font-size:16px; background:#124; padding:10px; margin:0; color:#69C; }

.layout-one-column div.comment-content { margin:30px 0 10px; }
.layout-one-column div.comment-content strong { color:#D00; font-size:14px; }
.layout-one-column   p.comment-footer  { padding:0 0 30px; margin:0; color:#CCC; border-bottom:1px solid #124; }

.layout-one-column h2.comments-open-header { font-size:16px; background:#124; padding:10px; color:#69C; margin: 0 0 30px; }
.layout-one-column  p.comments-open-moderated { margin:0 0 20px; color:#D00; font-size:14px; }
.layout-one-column   #comments-open-data { display:none; }

.layout-one-column #comments-open-text { margin:5px 0;  }
.layout-one-column #comment-text { width:400px; height:200px; padding:5px; }
.layout-one-column #comments-open-footer { margin: 0 0 50px; }
.layout-one-column input { margin:0 5px 0 0; }
.layout-one-column textarea { font-size:12px; }