/***************************************************
  layout
***************************************************/  
body {
  text-align: center;
}


#layout {
  margin-left: auto;
  margin-right: auto;
}

#contents a:link,
#contents a:visited,
#contents_top a:link,
#contents_top a:visited {
  color: #0276CD;
  text-decoration:none;
}
#contents a:hover,
#contents a:active,
#contents_top a:hover,
#contents_top a:active {
  color: #FFA200;
  text-decoration:none;
}
.cl {
  clear: both;
  margin: 0;
  padding: 0;
  width: 0px;
  height: 0px;
  line-height: 0;
  font-size: 0px;
}
.t_small {
  font-size: 70%;
}
.t_left {
  text-align: left;
}
.t_center {
  text-align: center;
}
.t_right {
  padding: 5px 0 10px;
  text-align: right;
}
.ipt {
  padding: 2px;
  width: 280px;
  border: 1px solid #999999;
  background-color: #ffffff;
}
.vtop {
  vertical-align: top;
}


/*******************************/
/* ボディブロック */
/*******************************/
.contents_header_top {
  clear: both;
  width: 760px;
  height: 20px;
  font-size: 0px;
  background: url(/image/top/con_header.gif) no-repeat bottom left;
}
/**/
.contents_header {
  clear: both;
  width: 760px;
  height: 11px;
  font-size: 0px;
/*  background: url(/image/contents/con_header.gif) no-repeat bottom left;*/
}

.contents_footer_top {
  padding-bottom: 25px;
  width: 760px;
  font-size: 0px;
  background: url(/image/top/con_footer.gif) no-repeat top left;
}
/**/
.contents_footer {
  padding-bottom: 20px;
  width: 760px;
  font-size: 0px;
/*  background: url(/image/contents/con_footer.gif) no-repeat top left;*/
}

#contents_top {
  text-align: cente;
  margin: 0 auto;
  padding: 0;
  width: 760px;
  background: url(/image/top/con_bg.gif) repeat-y top left;
}
#contents_top #box {
  width: 661px;
  float: left;
}
#contents_top #box #main {
  width: 450px;
  float: right;
}
#contents_top #box #left {
  padding: 7px 0 0 13px;
  float: left;
}

#contents_top #right {
  margin-top: 20px;
  width: 174px;
  background: url(/image/top/con_r_bg.gif) repeat-y top left;
  float: left;
  overflow:hidden;
  word-break:break-all;
}


/***************************************************
  【ID】 content 
***************************************************/  
#contents {
  text:align: center;
  margin: 0;
  padding: 0;
  width: 760px;
}

/* 2カラム */
#contents #box {
  padding: 0;
/*
  padding: 0 8px 8px 0px;
  */
}

/* 1カラム */
#contents #box2 {
  padding: 0 19px 8px 6px;
}

#contents #box #main {
  width: 570px;
  float: left;
}
#contents #box #right {
  float: right;
  padding: 0px;
/*
  padding: 4px 7px 0 6px;
  background-color: #E6E6E6;
  */
}

/* 1カラム */
#contents h2 {
  margin: 0 0 8px 0px;
  padding: 7px 0 0 15px;
  width: 760px;
  height: 34px;
  font-size: 90%;
  font-weight: bold;
  color: #ffffff;
  background: url(/image/menu/h2_title.gif) no-repeat top left;
}

/* 2カラム */
#contents #main h2 {
  margin: 0 0 5px 0;
  padding: 5px 0 0 10px;
  width: 570px;
  height: 33px;
  font-size: 80%;
  font-weight: normal;
  color: #ffffff;
  text-indent: 0;
  background: url(/image/menu/h2_title2.gif) no-repeat top left;
}
#contents #main h2 span {
  padding-left: 20px;
  font-size: 85%;
}

.right_header {
  width: 174px;
  height: 15px;
  font-size: 0px;
  background: url(/image/top/con_r_header.gif) no-repeat top left;
}
.right_footer {
  width: 174px;
  height: 15px;
  font-size: 0px;
  background: url(/image/top/con_r_footer.gif) no-repeat top left;
}

/* メインコンテンツ枠 */
.main_box {
  _width: 568px;
  width: 570px;
  border: 1px solid #999;
  border-top:none;
  margin-top: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align:center;
}
.main_box p{
  margin-right: 2.5%;
  margin-left: 2.5%;
}

.main_box_t {
  width: 740px;
  border: 1px solid #999;
  border-top:none;
  margin-top: 0px;
  text-align:center;
  padding-top:10px;
}

