@charset "utf-8";

/* ------------------------- TOC
blogparts common layout
blogparts_index

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

/* ==============================  blogparts */

/* ============================= Common Layout */
.blogparts #page_outer { background: url(../../common/img/bg_footer_02.gif) center bottom no-repeat; }

.blogparts #main_contents { margin-top: 0px; }
.blogparts #main_contents #summary_group_page { width: 500px; margin-top: -3px !important; background-image: url(../img/title_page_cat_blogparts.gif); }

/* ============================ Contents Area */

/*  Code Example - Display in Textarea */
.blogparts .section_wrapper_input_code { margin-top: 25px; padding-top: 3px; background: url(../../common/img/bg_field_shorlength_01_top.gif) 0 0 no-repeat; }
.blogparts .section_wrapper_input_code .wrapper_input_code { padding: 0 4px 4px 3px; background: url(../../common/img/bg_field_shortlength_01_bottom.gif) 0 100% no-repeat; }
.blogparts .section_wrapper_input_code .wrapper_input_code .input_code { font-family: "Lucida Grande", Verdana; display: block; width: 305px; min-height: 7.4em; padding: 5px 10px 7px; border: none 0px; overflow: auto; font-size: 84%; color: #333; line-height: 1.8; }

/* ie6 */
* html .blogparts .section_wrapper_input_code .wrapper_input_code .input_code { height: 7.4em;  }

/* ==============================  Content of Entry - Default - overridden from 'content_entry.css' */
.blogparts .section_content_entry {  }
.blogparts .content_entry { font-size: 100%; color: #333; }

/* Text-Format Default */
.blogparts .content_entry p,
.blogparts .content_entry span,
.blogparts .content_entry a,
.blogparts .content_entry li,
.blogparts .content_entry div,
.blogparts .content_entry div,
.blogparts .content_entry pre { line-height: 1.8; }

/* ============================ Page Individual */
/* Page Individual */
#blogparts_index .note_noscript { color: #f00; text-align: center; line-height: 2; }
#blogparts_index #text_description_item_01 { width: 351px; min-height: 122px; height: auto !important; height: 122px; background: url(../img/bg_text_article_blogparts_01.gif) 0 0 no-repeat; }

#blogparts_index #section_information_item_blogparts { background: url(../../common/img/border_cont_main_left.gif) 0 0 repeat-y; }
#blogparts_index #section_information_item { width: 335px; height: 347px; }
#blogparts_index #information_item { margin-left: 152px; padding: 0; }
#blogparts_index #information_item #section_image_item_01 { width: 160px; float: left; }
#blogparts_index #section_description_item_01 { float: right; width: 351px; }

#blogparts_index #section_description_item_01 #text_description_item_01 { margin-top: 25px; }
#blogparts_index #section_description_item_01 #guide_code_item_01{ margin-top: 40px; }

/* 'Blog Parts Placement' Direction */

#blogparts_index .cassette_1 .section_content_entry { margin: 0; }

#blogparts_index #section_direction_external_site { width: 782px; }

#blogparts_index #section_direction_external_site .section_content_entry { margin-top: 22px; }
#blogparts_index #section_direction_external_site .cassette_summary_entry { padding-top: 40px; padding: 40px 0 15px 97px; }
#blogparts_index #section_direction_external_site .cassette_summary_entry .title_entry {   }
#blogparts_index #section_list_link_direction_placement { margin-top: 12px; line-height: 1.1; width: 100%; position: relative; }
#blogparts_index #section_list_link_direction_placement ul li { float: left; margin: 15px 0 0 50px; }
#blogparts_index #section_list_link_direction_placement ul li a { position: relative; display: block; width: 132px; height: 23px; background: url(../../common/img/bg_link_external_site.gif) no-repeat; }
#blogparts_index #section_list_link_direction_placement ul li a:hover { position: relative; border-bottom: none; }

#blogparts_index #section_list_link_direction_placement ul #link_direction_01 { margin-left: 0; }
#blogparts_index #section_list_link_direction_placement ul #link_direction_05 { margin-left: 0; }

#blogparts_index #section_list_link_direction_placement ul #link_direction_01 a { background-position: 0 0; }
#blogparts_index #section_list_link_direction_placement ul #link_direction_02 a { background-position: -132px 0; }
#blogparts_index #section_list_link_direction_placement ul #link_direction_03 a { background-position: -264px 0; }
#blogparts_index #section_list_link_direction_placement ul #link_direction_04 a { background-position: -396px 0; }
#blogparts_index #section_list_link_direction_placement ul #link_direction_05 a { background-position: -528px 0; }
#blogparts_index #section_list_link_direction_placement ul #link_direction_06 a { background-position: -660px 0; }
#blogparts_index #section_list_link_direction_placement ul #link_direction_07 a { background-position: -792px 0; }
#blogparts_index #section_list_link_direction_placement ul #link_direction_08 a { background-position: -924px 0; }

#blogparts_index #section_list_link_direction_placement ul #link_direction_01 a:hover { background-position: 0 -23px; }
#blogparts_index #section_list_link_direction_placement ul #link_direction_02 a:hover { background-position: -132px  -23px; }
#blogparts_index #section_list_link_direction_placement ul #link_direction_03 a:hover { background-position: -264px  -23px; }
#blogparts_index #section_list_link_direction_placement ul #link_direction_04 a:hover { background-position: -396px  -23px; }
#blogparts_index #section_list_link_direction_placement ul #link_direction_05 a:hover { background-position: -528px  -23px; }
#blogparts_index #section_list_link_direction_placement ul #link_direction_06 a:hover { background-position: -660px  -23px; }
#blogparts_index #section_list_link_direction_placement ul #link_direction_07 a:hover { background-position: -792px  -23px; }
#blogparts_index #section_list_link_direction_placement ul #link_direction_08 a:hover { background-position: -924px  -23px; }

#blogparts_index #section_footer #footer { padding-top: 24px; }