/*
-------------------------------------

Takara Leben recruit blog css


--- data: media => all
          file name => master.css
          tested browsers => FF1.5, IE6, NN7.2, Safari 2
    
--- File structure:
      1/ Reset Rules
      2/ Main Layout
      3/ Contents
            > Navigation
            > Sub-navigation
            > Posts
            > Posts > Title
            > Posts > Title > Corners
            > Posts > Post-data
            > Posts > Post-data > Comments
            > Posts > Post-data > Comments > Form
            > Posts > Post-data > Trackbacks
            > Profiles
            > Profiles > User-data
                  
      3/ Sub-contents
            > Tab
            > Tab > Profiles
            > Tab > Toggles
            > Tab > Toggles > Categories
            > Tab > Toggles > Recent posts
            > Tab > Categories
            > Tab > Recent posts
            > Calendar
            > Calendar > Navigation
            > Calendar > Months
            > Calendar > Days
            > Others > Search
            > Others > QR code
            > Others > RSS button
      4/ Clears

--- SubFolders structure
      ~/images/
      ~/images/borders/         borders & backgounds
      ~/images/calendar/        calendars images
      ~/images/contents/        contents images
      ~/images/icons/           icons
      ~/images/others/          sub contents others titles & backgrounds
      ~/images/tab/             sub contents tabs images

-------------------------------------
*/

