@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　
                #blogStyleOfficial0（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;
	}

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

#blogStyleOfficial0 #globalMenu #issuesNv a:visited{
	text-decoration:none;
	}


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

#blogStyleOfficial0 #header{
	margin-bottom:0;
	height:90px;
	}

#blogStyleOfficial0 #header #logo,
#blogStyleOfficial0 #header #logo h1,
#blogStyleOfficial0 #header #logo h1 a{
	height:90px;
	}

/* 大見出し h2要素周辺 */
.headImg{
	background:url(../../../i/blog/0/header.jpg) no-repeat;
	background:#141414;
	height: 156px;
	margin-left:20px;
	_margin-left:20px;
}


.headImg h2 {
	height: 65px;
	font-size:17px;
}
.headImg h2 a {
	margin:auto;
	padding-top:50px;
	color:#333333;
	text-decoration:none;
	font-size:17px;
	font-weight:bold;
	display:block;
	line-height:1.5;
}

.headImg h2 a:link{
	color:#FFFFFF;
	}

.headImg h2 a:hover{
	color:#CC9999;
	}
	
.headImg h2 a:visited{
	color:#FFFFFF;
	}

/* 概要（h2の直下） */
#summary{
	color:#b3b3b3;
	text-align:left;
	font-size:12px;
}
/*h2 a,
#summary {
	text-indent: 70px;
	text-indent:-9999px;
}*/



/* mainの下層部分 */


#blogStyleOfficial0 #main{
	margin:0px 0px 20px 80px;
	_margin:0px 0px 20px 60px;
	width:555px;
	float:left;
}

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

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

#blogStyleOfficial0 #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;
}

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

#blogStyleOfficial0 #main .entryStatus a{
	border:none;
	font-size:12px;
	color:#666;
	text-decoration:none;
	}

/* 編集　削除 */

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

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

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

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

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

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

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


#blogStyleOfficial0 #main #commentList .commentStatus a{
	border:none;
	font-size:12px;
	color:#666;
	text-decoration:none;
	}


#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

******************************************************************* 
******************************************************************* 
*/
#blogStyleOfficial0 #sub {
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	float:left;
	width:150px;
}

.blogEntry .subCompoContent {
	text-align: center;
	margin-top: 0;
	padding-top: 0;
	width:175px;
}

#profSmryWrapper{
	width:175px;
	text-align: center;
	margin-top: 0;
	padding-top: 0;
	width:175px;
	}

#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:150px;
	height: 25px;
}

#myFriendList {
	border:none;
}

#sub .nowMonth a:hover, #sub .otherMonth a:hover {
	color:#CC9999;
}



.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;
	}

#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;
}

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

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

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

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

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

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

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


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

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

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

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

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

#blogStyleOfficial0 #sub #calenderWrapper{
	background:#141414;
	width:150px;
	text-indent:0px;
	}

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

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

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

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

#blogStyleOfficial0 #sub #recentEntry #recentEntryWrapper dl dt{
	margin-bottom:3px;
	text-indent:0px;
	}


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

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

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

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


#blogStyleOfficial0 #sub #hitWrapper{
	background:#141414;
	width:178px;
	}
	
#blogStyleOfficial0 #sub #hitWrapper li{
	text-align:left;
	}
	
#blogStyleOfficial0 #sub #rssWrapper{
	background:#141414;
	width:178px;
	}



#blogStyleOfficial0 #sub #qrCodeWrapper{
	background:#141414;
	width:150px;
	}

#blogStyleOfficial0 #sub #recentCommentWrapper{
	background:#141414;
	width:150px;
	font-size:10px;
	}

#blogStyleOfficial0 #sub #calender #calenderWrapper table{
	border:none;
	text-align:left;
	color:#666666;
	width:150px;
	}

#blogStyleOfficial0 #sub #calender #calenderWrapper table#cal-content th{
	border:none;
	padding:2px;
	text-align:center;
	color:#fff;
	background:#141414;
	}

#blogStyleOfficial0 #sub #calender #calenderWrapper table#cal-content tr{
	border:none;
	padding:2px;
	text-align:center;
	color:#666666;
	}

#blogStyleOfficial0 #sub #calender #calenderWrapper table#cal-content td{
	border:none;
	padding:2px;
	text-align:center;
	color:#666666;
	}
	
#blogStyleOfficial0 #container #content #sub #calender #cal-content tr td a {
	color:#FFF;
	background:#141414;
	}
	
#blogStyleOfficial0 #container #content #sub #calender #cal-content tr td a:hover {
	color:#cc9999;
	background:#141414;
	}

#blogStyleOfficial0 #sub #calender #calenderWrapper table#cal-content th.sun{
	color:#ff6666;
	background:#141414;
	}

#blogStyleOfficial0 #sub #calender #calenderWrapper table#cal-content th.sat{
	color:#6699cc;
	background:#141414;
	}


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

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

#blogStyleOfficial0 #sub #recentEntry #recentEntryWrapper dt,
#blogStyleOfficial0 #sub #recentComment #recentCommentWrapper dt,
#blogStyleOfficial0 #sub #recentComment #recentCommentWrapper dt span{
	font-size:10px;
	}

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

#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;
	}