@charset "UTF-8";
/* CSS Document スタイルシート */

.clear_all {
  width: 0px;
  height: 0px;
  clear: both;
}

#container {
  width: 982px;
}

#header {
  width: 980px;
  height: 67px;
}

#footer {
  width: 980px;
  float: left;
  text-align: center;
  font-size: x-small;
  color: #000000;
}

.footer_item { }

#pagebody {
  width: 580px;
  float: left;
}

#top_center {
  float: right;
  width: 380px;
}

#top_left {
  float: left;
  width: 200px;
}

#top_right {
  float: left;
  width: 400px;
}

/*
 *  Global menu
 */

#globalmenu {
  width: 980px;
  height: 28px;
  background-color: #AAAAAA;
  font-size: 12px;
  line-height: 28px;
  color: #FFFFFF;
  font-style: normal;
}

#globalmenu a:link {
  color: #FFFFFF;
}

#globalmenu a:visited {
  color: #FFFFFF;
}

#globalmenu a:hover {
  color: #FFFFFF;
}

#globalmenu a:active {
  color: #FFFFFF;
}

.globalmenu_item {
  float: left;
  padding-left: 8px;
  padding-right: 8px;
}

#globalmenu_search {
  font-size: 11px;
  width: 180px;
  float: left;
  padding-left: 144px;
  height: 28px;
}

#globalmenu_search input.text {
  width: 120px;
  height: 15px;
  padding: 2px;
  vertical-align: top;
  margin-top: 2px;
  border: 1px solid #606060;
}

#globalmenu_search input.submit {
  width: 35px;
  height: 19px;
  padding: 2px;
  vertical-align: top;
  margin-top: 3px;
  border: 1px solid #C0C0C0;
  font-size: 11px;
  background-color: #9F9F9F;
}

.globalmenu_login {
  float: right;
  font-size: 11px;
  padding-right: 100px;
}

/*
 *  Include from Movable type
 */

.mtinclude {
  /* height: 172px; */
  width: 980px;
  /* border: solid #0000FF 1px; */
  padding-top: 4px;
  padding-bottom: 4px;
}

/*
 *  top page left column
 */

.title_tl {
  font-size: 12px;
  /* font-weight: bold; */
  color: #FFFFFF;
  background-color: #3399CC;
  height: 20px;
  width: 184px;
  padding-left: 8px;  /* left: 4; */
}

.item_tl {
  width: 190px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-color: #D2D2D2;
  border-bottom-color: #D2D2D2;
  border-left-color: #D2D2D2;
  border-style: solid;
  color: #459DCD;
  margin-bottom: 4px;
  border-top-color: #FFFFFF;
  border-top-width: 1px;
  font-size: small;
  line-height: 1.5em;
  list-style: none;
}

.item_tl a {
  color: #459DCD;
}

.selector_tl {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  background-color: #3399CC;
  height: 20px;
  width: 184px;
  padding-left: 8px;
}

/*
 *  Top page center column
 */

.title_tc {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  background-color: #3399CC;
  height: 20px;
  width: 370px;
  padding-left: 4px;
  margin-top: 4px;
  left: 8px;
}

.item_tc {
  width: 354px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-color: #D2D2D2;
  border-bottom-color: #D2D2D2;
  border-left-color: #D2D2D2;
  color: #777A81;
  list-style-type: none;
  margin-bottom: 8px;
  border-top-color: #FFFFFF;
  border-top-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  text-align: center;
  padding-top: 16px;
  padding-left: 16px;
  padding-right: 4px;
  height: 448px;
}

.podcast_tc {
  width: 110px;
  height: 140px;
  padding-left: 2px;
  padding-right: 2px;
  font-size: 10px;
  color: #000000;
  text-align: center;
  line-height: 1em;
  float: left;
  color: #000000;
}

.selector_tc {
  font-size: 12px;
  color: #FFFFFF;
  background-color: #3399CC;
  height: 20px;
  width: 364px;
  padding-left: 8px;
  padding-right: 4px;
  border-top-width: 0px;
}

.selector_title {
  float: left;
  font-size: 12px;
  color: #FFFFFF;
  /* font-weight: bold; */
  padding-left: 4px;
  padding-right: 4px;
}

.selector_item {
  float: left;
  font-weight: 100;
  padding-left: 8px;
  padding-right: 8px;
}

.selector_more {
  float: right;
  font-weight: 100;
  padding-right: 4px;
}

/*
 *  Top page right column
 */

.title_tr {
  font-size: 12px;
  color: #FFFFFF;
  background-color: #3399CC;
  height: 20px;
  width: 400px;
  padding-left: 4px;
  left: 8px;
}

.fusen_list_box_tr {
  float: left;
  width: 394px;
  padding-left: 4px;
  border-top: solid #FFFFFF 1px;
  border-right: solid #CCCCCC 1px;
  border-bottom: solid #CCCCCC 1px;
  border-left: solid #CCCCCC 1px;
  color: #459DCD;
  padding-top: 8px;
}

.selector_tr {
  font-size: 12px;
  color: #FFFFFF;
  background-color: #3399CC;
  height: 20px;
  width: 396px;
  padding-left: 4px;
}

/*
 * fusen on top page right column
 */

#fusen_list_item_box_tr {
  float: left;
  width: 376px;
  padding-left: 6px;
  padding-bottom: 8px;
}

/* thumbnail image */
#fusen_list_item_box_left_tr {
  float: left;
  width: 40px;
}

/* contain title, date, author and fusen text */
#fusen_list_item_box_right_tr {
  float: left;
  width: 328px;
  margin-left: 8px;
}