/*
================================
 1/ Reset rules (@_1)
================================
*/
*{ margin:0; padding:0; }
img{ border:none; vertical-align:bottom; }
li{ list-style:none; }
hr{ display:none; }
body{ font-size:12px; line-height:1.5; background:#f0f1f3 url(images/borders/body-bg.gif) 0 0 repeat-x; color:#666; }
h1,h2,h3,h4,h5{ font-size:1em; }
a:focus{ overflow:hidden; }
a{ color:#a70008; text-decoration:none; }
a:hover{ text-decoration:underline; }
table{ font-size:1em; }

/*
================================
 2/ Main Layout
================================
*/
#holder{ margin-left:20px; margin-top:77px; width:790px; }
#holder h1{ display:block; width:293px; height:369px; position:absolute; top:0; left:1px; z-index:5; background:url(images/contents/title.jpg); }
#holder h1 img{ position:relative; top:121px; left:20px; }
#holder #logo{ position:absolute; top:31px; left:699px; }
#holder #contents{ width:508px; float:right; background:#fff url(images/borders/contents-bg.gif) 0 0 repeat-y; }
#holder #sub-contents{ width:273px; margin-top:258px; float:left; }
#holder #footer{ clear:both; text-align:center; padding-top:34px; _padding-top:15px; background:url(images/borders/footer-shadow.gif) 0 18px repeat-x; }

/*
================================
 3/ Contents
================================
*/
#holder #contents #page-top{ height:10px; background:url(images/borders/contents-bottom.gif) right bottom no-repeat; text-indent:-9999px; }
/* > Navigation */
#holder #contents #navigation{ height:27px; background:url(images/borders/main-navi-bottom.gif) 0 0 no-repeat; }
#holder #contents #navigation li{ float:left; }
#holder #contents #navigation li a{ display:block; width:150px; height:23px; background:url(images/contents/navigation.gif); text-indent:-9999px; }
#holder #contents #navigation li#top a{ width:165px; margin-right:5px; }
#holder #contents #navigation li#top a:hover{ background-position:0 -22px; }
#holder #contents #navigation li#entry a{ background-position:-171px 0px; width:165px; margin-right:7px; }
#holder #contents #navigation li#entry a:hover{ background-position:-171px -22px; }
#holder #contents #navigation li#add-to-favorites a{ background-position:-343px 0px; width:165px; }
#holder #contents #navigation li#add-to-favorites a:hover{ background-position:-343x -22px; }
/* > Sub-navigation (back-next) */
#holder #contents #sub-navigation{ display:inline; width:74px; height:18px; float:right; background:url(images/contents/sub-navigation-off.gif); margin-top:-4px; margin-right:18px; }
#holder #contents #sub-navigation li { width:37px; height:18px; }
#holder #contents #sub-navigation li.previous { float:left; }
#holder #contents #sub-navigation li.next { float:right }
#holder #contents #sub-navigation li a{ display:block; width:37px; height:18px; background:url(images/contents/sub-navigation.gif); text-indent:-9999px; }
#holder #contents #sub-navigation li.next a{ background-position:-37px 0; }
/* > Posts */
#holder #contents .post{ margin:15px 17px; _height:1%; }
#holder #contents .post p{ margin-bottom:1em; }
#holder #contents .post hr{ display:block;
margin:-0.5em 0 0.5em 0; color#fff;
background-color#666; border.1px solid #666;
border-width:1px 0 0 0; }
#holder #contents .post .read-more{ text-align:right; }
/* > Posts > Title */
#holder #contents .post h2{ font-size:1.5em; color:#a70008; line-height:36px; margin-bottom:20px; }
#holder #contents .post h2 .date{ display:block; position:relative; font-size:12px; background:#c40009 url(images/borders/date-bottom.gif) 0 bottom repeat-x; color:#fff; float:left; line-height:1; padding:5px; margin-right:0.7em; }
#holder #contents .post h2 .date .month{ font-size:0.8em; display:block; font-weight:normal;}
#holder #contents .post h2 .date .day{ padding-left:0.5em; font-size:1.6em; display:block; }
/* > Posts > Title > Corners (javascript round corners) */
#holder #contents .post h2 .date span.corner-tl{ font-size:0; line-height:0; display:block; position:absolute; top:0; left:0; width:5px; height:5px; background:url(images/borders/date-corner-tl.gif) 0 0 no-repeat; }
#holder #contents .post h2 .date span.corner-tr{ font-size:0; line-height:0; display:block; position:absolute; top:0; right:0; width:5px; height:5px; background:url(images/borders/date-corner-tr.gif) 0 0 no-repeat; }
#holder #contents .post h2 .date span.corner-bl{ font-size:0; line-height:0; display:block; position:absolute; bottom:0; _bottom:-1px; left:0; width:5px; height:5px; background:url(images/borders/date-corner-bl.gif) 0 0 no-repeat; }
#holder #contents .post h2 .date span.corner-br{ font-size:0; line-height:0; display:block; position:absolute; bottom:0; _bottom:-1px; right:0; width:5px; height:5px; background:url(images/borders/date-corner-br.gif) 0 0 no-repeat; }
/* > Posts > Post-data */
#holder #contents .post .post-data{ background-color:#f0f1f3; border-bottom:1px solid #f0f1f3; _height:1%; }
#holder #contents .post .post-data .info{ padding:0 11px; line-height:1.9; margin-bottom:0; }
/* > Posts > Post-data > Comments */
#holder #contents .post .post-data #comments{ border-left:3px solid #d5d7dd; font-size:0.8em; letter-spacing:1px; padding:7px 11px 11px 8px; margin:12px 0; _height:1%; }
#holder #contents .post .post-data #comments h3{ background:url(images/contents/comment-title.gif) 0 0 no-repeat; text-indent:-9999px; height:11px; margin-bottom:0.5em; }
#holder #contents .post .post-data #comments .comments{ margin-left:12px; line-height:2; }
/* > Posts > Post-data > Comments > Form */
#holder #contents .post .post-data #comments #comments_form{ background-color:#fff; padding:0.5em 1em; }
#holder #contents .post .post-data #comments #comments_form #regist-adress dt{ float:left; height:2.5em; line-height:2.5em; }
#holder #contents .post .post-data #comments #comments_form #regist-adress dd{ height:2.5em; line-height:2.5em; }
#holder #contents .post .post-data #comments #comments_form #regist-adress dd input{ vertical-align:text-bottom; _vertical-align:middle; margin:0 0.1em 0 0.8em; }
#holder #contents .post .post-data #comments #comments_form #comment-data dt{ width:5em; pline-height:2.5em; }
#holder #contents .post .post-data #comments #comments_form #comment-data dd{ margin:-1.5em 0 0 5em; pline-height:2.5em; margin-bottom:5px;}
#holder #contents .post .post-data #comments #comments_form #comment-data input{ vertical-align:center; background-color:#f5f5f7; border:1px solid #d5d7dd; display:inline; font-size:1em; width:200px; padding:2px; }
#holder #contents .post .post-data #comments #comments_form #comment-data textarea{ width: 200px; height:100px; background-color:#f5f5f7; border:1px solid #d5d7dd; font-size:1em; padding:2px; }
#holder #contents .post .post-data #comments #comments_form #comment-data .text{ height:auto; }
#holder #contents .post .post-data #comments #comments_form #comment_submit{ margin:0 0 0 3.8em; _margin-left:5em; }
/* > Posts > Post-data > Trackbacks */
#holder #contents .post .post-data #trackbacks{ border-left:3px solid #d5d7dd; font-size:0.8em; letter-spacing:1px; padding:7px 11px 6px 8px; margin-bottom:14px; }
#holder #contents .post .post-data #trackbacks h3{ background:url(images/contents/trackback-title.gif) 0 0 no-repeat; text-indent:-9999px; height:11px; margin-bottom:1em; _height:1%; }
#holder #contents .post .post-data #trackbacks #trackback-url{ background-color:#fff; padding:6px 12px; letter-spacing:0; margin-bottom:0.8em; }
#holder #contents .post .post-data #trackbacks .trackbacks{ line-height:2; margin-bottom:0.3em; margin-left:12px; }
#holder #contents .post .post-data #trackbacks .trackbacks .read-more{ line-height:1; margin-bottom:0; }

/* > Profiles */
#holder #contents #profiles{ margin:15px 17px; padding-bottom:1em; _height:1%; }
#holder #contents .post #profiles{ margin:0; padding:0; }/* added 20061110 */
#holder #contents #profiles h2{ background:url(images/contents/profiles-title.gif) 0 0 no-repeat; text-indent:-9999px; height:56px; }
#holder #contents #profiles .profile{ background:url(images/borders/dot-gray.gif) left bottom repeat-x; padding:18px 0; }
#holder #contents .post #profiles .profile{ background:none; padding:0; }/* added 20061110 */
#holder #contents #profiles .profile .avatar{ width:150px; float:left; }
/* > Profiles > User-data */
#holder #contents #profiles .profile .user-data{ margin-left:153px; }
#holder #contents #profiles .profile .user-data h3{ _height:1%;min-height:25px; line-height:25px; padding-left:33px; font-size:1.3em; background:url(images/icons/user-undefined.gif) left center no-repeat; margin-bottom:0.5em; }
#holder #contents #profiles .profile .user-data h3.male{ background-image:url(images/icons/user-male.gif); }
#holder #contents #profiles .profile .user-data h3.female{ background-image:url(images/icons/user-female.gif); }
#holder #contents #profiles .profile .user-data dl{ margin-bottom:1em; }
#holder #contents #profiles .profile .user-data dl dt{ float:left; width:5em; margin-bottom:0.3em; }
#holder #contents #profiles .profile .user-data dl dd{ margin-left:4em; margin-bottom:0.3em; }

/*
================================
 4/ Sub-contents
================================
*/
/* > Tab */
#holder #sub-contents #tab{ margin:0 0 6px 21px; position:relative; background:#a70008; color:#fff; height:_1%; }
/* > Tab > Profiles */
#holder #sub-contents #tab #main-toggle{ position:absolute; top:0; left:-20px; float:left; width:272px; height:240px; background:url(images/tabs/profile.gif); text-indent:-9999px; }
#holder #sub-contents #tab #profiles-tab{ position:relative; z-index:2; padding:34px 0 0 27px; }
#holder #sub-contents #tab #profiles-tab li{ text-align:center; width:70px; float:left; margin-bottom:5px; }
#holder #sub-contents #tab #profiles-tab li .user-name{ font-size:0.8em; line-height:1; height:2.5em; margin-top:0.3em; }
/* > Tab > Toggles */
#holder #sub-contents #tab .tabs-holder{ position:relative; border-top:1px solid #ae0008; padding-bottom:5px; background:url(images/tabs/tab-holder-bottom.gif) right bottom no-repeat; }
#holder #sub-contents #tab .tabs-holder .toggles{ position:absolute; top:0; left:-17px; }
#holder #sub-contents #tab .tabs-holder .toggles h2 a{ display:block; width:31px; height:94px; }
/* > Tab > Toggles > Categories */
#holder #sub-contents #tab .tabs-holder .toggles #categories-toggle h2{ position:absolute; top:0; left:0; width:264px; height:94px; background:url(images/tabs/categories-off.gif); text-indent:-9999px; }
#holder #sub-contents #tab .tabs-holder .toggles #categories-toggle.active h2{ background:url(images/tabs/categories-on.gif); }
#holder #sub-contents #tab .tabs-holder .toggles #categories-toggle.active h2 a:hover{ background:url(images/tabs/categories-hover.gif); }
#holder #sub-contents #tab .tabs-holder .toggles #categories-toggle h2 a:hover{ background:url(images/tabs/categories-hover-inactive.gif); }
/* > Tab > Toggles > Recent posts */
#holder #sub-contents #tab .tabs-holder .toggles #recent-posts-toggle h2{ position:absolute; top:97px; left:0; width:264px; height:94px; background:url(images/tabs/recent-posts-off.gif); text-indent:-9999px;}
#holder #sub-contents #tab .tabs-holder .toggles #recent-posts-toggle.active h2{ background:url(images/tabs/recent-posts-on.gif); }
#holder #sub-contents #tab .tabs-holder .toggles #recent-posts-toggle.active h2 a:hover{ background:url(images/tabs/recent-posts-hover.gif); }
#holder #sub-contents #tab .tabs-holder .toggles #recent-posts-toggle h2 a:hover{ background:url(images/tabs/recent-posts-hover-inactive.gif); }
/* > Tab > Categories */
#holder #sub-contents #tab .tabs-holder #categories-tab{ background:#fcfcfc url(images/tabs/on-bottom.gif) left bottom no-repeat; min-height:182px; _height:182px; position:relative; z-index:2; margin:20px 5px 0 14px; padding:0 0 10px 15px; border-right:1px solid #940008; }
#holder #sub-contents #tab .tabs-holder #categories-tab ul{ padding-right:13px; }
#holder #sub-contents #tab .tabs-holder #categories-tab ul li{ font-size:1.2em; color:#a70008; font-weight:bold; background:url(images/borders/dot-gray.gif) left bottom repeat-x; _height:1%; }
#holder #sub-contents #tab .tabs-holder #categories-tab ul li.last-item{ background:none; }
#holder #sub-contents #tab .tabs-holder #categories-tab ul li a{ padding-left:19px; background:url(images/icons/bullet-plus.gif) 3px center no-repeat; }
#holder #sub-contents #tab .tabs-holder #categories-tab ul li a:hover{ text-decoration:none; }
#holder #sub-contents #tab .tabs-holder #categories-tab ul li.active a{ background-image:url(images/icons/bullet-minus.gif) }
#holder #sub-contents #tab .tabs-holder #categories-tab ul li ul{ display:none; }
#holder #sub-contents #tab .tabs-holder #categories-tab ul li.active ul{ display:block; padding-bottom:0.5em; }
#holder #sub-contents #tab .tabs-holder #categories-tab ul li.active ul li{ font-weight:normal; padding-left:19px; background:none; line-height:1; }
#holder #sub-contents #tab .tabs-holder #categories-tab ul li.active ul li a{ font-weight:normal; padding-left:10px; background:url(images/icons/bullet-arrow.gif) left center no-repeat; font-size:0.6em; line-height:1.5em; }
/* > Tab > Recent posts */
#holder #sub-contents #tab .tabs-holder #recent-posts-tab{ background:url(images/tabs/on-bottom.gif) left bottom no-repeat; min-height:182px; _height:182px; position:relative; z-index:2; background-color:#fff; margin:0 5px 0 14px; padding:0 0 10px 15px; border-right:1px solid #940008; margin-top:20px; }
#holder #sub-contents #tab .tabs-holder #recent-posts-tab ul{ padding-right:13px; }
#holder #sub-contents #tab .tabs-holder #recent-posts-tab ul li{ color:#a70008; background:url(images/borders/dot-gray.gif) left bottom repeat-x; line-height:2; _height:1%; }
#holder #sub-contents #tab .tabs-holder #recent-posts-tab ul li.last-item{ background:none; }
#holder #sub-contents #tab .tabs-holder #recent-posts-tab ul li a{ background:url(images/icons/bullet-arrow.gif) left center no-repeat; padding-left:13px; margin-left:7px; }

/* > Calendar */
#holder #sub-contents #calendar a{ color:#666; }
/* > Calendar > Navigation */

#holder #sub-contents #calendar .navigation { position:absolute; left:49px; top:22px; width:18px; height:11px; background:url(images/calendar/navigation-off.gif); }
#holder #sub-contents #calendar .navigation a{ float:left; background:url(images/calendar/navigation.gif); display:block; height:11px; width:9px; text-indent:-9999px; _line-height:11px; font-size:11px; }
#holder #sub-contents #calendar .navigation .previous{ float:left; width:9px; }
#holder #sub-contents #calendar .navigation .next{ float:right; width:9px; background-position:-9px 0; }
#holder #sub-contents #calendar{ background:#fff url(images/calendar/center.gif) 0 0 repeat-y; position:relative; margin-bottom:0.5em; _height:1%; }
#holder #sub-contents #calendar dt{ background:url(images/calendar/top.gif) 0 0 no-repeat; height:40px; }
#holder #sub-contents #calendar dd{ background:url(images/calendar/bottom.gif) 0 bottom no-repeat; padding-bottom:0.8em; }
/* > Calendar > Months */
#holder #sub-contents #calendar.m01 .month{ background-image:url(images/calendar/01.gif); }
#holder #sub-contents #calendar.m02 .month{ background-image:url(images/calendar/02.gif); }
#holder #sub-contents #calendar.m03 .month{ background-image:url(images/calendar/03.gif); }
#holder #sub-contents #calendar.m04 .month{ background-image:url(images/calendar/04.gif); }
#holder #sub-contents #calendar.m05 .month{ background-image:url(images/calendar/05.gif); }
#holder #sub-contents #calendar.m06 .month{ background-image:url(images/calendar/06.gif); }
#holder #sub-contents #calendar.m07 .month{ background-image:url(images/calendar/07.gif); }
#holder #sub-contents #calendar.m08 .month{ background-image:url(images/calendar/08.gif); }
#holder #sub-contents #calendar.m09 .month{ background-image:url(images/calendar/09.gif); }
#holder #sub-contents #calendar.m10 .month{ background-image:url(images/calendar/10.gif); }
#holder #sub-contents #calendar.m11 .month{ background-image:url(images/calendar/11.gif); }
#holder #sub-contents #calendar.m12 .month{ background-image:url(images/calendar/12.gif); }
/* > Calendar > Days */
#holder #sub-contents #calendar .entry{ text-decoration:underline; }
#holder #sub-contents #calendar a.entry:hover{ text-decoration:none; }
#holder #sub-contents #calendar .sunday{ background-image:url(images/calendar/sunday.gif); }
#holder #sub-contents #calendar .monday{ background-image:url(images/calendar/monday.gif); }
#holder #sub-contents #calendar .tuesday{ background-image:url(images/calendar/tuesday.gif); }
#holder #sub-contents #calendar .wednesday{ background-image:url(images/calendar/wednesday.gif); }
#holder #sub-contents #calendar .thursday{ background-image:url(images/calendar/thursday.gif); }
#holder #sub-contents #calendar .friday{ background-image:url(images/calendar/friday.gif); }
#holder #sub-contents #calendar .saturday{ background-image:url(images/calendar/saturday.gif); background-position:0.4em center; }
#holder #sub-contents #calendar table{ float:right; border-collapse:collapse; width:229px; margin:0 1px 10px 0; }
#holder #sub-contents #calendar table thead th{ text-indent:-9999px; height:14px; width:32px; background:#f0f1f3 url(images/calendar/sunday.gif) center center no-repeat; line-height:14px; }
#holder #sub-contents #calendar table tbody td{ padding:0 8px; line-height:1; padding-top:0.8em; }
#holder #sub-contents #calendar table tbody td.last-item{ padding-right:1.4em; }
#holder #sub-contents #calendar table .holiday,
#holder #sub-contents #calendar table .holiday a{ color:#c40009; }
#holder #sub-contents #calendar table strong{ color:#111; }
#holder #sub-contents #calendar .month{ display:block; width:44px; height:43px; position:absolute; top:11px; left:1px; background:url(images/calendar/january.gif) 0 0 no-repeat; text-indent:-9999px }

/* > Others > Search */
#holder #sub-contents #others #search{ width:134px; height:82px; background:url(images/others/search-bg.gif) 0 0 no-repeat; padding-top:1px; }
#holder #sub-contents #others #search *{ margin-left:8px; }
#holder #sub-contents #others #search label{ display:block; width:72px; height:11px; background:url(images/others/search-title.gif) 0 0 no-repeat; text-indent:-9999px; margin:10px 8px; line-height:11px; font-size:11px; }
#holder #sub-contents #others #search input{ margin-bottom:5px; }
#holder #sub-contents #others #search #search-string{ width:110px; background-color:#f5f5f7; border:1px solid #d5d7dd; }
/* > Others > QR code */
#holder #sub-contents #others #qr-code{ float:right; width:134px; height:115px; background:url(images/others/qrcode-bg.gif) 0 0 no-repeat; padding-top:1px; }
#holder #sub-contents #others #qr-code dt{ width:52px; height:11px; background:url(images/others/qrcode-title.gif) 0 0 no-repeat; text-indent:-9999px; margin:10px 8px 5px 8px; line-height:11px; font-size:11px; }
#holder #sub-contents #others #qr-code dd{ border:1px solid #d5d7dd; background-color:#f5f5f7; padding:10px 0; margin:0 8px; text-align:center; }
/* > Others > RSS button */
#holder #sub-contents #others #rss-button{ display:block; width:134px; height:28px; background:url(images/others/rss-button.gif) 0 0 no-repeat; text-indent:-9999px; margin-top:4px; _margin-top:3px; }
#holder #sub-contents #others #rss-button:hover{ background-position:0 -28px; }

/*
================================
 4/ Clears
================================
*/
#holder #contents h2:after,
#holder #sub-contents #tab #profiles-tab:after,
#holder #sub-contents #calendar dd:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

#holder #contents h2,
#holder #sub-contents #tab #profiles-tab,
#holder #sub-contents #calendar dd{ display:inline-block; }

/* Hides from IE-mac \*/
#holder #contents h2,
#holder #sub-contents #tab #profiles-tab,
#holder #sub-contents #calendar dd{ display:block; }
#holder #contents h2,
#holder #sub-contents #tab #profiles-tab,
#holder #sub-contents #calendar dd{ _height:1%; }
/* End hide from IE-mac */


/* 2007.11.07 added ---------------------------- 
*/

#comment-button{
width:78px;
height:18px;
margin:0 0 0 47px;
padding:0;
background-color:#000;
border:none;
background:url(http://www.leben.co.jp/blog/recruit/images/forms/post-comment-button.gif);
cursor:pointer;
font-size:0;
/* properties for IE6 */
color:#292929;
text-align:left;
text-indent:1px;
}