/* Base Weblog (base-weblog.css) */

/* basic elements */

html {
   margin: 0;
   padding: 0;
}

body {
   margin: 0;
   padding: 0;
   font-family: Vardana, Arial, sans-serif;
   font-size: 10pt;
   line-height: 125%;
   text-align: center; /* center on ie */
}

form, input { margin: 0; padding: 0; }
a { text-decoration: underline; }
a img { border: 0; }

a#white { color: white; }
a#black { color: black; }


h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote {
   margin-top: 10px;
   margin-bottom: 10px;
}

h1 {
   margin-top: 8px;
   margin-bottom: 4px;
   font-size: 7pt;
   line-height: 120%;
   color: #777;
}

h2 {
   position: absolute;
   top: 60px;
   left: 20px;
   font-size: 21pt;
   line-height: 120%;
}

h3 {
   position: absolute;
   top: 100px;
   left: 20px;
   font-size: 10pt;
   line-height: 120%;
}


div, td, th {
   font-size: 10pt;
   line-height: 125%;
}


/* standard helper classes */

.clr {
   clear: both;
   overflow: hidden;
   width: 1px;
   height: 1px;
   margin: 0 -1px -1px 0;
   border: 0;
   padding: 0;
   font-size: 0;
   line-height: 0;
}

.clr-both {
   clear: both;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
   height: 0.1px;
   font-size: 0.1em;
   line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */


/* page layout */


#container {
   position: relative;
   width: 800px; /* 800px */
   margin: 0 auto; /* center on everything else */
   padding: 0;
   margin-bottom: 20px;
   text-align: left;
   background: #fff;
}

#container-inner {
   position: static;
   margin: 0;
   padding: 0;
}

#banner {
   position: relative;
   width: 800px;
   height: 159px;
   margin-bottom: 20px;
}

#banner-inner {
   position: static;
   margin: 0;
   padding: 0;
   background-color: #ffcc00;
   background-repeat: no-repeat;
   width: 800px;
   height: 159px;
}

#pagebody {
   position: relative;
}

#pagebody-inner {
   position: static;
   margin: 0;
   padding: 0;
   width: 800px; /* 800px */
}

#footer {
   position: relative;
   clear: both;
}
#footer-inner {
   position: static;
   margin: 0;
   margin-top: 3px;
   padding: 0;
   padding-top: 12px;
   background-color: #228B22;
   text-align: center;
   width: 800px;
   height: 24px;
   line-height: 150%;
   color: #fff;
}

#top_left {
   position: relative;
   float: left;
   width: 222px;
/*   width: 534px;*/
/*   height: 562px;*/
/*   background-color: #eee;*/
}

#top_right {
   position: relative;
   float: right;
   width: 574px;
/*   width: 262px;*/
/*   height: 562px;*/
}

#top_left_pict {
   position: relative;
   width: 100%;
   height: 378px;
   background-color: #ddd;
   background-image: url(images/top.jpg);
   background-repeat: no-repeat;
}

#top_left_pict_text {
   position: absolute;
   top: 16px;
   left: 16px;
   width: 230px;
   height: 378px;
}

#top_left_info {
   position: relative;
   width: 100%;
/*   height: 183px;*/
   background-color: #fff;
}

#top_simbol {
   position: relative;
   margin: 0 0 0 0;
   padding: 0;
   width: 100%;
   height: 126px;
/*   background-color: #228B22;*/
}

#top_header {
   position: relative;
   margin: 0;
   padding: 0;
   width: 574px;
   height: 120px;
   background-color: #228B22;
}

#top_right_bar {
   position: relative;
   margin: 0 0 3px 0;
   padding: 0;
   width: 100%;
   min-height: 28px;
   background-color: #228B22;
}

#top_right_new_item {
   position: relative;
   margin: 0 0 3px 0;
   padding: 0;
   width: 100%;
/*   height: 166px;*/
   background-color: #fff;
}

#top_right_new_blog {
   position: relative;
   margin: 0 0 3px 0;
   padding: 0;
   width: 100%;
/*   height: 150px;*/
   background-color: #fff;
}

#link_banner {
	margin-bottom: 4px;
	border: 1px solid #228B22;
}

#top_simbol-inner,
#top_header-inner,
#top_left-inner, #top_right-inner,
#top_left_pict-inner, #top_left_info-inner,
#top_right_bar-inner, #top_right_new_item-inner, #top_right_new_blog-inner,
#top_left_info_saijiki-inner, #top_left_info_saijiki_main-inner, #top_left_info_saijiki_event-inner
{
   position: static;
   margin: 0;
   padding: 0;
}