/* title */
.ftop_title {
  float: left;
  width: 320px;
  text-align: left;
  overflow: hidden;
  font-size: 12px;
  color: #000000;
  padding-bottom: 2px;
}

/* date and author */
.ftop_date {
  float: left;
  width: 140px;
  text-align: left;
  overflow: hidden;
  height: 13px;
  font-size: 10px;
  color: #666666;
  margin-top: 2px;
  margin-bottom: 2px;
}

/* author name color */
.ftop_name {
  float: left;
  width: 180px;
  text-align: left;
  overflow: hidden;
  height: 13px;
  font-size: 10px;
  color: #01A5E4;
  margin-top: 2px;
  margin-bottom: 2px;
}

/* fusen text */
.ftop_text {
  float: left;
  width: 308px;
  text-align: left;
  font-size: 12px;
  color: #000000;
  margin-left: 6px;
  background-color: #F6F5BD;
  padding-left: 2px;
  margin-right: 4px;
  padding-right: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
}

/*
 *  podcast page
 */

#pagebody_pc {
  width: 960px;
  float: left;
}

#pc_center {
  float: left;
  width: 780px;
  margin-top: 8px;
  font-size: 12px;
}

#pc_left {
  float: left;
  width: 180px;
  margin-top: 8px;
}

.artwork_pc {
  float: left;
  width: 100px;
  height: 240px;
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
}

.artwork_type_pc {
  margin-top: 3px;
  width: 100px;
  font-size: 11px;
  background-color: #333333;
  color: #FFFFFF;
}
.titlebox_pc {
  float: left;
  width: 780px;
  height: 64px;
}

.title_pc {
  float: left;
  width: 780px;
  font-size: 24px;
  color: #6666CC;
}

.author_pc {
  float: left;
  width: 780px;
  font-size: 18px;
  color: #6666CC;
}

.utilitybox_pc {
  float: left;
  width: 480px;
  margin-top: 8px;
  padding-right: 20px;
  color: #000000;
}

.description_pc {
  float: left;
  width: 480px;
  margin-bottom: 4px;
}

.rating_pc {
  float: left;
  width: 180px;
  font-size: 10px;
}

.rating_pc img {
  vertical-align: bottom;
}
.tags_pc {
  float: left;
  width: 300px;
  font-size: 12px;
  line-height: 1.4em;
}

.other_info_pc {
  float: left;
  width: 280px;
  margin-top: 8px;
}

#containa2_pc {
  float: left;
  width: 980px;
}

.list_pc {
  float: left;
  width: 680px;
}

.viewmode_pc {
  font-size: 11px;
  padding-bottom: 4px;
}

.pages_pc {
  font-size: 10px;
  padding-bottom: 8px;
}

.podcast_pc {
  width: 144px;
  height: 160px;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 10px;
  color: #000000;
  text-align: center;
  line-height: 1.2em;
  float: left;
  color: #336699;
  text-align: center;
}

.episode_title_pc {
  font-weight: bold;
  font-size: 11px;
}

.episode_from_pc {
  font-size: 10px;
}

.episode_date_pc {
  font-size: 10px;
}

.pageguide_pc {
  float: left;
  width: 656px;
  text-align: right;
  font-size: 12px;
  padding-right: 24px;
}

/*
 *  podcast page right bottom area
 */

#pc_right_bottom {
  float: left;
  width: 300px;/* padding-left: 680px; */
  border-left-color: #999999;
  border-left-style: solid;
  border-left-width: 1px;
}

#pc_right_bottom_inner {
  padding-left: 8px;
}

.title_pc_rb {
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 8px;
}

.list_pc_rb {
  float: left;
  width: 280px;
  height: 48px;
}

.icon_list_pc_rb {
  float: left;
  height: 60px;
}

.title_list_pc_rb {
  padding-left: 8px;
  font-size: 11px;
  font-weight: bold;
  float: left;
  width: 220px;
  padding-bottom: 1px;
  color: #336699;
}

.text_list_pc_rb {
  padding-left: 8px;
  font-size: 11px;
  float: left;
  width: 220px;
  line-height: 1.1em;
}

/*
 *  episode page
 */

#pagebody_ep {
  width: 980px;
}

#ep_left {
  float: left;
  width: 500px;
  display: inline;
}

#ep_right {
  float: left;
  width: 478px;
  display: inline;
}

.episode_title_box_ep {
  width: 980px;
  height: 42px;
}

.episode_title_ep {
  float: left;
  width: 972px;
  background-color: #CCCCCC;
  color: #000000;
  font-size: 28px;
  padding-left: 8px;
  padding-top: 2px;
  padding-bottom: 2px;
  height: 38px;
}

.episode_movie_player_ep { /* 480 x 400 */
  float: left;
  width: 492px;
  height: 450px;
  padding-left: 8px;
}

/* episode information */

.episode_info_box_ep {
  float: left;
  width: 500px;
  margin-top: 16px;
}

#episode_info_func_box_ep {
  float: left;
  width: 500px;
  font-size: 12px;
  text-align: center;
}

#episode_info_func_left_ep {
  float: left;
  width: 200px;
}

.episode_info_func_views_ep {
  float: left;
  width: 200px;
}

.episode_info_func_rating_ep {
  float: left;
  width: 200px;
  font-size: 10px;
}

.episode_info_func_rating_ep img {
  vertical-align: middle;
}

#episode_info_func_center_ep {
  float: left;
  width: 150px;
}

.episode_info_func_favorites_ep {
  float: left;
  width: 150px;
}

.episode_info_func_abuse_ep {
  float: left;
  width: 150px;
}

#episode_info_func_right_ep {
  float: left;
  width: 150px;
}