/***************************************************
  【CLASS】 content (the block under title)
***************************************************/  
/* 枠付き背景 */
.contents {
  background-color: #F0F0F0;
  border: 1px solid #999;
  width:100%px;
  text-align:center;
  margin:0 auto 15px auto;
  padding:1px 1px;
  font-size: 12px;
  display:block;
  color: #999;
  text-decoration: none;
}
.contents th {
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  padding:3px 3px 6px 3px;
  background:url(/image/top/shadow_s.gif) repeat-x bottom #A9B2C3;
  font-weight:normal;
  white-space:nowrap
  }
.center_contents {
  width:720px;
  background:url(/image/common/centerbox.gif) repeat-y left #F6F8FA;
  border-bottom:1px solid #CCC;
  text-align:center;
  padding:10px 0;
  font-size: 12px;
  color: #999;
  text-decoration: none;
  margin:0 auto 10px auto
  }
/* subWindow用 枠付き背景・ */
.subwin_contents {
  background: url(/image/contents/td_bg2.gif) repeat top left;
  border: 1px solid #4B92D6;
  width:550px;
  text-align:center;
  margin:0 auto 15px auto;
  padding:1px 1px;
  font-size: 12px;
  display:block;
  color: #999;
  text-decoration: none;
}
.subwin_contents th {
  font-size: 12px;
  color: #FFF;
  text-decoration: none;
  padding:3px 3px 6px 3px;
  background:url(/image/top/shadow_s.gif) repeat-x bottom #A9B2C3;
  font-weight:normal;
  white-space:nowrap
  }
.subwin_center_contents {
  width:720px;
  background:url(/image/common/centerbox.gif) repeat-y left #F6F8FA;
  border-bottom:1px solid #CCC;
  text-align:center;
  padding:10px 0;
  font-size: 12px;
  color: #999;
  text-decoration: none;
  margin:0 auto 10px auto
  }

/***************************************************
  ヘッダーナビゲーション
***************************************************/  
.pan {
  padding-left: 10px;
  width: 760px;
  font-size: 12px;
  color: #0276CD;
}
.pan h1 {
  font-size: 12px;
  font-weight: normal;
  display: inline;
  vertical-align: middle;
}
.pan a:link,
.pan a:visited {
  color: #0276CD;
  text-decoration:none;
}
.pan a:hover,
.pan a:active {
  color: #FFA200;
  text-decoration:none;
}


/***************************************************
  メニュー
***************************************************/  
/* ポータル */
#cont_menu {
  width: 760px;
  height: 41px;
}

/* ブログ */
#cont_menu_b {
  width: 760px;
/*  height: 72px;*/
}

/* サークル */
#cont_menu_c {
  width: 760px;
/*
  height: 72px;
*/
}

/* サークル */
/*#cont_menu_c {
  width: 825px;
  height: 72px;
}
*/
#cont_menu_c2 {
  width: 760px;
/*  height: 72px;*/
}
#cont_menu_c3 {
  width: 760px;
/*  height: 72px;*/
}
#cont_menu_c4 {
  width: 760px;
/*  height: 72px;
  */
}
#cont_menu_c5 {
  width: 760px;
  /*
  height: 72px;
  */
}

/* イベント */
#cont_menu_e {
  width: 760px;
  /*
  height: 72px;
  */
}

/* グローバルナビ */
ul#cont_menu_l {
  float: left;
  width: 600px;
  height:22px;
}
ul#cont_menu_l li {
  margin: 0;
  padding: 0;
  display:block;
  float:left;
  text-indent:-9999px;
}
ul#cont_menu_l li a {
  border:0;
  display:block;
  text-decoration:none;
  margin-bottom: -5px;
}

/* サブナビ 左のメニュー */
ul#cont_menu_r {
  float: right;
  width: 160px;
  height:22px;
}
/* 非ログイン状態*/
ul#cont_menu_r_not_login {
  float: right;
  width: 80px;
/*  height: 41px;*/
}
ul#cont_menu_r_not_login li, 
ul#cont_menu_r li {
  margin: 0;
  padding: 0;
  display:block;
  float:left;
  text-indent:-9999px;
}
ul#cont_menu_r_not_login li a,
ul#cont_menu_r li a {
  border:0;
  display:block;
  text-decoration:none;
}


