@charset "euc-jp";
/*
*******************************************************************

    @style2.css
    @author s
    @dateCreated 2006-04-26T18:28:00+09:00
    @dateModified 
    @description blog 共通用CSS
    @note 
    
        ・サイトHTMLの基本的な構成
        body
            container
                header
                    top(logo)
                    topSub(banner, logout)
                    globalMenu
                
                ○下の////　から　///までの部に変更を加える。
                
                ○他の要素と関わるものが多く存在するので、
                継承を利用して上書きしていくことが望ましい。
                
                .blogEntry　
                #blogStyleEditor0（0のところは任意の数）

                と指定して、子の要素を上書きしていくことで、
                ある程度まで変更できる。
                
                ////////////////////////////////
                
                content
                    main
                        mainComponent
                    sub
                        subComponent
                
                ////////////////////////////////
                footer
                

*******************************************************************
*/

/*===========================================================
 基本要素 
=============================================================*/
/*----- link要素 -----*/
a:link {
	color:#FFFFFF;
	text-decoration:underline;
	}

a:hover {
	color:#CC9999;
	text-decoration:underline;
	}
	
a:visited{
	color:#FFFFFF;
	text-decoration:underline;
	}

/*===========================================================
 抽象要素 
=============================================================*/

#blogStyleEditor0 #issuesNv a{
	text-decoration:none;
	}


#blogStyleEditor0 #header{
	margin-bottom:0px;
	}


#blogStyleEditor0 #content{
	margin-left:20px;
	padding-top:0px;
	_margin-left:10px;
	height:auto;
	background:url(../../../i/blog/common/sub_border.gif) repeat-y;
	}


/* 大見出し h2要素周辺 */
#blogStyleEditor0 .headImg{
	background:url(../../../i/blog/editor_0/header.gif) no-repeat;
	width:774px;
	height:145px;
	display:block;
	margin-left:20px;
	_margin-left:10px;
}

#blogStyleEditor0 .headImg a{
	color:#FFFFFF;
	text-decoration:none;
	
}

.headImg h2 a {
	margin:auto;
	color:#333333;
	text-decoration:none;
	font-size:14px;
	font-weight:normal;
	display:block;
	line-height:1.5;
}

#blogStyleEditor0 .headImg h2{
	padding:60px 0px 0px 150px;
	font-size:14px;
	color:#fff;
}

/* mainの下層部分 */
#blogStyleEditor0 #main{
	margin:0px 0px 0px 60px;
	_margin:0px 0px 0px 40px;
	width:555px;
	float:left;
}

#blogStyleEditor0 #main .mainComponent{
	padding:0px 0px 0px 0px;
	width:555px;
}

#blogStyleEditor0 #main #entryList{
	padding:0px;
	width:555px;
	}
#blogStyleEditor0 #main #entryList .entryUnit{
	padding:0px;
	width:555px;
	height:auto;
}
	
#blogStyleEditor0 #main #entryList .entryUnit h3{
	padding:0px;
	width:555px;
	height:12px;
	text-indent:0px;
	margin:0px 0px 0px 0px;
	}

#blogStyleEditor0 #main #entryList .entryBody{
	padding:0px;
	width:555px;
	color:#B3B3B3;
	font-size:12px;
	}

/*----- 
エントリ（投稿）部分 start
共通部分はcommon_others.cssにあり
-----*/
.entryUnit h3{
	background:#141414;
}

.entryUnit h3 a, 
.entryUnit h3 a:link, 
.entryUnit h3 a:visited {
	color:#ffffff; 
	font-weight:bold;
	background:#141414;
	font-size:14px;
	text-decoration:none;
}

.entryUnit #trackbackH {
	color:#333;
}

/* フォーム梱包部分（コメント、メール） */
#commentFormBody,
#mailFormBody {
	background: #141414;
}

#blogStyleEditor0 #main .entryStatus{
	padding-bottom:30px;
	padding-top:30px;
	border:none;
	font-size:12px;
	}

