@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　
                #blogStyle0（0のところは任意の数）

                と指定して、子の要素を上書きしていくことで、
                ある程度まで変更できる。
                
                ////////////////////////////////
                
                content
                    main
                        mainComponent
                    sub
                        subComponent
                
                ////////////////////////////////
                footer
                

*******************************************************************
*/

/*===========================================================
 基本要素 
=============================================================*/
/*----- link要素 -----*/
a:link {
	color:#666666;
}
a:hover{
	color:#FF9F60; 
}
/*===========================================================
 抽象要素 
=============================================================*/
/* 大見出し h2要素周辺 */
.headImg{
	background:url(../../../i/blog/fashion/header.jpg) no-repeat;
	height: 160px;
}
.headImg h2 {
	height: 70px;
}
.headImg h2 a {
	height: 70px;
	margin:auto;
	text-indent:-9999px;
	color:#fff;
	text-decoration:none;
	display:block;
	outline:none;
}
.headImg h2 a:link{color: #CC0066;}
.headImg h2 a:visited{color: #CC0066;}
.headImg h2 a:hover {color: #FCC1BB;}
/* 概要（h2の直下） */
#summary{
	margin-top:5px;
	text-indent:50px;
	font-weight:bold;
	color:#333;
}
/* 主要コンテンツ部分 */
#main{
	margin:10px 0 0 0;
	padding:0;
	background:#fff;
/* border:#000000 1px solid;*/
}
/* mainの下層部分 */
#main .mainComponent{
	padding-bottom:10px;
}

/*===========================================================
 エントリ・モジュール 
 note：common系に移動すること
=============================================================*/

/* エントリー（投稿）のリスト */
#entryList{
	margin:0;
	padding:0;
	width: 610px;
}
.entryUnit {
	margin:0;	
	padding: 0;
	width: 610px;
	text-align: center;
}

/*----- エントリ h3 -----*/
.entryUnit h3{
	border-bottom:2px solid #000000;
	width:610px;
	padding:0;
}
/* エントリ h3部分 linkスタイル */
.entryUnit h3 a, 
.entryUnit h3 a:link, 
.entryUnit h3 a:visited {
	margin-top:5px;
	color:#000000; 
	font-weight:bold;																																					
}
.entryUnit h3 a:hover{
	margin-top:5px;
	color:#AA8000; 
	text-decoration:none; 
	font-weight:bold;
}
/*----- エントリ h4 -----*/
#commentList #commentListH,
.entryUnit #trackbackH {
	/*background: url(../../../i/blog/celeb/main_h4.jpg) repeat-x;*/
	font-size:100%;
	font-weight:bold;
	width:550px;
	margin: 0 auto 10px;
	width:550px;
	border-bottom:3px groove #AA8000;
	background-color:#fff;

}

/* エントリ本体 */
.entryFoot,
#commentList,
#trackbackForm {
	width: 550px;
	margin: 0 auto;
}

#commentForm,
#mailForm,
#trackbackForm {
	text-align: center;
}
/* エントリ、コメントステータス */
.entryStatus,
.commentStatus{
	padding-top:10px;
	padding-bottom: 10px;
}


/* コメントフォーム見出し（メール見出しも兼用） */
/*#commentFormH {
	width:380px;
	margin:0 auto;
	color:#333333;
	text-align:left;
	font-size:93%;
}*/

/* フォーム梱包部分（コメント、メール） */
#commentFormBody,
#mailFormBody {
	width:400px;
	margin:0 auto 10px;
	color: #666;
	border:none;
	text-align: center;
}
/* form要素*/	
#commentFormBody form,
#mailFormBody form {
	width:390px;
	text-align:center;
	margin:0 auto;
	padding:0;
}
.trackbackFormBody {
	text-align: center;
}
.trackbackFormBody dl {
	width: 470px;
	margin: 0 auto;
}
#commentFormBody form p,
#mailFormBody form p,
.trackbackFromBody form p {
	width: 390px;
}
/* textarea要素 */
#commentFormBody form textarea, 
#mailFormBody form textarea {
	width:390px;
	height:160px;
	margin:0 auto;
}



	
/*
*******************************************************************
******************************************************************* 

sub

******************************************************************* 
******************************************************************* 
*/
#sub {
	padding-top:10px;
	padding-left:0px;
}

#sub .subComponent{
	background-color:#fff;
	margin-bottom:10px;
}
	
#sub h3{
	border-bottom:2px groove #AA8000;
	color: #000000;
	text-align: center;
	font-size:100%;
	font-weight:bold;
	padding: 5px 0;
	width: 180px;
}

#myFriendList {
	border:none;
}
.blogEntry .subCompoContent {
	text-align: center;
}
.blogEntry #sub #category ul li,
.blogEntry #sub #recentEntry dl,
.blogEntry #sub #recentComment dl,
.blogEntry #sub #archive ul li,
.blogEntry #sub #myCommunityList ul li,
.blogEntry #sub #myFriendList ul li{
	width:170px;
	margin: 0 auto;
	text-align: left;
}
#rss p,
#qrCode p,
#blogLink p,
 /* bug for IE */ {
    text-align:center;
}
/* 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;
	background:url(../../../i/common/template_hensyu.gif) no-repeat;
	background-color:#EFEFEF;
	width:180px;
	height:43px;
	border:1px solid #BF4043;
	text-align:center;
	outline:none;
}
	
#sub #blogEdit p{
	margin:0;
	padding:0;
}
#sub .nowMonth,
#sub .otherMonth {
	border: none;
}

#sub #rssWrapper img {
width:80px;
}