@import url(http://agilemedia.jp/embed/CSS/AMN-remix.css);
@charset "shift-jis";

/*
 * File      : styles-index.css
 * Version   : 1.00
 * Update    :
 * 1.01 2006.06.10: add red and error_message class selector.
 *
 * Copyright (C) 2004-2006 www.koikikukan.com All rights reserved.
 */

/* ���ׂ� */
* {
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, sans-serif;
}

/* ���o�� */
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

/* �����N */
a,
a:link,
a:visited {
    color: #006699;
    text-decoration: none;
}
a:hover {
    color: #006699;
    text-decoration: underline;
}
a:active {}

/* �����N�‚��摜 */
a img {
    border: 0;
}

/* �i�� */
p {
    margin-top: 15px;
    margin-bottom: 15px;
}

/* �����Ȃ����X�g */
ul {
    padding-left: 16px;
}
ul li {
    list-style-type: circle;
}

/* ��`���X�g */
dl {}
dt {}
dd {
    padding-left: 8px;
}

/* �t�H�[�� */
form {
    margin: 0px;
}
input {
    padding: 1px;
    font-size: 12px;
}

/* ��p */
blockquote {
    width: auto;
    margin: 15px 20px 0 20px;
    padding: 10px;
    border: 1px solid #666666;
    background: #f6f6f6;
    font-size: 10px;
    line-height: 150%;
}
.quotetitle { /* ��p���^�C�g�� */
    font-size: 10px;
    border-bottom: 1px solid #666666;
    padding: 3px;
}
blockquote.error_message {
    width: auto;
    margin: 15px 20px 10px 20px;
    padding: 10px;
    border: 1px solid #dd4444;
    background: #ffeeee;
    font-size: 10px;
    line-height: 150%;
}

/* �^�C�g���o�i�[ */
#banner {
    padding: 16px;
    border-bottom: 1px solid #666699;
    color: #999999;
    background-position: right top;
    background-repeat: no-repeat;
    background-image: url("http://mozilla-remix.up.seesaa.net/image/mozilla_remix_top_dj.JPG");
    text-align: center;
}

#banner a,
#banner a:link,
#banner a:visited {
    color: #8fabbe;
    font-size: 36px;
    text-decoration: none;
}
#banner a:hover {}
#banner a:active {}

/* �^�C�g���o�i�[���̐� */
.description {
    color: #dcdcdc;
    font-size: 11px;
}

/* �G���g���[�S�� */
.blog {
    padding: 5px 10px 0 10px;
    background: none;
}

/* �G���g���[��t */
.date { 
    margin: 11px 5px 0;
    padding: 2px 0 2px 5px;
/*    background-position: left; 
    background-repeat: no-repeat;
    background-image: url(".gif");*/
    font-size: 11px;
    font-weight: bold;
}

/* �G���g���[��t�E�R�����g�^�C�g���E�g���b�N�o�b�N�^�C�g���̔z�F */
.date,
.comments-header,
.comments-open-header {
    color: #ffffff;
    background: #8fabbe;
}

/* �G���g���[ */
.blogbody {
    width: auto;
    margin: 0 5px 15px;
    color: #36414d;
    background: #ffffff;
/*  background-position: right; 
    background-repeat: repeat-y; 
    background-image: url(".png"); */
    font-size: 12px;
    line-height:150%;
    word-break: break-all;
}
.blogbody a:active {}
.blogbody img {
    margin-right: 8px;
    margin-bottom: 5px;
}

/* �G���g���[�̃e�L�X�g�G���A�•ϒ��w�� */
.blogbody textarea {
    width: 97%;

}

/* �NjL */
.blogbody.extended {}

/* �G���g���[�^�C�g�� */
h2.title {
    margin: 15px 0 10px;
    font-size: 12px;
    font-weight: bold;
}
h3.title a:link,
h3.title a:visited {
    color: #444444;
}

.text ul {
    padding-left: 35px;
}

.text ul li {
}

/* ���e�� */
.posted {
    margin: 10px 0 0 0;
    border-top: 1px dotted #36414d;
    text-align: right;
    color: #36414d;
    font-size: 10px;
    _font-size: 9px;
}

/* �A�[�J�C�u�y�[�W�̑O�ƒi���N */
.navi {
    padding: 15px 15px 0;
    text-align: center;
    font-size: 12px;
}

