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


    @style9.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　
                #blogStyle0（0のところは任意の数）

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

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


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

main 

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


#blogStyle0 h2{
	margin:0;}

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

#main{
	float:right;
    width: 610px;
	margin:20px 0px 0px 0px;
   	padding-right:0px;
	text-align:left;
	/*background-color:#FFFFFF;
	border:1px solid #0099FF;*/
	padding-left:0px;
	}

#main .mainComponent{
	padding-bottom:10px;
	padding-left:0px;
	margin-left:0px;
}

#entryList{
	margin:0px;
	padding:0px;	
}

.entryUnit,
#commentList,
#mailForm, 
#commentForm, 
#trackbackForm{
	width:95%;
	padding-bottom:10px;
	/*background-color:#FFFFFF;*/
	padding-left:0px;
	margin-left:0px;
	margin-bottom:16px;
}

	
.entryUnit h3{
	background:url(../../../i/blog/promo01/title.jpg) repeat-y;
	background-color:#FFFFFF;
	margin:0px;
	padding:9px 10px 7px 30px;
	text-align:left;
	font-size:110%;
	font-weight:bold;
	line-height:115%;
	border-bottom:1px solid #B6B6B6;
	border-top:1px solid #B6B6B6;
	border-left:1px solid #B6B6B6;
	border-right:1px solid #B6B6B6;
}

.entryUnit h3 a,
.entryUnit h3 a:link, 
.entryUnit h3 a:visited{
	color:#76ADFF; 
	font-weight:bold;
	line-height:115%;
}
.entryUnit h3 a:hover{
	color:#FF9933; 
	text-decoration:none; 
	font-weight:bold;
	line-height:115%;
}
/*全体のスタイル*/
#content{
	clear:both;
    margin-top:0px;
	text-align:center;
	background:url(../../../i/blog/promo01/all_bg.jpg) repeat-y;
	background-color:#FFFFFF;
}

.headImg{
	background:url(../../../i/blog/promo01/header.jpg) no-repeat;
	width:800px;
	height:300px;
	margin:0;}

.headImg h2 a{
	margin:auto;
	height:300px;
	width:800px;
	display:block;
	outline:none;
	text-indent:-999px;
	}

#summary{
	display:none;
	}

#commentForm,
#commentform2,
#mailForm,
#trackbackForm{
	width:555px;
	text-align:center;
}

#main #trackbackH{
	width:90%;
	margin:0 auto;
	padding:5px;
	color: #333333;
	text-align:left;
	font-size:93%;
	background-color:#CCCCCC;
	border:1px solid #999999;
}

#commentformH,
#commentform2H{
	width:430px;
	margin:0 auto;
	padding:5px;
	color:#333333;
	text-align:left;
	font-size:93%;
	border:none;
}

h4#commentListH{
	width:90%;
	margin:0 auto;
	padding:5px;
	background-color:#CCCCCC;
	background-image:none;
	color: #333333;
	text-align:left;
	font-size:93%;
	border:none;
	border:1px solid #999999;
	margin-left:30px;
}
	
#commentFormBody,
#mailFormBody{
	background-color:#CCCCCC;
	width:430px;
	margin:0 auto;
	padding:0;
	color: #333333;
	text-align:center;
	border:1px solid #999999;}
	
#commentFormBody form,
#mailFormBody form,
.trackbackFormBody form{
	width:390px;
	text-align:center;
	margin:0 auto;
	padding:0 10px 0 10px;}
	
#commentFormBody form textarea, #mailFormBody form textarea{
	width:390px;
	height:160px;
	margin:0 auto;}
	
.trackbackFormBody{
	padding-left:30px;}

.trackUrl dd{
	font-size:85%;}
	
#commentList .commentUnit{
	margin:0 30px;
	padding-bottom:15px;
	font-size:105%;}
	
/* 登録ボタンのセンタリング */
.submitButton {
    text-align:center;
    vertical-align:bottom;}
	
#commentFormBody,
#commentform2Body, 
#trackbackBody{
	text-align:center;
}
	
#commentformBody form,
#commentform2Body form, 
#trackbackBody form {
	text-align:center;}
	
/* 横に広がるULリストのパディング */
#moveMonth li,
#profileMenu li,
#sendMessage li{
	display:inline;
	padding:0.5em 0.5em 0.5em 0;
}

/*記事の情報*/
.entryFoot{
	width:555px;
	margin-top:5px;
	padding-top:5px;
	text-align:right;}
	
