文字が小さくて読みにくいときは、 スタイルシートを編集して文字の大きさを変更してみましょう。

コントロールパネルへログインし、 【デザイン設定】画面からカスタマイズする【テンプレ−トセット】を選択します。 その中から「スタイルシート」のテンプレートを選択して、スタイルシートの編集を行います。

変更前のソース
@charset "utf-8"; /* Common ------------------------------------------ */ * { margin: 0; padding: 0; } body { color: #333; font-size: 12px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background: #FFF; } img { border: none; } hr { display: none; clear: both; } br.clear { clear: both; font-size: 0; line-height: 0; } table { clear: both; } /* リンクカラー ------------------------------------------ */ a:link { color: #336699; text-decoration: underline; } a:visited { color: #336699; text-decoration: none; } a:hover { color: #D8473F; text-decoration: none; } a:active { color: #D8473F; text-decoration: none; } /* ページレイアウト ------------------------------------------ */ #wrapper { width: 800px; margin: 0 auto 20px auto; background: #FFF; } #header { height: 105px; background: url(/common/master/image/background/header.gif) no-repeat; } #side { width: 200px; padding: 10px 10px 0 10px; clear: both; } #main { padding: 10px 15px 20px 5px; clear: both; } #container { padding: 10px 15px 20px 10px; clear: both; } #footer { margin: 0 0 0 0; padding: 0 0 0 0; border-top: 1px solid #CCC; } /* ヘッダー部分の要素 ------------------------------------------ */ #admin_menu { padding: 2px 3px; background: url(/common/master/image/background/header_admin.gif); text-align: left; } #admin_menu img { margin: 1px; } #admin_menu img:hover { background: #8ED829; } #header_menu { height: 15px; padding: 10px 15px 0 15px; color: #FFF; } #header h1 { font-size: 18px; color: #FFF; padding: 10px 0 10px 20px; } #header h1 a:link, #header h1 a:hover, #header h1 a:visited, #header h1 a:active { color: #FFF; text-decoration: none; } #header h2 { font-size: 11px; color: #FFF; margin: 0 0 0 20px; padding: 0 0 0 20px; background: url(/common/master/image/description.gif) no-repeat; } #header .common_menu { font-size: 14px; padding: 10px; text-align: center; } #header .searchbox { margin-right: 10px; text-align: right; } #header .searchbox .search_text { width: 170px; border: 1px solid #FFF; margin: 0 3px 0 0; padding: 3px 3px 3px 25px; font-size: 11px; background: #FFF url(/common/master/image/search.gif) no-repeat 4px 4px; } #header .searchbox .search_button { font-size: 11px; } /* メニュー部分の要素 ------------------------------------------ */ #menu { padding: 0 0 0 10px; text-align: left; background: url(/image/background/submenu.gif) repeat-x; } #menu ul { } #menu li { display: inline; float: left; } #menu ul li a { display: block; height: 29px; } #menu span.alt { display: none; } #menu li#menu-home a { background: url(/common/master/image/menu/home.gif) no-repeat; width: 98px; } #menu li#menu-diary a { background: url(/common/master/image/menu/diary.gif) no-repeat; width: 98px; } #menu li#menu-calendar a { background: url(/common/master/image/menu/calendar.gif) no-repeat; width: 98px; } #menu li#menu-event a { background: url(/common/master/image/menu/event.gif) no-repeat; width: 98px; } #menu li#menu-enquete a { background: url(/common/master/image/menu/enquete.gif) no-repeat; width: 98px; } #menu li#menu-file a { background: url(/common/master/image/menu/file.gif) no-repeat; width: 98px; } #menu li#menu-message a { background: url(/common/master/image/menu/message.gif) no-repeat; width: 98px; } #menu li#menu-group a { background: url(/common/master/image/menu/group.gif) no-repeat; width: 98px; } #menu li#menu-friend a { background: url(/common/master/image/menu/friend.gif) no-repeat; width: 98px; } #menu li#menu-setup a { background: url(/common/master/image/menu/setup.gif) no-repeat; width: 98px; } #menu li#menu-profile a { background: url(/common/master/image/menu/profile.gif) no-repeat; width: 98px; } #menu li#menu-clip a { background: url(/common/master/image/menu/clip.gif) no-repeat; width: 98px; } #menu li#menu-todo a { background: url(/common/master/image/menu/todo.gif) no-repeat; width: 98px; } #menu li#menu-qa a { background: url(/common/master/image/menu/qa.gif) no-repeat; width: 98px; } #menu li#menu-group_top a { background: url(/common/master/image/menu/group_top.gif) no-repeat; width: 143px; } #menu li#menu-group_topic a { background: url(/common/master/image/menu/group_topic.gif) no-repeat; width: 101px; } #menu li#menu-group_topic_entry a { background: url(/common/master/image/menu/group_topic_entry.gif) no-repeat; width: 133px; } #menu li#menu-group_event a { background: url(/common/master/image/menu/event.gif) no-repeat; width: 98px; } #menu li#menu-group_enquete a { background: url(/common/master/image/menu/enquete.gif) no-repeat; width: 98px; } #menu li#menu-group_file a { background: url(/common/master/image/menu/file.gif) no-repeat; width: 98px; } #menu li#menu-group_member a { background: url(/common/master/image/menu/group_member.gif) no-repeat; width: 111px; } #menu li#menu-group_setup a { background: url(/common/master/image/menu/group_setup.gif) no-repeat; width: 144px; } #menu li#menu-group_cancel a { background: url(/common/master/image/menu/group_cancel.gif) no-repeat; width: 156px; } #menu li#menu-group_join a { background: url(/common/master/image/menu/group_join.gif) no-repeat; width: 156px; } /* サイド部分の要素 ------------------------------------------ */ #side .box { width: 200px; margin: 0 0 10px 0; background: #FFF url(/common/master/image/sidebox/center.gif) repeat-y; clear: both; } #side .box .box_header { height: 10px; background: #FFF url(/common/master/image/sidebox/header.gif) no-repeat; } #side .box .box_footer { height: 10px; background: #FFF url(/common/master/image/sidebox/footer.gif) no-repeat; } #side .box .side_title { font-weight: bolder; border-bottom: 1px solid #CCC; margin: 0px 10px 5px 10px; padding: 0 0 5px 0; } #side ul.menulist li { list-style-type: none; background: url(/common/master/image/list/menu.gif) no-repeat 0 3px; margin: 0 10px 0 10px; padding: 3px 0 3px 20px; font-size: 14px; } #side ul.menulist li.diary_entry { background: url(/common/master/image/list/diary_entry.gif) no-repeat 0 3px; } #side ul.menulist li.schedule_entry { background: url(/common/master/image/list/schedule_entry.gif) no-repeat 0 3px; } #side ul.menulist li.message_inbox { background: url(/common/master/image/list/message_inbox.gif) no-repeat 0 3px; } #side ul.menulist li.message_outbox { background: url(/common/master/image/list/message_outbox.gif) no-repeat 0 3px; } #side ul.menulist li.message_draft { background: url(/common/master/image/list/message_draft.gif) no-repeat 0 3px; } #side ul.menulist li.message_trash { background: url(/common/master/image/list/message_trash.gif) no-repeat 0 3px; } #side ul.menulist li.group_entry { background: url(/common/master/image/list/group_entry.gif) no-repeat 0 3px; } #side ul.linklist li { list-style-type: none; background: url(/common/master/image/list/link.gif) no-repeat 2px top; margin: 5px 10px 0 10px; padding: 0 0 0 15px; } #side .side_icons { margin: 5px 10px 5px 10px; } #side .icons img { } #side .tags { margin: 0 10px 5px 10px; } #side .tags a { border-bottom: 1px dotted #CCC; } #side .tags a:hover { border-bottom: none; background: #336699; color: #FFF; } /* メイン部分の要素 ------------------------------------------ */ #main h2 { margin: 0 0 10px 0; padding: 3px 0 3px 5px; font-size: 14px; color: #333; border-left: 3px solid #CCC; background: #EEE; } #main .box { margin: 0 0 20px 0; clear: both; } .more { float: right; margin: 5px; padding: 0 0 0 20px; background: url(/common/master/image/arrow.gif) no-repeat 2px; } .bookmark { float: left; margin:5px 5px 5px 0; padding: 0 0 0 20px; background: url(/common/master/image/bookmark.gif) no-repeat 2px; } .bookmark_link { margin:10px 20px; padding:10px; background:#efefef; } #side ul.menulist li.bookmark_side { background: url(/common/master/image/bookmark.gif) no-repeat 0 3px; } .edit { text-align: right; margin: 5px 5px 0 0; } .add { text-align: right; margin: 5px 5px 0 0; } /* メイン部分（サイドがない場合）の要素 ------------------------------------------ */ #container .box { margin: 10px 0 10px 0; clear: both; } #container h2 { margin: 0 0 10px 0; padding: 3px 0 3px 5px; font-size: 14px; color: #333; border-left: 3px solid #CCC; background: #EEE; } /* フッター部分の要素 ------------------------------------------ */ #footer p { text-align: center; font-size: 11px; margin: 10px 0 10px 0; } /* アイコン画像 ------------------------------------------ */ .icon { text-align: center; margin: 20px 0 10px 0; padding: 0; } .icon p { margin: 5px 0 0 0; } .icons { width: 120px; height: 120px; float: left; text-align: center; margin: 5px; padding: 10px 0 0 0; background: #F5F5F5; border: 1px solid #CCC; } #main .box .icons { width: 120px; height: 120px; float: left; text-align: center; margin: 5px 0 5px 10px; padding: 10px 0 0 0; background: #FFF; border: 1px solid #EEE; } .icons:hover { background: #EEE; border: 1px solid #CCC; } .icons p { margin: 5px 0 0 0; font-size: 11px; } .icon_t { width: 30px; height: 30px; padding: 3px; border: 1px solid #CCC; background: #FFF; } .icon_s { width: 50px; height: 50px; padding: 3px; border: 1px solid #CCC; background: #FFF; } .icon_m { width: 70px; height: 70px; padding: 5px; border: 1px solid #CCC; background: #FFF; } .icon_l { width: 140px; height: 140px; padding: 8px; border: 1px solid #CCC; background: #FFF; } .icon_t:hover, .icon_s:hover, .icon_m:hover, .icon_l:hover { border: 1px solid #999; background: #FFF; } /* テーブルの装飾 ------------------------------------------ */ .table_default { width: 100%; border-top: 1px solid #CCC; border-right: 1px solid #CCC; } .table_default th { background: #EEE; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; padding: 2px; text-align: center; } .table_default td { border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; padding: 3px; background: #FFF; } .table_list { width: 100%; border-top: 1px solid #CCC; border-right: 1px solid #CCC; } .table_list th { background: #EEE; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; padding: 2px; text-align: center; } .table_list td { border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; padding: 3px; background: #FFF; } .table_noborder { width: 100%; border: none; } .table_noborder th { border: none; padding: 2px; background: #FFF; text-align: center; } .table_noborder td { border: none; padding: 2px; background: #FFF; } .button_area { margin: 10px 0 10px 0; text-align: center; } /* フォーム ------------------------------------------ */ input, textarea, select, .inputarea { font-size: 12px; font-family: "MS ゴシック", Osaka, Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 2px; border: 1px solid #999; } #comment_form_description { width: 500px; height: 50px; margin: 0 0 10px 0; } #private_comment_form_description{ width: 500px; height: 50px; margin: 0 0 10px 0; } /*------------------------------------------ ユーザー登録画面 ------------------------------------------ */ #welcome h3 { margin: 20px 0 10px 0; padding: 10px 0 0 0; border-top: 1px solid #CCC; font-size: 12px; } #welcome .message { margin: 10px 0; padding: 10px; border: 1px solid #CCC; background: #F5F5F5; } #welcome textarea { padding: 5px; width: 500px; height: 150px; } #welcome .table_default { width: 500px; } #welcome .button_area { text-align: left; } /*------------------------------------------ ログイン画面 ------------------------------------------ */ #loginform { clear: both; padding: 10px; } #password_resend { padding: 10px; } /*------------------------------------------ ホーム ------------------------------------------ */ .info_mobile { background: url(/common/master/image/phone.png) no-repeat right; margin: 0 5px 0 0; padding: 1px 20px 0 0; font-size: 12px; height: 16px; } .information { margin: 10px 0 0 10px; list-style-type: none; } .information li { padding: 5px 0 3px 20px; list-style-type: none; } .information li.info_message { background: url(/common/master/image/list/info_message.gif) no-repeat 0 5px; } .information li.info_request { background: url(/common/master/image/list/info_request.gif) no-repeat 0 5px; } .information li.info_notice { background: url(/common/master/image/list/info_notice.gif) no-repeat 0 5px; } .information li.info_message a, .information li.info_request a { color: #990000; text-decoration: none; } .information a:hover { background: none; } div.newest_diary_tag { padding: 0 5px 0 0; list-style-type: none; } div.newest_diary_tag span { font-size: 11px; margin: 0 5px 0 0; } div.newest_diary_tag span a { color: #CC3300; text-decoration: none; } div.newest_diary_tag span a:hover { background: #CC3300; color: #FFF; text-decoration: none; } /*------------------------------------------ ファイル共有 ------------------------------------------ */ .memo { font-size: 11px; margin: 3px; padding: 2px; background: #eee; } /*------------------------------------------ 日記 ------------------------------------------ */ .diary_date { margin: 15px 0 0 0; } .diary_title { font-size: 16px; font-weight: bolder; margin: 5px 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px dotted #CCC; } .diary_body { line-height: 160%; margin: 10px 0 10px 0; } .diary_image { margin: 10px 0; padding: 10px; border: 1px dotted #CCC; background: #FFF; } .diary_image img { margin: 0 10px 0 0; border: 2px solid #ABDC70; } .diary_image img:hover { border: 2px solid #D8473F; } .diary_body blockquote { line-height: 160%; margin: 10px 0; padding: 10px; border-left: 1px solid #CCC; background: #F1F1F1; } .diary_tag { margin: 10px 0 10px 0; padding: 10px 0 0 0; border-top: 1px dotted #CCC; } .diary_state { margin: 10px 0 10px 0; padding: 10px 0 0 0; border-top: 1px dotted #CCC; text-align: right; } .diary_comment_title { font-weight: bolder; margin: 10px 0 15px 0; padding: 0 0 5px 0; border-bottom: 1px dotted #CCC; } .diary_comment_body { margin: 5px 0 15px 0; padding: 0 0 15px 0; border-bottom: 1px dotted #CCC; } .diary_footstamp_title { font-weight: bolder; margin: 10px 0 15px 0; padding: 0 0 5px 0; border-bottom: 1px dotted #CCC; } .diary_footstamp { margin: 10px 0 15px 0; padding: 10px; } .diary_footstamp img { margin: 0 5px 5px 0; } .diary_permalink_navi { font-size: 11px; text-align: center; margin: 5px 0; } .tags_assist { margin: 5px 0 5px 0; } .tags_assist a { margin-right: 3px; } .tags_assist a:hover { border-bottom: none; background: #336699; color: #FFF; } /*------------------------------------------ グループ ------------------------------------------ */ .topic_date { margin: 15px 0 0 0; } .topic_title { font-size: 16px; font-weight: bolder; margin: 5px 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px dotted #CCC; } .topic_body { line-height: 160%; margin: 10px 0 10px 0; } .topic_image { margin: 10px 0; padding: 10px; border: 1px dotted #CCC; background: #FFF; } .topic_image img { margin: 0 10px 0 0; border: 2px solid #ABDC70; } .topic_image img:hover { border: 2px solid #D8473F; } .topic_category { margin: 10px 0 10px 0; padding: 10px 0 0 0; border-top: 1px dotted #CCC; } .topic_state { margin: 10px 0 10px 0; padding: 10px 0 0 0; border-top: 1px dotted #CCC; text-align: right; } .topic_comment_title { font-weight: bolder; margin: 10px 0 15px 0; padding: 0 0 5px 0; border-bottom: 1px dotted #CCC; } .topic_comment_body { margin: 5px 0 15px 0; padding: 0 0 15px 0; border-bottom: 1px dotted #CCC; } #delete { margin: 50px 0 0 0; } #delete p { text-align: center; color: #FF0000; margin: 10px 0; } /*------------------------------------------ カレンダー／スケジュール ------------------------------------------ */ .table_calendar { width: 100%; border-top: 1px solid #CCC; border-right: 1px solid #CCC; } .table_calendar th { background: #EEE url(/common/master/image/background/th.gif); border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; padding: 2px; text-align: center; } .table_calendar td { border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; padding: 3px; background: #FFF; width: 14%; height: 70px; } .table_calendar td.today { background: #E2FAC1; } .table_calendar p.day { font-size: 18px; float: left; } .table_calendar p.add a { text-decoration: none; color: #999; } .table_calendar p.add a:hover { color: #666; } .table_calendar ul { clear: both; padding: 5px 0 0 0; } .table_calendar li { list-style-type: none; } #schedule .table_default select { width: 70px; } .side_calendar { margin: 10px; } .side_calendar_title { margin: 0 0 5px 0; text-align: center; } .table_side_calendar { border-top: 1px solid #CCC; border-right: 1px solid #CCC; } .table_side_calendar th { background: #EEE url(/common/master/image/background/th.gif); border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; text-align: center; font-size: 11px; } .table_side_calendar td { border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; background: #FFF; padding: 0px; text-align: center; font-size: 11px; } .table_side_calendar td a { display: block; background: #EEE; padding: 5px; } .table_side_calendar td a:hover { background: #CCC; color: #FFF; } .table_side_calendar td .day { display: block; padding: 5px; } .table_side_calendar td.today a { background: #D1ED98; } .icons_scedule { float: left; margin: 2px 10px 2px 2px; padding: 0 0 0 0; } .schedule_comment_title { font-weight: bolder; margin: 10px 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px dotted #CCC; } .schedule_comment_date { } .schedule_comment_body { margin: 5px 0 20px 0; } .schedule_permalink_navi { font-size: 11px; text-align: right; margin: 5px 0; } .reright { color:#555; text-align:left; font-size:14px; font-weight:bold; margin: 0 0 5px 0; padding: 0 0 0 23px; background: url(/common/master/image/list/schedule_entry.gif) no-repeat 3px 0; } /*------------------------------------------ アンケート ------------------------------------------ */ #enquete .enquete_comment_title { font-weight: bolder; margin: 10px 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px dotted #CCC; } #enquete .enquete_comment_date { } #enquete .enquete_comment_body { margin: 5px 0 20px 0; } #enquete .table_default select { width: 70px; } /*------------------------------------------ QA ------------------------------------------ */ #qa .qa_comment_title { font-weight: bolder; margin: 10px 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px dotted #CCC; } #qa .qa_comment_date { margin: 10px 0 10px 0; height:20px; } #qa .qa_comment_body { margin: 5px 0 0 0; padding: 0 0 15px 0; border-bottom: 1px dotted #CCC; } #qa .qa_default select { width: 70px; } #qa .qa_comment_form{ width: 500px; height: 30px; margin: 0 0 10px 0; } #qa .qa_rescomment_form{ width: 500px; height: 80px; margin: 0 0 10px 0; } #qa .qa_res_form{ padding:0 0 3px 0; margin:0 0 20px 50px; } #qa .qa_res{ font-weight:bold; color:#666; padding:0 0 5px 0; } #qa .qa_res_comment{ margin:0 0 15px 50px; background-color:#ddd; padding:10px 5px; } #side .selection_list { list-style-type: none; background: url(/common/master/image/list/menu.gif) no-repeat 0 3px; margin: 1px 0; padding: 3px 0 3px 20px; font-size: 12px; border-bottom:1px dashed #ccc; } /*------------------------------------------ 殿堂入り ------------------------------------------ */ .selection_title{ font-size:16px; color:#666; height:38px; background:#fff url(/common/master/image/selection.gif) no-repeat; margin:0; padding:15px 0 0 120px; font-weight:bold; } .selection_one{ font-size:14px; color:#666; height:25px; padding:8px 0 0 50px; font-weight:bold; margin:0 0 10px 0; background:#fff url(/common/master/image/selection_s.gif) no-repeat left; } #side .selection { margin:5px 10px; overflow: hidden; position: static; } /*------------------------------------------ イベント ------------------------------------------ */ #event .event_comment_title { font-weight: bolder; margin: 10px 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px dotted #CCC; } #event .event_comment_date { } #event .event_comment_body { margin: 5px 0 20px 0; } #event .table_default select { width: 70px; } /*------------------------------------------ 設定変更 ------------------------------------------ */ #setup #side .upload_area { margin: 10px 0; } #setup #side .upload { font-size: 10px; } /*------------------------------------------ 公開モード ------------------------------------------ */ #side .introduction { margin: 10px 0; } #side .introduction p { text-align: center; background: #EEE; border: 1px solid #CCC; margin: 10px 0 10px 0; padding: 3px 0; } #side .introduction ul { margin: 0 0 10px 20px; } #side .introduction .description { margin: 0 0 10px 0; padding: 5px; border: 1px solid #CCC; } /*------------------------------------------ システム共通 ------------------------------------------ */ .pager { margin: 0 0 10px 0; text-align: center; clear: both; } .pager p { font-size: 14px; margin: 10px 0 0 0; } .pager p b { font-size: 14px; } .pager p a { font-size: 14px; background: #EEE; } .pager p u { text-decoration: none; } .none { margin: 10px 0 10px 0; text-align: center; } .require { color: #FF0000; } .err { color: #FF0000; } .note { color: #FF0000; } #side .explain { color: #666666; margin: 10px 10px 0 10px; } #container .explain, #main .explain { color: #666666; margin: 5px; text-align: center; } .error { margin: 10px 0; padding: 0 0 0 20px; background: url(/common/master/image/error.gif) no-repeat; } .back { margin-bottom: 20px; text-align: center; } #side .minimemo { border: 2px solid rgb(204, 204, 204); margin: 5px 10px 0 10px; padding: 5px; color:#660000; background-color:#ffffff; } #side .minimemo_non { border: 2px solid rgb(204, 204, 204); margin: 5px 10px 0 10px; padding: 5px; color:#aaa; background-color:#ffffff; } #side .memo_form { margin: 5px 10px; padding: 0; color:#660000; } /*------------------------------------------ todo ------------------------------------------ */ #side .todo { margin:5px 10px; overflow: hidden; position: static; } .todo_over { list-style-type: none; background: url(/common/master/image/list/menu.gif) no-repeat 0 3px; font-weight: bold; margin: 1px 0; padding: 3px 0 3px 20px; color:#ff6600; border-bottom:1px dashed #ccc; } .todo_over a{ color: rgb(255, 102, 0); } p.todo_select { margin: 5px; padding: 5px; text-align: center; } .todo_list { list-style-type: none; background: url(/common/master/image/list/menu.gif) no-repeat 0 3px; margin: 1px 0; padding: 3px 0 3px 20px; font-size: 12px; border-bottom:1px dashed #ccc; } .todo_today { font-weight: bold; } .todo_finish { color: #999999; background: #ddd; } .todo_finish a { color: #999999; } .todo_today_finish { font-weight: bold; background: #ddd; } .todo_unfinished { color:#ff6600; font-weight: bold; } #todo .table_default select { width: 70px; }
文字の大きさは「font-size: ○○px;」のように表示されます。 ○○の中の数字を指定して、文字の大きさを変えてみましょう。 例）

変更後のソース
@charset "utf-8"; /* Common ------------------------------------------ */ * { margin: 0; padding: 0; } body { color: #333; font-size: 15px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background: #FFF; } img { border: none; } hr { display: none; clear: both; } br.clear { clear: both; font-size: 0; line-height: 0; } table { clear: both; } /* リンクカラー ------------------------------------------ */ a:link { color: #336699; text-decoration: underline; } a:visited { color: #336699; text-decoration: none; } a:hover { color: #D8473F; text-decoration: none; } a:active { color: #D8473F; text-decoration: none; } /* ページレイアウト ------------------------------------------ */ #wrapper { width: 800px; margin: 0 auto 20px auto; background: #FFF; } #header { height: 105px; background: url(/common/master/image/background/header.gif) no-repeat; } #side { width: 200px; padding: 10px 10px 0 10px; clear: both; } #main { padding: 10px 15px 20px 5px; clear: both; } #container { padding: 10px 15px 20px 10px; clear: both; } #footer { margin: 0 0 0 0; padding: 0 0 0 0; border-top: 1px solid #CCC; } /* ヘッダー部分の要素 ------------------------------------------ */ #admin_menu { padding: 2px 3px; background: url(/common/master/image/background/header_admin.gif); text-align: left; } #admin_menu img { margin: 1px; } #admin_menu img:hover { background: #8ED829; } #header_menu { height: 15px; padding: 10px 15px 0 15px; color: #FFF; } #header h1 { font-size: 19px; color: #FFF; padding: 10px 0 10px 20px; } #header h1 a:link, #header h1 a:hover, #header h1 a:visited, #header h1 a:active { color: #FFF; text-decoration: none; } #header h2 { font-size: 12px; color: #FFF; margin: 0 0 0 20px; padding: 0 0 0 20px; background: url(/common/master/image/description.gif) no-repeat; } #header .common_menu { font-size: 13px; padding: 10px; text-align: center; } #header .searchbox { margin-right: 10px; text-align: right; } #header .searchbox .search_text { width: 170px; border: 1px solid #FFF; margin: 0 3px 0 0; padding: 3px 3px 3px 25px; font-size: 12px; background: #FFF url(/common/master/image/search.gif) no-repeat 4px 4px; } #header .searchbox .search_button { font-size: 12px; } /* メニュー部分の要素 ------------------------------------------ */ #menu { padding: 0 0 0 10px; text-align: left; background: url(/image/background/submenu.gif) repeat-x; } #menu ul { } #menu li { display: inline; float: left; } #menu ul li a { display: block; height: 29px; } #menu span.alt { display: none; } #menu li#menu-home a { background: url(/common/master/image/menu/home.gif) no-repeat; width: 98px; } #menu li#menu-diary a { background: url(/common/master/image/menu/diary.gif) no-repeat; width: 98px; } #menu li#menu-calendar a { background: url(/common/master/image/menu/calendar.gif) no-repeat; width: 98px; } #menu li#menu-event a { background: url(/common/master/image/menu/event.gif) no-repeat; width: 98px; } #menu li#menu-enquete a { background: url(/common/master/image/menu/enquete.gif) no-repeat; width: 98px; } #menu li#menu-file a { background: url(/common/master/image/menu/file.gif) no-repeat; width: 98px; } #menu li#menu-message a { background: url(/common/master/image/menu/message.gif) no-repeat; width: 98px; } #menu li#menu-group a { background: url(/common/master/image/menu/group.gif) no-repeat; width: 98px; } #menu li#menu-friend a { background: url(/common/master/image/menu/friend.gif) no-repeat; width: 98px; } #menu li#menu-setup a { background: url(/common/master/image/menu/setup.gif) no-repeat; width: 98px; } #menu li#menu-profile a { background: url(/common/master/image/menu/profile.gif) no-repeat; width: 98px; } #menu li#menu-clip a { background: url(/common/master/image/menu/clip.gif) no-repeat; width: 98px; } #menu li#menu-todo a { background: url(/common/master/image/menu/todo.gif) no-repeat; width: 98px; } #menu li#menu-qa a { background: url(/common/master/image/menu/qa.gif) no-repeat; width: 98px; } #menu li#menu-group_top a { background: url(/common/master/image/menu/group_top.gif) no-repeat; width: 143px; } #menu li#menu-group_topic a { background: url(/common/master/image/menu/group_topic.gif) no-repeat; width: 101px; } #menu li#menu-group_topic_entry a { background: url(/common/master/image/menu/group_topic_entry.gif) no-repeat; width: 133px; } #menu li#menu-group_event a { background: url(/common/master/image/menu/event.gif) no-repeat; width: 98px; } #menu li#menu-group_enquete a { background: url(/common/master/image/menu/enquete.gif) no-repeat; width: 98px; } #menu li#menu-group_file a { background: url(/common/master/image/menu/file.gif) no-repeat; width: 98px; } #menu li#menu-group_member a { background: url(/common/master/image/menu/group_member.gif) no-repeat; width: 111px; } #menu li#menu-group_setup a { background: url(/common/master/image/menu/group_setup.gif) no-repeat; width: 144px; } #menu li#menu-group_cancel a { background: url(/common/master/image/menu/group_cancel.gif) no-repeat; width: 156px; } #menu li#menu-group_join a { background: url(/common/master/image/menu/group_join.gif) no-repeat; width: 156px; } /* サイド部分の要素 ------------------------------------------ */ #side .box { width: 200px; margin: 0 0 10px 0; background: #FFF url(/common/master/image/sidebox/center.gif) repeat-y; clear: both; } #side .box .box_header { height: 10px; background: #FFF url(/common/master/image/sidebox/header.gif) no-repeat; } #side .box .box_footer { height: 10px; background: #FFF url(/common/master/image/sidebox/footer.gif) no-repeat; } #side .box .side_title { font-weight: bolder; border-bottom: 1px solid #CCC; margin: 0px 10px 5px 10px; padding: 0 0 5px 0; } #side ul.menulist li { list-style-type: none; background: url(/common/master/image/list/menu.gif) no-repeat 0 3px; margin: 0 10px 0 10px; padding: 3px 0 3px 20px; font-size: 15px; } #side ul.menulist li.diary_entry { background: url(/common/master/image/list/diary_entry.gif) no-repeat 0 3px; } #side ul.menulist li.schedule_entry { background: url(/common/master/image/list/schedule_entry.gif) no-repeat 0 3px; } #side ul.menulist li.message_inbox { background: url(/common/master/image/list/message_inbox.gif) no-repeat 0 3px; } #side ul.menulist li.message_outbox { background: url(/common/master/image/list/message_outbox.gif) no-repeat 0 3px; } #side ul.menulist li.message_draft { background: url(/common/master/image/list/message_draft.gif) no-repeat 0 3px; } #side ul.menulist li.message_trash { background: url(/common/master/image/list/message_trash.gif) no-repeat 0 3px; } #side ul.menulist li.group_entry { background: url(/common/master/image/list/group_entry.gif) no-repeat 0 3px; } #side ul.linklist li { list-style-type: none; background: url(/common/master/image/list/link.gif) no-repeat 2px top; margin: 5px 10px 0 10px; padding: 0 0 0 15px; } #side .side_icons { margin: 5px 10px 5px 10px; } #side .icons img { } #side .tags { margin: 0 10px 5px 10px; } #side .tags a { border-bottom: 1px dotted #CCC; } #side .tags a:hover { border-bottom: none; background: #336699; color: #FFF; } /* メイン部分の要素 ------------------------------------------ */ #main h2 { margin: 0 0 10px 0; padding: 3px 0 3px 5px; font-size: 15px; color: #333; border-left: 3px solid #CCC; background: #EEE; } #main .box { margin: 0 0 20px 0; clear: both; } .more { float: right; margin: 5px; padding: 0 0 0 20px; background: url(/common/master/image/arrow.gif) no-repeat 2px; } .bookmark { float: left; margin:5px 5px 5px 0; padding: 0 0 0 20px; background: url(/common/master/image/bookmark.gif) no-repeat 2px; } .bookmark_link { margin:10px 20px; padding:10px; background:#efefef; } #side ul.menulist li.bookmark_side { background: url(/common/master/image/bookmark.gif) no-repeat 0 3px; } .edit { text-align: right; margin: 5px 5px 0 0; } .add { text-align: right; margin: 5px 5px 0 0; } /* メイン部分（サイドがない場合）の要素 ------------------------------------------ */ #container .box { margin: 10px 0 10px 0; clear: both; } #container h2 { margin: 0 0 10px 0; padding: 3px 0 3px 5px; font-size: 16px; color: #333; border-left: 3px solid #CCC; background: #EEE; } /* フッター部分の要素 ------------------------------------------ */ #footer p { text-align: center; font-size: 13px; margin: 10px 0 10px 0; } /* アイコン画像 ------------------------------------------ */ .icon { text-align: center; margin: 20px 0 10px 0; padding: 0; } .icon p { margin: 5px 0 0 0; } .icons { width: 120px; height: 120px; float: left; text-align: center; margin: 5px; padding: 10px 0 0 0; background: #F5F5F5; border: 1px solid #CCC; } #main .box .icons { width: 120px; height: 120px; float: left; text-align: center; margin: 5px 0 5px 10px; padding: 10px 0 0 0; background: #FFF; border: 1px solid #EEE; } .icons:hover { background: #EEE; border: 1px solid #CCC; } .icons p { margin: 5px 0 0 0; font-size: 12px; } .icon_t { width: 30px; height: 30px; padding: 3px; border: 1px solid #CCC; background: #FFF; } .icon_s { width: 50px; height: 50px; padding: 3px; border: 1px solid #CCC; background: #FFF; } .icon_m { width: 70px; height: 70px; padding: 5px; border: 1px solid #CCC; background: #FFF; } .icon_l { width: 140px; height: 140px; padding: 8px; border: 1px solid #CCC; background: #FFF; } .icon_t:hover, .icon_s:hover, .icon_m:hover, .icon_l:hover { border: 1px solid #999; background: #FFF; } /* テーブルの装飾 ------------------------------------------ */ .table_default { width: 100%; border-top: 1px solid #CCC; border-right: 1px solid #CCC; } .table_default th { background: #EEE; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; padding: 2px; text-align: center; } .table_default td { border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; padding: 3px; background: #FFF; } .table_list { width: 100%; border-top: 1px solid #CCC; border-right: 1px solid #CCC; } .table_list th { background: #EEE; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; padding: 2px; text-align: center; } .table_list td { border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; padding: 3px; background: #FFF; } .table_noborder { width: 100%; border: none; } .table_noborder th { border: none; padding: 2px; background: #FFF; text-align: center; } .table_noborder td { border: none; padding: 2px; background: #FFF; } .button_area { margin: 10px 0 10px 0; text-align: center; } /* フォーム ------------------------------------------ */ input, textarea, select, .inputarea { font-size: 13px; font-family: "MS ゴシック", Osaka, Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 2px; border: 1px solid #999; } #comment_form_description { width: 500px; height: 50px; margin: 0 0 10px 0; } #private_comment_form_description{ width: 500px; height: 50px; margin: 0 0 10px 0; } /*------------------------------------------ ユーザー登録画面 ------------------------------------------ */ #welcome h3 { margin: 20px 0 10px 0; padding: 10px 0 0 0; border-top: 1px solid #CCC; font-size: 13px; } #welcome .message { margin: 10px 0; padding: 10px; border: 1px solid #CCC; background: #F5F5F5; } #welcome textarea { padding: 5px; width: 500px; height: 150px; } #welcome .table_default { width: 500px; } #welcome .button_area { text-align: left; } /*------------------------------------------ ログイン画面 ------------------------------------------ */ #loginform { clear: both; padding: 10px; } #password_resend { padding: 10px; } /*------------------------------------------ ホーム ------------------------------------------ */ .info_mobile { background: url(/common/master/image/phone.png) no-repeat right; margin: 0 5px 0 0; padding: 1px 20px 0 0; font-size: 13px; height: 16px; } .information { margin: 10px 0 0 10px; list-style-type: none; } .information li { padding: 5px 0 3px 20px; list-style-type: none; } .information li.info_message { background: url(/common/master/image/list/info_message.gif) no-repeat 0 5px; } .information li.info_request { background: url(/common/master/image/list/info_request.gif) no-repeat 0 5px; } .information li.info_notice { background: url(/common/master/image/list/info_notice.gif) no-repeat 0 5px; } .information li.info_message a, .information li.info_request a { color: #990000; text-decoration: none; } .information a:hover { background: none; } div.newest_diary_tag { padding: 0 5px 0 0; list-style-type: none; } div.newest_diary_tag span { font-size: 12px; margin: 0 5px 0 0; } div.newest_diary_tag span a { color: #CC3300; text-decoration: none; } div.newest_diary_tag span a:hover { background: #CC3300; color: #FFF; text-decoration: none; } /*------------------------------------------ ファイル共有 ------------------------------------------ */ .memo { font-size: 12px; margin: 3px; padding: 2px; background: #eee; } /*------------------------------------------ 日記 ------------------------------------------ */ .diary_date { margin: 15px 0 0 0; } .diary_title { font-size: 17px; font-weight: bolder; margin: 5px 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px dotted #CCC; } .diary_body { line-height: 160%; margin: 10px 0 10px 0; } .diary_image { margin: 10px 0; padding: 10px; border: 1px dotted #CCC; background: #FFF; } .diary_image img { margin: 0 10px 0 0; border: 2px solid #ABDC70; } .diary_image img:hover { border: 2px solid #D8473F; } .diary_body blockquote { line-height: 160%; margin: 10px 0; padding: 10px; border-left: 1px solid #CCC; background: #F1F1F1; } .diary_tag { margin: 10px 0 10px 0; padding: 10px 0 0 0; border-top: 1px dotted #CCC; } .diary_state { margin: 10px 0 10px 0; padding: 10px 0 0 0; border-top: 1px dotted #CCC; text-align: right; } .diary_comment_title { font-weight: bolder; margin: 10px 0 15px 0; padding: 0 0 5px 0; border-bottom: 1px dotted #CCC; } .diary_comment_body { margin: 5px 0 15px 0; padding: 0 0 15px 0; border-bottom: 1px dotted #CCC; } .diary_footstamp_title { font-weight: bolder; margin: 10px 0 15px 0; padding: 0 0 5px 0; border-bottom: 1px dotted #CCC; } .diary_footstamp { margin: 10px 0 15px 0; padding: 10px; } .diary_footstamp img { margin: 0 5px 5px 0; } .diary_permalink_navi { font-size: 12px; text-align: center; margin: 5px 0; } .tags_assist { margin: 5px 0 5px 0; } .tags_assist a { margin-right: 3px; } .tags_assist a:hover { border-bottom: none; background: #336699; color: #FFF; } /*------------------------------------------ グループ ------------------------------------------ */ .topic_date { margin: 15px 0 0 0; } .topic_title { font-size: 17px; font-weight: bolder; margin: 5px 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px dotted #CCC; } .topic_body { line-height: 160%; margin: 10px 0 10px 0; } .topic_image { margin: 10px 0; padding: 10px; border: 1px dotted #CCC; background: #FFF; } .topic_image img { margin: 0 10px 0 0; border: 2px solid #ABDC70; } .topic_image img:hover { border: 2px solid #D8473F; } .topic_category { margin: 10px 0 10px 0; padding: 10px 0 0 0; border-top: 1px dotted #CCC; } .topic_state { margin: 10px 0 10px 0; padding: 10px 0 0 0; border-top: 1px dotted #CCC; text-align: right; } .topic_comment_title { font-weight: bolder; margin: 10px 0 15px 0; padding: 0 0 5px 0; border-bottom: 1px dotted #CCC; } .topic_comment_body { margin: 5px 0 15px 0; padding: 0 0 15px 0; border-bottom: 1px dotted #CCC; } #delete { margin: 50px 0 0 0; } #delete p { text-align: center; color: #FF0000; margin: 10px 0; } /*------------------------------------------ カレンダー／スケジュール ------------------------------------------ */ .table_calendar { width: 100%; border-top: 1px solid #CCC; border-right: 1px solid #CCC; } .table_calendar th { background: #EEE url(/common/master/image/background/th.gif); border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; padding: 2px; text-align: center; } .table_calendar td { border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; padding: 3px; background: #FFF; width: 14%; height: 70px; } .table_calendar td.today { background: #E2FAC1; } .table_calendar p.day { font-size: 19px; float: left; } .table_calendar p.add a { text-decoration: none; color: #999; } .table_calendar p.add a:hover { color: #666; } .table_calendar ul { clear: both; padding: 5px 0 0 0; } .table_calendar li { list-style-type: none; } #schedule .table_default select { width: 70px; } .side_calendar { margin: 10px; } .side_calendar_title { margin: 0 0 5px 0; text-align: center; } .table_side_calendar { border-top: 1px solid #CCC; border-right: 1px solid #CCC; } .table_side_calendar th { background: #EEE url(/common/master/image/background/th.gif); border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; text-align: center; font-size: 12px; } .table_side_calendar td { border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; background: #FFF; padding: 0px; text-align: center; font-size: 12px; } .table_side_calendar td a { display: block; background: #EEE; padding: 5px; } .table_side_calendar td a:hover { background: #CCC; color: #FFF; } .table_side_calendar td .day { display: block; padding: 5px; } .table_side_calendar td.today a { background: #D1ED98; } .icons_scedule { float: left; margin: 2px 10px 2px 2px; padding: 0 0 0 0; } .schedule_comment_title { font-weight: bolder; margin: 10px 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px dotted #CCC; } .schedule_comment_date { } .schedule_comment_body { margin: 5px 0 20px 0; } .schedule_permalink_navi { font-size: 12px; text-align: right; margin: 5px 0; } .reright { color:#555; text-align:left; font-size:15px; font-weight:bold; margin: 0 0 5px 0; padding: 0 0 0 23px; background: url(/common/master/image/list/schedule_entry.gif) no-repeat 3px 0; } /*------------------------------------------ アンケート ------------------------------------------ */ #enquete .enquete_comment_title { font-weight: bolder; margin: 10px 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px dotted #CCC; } #enquete .enquete_comment_date { } #enquete .enquete_comment_body { margin: 5px 0 20px 0; } #enquete .table_default select { width: 70px; } /*------------------------------------------ QA ------------------------------------------ */ #qa .qa_comment_title { font-weight: bolder; margin: 10px 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px dotted #CCC; } #qa .qa_comment_date { margin: 10px 0 10px 0; height:20px; } #qa .qa_comment_body { margin: 5px 0 0 0; padding: 0 0 15px 0; border-bottom: 1px dotted #CCC; } #qa .qa_default select { width: 70px; } #qa .qa_comment_form{ width: 500px; height: 30px; margin: 0 0 10px 0; } #qa .qa_rescomment_form{ width: 500px; height: 80px; margin: 0 0 10px 0; } #qa .qa_res_form{ padding:0 0 3px 0; margin:0 0 20px 50px; } #qa .qa_res{ font-weight:bold; color:#666; padding:0 0 5px 0; } #qa .qa_res_comment{ margin:0 0 15px 50px; background-color:#ddd; padding:10px 5px; } #side .selection_list { list-style-type: none; background: url(/common/master/image/list/menu.gif) no-repeat 0 3px; margin: 1px 0; padding: 3px 0 3px 20px; font-size: 13px; border-bottom:1px dashed #ccc; } /*------------------------------------------ 殿堂入り ------------------------------------------ */ .selection_title{ font-size:17px; color:#666; height:38px; background:#fff url(/common/master/image/selection.gif) no-repeat; margin:0; padding:15px 0 0 120px; font-weight:bold; } .selection_one{ font-size:15px; color:#666; height:25px; padding:8px 0 0 50px; font-weight:bold; margin:0 0 10px 0; background:#fff url(/common/master/image/selection_s.gif) no-repeat left; } #side .selection { margin:5px 10px; overflow: hidden; position: static; } /*------------------------------------------ イベント ------------------------------------------ */ #event .event_comment_title { font-weight: bolder; margin: 10px 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px dotted #CCC; } #event .event_comment_date { } #event .event_comment_body { margin: 5px 0 20px 0; } #event .table_default select { width: 70px; } /*------------------------------------------ 設定変更 ------------------------------------------ */ #setup #side .upload_area { margin: 10px 0; } #setup #side .upload { font-size: 11px; } /*------------------------------------------ 公開モード ------------------------------------------ */ #side .introduction { margin: 10px 0; } #side .introduction p { text-align: center; background: #EEE; border: 1px solid #CCC; margin: 10px 0 10px 0; padding: 3px 0; } #side .introduction ul { margin: 0 0 10px 20px; } #side .introduction .description { margin: 0 0 10px 0; padding: 5px; border: 1px solid #CCC; } /*------------------------------------------ システム共通 ------------------------------------------ */ .pager { margin: 0 0 10px 0; text-align: center; clear: both; } .pager p { font-size: 15px; margin: 10px 0 0 0; } .pager p b { font-size: 15px; } .pager p a { font-size: 15px; background: #EEE; } .pager p u { text-decoration: none; } .none { margin: 10px 0 10px 0; text-align: center; } .require { color: #FF0000; } .err { color: #FF0000; } .note { color: #FF0000; } #side .explain { color: #666666; margin: 10px 10px 0 10px; } #container .explain, #main .explain { color: #666666; margin: 5px; text-align: center; } .error { margin: 10px 0; padding: 0 0 0 20px; background: url(/common/master/image/error.gif) no-repeat; } .back { margin-bottom: 20px; text-align: center; } #side .minimemo { border: 2px solid rgb(204, 204, 204); margin: 5px 10px 0 10px; padding: 5px; color:#660000; background-color:#ffffff; } #side .minimemo_non { border: 2px solid rgb(204, 204, 204); margin: 5px 10px 0 10px; padding: 5px; color:#aaa; background-color:#ffffff; } #side .memo_form { margin: 5px 10px; padding: 0; color:#660000; } /*------------------------------------------ todo ------------------------------------------ */ #side .todo { margin:5px 10px; overflow: hidden; position: static; } .todo_over { list-style-type: none; background: url(/common/master/image/list/menu.gif) no-repeat 0 3px; font-weight: bold; margin: 1px 0; padding: 3px 0 3px 20px; color:#ff6600; border-bottom:1px dashed #ccc; } .todo_over a{ color: rgb(255, 102, 0); } p.todo_select { margin: 5px; padding: 5px; text-align: center; } .todo_list { list-style-type: none; background: url(/common/master/image/list/menu.gif) no-repeat 0 3px; margin: 1px 0; padding: 3px 0 3px 20px; font-size: 13px; border-bottom:1px dashed #ccc; } .todo_today { font-weight: bold; } .todo_finish { color: #999999; background: #ddd; } .todo_finish a { color: #999999; } .todo_today_finish { font-weight: bold; background: #ddd; } .todo_unfinished { color:#ff6600; font-weight: bold; } #todo .table_default select { width: 70px; }

文字が大きくなりました。
なお、表示される文字の大きさはブラウザによって異なります。 CSS編集がうまくいかない場合は、ブラウザの文字設定をご確認ください。

カテゴリ：デザインカスタマイズ