/* �J�����_�[ */
.calendarhead {
    padding-bottom: 5px;
    text-align: center;
    color: #444444;
    font-size: 10px;
    background: none;
    letter-spacing: 0.2em;
}
#calendar {
    text-align: center;
    color: #444444;
    background: none;
    margin-bottom: 15px;
}
#calendar table {
    text-align: center;
    padding: 0px;
    border-collapse: collapse;
}
#calendar th {
    padding-bottom: 3px;
    font-size: 10px;
    width: 23px;
    font-weight: normal;
}
#calendar td {
    padding: 2px 0;
    font-size: 9px;
    line-height: 120%;
}

/* �T�C�h���j���[�^�C�g�� */
.sidetitle {
    margin-top: 3px;
    padding: 2px 0 1px;
    _padding: 1px 0 2px;
    border: 1px solid  #666666;
    text-align: center;
    color: #444444;
    background: #f6f6f6;
    font-size: 10px;
    line-height: 140%;
}

/* �T�C�h���j���[ */
.side {
    margin: 3px 0 20px;
    background: none;
    color: #444444;
    font-size: 10px;
    _font-size: 9px;
    line-height: 150%;
}

/* RSS�t�B�[�h */
.syndicate {
    margin-bottom: 5px;
    text-align: left;
    color: #666666;
    font-size: 9px;
    line-height: 150%;
}

/* �N���W�b�g�o�i�[ */
.banner {
    text-align: left;
    margin-bottom: 5px;
}

.clear {
    clear: both;
}

/* �R�����g�E�g���b�N�o�b�N */
#comments {
    margin: 10px 15px;
    font-size: 12px;
}

#blog-comments {
    padding: 3px 15px 0 15px;
}

.comments-head {
    font-size: 11px;
    color: #ffffff;
    background: #8fabbe;
    padding: 2px 0 2px 5px;
    margin: 15px 0;
}

.comments-body input {
    margin:0 0 10px 0;
}

.comments-post {
    margin-right: 2px;
    padding-top: 3px;
    border-top: 1px dotted #36414d;
    color: #444444;
    text-align: right;
    font-size: 10px;
    _font-size: 9px;
}

.comments-preview p {
    margin: 5px 0 3px;
    font-size: 12px;
    line-height:150%;
}

label {
    display: block;
    font-size: 12px;
}

.text {
    margin: 10px 0;
    color: #444444;
    line-height:150%;
}

.red {
    color: #e50003;
}

p.button {
    margin:10px 0;
}

#trackback {
    font-size: 12px;
    margin: 20px 15px;
}
#trackback hr {
    margin: 10px 0;
}

/* �J�����؂�ւ� */

/* 3�J�����p */
body.layout-three-column,
body.layout-two-column-left,
body.layout-two-column-right,
body.layout-one-column {
    margin-bottom: 20px;
    text-align: center;
    background: #36414d;
}
.layout-three-column #container,
.layout-two-column-left #container,
.layout-two-column-right #container {
    margin-bottom: 10px;
}
.layout-three-column #box {
    width: 960px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #666699;
    border-left: 1px solid #666699;
    border-right: 1px solid #666699;
    text-align: left;
    background-color: #ffffff;
}

/* 2�J�����p */
.layout-two-column-left #box,
.layout-two-column-right #box {
    width: 800px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #666699;
    border-left: 1px solid #666699;
    border-right: 1px solid #666699;
    text-align: left;
    background-color: #ffffff;
}

.block{
overflow: scroll;   /* ƒXƒNƒ[ƒ‹•\ŽúU */ 
border: 1px solid #8FABBE;
padding: 5px 5px 5px 5px;
background: #F6F6F6;
width: 500px;
}

/* 2�J�����p */
.layout-one-column #container {
    margin-bottom: 0;
}

/* 1�J�����p */
.layout-one-column #box {
    width: 478px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    padding: 0;
    border-bottom: 1px solid #666699;
    border-left: 1px solid #666699;
    border-right: 1px solid #666699;
    text-align: left;
    background-color: #ffffff;
}