/*記事の情報「カテゴリ 日記｜日時　2006年 04月 23日 10:08 ｜
コメント (1) ｜トラックバック (3)|」のdd要素の装飾*/
.entryStatus dd,.commentStatus dd,.commentStatus dd {
	border-right-style:solid;
	border-right-width:1px;
	}

.entryStatus{
    width:545px;
	margin-top:5px;
	padding-top:5px;
	margin-left:30px;}


/* 記事全体を囲んでいるdiv 幅を指定している */
.entryUnit{
    clear:both;

    padding-left:0px;
}

/* コメント全体上の.entryUnitの */
#commentList{
    clear:left;}

.commentUnit{
    clear:both;}
	
/*記事の情報編集・削除ボタン*/
.entryedit{
	margin-top:10px;
	padding-right:26px;
	text-align:right;}

.entryedit a, .entryedit a:link, .entryedit a:visited{
	padding:5px;
	color: #333333;
	background-color:#CCCCCC;
	border:1px solid #999999;
}
.entryedit a:hover{
 	padding:5px;
	color: #333333;
	background-color:#CCCCCC;
	border:1px solid #999999;
}	
	
/* h2の下にくる日記の概要 パディングを指定*/
#summary{
    padding-left:10px;}
	
/* エントリ本体 */
.entryBody{
    padding:10px 30px;
	font-size:94%;
	line-height:150%;
	}
	
.commentStatus{
	padding-top:10px;
}

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

sub

******************************************************************* 
******************************************************************* 
*/
#sub .subCompoContent,
#blogStyle0 #container #content #sub #profileSummary #profSmryWrapper {
    border:none;
}
#sub{

	padding-top:10px;
	width:180px;
}
#sub #offlBlggrFlagWrapper{
margin:0px 0px 8px 0px;
padding:0px;
}
#sub #offlBlggrFlagWrapper #officialBloggerFlag{
background:url(../../../i/common/official_blogger.jpg) no-repeat;
display:block;
text-indent:-999px;
outline:none;
width:180px;
height:30px;
margin:0px;
padding:0px;
}
#sub p{
    padding:0px;
	margin:0px;}
	
#sub #bookForm{
width:180px;
margin:0px 0px 8px 0px;
padding:0px;
}
#sub #bookForm input{
width:180px;
margin:0px;
padding:0px;
}

#sub h3{
	background-image: url(../../../i/blog/promo01/right_bg.jpg);
	padding:5px;
	border-bottom:1px solid #ccc;
	color: #76ADFF;
	text-align: center;
	font-size:100%;
	font-weight:bold;
	width:180px;
	height:30px;
}
#container #content #sub #profileSummary{
	border:none;
}
/* 個々のsub のパディングblog以外のものも入ってくるが、参考に。*/
#use li,　　　　　　     		/* sub 初めての方は */
#userStatus dd,          		/* マイページ ユーザー */
    		/* プロフィ　ユーザー */
#sub #recentEntry dl,    		/* 最近のエントリ */
#sub #recentComment dl,  		/* 最近のコメント */
#sub #archive li,        		/* アーカイブ */
#category li,            		/* カテゴリ */
.blogEntry #myFriendList li, 	/* 私の友達 */
.blogEntry #myCommunityList li, /* 参加コミュニティ */
#hit li{
    padding:5px 0px 5px 12px;}

/* subランキングボーダー */
#sub .ranking{
    padding-bottom:10px;
   	border-bottom-style:solid;
    border-bottom-width:1px;}

	
#rss p,
#qrCode p,
#blogLink p,
 /* bug for IE */ {
    text-align:center;}



	
#sub #userStatus p img,

#sub #commImg img{
    display:block;
	width:150px;
	margin:0 auto;
	text-align:center;}
	
#sub #userStatus dt,
#sub #userStatus dd{
    text-align:center;}

.clear{
	clear: both;}

/* subヒット数*/
#hit li{
	text-align:center;}

#hit #hitToday{
	border-bottom:1px dotted #666666;}

/*テンプレート編集*/
#sub #blogEdit {
	padding:0;
	border:none;}

#sub #blogEdit a{
	text-indent:-9999px;
	display:block;
    text-align:center;
	outline:none;}
	
#sub #blogEdit p{
	margin:0;
	padding:0;}
	
/*テキストエリア真ん中よせ*/
#commentForm p,#commentform2 p,#mailForm p,#trackbackForm p{
	width:390px;
	text-align:center;}

#search input#q{
	margin:5px 0 0 3px;}
	
#blogStyle0 #sub #adminMail,
#blogStyle0 #sub #adminMail h3{
	width:168px;
	text-align:center;}