.episode_info_func_tell_ep {
  float: left;
  width: 150px;
}

.episode_info_func_playlist_ep {
  float: left;
  width: 150px;
}

.episode_info_embed_ep {
  float: left;
  width: 420px;
  font-size: 10px;
  margin-left: 32px;
  padding-top:5px;
}

.episode_info_permlink_ep {
  float: left;
  width: 420px;
  font-size: 10px;
  margin-left: 32px;
}

.episode_info_directlink_ep {
  float: left;
  width: 420px;
  font-size: 11px;
  margin-left: 32px;
  padding-top: 5px;
  padding-bottom: 5px;
}

#episode_info_info_box_ep {
  float: left;
  width: 500px;
}

#episode_info_info_box_left_ep {
  float: left;
  width: 400px;
}

#episode_info_info_box_right_ep {
  float: left;
  width: 100px;
}

.episode_info_info_desc_ep {
  float: left;
  font-size: 11px;
  padding-left: 32px;
  width: 368px;
}

.episode_info_info_services_ep {
  float: left;
  margin-left: 16px;
}

.episode_info_tag_ep {
  float: left;
  width: 468px;
  font-size: 12px;
  margin-left: 32px;
}

/* podcast information */

.podcast_info_box_ep {
  float: left;
  width: 476px;
  border: solid #000000 1px;
  margin-right: 16px;
  margin-top: 8px;
  margin-bottom: 8px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 8px;
}

#podcast_info_box_lc_container_ep {
  float: left;
}

#podcast_info_box_left_ep {
  float: left;
  width: 120px;
  text-align: center;
}

#podcast_info_box_center_ep {
  float: left;
  width: 244px;
}

#podcast_info_box_right_ep {
  float: left;
  width: 112px;
}

.podcast_info_title_ep {
  font-size: 11px;
  font-weight: bold;
  float: left;
  padding-bottom: 2px;
  color: #336699;
  width: 240px;
  line-height: 1.1em;
}

.podcast_info_author_ep {
  font-size: 11px;
  font-weight: bold;
  float: left;
  padding-bottom: 2px;
  color: #336699;
  width: 240px;
  line-height: 1.1em;
}

.podcast_info_desc_ep {
  font-size: 11px;
  float: left;
  width: 240px;
  padding-bottom: 1px;
  color: #000000;
  line-height: 1.2em;
  padding-top: 8px;
}

.podcast_info_tag_ep {
  font-size: 11px;
  float: left;
  width: 240px;
  color: #000000;
  padding-top: 4px;
}

.podcast_info_info_ep {
  font-size: 11px;
  float: left;
  width: 110px;
  color: #000000;
}

/* episode list */

.episode_list_box_ep {
  float: left;
  width: 500px;
}

.episode_list_box_title_ep {
  float: left;
  width: 480px;
  height: 28px;
  font-size: 24px;
  background-color: #CCCCCC;
  color: #000000;
  padding-left: 8px;
  padding-top: 2px;
  padding-bottom: 2px;
}

#episode_list_item_box_ep {
  width: 450px;
  height: 110px;
  padding-left: 16px;
  float: left;
}

#episode_list_item_box_left_ep {
  width: 100px;
  padding-top: 8px;
  padding-bottom: 2px;
  height: 110px;
  float: left;
  text-align: center;
}

.episode_list_item_icon_ep {
  height: 76px;
}

.episode_list_item_rating_ep {
  padding-top: 4px;
}

#episode_list_item_box_right_ep {
  width: 240px;
  height: 72px;
  padding-top: 8px;
  padding-bottom: 2px;
  padding-right: 4px;
  float: left;
}

.episode_list_item_title_ep {
  padding-left: 8px;
  font-size: 11px;
  font-weight: bold;
  float: left;
  width: 220px;
  padding-bottom: 1px;
  color: #336699;
}

.episode_list_item_desc_ep {
  padding-left: 8px;
  font-size: 11px;
  float: left;
  width: 220px;
  line-height: 1.1em;
}

.episode_list_item_info_ep {
  padding-left: 8px;
  font-size: 11px;
  float: left;
  width: 220px;
  line-height: 1.1em;
}

.pageguide_ep {
  float: left;
  width: 400px;
  text-align: right;
  font-size: 12px;
}

/*
 *  fusen display and writ (right top area)
 */
#fusen_box_ep {
  float: left;
  width: 478px;
  height: 360px;
  text-align: center;
}

.fusen_base_ep { /* 270 x 280 */
  width: 270px;
  height: 280px;
  background-color: #FFFF99;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}

.fusen_flip_ep {
  background-color: #D5D5D5;
  width: 250px;
  height: 260px;
  padding: 10px;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}

.fusen_flip_ep div {
  padding-top: 5px;
}

.fusen_flip_ep .flip_left {
  float: left;
  width: 85px;
}

.fusen_flip_ep .flip_right {
  float: left;
  width: 160px;
}

.fusen_flip_ep textarea {
  border: 1px solid #999999;
  width: 168px;
  height: 50px;
  vertical-align: top;
  position: relative;
}

.fusen_flip_ep input[type="text"] {
  border: 1px solid #999999;
  width: 168px;
}

.fusen_flip_ep button {
  width: 75px;
  height: 22px;
  font-size: 11px;
  border: 1px solid #9F9F9F;
  background-color: #F0F0F0;
}

.fusen_goodjob_ep {
  width: 254px;
  text-align: right;
  padding-top: 8px;
  font-size: 12px;
  font-weight: bold;
}

.fusen_text_ep {
  width: 238px;
  height: 208px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  font-size: 16px;
  text-align: left;
  line-height: 1.4em;
  overflow: hidden;
}

.fusen_text_ep textarea {
  overflow: auto;
  width: 236px;
  height: 200px;
  border: 1px solid #DED266;
}

.fusen_links_ep {
  width: 238px;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}

.fusen_add_button_ep {
  margin-top: 15px;
  width: 270px;
  text-align: center;
}

.fusen_fusenit_button_ep {
  width: 478px;
  text-align: center;
  margin-top: 16px;
  margin-bottom: 32px;
}

/*
 * fusen list (right bottom area)
 */

.fusen_list_box_ep {
  float: left;
  width: 478px;
}

.fusen_list_box_inner_ep {
  float: left;
  width: 476px;
  border-left: solid #CCCCCC 1px;
  border-right: solid #CCCCCC 1px;
  border-bottom: solid #CCCCCC 1px;
  padding-top: 10px;
}

.fusen_list_item_tab_box_ep {
  float: left;
  width: 478px;
  height: 24px;
  padding-top: 6px;
  background-color: #E1E1E1;
}

.fusen_list_item_tab_box_ep img {
  margin-left: 5px;
}

#fusen_list_item_box_ep {
  float: left;
  width: 457px;
  padding:5px 3px 0px 8px;
}