/* 1�J�����E���L�b�h���C�A�E�g�p */
/* �^�C�g���o�i�[ */
.layout-one-column-liquid #banner {
    margin-right: 100px;
    margin-left : 100px;
    border-left: 1px solid #666699;
    border-right: 1px solid #666699;
}
body.layout-one-column-liquid {
    background: #36414d;
}

/* �t�b�^ */
.layout-one-column #footer {
    padding-bottom: 10px;
}
.layout-one-column-liquid #footer {
    padding-bottom: 15px;
    text-align: center;
}
.layout-three-column #footer,
.layout-two-column-left #footer,
.layout-two-column-right #footer {
    text-align: center;
width: 960px;
height:120px;
    margin-top: 20px;
padding: 10px;
background-position: left;
    background-repeat: no-repeat;
background-image: url("http://mozilla-remix.up.seesaa.net/image/footer_001.jpg");
    font-size: 12px;
text-align: left;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: -15px;
    padding: 0 5 15px 0;
}
.layout-three-column-liquid #footer,
.layout-two-column-liquid-left #footer,
.layout-two-column-liquid-right #footer {
    text-align: center;
    padding-bottom: 10px;
}


/* 3�J����(���L�b�h���C�A�E�g) */
.layout-three-column-liquid #content {
    margin: 0 185px;
    border-bottom: 1px solid #666699;
    border-left: 1px solid #666699;
    border-right: 1px solid #666699;
}
.layout-three-column-liquid #links-left{
    position: absolute;
    width: 155px;
    top: 100px;
    left: 15px;
    padding-bottom:20px;
    color: #ffffff;
}
.layout-three-column-liquid #links-right{
    position: absolute;
    width: 155px;
    top: 100px;
    right: 15px;
    padding-bottom:20px;
    color: #ffffff;
}

/* 2�J����(���L�b�h���C�A�E�g�F�E�T�C�h�o�[) */
.layout-two-column-liquid-right #content {
    margin: 0 185px 0 0;
    border-bottom: 1px solid #666699;
    border-right: 1px solid #666699;
}
.layout-two-column-liquid-right #links-right {
    position: absolute;
    width: 155px;
    top: 100px;
    right: 15px;
    padding-bottom:20px;
    color: #ffffff;
}

/* 2�J����(���L�b�h���C�A�E�g�F���T�C�h�o�[) */
.layout-two-column-liquid-left #content {
    margin: 0 0 0 200px;
    border-bottom: 1px solid #666699;
    border-left: 1px solid #666699;
}
.layout-two-column-liquid-left #links-left {
    position: absolute;
    width: 180px;
    top: 100px;
    left: 15px;
    padding-bottom:20px;
    color: #ffffff;
}

/* 1�J����(���L�b�h���C�A�E�g) */
.layout-one-column-liquid #content {
    margin: 0 100px;
    border-bottom: 1px solid #666699;
    border-left: 1px solid #666699;
    border-right: 1px solid #666699;
    background: #ffffff;
}

/* 3�J���� */
.layout-three-column #content {
    float: left;
    width: 540px;
    _margin: 0 0 5px 0;
    margin:  0 -2px 0;
    border-top: 0px solid #666699;
    border-bottom: 0px solid #666699;
    border-left: 0px solid #666699;
    border-right: 0px solid #666699;
}





.layout-three-column #links-left-box,
.layout-three-column #links-right-box {
    float: left;
    width: 212px;
}
.layout-three-column #links-left,
.layout-three-column #links-right {
    padding: 15px 5px 0 5px;
    color: #ffffff;
border-top: 0px solid #666699;
border-bottom: 0px solid #666699;
    border-left: 0px solid #666699;
    border-right: 0px solid #666699;
}

/* 2�J����(�E�T�C�h�o�[) */
.layout-two-column-right #content {
    float: left;
    width: 478px;
    _margin: 0 0 5px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #666699;
    border-right: 1px solid #666699;
}
.layout-two-column-right #links-right-box {
    float: left;
    width: 185px;
}
.layout-two-column-right #links-right {
    padding: 15px 15px 0;
    color: #ffffff;
}

/* 2�J����(���T�C�h�o�[) */
.layout-two-column-left #content {
    float: left;
    width: 568px;
    _margin: 0 0 5px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #666699;
    border-left: 1px solid #666699;
}
.layout-two-column-left #links-left-box {
    float: left;
    width: 210px;
}
.layout-two-column-left #links-left {
    padding: 15px 15px 0;
    color: #ffffff;
}