/* サブナビ 管理者ボタン */
ul.cont_menu_sub_myfid {
  background:#F0F0F0 url(/image/menu/bg_lnavi_myfid.gif) no-repeat scroll 0% 0%;
}  
ul.cont_menu_sub_sv {
  background:#F0F0F0 url(/image/menu/bg_lnavi_sv.gif) no-repeat scroll 0% 0%;
}  
ul.cont_menu_sub_blog {
  background:#F0F0F0 url(/image/menu/bg_lnavi_blog.gif) no-repeat scroll 0% 0%;
}  
ul.cont_menu_sub_circle {
  background:#F0F0F0 url(/image/menu/bg_lnavi_circle.gif) no-repeat scroll 0% 0%;
}  
ul.cont_menu_sub_event {
  background:#F0F0F0 url(/image/menu/bg_lnavi_event.gif) no-repeat scroll 0% 0%;
}  
ul.cont_menu_sub_clip {
  background:#F0F0F0 url(/image/menu/bg_lnavi_clip.gif) no-repeat scroll 0% 0%;
}  
ul#cont_menu_sub {
  clear: both;
  display:block;
  width:760px;
  height:25px;
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
  border-bottom:2px solid #999;
  margin-bottom:15px;
}
ul#cont_menu_sub li {
  display:block;
  padding:6px 8px;
  text-align:center;
  float:left;
  border-right:1px solid #ccc;
  margin-top:1px;
  font-size:12px;
  height:25px;
}
ul#cont_menu_sub a {
  border:0;
  display:block;
  text-decoration:none;
}
.select{
  background:url(/image/menu/select_bg.gif) repeat-x scroll 0% 0%;
}

ul#cont_menu_sub span a:link,
ul#cont_menu_sub span a:visited {
  text-indent: 0;
  margin: 7px auto auto 10px;
  width: 100px;
  color: #0276CD;
  text-decoration:none;
}
ul#cont_menu_sub span a:hover,
ul#cont_menu_sub span a:active {
  color: #FFA200;
  text-decoration:none;
}

.pan h1.to_manage{ 
  padding: 4px;              
  margin-left: 560px;
  width: 75px;
  height: 22px;
  background-color: #39f;              
  border: 1px solid #00f;
  color: #fff;
  vertical-align: middle;
}

.pan h1.to_manage a{
  color: white;
}
.pan h1.to_manage a:link:visited{
  color: white;
}

/* タイトル グローバル */
li#bl_myfid_on a {
  margin-left:5px;
  width:90px;
  height:27px;
  background: url(/image/menu/tab_myfid_on.gif) no-repeat 0 0;
}
li#bl_myfid_off a {
  margin-left:5px;
  width:90px;
  height:27px;
  background: url(/image/menu/tab_myfid_off.gif) no-repeat 0 0;
}
li#bl_sv_on a {
  margin-left:5px;
  width:90px;
  height:27px;
  background: url(/image/menu/tab_sv_on.gif) no-repeat 0 0;
}
li#bl_sv_off a {
  margin-left:5px;
  width:90px;
  height:27px;
  background: url(/image/menu/tab_sv_off.gif) no-repeat 0 0;
}
li#bl_blog_on a {
  margin-left:5px;
  width:90px;
  height:27px;
  background: url(/image/menu/tab_blog_on.gif) no-repeat 0 0;
}
li#bl_blog_off a {
  margin-left:5px;
  width:90px;
  height:27px;
  background: url(/image/menu/tab_blog_off.gif) no-repeat 0 0;
}
li#bl_circle_on a {
  margin-left:5px;
  width:90px;
  height:27px;
  background: url(/image/menu/tab_circle_on.gif) no-repeat 0 0;
}
li#bl_circle_off a {
  margin-left:5px;
  width:90px;
  height:27px;
  background: url(/image/menu/tab_circle_off.gif) no-repeat 0 0;
}
li#bl_event_on a {
  margin-left:5px;
  width:90px;
  height:27px;
  background: url(/image/menu/tab_event_on.gif) no-repeat 0 0;
}
li#bl_event_off a {
  margin-left:5px;
  width:90px;
  height:27px;
  background: url(/image/menu/tab_event_off.gif) no-repeat 0 0;
}
li#bl_clip_on a {
  margin-left:5px;
  width:90px;
  height:27px;
  background: url(/image/menu/tab_clip_on.gif) no-repeat 0 0;
}
li#bl_clip_off a {
  margin-left:5px;
  width:90px;
  height:27px;
  background: url(/image/menu/tab_clip_off.gif) no-repeat 0 0;
}
li#bl_help a {
  width: 73px;
/*  height: 41px;*/
}
li#bl_logout a {
  width: 80px;
  height: 14px;
  background: url(/image/sec/logout.gif) no-repeat 0 0;
}