#fusen_list_item_box_left_ep {
  width: 100px;
  text-align: center;
  float: left;
}

#fusen_list_item_box_right_ep {
  width: 310px;
  float: left;
}

/* thumbnail image */
.fusen_list_item_icon_ep {
  width: 100px;
  height: 48px;
}

/*  */
.fusen_list_item_goodjob_ep {
  float: left;
  width: 100px;
  height: 24px;
  font-size: 11px;
  font-weight: bold;
}

.fusen_list_item_time_edit_box_ep {
  float: left;
  width: 310px;
  height: 22px;
  text-align: left;
  color: #000000;
  padding-bottom: 2px;
}

.fusen_list_item_time_ep {
  float: left;
  font-size: 14px;
}

.fusen_list_item_edit_ep {
  float: right;
  font-size: 12px;
}

.fusen_list_item_text_ep {
  float: left;
  width: 308px;
  font-size: 12px;
  color: #000000;
  text-align: left;
}

.fusen_list_item_text_ep .text_area {
  overflow: auto;
  width: 250px;
  height: 50px;
  border: 1px solid #CCCCCC;
  vertical-align: bottom;
}

.fusen_list_item_text_ep .button {
  width: 44px;
  height: 22px;
  vertical-align: bottom;
  font-size: 11px;
  border: 1px solid #9F9F9F;
  background-color: #CCCCCC;
}

/*
 *  mypage
 */

#menu_top_mp {
  float: left;
  width: 960px;
  padding-bottom: 8px;
  font-size: 14px;
  margin-top: 8px;
}

.menu_top_item_mp {
  float: left;
  width: 104px;
  color: #FFFFFF;
  font-weight: bold;
  background-color: #359DDA;
  text-align: center;
  margin-right: 4px;
}

#menu_fusen_mp {
  float: left;
  width: 960px;
  height: 28px;
  font-size: 14px;
}

.menu_fusen_item_mp {
  float: left;
  width: 104px;
  color: #FFFFFF;
  font-weight: bold;
  background-color: #999999;
  text-align: center;
  margin-right: 4px;
}

#contents_box_mp {
  float: left;
  width: 980px;
  margin-top: 8px;
}

/* fusen list */
#fusen_list_box_mp {
  float: left;
  width: 680px;
}

#fusen_list_item_box_mp {
  float: left;
  width: 640px;
  padding-left: 16px;
  padding-bottom: 12px;
}

/* thumbnail image */
#fusen_list_item_box_icon_mp {
  float: left;
  width: 48px;
}

.fusen_list_item_icon_mp {
}

/* fusen staff box */
#fusen_list_item_box_right_mp {
  float: left;
  width: 576px;
  padding-left: 16px;
}

.fusen_list_item_text_mp {
  font-size: 14px;
  line-height: 1.3em;
  padding-bottom: 2px;
}

.fusen_list_item_info_mp {
  padding-left: 16px;
  font-size: 10px;
}

.fusen_list_item_podcast_title_mp {
  padding-left: 12px;
  font-size: 10px;
}

.fusen_list_item_episode_title_mp {
  padding-left: 12px;
  font-size: 10px;
}

.pageguide_mp {
  float: left;
  width: 840px;
  text-align: right;
  font-size: 12px;
  padding-right: 24px;
}

/* user information */
#info_box_mp {
  float: left;
  width: 290px;
}

.info_mp {
  font-size: 14px;
}

#icon_list_box_mp {
  float: left;
  width: 872px;
  margin-left: 16px;
  margin-right: 16px;
}

#icon_box_container_mp {
  float: left;
  width: 120px;
  height: 150px;
  text-align: center;
  margin-bottom: 4px;
}

#icon_box_mp {
  width: 120px;
}

.icon_artwork_mp {
  width: 100px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 2px;
}

.icon_podcast_title_mp {
  width: 116px;
  margin-left: 2px;
  margin-right: 2px;
  text-align: center;
  font-size: 11px;
  line-height: 1.2em;
}
.icon_episode_title_mp {
  width: 116px;
  margin-right: 2px;
  margin-left: 2px;
  text-align: center;
  font-size: 11px;
  line-height: 1.2em;
}

/*  my profile */

#profile_container_mp {
  float: left;
  margin-left: 16px;
  width: 780px;
  margin-top: 20px;
}

.profile_title_mp {
  float: left;
  color: #FFFFFF;
  background-color: #6699CC;
  width: 564px;
  height: 24px;
  padding-left: 16px;
  font-size: 14px;
  vertical-align: middle;
}