#blogStyleEditor0 #main .entryStatus a{
	text-decoration:none;
	color:#666;
	}

/* 編集　削除 */

.entryEdit li{
	background-color:#fff;
}

.entryEdit li a,
.entryEdit li a:link,
.entryEdit li a:visited{
    color:#FFF;
}


.entryEdit li a:hover{
    color:#DDFF1A;
}

#blogStyleEditor0 #main #commentList{
	background:#141414;
	color:fff;
	width:550px;
	clear:both;
}

#blogStyleEditor0 #main #commentList h4#commentListH,
#blogStyleEditor0 #main .entryUnit #trackbackH {
	color:#fff;
	border-bottom:medium none;
	font-size:14px;
	font-weight:bold;
	height:25px;
	margin:0;
	padding:0;
	width:550px;
	text-indent:0px;
}

#blogStyleEditor0 #main #mailForm h5#mailFormH,
#blogStyleEditor0 #main #commentForm h5#commentFormH{
	color:#fff;
	font-size:14px;
	font-weight:bold;
	margin-top:30px;
	padding:0;
	text-indent:0px;
	}

#blogStyleEditor0 #main #commentList .commentStatus{
	border-top:1px solid #666666;
}

#blogStyleEditor0 #main #commentList .commentStatus a{
	text-decoration:none;
	color:#666;
}


#titleTab0 input{
	width:400px;
}

#bodyTab0 textarea{
	width:450px;
}

#uli_1_0 textarea{
	width:450px;
}

#li_1_1 input{
	width:450px;
}

/*----- 
エントリ（投稿）部分 end
共通部分はcommon_others.cssにあり
-----*/
/*
*******************************************************************
******************************************************************* 

sub

******************************************************************* 
******************************************************************* 
*/
#blogStyleEditor0 #sub {
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	border-right:1px solid #666666;
	float:left;
	width:178px;
	margin-top:0px;
}
.blogEntry .subCompoContent {
	background-color:#fff;
	text-align: center;
	margin-top: 0;
	padding-top: 0;
}

#sub h3{
	background: url(../../../i/blog/0/sub_h3.jpg) no-repeat 0 0;
	color: #FFFFFF;
	text-align: center;
	font-size:100%;
	padding-top:8px;
	width:178px;
	height: 25px;
}

#myFriendList {
	border:none;
}


.blogEntry #sub #recentEntry dl,
.blogEntry #sub #recentComment dl,
.blogEntry #sub #trackback dl,
.blogEntry #sub #category ul {
	width:160px;
/* ボックス中央インライン左寄せ c/common/function.cssに */
}

/* 中央寄せのp要素 */
#rss p,
#qrCode p,
#blogLink p{
/* ボックス中央寄せ c/common/function.cssに */
}

/* sub ULリスト数*/
.blogEntry #sub #archive ul,
.blogEntry #sub #myCommunityList ul,
.blogEntry #sub #category ul,
.blogEntry #sub #myFriendList ul {
/* ボックス中央寄せ c/common/function.cssに */
}

#hit li,
.blogEntry #sub #archive ul li,
.blogEntry #sub #myCommunityList ul li,
.blogEntry #sub #category ul li,
.blogEntry #sub #myFriendList ul li {
/* ボックス中央寄せ c/common/function.cssに */
	padding: 5px 0;
}
#hit #hitToday{
	
}

/*テンプレート編集*/

#sub a:link{
	color:#666666;
	text-decoration:none;
	}

#sub a:visited{
	color:#666666;
	text-decoration:none;
	}

#sub a:hover{
	color:#cc9999;
	text-decoration:none;
	}

#mokuji h4#mokuji_tx{
	color:#fff;
	font-size:14px;
	margin:0px 0px 30px 0px;
	line-height:1.5;
	}


#mokuji dt{
	width:176px;
	height:30px;
	display:block;
	text-indent:-9999px;
	margin:15px 0px 0px 0px;
	}
	