/* タイトル サブ ブログ */
li#sub_myblog a {
/*
  width: 79px;
  height: 25px;
  */
}
li#sub_blog a {
/*
  width: 85px;
  height: 31px;
  */
}
li#sub_profile a {
/*
  width: 113px;
  height: 31px;
  */
}
li#sub_friend a {
/*
  width: 86px;
  height: 31px;
  */
}
li#sub_enquete a {
/*
  width: 86px;
  height: 31px;
  */
}
li#sub_design a {
/*
  width: 86px;
  height: 31px;
  */
}
li#sub_setup a {
/*
  width: 76px;
  height: 31px;
  */
}
li#sub_confirm a {
/*
  width: 86px;
  height: 31px;
  */
}
li#sub_message a {
/*
  width: 100px;
  height: 31px;
  */
}

li#sub_myblog_on a {
/*  width: 79px;*/
/*  height: 31px;*/
}
li#sub_blog_on a {
/*
  width: 85px;
  height: 31px;
  */
}
li#sub_profile_on a {
/*
  width: 113px;
  height: 31px;
  */
}
li#sub_friend_on a {
/*
  width: 86px;
  height: 31px;
  */
}
li#sub_enquete_on a {
/*
  width: 86px;
  height: 31px;
  */
}
li#sub_design_on a {
/*
  width: 86px;
  height: 31px;
  */
}
li#sub_setup_on a {
/*
  width: 76px;
  height: 31px;
  */
}
li#sub_confirm_on a {
/*
  width: 86px;
  height: 31px;
  */
}
li#sub_message_on a {
/*
  width: 100px;
  height: 31px;
  */
}


/* タイトル サブ サークル */
li#sub_circle a {
  /*
  width: 91px;
  height: 31px;
  */
}
li#sub_search a {
  /*
  width: 117px;
  height: 31px;
  */
}
li#sub_petition a {
  /*
  width: 112px;
  height: 31px;
  */
}

li#sub_circle_on a {
  /*
  width: 92px;
  height: 31px;
  */
}
li#sub_search_on a {
  /*
  width: 117px;
  height: 31px;
  */
}
li#sub_petition_on a {
  /*
  width: 114px;
  height: 31px;
  */
}

/* タイトル サブ サークル2 */
li#sub_mycircle a {
/*
  width: 91px;
  height: 31px;
  */
}
li#sub_c_write a {
/*
  width: 136px;
  height: 31px;
  */
}
li#sub_c_member a {
/*
  width: 86px;
  height: 31px;
  */
}
li#sub_c_event a {
/*
  width: 61px;
  height: 31px;
  */
}
li#sub_c_enquete a {
/*
  width: 61px;
  height: 31px;
  */
}
li#sub_c_user a {
/*
  width: 112px;
  height: 31px;
  */
}
li#sub_c_set a {
/*
  width: 85px;
  height: 31px;
  */
}
li#sub_c_blog a {
/*
  width: 141px;
  height: 31px;
  */
}

li#sub_mycircle_on a {
  /*
  width: 92px;
  height: 31px;
  */
}
li#sub_c_write_on a {
  /*
  width: 136px;
  height: 31px;
  */
}
li#sub_c_member_on a {
  /*
  width: 86px;
  height: 31px;
  */
}
li#sub_c_event_on a {
  /*
  width: 61px;
  height: 31px;
  */
}
li#sub_c_enquete_on a {
  /*
  width: 61px;
  height: 31px;
  */
}
li#sub_c_user_on a {
  /*
  width: 112px;
  height: 31px;
  */
}
li#sub_c_set_on a {
  /*
  width: 85px;
  height: 31px;
  */
}
li#sub_c_blog_on a {
  /*
  width: 141px;
  height: 31px;
  */
}


/* タイトル サブ サークル3 */
#cont_menu_c3 li#sub_c_blog_on a {
  /*
  width: 141px;
  height: 31px;
  */
}

/* タイトル サブ サークル4 */
li#sub_c_design a {
  /*
  width: 88px;
  height: 31px;
  */
}
li#sub_c_blogset a {
  /*
  width: 75px;
  height: 31px;
  */
}
li#sub_c_design_on a {
  /*
  width: 88px;
  height: 31px;
  */
}

li#sub_c_blogset_on a {
  /*
  width: 75px;
  height: 31px;
  */
}

#cont_menu_c4 li#sub_c_blog_on a {
  /*
  width: 141px;
  height: 31px;
  */
}


/* タイトル サブ サークル5 */
#cont_menu_c5 li#sub_c_blog a {
/*
  width: 141px;
  height: 31px;
  */
}
#cont_menu_c5 li#sub_c_blog_on a {
  /*
  width: 141px;
  height: 31px;
  */
}


/***************************************
  popup_layout
***************************************/  
#pop {
  margin:0;
  padding:0;
  text-align:center;
  background:#FFF
  }
