/*********************************************************************/
/* SKIN 57                                       UPDATE 2006.12.25   */
/*********************************************************************/
body {
    font-family:      Arial, Helvetica, sans-serif;
    margin:           0px 10px 0px 10px;
    padding           0px;
    background-image: url(/skin/57/bgp.gif); 
    background-repeat:repeat-x;
    /* background-position:   center top; */
    /* background-attachment: scroll;     */
    background-color:      #FFFFFF;
    /* width:                 740px;      */
    text-align:       center;
}

.emoji{
    vertical-align: -3px;
    margin-left:     2px;
    margin-right:    2px;
}

a         { color:#A3BF8E; text-decoration:none; }
a:link    { color:#A3BF8E; text-decoration:none; }
a:visited { color:#A3BF8E; text-decoration:none; }
a:active  {}
a:hover   { color:#C3918A; text-decoration:underline; }

#container{
    background-image:      url(/skin/57/banner.png);
    background-repeat:     no-repeat;
    background-position:   center top;
    background-attachment: scroll;
    background-color:      #FFFFFF;
    padding-bottom:        20px;
    width:                 740px;
}

/*********************************************************************/
/* ヘッダー                                                          */
/*********************************************************************/

/* バナー ****************************************/
#header{
    background-image:      url(/skin/57/banner.png);
    width:  740px;
    height: 300px;
}

.headerTitle{
    color:           #448CCB;
    font-size:       24px;
    text-align:      left;
    font-weight:     bold;
    text-decoration: none;
    padding:         60px 20px 0px 20px;
}


.headerText{
    color:           #9EE3FF;
    font-size:       12px;
    line-height:     20px;
    text-align:      left;
    font-weight:     bold;
    padding:         20px 300px 0px 20px;
}

.footer{
    display: none;
    /* background-image: url(/skin/57/bgp.gif); */
    /* width:  740px;                           */
    /* height: 40px;                            */
}

a.headerTitleLinked         { color:#448CCB; text-decoration:none; }
a.headerTitleLinked:link    { color:#448CCB; text-decoration:none; }
a.headerTitleLinked:visited { color:#448CCB; text-decoration:none; }
a.headerTitleLinked:active  {}
a.headerTitleLinked:hover   { color:#9EE3FF; text-decoration:underline; }

/*********************************************************************/
/* ブログサイド                                                      */
/*********************************************************************/

/* ブログ ****************************************/
.blog{
    width:      480px;
    margin:     0px 0px 10px 20px;
}

.blogDate{
    color:          #000000;
    font-size:      12px;
    line-height:    18px;
    font-weight:    bold;
    text-align:     left;
    padding:        4px 0px 0px 10px;
    margin:         0px;
    border-top:     none;
    border-left:    none;
    border-right:   none;
    border-bottom:  none;
}

.blogTitle{
    color:          #000000;
    font-size:      12px;
    line-height:    18px;
    font-weight:    bold;
    text-align:     left;
    padding:        2px 1px 2px 10px;
    margin:         0px 0px 0px 0px;
    border-top:     5px solid #747474;
    border-left:    1px solid #747474;
    border-right:   1px solid #747474;
    border-bottom:  1px solid #747474;
}

.blogText{
    color:          #000000;
    font-size:      12px;
    line-height:    18px;
    font-weight:    none;
    text-align:     left;
    padding:        5px;
    margin:         0px 0px 0px 0px;
    border-top:     none;
    border-left:    1px solid #747474;
    border-right:   1px solid #747474;
    border-bottom:  1px solid #747474;
    height:         100%;
}

.blogImage{
    margin:         5px;
}

.blogFooter{
    color:          #000000;
    font-size:      12px;
    line-height:    18px;
    font-weight:    none;
    text-align:     right;
    padding:        5px 5px 5px 1px;
    margin:         0px 0px 0px 0px;
    border-top:     none;
    border-left:    1px solid #747474;
    border-right:   1px solid #747474;
    border-bottom:  1px solid #747474;
}

a.blogFooterLinked         { color:#FF4000; text-decoration:none; }
a.blogFooterLinked:link    { color:#FF4000; text-decoration:none; }
a.blogFooterLinked:visited { color:#FF4000; text-decoration:none; }
a.blogFooterLinked:active  {}
a.blogFooterLinked:hover   { color:#FF4000; text-decoration:underline; }

/* トップリンク **********************************/
.pagetop{
    font-size:      12px;
    line-height:    18px;
    text-align:     center;
    margin:         5px 0px 10px 0px;
}

a.pagetop         { color:#FF4000; text-decoration:none; }
a.pagetop:link    { color:#FF4000; text-decoration:none; }
a.pagetop:visited { color:#FF4000; text-decoration:none; }
a.pagetop:active  {}
a.pagetop:hover   { color:#FF4000; text-decoration:underline; }

/* トラックバック ********************************/
#trackback{}

.trackbackBody{ 
    font-size:     12px;
    line-height:   18px;
    text-align:    left;
    margin:        10px 0px 0px 0px;
    width:         480px;
}

.trackbackURLCaption{
    color:         #000000;
    /* background: #FFFFFF; */
    padding:       0px 10px 0px 10px;
    margin-top:    10px;
    border-top:    1px solid #747474;
    border-left:   1px solid #747474;
    border-right:  1px solid #747474;
}

.trackbackURL{
    color:         #000000;
    /* background: #FFFFFF; */
    padding:       0px 10px 0px 10px;
    border-top:    1px solid #747474;
    border-left:   1px solid #747474;
    border-right:  1px solid #747474;
    border-bottom: 1px solid #747474;
}

.trackbackLink{
    color:         #000000;
    background:    #9C9C9C;
    padding:       3px 0px 3px 10px;
    margin-top:    10px;
    border-top:    1px solid #747474;
    border-left:   1px solid #747474;
    border-right:  1px solid #747474;
    border-bottom: 1px solid #747474;
}

.trackbackText{
    color:         #000000;
    /* background: #FFFFFF; */
    padding: 3px 0px 3px 10px;
    margin:  0px;
    border-left:   1px solid #747474;
    border-right:  1px solid #747474;
    border-bottom: 1px dashed #747474;
}

.trackbackBlog{
    color:         #000000;
    /* background: #FFFFFF; */
    padding: 3px 0px 3px 10px;
    margin:  0px;
    border-left:   1px solid #747474;
    border-right:  1px solid #747474;
    border-bottom: 1px dashed #747474;
}

.trackbackDate{
    color:         #000000;
    /* background: #FFFFFF; */
    padding: 3px 0px 3px 10px;
    margin:  0px;
    border-left:   1px solid #747474;
    border-right:  1px solid #747474;
    border-bottom: 1px solid #747474;
}

a.trackbackLinked         { color:#FFFFFF; text-decoration:none; }
a.trackbackLinked:link    { color:#FFFFFF; text-decoration:none; }
a.trackbackLinked:visited { color:#FFFFFF; text-decoration:none; }
a.trackbackLinked:active  {}
a.trackbackLinked:hover   { color:#FF4000; text-decoration:underline; }

/* コメント **************************************/

#comment{}

.commentBody{
    font-size:     12px;
    line-height:   18px;
    text-align:    left;
    margin:        10px 0px 0px 0px;
    width:         480px;
}

.commentText{
    color:         #000000;
    padding:       5px;
    margin-top:    10px;
    border-top:    5px solid #747474;
    border-left:   1px solid #747474;
    border-right:  1px solid #747474;
    border-bottom: 1px dotted #747474;
}

.commentPost{
    color:         #000000;
    padding:       5px;
    margin:        0px;
    border-left:   1px solid #747474;
    border-right:  1px solid #747474;
    border-bottom: none;
    text-align:    right;
}

.commentForm{
    color:      #666666;
    margin-top: 0px;
    border:     1px solid #747474;
    text-align: left;
}

.commentFormCaption{
    margin: 10px 5px 1px 5px;
}

.commentFormField{
    margin: 1px 5px 0px 5px;
    text-align: center;
}

.commentFormFieldSubmit{
    margin: 1px 0px 1px 0px;
    text-align: center;
}

.commentFormText{
    font-size:   12px;
    line-height: 20px;
    padding:     0px 3px 0px 3px;
    width:       400px;
    height:      20px;
}

.commentFormTextarea{
    font-size:   12px;
    line-height: 20px;
    padding:     3px;
    width:       400px;
    height:      80px;
}

.commentFormSubmit{
    text-align: center;
}

a.commentEmail         { color:#FF4000; text-decoration:none; }
a.commentEmail:link    { color:#FF4000; text-decoration:none; }
a.commentEmail:visited { color:#FF4000; text-decoration:none; }
a.commentEmail:active  {}
a.commentEmail:hover   { color:#FF4000; text-decoration:underline; }

a.commentLinked         { color:#FF4000; text-decoration:none; }
a.commentLinked:link    { color:#FF4000; text-decoration:none; }
a.commentLinked:visited { color:#FF4000; text-decoration:none; }
a.commentLinked:active  {}
a.commentLinked:hover   { color:#FF4000; text-decoration:underline; }

/*********************************************************************/
/* メニューサイド                                                    */
/*********************************************************************/
.menu{
    width:      200px;
    margin:     0px 0px 10px 10px;
}

/* プロフィール **********************************/
.profile{
    width:       200px;
    margin:      0px 0px 50px 0px;;
}

#profileTitle{
    background-image: url(http:/skin/57/cornerTitle.gif);
    color:            #000000;
    font-size:        12px;
    line-height:      16px;
    font-weight:      bold;
    text-align:       left;
    padding-top:      5px;
    padding-left:     15px;
    height:           24px;
}

.profileText{
    font-size:   12px;
    line-height: 20px;
    color:       #000000;
    text-align:  left;
    padding:     0px 0px 0px 0px;
    margin:      10px 5px 0px 5px;
}

.profileImage{
    text-align: center;
    margin: 5;
}


/* カレンダー ************************************/
.calendar{
    font-size:   12px;
    line-height: 20px;
    width:       200px;
    margin:      0px 0px 50px 0px;;
}

#calendarHeader{
    color:            #000000;
    font-size:        12px;
    line-height:      20px;
    font-weight:      bold;
    text-align:       center;
    height:           20px;
    border-bottom:    1px dashed #000000;
}

.calendarWeekCaption{
    color:       #000000;
    font-size:   12px;
    line-height: 20px;
    width:       198px;
    margin-top:  0px;
    border-bottom:    1px dashed #000000;
}

.calendarBody{
    color:       #000000;
    font-size:   12px;
    line-height: 20px;
    width:       198px;
    margin-top:  0px;
    border-bottom:    1px dashed #000000;
}

.calCapSun{
    font-size:     12px;
    line-height:   18px;
    text-align:    center;
    color:         #FF4000;
    padding-top:   2px;
    padding-bottom:2px;
}

.calCapDay{
    font-size:     12px;
    line-height:   18px;
    text-align:    center;
    color:         #000000;
    padding-top:   2px;
    padding-bottom:2px;
}

.calCapSat{
    font-size:     12px;
    line-height:   18px;
    text-align:    center;
    color:         #6DCFF6;
    padding-top:   2px;
    padding-bottom:2px;
}

.calSun{
    font-size:     12px;
    line-height:   18px;
    text-align:    center;
    color:         #FF4000;
}

.calDay{
    font-size:     12px;
    line-height:   18px;
    text-align:    center;
    color:         #000000;
}

.calSat{
    font-size:     12px;
    line-height:   18px;
    text-align:    center;
    color:         #6DCFF6;
}

A.calDayLinked         { color: #000000; font-size: 14px; line-height: 18px;                    text-decoration:underline; }
A.calDayLinked:link    { color: #000000; font-size: 14px; line-height: 18px;                    text-decoration:underline; }
A.calDayLinked:visited { color: #000000; font-size: 14px; line-height: 18px;                    text-decoration:underline; }
A.calDayLinked:active  { color: #000000; font-size: 14px; line-height: 18px;                    text-decoration:underline; }
A.calDayLinked:hover   { color: #000000; font-size: 14px; line-height: 18px; font-weight: bold; text-decoration:underline; }

.calendarFooter{
    font-size:   12px;
    line-height: 20px;
    margin:      5px 0px 0px 0px;
}

.calMonth{
    font-size:   12px;
    line-height: 20px;
}

A.calMonthLinked         { color: #000000; font-size: 12px; line-height: 20px;                    text-decoration:underline; }
A.calMonthLinked:link    { color: #000000; font-size: 12px; line-height: 20px;                    text-decoration:underline; }
A.calMonthLinked:visited { color: #000000; font-size: 12px; line-height: 20px;                    text-decoration:underline; }
A.calMonthLinked:active  { color: #000000; font-size: 12px; line-height: 20px;                    text-decoration:underline; }
A.calMonthLinked:hover   { color: #FF4000; font-size: 12px; line-height: 20px; font-weight: bold; text-decoration:underline; }

/* 新着エントリー ********************************/
.newBlog{
    font-size:   12px;
    line-height: 20px;
    width:       200px;
    margin:      0px 0px 50px 0px;;
}

#newBlogHeader{
    background-image: url(http:/skin/57/cornerTitle.gif);
    color:            #000000;
    font-size:        12px;
    line-height:      16px;
    font-weight:      bold;
    text-align:       left;
    padding-top:      5px;
    padding-left:     15px;
    height:           24px;
}

.newBlogList{
    color:       #000000;
    text-align:  left;
    margin:      5px 10px 3px 10px;
}

.newBlogDate{
    color:       #000000;
    font-size:   10px;
    line-height: 12px;
    text-align: right;
    margin:      3px 10px 5px 10px;
}

A.newBlogLinked         { color: #000000; font-size: 12px; line-height: 20px;                    text-decoration:none; }
A.newBlogLinked:link    { color: #000000; font-size: 12px; line-height: 20px;                    text-decoration:none; }
A.newBlogLinked:visited { color: #000000; font-size: 12px; line-height: 20px;                    text-decoration:none; }
A.newBlogLinked:active  { color: #000000; font-size: 12px; line-height: 20px;                    text-decoration:none; }
A.newBlogLinked:hover   { color: #FF4000; font-size: 12px; line-height: 20px; font-weight: bold; text-decoration:none; }

/* 新着コメント **********************************/
.newComment{
    font-size:   12px;
    line-height: 20px;
    width:       200px;
    margin:      0px 0px 50px 0px;;
}

#newCommentHeader{
    background-image: url(http:/skin/57/cornerTitle.gif);
    color:            #000000;
    font-size:        12px;
    line-height:      16px;
    font-weight:      bold;
    text-align:       left;
    padding-top:      5px;
    padding-left:     15px;
    height:           24px;
}

.newCommentList{
    font-size:   12px;
    line-height: 20px;
    color:       #000000;
    text-align:  left;
    margin:      5px 10px 3px 10px;
}

.newCommentDate{
    color:       #000000;
    font-size:   10px;
    line-height: 12px;
    text-align: right;
    margin:      3px 10px 5px 10px;
}

A.newCommentLinked         { color: #000000; font-size: 12px; line-height: 20px;                    text-decoration:none; }
A.newCommentLinked:link    { color: #000000; font-size: 12px; line-height: 20px;                    text-decoration:none; }
A.newCommentLinked:visited { color: #000000; font-size: 12px; line-height: 20px;                    text-decoration:none; }
A.newCommentLinked:active  { color: #000000; font-size: 12px; line-height: 20px;                    text-decoration:none; }
A.newCommentLinked:hover   { color: #FF4000; font-size: 12px; line-height: 20px; font-weight: bold; text-decoration:none; }

/* 新着トラックバックコメント ********************/
.newTrackback{
    font-size:   12px;
    line-height: 20px;
    width:       200px;
    margin:      0px 0px 50px 0px;;
}

#newTrackbackHeader{
    background-image: url(http:/skin/57/cornerTitle.gif);
    color:            #000000;
    font-size:        12px;
    line-height:      16px;
    font-weight:      bold;
    text-align:       left;
    padding-top:      5px;
    padding-left:     15px;
    height:           24px;
}

.newTrackbackList{
    font-size:   12px;
    line-height: 20px;
    color:       #000000;
    text-align:  left;
    margin:      5px 10px 3px 10px;
}

.newTrackbackDate{
    color:       #000000;
    font-size:   10px;
    line-height: 12px;
    text-align: right;
    margin:      3px 10px 5px 10px;
}

A.newTrackbackLinked         { color: #000000; font-size: 12px; line-height: 20px;                    text-decoration:none; }
A.newTrackbackLinked:link    { color: #000000; font-size: 12px; line-height: 20px;                    text-decoration:none; }
A.newTrackbackLinked:visited { color: #000000; font-size: 12px; line-height: 20px;                    text-decoration:none; }
A.newTrackbackLinked:active  { color: #000000; font-size: 12px; line-height: 20px;                    text-decoration:none; }
A.newTrackbackLinked:hover   { color: #FF4000; font-size: 12px; line-height: 20px; font-weight: bold; text-decoration:none; }

/* リンク ****************************************/
.link{
    font-size:   12px;
    line-height: 20px;
    width:       200px;
    margin:      0px 0px 50px 0px;;
}

#linkHeader{
    background-image: url(http:/skin/57/cornerTitle.gif);
    color:            #000000;
    font-size:        12px;
    line-height:      16px;
    font-weight:      bold;
    text-align:       left;
    padding-top:      5px;
    padding-left:     15px;
    height:           24px;
}

.linkList{
    font-size:   12px;
    line-height: 20px;
    color:       #FFFFFF;
    text-align:  left;
    margin:      5px 10px 3px 10px;
}

A.linkLinked         { color: #000000; font-size: 12px; line-height: 20px;                    text-decoration:none; }
A.linkLinked:link    { color: #000000; font-size: 12px; line-height: 20px;                    text-decoration:none; }
A.linkLinked:visited { color: #000000; font-size: 12px; line-height: 20px;                    text-decoration:none; }
A.linkLinked:active  { color: #000000; font-size: 12px; line-height: 20px;                    text-decoration:none; }
A.linkLinked:hover   { color: #FF4000; font-size: 12px; line-height: 20px; font-weight: bold; text-decoration:none; }

/* カテゴリー ************************************/
.category{
    font-size:   12px;
    line-height: 20px;
    width:       200px;
    margin:      0px 0px 50px 0px;;
}

#categoryHeader{
    background-image: url(http:/skin/57/cornerTitle.gif);
    color:            #000000;
    font-size:        12px;
    line-height:      16px;
    font-weight:      bold;
    text-align:       left;
    padding-top:      5px;
    padding-left:     15px;
    height:           24px;
}

.categoryList{
    font-size:   12px;
    line-height: 20px;
    color:       #000000
    text-align:  left;
    margin:      5px 10px 3px 10px;
}

A.categoryLinked         { color: #000000; font-size: 12px; line-height: 20px;                    text-decoration:none; }
A.categoryLinked:link    { color: #000000; font-size: 12px; line-height: 20px;                    text-decoration:none; }
A.categoryLinked:visited { color: #000000; font-size: 12px; line-height: 20px;                    text-decoration:none; }
A.categoryLinked:active  { color: #000000; font-size: 12px; line-height: 20px;                    text-decoration:none; }
A.categoryLinked:hover   { color: #FF4000; font-size: 12px; line-height: 20px; font-weight: bold; text-decoration:none; }

/* アーカイブ ************************************/
.archive{
    font-size:   12px;
    line-height: 20px;
    width:       200px;
    margin:      0px 0px 50px 0px;;
}

#archiveHeader{
    background-image: url(http:/skin/57/cornerTitle.gif);
    color:            #000000;
    font-size:        12px;
    line-height:      16px;
    font-weight:      bold;
    text-align:       left;
    padding-top:      5px;
    padding-left:     15px;
    height:           24px;
}

.archiveList{
    font-size:   12px;
    line-height: 20px;
    color:       #000000
    text-align:  left;
    margin:      5px 10px 3px 10px;
}

A.archiveLinked         { color: #000000; font-size: 12px; line-height: 20px;                    text-decoration:none; }
A.archiveLinked:link    { color: #000000; font-size: 12px; line-height: 20px;                    text-decoration:none; }
A.archiveLinked:visited { color: #000000; font-size: 12px; line-height: 20px;                    text-decoration:none; }
A.archiveLinked:active  { color: #000000; font-size: 12px; line-height: 20px;                    text-decoration:none; }
A.archiveLinked:hover   { color: #FF4000; font-size: 12px; line-height: 20px; font-weight: bold; text-decoration:none; }

/* QRコード **************************************/
.qrcode{
    background:     #DFBBB7;
    text-align:     center;
    vertical-align: middle;
    padding:        10px;
    border:         1px solid #000000;
    width:          160px;
    margin:         0px 0px 20px 0px;
}

.qrImage{}

/* ランキング ************************************/
.ranking{
    font-size:   12px;
    line-height: 20px;
    text-align:  center;
}

A.rankingLinked        { color: #000000; font-size: 12px; font-weight: bold; }
A.rankingLinked:link   { color: #000000; font-size: 12px; font-weight: bold; }
A.rankingLinked:active { color: #000000; font-size: 12px; font-weight: bold; }
A.rankingLinked:visited{ color: #000000; font-size: 12px; font-weight: bold; }
A.rankingLinked:hover  { color: #FF4000; font-size: 12px; font-weight: bold; }


/* アーカイブデーター＋カテゴリー集 **************/
.arcBody{
    font-size:   12px;
    line-height: 20px;
    text-align:  left;
    width:       450px;
    margin:      10px;
}

.arcHeader{
    color:         #000000;
    font-weight:   bold;
    padding-left:  10px;
    margin-bottom: 10px;
}

.arcReturn{
    text-align:    center;
    margin-bottom: 10px;
}

A.arcReturnLinked         { color: #FF4000; text-decoration:none; }
A.arcReturnLinked:link    { color: #FF4000; text-decoration:none; }
A.arcReturnLinked:visited { color: #FF4000; text-decoration:none; }
A.arcReturnLinked:active  { color: #FF4000; text-decoration:none; }
A.arcReturnLinked:hover   { color: #FF4000; text-decoration:none; }

A.arcLinked         { color: #FFFFFF; text-decoration:none; }
A.arcLinked:link    { color: #FFFFFF; text-decoration:none; }
A.arcLinked:visited { color: #FFFFFF; text-decoration:none; }
A.arcLinked:active  { color: #FFFFFF; text-decoration:none; }
A.arcLinked:hover   { color: #FFFFFF; text-decoration:underline; }

.arcTitle{
    color:         #FFFFFF;
    background:    #9C9C9C;
    padding-left:  10px;
    border:        1px solid #747474;
}

.arcText{
    color:        #000000;
    padding-left: 10px;
    margin-top:   10px;
}

.arcDate{
    color:         #000000;
    text-align:    right;
    padding-right: 10px;
}