#mokuji dd{
	margin-top:-10px;
	padding:0px;
	font-size:12px;
	}

#mokuji dt#introduction{
	background:url(../../../i/blog/common/intoroduction.gif) no-repeat;
	margin:0px;
	padding:0px;
	}

#mokuji dt#cover_i{
	background:url(../../../i/blog/common/cover_interview.gif) no-repeat;
	}
	
#mokuji dt#interview{
	background:url(../../../i/blog/common/interview.gif) no-repeat;
	}
	
#mokuji dt#text{
	background:url(../../../i/blog/common/text.gif) no-repeat;
	}
	
#mokuji dt#report{
	background:url(../../../i/blog/common/report.gif) no-repeat;
	}
	
#mokuji dt#after_talk{
	background:url(../../../i/blog/common/aftertalk.gif) no-repeat;
	}



#sub #blogEdit {
	padding:0;
	border:none;
}

#sub #blogEdit a{
	text-indent:-9999px;
	display:block;
	background:url(../../../i/common/template_hensyu.gif) no-repeat;
	background-color:#CCCCCC;
	width:188px;
	height:43px;
	text-align:center;
	outline:none;
}
	
#sub #blogEdit p{
	margin:0;
	padding:0;
}
#sub .nowMonth,
#sub .otherMonth {
	border: none;
}

#rss #rssWrapper img{
    width:80px;
    height:15px;
}

#blogStyleEditor0 #sub h3{
	width:178px;
	height:30px;
	display:block;
	text-indent:-9999px;
	margin-top:35px;
	}


#blogStyleEditor0 #sub h3#profileH{
	background:url(../../../i/blog/common/sub_h3_Profile.gif) no-repeat;
	margin-top:0px;
	}

#blogStyleEditor0 #sub h3#calenderH{
	background:url(../../../i/blog/common/sub_h3_Calendar.gif) no-repeat;
	}

#blogStyleEditor0 #sub h3#recentEntryH{
	background:url(../../../i/blog/common/sub_h3_latest.gif) no-repeat;
	}
	
#blogStyleEditor0 #sub h3#recentCommentH{
	background:url(../../../i/blog/common/sub_h3_latestcomments.gif) no-repeat;
	}
	
#blogStyleEditor0 #sub h3#trackbackH{
	background:url(../../../i/blog/common/sub_h3_latesttrackback.gif) no-repeat;
	}

#blogStyleEditor0 #sub h3#archiveH{
	background:url(../../../i/blog/common/sub_h3_archive.gif) no-repeat;
	}

#blogStyleEditor0 #sub h3#categoryH{
	background:url(../../../i/blog/common/sub_h3_category.gif) no-repeat;
	}

#blogStyleEditor0 #sub h3#categoryH2{
	background:url(../../../i/blog/common/sub_h3_category.gif) no-repeat;
	margin-top:0px;
	}

#blogStyleEditor0 #sub h3#hitH{
	background:url(../../../i/blog/common/sub_h3_hits.gif) no-repeat;
	}
	
#blogStyleEditor0 #sub h3#rssH{
	background:url(../../../i/blog/common/sub_h3_rss.gif) no-repeat;
	}

#blogStyleEditor0 #sub h3#qrcodeH{
	background:url(../../../i/blog/common/sub_h3_qrcode.gif) no-repeat;
	}
#blogStyleEditor0 #sub h3#issuesH{
	background:url(../../../i/blog/common/sub_h3_Issue.gif) no-repeat;
	}

#blogStyleEditor0 #sub #category_list_editer li,
#blogStyleEditor0 #sub #issues_list li{
	margin-bottom:10px;
}

#blogStyleEditor0 #sub #profSmryWrapper{
	background:#141414;
	width:178px;
	text-align:left;
	padding:0px;
}
	
#blogStyleEditor0 #sub #profSmryWrapper p{
	text-align:left;
	padding:0px;
}

