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

/* =====================================================================
*    0. Bace Color
*    ---
*         aguije Green 100%     #41A732
*         aguije Green  70%     #7AC16F
*         aguije Light  40%     #AFD8AC
*         aguije Green  20%     #D9EDD6
*         aguije Green  10%     #ECF6EA
*         aguije Green 200%     #116D0A
*         ---
*         Link BG-Color         #FFFF66
*         Form BG-Color         #FFFFCC
*    ---
*    2.   Contents
*    2.1. Left Area
*    2.2. Center Area
*    2.3. Right Area
*    3.   Footer
*    3.1. Sitemap Area
*    3.2. Footer Area
* =================================================================== */

/* =====================================================================
*
*    2. Center Area
*
* =================================================================== */

/* =====================================================================
*    2.0. Entry Format
* =================================================================== */

.entryMeta    { width: 160px; margin-right: 20px; float: left;}
.entryMeta p  { padding: 9px 0; background: url(../images/bg_dotline.gif) center -4px no-repeat; line-height: 1.8em;}
.entryMeta h5 { padding: 9px 0 0; background: url(../images/bg_dotline.gif) center -4px no-repeat;}
.entryMeta ul.comtb            { border: 1px solid #000; border: 0; padding: 29px 0 7px; background: url(../images/bg_dotline.gif) center -4px no-repeat;}
.entryMeta ul.comtb li         { padding: 0 10px;}
.entryMeta ul.comtb li a       { text-decoration: underline; border: 1px solid #000; border: 0; padding: 24px 2px 2px 26px;}
.entryMeta ul.comtb li.hola a  { background: url(../images/iconHola_W.gif) 2px 2px no-repeat;}
.entryMeta ul.comtb li.tb a    { background: url(../images/icontb.gif) 2px 2px no-repeat;}
.entryMeta ul.comtb li a:hover { background-color: #FFFF66;}
*:first-child+html .entryMeta ul.comtb li.hola a  { padding-left: 30px;}

.entryMeta ul            { padding: 0 0 9px; line-height: 1.4em;}
.entryMeta li            { display: inline;}
.entryMeta #charaBox     { border-top: #41A732 3px solid; padding-top: 4px;}
ul.util                  { padding: 12px 0 3PX; background: url(../images/bg_dotline.gif) center -4px no-repeat;}
ul.util li img           { margin-bottom: 9px;}
ul.util li a:hover       { background: none; }

.twin .entryLead          { width: 300px; float: right; position: relative;}
.twin .entryLead .imgArea { background: url(../images/bg_img.gif) 0 0 repeat; margin-bottom: 5px;}
.entryLead .imgArea p     { margin-right: 1px; padding: 4px 6px; top: 1px; left: 1px; position: absolute; background-color: #FFFFFF; color: #116D0A; line-height: 1.2em;}
.entryLead .imgArea span  { padding-left: 6px; color: #116D0A;}
.entryLead p              { padding-top: 7px; color: #116D0A;}
.entryLead blockquote     { width: 278px; margin: 1.0em 0 0 0; border: 1px solid #7AC16F; padding: 5px 10px; color: #116D0A; background: url(../images/bg_blockquote.gif) bottom right no-repeat; background-color: #FFFFCC; font-style: italic;}
.entryLead a              { text-decoration: underline;}
.entryLead a:hover        { text-decoration: none;}
*html .entryLead blockquote { width: 277px; }

.entryMore                { margin-top: 12px; padding-top: 17px; background: url(../images/bg_dotline.gif) center 0 repeat-x;}
.entryMore h2             { padding: 1.0em 0 0; color: #116D0A;}
.entryMore h3             { padding: 1.4em 0 0 20px; color: #116D0A; background: url(../images/bg_body.gif) 0 bottom no-repeat; font-weight:bold;}
.entryMore p              { margin-bottom: 10px; padding: 1.0em 0 0; color: #116D0A;}
.entryMore p.imgArea      { width: 300px; margin: 0 0 10px 180px; padding: 0; background: url(../images/bg_img.gif) 0 0 repeat;}
.entryMore span.copy      { padding-left: 6px; color: #116D0A;}
.entryMore p.crdArea      { padding: 5px 10px; color: #116D0A; background: url(../images/bg_img.gif) 0 0 repeat;}
.entryMore blockquote     { width: 278px; margin: 1.0em 0 10px 180px; border: 1px solid #7AC16F; padding: 5px 10px; color: #116D0A; background: url(../images/bg_blockquote.gif) bottom right no-repeat; background-color: #FFFFCC; font-style: italic;}
.entryMore ul             { margin: 1.0em 0 10px; border: 1px solid #7AC16F; padding: 5px 10px 5px 25px; background-color: #FFFFCC;}
.entryMore ol             { margin: 1.0em 0 10px; border: 1px solid #7AC16F; padding: 5px 10px 5px 30px; background-color: #FFFFCC;}
.entryMore ul li          { list-style: outside; color: #116D0A; font-style: italic;}
.entryMore ol li          { list-style: outside decimal; color: #116D0A; font-style: italic;}
.entryMore a              { text-decoration: underline;}
.entryMore a:hover        { text-decoration: none;}
*:first-child+html .entryMore p.imgArea  { margin: 0 0 10px 0; border-left: solid #FFF 180px;}
* html .entryMore p.imgArea  { margin: 0 0 10px 0; border-left: solid #FFF 180px;}
*:first-child+html .entryMore blockquote { font-style: normal}
* html .entryMore blockquote { font-style: normal}

		/* arbra navigation */
		.arbra-navi          { margin-top: 50px; border: 1px solid #AFD8AC;}
		.arbra-navi p        { margin-bottom: 0; padding: 3px 10px; color: #116D0A; background: url(../images/bg_img.gif) 0 0 repeat; text-align: center;}
		.arbra-navi dl       { padding-top: 6px; background: url(../images/bg_dotline.gif) center 0 repeat-x;}
		.arbra-navi dl.nonBg { background: none;}
		.arbra-navi dt       { width: 159px; color: #116D0A; float: left; text-align: center;}
		.arbra-navi dd       { width: 299px; padding-left: 20px; float: left;}
		.arbra-navi dd a     { text-decoration: none;}

.entry-foot { margin-top: 12px; padding-top: 17px; background: url(../images/bg_dotline.gif) center 0 repeat-x;}
.entry-foot p.LEFT  { width: 160px; float: left;}
.entry-foot p.RIGHT { width: 300px; float: right; text-align: right;}


/* =====================================================================
*    2.1. Related Information Format
* =================================================================== */

.relatedArea { margin-top: 12px; padding-top: 20px; background: url(../images/bg_dotline.gif) center top repeat-x;}
.relatedArea .left    { width: 160px; border: 1px #000 solid; border: 0; padding: 0; float: left;}
.relatedArea .right   { width: 300px; float: right;}
.relatedArea h3       { padding: 2px 0 4px;}

/*   donate to aguije */
.relatedArea form { padding-bottom: 20px; background: url(../images/bg_dotline_ske.gif) bottom left repeat-x;}



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

.tbArea       { margin-top: 60px; border-top: #41A732 3px solid; padding-top: 20px;}
.tbArea h5    { width: 160px; padding-top: 3px; float: left; }
.tbArea input { width: 292px; height: 18px; margin: 0; border: solid 1px #7AC16F; padding: 4px 0 0 6px; outline-style: none; vertical-align: bottom; background-color:#FFFFCC; 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) 110px 9px no-repeat;}
.tbUnit p     { width: 300px; padding-left: 180px;}
.tbUnit p.RIGHT { text-align: right;}
 
/* =====================================================================
*    2.3. Comment Format
* =================================================================== */

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


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

.commentForm           { width: 480px; 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 90px; padding: 0; float: left; }
.rightKolom            { width: 300px; margin-left: 180px; padding: 0; }
.inputSingleLine input,
textarea               { width: 293px; margin: 3px 0; border: solid 1px #7AC16F; padding: 2px 0 0 5px; outline-style: none; background-color:#FFFFCC; 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 #41A732; padding: 0; outline-style: none; cursor: pointer; text-align: center;}

*:first-child+html .rightKolom { margin: 0;}
* html .leftKolom              { margin-left: 43px;}
* 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 180px; padding-left: 22px;}
label.checkbox_unchecked { background: url(../images/tick-trans.png) -2px -16px no-repeat; display: block; margin: 0 0 0 180px; padding-left: 22px;}

/* Hover State */
label             { color: #7AC16F; cursor: pointer; line-height: 15px; vertical-align: top; }
label:hover       { color: #41A732; cursor: pointer; line-height: 15px; vertical-align: top; }
label.highlighted { border: 1px solid #41A732; }

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

/* =====================================================================
*    2.5. Hatena Comment
* =================================================================== */

#hatena_bookmark_anywhere { margin-top: 15px; padding-top: 17px; background: url(../images/bg_dotline.gif) center 0 repeat-x;}
#hatena_bookmark_anywhere .hatena_bookmark_anywhere_zero { background-color:#ECF6EA; border-top:3px solid #41A732; list-style-position: inside; margin:2px 0 0 0;padding: 8px 5px 12px 8px;}
#hatena_bookmark_anywhere ul { background-color:#ECF6EA; border-top:3px solid #41A732; list-style: outside; margin:2px 0 0 0; padding: 8px 5px 12px 24px;}
#hatena_bookmark_anywhere ul li { list-style-type: circle; padding: 1px 0;}
#hatena_bookmark_anywhere .hatena_bookmark_anywhere_user { text-decoration: underline; margin: 0 2px;}
#hatena_bookmark_anywhere .hatena_bookmark_anywhere_tags { margin: 0 4px 0 2px;}
#hatena_bookmark_anywhere .hatena_bookmark_anywhere_go {}


/* =====================================================================
*    3.1. Webpage Style
* =================================================================== */

.single #center h3 { padding: 20px 0 16px;}

.xxx-large{ font-size: 288%; line-height: 1.6em; }
.xx-large   { font-size: 174%; }

.webpageBody   { padding-top: 34px; background: url(../images/bg_dotline.gif) center 0 repeat-x;}
.webpageMore   { padding-top: 20px;}
h2.bigMsg {}
h3.midMsg {}
*:first-child+html .webpageBody { text-align: justify; text-justify: distribute-all-lines;}
* html .webpageBody { text-align: justify; text-justify: distribute-all-lines;}

.webpageNavi    { padding: 70px 0 50px; }
.webpageNavi ul { border: 1px #000 solid; border: 0; line-height: 1.0em; }
.webpageNavi li { padding: 0 5px; display: inline; border-left: #AFD8AC 1px solid; }
.webpageNavi li.last-obj { padding: 0 3px; display: inline; border-left: #AFD8AC 1px solid; border-right: #AFD8AC 1px solid; }
.webpageNavi li a { padding: 3px 7px 1px;}
.webpageNavi li.last-obj a { padding: 3px 7px 1px 7px; background: none; }
.webpageNavi li.last-obj a:hover { background-position: none; background-color: #FFFF66; }

.index         .webpageNavi li a.index         { color: #FFFF66; background-color: #41A732; }
.contact-us    .webpageNavi li a.contact-us    { color: #FFFF66; background-color: #41A732; }
.ad-on-aguije  .webpageNavi li a.ad-on-aguije  { color: #FFFF66; background-color: #41A732; }
.join-us       .webpageNavi li a.join-us       { color: #FFFF66; background-color: #41A732; }
.mail-magazine .webpageNavi li a.mail-magazine { color: #FFFF66; background-color: #41A732; }
.language      .webpageNavi li a.language      { color: #FFFF66; background-color: #41A732; }

/*        mail-mag input form*/

#mail-magArea { margin-top: 15px; height: 21px;}
#mail-magArea #mail-mag { width: 234px; height: 19px; margin: 0; border: solid 1px #7AC16F; padding: 0 0 0 4px; outline-style: none; vertical-align: bottom; text-align: left; }
#mail-magArea input { width: 56px; height: 21px; outline-style: none; margin: 0 0 0 4px; border: solid 1px #7AC16F; background-color:#FFFFCC; vertical-align: bottom; text-align: center;}
*:first-child+html #mail-magArea input { vertical-align: top; margin-top: 1px; line-height: 1.6em;}
* html #mail-magArea input { vertical-align: top; margin-top: 1px; line-height: 1.6em;}