#pop_layout{
  margin:0 auto;
  text-align:center
  }

/***************************************
  popup_layout
***************************************/  
.error_bg {
  text-align:center;
  }
.error_bg .title_m {


  }
.error_bg .contents {
  margin:0 auto;
  }
  
/***************************************************
  popup
***************************************************/
div.popup {
/*
  visibility:hidden;
  position: absolute;
  border: 1px solid #900;
  background:#FEE;
  z-index: 1;
  padding: 5px;
  width: 220px;
  font-size: 12px;
  filter : alpha(opacity=95);
  opacity : 0.95;
  -moz-border-radius : 7px;
*/
  visibility:hidden;
  position: absolute;
  border: 1px solid #669900;
  background-color: #eeffca;
  z-index: 1;
  padding: 5px;
  width: 220px;
  font-size: 12px;
  filter : alpha(opacity=95);
  opacity : 0.95;
  -moz-border-radius : 7px;
}
  
/***************************************
  ascii_art_layout
***************************************/  
#asciiArtCategory,
#asciiArtCategoryEx {
  background-color: #DDD;
}

#asciiArtCategory a:link,
#asciiArtCategory a:visited,
#asciiArtCategoryEx a:link,
#asciiArtCategoryEx a:visited
{
  font-size: 12px;
  color: #666;
  text-decoration: none;
} 

#asciiArtCategory a:hover,
#asciiArtCategoryEx a:hover{
  color: #333;
  text-decoration:underline;
}


#asciiArtPos a:link,
#asciiArtPos a:visited,
#asciiArtPosEx a:link,
#asciiArtPosEx a:visited
{
  color:#333333;
} 
#asciiArtPos a:hover,
#asciiArtPosEx a:hover
{
  background-color: #9999cc;
}

/***************************************************
  subwindow
***************************************************/
.sublayoutbox {
  width:570px;
  margin:10px auto;
  padding:0 0 10px 0;
  text-align:center
  /*
  border-bottom:1px solid #CCC;
  */
  }
.sublayoutbox .title {
  margin: 0;
  padding: 5px 0 0 10px;
  width: 570px;
  height: 33px;
  font-size: 80%;
  font-weight: normal;
  color: #FFF;
  text-indent: 0;
  background: url(/image/menu/h2_title2.gif) no-repeat top left;
  }
.sublayoutbox .line {
  height:10px;
  margin:0;
  }
.sublayoutbox_m {
  width:530px;
  margin:10px auto;
  padding:0 0 10px 0;
  background:url(/image/common/pop_bg.gif) repeat-y;
  border-bottom:1px solid #CCC;
  text-align:center
  }
.sublayoutbox_m .title {
  background:url(/image/common/title_m.jpg) repeat-x;
  color:#FFF;
  font-size:12px;
  font-weight:normal;
  padding:5px 5px 7px 3px;
  border:none
  }
.sublayoutbox_m .line {
  height:10px;
  margin:0;
  }

#layout_right{
	float:right;
	width:510px;

  border:1px solid #CCC;
/*
	margin-left:5px;
	margin-right:5px;
	float:left;
	width:350px;
*/
}
/** プレビュー用 */
.pre_head {
  background: url(/image/entry/pre_head.gif) no-repeat top left;
  height : 28px;
  width  : 520px;
}
.pre_bg {
  background: url(/image/entry/pre_bg.gif) repeat-y top;
  width  : 520px;
}
.pre_bottom {
  background: url(/image/entry/pre_bottom.gif) no-repeat top left;
  height : 5px;
  width  : 520px;
}

/* フッター情報 START */
#footer {
  display:block;
  width:100%;
  text-align:center;
  padding-top:20px;
  clear:both;
}
#footer_menu {
  display:block ;
  width:650px;
  text-align:center;
  margin:0px auto;
}
#footer_menu .upper {
  display:block;
  margin-top:8px;
  text-align:center;
  list-style-type:none;
}
#footer_menu .upper li {
  display:inline;
}
#footer_menu .under {
  display:block;
  margin-top:8px;
  list-style-type:none;
  text-align:center;
}
#footer_menu .under li {
  display:inline;
}
#contents_outline {
  text:align: center;
  margin: 0;
  padding: 10px;
  width: 100%;
}
/*
.l_side {
	width:250px;
}
*/

#left_help {
 width:230px;
 float:right;
 margin-left:15px;
}

/***************************************************
 テーブルデザイン
***************************************************/
.top_new_title {
  background: #F0F0F0;
}

/*
div {
  border: 1px solid #999px;
}
*/