#blogStyleEditor0 #sub #profSmryWrapper dl#profSummLst{
	text-align:left;
	padding:0px;
	margin:10px 0px 0px 0px;
	}

#blogStyleEditor0 #sub #profSmryWrapper dt.profLabel{
	text-align:left;
	padding:0px;
	}

#blogStyleEditor0 #sub #profSmryWrapper dd.profValue{
	text-align:left;
	padding:0px;
	margin:10px 0px 10px 0px;
	}

#blogStyleEditor0 #sub #profSmryWrapper #userTextLink{
	border:none;
	}

#blogStyleEditor0 #sub #calenderWrapper{
	background:#141414;
	width:178px;
	text-indent:0px;
	}

#blogStyleEditor0 #sub #recentCommentWrapper dt{
	font-size:10px;
	}	

#blogStyleEditor0 #sub #recentCommentWrapper dd a{
	font-size:12px;
	}

#blogStyleEditor0 #sub #recentEntry #recentEntryWrapper{
	background:#141414;
	width:178px;
	padding:0px;
	margin:0px;
	text-align:left;
	}

#blogStyleEditor0 #sub #recentEntry #recentEntryWrapper dl{
	text-align:left;
	padding:0px;
	margin:0px;
	text-indent:0px;
	text-align:left;
	}

#blogStyleEditor0 #sub #recentComment #recentCommentWrapper dl{
	text-align:left;
	padding:0px;
	margin:10px 0px 10px 0px;
	text-indent:0px;
	text-align:left;
	}

#blogStyleEditor0 #sub #archiveWrapper{
	background:#141414;
	width:178px;
	margin:0px;
	padding:0px;
	text-align:left;
	}
	
#blogStyleEditor0 #sub #archive #archiveWrapper li{
	text-indent:0px;
	text-align:left;
	margin-bottom:10px;
	padding:0px;
	margin:0px;
	padding:0px;
	text-align:left;
	}

#blogStyleEditor0 #sub #category #categoryWrapper{
	background:#141414;
	width:178px;
	margin:0px;
	padding:0px;
	text-align:left;
	}

#blogStyleEditor0 #sub #category #categoryWrapper li{
	text-indent:0px;
	text-align:left;
	margin-bottom:10px;
	padding:0px;
	text-align:left;
	}


#blogStyleEditor0 #sub #hitWrapper{
	background:#141414;
	width:178px;
	}
	
#blogStyleEditor0 #sub #rssWrapper{
	background:#141414;
	width:178px;
	}

#blogStyleEditor0 #sub #hitWrapper li{
	text-align:left;
	}

#blogStyleEditor0 #sub #qrCodeWrapper{
	background:#141414;
	width:178px;
	}

#blogStyleEditor0 #sub #recentCommentWrapper{
	background:#141414;
	width:178px;
	font-size:10px;
	}
	

#blogStyleEditor0 #sub #calender #calenderWrapper table#cal-content th{
	border:1px solid #666666;
	padding:2px;
	text-align:center;
	width:130px;
	color:#666666;
	}
	
#blogStyleEditor0 #sub #calender #calenderWrapper table#cal-content td{
	border:1px solid #666666;
	padding:2px;
	text-align:center;
	width:160px;
	color:#666666;
	}
	
#blogStyleEditor0 #container #content #sub #calender #cal-content tr td a {
	background-color:#FFFFFF;
	}

#blogStyleEditor0 #trackbackForm{
	margin-top:35px;
	}


.searchNum{
	text-decoration:none;
	}

.searchNum a{
	color:#666666;
	text-decoration:none;
	}

.searchNum a:hover{
	color:#cc9999;
	text-decoration:none;
	}

#adColumn{
	width:160px;
	margin-top:150px;
	}
	
#footer{
	background:#141414;
	}

#footer a{
	color:#666;
	text-decoration:none;
	}

#footer a:visited{
	color:#666;
	text-decoration:none;
	}

#footer a:hover{
	color:#CC9999;
	text-decoration:none;
	}