/* 1�J���� */
.layout-one-column #content {}

input,textarea {
    font-family: "Osaka", "�q���M�m�p�S Pro W3", "�l�r �o�S�V�b�N", arial, sans-serif;
}
.tag-word{
margin:20px 0px 0px 0px;
line-height:1.4em;
}
.tag{
padding:10px;
position:relative;
font-size:80%;
color: #444444;
background:#f6f6f6;
}

/*
border-right:3px outset #CCC;
border-bottom:3px outset #CCC;
*/

.tag a{
color:#006699F;
}

#tag_cloud{
border:1px solid #CCC;
padding:10px;
text-align:left;
position:relative;
}
#tag_cloud a {
padding:2px;
}
.tag-title{
font-size:120%;
font-weight:bold;
text-align:left;
}

.tag-body{
margin:10px 0px;
padding:10px 0px 0px 0px;
position:relative;
}
.tag-service{
text-align:left;
border-bottom:1px solid #CCC;
padding:0px 0px 5px 0px;
clear:left;
position:relative;
}

/*
font-weight:bold;
*/

.tag-search{
text-align:right;
padding:5px 0px;
margin-bottom:10px;
position:relative;
}

/*
font-weight:bold;
*/

.tag-article{
padding:0px 10px 10px 10px;
text-align:left;
position:relative;
}

.tag-article-title{
text-align:left;
padding:0px 0px 5px 0px;
position:relative;
}

/*
font-weight:bold;
*/

.tag-article-posted{
font-weight:normal;
position:relative;
}

.tag-article-summary{
padding:0px 10px;
line-height:1.4em;
position:relative;
}

.tag-more{
text-align:right;
margin:10px 0px;
clear:left;
position:relative;
}

.tag-photos{
float:left;
margin:10px;
position:relative;
width:100px;
height:150px;
}

.tag-photos-title{
line-height:1.4em;
padding:5px 0px;
text-align:left;
position:relative;
}

.tag-audios{
margin:5px;
position:relative;
}

.tag-audios-title{
text-align:left;
padding:0px 0px 5px 0px;
position:relative;
}

/*
font-weight:bold;
*/

.tag-audios-posted{
font-weight:normal;
position:relative;
}

.tag-videos{
float:left;
margin:10px;
position:relative;
}

.tag-videos-title{
line-height:1.4em;
padding:5px 0px;
text-align:left;
position:relative;
}

.tag-navi{
clear:left;
text-align:center;
margin:10px 0px;
position:relative;
}
/* ƒJƒeƒSƒŠ‹LŽ–ƒŠƒXƒg */
#clist {
text-align:left;
background:#F6F6F6;
margin: 14px;
padding: 10px;
border: 0px double #B2B2B2;
font-size: 90%;
}
#clist li {
margin-bottom: 0.6em;
font-size: 90%;
font-weight:normal;
line-height:150%;



}

.powered {
    margin-left: auto;
    margin-right: auto;
    width:138px;
}

.crumb {
    padding: 15px 15px 0;
    text-align: left;
    font-size: 12px;

div.feedburnerFeedBlock p.date {
			font-size: .88em;
			display: inline;
			margin-left: 10px;
			}
		div.feedburnerFeedBlock ul li div {
			display: inline;
			}
		div.feedburnerFeedBlock span.headline {
			font-weight: bold;
			display: block;
			text-indent: 0;
			}
		div.feedburnerFeedBlock ul li {
			margin-bottom: 2em;
			padding-left: 0 !important;
			text-indent: 0 !important;
			}
		div.feedburnerFeedBlock p.enclosure {
			margin-top: 3px;
		}
		div.feedburnerFeedBlock p.enclosure a {
			padding-left: 20px;
			background: url(img/play.gif) no-repeat left center;
			}

.scr {
  overflow: scroll;   /* ƒXƒNƒ[ƒ‹•\ŽúU */
  width: 520px;
  height: 100px;
  background-color: #F6F6F6;
}

/* ƒNƒŒƒWƒbƒgƒoƒi[ */
.banner {
    text-align: left;
    margin-bottom: 5px;

div.hatena-bookmark div.hatena-modulebody {
  height: (600) !important;
}

#YOOPP{ display:none; }