#top_left_info-inner {
   padding: 12px;
}

#top_left_info_saijiki-inner {
   padding: 3px;
}

#top_left_info_saijiki_main-inner, #top_left_info_saijiki_event-inner {
   padding: 3px;
   padding-left: 6px;
   color: #fff;
}

#top_right_bar-inner, #top_right_new_item-inner, #top_right_new_blog-inner {
   padding: 6px 3px 0 8px;
}

#top_right_bar-inner {
   color: #fff;
}

#top_right_button-inner {
   padding: 2px 0 0 0;
   color: #fff;
}

#katsurao_web_studio {
	margin: 0 0 12px 0;
	padding: 12px;
	border: 5px dotted #FF6699;
}




#left {
   position: relative;
   float: left;
   margin: 0;
   padding: 0;
   width: 200px;
   background-color: #228B22;
}

#right {
   position: relative;
   float: right;
   margin: 0;
   padding: 0;
   width: 600px;
   background-color: #fff;
}


#left-inner, #right-inner {
   padding: 3px 6px 3px 6px;
   color: #fff;
   text-align: left;
}

ul#side_menu {
   margin-left: 22px;
}

ul#side_menu li {
   margin-left: 0;
   margin-bottom: 20px;
   line-height: 130%;
}

















#wrapper {
   position: relative;
   float: left;
   width: 730px;
}


#sidebar_left {
   position: relative;
   float: left;
   width: 170px;
   background: #fff0ae;
}

#sidebar_right {
   position: relative;
   float: right;
   width: 170px;
   background: #ccc;
}

#contents {
   position: relative;
   float: right;
   width: 560px;
   margin: 0;
   padding: 0;
}

#sidebar_right-inner, #sidebar_left-inner, #contents-inner {
   position: static;
   margin: 0;
   padding: 0;
}

#sidebar_left_title, #sidebar_right_title {
   position: relative;
}

#sidebar_left_title-inner, #sidebar_right_title-inner {
   position: static;
   margin: 0;
   padding: 0;
   padding-top: 3px;
   text-align: center;
   width: 170px;
   height: 23px;
   background-color: #ffcc00;
   font-size: 10pt;
}

#sidebar_right_title-inner {
   background-color: #999;
}

#sidebar_left_contents, #sidebar_right_contents {
   position: relative;
}

#sidebar_left_contents-inner, #sidebar_right_contents-inner {
   position: static;
   margin: 8px 0 8px 16px;
   padding: 0;
   text-align: left;
   width: 133px;
}

#td_photo {
   width: 128px;
   height: 128px;
   text-align: center;
   font-size: 8pt;
   color: #000;
   background-color: #fff;
}

#td_title {
   text-align: left;
   font-size: 8pt;
   color: #000;
   background-color: #aaa;
}

#td_contents {
   text-align: left;
   font-size: 8pt;
   color: #000;
}


#my_photo {
   position: relative;
   margin: 3px 0 3px 20px;
   padding: 0;
   width: 118px;
   height: 118px;
   background-color: #fff;
}

#my_photo-inner {
   position: static;
   margin: 0;
   padding: 0;
}

#profile_item_title_box {
   position: relative;
   margin: 10px 0 0 12px;
   padding: 0;
   width: 130px;
}

#profile_item_box {
   position: relative;
   margin: 0 0 2px 12px;
   padding: 0;
   width: 130px;
}

#profile_item_title_box-inner, #profile_item_box-inner {
   position: static;
   margin: 0;
   padding: 3px;
   font-size: 8pt;
   line-height: 120%;
}

#profile_item_title_box-inner {
   background-color: #ccc;
}

#profile_item_box-inner {
   background-color: #fff0ae;
}

#profile_line {
   position: relative;
   margin: 0 0 6px 0;
   padding: 0;
   width: 100%;
}

#profile_line-inner {
   position: static;
   margin: 0;
   padding: 0;
}

#profile_line_title {
   position: relative;
   float: left;
   margin: 0;
   padding: 0;
   width: 27%;
   background-color: #ffcc00;
}

#profile_line_title-inner {
   position: static;
   margin: 0;
   padding: 3px 0 3px 3px;
   font-size: 8pt;
   line-height: 120%;
}

#profile_line_item {
   position: relative;
   float: right;
   margin: 0;
   padding: 0;
   width: 71%;
   background-color: #fff0ae;
}

#profile_line_item-inner {
   position: static;
   margin: 0;
   padding: 3px 0 3px 3px;
   font-size: 8pt;
   line-height: 120%;
}