#profile_left_box_mp {
  float: left;
  width: 200px;
  font-size: 10px;
  color: #999999;
}

#item_box_mp {
  float: left;
  width: 578px;
}

.profile_item_box_message_mp {
  width: 578px;
  height: 24px;
  font-size: 12px;
  color: #000000;
  padding-top: 24px;
  text-align: center;
}

#profile_box_input_box_mp {
  float: left;
  width: 578px;
  padding-bottom: 4px;
}

.input_message_mp {
  width: 100px;
  font-size: 12px;
  color: #000000;
  text-align: right;
  padding-right: 16px;
  float: left;
}

.input_field_mp {
  float: left;
  width: 300px;
  font-size: 12px;
}

.public_check_mp {
  float: left;
  width: 80px;
  font-size: 12px;
}

#profile_box_button_box_mp {
  float: left;
  width: 578px;
}

.profile_box_button_mp {
  float: left;
  height: 24px;
  font-size: 11px;
  text-align: center;
  padding-left: 116px;
  padding-top: 16px;
}

.profile_box_button_mpc {
  float: left;
  height: 24px;
  font-size: 11px;
  text-align: center;
  padding-left: 278px;
  padding-top: 16px;
}

/*
 *  podcast regist
 */

#regist_container_mp {
  float: left;
  margin-left: 32px;
  width: 580px;
  margin-top: 32px;
}


.regist_title_mp {
  float: left;
  color: #FFFFFF;
  background-color: #6699CC;
  width: 564px;
  height: 24px;
  padding-left: 16px;
  font-size: 14px;
  vertical-align: middle;
}

.regist_box_message_mp {
  width: 578px;
  height: 24px;
  font-size: 12px;
  color: #000000;
  padding-top: 24px;
  text-align: center;
}


#regist_item_box_mp {
  float: left;
  width: 578px;
  border-left: solid #CCCCCC 1px;
  border-right: solid #CCCCCC 1px;
  border-bottom: solid #CCCCCC 1px;
}

.regist_item_box_message_mp {
  width: 560px;
  height: 24px;
  font-size: 12px;
  color: #000000;
  padding-top: 12px;
  text-align: left;
  margin-left: 16px;
}

#regist_box_input_box_mp {
  float: left;
  width: 572px;
  padding-bottom: 4px;
}

.regist_input_message_mp {
  width: 160px;
  font-size: 12px;
  color: #000000;
  text-align: right;
  padding-right: 16px;
  float: left;
}

.regist_input_field_mp {
  float: left;
  width: 380px;
  font-size: 12px;
}


#regist_box_button_box_mp {
  float: left;
  width: 578px;
}

.regist_box_button_mp {
  float: left;
  height: 24px;
  font-size: 11px;
  text-align: center;
  padding-left: 216px;
  padding-top: 16px;
}

/*
 *  login page
 */

#login_container_li {
  padding-left: 200px;
  width: 580px;
  height: 235px;
  margin-top: 32px;
}

.title_li {
  float: left;
  color: #FFFFFF;
  background-color: #6699CC;
  width: 564px;
  height: 24px;
  padding-left: 16px;
  font-size: 14px;
  vertical-align: middle;
}

#login_box_li {
  float: left;
  width: 578px;
  height: 223px;
  border-left: solid #CCCCCC 1px;
  border-right: solid #CCCCCC 1px;
  border-bottom: solid #CCCCCC 1px;
}

.login_box_message_li {
  padding-left: 180px;
  width: 398px;
  height: 24px;
  font-size: 12px;
  color: #000000;
  padding-top: 24px;
}

#login_box_account_box_li {
  float: left;
  width: 578px;
}

.account_box_msg_li {
  width: 200px;
  font-size: 12px;
  color: #000000;
  text-align: right;
  padding-right: 16px;
  float: left;
}

.account_box_input_li {
  float: left;
}

#login_box_passwd_box_li {
  float: left;
  width: 578px;
}

.login_box_msg_li {
  width: 200px;
  font-size: 12px;
  color: #000000;
  text-align: right;
  padding-right: 16px;
  float: left;
}

.login_box_input_li {
float: left;
}

#login_box_button_box_li {
  float: left;
  width: 578px;
}

.login_box_button_li {
  float: left;
  height: 24px;
  font-size: 11px;
  text-align: center;
  padding-left: 216px;
  padding-top: 10px;
}

#login_box_openid_box_li {
  float: left;
  width: 578px;
}

.login_box_openid_li {
  float: left;
  height: 16px;
  font-size: 11px;
  padding-left: 440px;
  padding-top: 1px;
}

.login_box_openid_text {
  float: left;
  height: 16px;
  font-size: 11px;
  padding-top: 1px;
  padding-left: 2px;
}

input#openid_url {
background:#FFFFFF url(../images/openid_login-bg.gif) no-repeat scroll 3px 50%;
padding-left:22px !important;
}

input#aol_name {
background:#FFFFFF url(../images/openid_login-bg.gif) no-repeat scroll 3px 50%;
padding-left:22px !important;
}

/*
 *  Sign up
 */

#signup_container_su {
  float: left;
  margin-left: 32px;
  width: 580px;
  margin-top: 32px;
}

.title_su {
  float: left;
  color: #FFFFFF;
  background-color: #6699CC;
  width: 564px;
  height: 24px;
  padding-left: 16px;
  font-size: 14px;
  vertical-align: middle;
}

#signup_box_su {
  float: left;
  width: 578px;
  border-left: solid #CCCCCC 1px;
  border-right: solid #CCCCCC 1px;
  border-bottom: solid #CCCCCC 1px;
}

