@charset "UTF-8";
/* CSS Document */

/* =====================================================================
*    0. Bace Color
*    ---
*         (hi!) Yellow          #FFFF00
*         (hi!) Sky Blue        #00A6BF
*         (hi!) Sky Blue 60%    #66CAD9
*         (hi!) Sky Blue 15%    #D7F1F5
*         (hi!) Pink            #FF3366
*    ---
*    2. Contents Column
*    2.1. menu tab navigation
*    2.2. menu page headder
* =================================================================== */

/* =====================================================================
*
*    2. Contents Column
*
* =================================================================== */


/* =====================================================================
*    2.2. Entry List
* =================================================================== */

/* !revised by ONO TAKEHIKO */
.blogcontents-area { width: 460px; overflow: hidden; float: left;}

.blog .blog-index h1 { width: 460px; height: 113px; padding: 75px 0 0; text-align: right;}
.blog .blog-index h2 { width: 460px; border-top: 1px solid #CCCCCC; padding: 25px 0 0; text-align: right; line-height: 1.2em;}
.blog .blog-index p.entry-date { padding: 6px 2px 0; text-align: right;}
	  .blog-index div.entry-meta { padding: 6px 0 10px; text-align: right;}
.blog-index div.entry-body { width: 460px; padding-bottom: 35px;}
p.read-more { padding-top: 20px; text-align: right;}
/*      user archive*/
.blog .blog-index .user-profile h2 { padding-bottom: 10px; text-align: left;}
div.neo-img { background: url(../images/neo.jpg) top right no-repeat;}


/* =====================================================================
*    2.2. Entry Area
* =================================================================== */

.entry-head { height: 113px; padding: 75px 0 0;}
.blog .detail h1 { width: 460px; text-align: right; line-height: 1.2em;}
.blog .detail p.entry-date { padding: 6px 2px 0; text-align: right;}
/**/
.detail div.entry-body { width: 460px;}
div.entry-more { width: 460px; padding: 25px 0 0;}

/* revised by ONO TAKEHIKO */
div.entry-body img,
div.entry-more img { display: none; border: 1px solid #D8D8D8; padding: 4px; }

div.entry-body a,
div.entry-more a { background: #FFFF00; color: #000000;}
/**/
.detail div.entry-meta { padding-top: 30px; text-align: right;}


/* =====================================================================
*    2.2. Trackback Format
* =================================================================== */

.tbArea       { margin-top: 40px; border-top: #CCCCCC 3px solid; padding-top: 20px;}
.tbArea h5    { width: 140px; padding-top: 3px; float: left; }
.tbArea input { width: 292px; height: 18px; margin: 0; border: solid 1px #C5C5C5; padding: 4px 0 0 6px; outline-style: none; vertical-align: bottom; background-color:#F2F2F2; float: right; font-style: italic;}
.tbcomUnit    { margin-top: 17px; padding-top: 17px; background: url(../images/bg_dotline.gif) center 0 repeat-x;}
.tbUnit       { background: url(../images/icontb.gif) 90px 9px no-repeat;}
.tbUnit p     { width: 300px; padding-left: 160px;}
.tbUnit p.RIGHT { text-align: right;}
 
/* =====================================================================
*    2.3. Comment Format
* =================================================================== */

.commentArea           { margin-top: 60px; border-top: #CCCCCC 3px solid; padding-top: 20px;}
.commentArea h5        { }
dl.commentUnit         { width: 300px; padding-left: 160px; background: url(../images/iconHola.gif) 90px 9px no-repeat;}
dl.commentUnit dd      { text-align: right;}
dl.commentUnit dd.LEFT { text-align: left; color: #116D0A;}


/* =====================================================================
*    2.4. Comment Form
* =================================================================== */

.commentForm           { width: 460px; margin-top: 15px; padding-top: 17px; background: url(../images/bg_dotline.gif) center 0 repeat-x;}
.leftKolom             { width: 90px; height: 20px; margin: 3px 0 3px 70px; padding: 0; float: left; }
.rightKolom            { width: 300px; margin-left: 160px; padding: 0; }
.inputSingleLine input,
textarea               { width: 293px; margin: 3px 0; border: solid 1px #C5C5C5; padding: 2px 0 0 5px; outline-style: none; background-color:#F2F2F2; line-height: 1.5em;}
.inputSingleLine input { height: 18px; }
.rightKolomTwo         { margin: 7px 0 0; padding: 0;}
.submitPost input      { background-color:#FFFFFF; width: 90px; height: 22px; margin: 9px 3px 0 0; border: solid 1px #CCCCCC; padding: 0; outline-style: none; cursor: pointer; text-align: center;}

*:first-child+html .rightKolom { margin: 0;}
* html .leftKolom              { margin-left: 23px;}
* html .rightKolom             { margin: 0;}
* html textarea                { margin: 3px 0;}
* html .inputSingleLine input  { margin: 3px 0;}
*:first-child+html .submitPost input { font-size: 100%; letter-spacing: 0.2em; }

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* Checkboxes */
label.checkbox_checked   { background: url(../images/tick-trans.png) -2px 0 no-repeat; display: block; margin: 0 0 0 160px; padding-left: 22px;}
label.checkbox_unchecked { background: url(../images/tick-trans.png) -2px -16px no-repeat; display: block; margin: 0 0 0 160px; padding-left: 22px;}

/* Hover State */
label             { color: #666666; cursor: pointer; line-height: 15px; vertical-align: top; }
label:hover       { color: #FF3366; cursor: pointer; line-height: 15px; vertical-align: top; }
label.highlighted { border: 1px solid #CCCCCC; }

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* STOP EDITTING - DO NOT CHANGE OR REMOVE        */
.crirHidden {
	position: absolute;
	left: -1000px;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

/* =====================================================================
*    2.5. blog navigation
* =================================================================== */
.blognavi-area            { width: 200px; float: right;}
.blognavi-area h5         { width: 200px; height: 180px;}
.blognavi-area h5 a       { width: 200px; height: 180px; background: url(../images/btn_staffblog.gif) 0 -180px no-repeat; display: block;}
.blognavi-area h5 a:hover { background-position: 0 0;}

.li-profile {}
.li-profile p { width: 200px; height: 32px; background: url(../images/blogttl01.gif) no-repeat 0 8px;}
.li-profile ul { padding: 0 4px 8px;}
.li-profile li { padding: 0 4px; float: left;}

.li-entry {}
.li-entry p { width: 200px; height: 32px; background: url(../images/blogttl02.gif) no-repeat 0 8px;}
.li-entry ul { padding: 0 0 8px;}
.li-entry li {}

.li-category {}
.li-category p { width: 200px; height: 32px; background: url(../images/blogttl03.gif) no-repeat 0 8px;}
.li-category ul { padding: 0 0 8px;}
.li-category li {}

.li-comment { padding-bottom: 16px;}
.li-comment p { width: 200px; height: 32px; background: url(../images/blogttl04.gif) no-repeat 0 8px;}
.li-comment ul { padding: 0 0 8px;}
.li-comment li {}

/* =====================================================================
*    2.6. blog comment message
* =================================================================== */

h1.com-mes         { text-align: right; padding: 40px 0 0;}
blockquote.com-mes { text-align: center; padding: 40px 0 0;}
p.com-mes          { text-align: center; padding: 40px 0 0;}