ul#left_menu {
   margin-top: 0;
   margin-left: 1em;
   margin-bottom: 0;
   padding-top: 0;
   padding-left: 3px;
   padding-bottom: 0;
}

ul#left_menu li {
   list-style-type: square;
}

ul#left_menu a {
   color: #000;
   text-decoration: underline;
   font-size: 8pt;
   line-height: 150%;
}

#icon_box {
   position: relative;
   margin: 0;
   padding: 0;
}

#icon_box-inner {
   position: static;
   margin: 0;
   padding: 0;

/*   border: 1px solid #000;*/
}

#icon_box_59_with_name {
   position: relative;
   float: left;
   width: 59px;
   margin: 0;
   margin-top: 8px;
   margin-left: 3px;
   margin-right: 2px;
   padding: 0;
}

#icon_box_59_with_name-inner {
   position: static;
   margin: 0;
   padding: 0;
}

#photo_box {
   display: block;
   padding: 0;
   margin: 0;
}

#icon_name {
   width: 59px;
   margin: 0;
   padding: 0;
   padding-top: 3px;
   font-size: 8pt;
   line-height: 100%;
}


#one_item_box_no_line {
   position: relative;
   margin: 0;
   margin-bottom: 12px;
   padding: 0;
   width: 500px;
}

#one_item_box_no_line_2 {
   position: relative;
   margin: 0;
   margin-bottom: 12px;
   padding: 0;
}

#one_item_box_with_line {
   position: relative;
   margin: 0;
   margin-bottom: 12px;
   padding: 0;
   width: 498px;
   border: 1px solid #717171;
}

#one_item_box-inner {
   position: static;
   margin: 0;
   padding: 0;
}

#one_item_box_margin_6-inner {
   position: static;
   margin: 8px 6px 6px 6px;
   padding: 0;
   text-align: left;
}

#item_box_header {
   position: relative;
   margin: 0;
   margin-bottom: 0px;
   padding: 0;
   width: 500px;
   height: 23px;
   background-color: #ffcc00;
}

#item_box_header-inner {
   position: static;
   margin: 0;
   margin-bottom: 0px;
   padding: 0;
   padding: 3px 0px 0px 10px;
   text-align: left;
}

#item_box_contents {
   margin: 0;
   padding: 8px 6px 6px 6px;
}























#calender_header {
   text-align: center;
   border-bottom: 1px dotted #000;
}

#calender_weekly_line, #calender_day_line {
   padding: 3px 0px 3px 0px;
   text-align: center;
}

#calender_weekly_item, #calender_day_item {
   width: 19px;
   float: left;
   text-align: center;
}

#calender_footer {
   border-bottom: 1px dotted #000;
}

#prev_nav_mini, #next_nav_mini {
   display: block;
   margin-top: 3px;
   margin-bottom: 3px;
   margin-right: 0px;
   padding-top: 2px;
   padding-bottom: 0px;
   font-size: 8pt;
}

#prev_nav_mini {
   padding-left: 0px;
   float: left;
}

#next_nav_mini {
   padding-right: 0px;
   float: right;
}

#menu_item_box {
   margin: 0;
   margin-bottom: 8px;
   padding: 0;
   text-align: center;
}




/* basic page elements */

/* page layout */

#titlenav {
   margin: 0;
   padding: 0;
   display: block;
   width: 172px;
   height: 22px;
}

#subtitlenav {
   margin: 0;
   padding: 0;
   display: block;
   width: 172px;
   height: 28px;
}


#two_item_box {
   margin: 0;
   margin-left: 13px;
   margin-top: 22px;
   padding: 0;
   display: block;
   width: 563px;
   border: 1px solid #fff;
}

#dialy_box {
   margin-left: 36;
   padding: 0;
   width: 480px;;
   background: #fff;
   border: 1px solid #666;
}

#dialy_box_header {
   margin: 0;
   padding: 6px 3px 3px 8px;
   width: 100%;
   background: #666;
   color: #fff;
}

#dialy_box_contents {
   margin: 0;
   padding: 10px 10px 10px 8px;
   width: 100%;
   background: #fff;
   line-height: 150%;
}

#dialy_box_commnter {
   border: 1px solid #fff;
   float: right;
   font-size: 12px;
   line-height: 13px;
}

#inner_four_items_box {
   font-size: 12px;
   line-height: 13px;
   float: left;
   width: 130px;
}

#inner_two_items_box {
   font-size: 12px;
   line-height: 13px;
   float: left;
   width: 260px;
}