.signup_box_message_su {
  width: 578px;
  height: 24px;
  font-size: 12px;
  color: #000000;
  padding-top: 24px;
  text-align: center;
}

#signup_box_input_box_su {
  float: left;
  width: 578px;
  padding-bottom: 4px;
}

.input_message_su {
  width: 200px;
  font-size: 12px;
  color: #000000;
  text-align: right;
  padding-right: 16px;
  float: left;
}

.input_field_su {
  float: left;
  width: 350px;
  font-size: 12px;
}

.captcha_disp_su {
  float: left;
  width: 578px;
  height: 60px;
  text-align: center;
}

.captcha_message_su {
  float: left;
  width: 578px;
  height: 14px;
  font-size: 10px;
  color: #000000;
  padding-top: 2px;
  text-align: center;
}

.captcha_input_box_su {
  float: left;
  padding-left: 216px;
}

.termofservice_su {
  float: left;
  width: 578px;
  height: 14px;
  font-size: 12px;
  color: #000000;
  padding-top: 2px;
  text-align: center;
}

#signup_box_button_box_su {
  float: left;
  width: 578px;
}

.signup_box_button_su {
  float: left;
  height: 24px;
  font-size: 11px;
  text-align: center;
  padding-left: 216px;
  padding-top: 16px;
}

.require_message_su {
  float: left;
  width: 578px;
  height: 14px;
  font-size: 10px;
  color: #000000;
  padding-top: 2px;
  text-align: center;
  padding-bottom: 16px;
}


/*
 *  User register success
 */

#signup_container_rs {
  float:left;
  margin-left:32px;
  width:580px;
  margin-top:32px;
}

.title_rs {
  float:left;
  color:#FFFFFF;
  background-color:#6699CC;
  width:564px;
  height:24px;
  padding-left:16px;
  font-size:14px;
  vertical-align:middle;
}

#succeed_box_rs {
  float:left;
  width:578px;
  border-left: solid #CCCCCC 1px;
  border-right:solid #CCCCCC 1px;
  border-bottom:solid #CCCCCC 1px;
}

.succeed_box_message_rs {
  width:578px;
  font-size:14px;
  color:#000000;
  padding-top:8px;
  margin-bottom:8px;
  text-align: center;
}

#succeed_box_input_box_rs {
  float:left;
  width:578px;
  padding-bottom: 4px;
}

.item_rs {
  width:200px;
  font-size:12px;
  color:#000000;
  text-align:right;
  padding-right:16px;
  float: left;
}

.input_field_rs {
  float:left;
  width:350px;
  font-size:12px;
}

/*
 *  search result page
 */

#title_sr {
  float: left;
  width: 964px;
  background-color: #6699CC;
  font-size: 24px;
  padding-left: 16px;
  margin-top: 8px;
}

#menu_top_sr {
  float: left;
  width: 960px;
  height: 28px;
  font-size: 14px;
  margin-top: 8px;
}

.menu_top_item_sr {
  float: left;
  width: 104px;
  color: #FFFFFF;
  font-weight: bold;
  background-color: #359DDA;
  text-align: center;
  margin-right: 4px;
}

#result_box_sr {
  float: left;
  margin-top: 16px;
  width: 700px;
  margin-left: 40px;
}

.result_title_sr {
  float: left;
  width: 692px;
  margin-left: inherit;
  padding-left: 8px;
  font-size: 14px;
  background-color: #CCCCCC;
  height: 24px;
  vertical-align: center;
}

#result_contents_box_sr {
  float: left;
  width: 690px;
  margin-left: inherit;
  padding-left: 8px;
  border-left: solid #CCCCCC 1px;
  border-right: solid #CCCCCC 1px;
  border-bottom: solid #CCCCCC 1px;
  text-align: center;
  padding-top: 8px;
  padding-bottom: 8px;
}

.icon_sr {
  width: 110px;
  height: 130px;
  padding-left: 2px;
  padding-right: 2px;
  font-size: 10px;
  color: #000000;
  text-align: center;
  line-height: 1em;
  float: left;
  color: #000000;
}

#fusen_list_item_box_sr {
  float: left;
  width: 680px;
  padding-left: 6px;
  padding-bottom: 8px;
}

#fusen_list_item_box_left_sr {
  float: left;
  width: 40px;
}

/* contain title, date, author and fusen text */
#fusen_list_item_box_right_sr {
  float: left;
  width: 620px;
  margin-left: 8px;
}

/* title */
.fusen_title_sr {
  float: left;
  width: 600px;
  text-align: left;
  overflow: hidden;
  font-size: 14px;
  color: #000000;
  padding-bottom: 2px;
}

/* date and author */
.fusen_date_sr {
  float: left;
  width: 140px;
  text-align: left;
  overflow: hidden;
  height: 13px;
  font-size: 10px;
  color: #666666;
  margin-top: 2px;
  margin-bottom: 2px;
}

/* author name color */
.fusen_name_sr {
  float: left;
  width: 180px;
  text-align: left;
  overflow: hidden;
  height: 13px;
  font-size: 10px;
  color: #01A5E4;
  margin-top: 2px;
  margin-bottom: 2px;
}

/* fusen text */
.fusen_text_sr {
  float: left;
  width: 600px;
  text-align: left;
  font-size: 12px;
  color: #000000;
  margin-left: 6px;
  background-color: #F6F5BD;
  padding-left: 2px;
  margin-right: 4px;
  padding-right: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
}

/* pagenation */
.pageguide_sr {
  float: left;
  width: 680px;
  text-align: right;
  font-size: 12px;
  padding-right: 8px;
}