#thumnail_pic {
   border: 1px solid #666;
}

#item_sepalator {
   clear: both;
   margin-bottom: 6px;
   width: 100%;
   border-bottom: 1px dotted #000;
}

#sub_title_green, #sub_title_red, #sub_title_blue, #sub_title_yellow {
   padding-top: 1px;
   padding-bottom: 3px;
   padding-left: 20px;
   background-repeat: no-repeat;
}
#button_nav {
/*   border: 1px solid #fff;*/
   margin-left: 2px;
   float: left;
   font-size: 10px;
   line-height: 13px;
}
#button_nav_text_left {
   padding-left: 2px;
   padding-right: 1px;
   float: left;
   font-size: 10px;
   line-height: 13px;
}
#button_nav_text_right {
   padding-left: 1px;
   padding-right: 2px;
   float: left;
   font-size: 10px;
   line-height: 13px;
}
#button_green_icon, #button_red_icon, #button_blue_icon, #button_yellow_icon {
   margin: 0;
   padding: 0;
   border: 1px solid #fff;
   float: left;
   width: 13px;
   height: 13px;
}

#more_nav, #more_nav_green, #more_nav_red, #more_nav_blue, #more_nav_yellow {
   display: block;
   margin-left: 8px;
   padding: 2px;
   padding-top: 3px;
   padding-left: 18px;
   background-repeat: no-repeat;
   background-position: 0% 50%;
   font-size: 8pt;
   float: right;

}

#my_nickname {
   padding: 3px;
   text-align: center;
   background-color: #E8E8E8;
}


#icon_box_85_name {
   width: 87px;
   height: 111px;
   float: left;
   padding: 0;
   margin: 0px 3px 3x 0px;
   display: block;
}

#icon_box_85_name_with_margin {
   width: 87px;
   height: 123px;
   float: left;
   padding: 0;
   margin: 0px 0px 0x 13px;
   display: block;
}

#another_photo_box_85 {
   display: block;
   width: 85px;
   height: 85px;
   padding: 0;
   margin: 0;
   border: 1px solid #888;
}

#another_photo {
   display: block;
   padding: 0;
   margin: 0;
}

#friend_name {
   margin-top: 3px;
   padding: 0;
   text-align: left;
   font-size: 8pt;
   line-height: 100%;
}

#vmid_image {
   vertical-align: middle;
   margin: 0 2px 0 2px;
}

#caution {
   color: red;
   text-align: center;
}

#confirm_nav {
   margin-top: 0px;
   padding-top: 1px;
   padding-left: 16px;
   background-image: url(images/arrow_right.gif);
   background-repeat: no-repeat;
   background-position: 0% 50%;
   font-size: 10pt;
}

#comment_area, #comment_confirm_area {
   margin: 3px 8px 10px 3px;
   padding: 6px;
   font-size: 10pt;
   border-bottom: 1px solid #aaa;
   background-color: #fff;
}

#comment_confirm_area {
   background-color: #ddd;
}

#shop_name {
   color: #d00;
   margin-bottom: 3px;
}

#shop_comment {
   color: #444;
}

#lets_join {
   margin: 20px;
   padding: 20px;
   font-size: 12px;
}

#for_amazon {
   margin: 5px 5px;
}

#pager_box {
   display: block;
   margin-left: 3px;
   padding: 2px;
   padding-top: 3px;
   padding-left: 2px;
   float: left;
}


#prev_nav, #next_nav, #page_nav_other, #page_nav_current {
   display: block;
   margin-bottom: 3px;
   margin-right: 3px;
   padding-top: 2px;
   padding-bottom: 0px;
   padding-left: 3px;
   padding-right: 3px;
   border: 1px solid #aaa;
   font-size: 8pt;
   float: left;
}

#page_nav_current {
   border: 1px solid #fff;
}

#prev_nav {
   padding-left: 20px;
   padding-right: 3px;
   background-image: url(images/arrow_yellow_left.gif);
   background-position: 3% 50%;
   background-repeat: no-repeat;
}

#next_nav {
   padding-left: 3px;
   padding-right: 20px;
   background-image: url(images/arrow_yellow_right.gif);
   background-position: 97% 50%;
   background-repeat: no-repeat;
}

#blog_image {
   margin-right: 6px;
   margin-bottom: 6px;
   float: left;
   border: 1px solid #000;
}

#question_mark {
   display: block;
   width: 15px;
   height: 11px;
   margin: 2px;
   margin-right: 3px;
   float: left;
   background-image: url(images/icon_question_w.gif);
   background-repeat: no-repeat;
}