/* ----------------------------- */
stylesheet for Castalia.jp
created by TARO MATSUMURA 2008.03.28.fri
/* ----------------------------- */

/* ------------ FRAME DESIGN ------------ */

#top_feature { margin: 0 auto; padding: 0; width: 980px; border: none; text-align: center; } 

#top_container { margin: 0 auto; padding: 0; width: 980px; border: none;  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif; line-height: 100%; background-color: #ffffff; font-size: 13px; color: #555555; line-height: 170%; text-align: center;}
#top_container a { color: #01a5e4; text-decoration: none; border: none; } 
#top_container a:hover { color: #333333; text-decoration: none; border-bottom: 1px solid #333333; } 

/* ------------ PART DESIGN - top_feature ------------ */

.top_feature_box { float: left;  margin: 0px 2px 0px 2px ; padding: 0; width: 240px; height: 240px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif; line-height: 100%; background-color: #ffffff; text-align: left;}
.top_feature_box h2 { margin: 5px 0px 0px 0px; border: none; font-size: 20px; font-weight: normal; line-height: 100%; }
.top_feature_box_image { margin: 3px 0px 3px 0px; width: 240px; height: 135px; border: none; border-bottom: 3px #ffffff solid; }
.top_feature_box_image a { border: none; text-decoration: none; border-bottom: 3px #ffffff solid; }
.top_feature_box_image a:hover { border: none; text-decoration: none; border-bottom: 3px #666666 solid; }
.top_feature_box h3 { margin: 2px 7px 5px 0px; font-size: 12px; font-weight: bold; color: #333333; }
.top_feature_box h3 a { color: #01a5e4; border: none; text-decoration: none; }
.top_feature_box_caption { margin: 0px; padding: 0px 7px 0px 7px; font-size: 10px; color: #666666;  }
.top_feature_box_caption a { color: #01a5e4; text-decoration: none; border-bottom: none; }
.top_feature_box_caption a:hover { color: #666666; text-decoration: none; border-bottom: none; }


/* ------------ PART DESIGN - top_container ------------ */

.top_container_article { float: left; margin: 15px; width: 500px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif; line-height: 170%; background-color: #ffffff; color: #555555; text-align: left;}
.top_container_article h3 { margin: 0px 10px 20px 0px; font-size: 17px; color: #000000; font-weight: bold; }
.top_container_article h4 { margin: 15px 10px 0px 0px; font-size: 11px; color: #666666; font-weight: normal; }
.top_container_article a { text-decoration: none; border-bottom: 1px dotted #01a5e4; color: #01a5e4; }
.top_container_article a:hover { text-decoration: none; border-bottom: 1px dotted #666666; color: #666666; }
.top_container_article blockquote { text-decoration: none; font-weight: normal; font-size: 12px; color: #666666; margin: 10px 10px 10px 10px; padding-left: 10px;
border-left: 3px solid #aaaaaa; line-height: 150%; }

.top_container_article_update { display: block; width: 480px; border-left: 5px solid #01a5e4; margin: 10px 0px 20px 0px; font-size: 11px; color: #666666; text-align: left; line-height: 120%; }
.top_container_article_update a { color: #666666; display: block; width: 480px; border: none; border-left: 5px solid #01a5e4;}
.top_container_article_update:hover { display: block; width: 480px; background-color: #dddddd; border: none; border-left: 5px solid #666666; color: #666666; }
.top_container_article_update h3 { margin: 0px 10px 10px 0px; font-size: 15px; color: #000000; font-weight: bold;  line-height: 110%;} 
.top_container_article_update h3 a { color: #000000; font-weight: normal; border: none; text-decoration: none;} 
.top_container_article_update h3 a:hover { color: #01a5e4; font-weight: normal; border: none; text-decoration: none; } 
.top_container_article_update h4 { margin: 0px 10px 0px 0px; font-size: 11px; color: #666666; font-weight: normal; line-height: 110%;} 
.top_container_article_update h4 a { color: #666666; font-weight: normal; border: none; text-decoration: none; } 
.top_container_article_update h4 a:hover { color: #666666; font-weight: normal; border: none; text-decoration: none; } 
.top_container_article_update_img { margin-right: 5px; padding: 0px; float: left; width: 75px; height: 75px; }
.top_container_article_update_img img { border: none; }

.top_container_archive { float: left; width: 230px; text-align: left;}
.top_container_archive_box { border: 1px solid #aaaaaa; margin: 15px 0px 15px 0px; padding: 5px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif; line-height: 170%; background-color: #ffffff; color: #777777; font-size: 11px;  }
.top_container_archive_box h2 { margin: 0; padding: 3px 5px 3px 5px; background-color: #01a5e4; background-image: url(http://castalia.jp/img/sub_tit_bg_23.gif); color: #ffffff; font-size: 13px; font-weight: normal;  }
.top_container_archive ul { margin: 0px; padding: 0px; }
.top_container_archive li { margin: 10px 0px 10px 0px; padding: 0px; line-height: 150%; list-style-type: none;}

.top_container_list_item { display: block; width: 370px; border-left: 5px solid #01a5e4; margin: 10px 0px 20px 0px; font-size: 11px; color: #666666; text-align: left; line-height: 120%; }
.top_container_list_item a { color: #666666; display: block; width: 480px; border: none; border-left: 5px solid #01a5e4;}
.top_container_list_item:hover { display: block; width: 480px; background-color: #dddddd; border: none; border-left: 5px solid #666666; color: #666666; }
.top_container_list_item h3 { margin: 0px 10px 10px 0px; font-size: 13px; color: #000000; font-weight: bold;  line-height: 110%;} 
.top_container_list_item h3 a { color: #000000; font-weight: normal; border: none; text-decoration: none;} 
.top_container_list_item h3 a:hover { color: #01a5e4; font-weight: normal; border: none; text-decoration: none; } 
.top_container_list_item h4 { margin: 0px 10px 0px 0px; font-size: 9px; color: #666666; font-weight: normal; line-height: 110%;} 
.top_container_list_item h4 a { color: #666666; font-weight: normal; border: none; text-decoration: none; } 
.top_container_list_item h4 a:hover { color: #666666; font-weight: normal; border: none; text-decoration: none; } 
.top_container_list_item_img { margin-right: 5px; padding: 0px; float: left; width: 75px; height: 75px; }
.top_container_list_item_img img { border: none; }

/* ------------ PART DESIGN - ch_body - ------------ */

#ch_body { margin: 0 auto; padding: 0; width: 980px; border: none; }
.ch_body_banner { width: 980px; margin: 0px; padding: 0px; border: none; }
.ch_body_left { float: left; width: 520px; margin: 0px; padding: 0px; }
.ch_body_right { float: left; width: 460px; margin: 0px; padding: 0px; }


/* ------------ PART DESIGN - ch_body_appeal - ------------ */

.ch_body_left_appeal { margin: 0px; padding: 10px; text-align: center; }
.ch_body_right_appeal { margin: 0px; padding: 10px 10px 10px 0px; border: none; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif; line-height: 170%; background-color: #ffffff; color: #777777; font-size: 13px; text-align: left;}
.ch_body_right_appeal h3 { margin: 0px 10px 20px 0px; font-size: 17px; color: #000000; font-weight: bold; }
.ch_body_right_appeal a { text-decoration: none; border-bottom: 1px dotted #01a5e4; color: #01a5e4; }
.ch_body_right_appeal a:hover { text-decoration: none; border-bottom: 1px dotted #666666; color: #666666; }

/* ------------ PART DESIGN - ch_body_right - ------------ */

.ch_body_right_podcast { padding: 10px; }
.ch_body_right_podcast ul { margin: 0; padding: 0; } 
.ch_body_right_podcast li { float: left; display: inline; margin: 10px; width: 130px; height: 150px; padding: 0;  text-align: center; list-style: none; font-size: 11px; line-height:100%; } 
.ch_body_right_podcast li:hover { width: 130px; height: 150px; background-color: #333333; }

.ch_body_right_archive_box { border: 1px solid #aaaaaa; margin: 15px 0px 15px 0px; padding: 5px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif; line-height: 170%; background-color: #ffffff; color: #777777; font-size: 11px; text-align: left; }
.ch_body_right_archive_box h2 { margin: 0; padding: 3px 5px 3px 5px; background-color: #01a5e4; background-image: url(http://castalia.jp/img/sub_tit_bg_23.gif); color: #ffffff; font-size: 13px; font-weight: normal;  }
.ch_body_right_archive ul { margin: 0px; padding: 0px; }
.ch_body_right_archive li { margin: 10px 0px 10px 0px; padding: 0px; line-height: 150%; list-style-type: none;}
.ch_body_right_archive a { text-decoration: none; border-bottom: 1px dotted #01a5e4; color: #01a5e4; }
.ch_body_right_archive a:hover { text-decoration: none; border-bottom: 1px dotted #666666; color: #666666; }

/* ------------ PART DESIGN - ch_body_left - ------------ */

.ch_body_left_article { margin: 0px; padding: 10px; text-align: left; }
.ch_body_left_article ul { margin: 10px; padding: 0px; }
.ch_body_left_article li { width: 500px; margin: 0px 0px 30px 0px; padding: 0px; line-height: 150%; list-style-type: none;  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif; line-height: 150%; color: #777777; font-size: 12px; }
.ch_body_left_article li strong { font-weight: bold; font-size: 15px; color: #aaaaaa;}
.ch_body_right_article li:hover { width: 500px; background-color: #333333; }

label.current{
    padding-top:2px;
    color:#fff;
    background:transparent url(../images/blueslate_backgroundOVER.gif) no-repeat top center;
}

label.current_sub {
    color:#000000;
    background:transparent url(../images/bg.jpg) repeat-x top center;
}

label.current_sub_dark {
    color:#FFFFFF;
    background:transparent url(../images/drk_blue.jpg) repeat-x top center;
}

.feild1 {
  float: left;
  width: 150px;
  padding: 5px;
  text-align: right;
}
.feild2 {
  float: left;
  width: 380px;
  padding: 5px;
}
.episode_replay{
    width:462px;
    padding-bottom:15px;
}
.replay_button{
  width: 44px;
  height: 22px;
  vertical-align: bottom;
  font-size: 11px;
  border: 1px solid #9F9F9F;
  background-color: #CCCCCC;

}
.replay_comment{
    float:left;
    padding:5px 40px;
    width:385px;
}
.replay_comment_text{
    border-left: 1px solid #CCCCCC;
    padding:5px;
    font-size:11px;
    overflow:hidden;
}
.replay_comment_input{
    float:left;
    width:310px;
}
.replay_save{
    float:right;
    width:75px;
}
.replay_container{
    float:left;
    width:445px;
    padding:0px 3px 5px 14px;
    font-size:12px;
}
.text_area_replay {
  overflow: auto;
  width: 240px;
  height: 50px;
  border: 1px solid #CCCCCC;
  vertical-align: bottom;
}
.replay_user{
    text-align:right;
    font-size:11px;
    padding-right:10px;
    padding-bottom:2px;
    border-bottom:1px dotted #CCCCCC;
    border-left:1px solid #CCCCCC;
}

/*Styles for menu language*/
#slider_div{
float:left;
width:80px;
}