Changeset 2420

Timestamp:

Apr 4, 2007, 10:55:17 PM (15 years ago)

Author:

nakagawa

Message:

テンプレート編集

Location:

OpenPNE/branches/prj_css2/webapp/modules/pc/templates

Files:

• h_home.tpl (modified) (6 diffs)
• inc_footer.tpl (modified) (1 diff)
• inc_header.tpl (modified) (6 diffs)
• inc_navi.tpl (modified) (4 diffs)
• o_login.tpl (modified) (1 diff)

OpenPNE/branches/prj_css2/webapp/modules/pc/templates/h_home.tpl

@@ -1 +1 @@
 ({ext_include file="inc_header.tpl" no_use_alert=true})
+
+({*************************})
+({***ここから：search_box***})
+({*************************})
+
 ({if $smarty.const.DISPLAY_SEARCH_HOME})
-<tr>
-<td class="container inc_search_box">
-({**************************************})
-({**ここから：旧inc_search_box.tplの内容**})
-({**************************************})
-<table border="0" cellspacing="0" cellpadding="0" style="width:720px;">
-<tr>
-<td style="width:720px;height:2px;"><img src="./skin/dummy.gif" style="width:720px;height:2px;" class="dummy"></td>
-</tr>
-<tr>
-<td align="center">
-
-({*ここから：本体*})
-<div class="bg_09" style="width:680px;height:24px;border-left:none 0px;border-right:none 0px;border-top:none 0px;">
-({t_form m=pc a=do_h_home_search})
-<input type="hidden" name="sessid" value="({$PHPSESSID})">
-
-<table border="0" cellspacing="0" cellpadding="0" class="search_bar" style="width:680px;height:24px;">
-<tr>
-<td align="center" style="height:24px;">
-<img src="({t_img_url_skin filename=icon_search})" alt="search" style="width:62px;height:20px;" class="icon">
-<input type="text" size="30" name="q" class="text border_01" value="" style="width:180px;">
-<input type="image" src="({t_img_url_skin filename=button_search_1})" value="diary" alt="日記" border="0" name="diary" class="button" style="width:62px;height:20px;">
-<input type="image" src="({t_img_url_skin filename=button_search_2})" value="community" alt="コミュニティ" border="0" name="community" class="button" style="width:62px;height:20px;">
-<input type="image" src="({t_img_url_skin filename=button_search_4})" value="message" alt="メッセージ" border="0" name="message" class="button" style="width:62px;height:20px;">
-({if $smarty.const.USE_EXTRA_SERVICE})
-<input type="image" src="({t_img_url_skin filename=button_search_3})" value="web" alt="web" border="0" name="web" class="button" style="width:62px;height:20px;">
-({/if})
-</td>
-</tr>
-</table>
+<div class="pne_container">
+
+<div id="search_box" class="pne_content_binder">
+
+<div class="pne_content pne_search_box_header">
+
+<h1 class="pne_content_body"><img src="./skin_prj_css/dummy.gif" alt="Search box" title="Search box" /><span>Search box</span></h1>
+
+</div>({* END.pne_content *})
+
+<div class="pne_content pne_search_box_body">
+
+<div class="pne_content_body">
+
+<form action="./" method="post">
+
+<input type="hidden" name="m" value="pc" />
+<input type="hidden" name="a" value="do_h_home_search" />
+<input type="hidden" name="sessid" value="" />
+
+<input type="text" size="30" name="q" class="text" value="" id="pne_search_box_button_text_field" />
+<input type="image" src="./skin_prj_css/dummy.gif" value="diary" alt="日記" title="日記" name="diary" class="button" id="pne_search_box_button_1" />
+<input type="image" src="./skin_prj_css/dummy.gif" value="community" alt="コミュニティ" title="コミュニティ" name="community" class="button" id="pne_search_box_button_2" />
+<input type="image" src="./skin_prj_css/dummy.gif" value="web" alt="WEB" title="WEB" name="web" class="button" id="pne_search_box_button_3" />
 
 </form>
-</div>
-({*ここまで：本体*})
-
-</td>
-</tr>
-</table>
-({**************************************})
-({**ここまで：旧inc_search_box.tplの内容**})
-({**************************************})
-</td>
-</tr>
-({/if})
+
+</div>({* END.pne_content_body *})
+
+</div>({* END.pne_content *})
+
+</div>({* END.pne_content_binder#search_box *})
+
+</div>({* END.pne_container *})
+({/if})
+
+({*************************})
+({***ここまで：search_box***})
+({*************************})
+
+({*******************************})
+({***ここから：birthday_message***})
+({*******************************})
+
 ({if $birthday_flag})
-<tr>
-<td class="container" align="center">
-
-<div class="padding_s">
-
-<img src="({t_img_url_skin filename=birthday_h})">
-
-</div>
-
-</td>
-</tr>
-({/if})
-<tr>
-<td class="container inc_info">
-
-({********************************})
-({**ここから：旧inc_info.tplの内容**})
-({********************************})
-<!--　インフォメーション　＆　カレンダー　-->
-<table border="0" cellspacing="0" cellpadding="0" style="width:720px;" class="info">
-<tr>
-<td style="width:5px;"><img src="./skin/dummy.gif" style="width:5px;height:1px;" class="dummy"></td>
-<td style="width:715px;" align="center" valign="middle">
-
-<!--ここから：運営者からのお知らせ-->
-<table border="0" cellspacing="0" cellpadding="0" style="width:715px;" class="info_body">
-<tr>
-<td align="center" class="border_07 bg_11" style="width:105px;border-right:none;"><img src="({t_img_url_skin filename=icon_information})" alt="お知らせ"></td>
-<td class="border_07 bg_02" style="width:610px;">
-
-<table border="0" cellspacing="0" cellpadding="0" style="width:610px;">
-<tr>
-<td class="padding_s">
-
-({$site_info|smarty:nodefaults|default:"&nbsp;"|t_url2cmd:'info'|t_cmd:'info'})
-
-</td>
-</tr>
+<div class="pne_container">
+
+<div id="birthday_message" class="pne_content_binder">
+
+<div class="pne_content">
+
+<h1 class="pne_content_body pne_birthday_message_header"><img src="./skin_prj_css/dummy.gif" alt="Birthday Message" title="Birthday Message" /><span>Birthday Message</span></h1>
+
+</div>({* END.pne_content *})
+
+<div class="pne_content">
+
+<div class="pne_content_body pne_birthday_message_body">
+
+<img src="({t_img_url_skin filename=birthday_h})" alt="お誕生日おめでとうございます" title="お誕生日おめでとうございます" />
+
+</div>({* END.pne_content_body *})
+
+</div>({* END.pne_content *})
+
+</div>({* END.pne_content_binder#birthday_message *})
+
+</div>({* END.pne_container *})
+({/if})
+
+({*******************************})
+({***ここまで：birthday_message***})
+({*******************************})
+
+({*******************************})
+({***ここから：site_information***})
+({*******************************})
+
+<div class="pne_container">
+
+<div id="site_information" class="pne_content_binder">
+
+<div class="pne_content">
+
+<h1 class="pne_content_body pne_site_information_header"><img src="./skin_prj_css/dummy.gif" alt="Information" title="Information" /><span>Information</span></h1>
+
+</div>({* END.pne_content *})
+
+<div class="pne_content">
+
+<div class="pne_content_body pne_site_information_body">
+
+<p class="pne_site_information_by_owner">({$site_info|smarty:nodefaults|default:"&nbsp;"})</p>
+
 ({if $num_f_confirm_list})
-<tr>
-<td class="padding_s">
-
-★<span class="caution">承認待ちのメンバーが({$num_f_confirm_list})名います！</span>&nbsp;<a href="({t_url m=pc a=page_h_confirm_list})"><span class="b_b">承認・拒否</span></a>
-
-</td>
-</tr>
-({/if})
+<p class="pne_site_information_confirm">★<span class="message">承認待ちのメンバーが({$num_f_confirm_list})名います！</span>&nbsp;<a href="({t_url m=pc a=page_h_confirm_list})">承認・拒否</a></p>
+({/if})
+
 ({if $num_message_not_is_read})
-<tr>
-<td class="padding_s">
-
-★<span class="caution">新着メッセージが({$num_message_not_is_read})件あります！</span>&nbsp;<a href="({t_url m=pc a=page_h_message_box})"><span class="b_b">メッセージを読む</span></a>
-
-</td>
-</tr>
-({/if})
+<p class="pne_site_information_num_message">★<span class="message">新着メッセージが({$num_message_not_is_read})件あります！</span>&nbsp;<a href="({t_url m=pc a=page_h_message_box})">メッセージを読む</a></p>
+({/if})
+
 ({if $num_diary_not_is_read})
-<tr>
-<td class="padding_s">
-
-★<span class="caution">({$num_diary_not_is_read})件の日記に対して新着コメントがあります！</span>&nbsp;<a href="({t_url m=pc a=page_fh_diary})&amp;target_c_diary_id=({$first_diary_read})"><span class="caution">日記を見る</span></a>
-
-</td>
-</tr>
-({/if})
+<p class="pne_site_information_new_comment">★<span class="message">({$num_diary_not_is_read})件の日記に対して新着コメントがあります！</span>&nbsp;<a href="({t_url m=pc a=page_fh_diary})&amp;target_c_diary_id=({$first_diary_read})">日記を見る</a></p>
+({/if})
+
 ({if $num_h_confirm_list})
-<tr>
-<td class="padding_s">
-
-★<span class="caution">コミュニティ参加承認待ちのメンバーが({$num_h_confirm_list})名います！</span>&nbsp;<a href="({t_url m=pc a=page_h_confirm_list})"><span class="b_b">承認・拒否</span></a>
-
-</td>
-</tr>
-({/if})
+<p class="pne_site_information_approval_waiting">★<span class="message">コミュニティ参加承認待ちのメンバーが({$num_h_confirm_list})名います！</span>&nbsp;<a href="({t_url m=pc a=page_h_confirm_list})">承認・拒否</a></p>
+({/if})
+
 ({if $anatani_c_commu_admin_confirm_list})
-<tr>
-<td class="padding_s">
-
-★<span class="caution">コミュニティ管理人交代依頼が({$num_anatani_c_commu_admin_confirm_list})件きています。</span>&nbsp;<a href="({t_url m=pc a=page_h_confirm_list})"><span class="b_b">承認・拒否</span></a>
-
-</td>
-</tr>
-({/if})
+<p class="pne_site_information_alternation_request">★<span class="message">コミュニティ管理人交代依頼が({$num_anatani_c_commu_admin_confirm_list})件きています。</span>&nbsp;<a href="({t_url m=pc a=page_h_confirm_list})">承認・拒否</a></p>
+({/if})
+
 ({if $anatani_c_commu_sub_admin_confirm_list})
-<tr>
-<td class="padding_s">
-
-★<span class="caution">コミュニティ副管理者依頼が({$num_anatani_c_commu_sub_admin_confirm_list})件きています。</span>&nbsp;<a href="({t_url m=pc a=page_h_confirm_list})"><span class="b_b">承認・拒否</span></a>
-
-</td>
-</tr>
-({/if})</table>
-
-</td>
-</tr>
-</table>
-<!--ここまで：運営者からのお知らせ-->
-
-</td>
-</tr>
-</table>
-({********************************})
-({**ここまで：旧inc_info.tplの内容**})
-({********************************})
-
-</td>
-</tr>
+<p class="pne_site_information_alternation_request_sub">★<span class="message">コミュニティ副管理者依頼が({$num_anatani_c_commu_sub_admin_confirm_list})件きています。</span>&nbsp;<a href="({t_url m=pc a=page_h_confirm_list})">承認・拒否</a></p>
+({/if})
+
+</div>({* END.pne_content_body *})
+
+</div>({* END.pne_content *})
+
+</div>({* END.pne_content_binder#information *})
+
+</div>({* END.pne_container *})
+
+({**************************})
+({***ここまで：information***})
+({**************************})
+
+({****************************})
+({***ここから：entry_point_3***})
+({****************************})
 ({if $inc_entry_point[3]})
-<tr>
-<td class="container">
-({$inc_entry_point[3]|smarty:nodefaults|t_url2cmd:'entry_point'|t_cmd:'entry_point'})
-</td>
-</tr>
-({/if})
-({ext_include file="inc_layoutcolumn_top_270px.tpl"})
-
-({********************************})
-({**ここから：メインコンテンツ（左）**})
-({********************************})
-
+<div class="pne_container">
+
+<div ID="entry_point_3" class="pne_content_binder">
+
+<div class="pne_content">
+({$inc_entry_point[3]|smarty:nodefaults})
+</div>({* END.pne_content *})
+
+</div>({* END.pne_content_binder#entry_point_3 *})
+
+</div>({* pne_container *})
+({/if})
+({****************************})
+({***ここまで：entry_point_3***})
+({****************************})
+
+<div class="pne_container pne_container_main">({*<--ここから：ページ主領域*})
+
+<div class="pne_container_x_home_Left">({*<--ここから：ページ主領域【左】*})
+
+({****************************})
+({***ここから：entry_point_4***})
+({****************************})
 ({if $inc_entry_point[4]})
-({$inc_entry_point[4]|smarty:nodefaults|t_url2cmd:'entry_point'|t_cmd:'entry_point'})
-({/if})
-
-<!-- **************************************** -->
-<!-- ******ここから：自分の写真及びニックネーム覧****** -->
-<table border="0" cellspacing="0" cellpadding="0" style="width:270px;margin:0px auto;" class="border_07" id="main_image_and_name">
-<tr>
-<td style="width:7px;height:7px;" class="bg_05"><img src="./skin/dummy.gif" style="width:7px;height:7px;" class="dummy"></td>
-<td style="width:254px;height:7px;" class="bg_05"><img src="./skin/dummy.gif" style="width:254px;height:7px;" class="dummy"></td>
-<td style="width:7px;height:7px;" class="bg_05"><img src="./skin/dummy.gif" style="width:7px;height:7px;" class="dummy"></td>
-</tr>
-<tr>
-<td class="bg_05"><img src="./skin/dummy.gif" style="width:7px;height:7px;" class="dummy"></td>
-<td align="center" class="bg_02">
-<!-- *ここから：自分の写真及びニックネーム覧＞＞内容* -->
-({*ここから：header*})
-<!-- 無し -->
-({*ここまで：header*})
-({*ここから：body*})
-<!-- ここから：写真 -->
-<div class="border_07 bg_02" align="center">
-
-<table border="0" cellspacing="0" cellpadding="0" style="width:252px;">
-<tr>
-<td align="center">
-
-<img src="./skin/dummy.gif" class="v_spacer_m">
-
-<img src="({t_img_url filename=$c_member.image_filename w=180 h=180 noimg=no_image})" class="pict" alt="写真" style="margin:2px">
-
-<table border="0" cellspacing="0" cellpadding="0">
-<tr>
-<td>
-<a href="({t_url m=pc a=page_h_config_image})">
-<img src="({t_img_url_skin filename=button_edit_photo})"></a>
-<img src="./skin/dummy.gif" class="v_spacer_s">
-</td>
-</tr>
-<tr>
-<td>
-<a href="({t_url m=pc a=page_h_prof})">
-<img src="({t_img_url_skin filename=button_prof_conf})"></a>
-<img src="./skin/dummy.gif" class="v_spacer_s">
-</td>
-</tr>
-</table>
-
-</td>
-</tr>
-</table>
-
-</div>
-<!-- ここまで：写真 -->
-({*ここまで：body*})
-({*ここから：footer*})
-<!-- ここから：自分のニックネーム -->
-<table border="0" cellspacing="0" cellpadding="0" style="width:254px;">
-<tr>
-<td align="center" class="bg_05 c_04">
-<img src="./skin/dummy.gif" class="v_spacer_m">
-({$c_member.nickname})さん (({$c_friend_count}))
-</td>
-</tr>
-</table>
-<!-- ここまで：自分のニックネーム -->
-({*ここから：footer*})
-<!-- *ここまで：自分の写真及びニックネーム覧＞＞内容* -->
-</td>
-<td class="bg_05"><img src="./skin/dummy.gif" style="width:7px;height:7px;" class="dummy"></td>
-</tr>
-<tr>
-<td class="bg_05"><img src="./skin/dummy.gif" style="width:7px;height:7px;" class="dummy"></td>
-<td class="bg_05"><img src="./skin/dummy.gif" style="width:7px;height:7px;" class="dummy"></td>
-<td class="bg_05"><img src="./skin/dummy.gif" style="width:7px;height:7px;" class="dummy"></td>
-</tr>
-</table>
-<!-- ******ここまで：自分の写真及びニックネーム覧****** -->
-<!-- **************************************** -->
-
-<img src="./skin/dummy.gif" class="v_spacer_m">
-
-({if $point})
-<p align=center>
-({$point})pt<br>
-</p>
-({/if})
-({if $rank})
-<p align=center>
-({$rank.name})<br>
-<img src="({t_img_url filename=$rank.image_filename})" class="pict" alt=({$rank.name}) style="margin:2px">
-</p>
-({/if})
-
+<div id="entry_point_4" class="pne_content_binder">
+
+<div class="pne_content">
+({$inc_entry_point[4]|smarty:nodefaults})
+</div>({* END.pne_content *})
+
+</div>({* END.pne_content_binder#entry_point_4 *})
+({/if})
+({****************************})
+({***ここまで：entry_point_4***})
+({****************************})
+
+({**************************})
+({***ここから：my_profile***})
+({**************************})
+<div id="my_profile" class="pne_content_binder">
+
+<div class="pne_content">
+
+<div class="pne_content_body pne_profile_picture">
+
+<img src="({t_img_url filename=$c_member.image_filename w=180 h=180 noimg=no_image})" alt="自分の写真" title="自分の写真" class="pne_x_home_L_prof_body_picture" />
+
+<ul>
+<li><a href="({t_url m=pc a=page_h_config_image})" class="pne_x_home_L_prof_body_button_edit_photo"><img src="./skin_prj_css/dummy.gif" alt="写真を編集" title="写真を編集" /></a></li>
+<li><a href="({t_url m=pc a=page_h_prof})" class="pne_x_home_L_prof_body_button_prof_conf"><img src="./skin_prj_css/dummy.gif" alt="プロフィール確認" title="プロフィール確認" /></a></li>
+</ul>
+
+</div>({* END.pne_content_body *})
+
+</div>({* END.pne_content *})
+
+<div class="pne_content">
+
+<div class="pne_content_body pne_profile_name">
+
+<span>({$c_member.nickname})さん (({$c_friend_count}))</span>
+
+</div>({* END.pne_content_body *})
+
+</div>({* END.pne_content *})
+
+</div>({* END.pne_content_binder#my_profile *})
+({**************************})
+({***ここまで：my_profile***})
+({**************************})
+
+({****************************})
+({***ここから：entry_point_5***})
+({****************************})
 ({if $inc_entry_point[5]})
-({$inc_entry_point[5]|smarty:nodefaults|t_url2cmd:'entry_point'|t_cmd:'entry_point'})
-({/if})
-
+<div id="entry_point_5" class="pne_content_binder">
+
+<div class="pne_content">
+({$inc_entry_point[5]|smarty:nodefaults})
+</div>({* END.pne_content *})
+
+</div>({* END.pne_content_binder#entry_point_5 *})
+({/if})
+({****************************})
+({***ここまで：entry_point_5***})
+({****************************})
+
+({**************************})
+({***ここから：friend_list***})
+({**************************})
 ({if $c_friend_list})
-<!-- ********************************** -->
-<!-- ******ここから：マイフレンドリスト****** -->
-<table border="0" cellspacing="0" cellpadding="0" style="width:268px;margin:0px auto;" class="border_07">
-<tr>
-<td>
-<!-- *ここから：マイフレンドリスト＞＞内容* -->
-({*ここから：header*})
-<!-- ここから：小タイトル -->
-<table border="0" cellspacing="0" cellpadding="0" style="width:268px" class="border_07">
-<tr>
-<td style="width:25px;" class="bg_06"><img src="({t_img_url_skin filename=icon_title_1})" style="width:25px;height:19px;" class="dummy"></td>
-<td style="width:241px;" class="bg_06"><span class="b_b c_00">({$WORD_MY_FRIEND})リスト</span></td>
-</tr>
-</table>
-<!-- ここまで：小タイトル -->
-({*ここまで：header*})
-({*ここから：body*})
-<!-- ここから：主内容 -->
+<div id="friend_list" class="pne_content_binder">
+
+<div class="pne_content">
+
+<h1 class="pne_content_body pne_3x3_list_header"><img src="./skin_prj_css/dummy.gif" class="header_image" alt="({$WORD_MY_FRIEND})リスト" title="({$WORD_MY_FRIEND})リスト" /><span>({$WORD_MY_FRIEND})リスト</span></h1>
+
+</div>({* END.pne_content *})
+
+<div class="pne_content">
+
 ({if $smarty.const.OPENPNE_USE_FLASH_LIST})
-<table border="0" cellspacing="0" cellpadding="0" style="width:266px;" class="bg_07">
-<tr>
-<td class="bg_07"><img src="./skin/dummy.gif" style="width:1px;"></td>
-<td class="bg_03" align="center">
+
+<div class="pne_content_body pne_flash_list">
 
 ({capture assign=flashvars})({strip})
@@ -307 +262 @@
 </script>
 
-</td>
-<td class="bg_07"><img src="./skin/dummy.gif" style="width:1px;"></td>
-</tr>
-</table>
+</div>({* END.pne_content_body *})
+
 ({else})
-<table border="0" cellspacing="1" cellpadding="2" style="width:268px" class="bg_07">
+
+<table border="0" cellspacing="0" cellpadding="0" class="pne_content_body pne_3x3_list">
 
 ({if $c_friend_list[0]})
-({*１行目img*})
-<tr>
+<tr class="row_1_picture">
+
+({assign var="counter" value=1})
 
 ({t_loop from=$c_friend_list start=0 num=3})
+<td class="col_({$counter})">
+
 ({if $item})
-<td style="width:88px;" class="bg_03" align="center">
 <a href="({t_url m=pc a=page_f_home})&amp;target_c_member_id=({$item.c_member_id})">
-<img src="({t_img_url filename=$item.image_filename w=76 h=76 noimg=no_image})" class="pict"></a>
-</td>
+<img src="({t_img_url filename=$item.image_filename w=76 h=76 noimg=no_image})" alt="({$item.nickname}) (({$item.friend_count}))" title="({$item.nickname}) (({$item.friend_count}))" /></a>
 ({else})
-<td style="width:88px;" class="bg_03"><img src="./skin/dummy.gif" style="width:84px;height:84px;" class="dummy"></td>
-({/if})
+<img src="./skin_prj_css/dummy.gif" class="dummy" />
+({/if})
+
+</td>
+({assign var="counter" value=$counter+1})
+
 ({/t_loop})
 
 </tr>
 
-({*１行目name*})
-<tr>
+<tr class="row_1_name">
+
+({assign var="counter" value=1})
 
 ({t_loop from=$c_friend_list start=0 num=3})
+<td class="col_({$counter})">
+
 ({if $item})
-<td class="bg_02" align="center">
+<a href="({t_url m=pc a=page_f_home})&amp;target_c_member_id=({$item.c_member_id})">({$item.nickname})<span>(({$item.friend_count}))</span></a>
+({else})&nbsp;({/if})
+
+</td>
+({assign var="counter" value=$counter+1})
+
+({/t_loop})
+
+</tr>
+({/if})
+
+({if $c_friend_list[3]})
+<tr class="row_2_picture">
+
+({assign var="counter" value=1})
+
+({t_loop from=$c_friend_list start=3 num=3})
+<td class="col_({$counter})">
+
+({if $item})
 <a href="({t_url m=pc a=page_f_home})&amp;target_c_member_id=({$item.c_member_id})">
-({$item.nickname}) (({$item.friend_count}))
-</a>
-</td>
+<img src="({t_img_url filename=$item.image_filename w=76 h=76 noimg=no_image})" alt="({$item.nickname}) (({$item.friend_count}))" title="({$item.nickname}) (({$item.friend_count}))" /></a>
 ({else})
-<td class="bg_02" align="center"><img src="./skin/dummy.gif" style="height:1em;" class="dummy"></td>
-({/if})
+<img src="./skin_prj_css/dummy.gif" class="dummy" />
+({/if})
+
+</td>
+({assign var="counter" value=$counter+1})
+
 ({/t_loop})
 
 </tr>
 
-({/if})
-
-({*************************************************************})
-
-({if $c_friend_list[3]})
-<!-- ２行目img -->
-<tr>
+<tr class="row_2_name">
+
+({assign var="counter" value=1})
 
 ({t_loop from=$c_friend_list start=3 num=3})
+<td class="col_({$counter})">
+
 ({if $item})
-<td class="bg_03" align="center">
+<a href="({t_url m=pc a=page_f_home})&amp;target_c_member_id=({$item.c_member_id})">({$item.nickname})<span>(({$item.friend_count}))</span></a>
+({else})&nbsp;({/if})
+
+</td>
+({assign var="counter" value=$counter+1})
+
+({/t_loop})
+
+</tr>
+({/if})
+
+({if $c_friend_list[6]})
+<tr class="row_3_picture">
+
+({assign var="counter" value=1})
+
+({t_loop from=$c_friend_list start=6 num=3})
+<td class="col_({$counter})">
+
+({if $item})
 <a href="({t_url m=pc a=page_f_home})&amp;target_c_member_id=({$item.c_member_id})">
-<img src="({t_img_url filename=$item.image_filename w=76 h=76 noimg=no_image})" class="pict"></a>
-</td>
+<img src="({t_img_url filename=$item.image_filename w=76 h=76 noimg=no_image})" alt="({$item.nickname}) (({$item.friend_count}))" title="({$item.nickname}) (({$item.friend_count}))" /></a>
 ({else})
-<td class="bg_03"><img src="./skin/dummy.gif" style="width:84px;height:84px;" class="dummy"></td>
-({/if})
+<img src="./skin_prj_css/dummy.gif" class="dummy" />
+({/if})
+
+</td>
+({assign var="counter" value=$counter+1})
+
 ({/t_loop})
 
 </tr>
 
-<!-- ２行目name -->
-<tr>
-
-({t_loop from=$c_friend_list start=3 num=3})
+<tr class="row_3_name">
+
+({assign var="counter" value=1})
+
+({t_loop from=$c_friend_list start=6 num=3})
+<td class="col_({$counter})">
+
 ({if $item})
-<td class="bg_02" align="center">
-<a href="({t_url m=pc a=page_f_home})&amp;target_c_member_id=({$item.c_member_id})">
-({$item.nickname}) (({$item.friend_count}))
-</a>
-</td>
-({else})
-<td class="bg_02" align="center"><img src="./skin/dummy.gif" style="height:1em;" class="dummy"></td>
-({/if})
+<a href="({t_url m=pc a=page_f_home})&amp;target_c_member_id=({$item.c_member_id})">({$item.nickname})<span>(({$item.friend_count}))</span></a>
+({else})&nbsp;({/if})
+
+</td>
+({assign var="counter" value=$counter+1})
+
 ({/t_loop})
 
 </tr>
-
-({/if})
-
-({*************************************************************})
-
-({if $c_friend_list[6]})
-<!-- ３行目img -->
-<tr>
-
-({t_loop from=$c_friend_list start=6 num=3})
-({if $item})
-<td class="bg_03" align="center">
-<a href="({t_url m=pc a=page_f_home})&amp;target_c_member_id=({$item.c_member_id})">
-<img src="({t_img_url filename=$item.image_filename w=76 h=76 noimg=no_image})" class="pict"></a>
-</td>
-({else})
-<td class="bg_03"><img src="./skin/dummy.gif" style="width:84px;height:84px;" class="dummy"></td>
-({/if})
-({/t_loop})
-</tr>
-
-<!-- ３行目name -->
-<tr>
-
-({t_loop from=$c_friend_list start=6 num=3})
-({if $item})
-<td class="bg_02" align="center">
-<a href="({t_url m=pc a=page_f_home})&amp;target_c_member_id=({$item.c_member_id})">
-({$item.nickname}) (({$item.friend_count}))
-</a>
-</td>
-({else})
-<td class="bg_02" align="center"><img src="./skin/dummy.gif" style="height:1em;" class="dummy"></td>
-({/if})
-
-({/t_loop})
-
-</tr>
-
-({/if})
-
-</table>
-({/if})
-
-<!-- ここまで：主内容 -->
-({*ここまで：body*})
-({*ここから：footer*})
-<!-- ここから：小メニュー -->
-<table border="0" cellspacing="0" cellpadding="0" style="width:268px">
-<tr>
-<td style="width:1px;" class="bg_07" rowspan="4"><img src="./skin/dummy.gif" style="width:1px;height:1px;" class="dummy"></td>
-<td style="width:266px;" class="bg_02" colspan="4"><img src="./skin/dummy.gif" style="width:266px;height:5px;" class="dummy"></td>
-<td style="width:1px;" class="bg_07" rowspan="4"><img src="./skin/dummy.gif" style="width:1px;height:1px;" class="dummy"></td>
-</tr>
-<tr>
-<td style="width:125px;" class="bg_02" rowspan="2"><img src="./skin/dummy.gif" style="width:125px;height:1px;" class="dummy"></td>
-<td style="width:20px;" class="bg_02"><img src="./skin/dummy.gif" class="icon arrow_1"></td>
-<td align="left" style="width:116px;padding:2px 0px;" class="bg_02 lh_110">
-<a href="({t_url m=pc a=page_fh_friend_list})">全てを見る(({$c_friend_count})人)</a>
-</td>
-<td style="width:5px;" class="bg_02" rowspan="2"><img src="./skin/dummy.gif" style="width:5px;height:1px;" class="dummy"></td>
-</tr>
-<tr>
-<td style="width:20px;" class="bg_02"><img src="./skin/dummy.gif" class="icon arrow_1"></td>
-<td align="left" style="width:116px;padding:2px 0px;" class="bg_02 lh_110">
-<a href="({t_url m=pc a=page_h_manage_friend})">({$WORD_MY_FRIEND})管理</a>
-</td>
-</tr>
-<tr>
-<td style="width:266px;" class="bg_02" colspan="4"><img src="./skin/dummy.gif" style="width:266px;height:5px;" class="dummy"></td>
-</tr>
-<tr>
-<td style="width:268px;" class="bg_07" colspan="6"><img src="./skin/dummy.gif" style="width:1px;height:1px;" class="dummy"></td>
-</tr>
-</table>
-<!-- ここまで：小メニュー -->
-({*ここまで：footer*})
-<!-- *ここまで：マイフレンドリスト＞＞内容* -->
-</td>
-</tr>
-</table>
-<!-- ******ここまで：マイフレンドリスト****** -->
-<!-- ********************************** -->
-
-<img src="./skin/dummy.gif" class="v_spacer_m">
-({/if})
-
+({/if})
+
+</table>({* END.pne_content_body *})
+
+</div>({* END.pne_content *})
+
+({/if})
+
+<div class="pne_content">
+
+<div class="pne_content_body pne_3x3_list_footer">
+
+<ul>
+<li><a href="({t_url m=pc a=page_fh_friend_list})">全てを見る(({$c_friend_count})人)</a></li>
+<li><a href="({t_url m=pc a=page_h_manage_friend})">({$WORD_MY_FRIEND})管理</a></li>
+</ul>
+
+</div>({* END.pne_content_body *})
+
+</div>({* END.pne_content *})
+
+</div>({* END.pne_content_binder#friend_list *})
+({/if})
+
+({**************************})
+({***ここまで：friend_list***})
+({**************************})
+
+({****************************})
+({***ここから：entry_point_6***})
+({****************************})
 ({if $inc_entry_point[6]})
-({$inc_entry_point[6]|smarty:nodefaults|t_url2cmd:'entry_point'|t_cmd:'entry_point'})
-({/if})
-
-<!-- ************************************ -->
-<!-- ******ここから：コミュニティ一覧****** -->
-({if $c_commu_user_list})
-<table border="0" cellspacing="0" cellpadding="0" style="width:268px;margin:0px auto;" class="border_07">
-<tr>
-<td>
-<!-- *ここから：コミュニティ一覧＞＞内容* -->
-({*ここから：header*})
-<!-- ここから：小タイトル -->
-<table border="0" cellspacing="0" cellpadding="0" style="width:268px" class="border_07">
-<tr>
-<td style="width:25px;" class="bg_06"><img src="({t_img_url_skin filename=icon_title_1})" style="width:25px;height:19px;" class="dummy"></td>
-<td style="width:241px;" class="bg_06"><span class="b_b c_00">コミュニティリスト</span></td>
-</tr>
-</table>
-<!-- ここまで：小タイトル -->
-({*ここまで：header*})
-({*ここから：body*})
-<!-- ここから：主内容 -->
+<div id="entry_point_6" class="pne_content_binder">
+
+<div class="pne_content">
+({$inc_entry_point[6]|smarty:nodefaults})
+</div>({* END.pne_content *})
+
+</div>({* END.pne_content_binder#entry_point_6 *})
+({/if})
+({****************************})
+({***ここまで：entry_point_6***})
+({****************************})
+
+({*****************************})
+({***ここから：community_list***})
+({*****************************})
+<div id="community_list" class="pne_content_binder">
+
+<h1 class="pne_content_body pne_3x3_list_header"><img src="./skin_prj_css/dummy.gif" class="head_image" alt="コミュニティリスト" title="コミュニティリスト" /><span>コミュニティリスト</span></h1>
+
 ({if $smarty.const.OPENPNE_USE_FLASH_LIST})
-<table border="0" cellspacing="0" cellpadding="0" style="width:266px;" class="bg_07">
-<tr>
-<td class="bg_07"><img src="./skin/dummy.gif" style="width:1px;"></td>
-<td class="bg_03" align="center">
+
+<div class="pne_content_body pne_flash_list">
 
 ({capture assign=flashvars})({strip})
@@ -518 +461 @@
 </script>
 
-</td>
-<td class="bg_07"><img src="./skin/dummy.gif" style="width:1px;"></td>
-</tr>
-</table>
+</div>({* END.pne_content_body *})
+
 ({else})
-<table border="0" cellspacing="1" cellpadding="2" style="width:268px" class="bg_07">
+
+<table border="0" cellspacing="0" cellpadding="0" class="pne_content_body pne_3x3_list">
 
 ({if $c_commu_user_list[0]})
-({*１行目img*})
-<tr>
+
+<tr class="row_1_picture">
+
+({assign var="counter" value=1})
 
 ({t_loop from=$c_commu_user_list start=0 num=3})
+
+<td class="col_({$counter})">
+
 ({if $item})
-<td style="width:88px;" class="bg_03" align="center">
-({if $item.c_member_id_admin == $c_member.c_member_id })<img src="({t_img_url_skin filename=icon_crown})" class="icon"><br>({/if})
 <a href="({t_url m=pc a=page_c_home})&amp;target_c_commu_id=({$item.c_commu_id})">
-<img src="({t_img_url filename=$item.image_filename w=76 h=76 noimg=no_logo_small})" class="pict"></a>
-</td>
+<img src="./skin_prj_css/test_no_image.gif" alt="({$item.name}) (({$item.count_commu_members}))" title="({$item.name}) (({$item.count_commu_members}))" /></a>
 ({else})
-<td style="width:88px;" class="bg_03"><img src="./skin/dummy.gif" style="width:84px;height:84px;" class="dummy"></td>
-({/if})
+<img src="./skin_prj_css/dummy.gif" class="dummy" />
+({/if})
+
+</td>
+
+({assign var="counter" value=$counter+1})
+
 ({/t_loop})
 
 </tr>
 
-({*１行目name*})
-<tr>
+<tr class="row_1_name">
+
+({assign var="counter" value=1})
 
 ({t_loop from=$c_commu_user_list start=0 num=3})
+
+<td class="col_({$counter})">
+
 ({if $item})
-<td class="bg_02" align="center">
+<a href="({t_url m=pc a=page_c_home})&amp;target_c_commu_id=({$item.c_commu_id})">({$item.name})<span>(({$item.count_commu_members}))</span></a>
+({else})&nbsp;({/if})
+
+</td>
+
+({assign var="counter" value=$counter+1})
+
+({/t_loop})
+
+</tr>
+
+({/if})
+
+({if $c_commu_user_list[3]})
+
+<tr class="row_2_picture">
+
+({assign var="counter" value=1})
+
+({t_loop from=$c_commu_user_list start=3 num=3})
+
+<td class="col_({$counter})">
+
+({if $item})
 <a href="({t_url m=pc a=page_c_home})&amp;target_c_commu_id=({$item.c_commu_id})">
-({$item.name}) (({$item.count_commu_members}))
-</a>
-</td>
+<img src="./skin_prj_css/test_no_image.gif" alt="({$item.name}) (({$item.count_commu_members}))" title="({$item.name}) (({$item.count_commu_members}))" /></a>
 ({else})
-<td class="bg_02" align="center"><img src="./skin/dummy.gif" style="height:1em;" class="dummy"></td>
-({/if})
+<img src="./skin_prj_css/dummy.gif" class="dummy" />
+({/if})
+
+</td>
+
+({assign var="counter" value=$counter+1})
+
 ({/t_loop})
 
 </tr>
 
-({/if})
-
-({*************************************************************})
-
-({if $c_commu_user_list[3]})
-<!-- ２行目img -->
-<tr>
+<tr class="row_2_name">
+
+({assign var="counter" value=1})
 
 ({t_loop from=$c_commu_user_list start=3 num=3})
+
+<td class="col_({$counter})">
+
 ({if $item})
-<td class="bg_03" align="center">
-({if $item.c_member_id_admin == $c_member.c_member_id })<img src="({t_img_url_skin filename=icon_crown})" class="icon"><br>({/if})
+<a href="({t_url m=pc a=page_c_home})&amp;target_c_commu_id=({$item.c_commu_id})">({$item.name})<span>(({$item.count_commu_members}))</span></a>
+({else})&nbsp;({/if})
+
+</td>
+
+({assign var="counter" value=$counter+1})
+
+({/t_loop})
+
+</tr>
+
+({/if})
+
+({if $c_commu_user_list[6]})
+
+<tr class="row_3_picture">
+
+({assign var="counter" value=1})
+
+({t_loop from=$c_commu_user_list start=6 num=3})
+
+<td class="col_({$counter})">
+
+({if $item})
 <a href="({t_url m=pc a=page_c_home})&amp;target_c_commu_id=({$item.c_commu_id})">
-<img src="({t_img_url filename=$item.image_filename w=76 h=76 noimg=no_logo_small})" class="pict"></a>
-</td>
+<img src="./skin_prj_css/test_no_image.gif" alt="({$item.name}) (({$item.count_commu_members}))" title="({$item.name}) (({$item.count_commu_members}))" /></a>
 ({else})
-<td class="bg_03"><img src="./skin/dummy.gif" style="width:84px;height:84px;" class="dummy"></td>
-({/if})
+<img src="./skin_prj_css/dummy.gif" class="dummy" />
+({/if})
+
+</td>
+
+({assign var="counter" value=$counter+1})
+
 ({/t_loop})
 
 </tr>
 
-<!-- ２行目name -->
-<tr>
-
-({t_loop from=$c_commu_user_list start=3 num=3})
+<tr class="row_3_name">
+
+({assign var="counter" value=1})
+
+({t_loop from=$c_commu_user_list start=6 num=3})
+
+<td class="col_({$counter})">
+
 ({if $item})
-<td class="bg_02" align="center">
-<a href="({t_url m=pc a=page_c_home})&amp;target_c_commu_id=({$item.c_commu_id})">
-({$item.name}) (({$item.count_commu_members}))
-</a>
-</td>
-({else})
-<td class="bg_02" align="center"><img src="./skin/dummy.gif" style="height:1em;" class="dummy"></td>
-({/if})
+<a href="({t_url m=pc a=page_c_home})&amp;target_c_commu_id=({$item.c_commu_id})">({$item.name})<span>(({$item.count_commu_members}))</span></a>
+({else})&nbsp;({/if})
+
+</td>
+
+({assign var="counter" value=$counter+1})
+
 ({/t_loop})
 
@@ -601 +608 @@
 ({/if})
 
-({*************************************************************})
-
-({if $c_commu_user_list[6]})
-<!-- ３行目img -->
-<tr>
-
-({t_loop from=$c_commu_user_list start=6 num=3})
-({if $item})
-<td class="bg_03" align="center">
-({if $item.c_member_id_admin == $c_member.c_member_id })<img src="({t_img_url_skin filename=icon_crown})" class="icon"><br>({/if})
-<a href="({t_url m=pc a=page_c_home})&amp;target_c_commu_id=({$item.c_commu_id})">
-<img src="({t_img_url filename=$item.image_filename w=76 h=76 noimg=no_logo_small})" class="pict"></a>
-</td>
-({else})
-<td class="bg_03"><img src="./skin/dummy.gif" style="width:84px;height:84px;" class="dummy"></td>
-({/if})
-({/t_loop})
-
-</tr>
-
-<!-- ３行目name -->
-<tr>
-
-({t_loop from=$c_commu_user_list start=6 num=3})
-({if $item})
-<td class="bg_02" align="center">
-<a href="({t_url m=pc a=page_c_home})&amp;target_c_commu_id=({$item.c_commu_id})">
-({$item.name}) (({$item.count_commu_members}))
-</a>
-</td>
-({else})
-<td class="bg_02" align="center"><img src="./skin/dummy.gif" style="height:1em;" class="dummy"></td>
-({/if})
-({/t_loop})
-
-</tr>
-
-({/if})
-
-</table>
-({/if})
-
-<!-- ここまで：主内容 -->
-({*ここまで：body*})
-({*ここから：footer*})
-<!-- ここから：小メニュー -->
-<table border="0" cellspacing="0" cellpadding="0" style="width:268px">
-<tr>
-<td style="width:1px;" class="bg_07" rowspan="3"><img src="./skin/dummy.gif" style="width:1px;height:1px;" class="dummy"></td>
-<td style="width:266px;" class="bg_02" colspan="4"><img src="./skin/dummy.gif" style="width:266px;height:5px;" class="dummy"></td>
-<td style="width:1px;" class="bg_07" rowspan="3"><img src="./skin/dummy.gif" style="width:1px;height:1px;" class="dummy"></td>
-</tr>
-<tr>
-<td style="width:125px;" class="bg_02"><img src="./skin/dummy.gif" style="width:125px;height:1px;" class="dummy"></td>
-<td style="width:20px;" class="bg_02"><img src="./skin/dummy.gif" class="icon arrow_1"></td>
-<td align="left" style="width:116px;padding:2px 0px;" class="bg_02 lh_110">
-<a href="({t_url m=pc a=page_fh_com_list})">全てを見る(({$fh_com_count_user}))</a>
-</td>
-<td style="width:5px;" class="bg_02"><img src="./skin/dummy.gif" style="width:5px;height:1px;" class="dummy"></td>
-</tr>
-<tr>
-<td style="width:266px;" class="bg_02" colspan="4"><img src="./skin/dummy.gif" style="width:266px;height:5px;" class="dummy"></td>
-</tr>
-<tr>
-<td style="width:268px;" class="bg_07" colspan="6"><img src="./skin/dummy.gif" style="width:1px;height:1px;" class="dummy"></td>
-</tr>
-</table>
-<!-- ここまで：小メニュー -->
-({*ここまで：footer*})
-<!-- *ここまで：コミュニティ一覧＞＞内容* -->
-</td>
-</tr>
-</table>
-({/if})
-<!-- ******ここまで：コミュニティ一覧****** -->
-<!-- ************************************ -->
-
-({if $bookmark_member_list})
-<img src="./skin/dummy.gif" class="v_spacer_m">
-
-<!-- **************************************** -->
-<!-- ******ここから：お気に入りメンバー一覧****** -->
-<table border="0" cellspacing="0" cellpadding="0" style="width:268px;margin:0px auto;" class="border_07">
-<tr>
-<td>
-<!-- *ここから：お気に入りメンバー一覧＞＞内容* -->
-({*ここから：header*})
-<!-- ここから：小タイトル -->
-<table border="0" cellspacing="0" cellpadding="0" style="width:268px" class="border_07">
-<tr>
-<td style="width:25px;" class="bg_06"><img src="({t_img_url_skin filename=icon_title_1})" style="width:25px;height:19px;" class="dummy"></td>
-<td style="width:241px;" class="bg_06"><span class="b_b c_00">お気に入りリスト</span></td>
-</tr>
-</table>
-<!-- ここまで：小タイトル -->
-({*ここまで：header*})
-({*ここから：body*})
-<!-- ここから：主内容 -->
-({if $smarty.const.OPENPNE_USE_FLASH_LIST})
-<table border="0" cellspacing="0" cellpadding="0" style="width:266px;" class="bg_07">
-<tr>
-<td class="bg_07"><img src="./skin/dummy.gif" style="width:1px;"></td>
-<td class="bg_03" align="center">
-
-({capture assign=flashvars})({strip})
-({foreach from=$bookmark_member_list item=item key=key})
-({if $key > 0})&({/if})
-pne_item({$key+1})_id=({$item.c_member_id})
-&pne_item({$key+1})_name=({$item.nickname|t_truncate:12:'..'|escape:'url'})
-&pne_item({$key+1})_linkurl=({t_url m=pc a=page_f_home _urlencode=true _html=false})%26target_c_member_id=({$item.c_member_id})
-&pne_item({$key+1})_imageurl=({t_img_url filename=$item.image_filename w=76 h=76 noimg=no_image _urlencode=true _html=false})
-&pne_item({$key+1})_count=({$item.friend_count})
-({/foreach})
-({/strip})({/capture})
-<script type="text/javascript" src="js/show_flash.js"></script>
-<script type="text/javascript">
-<!--
-show_flash('flash/list.swf', '({$flashvars})');
-//-->
-</script>
-
-</td>
-<td class="bg_07"><img src="./skin/dummy.gif" style="width:1px;"></td>
-</tr>
-</table>
-({else})
-<table border="0" cellspacing="1" cellpadding="2" style="width:268px" class="bg_07">
-
-({if $bookmark_member_list[0]})
-({*１行目img*})
-<tr>
-
-({t_loop from=$bookmark_member_list start=0 num=3})
-({if $item})
-<td style="width:88px;" class="bg_03" align="center">
-<a href="({t_url m=pc a=page_f_home})&amp;target_c_member_id=({$item.c_member_id})">
-<img src="({t_img_url filename=$item.image_filename w=76 h=76 noimg=no_image})" class="pict"></a>
-</td>
-({else})
-<td style="width:88px;" class="bg_03"><img src="./skin/dummy.gif" style="width:84px;height:84px;" class="dummy"></td>
-({/if})
-({/t_loop})
-
-</tr>
-
-({*１行目name*})
-<tr>
-
-({t_loop from=$bookmark_member_list start=0 num=3})
-({if $item})
-<td class="bg_02" align="center">
-<a href="({t_url m=pc a=page_f_home})&amp;target_c_member_id=({$item.c_member_id})">
-({$item.nickname}) (({$item.friend_count}))
-</a>
-</td>
-({else})
-<td class="bg_02" align="center"><img src="./skin/dummy.gif" style="height:1em;" class="dummy"></td>
-({/if})
-({/t_loop})
-
-</tr>
-
-({/if})
-
-({*************************************************************})
-
-({if $bookmark_member_list[3]})
-<!-- ２行目img -->
-<tr>
-
-({t_loop from=$bookmark_member_list start=3 num=3})
-({if $item})
-<td class="bg_03" align="center">
-<a href="({t_url m=pc a=page_f_home})&amp;target_c_member_id=({$item.c_member_id})">
-<img src="({t_img_url filename=$item.image_filename w=76 h=76 noimg=no_image})" class="pict"></a>
-</td>
-({else})
-<td class="bg_03"><img src="./skin/dummy.gif" style="width:84px;height:84px;" class="dummy"></td>
-({/if})
-({/t_loop})
-
-</tr>
-
-<!-- ２行目name -->
-<tr>
-
-({t_loop from=$bookmark_member_list start=3 num=3})
-({if $item})
-<td class="bg_02" align="center">
-<a href="({t_url m=pc a=page_f_home})&amp;target_c_member_id=({$item.c_member_id})">
-({$item.nickname}) (({$item.friend_count}))
-</a>
-</td>
-({else})
-<td class="bg_02" align="center"><img src="./skin/dummy.gif" style="height:1em;" class="dummy"></td>
-({/if})
-({/t_loop})
-
-</tr>
-
-({/if})
-
-({*************************************************************})
-
-({if $bookmark_member_list[6]})
-<!-- ３行目img -->
-<tr>
-
-({t_loop from=$bookmark_member_list start=6 num=3})
-({if $item})
-<td class="bg_03" align="center">
-<a href="({t_url m=pc a=page_f_home})&amp;target_c_member_id=({$item.c_member_id})">
-<img src="({t_img_url filename=$item.image_filename w=76 h=76 noimg=no_image})" class="pict"></a>
-</td>
-({else})
-<td class="bg_03"><img src="./skin/dummy.gif" style="width:84px;height:84px;" class="dummy"></td>
-({/if})
-({/t_loop})
-
-</tr>
-
-<!-- ３行目name -->
-<tr>
-
-({t_loop from=$bookmark_member_list start=6 num=3})
-({if $item})
-<td class="bg_02" align="center">
-<a href="({t_url m=pc a=page_f_home})&amp;target_c_member_id=({$item.c_member_id})">
-({$item.nickname}) (({$item.friend_count}))
-</a>
-</td>
-({else})
-<td class="bg_02" align="center"><img src="./skin/dummy.gif" style="height:1em;" class="dummy"></td>
-({/if})
-({/t_loop})
-
-</tr>
-
-({/if})
-
-</table>
-({/if})
-
-<!-- ここまで：主内容 -->
-({*ここまで：body*})
-({*ここから：footer*})
-<!-- ここから：小メニュー -->
-<table border="0" cellspacing="0" cellpadding="0" style="width:268px">
-<tr>
-<td style="width:1px;" class="bg_07" rowspan="3"><img src="./skin/dummy.gif" style="width:1px;height:1px;" class="dummy"></td>
-<td style="width:266px;" class="bg_02" colspan="4"><img src="./skin/dummy.gif" style="width:266px;height:5px;" class="dummy"></td>
-<td style="width:1px;" class="bg_07" rowspan="3"><img src="./skin/dummy.gif" style="width:1px;height:1px;" class="dummy"></td>
-</tr>
-<tr>
-<td style="width:125px;" class="bg_02"><img src="./skin/dummy.gif" style="width:125px;height:1px;" class="dummy"></td>
-<td style="width:20px;" class="bg_02"><img src="./skin/dummy.gif" class="icon arrow_1"></td>
-<td align="left" style="width:116px;padding:2px 0px;" class="bg_02 lh_110">
-<a href="({t_url m=pc a=page_h_bookmark_list})">全てを見る(({$bookmark_count}))</a>
-</td>
-<td style="width:5px;" class="bg_02"><img src="./skin/dummy.gif" style="width:5px;height:1px;" class="dummy"></td>
-</tr>
-<tr>
-<td style="width:266px;" class="bg_02" colspan="4"><img src="./skin/dummy.gif" style="width:266px;height:5px;" class="dummy"></td>
-</tr>
-<tr>
-<td style="width:268px;" class="bg_07" colspan="6"><img src="./skin/dummy.gif" style="width:1px;height:1px;" class="dummy"></td>
-</tr>
-</table>
-<!-- ここまで：小メニュー -->
-({*ここまで：footer*})
-<!-- *ここまで：お気に入りメンバー一覧＞＞内容* -->
-</td>
-</tr>
-</table>
-
-<!-- ******ここまで：お気に入りメンバー一覧****** -->
-<!-- **************************************** -->
-({/if})
-
-<img src="./skin/dummy.gif" class="v_spacer_m">
-
+</table>({* END.pne_content_body *})
+
+</div>({* END.pne_content *})
+
+({/if})
+
+<div class="pne_content">
+
+<div class="pne_content_body pne_3x3_list_footer">
+
+<ul>
+<li><a href="({t_url m=pc a=page_fh_com_list})">全てを見る(({$fh_com_count_user}))</a></li>
+</ul>
+
+</div>({* END.pne_content_body *})
+
+</div>({* END.pne_content *})
+
+</div>({* END.pne_content_binder#community_list *})
+
+({*****************************})
+({***ここまで：community_list***})
+({*****************************})
+
+({****************************})
+({***ここから：entry_point_7***})
+({****************************})
 ({if $inc_entry_point[7]})
-({$inc_entry_point[7]|smarty:nodefaults|t_url2cmd:'entry_point'|t_cmd:'entry_point'})
-({/if})
-
-({********************************})
-({**ここまで：メインコンテンツ（左）**})
-({********************************})
-({ext_include file="inc_layoutcolumn_middle_270px.tpl"})
-({********************************})
-({**ここから：メインコンテンツ（右）**})
-({********************************})
-
+<div id="entry_point_7" class="pne_content_binder">
+
+<div class="pne_content">
+({$inc_entry_point[7]|smarty:nodefaults})
+</div>({* END.pne_content *})
+
+</div>({* END.pne_content_binder#entry_point_7 *})
+({/if})
+({****************************})
+({***ここまで：entry_point_7***})
+({****************************})
+
+</div>({*<--ここまで：ページ主領域【左】*})
+
+<div class="pne_container_x_home_Right">({*<--ここから：ページ主領域【右】*})
+
+({****************************})
+({***ここから：entry_point_8***})
+({****************************})
 ({if $inc_entry_point[8]})
-({$inc_entry_point[8]|smarty:nodefaults|t_url2cmd:'entry_point'|t_cmd:'entry_point'})
-({/if})
+<div id="entry_point_8" class="pne_content_binder">
+
+<div class="pne_content">
+({$inc_entry_point[8]|smarty:nodefaults})
+</div>({* END.pne_content *})
+
+</div>({* END.pne_content_binder#entry_point_8 *})
+({/if})
+({****************************})
+({***ここまで：entry_point_8***})
+({****************************})
+
+({***********************})
+({***ここから：calendar***})
+({***********************})
 
 ({if $calendar})
-<!-- ***************************** -->
-<!-- ******ここから：週間予定****** -->
+
+<div id="calendar" class="pne_content_binder">
+
 ({t_form m=pc a=do_h_home_insert_c_schedule})
-<input type="hidden" name="sessid" value="({$PHPSESSID})">
-<input type="hidden" name="w" value="({$w})">
-
-<table border="0" cellspacing="0" cellpadding="0" style="width:440px;margin:0px auto;" class="border_07">
-<tr>
-<td style="width:7px;" class="bg_00"><img src="./skin/dummy.gif" style="width:7px;height:7px;" class="dummy"></td>
-<td style="width:424px;" class="bg_00"><img src="./skin/dummy.gif" style="width:424px;height:7px;" class="dummy"></td>
-<td style="width:7px;" class="bg_00"><img src="./skin/dummy.gif" style="width:7px;height:7px;" class="dummy"></td>
-</tr>
-<tr>
-<td class="bg_00"><img src="./skin/dummy.gif" style="width:7px;height:7px;" class="dummy"></td>
-<td class="bg_01" style="width:424px;">
-<!-- ここから：主内容＞＞カレンダー -->
+<input type="hidden" name="sessid" value="({$PHPSESSID})" />
+<input type="hidden" name="w" value="({$w})" />
+
 ({if $msg})
-<div class="border_01 bg_02">
-
-<div class="padding_s" align="left">
-<span class="caution">({$msg})</span>
-</div>
-
-</div>
-({/if})
-<div class="border_01 bg_02 padding_s" align="left">
-
-予定 <input type="text" class="text" name="title" value="" size="24">
+<div class="pne_content">
+
+<div class="pne_content_body pne_calendar_message">
+
+({$msg})
+
+</div>({* END.pne_content_body *})
+
+</div>({* END.pne_content *})
+
+({/if})
+
+<div class="pne_content">
+
+<div class="pne_content_body calendar_input">
+
+予定 <input type="text" name="title" value="" size="24" class="pne_calendar_input_title text" />
 <select name="start_date">
 ({foreach from=$calendar item=item})
@@ -932 +703 @@
 ({/foreach})
 </select>
-<input type="submit" class="submit" value="追加">
+<input type="submit" value="追加" class="pne_calendar_input_submit submit" />
 
 &nbsp;
@@ -939 +710 @@
 <a href="({t_url m=pc a=page_h_home})&amp;w=({$w+1})" title="次の週">＞</a>
 
-</div>
-<table border="0" cellspacing="0" cellpadding="0" style="width:424px;">
+</div>({* END.pne_content_body *})
+
+</div>({* END.pne_content *})
+
+<div class="pne_content">
+
+<table border="0" cellspacing="0" cellpadding="0" class="pne_content_body calendar_main">
 <tr>
 ({foreach from=$calendar item=item name=calendar})
-<td style="width:({if $smarty.foreach.calendar.last})64({else})60({/if})px;({if !$smarty.foreach.calendar.last})border-right:none;({/if})" align="left" valign="top" class="border_01 bg_0({if $item.now})9({else})2({/if})({if $item.dayofweek == "日" || $item.holiday}) c_02({elseif $item.dayofweek == "土"}) c_03({/if}) padding_s">
-({if $item.now})<span class="b_b">({/if})
+<td class="pne_calendar_main_line_({if $item.dayofweek == "日"})Sun({elseif $item.dayofweek == "土"})Sat({elseif $item.dayofweek == "金"})Fri({elseif $item.dayofweek == "木"})Thu({elseif $item.dayofweek == "水"})Wed({elseif $item.dayofweek == "火"})Tue({elseif $item.dayofweek == "月"})Mon({/if})">
+({if $item.now})<div class="is_today">({/if})
 
 ({if $smarty.foreach.calendar.first || $item.day == 1})
-({$item.month})/({/if})
-
-({$item.day})<br>
-(({$item.dayofweek}))<br>
-
-({if $item.now})</span>({/if})
-
-<div>
+<div class="month">({$item.month})/</div>({/if})
+
+<div class="day">({$item.day})</div>
+<div class="dayofweek">(({$item.dayofweek}))</div>
+
+({if $item.now})</div>({* END.is_today *})({/if})
+
 ({* 祝日 *})
 ({foreach from=$item.holiday item=item_holiday})
-({$item_holiday})<br>
+<div class="holiday">({$item_holiday})</div>
 ({/foreach})
 
 ({* 誕生日 *})
 ({foreach from=$item.birth item=item_birth})
-<img src="({t_img_url_skin filename=icon_birthday})" class="icon"><a href="({t_url m=pc a=page_f_home})&amp;target_c_member_id=({$item_birth.c_member_id})">({$item_birth.nickname})さん</a><br>
+<div class="birth"><img src="({t_img_url_skin filename=icon_birthday})" class="icon"><a href="({t_url m=pc a=page_f_home})&amp;target_c_member_id=({$item_birth.c_member_id})">({$item_birth.nickname})さん</a></div>
 ({/foreach})
 
 ({* イベント *})
 ({foreach from=$item.event item=item_event})
-<img src="({if $item_event.is_join})({t_img_url_skin filename=icon_event_R})({else})({t_img_url_skin filename=icon_event_B})({/if})" class="icon"><a href="({t_url m=pc a=page_c_event_detail})&amp;target_c_commu_topic_id=({$item_event.c_commu_topic_id})">({$item_event.name|t_truncate:20:".."})</a><br>
+<div class="event"><img src="({if $item_event.is_join})({t_img_url_skin filename=icon_event_R})({else})({t_img_url_skin filename=icon_event_B})({/if})" class="icon"><a href="({t_url m=pc a=page_c_event_detail})&amp;target_c_commu_topic_id=({$item_event.c_commu_topic_id})">({$item_event.name|t_truncate:20:".."})</a></div>
 ({/foreach})
 
 ({* スケジュール *})
 ({foreach from=$item.schedule item=item_schedule})
-<img src="({t_img_url_skin filename=icon_pen})" class="icon"><a href="({t_url m=pc a=page_h_schedule})&amp;target_c_schedule_id=({$item_schedule.c_schedule_id})">({$item_schedule.title})</a><br>
-({/foreach})
+<div class="schedule"><img src="({t_img_url_skin filename=icon_pen})" class="icon"><a href="({t_url m=pc a=page_h_schedule})&amp;target_c_schedule_id=({$item_schedule.c_schedule_id})">({$item_schedule.title})</a></div>
+({/foreach})
+
+</td>
+({/foreach})
+</tr>
+</table>({* END.pne_content_body *})
+
+</div>({* END.pne_content *})
+
+<div class="pne_content">
+
+<div class="pne_x_home_R_content_body pne_calendar_footer">
+
+<a href="({t_url m=pc a=page_h_calendar})">月別カレンダー</a>
+
+</div>({* END.pne_content_body *})
+
+</div>({* END.pne_x_content *})
+
+</form>
+
+</div>({* END.pne_content_binder#calendar *})
+
+({/if})
+
+({***********************})
+({***ここまで：calendar***})
+({***********************})
+
+({****************************})
+({***ここから：entry_point_9***})
+({****************************})
+({if $inc_entry_point[9]})
+<div id="entry_point_9" class="pne_content_binder">
+
+<div class="pne_content">
+({$inc_entry_point[9]|smarty:nodefaults})
+</div>({* END.pne_content *})
+
+</div>({* END.pne_content_binder#entry_point_9 *})
+({/if})
+({****************************})
+({***ここまで：entry_point_9***})
+({****************************})
+
+({****************************})
+({***ここから：newly_arrived***})
+({****************************})
+<div id="newly_arrived" class="pne_content_binder">
+
+<div class="pne_content">
+
+<h1 class="pne_content_body pne_information_header"><img src="./skin_prj_css/dummy.gif" class="head_image" alt="最新情報" title="最新情報" />最新情報</h1>
+
+</div>({* END.pne_content *})
+
+<div class="pne_content">
+
+<table border="0" cellspacing="0" cellpadding="0" class="pne_content_body">
+({if $c_diary_friend_list})
+<tr class="pne_diary_friend_list">
+<th class="pne_diary_friend_list_header">
+
+<h2>({$WORD_MY_FRIEND})<br />最新日記</h2>
+
+</th>
+<td class="pne_diary_friend_list_body">
+
+<ul class="pne_list">
+({foreach from=$c_diary_friend_list item=item})
+<li><span class="date">({$item.r_datetime|date_format:"%m月%d日"})</span> …<a href="({t_url m=pc a=page_fh_diary})&amp;target_c_diary_id=({$item.c_diary_id})&amp;comment_count=({$item.count_comments})">({$item.subject|default:"&nbsp;"})<span class="count_comment">(({$item.count_comments|default:0}))</span></a>
+<span class="nickname">(({$item.nickname|default:"&nbsp;"}))</span>
+({if $item.image_filename_1 || $item.image_filename_2 || $item.image_filename_3})<img src="({t_img_url_skin filename=icon_camera})" class="icon" alt="画像有り" title="画像有り" />({/if})
+</li>
+({/foreach})
+</ul>
+
+<ul class="pne_list_footer">
+<li><a href="({t_url m=pc a=page_h_diary_list_friend})">もっと読む</a></li>
+</ul>
+
+</td>
+</tr>
+({/if})
+({if $c_rss_cache_list})
+<tr class="pne_rss_cache_list">
+<th class="pne_rss_cache_list_header">
+
+<h2>({$WORD_MY_FRIEND})<br />最新Blog</h2>
+
+</th>
+<td class="pne_rss_cache_list_body">
+
+<ul class="pne_list">
+({foreach from=$c_rss_cache_list item=item})
+<li><span class="date">({$item.r_datetime|date_format:"%m月%d日"})</span>…<a href="({$item.link})" target="_blank">({$item.subject|default:"&nbsp;"})</a><span class="nickname">(({$item.c_member.nickname|default:"&nbsp;"}))</span></li>
+({/foreach})
+</ul>
+
+<ul class="pne_list_footer">
+
+<li><a href="({t_url m=pc a=page_h_diary_list_friend})#blog">もっと読む</a></li>
+
 </div>
 
 </td>
-({/foreach})
-</tr>
-</table>
-
-<div style="text-align:right;padding-right:20px;" class="border_01 bg_02 padding_s">
-
-<img src="./skin/dummy.gif" class="icon arrow_1">
-<a href="({t_url m=pc a=page_h_calendar})">月別カレンダー</a>
-
-</div>
-
-<!-- ここまで：主内容＞＞カレンダー -->
-</td>
-<td class="bg_00"><img src="./skin/dummy.gif"></td>
-</tr>
-<tr>
-<td class="bg_00"><img src="./skin/dummy.gif" style="width:7px;height:7px;" class="dummy"></td>
-<td class="bg_00"><img src="./skin/dummy.gif" style="width:424px;height:7px;" class="dummy"></td>
-<td class="bg_00"><img src="./skin/dummy.gif" style="width:7px;height:7px;" class="dummy"></td>
-</tr>
-</table>
-
-</form>
-<!-- ******ここまで：週間予定****** -->
-<!-- ***************************** -->
-
-<img src="./skin/dummy.gif" class="v_spacer_m">
-
-({/if})
-
-({if $inc_entry_point[9]})
-({$inc_entry_point[9]|smarty:nodefaults|t_url2cmd:'entry_point'|t_cmd:'entry_point'})
-({/if})
-
-<!-- ******************************** -->
-<!-- ******ここから：最新情報一覧****** -->
-<table border="0" cellspacing="0" cellpadding="0" style="width:440px;margin:0px auto;" class="border_07">
-<tr>
-<td style="width:7px;" class="bg_00"><img src="./skin/dummy.gif" style="width:7px;height:7px;" class="dummy"></td>
-<td style="width:424px;" class="bg_00"><img src="./skin/dummy.gif" style="width:424px;height:7px;" class="dummy"></td>
-<td style="width:7px;" class="bg_00"><img src="./skin/dummy.gif" style="width:7px;height:7px;" class="dummy"></td>
-</tr>
-<tr>
-<td class="bg_00"><img src="./skin/dummy.gif" style="width:7px;height:7px;" class="dummy"></td>
-<td class="bg_01">
-<!-- *ここから：最新情報一覧＞内容* -->
-({*ここから：header*})
-<!-- 小タイトル -->
-<div class="border_01">
-<table border="0" cellspacing="0" cellpadding="0" style="width:422px;">
-<tr>
-<td style="width:36px;" class="bg_06"><img src="({t_img_url_skin filename=content_header_1})" style="width:30px;height:20px;" class="dummy"></td>
-<td style="width:100px;padding:2px 0px;" class="bg_06"><span class="b_b c_00">最新情報</span></td>
-<td style="width:286px;" align="right" class="bg_06">&nbsp;</td>
-</tr>
-</table>
-</div>
-({*ここまで：header*})
-({*ここから：body*})
-<!-- ここから：主内容 -->
-<table border="0" cellspacing="0" cellpadding="0" style="width:424px;">
-<tr>
-<td style="width:1px;" class="bg_01"><img src="./skin/dummy.gif" style="width:1px;height:1px;" class="dummy"></td>
-<td class="bg_01" align="center">
-<table border="0" cellspacing="0" cellpadding="0" style="width:422px;">
-<!-- ここから：主内容＞フレンド最新日記 -->
-({if $c_diary_friend_list})
-<tr>
-<td class="border_01 bg_09 padding_s" style="width:90px;border-right:none;border-top:none;">
-
-<span class="c_01">({$WORD_MY_FRIEND})<br>最新日記</span>
-
-</td>
-<td class="border_01 bg_02 padding_s" style="width:332px;border-top:none;">
-
-({foreach from=$c_diary_friend_list item=item})
-<img src="./skin/dummy.gif" style="width:14px;height:14px;clear:both;" class="icon icon_1">({$item.r_datetime|date_format:"%m月%d日"})…&nbsp;<a href="({t_url m=pc a=page_fh_diary})&amp;target_c_diary_id=({$item.c_diary_id})&amp;comment_count=({$item.count_comments})">({$item.subject|default:"&nbsp;"}) (({$item.count_comments|default:0}))</a>
-(({$item.nickname|default:"&nbsp;"}))
-({if $item.image_filename_1 || $item.image_filename_2 || $item.image_filename_3})<img src="({t_img_url_skin filename=icon_camera})" class="icon">({/if})<br>
-({/foreach})
-
-<!-- ここから：主内容＞フレンド最新日記＞フッターメニュー -->
-<div align="right">
-<table border="0" cellspacing="0" cellpadding="0" style="width:130px;">
-<tr>
-<td style="width:130px;text-align:left;padding:1px 0px;">
-
-<img src="./skin/dummy.gif" class="icon arrow_1">
-<a href="({t_url m=pc a=page_h_diary_list_friend})">もっと読む</a>
-
-</td>
-</tr>
-</table>
-</div>
-<!-- ここまで：主内容＞フレンド最新日記＞フッターメニュー -->
-
-</td>
-</tr>
-({/if})
-<!-- ここまで：主内容＞フレンド最新日記 -->
-<!-- ここから：主内容＞マイフレンド最新Blog -->
-({if $c_rss_cache_list})
-<tr>
-<td class="border_01 bg_09 padding_s" style="width:90px;border-right:none;border-top:none;">
-
-<span class="c_01">({$WORD_MY_FRIEND})<br>最新Blog</span>
-
-</td>
-<td class="border_01 bg_02 padding_s" style="width:332px;border-top:none;">
-
-({foreach from=$c_rss_cache_list item=item})
-<img src="./skin/dummy.gif" style="width:14px;height:14px;" class="icon icon_1">({$item.r_datetime|date_format:"%m月%d日"})…&nbsp;<a href="({$item.link})" target="_blank">({$item.subject|default:"&nbsp;"})</a>
-(({$item.c_member.nickname|default:"&nbsp;"}))<br>
-({/foreach})
-
-<!-- ここから：主内容＞マイフレンド最新Blog＞フッターメニュー -->
-<div align="right">
-<table border="0" cellspacing="0" cellpadding="0" style="width:130px;">
-<tr>
-<td style="width:130px;text-align:left;padding:1px 0px;">
-
-<img src="./skin/dummy.gif" class="icon arrow_1">
-<a href="({t_url m=pc a=page_h_diary_list_friend})#blog">もっと読む</a>
-
-</td>
-</tr>
-</table>
-</div>
-<!-- ここまで：主内容＞マイフレンド最新Blog＞フッターメニュー -->
-
-</td>
-</tr>
-({/if})
-<!-- ここまで：主内容＞マイフレンド最新Blog -->
-
-<!-- ここから：主内容＞日記へのコメント -->
+</tr>
+({/if})
 ({if $c_diary_my_comment_list})
-<tr>
-<td class="border_01 bg_09 padding_s" style="width:90px;border-right:none;border-top:none;">
-
-<span class="c_01">日記コメント<br>記入履歴</span>
-
-</td>
-<td class="border_01 bg_02 padding_s" style="width:332px;border-top:none;">
-
+<tr class="pne_diary_my_comment_list">
+<th class="pne_diary_my_comment_list_header">
+
+<h2>日記コメント<br />記入履歴</h2>
+
+</th>
+<td class="pne_diary_my_comment_list_body">
+
+<ul class="pne_list">
 ({foreach from=$c_diary_my_comment_list item=item})
-<img src="./skin/dummy.gif" style="width:14px;height:14px;" class="icon icon_3">({$item.r_datetime|date_format:"%m月%d日"})…&nbsp;<a href="({t_url m=pc a=page_fh_diary})&amp;target_c_diary_id=({$item.c_diary_id})&amp;comment_count=({$item.num_comment})">({$item.subject}) (({$item.num_comment}))</a>
-(({$item.nickname}))<br>
-({/foreach})
-
-<!-- ここから：主内容＞日記へのコメント＞フッターメニュー -->
-<div align="right">
-<table border="0" cellspacing="0" cellpadding="0" style="width:130px;">
-<tr>
-<td style="width:130px;text-align:left;padding:1px 0px;">
-
-<img src="./skin/dummy.gif" class="icon arrow_1">
-<a href="({t_url m=pc a=page_h_diary_comment_list})">もっと読む</a>
-
-</td>
-</tr>
-</table>
-</div>
-<!-- ここまで：主内容＞日記へのコメント＞フッターメニュー -->
-
-</td>
-</tr>
-({/if})
-<!-- ここまで：主内容＞日記へのコメント -->
-<!-- ここから：主内容＞コミュニティ最新書き込み -->
+<li><span class="date">({$item.r_datetime|date_format:"%m月%d日"})</span>…<a href="({t_url m=pc a=page_fh_diary})&amp;target_c_diary_id=({$item.c_diary_id})&amp;comment_count=({$item.num_comment})">({$item.subject|default:"&nbsp;"})</a><span class="num_comment">(({$item.num_comment|default:"&nbsp;"}))</span></li>
+({/foreach})
+</ul>
+
+<ul class="pne_list_footer">
+
+<li><a href="({t_url m=pc a=page_h_diary_comment_list})">もっと読む</a></li>
+
+</ul>
+
+</td>
+</tr>
+({/if})
 ({if $c_commu_topic_comment_list})
-<tr>
-<td class="border_01 bg_09 padding_s" style="width:90px;border-right:none;border-top:none;">
-
-<span class="c_01">コミュニティ<br>最新書き込み</span>
-
-</td>
-<td class="border_01 bg_02 padding_s" style="width:332px;border-top:none;">
-
+<tr class="pne_commu_topic_comment_list">
+<th class="pne_commu_topic_comment_list_header">
+
+<h2>コミュニティ<br />最新書き込み</h2>
+
+</th>
+<td class="pne_commu_topic_comment_list_body">
+
+<ul class="pne_list">
 ({foreach from=$c_commu_topic_comment_list item=item})
-<img src="./skin/dummy.gif" style="width:14px;height:14px;" class="icon icon_2">({$item.r_datetime|date_format:"%m月%d日"})…&nbsp;<a href="({t_url m=pc a=page_c_topic_detail})&amp;target_c_commu_topic_id=({$item.c_commu_topic_id})&amp;comment_count=({$item.number})">({$item.c_commu_topic_name}) (({$item.number}))</a>
-(({$item.c_commu_name}))
-({if $item.image_filename1 || $item.image_filename2 || $item.image_filename3})<img src="({t_img_url_skin filename=icon_camera})" class="icon">({/if})<br>
-({/foreach})
-
-<!-- ここから：主内容＞コミュニティ最新書き込み＞フッターメニュー -->
-<div align="right">
-<table border="0" cellspacing="0" cellpadding="0" style="width:130px;">
-<tr>
-<td style="width:130px;text-align:left;padding:1px 0px;">
-
-<img src="./skin/dummy.gif" class="icon arrow_1">
-<a href="({t_url m=pc a=page_h_com_comment_list})">もっと読む</a>
-
-</td>
-</tr>
-</table>
-</div>
-<!-- ここまで：主内容＞コミュニティ最新書き込み＞フッターメニュー -->
-
-</td>
-</tr>
-({/if})
-<!-- ここまで：主内容＞コミュニティ最新書き込み -->
-<!-- ここから：主内容＞マイフレンド最新レビュー -->
+<li><span class="date">({$item.r_datetime|date_format:"%m月%d日"})</span>…<a href="({t_url m=pc a=page_c_topic_detail})&amp;target_c_commu_topic_id=({$item.c_commu_topic_id})&amp;comment_count=({$item.number})">({$item.c_commu_topic_name|default:"&nbsp;"})</a><span class="number">(({$item.number}))</span><span class="community_name">(({$item.c_commu_name}))</span>
+({if $item.image_filename1 || $item.image_filename2 || $item.image_filename3})<img src="({t_img_url_skin filename=icon_camera})" class="icon" alt="画像有り" title="画像有り" />({/if})
+</li>
+({/foreach})
+</ul>
+
+<ul class="pne_list_footer">
+
+<li><a href="({t_url m=pc a=page_h_com_comment_list})">もっと読む</a></li>
+
+</ul>
+
+</td>
+</tr>
+({/if})
 ({if $c_friend_review_list})
-<tr>
-<td class="border_01 bg_09 padding_s" style="width:90px;border-right:none;border-top:none;">
-
-<span class="c_01">({$WORD_MY_FRIEND})<br>最新レビュー</span>
-
-</td>
-<td class="border_01 bg_02 padding_s" style="width:332px;border-top:none;">
-
+<tr class="pne_friend_review_list">
+<th class="pne_friend_review_list_header">
+
+<h2>({$WORD_MY_FRIEND})<br />最新レビュー</h2>
+
+</th>
+<td class="pne_friend_review_list_body">
+
+<ul class="pne_list">
 ({foreach from=$c_friend_review_list item=item})
-<img src="./skin/dummy.gif" style="width:14px;height:14px;" class="icon icon_1">({$item.r_datetime|date_format:"%m月%d日"})…&nbsp;<a href="({t_url m=pc a=page_h_review_list_product})&amp;c_review_id=({$item.c_review_id})">({$item.title|t_truncate:30})</a>
-(({$item.nickname}))<br>
-({/foreach})
-
-<!-- ここから：主内容＞マイフレンド最新レビュー＞フッターメニュー -->
-<div align="right">
-<table border="0" cellspacing="0" cellpadding="0" style="width:130px;">
-<tr>
-<td style="width:130px;text-align:left;padding:1px 0px;">
-
-<img src="./skin/dummy.gif" class="icon arrow_1">
-<a href="({t_url m=pc a=page_h_friend_review_list})">もっと読む</a>
-
-</td>
-</tr>
-</table>
-</div>
-<!-- ここまで：主内容＞マイフレンド最新レビュー＞フッターメニュー -->
-</td>
-</tr>
-({/if})
-<!-- ここまで：主内容＞マイフレンド最新レビュー -->
-
-<!-- ここから：主内容＞お気に入りの最新日記 -->
+<li><span class="date">({$item.r_datetime|date_format:"%m月%d日"})</span>…<a href="({t_url m=pc a=page_h_review_list_product})&amp;c_review_id=({$item.c_review_id})">({$item.title|t_truncate:30})</a><span class="nickname">(({$item.nickname}))</span></li>
+({/foreach})
+</ul>
+
+<ul class="pne_list_footer">
+
+<li><a href="({t_url m=pc a=page_h_friend_review_list})">もっと読む</a></li>
+
+</ul>
+
+</td>
+</tr>
+({/if})
 ({if $bookmark_diary_list})
-<tr>
-<td class="border_01 bg_09 padding_s" style="width:90px;border-right:none;border-top:none;">
-
-<span class="c_01">お気に入り<br>最新日記</span>
-
-</td>
-<td class="border_01 bg_02 padding_s" style="width:332px;border-top:none;">
-
+<tr class="pne_bookmark_diary_list">
+<th class="pne_bookmark_diary_list_header">
+
+<h2>お気に入り<br />最新日記</h2>
+
+</th>
+<td class="pne_bookmark_diary_list_body">
+
+<ul class="pne_list">
 ({foreach from=$bookmark_diary_list item=item})
-<img src="./skin/dummy.gif" style="width:14px;height:14px;" class="icon icon_1">({$item.r_datetime|date_format:"%m月%d日"})…&nbsp;<a href="({t_url m=pc a=page_fh_diary})&amp;target_c_diary_id=({$item.c_diary_id})&amp;comment_count=({$item.count_comments})">({$item.subject|default:"&nbsp;"}) (({$item.count_comments}))</a>
-(({$item.nickname}))
-({if $item.image_filename_1 || $item.image_filename_2 || $item.image_filename_3})<img src="({t_img_url_skin filename=icon_camera})" class="icon">({/if})<br>
-({/foreach})
-
-<!-- ここから：主内容＞お気に入りの最新日記＞フッターメニュー -->
-<div align="right">
-<table border="0" cellspacing="0" cellpadding="0" style="width:130px;">
-<tr>
-<td style="width:130px;text-align:left;padding:1px 0px;">
-
-<img src="./skin/dummy.gif" class="icon arrow_1">
-<a href="({t_url m=pc a=page_h_bookmark_diary_blog_list})">もっと読む</a>
-
-</td>
-</tr>
-</table>
-</div>
-<!-- ここまで：主内容＞お気に入りの最新日記＞フッターメニュー -->
-
-</td>
-</tr>
-({/if})
-<!-- ここまで：主内容＞お気に入りの最新日記 -->
-
-<!-- ここから：主内容＞お気に入りの最新Blog -->
+<li><span class="date">({$item.r_datetime|date_format:"%m月%d日"})</span>…<a href="({t_url m=pc a=page_fh_diary})&amp;target_c_diary_id=({$item.c_diary_id})&amp;comment_count=({$item.count_comments})">({$item.subject|default:"&nbsp;"})<span class="num_comment">(({$item.count_comments}))</span></a></li>
+({/foreach})
+</ul>
+
+<ul class="pne_list_footer">
+
+<li><a href="({t_url m=pc a=page_h_bookmark_diary_blog_list})">もっと読む</a></li>
+
+</ul>
+
+</td>
+</tr>
+({/if})
 ({if $bookmark_blog_list})
-<tr>
-<td class="border_01 bg_09 padding_s" style="width:90px;border-right:none;border-top:none;">
-
-<span class="c_01">お気に入り<br>最新Blog</span>
-
-</td>
-<td class="border_01 bg_02 padding_s" style="width:332px;border-top:none;">
-
+<tr class="pne_bookmark_blog_list">
+<th class="pne_bookmark_blog_list_header">
+
+<h2>お気に入り<br />最新Blog</h2>
+
+</th>
+<td class="pne_bookmark_blog_list_body">
+
+<ul class="pne_list">
 ({foreach from=$bookmark_blog_list item=item})
-<img src="./skin/dummy.gif" style="width:14px;height:14px;" class="icon icon_1">({$item.r_datetime|date_format:"%m月%d日"})…&nbsp;<a href="({$item.link})" target="_blank">({$item.subject|default:"&nbsp;"})</a>
-(({$item.nickname}))<br>
-({/foreach})
-
-<!-- ここから：主内容＞お気に入りの最新Blog＞フッターメニュー -->
-<div align="right">
-<table border="0" cellspacing="0" cellpadding="0" style="width:130px;">
-<tr>
-<td style="width:130px;text-align:left;padding:1px 0px;">
-
-<img src="./skin/dummy.gif" class="icon arrow_1">
-<a href="({t_url m=pc a=page_h_bookmark_diary_blog_list})#blog">もっと読む</a>
-
-</td>
-</tr>
-</table>
-</div>
-<!-- ここまで：主内容＞お気に入りの最新Blog＞フッターメニュー -->
-
-</td>
-</tr>
-({/if})
-<!-- ここまで：主内容＞お気に入りの最新Blog -->
-
-</table>
-</td>
-<td style="width:1px;" class="bg_01"><img src="./skin/dummy.gif" style="width:1px;height:1px;" class="dummy"></td>
-</tr>
-<tr>
-<td class="bg_01" colspan="3"><img src="./skin/dummy.gif" style="height:1px;" class="dummy"></td>
-</tr>
-</table>
-<!-- ここまで：主内容 -->
-({*ここまで：body*})
-({*ここから：footer*})
-<!-- 無し -->
-({*ここまで：footer*})
-<!-- *ここまで：自己情報一覧＞＞内容* -->
-</td>
-<td class="bg_00"><img src="./skin/dummy.gif"></td>
-</tr>
-<tr>
-<td class="bg_00"><img src="./skin/dummy.gif" style="width:7px;height:7px;" class="dummy"></td>
-<td class="bg_00"><img src="./skin/dummy.gif" style="width:424px;height:7px;" class="dummy"></td>
-<td class="bg_00"><img src="./skin/dummy.gif" style="width:7px;height:7px;" class="dummy"></td>
-</tr>
-</table>
-<!-- ******ここまで：最新情報一覧****** -->
-<!-- ******************************** -->
-
-<img src="./skin/dummy.gif" class="v_spacer_m">
-
+<li><span class="date">({$item.r_datetime|date_format:"%m月%d日"})</span>…<a href="({$item.link})" target="_blank">({$item.subject|default:"&nbsp;"})</a><span class="nickname">(({$item.nickname}))</span></li>
+({/foreach})
+</ul>
+
+<ul class="pne_list_footer">
+
+<li><a href="({t_url m=pc a=page_h_bookmark_diary_blog_list})#blog">もっと読む</a></li>
+
+</ul>
+
+</td>
+</tr>
+({/if})
+</table>({* END.pne_content_body *})
+
+</div>({* END.pne_content *})
+
+</div>({* END.pne_content_binder#newly_arrived *})
+({****************************})
+({***ここまで：newly_arrived***})
+({****************************})
+
+({*****************************})
+({***ここから：entry_point_10***})
+({*****************************})
 ({if $inc_entry_point[10]})
-({$inc_entry_point[10]|smarty:nodefaults|t_url2cmd:'entry_point'|t_cmd:'entry_point'})
-({/if})
-
-<!-- ******************************** -->
-<!-- ******ここから：自己情報一覧****** -->
+<div id="entry_point_10" class="pne_content_binder">
+
+<div class="pne_content">
+({$inc_entry_point[10]|smarty:nodefaults})
+</div>({* END.pne_content *})
+
+</div>({* END.pne_content_binder#entry_point_10 *})
+({/if})
+({*****************************})
+({***ここまで：entry_point_10***})
+({*****************************})
+
+({*********************************})
+({***ここから：newly_arrived_self***})
+({*********************************})
+
 ({if $c_diary_list || $c_blog_list || $c_review_list})
-<table border="0" cellspacing="0" cellpadding="0" style="width:440px;margin:0px auto;" class="border_07">
-<tr>
-<td style="width:7px;" class="bg_00"><img src="./skin/dummy.gif" style="width:7px;height:7px;" class="dummy"></td>
-<td style="width:424px;" class="bg_00"><img src="./skin/dummy.gif" style="width:424px;height:7px;" class="dummy"></td>
-<td style="width:7px;" class="bg_00"><img src="./skin/dummy.gif" style="width:7px;height:7px;" class="dummy"></td>
-</tr>
-<tr>
-<td class="bg_00"><img src="./skin/dummy.gif" style="width:7px;height:7px;" class="dummy"></td>
-<td class="bg_01">
-<!-- *ここから：自己情報一覧＞＞内容* -->
-({*ここから：header*})
-<!-- ここから：小タイトル -->
-<div class="border_01">
-<table border="0" cellspacing="0" cellpadding="0" style="width:422px;">
-<tr>
-<td style="width:36px;" class="bg_06"><img src="({t_img_url_skin filename=content_header_1})" style="width:30px;height:20px;" class="dummy"></td>
-<td style="width:386px;padding:2px 0px;" class="bg_06"><b class="c_00">最新日記・レビュー</b></td>
-</tr>
-</table>
-</div>
-({*ここまで：header*})
-({*ここから：body*})
-<!-- ここから：主内容 -->
-<table border="0" cellspacing="0" cellpadding="0" style="width:422px;">
-<tr>
-<td style="width:1px;" class="bg_01"><img src="./skin/dummy.gif" style="width:1px;height:1px;" class="dummy"></td>
-<td class="bg_01" align="center">
-
-<table border="0" cellspacing="0" cellpadding="0" style="width:422px;">
-<!-- ここから：主内容＞最新日記 -->
+<div id="newly_arrived_self" class="pne_content_binder">
+
+<div class="pne_content">
+
+<h1 class="pne_content_body pne_information_header"><img src="./skin_prj_css/dummy.gif" class="head_image" alt="最新日記・レビュー" title="最新日記・レビュー" />最新日記・レビュー</h1>
+
+</div>({* END.pne_content *})
+
+<div class="pne_content">
+
+<table border="0" cellspacing="0" cellpadding="0" class="pne_content_body">
 ({if $c_diary_list})
-<tr>
-<td class="border_01 bg_09 padding_s" style="width:90px;border-right:none;border-top:none;">
-
-<span class="c_01">最新日記</span>
-
-</td>
-<td class="border_01 bg_02 padding_s" style="width:332px;border-top:none;">
-
+<tr class="pne_diary_list">
+<th class="pne_diary_list_header">
+
+<h2>最新日記</h2>
+
+</th>
+<td class="pne_diary_list_body">
+
+<ul class="pne_list">
 ({foreach from=$c_diary_list item=item})
-<img src="./skin/dummy.gif" style="width:14px;height:14px;" class="icon icon_1">({$item.r_datetime|date_format:"%m月%d日"})…&nbsp;<a href="({t_url m=pc a=page_fh_diary})&amp;target_c_diary_id=({$item.c_diary_id})&amp;comment_count=({$item.comment_count})">({$item.subject|t_truncate:40}) (({$item.comment_count}))</a>
-({if $item.image_filename_1 || $item.image_filename_2 || $item.image_filename_3})<img src="({t_img_url_skin filename=icon_camera})" class="icon">({/if})<br>
-({/foreach})
-
-<!-- ここから：主内容＞最新日記＞フッターメニュー -->
-<div align="right">
-<table border="0" cellspacing="0" cellpadding="0" style="width:130px;">
-<tr>
-<td style="width:130px;text-align:left;padding:1px 0px;">
-
-<img src="./skin/dummy.gif" class="icon arrow_1">
-<a href="({t_url m=pc a=page_fh_diary_list})">もっと読む</a>
-
-</td>
-</tr>
-<tr>
-<td style="width:130px;text-align:left;padding:1px 0px;">
-
-<img src="./skin/dummy.gif" class="icon arrow_1">
-<a href="({t_url m=pc a=page_h_diary_add})">日記を書く</a>
-
-</td>
-</tr>
-</table>
-</div>
-<!-- ここまで：主内容＞最新日記＞フッターメニュー -->
-
-</td>
-</tr>
-({/if})
-<!-- ここまで：主内容＞最新日記 -->
-<!-- ここから：主内容＞最新Blog -->
+<li><span class="date">({$item.r_datetime|date_format:"%m月%d日"})</span>…<a href="({t_url m=pc a=page_fh_diary})&amp;target_c_diary_id=({$item.c_diary_id})&amp;comment_count=({$item.comment_count})">({$item.subject|t_truncate:40})</a><span class="comment_count">(({$item.comment_count}))</span>
+({if $item.image_filename_1 || $item.image_filename_2 || $item.image_filename_3})<img src="({t_img_url_skin filename=icon_camera})" class="icon" alt="画像有り" title="画像有り" />({/if})
+</li>
+({/foreach})
+</ul>
+
+<ul class="pne_list_footer">
+
+<li><a href="({t_url m=pc a=page_fh_diary_list})">もっと読む</a></li>
+<li><a href="({t_url m=pc a=page_h_diary_add})">日記を書く</a></li>
+
+</ul>
+
+</td>
+</tr>
+({/if})
 ({if $c_blog_list})
-<tr>
-<td class="border_01 bg_09 padding_s" style="width:90px;border-right:none;border-top:none;">
-
-<span class="c_01">最新Blog</span>
-
-</td>
-<td class="border_01 bg_02 padding_s" style="width:332px;border-top:none;">
-
+<tr class="pne_blog_list">
+<th class="pne_blog_list_header">
+
+<h2>最新Blog</h2>
+
+</th>
+<td class="pne_blog_list_body">
+
+<ul class="pne_list">
 ({foreach from=$c_blog_list item=item})
-<img src="./skin/dummy.gif" style="width:14px;height:14px;" class="icon icon_2">({$item.r_datetime|date_format:"%m月%d日"})…&nbsp;<a href="({$item.link})" target="_blank">({$item.subject|t_truncate:40})</a><br>
-({/foreach})
-
-<!-- ここから：主内容＞最新Blog＞フッターメニュー -->
-<div align="right">
-<table border="0" cellspacing="0" cellpadding="0" style="width:130px;">
-<tr>
-<td style="width:130px;text-align:left;padding:1px 0px;">
-
-<img src="./skin/dummy.gif" class="icon arrow_1">
-<a href="({t_url m=pc a=page_fh_diary_list})#blog">もっと読む</a>
-
-</td>
-</tr>
-</table>
-</div>
-<!-- ここまで：主内容＞最新Blog＞フッターメニュー -->
-
-</td>
-</tr>
-({/if})
-<!-- ここまで：主内容＞最新最新Blog -->
-
-
-<!-- ここから：主内容＞最新レビュー -->
+<li><span class="date">({$item.r_datetime|date_format:"%m月%d日"})</span>…<a href="({$item.link})" target="_blank">({$item.subject|t_truncate:40})</a></li>
+({/foreach})
+</ul>
+
+<ul class="pne_list_footer">
+
+<li><a href="({t_url m=pc a=page_fh_diary_list})#blog">もっと読む</a></li>
+
+</ul>
+
+</td>
+</tr>
+({/if})
 ({if $c_review_list})
-<tr>
-<td class="border_01 bg_09 padding_s" style="width:90px;border-right:none;border-top:none;">
-
-<span class="c_01">最新レビュー</span>
-
-</td>
-<td class="border_01 bg_02 padding_s" style="width:332px;border-top:none;">
-
+<tr class="pne_review_list">
+<td class="pne_review_list_header">
+
+<h2>最新レビュー</h2>
+
+</th>
+<td class="pne_review_list_body">
+
+<ul class="pne_list">
 ({foreach from=$c_review_list item=item})
-<img src="./skin/dummy.gif" style="width:14px;height:14px;" class="icon icon_3">({$item.r_datetime|date_format:"%m月%d日"})…&nbsp;<a href="({t_url m=pc a=page_h_review_list_product})&amp;c_review_id=({$item.c_review_id})">({$item.title|t_truncate:30})</a><br>
-({/foreach})
-
-<!-- ここから：主内容＞最新レビュー＞フッターメニュー -->
-<div align="right">
-<table border="0" cellspacing="0" cellpadding="0" style="width:130px;">
-<tr>
-<td style="width:130px;text-align:left;padding:1px 0px;">
-
-<img src="./skin/dummy.gif" class="icon arrow_1">
-<a href="({t_url m=pc a=page_fh_review_list_member})">もっと読む</a>
-
-</td>
-</tr>
-<tr>
-<td style="width:130px;text-align:left;padding:1px 0px;">
-
-<img src="./skin/dummy.gif" class="icon arrow_1">
-<a href="({t_url m=pc a=page_h_review_add})">レビューを書く</a>
-
-</td>
-</tr>
-</table>
-</div>
-<!-- ここまで：主内容＞最新レビュー＞フッターメニュー -->
-
-</td>
-</tr>
-({/if})
-<!-- ここまで：主内容＞最新レビュー -->
-</table>
-
-</td>
-<td style="width:1px;" class="bg_01"><img src="./skin/dummy.gif" style="width:1px;height:1px;" class="dummy"></td>
-</tr>
-<tr>
-<td class="bg_01" colspan="3"><img src="./skin/dummy.gif" style="height:1px;" class="dummy"></td>
-</tr>
-</table>
-<!-- ここまで：主内容 -->
-({*ここまで：body*})
-({*ここから：footer*})
-<!-- 無し -->
-({*ここまで：footer*})
-<!-- *ここまで：自己情報一覧＞＞内容* -->
-</td>
-<td class="bg_00"><img src="./skin/dummy.gif"></td>
-</tr>
-<tr>
-<td class="bg_00"><img src="./skin/dummy.gif" style="width:7px;height:7px;" class="dummy"></td>
-<td class="bg_00"><img src="./skin/dummy.gif" style="width:424px;height:7px;" class="dummy"></td>
-<td class="bg_00"><img src="./skin/dummy.gif" style="width:7px;height:7px;" class="dummy"></td>
-</tr>
-</table>
-<!-- ******ここまで：自己情報一覧****** -->
-<!-- ******************************** -->
-
-<img src="./skin/dummy.gif" class="v_spacer_m">
-({/if})
-
+<li><span class="date">({$item.r_datetime|date_format:"%m月%d日"})</span>…<a href="({t_url m=pc a=page_h_review_list_product})&amp;c_review_id=({$item.c_review_id})">({$item.title|t_truncate:30})</a></li>
+({/foreach})
+</ul>
+
+<ul class="pne_list_footer">
+
+<li><a href="({t_url m=pc a=page_fh_review_list_member})">もっと読む</a></li>
+<li><a href="({t_url m=pc a=page_h_review_add})">レビューを書く</a></li>
+
+</ul>
+
+</td>
+</tr>
+({/if})
+</table>({* END.pne_content_body *})
+
+</div>({* END.pne_content *})
+
+</div>({* END.pne_content_binder#newly_arrived_self *})
+({/if})
+
+({*********************************})
+({***ここまで：newly_arrived_self***})
+({*********************************})
+
+({*****************************})
+({***ここから：entry_point_11***})
+({*****************************})
 ({if $inc_entry_point[11]})
-({$inc_entry_point[11]|smarty:nodefaults|t_url2cmd:'entry_point'|t_cmd:'entry_point'})
-({/if})
+<div id="entry_point_11" class="pne_content_binder">
+
+<div class="pne_content">
+({$inc_entry_point[11]|smarty:nodefaults})
+</div>({* END.pne_content *})
+
+</div>({* END.pne_content_binder#entry_point_11 *})
+({/if})
+({*****************************})
+({***ここまで：entry_point_11***})
+({*****************************})
+
+({*************************})
+({***ここから：intro_list***})
+({*************************})
 
 ({if $c_friend_intro_list})
-<!-- ******************************** -->
-<!-- ******ここから：他者評価一覧****** -->
-<table border="0" cellspacing="0" cellpadding="0" style="width:440px;margin:0px auto;" class="border_07">
-<tr>
-<td style="width:7px;" class="bg_00"><img src="./skin/dummy.gif" style="width:7px;height:7px;" class="dummy"></td>
-<td style="width:424px;" class="bg_00"><img src="./skin/dummy.gif" style="width:424px;height:7px;" class="dummy"></td>
-<td style="width:7px;" class="bg_00"><img src="./skin/dummy.gif" style="width:7px;height:7px;" class="dummy"></td>
-</tr>
-<tr>
-<td class="bg_00"><img src="./skin/dummy.gif" style="width:7px;height:7px;" class="dummy"></td>
-<td class="bg_01" align="center">
-<!-- *ここから：他者評価一覧＞＞内容* -->
-({*ここから：header*})
-<!-- 小タイトル -->
-<div class="border_01">
-<table border="0" cellspacing="0" cellpadding="0" style="width:422px;">
-<tr>
-<td style="width:36px;" class="bg_06"><img src="({t_img_url_skin filename=content_header_1})" style="width:30px;height:20px;" class="dummy"></td>
-<td style="width:386px;" class="bg_06"><span class="b_b">({$WORD_MY_FRIEND})からの紹介文</span></td>
-</tr>
-</table>
-</div>
-({*ここまで：header*})
-({*ここから：body*})
-<!-- 主内容 -->
-<table border="0" cellspacing="0" cellpadding="0" style="width:424px;">
-<tr>
-<td style="width:1px;" class="bg_01"><img src="./skin/dummy.gif" style="width:1px;height:1px;" class="dummy"></td>
-<td class="bg_01">
-<table border="0" cellspacing="0" cellpadding="0" style="width:422px;">
+<div id="intro_list" class="pne_content_binder">
+
+<div class="pne_content">
+
+<h1 class="pne_content_body pne_information_header"><img src="./skin_prj_css/dummy.gif" class="head_image" alt="({$WORD_MY_FRIEND})からの紹介文" title="({$WORD_MY_FRIEND})からの紹介文" />({$WORD_MY_FRIEND})からの紹介文</h1>
+
+</div>({* END.pne_content *})
+
+<div class="pne_content">
+
+<table border="0" cellspacing="0" cellpadding="0" class="pne_content_body pne_c_friend_intro_list">
 ({foreach from=$c_friend_intro_list item=item})
 <tr>
-<td style="width:124px;border-right:none;" class="bg_03 border_01 padding_l" align="center">
-
-<a href="({t_url m=pc a=page_f_home})&amp;target_c_member_id=({$item.c_member_id})">
-<img src="({t_img_url filename=$item.image_filename w=76 h=76 noimg=no_image})" border="0"><br>({$item.nickname})</a>
-
-</td>
-<td style="width:298px;" class="bg_02 border_01 padding_l">
-
-({$item.intro|t_truncate:"200"|t_url2a|nl2br})
-
-</td>
-</tr>
-({/foreach})
-</table>
-({*ここまで：body*})
-({*ここから：footer*})
-<!-- 小メニュー -->
-<table border="0" cellspacing="0" cellpadding="0" style="width:422px;">
-<tr>
-<td style="width:1px;" class="bg_04"><img src="./skin/dummy.gif" style="width:1px;height:1px;" class="dummy"></td>
-<td style="width:290px;" class="bg_02"><img src="./skin/dummy.gif" style="width:290px;height:1px;" class="dummy"></td>
-<td style="width:130px;" class="bg_02 lh_140 padding_s">
-<img src="./skin/dummy.gif" class="icon arrow_1">
-<a href="({t_url m=pc a=page_fh_intro})">全て見る</a>
-<br>
-<img src="./skin/dummy.gif" class="icon arrow_1">
-<a href="({t_url m=pc a=page_h_manage_friend})">紹介文を書く</a>
-</td>
-<td style="width:1px;" class="bg_04"><img src="./skin/dummy.gif" style="width:1px;height:1px;" class="dummy"></td>
-</tr>
-<tr>
-<td style="width:1px;height:1px;" class="bg_04" colspan="4"><img src="./skin/dummy.gif" style="width:1px;height:1px;" class="dummy"></td>
-</tr>
-</table>
-({*ここまで：footer*})
-</td>
-<td style="width:1px;" class="bg_01"><img src="./skin/dummy.gif" style="width:1px;height:1px;" class="dummy"></td>
-</tr>
-<tr>
-<td class="bg_01" colspan="3"><img src="./skin/dummy.gif" style="width:1px;height:1px;" class="dummy"></td>
-</tr>
-</table>
-<!-- *ここまで：他者評価一覧＞＞内容* -->
-</td>
-<td class="bg_00"><img src="./skin/dummy.gif"></td>
-</tr>
-<tr>
-<td class="bg_00"><img src="./skin/dummy.gif" style="width:7px;height:7px;" class="dummy"></td>
-<td class="bg_00"><img src="./skin/dummy.gif" style="width:424px;height:7px;" class="dummy"></td>
-<td class="bg_00"><img src="./skin/dummy.gif" style="width:7px;height:7px;" class="dummy"></td>
-</tr>
-</table>
-<!-- ******ここまで：他者評価一覧****** -->
-<!-- ******************************** -->
-
-<img src="./skin/dummy.gif" class="v_spacer_m">
-({/if})
-
+<td class="pne_c_friend_intro_list_header">
+
+<div class="pne_image"><a href="({t_url m=pc a=page_f_home})&amp;target_c_member_id=({$item.c_member_id})"><img src="({t_img_url filename=$item.image_filename w=76 h=76 noimg=no_image})" alt="({$item.nickname})" title="({$item.nickname})" /></a></div><div class="nickname"><a href="({t_url m=pc a=page_f_home})&amp;target_c_member_id=({$item.c_member_id})"><span>({$item.nickname})</span></a></div>
+
+</td>
+<td class="pne_c_friend_intro_list_body">
+
+<p>({$item.intro|t_truncate:"200"|t_url2a|nl2br})</p>
+
+</td>
+</tr>
+({/foreach})
+</table>({* END.pne_content_body *})
+
+</div>({* END.pne_content *})
+
+<div class="pne_content">
+
+<ul class="pne_content_body pne_c_friend_intro_list_footer">
+<li><a href="({t_url m=pc a=page_fh_intro})">全て見る</a></li>
+<li><a href="({t_url m=pc a=page_h_manage_friend})">紹介文を書く</a></li>
+</ul>({* END.pne_content_body *})
+
+</div>({* END.pne_content *})
+
+</div>({* END.pne_content_binder#intro_list *})
+({/if})
+
+({*************************})
+({***ここまで：INTRO_LIST***})
+({*************************})
+
+({*****************************})
+({***ここから：entry_point_12***})
+({*****************************})
 ({if $inc_entry_point[12]})
-({$inc_entry_point[12]|smarty:nodefaults|t_url2cmd:'entry_point'|t_cmd:'entry_point'})
-({/if})
-
-({********************************})
-({**ここまで：メインコンテンツ（右）**})
-({********************************})
-({ext_include file="inc_layoutcolumn_bottom_270px_165px_175px_720px.tpl"})
+<div id="entry_point_12" class="pne_content_binder">
+
+<div class="pne_content">
+({$inc_entry_point[12]|smarty:nodefaults})
+</div>({* END.pne_content *})
+
+</div>({* END.pne_content_binder#entry_point_12 *})
+({/if})
+({*****************************})
+({***ここまで：entry_point_12***})
+({*****************************})
+
+</div>({*<--ここまで：ページ主領域【右】*})
+
+</div>({* END.pne_container *})({*<--ここから：ページ主領域*})
+
 ({ext_include file="inc_footer.tpl"})

OpenPNE/branches/prj_css2/webapp/modules/pc/templates/inc_footer.tpl

@@ +1 @@
+({**************************})
+({***ここから：page_footer***})
+({**************************})
 ({if !$INC_FOOTER_is_login})
-<tr>
-<td class="container inc_page_footer">
+<div class="pne_container">
 
+<div ID="page_footer" class="pne_content_binder">
 
-({***************************************})
-({**ここから：旧inc_page_footer.tplの内容**})
-({***************************************})
-<table class="inc_page_footer" border="0" cellspacing="0" cellpadding="0">
-<tr>
-<td class="bg_page_footer" style="background: url(({t_img_url_skin filename=skin_footer})) no-repeat ;">
+<div class="pne_content">
+
+<h1 class="pne_content_body pne_page_footer_header"><img src="./skin_prj_css/dummy.gif" alt="Page footer" /><span>Page footer</span></h1>
+
+</div>({* END.pne_content *})
+
+<div class="pne_content_body pne_page_footer_body_({if $before_after == 'before'})before({else})after({/if})">
 
 ({$INC_FOOTER_inc_page_footer|smarty:nodefaults})
 
-</td>
-</tr>
-</table>
-({***************************************})
-({**ここまで：旧inc_page_footer.tplの内容**})
-({***************************************})
+</div>({* END.pne_content_body *})
 
-</td>
-</tr>
+</div>({* END.pne_content *})
+
+</div>({* END.pne_content_binder#information *})
+
+</div>({* END.pne_container *})
+
 ({/if})
-</table>
+({**************************})
+({***ここまで：page_footer***})
+({**************************})
 
-({$INC_FOOTER_inc_page_bottom2|smarty:nodefaults})
+({$INC_FOOTER_inc_page_bottom2|smarty:nodefaults})({***<-- HTML挿入ポイントC ***})
 
-</td>
+</div>({* END.pne_containers *})
 
+({*****************************})
+({***ここから：extention_area***})
+({*****************************})
 ({if $INC_FOOTER_side_banner_html_before || $INC_FOOTER_side_banner_html_after || $INC_FOOTER_inc_side_banner})
 
-<td class="ext_sub_container_right" align="center" valign="top">
-({**********************************})
-({**ここから：サイドコンテンツ領域**})
-({**********************************})
+<div id="extention_container" class="pne_content_binder">
+
+<div class="pne_content">
+
+<div class="pne_content_body">
 
 ({strip})
+
 ({if $INC_FOOTER_side_banner_html_before || $INC_FOOTER_side_banner_html_after})
     ({if $before_after == 'before'})
-        ({$INC_FOOTER_side_banner_html_before|smarty:nodefaults|t_url2cmd:'side_banner'|t_cmd:'side_banner'})
+        ({$INC_FOOTER_side_banner_html_before|smarty:nodefaults})
     ({else})
-        ({$INC_FOOTER_side_banner_html_after|smarty:nodefaults|t_url2cmd:'side_banner'|t_cmd:'side_banner'})
+        ({$INC_FOOTER_side_banner_html_after|smarty:nodefaults})
     ({/if})
 ({else})
     ({if $INC_FOOTER_inc_side_banner.a_href})
-    ({if $PHPSESSID})
-    <a href="({t_url m=pc a=do_h_click_banner})&amp;target_c_banner_id=({$INC_FOOTER_inc_side_banner.c_banner_id})&amp;sessid=({$PHPSESSID})" target="_blank">
+        ({if $PHPSESSID})
+        <a href="({t_url m=pc a=do_h_click_banner})&amp;target_c_banner_id=({$INC_FOOTER_inc_side_banner.c_banner_id})&amp;sessid=({$PHPSESSID})" target="_blank">
+        ({else})
+        <a href="({t_url m=pc a=do_o_click_banner})&amp;target_c_banner_id=({$INC_FOOTER_inc_side_banner.c_banner_id})" target="_blank">
+        ({/if})
+        <img src="({t_img_url filename=$INC_FOOTER_inc_side_banner.image_filename})">
+        </a>
     ({else})
-    <a href="({t_url m=pc a=do_o_click_banner})&amp;target_c_banner_id=({$INC_FOOTER_inc_side_banner.c_banner_id})" target="_blank">
-    ({/if})
         <img src="({t_img_url filename=$INC_FOOTER_inc_side_banner.image_filename})">
-    </a>
-    ({else})
-    <img src="({t_img_url filename=$INC_FOOTER_inc_side_banner.image_filename})">
     ({/if})
 ({/if})
+
 ({/strip})
 
-({**********************************})
-({**ここまで：サイドコンテンツ領域**})
-({**********************************})
-</td>
+</div>({* END.pne_content_body *})
+
+</div>({* END.pne_content *})
+
+</div>({* END.pne_content_binder#information *})
+
 ({/if})
-</tr>
-</table>
+({*****************************})
+({***ここまで：extention_area***})
+({*****************************})
 
-</div>
-
-({$INC_FOOTER_inc_page_bottom|smarty:nodefaults})
+({$INC_FOOTER_inc_page_bottom|smarty:nodefaults})({***<-- HTML挿入ポイントD ***})
 
 </body>
 </html>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

OpenPNE/branches/prj_css2/webapp/modules/pc/templates/inc_header.tpl

@@ -1 @@
-({***************************************})
-({**ここから：旧inc_html_header.tplの内容**})
-({***************************************})
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
-<html>
+({if $IE_less_6})<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">({else})<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">({/if})
+<html({if $IE_less_6})({else}) lang="ja" xml:lang="ja" xmlns="http://www.w3.org/1999/xhtml"({/if})>
 <head>
 ({$INC_HEADER_inc_html_head|smarty:nodefaults})
-<meta http-equiv="Pragma" content="no-cache">
-<meta http-equiv="Cache-Control" content="no-cache">
-<meta http-equiv="Expires" content="Thu, 01 Dec 1994 16:00:00 GMT">
-<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-<meta http-equiv="Content-Style-Type" content="text/css">
-<title>({$INC_HEADER_title})</title>
-({if $smarty.const.SKIN_VERSION=='1.8'})
-<link rel="stylesheet" href="./css/default_1_8.css?v=2.2.5" type="text/css">
-({else})
-<link rel="stylesheet" href="./css/default.css?v=2.2.5" type="text/css">
-({/if})
+<meta http-equiv="Pragma" content="no-cache" />
+<meta http-equiv="Cache-Control" content="no-cache" />
+<meta http-equiv="Expires" content="Thu, 01 Dec 1994 16:00:00 GMT" />
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+<meta http-equiv="Content-Style-Type" content="text/css" />
+<title>H_home Demo</title>
+<link rel="stylesheet" href="./css/prj_css.css" type="text/css" />
 <script type="text/javascript" src="./js/prototype.js"></script>
 <style type="text/css">
 <!--
-/*枠線要素*/
-.border_00 { border: #({$INC_HEADER_color_config.border_00}) 1px solid ; }
-.border_01 { border: #({$INC_HEADER_color_config.border_01}) 1px solid ; }
-.border_02 { border: #({$INC_HEADER_color_config.border_02}) 1px solid ; }
-.border_03 { border: #({$INC_HEADER_color_config.border_03}) 1px solid ; }
-.border_04 { border: #({$INC_HEADER_color_config.border_04}) 1px solid ; }
-.border_05 { border: #({$INC_HEADER_color_config.border_05}) 1px solid ; }
-.border_06 { border: #({$INC_HEADER_color_config.border_06}) 1px solid ; }
-.border_07 { border: #({$INC_HEADER_color_config.border_07}) 1px solid ; }
-.border_08 { border: #({$INC_HEADER_color_config.border_08}) 1px solid ; }
-.border_09 { border: #({$INC_HEADER_color_config.border_09}) 1px solid ; }
-.border_10 { border: #({$INC_HEADER_color_config.border_10}) 1px solid ; }
-
-/*背景要素*/
-.bg_00 { background-color: #({$INC_HEADER_color_config.bg_00}) ; }
-.bg_01 { background-color: #({$INC_HEADER_color_config.bg_01}) ; }
-.bg_02 { background-color: #({$INC_HEADER_color_config.bg_02}) ; }
-.bg_03 { background-color: #({$INC_HEADER_color_config.bg_03}) ; }
-.bg_04 { background-color: #({$INC_HEADER_color_config.bg_04}) ; }
-.bg_05 { background-color: #({$INC_HEADER_color_config.bg_05}) ; }
-.bg_06 { background-color: #({$INC_HEADER_color_config.bg_06}) ; }
-.bg_07 { background-color: #({$INC_HEADER_color_config.bg_07}) ; }
-.bg_08 { background-color: #({$INC_HEADER_color_config.bg_08}) ; }
-.bg_09 { background-color: #({$INC_HEADER_color_config.bg_09}) ; }
-.bg_10 { background-color: #({$INC_HEADER_color_config.bg_10}) ; }
-.bg_11 { background-color: #({$INC_HEADER_color_config.bg_11}) ; }
-.bg_12 { background-color: #({$INC_HEADER_color_config.bg_12}) ; }
-.bg_13 { background-color: #({$INC_HEADER_color_config.bg_13}) ; }
-.bg_14 { background-color: #({$INC_HEADER_color_config.bg_14}) ; }
-
-body { background-color: #({$INC_HEADER_color_config.bg_12}) ; }
-.container { background-color: #({$INC_HEADER_color_config.bg_13}) ; }
-
-.arrow_1 {
-  width: 17px ;
-  height: 14px ;
-  background: url(({t_img_url_skin filename=icon_arrow_1})) 0% 100%  no-repeat ;
-}
-.icon_1 {
-  width: 14px ;
-  height: 14px ;
-  background: url(({t_img_url_skin filename=icon_1})) 50% 70%  no-repeat ;
-}
-.icon_2 {
-  width: 14px ;
-  height: 14px ;
-  background: url(({t_img_url_skin filename=icon_2})) 50% 70%  no-repeat ;
-}
-.icon_3 {
-  width: 14px ;
-  height: 14px ;
-  background: url(({t_img_url_skin filename=icon_3})) 50% 70%  no-repeat ;
-}
-
-* { font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif ; }
-
-/*テキスト入力欄のフォーカス時のクラス*/
-.text       { background-color:#F8F8F8; }
-.text_focus { background-color:#FFFFFF; }
-
-
-/*ボタンに対する背景画像の指定*/
-input.submit {
-        background: #DADCE6 url(({t_img_url_skin filename=bg_button})) 50% 0 repeat-x ;
-}
-
-({if $smarty.const.OPENPNE_ENABLE_ROLLOVER})
-/*ページヘッダロールオーバー設定*/
-div.inc_page_header div.navi_global a.navi_global_1:active ,
-div.inc_page_header div.navi_global a.navi_global_1:hover {
-        background: url(({t_img_url_skin filename=skin_after_header_2})) 0 -70px no-repeat ;
-}
-
-div.inc_page_header div.navi_global a.navi_global_2:active ,
-div.inc_page_header div.navi_global a.navi_global_2:hover {
-        background: url(({t_img_url_skin filename=skin_after_header_2})) -90px -70px no-repeat ;
-}
-
-div.inc_page_header div.navi_global a.navi_global_3:active ,
-div.inc_page_header div.navi_global a.navi_global_3:hover {
-        background: url(({t_img_url_skin filename=skin_after_header_2})) -180px -70px no-repeat ;
-}
-
-div.inc_page_header div.navi_global a.navi_global_4:active ,
-div.inc_page_header div.navi_global a.navi_global_4:hover {
-        background: url(({t_img_url_skin filename=skin_after_header_2})) -288px -70px no-repeat ;
-}
-
-div.inc_page_header div.navi_global a.navi_global_5:active ,
-div.inc_page_header div.navi_global a.navi_global_5:hover {
-        background: url(({t_img_url_skin filename=skin_after_header_2})) -360px -70px no-repeat ;
-}
-
-div.inc_page_header div.navi_global a.navi_global_6:active ,
-div.inc_page_header div.navi_global a.navi_global_6:hover {
-        background: url(({t_img_url_skin filename=skin_after_header_2})) -432px -70px no-repeat ;
-}
-
-div.inc_page_header div.navi_global a.navi_global_7:active ,
-div.inc_page_header div.navi_global a.navi_global_7:hover {
-        background: url(({t_img_url_skin filename=skin_after_header_2})) -504px -70px no-repeat ;
-}
-
-div.inc_page_header div.navi_global a.navi_global_8:active ,
-div.inc_page_header div.navi_global a.navi_global_8:hover {
-        background: url(({t_img_url_skin filename=skin_after_header_2})) -576px -70px no-repeat ;
-}
-
-div.inc_page_header div.navi_global a.navi_global_9:active ,
-div.inc_page_header div.navi_global a.navi_global_9:hover {
-        background: url(({t_img_url_skin filename=skin_after_header_2})) -648px -70px no-repeat ;
-}
-
-/*h系ナビロールオーバー設定*/
-.inc_navi div.h a.navi_h_1:active ,
-.inc_navi div.h a.navi_h_1:hover {
-        background: url(({t_img_url_skin filename=skin_navi_h_2})) 0 0 no-repeat ;
-}
-
-.inc_navi div.h a.navi_h_2:active ,
-.inc_navi div.h a.navi_h_2:hover {
-        background: url(({t_img_url_skin filename=skin_navi_h_2})) -80px 0 no-repeat ;
-}
-
-.inc_navi div.h a.navi_h_3:active ,
-.inc_navi div.h a.navi_h_3:hover {
-        background: url(({t_img_url_skin filename=skin_navi_h_2})) -160px 0 no-repeat ;
-}
-
-.inc_navi div.h a.navi_h_4:active ,
-.inc_navi div.h a.navi_h_4:hover {
-        background: url(({t_img_url_skin filename=skin_navi_h_2})) -240px 0 no-repeat ;
-}
-
-.inc_navi div.h a.navi_h_5:active ,
-.inc_navi div.h a.navi_h_5:hover {
-        background: url(({t_img_url_skin filename=skin_navi_h_2})) -320px 0 no-repeat ;
-}
-
-.inc_navi div.h a.navi_h_6:active ,
-.inc_navi div.h a.navi_h_6:hover {
-        background: url(({t_img_url_skin filename=skin_navi_h_2})) -400px 0 no-repeat ;
-}
-
-.inc_navi div.h a.navi_h_7:active ,
-.inc_navi div.h a.navi_h_7:hover {
-        background: url(({t_img_url_skin filename=skin_navi_h_2})) -480px 0 no-repeat ;
-}
-
-.inc_navi div.h a.navi_h_8:active ,
-.inc_navi div.h a.navi_h_8:hover {
-        background: url(({t_img_url_skin filename=skin_navi_h_2})) -560px 0 no-repeat ;
-}
-
-.inc_navi div.h a.navi_h_9:active ,
-.inc_navi div.h a.navi_h_9:hover {
-        background: url(({t_img_url_skin filename=skin_navi_h_2})) -640px 0 no-repeat ;
-}
-
-/*f系ナビロールオーバー設定*/
-.inc_navi div.f a.navi_f_1:active ,
-.inc_navi div.f a.navi_f_1:hover {
-        background: url(({t_img_url_skin filename=skin_navi_f_2})) 0 0 no-repeat ;
-}
-
-.inc_navi div.f a.navi_f_2:active ,
-.inc_navi div.f a.navi_f_2:hover {
-        background: url(({t_img_url_skin filename=skin_navi_f_2})) -80px 0 no-repeat ;
-}
-
-.inc_navi div.f a.navi_f_3:active ,
-.inc_navi div.f a.navi_f_3:hover {
-        background: url(({t_img_url_skin filename=skin_navi_f_2})) -160px 0 no-repeat ;
-}
-
-.inc_navi div.f a.navi_f_4:active ,
-.inc_navi div.f a.navi_f_4:hover {
-        background: url(({t_img_url_skin filename=skin_navi_f_2})) -240px 0 no-repeat ;
-}
-
-.inc_navi div.f a.navi_f_5:active ,
-.inc_navi div.f a.navi_f_5:hover {
-        background: url(({t_img_url_skin filename=skin_navi_f_2})) -320px 0 no-repeat ;
-}
-
-.inc_navi div.f a.navi_f_6:active ,
-.inc_navi div.f a.navi_f_6:hover {
-        background: url(({t_img_url_skin filename=skin_navi_f_2})) -400px 0 no-repeat ;
-}
-
-.inc_navi div.f a.navi_f_7:active ,
-.inc_navi div.f a.navi_f_7:hover {
-        background: url(({t_img_url_skin filename=skin_navi_f_2})) -480px 0 no-repeat ;
-}
-
-.inc_navi div.f a.navi_f_8:active ,
-.inc_navi div.f a.navi_f_8:hover {
-        background: url(({t_img_url_skin filename=skin_navi_f_2})) -560px 0 no-repeat ;
-}
-
-.inc_navi div.f a.navi_f_9:active ,
-.inc_navi div.f a.navi_f_9:hover {
-        background: url(({t_img_url_skin filename=skin_navi_f_2})) -640px 0 no-repeat ;
-}
-
-/*c系ナビロールオーバー設定*/
-.inc_navi div.c a.navi_c_1:active ,
-.inc_navi div.c a.navi_c_1:hover {
-        background: url(({t_img_url_skin filename=skin_navi_c_2})) 0 0 no-repeat ;
-}
-
-.inc_navi div.c a.navi_c_2:active ,
-.inc_navi div.c a.navi_c_2:hover {
-        background: url(({t_img_url_skin filename=skin_navi_c_2})) -120px 0 no-repeat ;
-}
-
-.inc_navi div.c a.navi_c_3:active ,
-.inc_navi div.c a.navi_c_3:hover {
-        background: url(({t_img_url_skin filename=skin_navi_c_2})) -240px 0 no-repeat ;
-}
-
-.inc_navi div.c a.navi_c_4:active ,
-.inc_navi div.c a.navi_c_4:hover {
-        background: url(({t_img_url_skin filename=skin_navi_c_2})) -360px 0 no-repeat ;
-}
-
-.inc_navi div.c a.navi_c_5:active ,
-.inc_navi div.c a.navi_c_5:hover {
-        background: url(({t_img_url_skin filename=skin_navi_c_2})) -480px 0 no-repeat ;
-}
-
-.inc_navi div.c a.navi_c_6:active ,
-.inc_navi div.c a.navi_c_6:hover {
-        background: url(({t_img_url_skin filename=skin_navi_c_2})) -600px 0 no-repeat ;
-}
-({/if})
 
 ({$INC_HEADER_inc_custom_css|smarty:nodefaults})
@@ -261 +18 @@
 -->
 </style>
+</head>
+
+({if $smarty.const.OPENPNE_USE_COMMU_MAP && $c_commu.is_display_map})
+<body class="pne_x_home" id="pc_page_({$INC_HEADER_page_name})" onLoad="load()" onUnload="GUnload()">
+({else})
+<body class="pne_x_home" id="pc_page_({$INC_HEADER_page_name})">
+({/if})
+
 <script type="text/javascript">
 <!--
 
 ({*テキスト入力欄の背景色変更*})
+
+({*
 TextFiledClassName_normal = 'text';
 TextFiledClassName_focus  = 'text_focus';
@@ -279 +46 @@
         });
 }
+*})
 
 ({*二度押し対策*})
@@ -296 +64 @@
 //-->
 </script>
-</head>
-({***************************************})
-({**ここまで：旧inc_html_header.tplの内容**})
-({***************************************})
 
 ({if $smarty.const.OPENPNE_USE_COMMU_MAP && $c_commu.is_display_map})
@@ -325 +89 @@
 //-->
 </script>
-<body onLoad="load()" onUnload="GUnload()" id="pc_page_({$INC_HEADER_page_name})">
-({else})
-<body id="pc_page_({$INC_HEADER_page_name})">
-({/if})
-
-({$INC_HEADER_inc_page_top2|smarty:nodefaults})
-
-<div align="left">
-
-<table class="ext_sub_container" border="0" cellspacing="0" cellpadding="0">
-<tr>
-<td class="ext_sub_container_left" align="left" valign="top">
-
-({$INC_HEADER_inc_page_top|smarty:nodefaults})
-<table class="mainframe" border="0" cellspacing="0" cellpadding="0">
-<tr>
-<td class="container inc_page_header">
+({/if})
+
+({$INC_HEADER_inc_page_top2|smarty:nodefaults})({***<-- HTML挿入ポイントA ***})
+
+<div class="pne_containers">
+
+({$INC_HEADER_inc_page_top|smarty:nodefaults})({***<-- HTML挿入ポイントB ***})
 
 ({if !$INC_HEADER_is_login})
-({***************************************})
-({**ここから：旧inc_page_header.tplの内容**})
-({***************************************})
-({* before_login / after_login *})
-<div class="w_screen inc_page_header ({$before_after})_login">
-
-({* skin_before_header / skin_after_header *})
-({* bg_before / bg_after *})
-<img src="({t_img_url_skin filename=skin_`$before_after`_header})" class="bg_({$before_after})">
+
+({**************************})
+({***ここから：page_header***})
+({**************************})
+
+<div class="pne_container">
+
+<div id="page_header_({if $before_after == 'before'})before({else})after({/if})" class="pne_content_binder">
+
+<div class="pne_content pne_page_header_header">
+
+<h1><img src="./skin_prj_css/dummy.gif" alt="Page header" title="Page header" /><span>Page header</span></h1>
+
+</div>({* END.pne_content *})
+
+<div class="pne_content pne_page_header_logo_home">
+
+<a href="({t_url})"><img src="./skin_prj_css/dummy.gif" alt="({$smarty.const.SNS_NAME})" title="({$smarty.const.SNS_NAME})" /></a>
+
+</div>({* END.pne_content *})
+
+({if $INC_HEADER_top_banner_html_before || $INC_HEADER_top_banner_html_after || $INC_HEADER_top_banner.c_banner_id})
+
+<div class="pne_content pne_page_header_banner">
 
 ({if $INC_HEADER_top_banner_html_before || $INC_HEADER_top_banner_html_after})
-<div class="banner">
+
 ({if $before_after == 'before'})
 ({$INC_HEADER_top_banner_html_before|smarty:nodefaults})
@@ -361 +130 @@
 ({$INC_HEADER_top_banner_html_after|smarty:nodefaults})
 ({/if})
-</div>
+
 ({elseif $INC_HEADER_top_banner.c_banner_id})
-<div class="banner">
+
 ({strip})
+
 ({if $INC_HEADER_top_banner.a_href})
-    ({if $before_after == "before"})
-    <a href="({t_url m=pc a=do_o_click_banner})&amp;target_c_banner_id=({$INC_HEADER_top_banner.c_banner_id})" target="_blank">
-    ({else})
-    <a href="({t_url m=pc a=do_h_click_banner})&amp;target_c_banner_id=({$INC_HEADER_top_banner.c_banner_id})&amp;sessid=({$PHPSESSID})" target="_blank">
-    ({/if})
-    <img src="({t_img_url filename=$INC_HEADER_top_banner.image_filename})">
-    </a>
-({else})
-    <img src="({t_img_url filename=$INC_HEADER_top_banner.image_filename})">
-({/if})
+({if $before_after == "before"})
+<a href="({t_url m=pc a=do_o_click_banner})&amp;target_c_banner_id=({$INC_HEADER_top_banner.c_banner_id})" target="_blank">
+({else})
+<a href="({t_url m=pc a=do_h_click_banner})&amp;target_c_banner_id=({$INC_HEADER_top_banner.c_banner_id})&amp;sessid=({$PHPSESSID})" target="_blank">
+({/if})
+<img src="({t_img_url filename=$INC_HEADER_top_banner.image_filename})">
+</a>
+({else})
+<img src="({t_img_url filename=$INC_HEADER_top_banner.image_filename})">
+({/if})
+
 ({/strip})
-</div>
-({/if})
-
-<a class="logo_home" href="({t_url})"><img src="./skin/dummy.gif" alt="({$smarty.const.SNS_NAME})"></a>
+
+({/if})
+
+</div>({* END.pne_content *})
+
+({/if})
 
 ({if $before_after == "after"})
-<div class="navi_global">
+
 ({foreach from=$INC_HEADER_global_navi key=key item=item})
 ({if $item.url})
-<a class="navi_global_({$key+1})" href="({$item.url})"><img src="./skin/dummy.gif" alt="({$item.caption})"></a>
+<a class="pne_content pne_page_header_global_navigation_({$key+1})" href="({$item.url})"><img src="./skin_prj_css/dummy.gif" alt="({$item.caption})" title="({$item.caption})" /></a>
 ({/if})
 ({/foreach})
-<a class="navi_global_9" href="({t_url m=pc a=do_inc_page_header_logout})&amp;sessid=({$PHPSESSID})"><img src="./skin/dummy.gif" alt="ログアウト"></a>
-</div>
-({/if})
-
-</div>
-({***************************************})
-({**ここまで：旧inc_page_header.tplの内容**})
-({***************************************})
-
-</td>
-</tr>
+<a class="pne_content pne_page_header_global_navigation_9" href="({t_url m=pc a=do_inc_page_header_logout})&amp;sessid=({$PHPSESSID})"><img src="./skin_prj_css/dummy.gif" alt="ログアウト" title="ログアウト" /></a>
+
+({/if})
+
+</div>({* END.pne_content_binder#page_header *})
+
+</div>({* END.pne_container *})
+
+({**************************})
+({***ここまで：page_header***})
+({**************************})
+
+({****************************})
+({***ここから：entry_point_1***})
+({****************************})
 ({if $inc_entry_point[1]})
-<tr>
-<td class="container">
-({$inc_entry_point[1]|smarty:nodefaults|t_url2cmd:'entry_point'|t_cmd:'entry_point'})
-</td>
-</tr>
-({/if})
-({if $inc_navi})
-<tr>
-<td class="container inc_navi">
+<div class="pne_container">
+
+<div ID="entry_point_1" class="pne_content_binder">
+
+<div class="pne_content">
+({$inc_entry_point[1]|smarty:nodefaults})
+</div>({* END.pne_content *})
+
+</div>({* END.pne_content_binder#entry_point_1 *})
+
+</div>({* pne_container *})
+({/if})
+({****************************})
+({***ここまで：entry_point_1***})
+({****************************})
+
+({*****************************})
+({***ここから：navigation_bar***})
+({*****************************})
+
 ({$inc_navi|smarty:nodefaults})
-</td>
-</tr>
-({/if})
+
+({*****************************})
+({***ここまで：navigation_bar***})
+({*****************************})
+
+({****************************})
+({***ここから：entry_point_2***})
+({****************************})
 ({if $inc_entry_point[2]})
-<tr>
-<td class="container">
-({$inc_entry_point[2]|smarty:nodefaults|t_url2cmd:'entry_point'|t_cmd:'entry_point'})
-</td>
-</tr>
-({/if})
+<div class="pne_container">
+
+<div ID="entry_point_2" class="pne_content_binder">
+
+<div class="pne_content">
+({$inc_entry_point[2]|smarty:nodefaults})
+</div>({* END.pne_content *})
+
+</div>({* END.pne_content_binder#entry_point_2 *})
+
+</div>({* pne_container *})
+({/if})
+({****************************})
+({***ここまで：entry_point_2***})
+({****************************})
+
+({************************})
+({***ここから：alert_box***})
+({************************})
 ({if !$no_use_alert && ($msg || $msg1 || $msg2 || $msg3 || $err_msg)})
-<tr>
-<td class="container main_content" align="center">
-
-({*************************************})
-({**ここから：旧inc_alert_box.tplの内容**})
-({*************************************})
-<img src="./skin/dummy.gif" class="v_spacer_l">
-
-<!-- ************************* -->
-<!-- ******ここから：警告****** -->
-<table border="0" cellspacing="0" cellpadding="0" style="width:({if $width})({$width})({else})580({/if})px;margin:0px auto;" class="border_07">
-<tr>
-<td style="width:7px;" class="bg_00"><img src="./skin/dummy.gif" style="width:7px;height:7px;" class="dummy"></td>
-<td style="width:({if $width})({$width-14})({else})566({/if})px;" class="bg_00"><img src="./skin/dummy.gif" style="width:7px;height:7px;" class="dummy"></td>
-<td style="width:7px;" class="bg_00"><img src="./skin/dummy.gif" style="width:7px;height:7px;" class="dummy"></td>
-</tr>
-<tr>
-<td class="bg_00"><img src="./skin/dummy.gif" style="width:7px;height:7px;" class="dummy"></td>
-<td class="bg_01" align="center">
-<!-- *ここから：警告＞内容* -->
-({*ここから：header*})
-<!-- 無し -->
-({*ここまで：header*})
-({*ここから：body*})
-<!-- ここから：主内容 -->
-<table border="0" cellspacing="0" cellpadding="0" style="width:({if $width})({$width-16})({else})564({/if})px;">
-<tr>
-<td style="width:({if $width})({$width-16})({else})564({/if})px;height:1px;" class="bg_01" colspan="5"><img src="./skin/dummy.gif" style="width:1px;height:1px;" class="dummy"></td>
-</tr>
-<tr>
-<td style="width:1px;" class="bg_01" align="center"><img src="./skin/dummy.gif" style="width:1px;height:1px;" class="dummy"></td>
-<td style="width:150px;" class="bg_03" align="center" valign="middle">
-<!-- ここから：主内容＞警告アイコン -->
-<img src="./skin/dummy.gif" class="v_spacer_l">
-<img src="({t_img_url_skin filename=icon_alert_l})" class="icon">
-<img src="./skin/dummy.gif" class="v_spacer_l">
-<!-- ここまで：主内容＞警告アイコン -->
-</td>
-<td style="width:1px;" class="bg_01" align="center"><img src="./skin/dummy.gif" style="width:1px;height:1px;" class="dummy"></td>
-<td style="width:({if $width})({$width-153})({else})427({/if})px;height:50px;" class="bg_02" align="left" valign="middle">
-<div style="padding:8px 6px;" class="caution">
-<!-- ここから：主内容＞警告文本体 -->
-({if $msg})({$msg})<br>({/if})
-({if $msg1})({$msg1})<br>({/if})
-({if $msg2})({$msg2})<br>({/if})
-({if $msg3})({$msg3})<br>({/if})
+<div class="pne_container">
+
+<div ID="alert_box" class="pne_content_binder">
+
+<div class="pne_content">
+
+<ul class="pne_content_body">
+({if $msg})<li>({$msg})</li>({/if})
+({if $msg1})<li>({$msg1})</li>({/if})
+({if $msg2})<li>({$msg2})</li>({/if})
+({if $msg3})<li>({$msg3})</li>({/if})
 ({foreach from=$err_msg item=item})
-({$item})</br>
+<li>({$item})</li>
 ({/foreach})
-<!-- ここまで：主内容＞警告文本体 -->
-</div>
-</td>
-<td style="width:1px;" class="bg_01" align="center"><img src="./skin/dummy.gif" style="width:1px;height:1px;" class="dummy"></td>
-</tr>
-<tr>
-<td style="height:1px;" class="bg_01" colspan="5"><img src="./skin/dummy.gif" style="width:1px;height:1px;" class="dummy"></td>
-</tr>
-</table>
-<!-- ここまで：主内容 -->
-({*ここまで：body*})
-({*ここから：footer*})
-<!-- 無し -->
-({*ここまで：footer*})
-<!-- *ここまで：警告＞＞内容* -->
-</td>
-<td class="bg_00"><img src="./skin/dummy.gif" style="width:7px;height:7px;" class="dummy"></td>
-</tr>
-<tr>
-<td class="bg_00"><img src="./skin/dummy.gif" style="width:7px;height:7px;" class="dummy"></td>
-<td class="bg_00"><img src="./skin/dummy.gif" style="width:7px;height:7px;" class="dummy"></td>
-<td class="bg_00"><img src="./skin/dummy.gif" style="width:7px;height:7px;" class="dummy"></td>
-</tr>
-</table>
-<!-- ******ここまで：警告****** -->
-<!-- ************************* -->
-
-({*************************************})
-({**ここまで：旧inc_alert_box.tplの内容**})
-({*************************************})
-
-</td>
-</tr>
-({/if})
-({/if})
+</ul>({* END.pne_content_body *})
+
+</div>({* END.pne_content *})
+
+</div>({* END.pne_content_binder#alert_box *})
+
+</div>({* pne_container *})
+({/if})
+({************************})
+({***ここまで：alert_box***})
+({************************})
+
+({/if})
+

OpenPNE/branches/prj_css2/webapp/modules/pc/templates/inc_navi.tpl

@@ -1 @@
-<div class="w_screen inc_navi">
+<div class="pne_container">
+
+<div ID="navigation_bar" class="pne_content_binder">
+
+<div class="pne_content">
+
+<h1 class="pne_container_navigation_bar_header"><img src="./pne_skin/dummy.gif" alt="Navigation bar" /><span>Navigation bar</span></h1>
+
+</div>({* END.pne_content *})
+
+<div class="pne_content">
+
 ({if $INC_NAVI_type=="h" || $INC_NAVI_type=="self"})
 
-<img src="({t_img_url_skin filename=skin_navi_h})" class="bg">
-<div class="h">
+<div class="pne_content_body pne_navigation_bar_type_h">
 
 ({foreach from=$navi key=key item=item})
 ({if $item.url})
-<a class="navi_h_({$key+1})" href="({$item.url})"><img src="./skin/dummy.gif" alt="({$item.caption})"></a>
+<a class="pne_navigation_h_({$key+1})" href="({$item.url})"><img src="./skin/dummy.gif" alt="({$item.caption})" title="({$item.caption})" /></a>
 ({/if})
 ({/foreach})
@@ -15 +25 @@
 ({elseif $INC_NAVI_type=="f" || $INC_NAVI_type=="other"})
 
-<img src="({t_img_url_skin filename=skin_navi_f})" class="bg">
-<div class="f">
+<div class="pne_content_body pne_navigation_bar_type_f">
 
 ({foreach from=$navi key=key item=item})
 ({if $item.url})
-<a class="navi_f_({$key+1})" href="({$item.url})&amp;target_c_member_id=({$INC_NAVI_c_member_id_friend})"><img src="./skin/dummy.gif" alt="({$item.caption})"></a>
+<a class="pne_navigation_f_({$key+1})" href="({$item.url})&amp;target_c_member_id=({$INC_NAVI_c_member_id_friend})"><img src="./skin/dummy.gif" alt="({$item.caption})" title="({$item.caption})" /></a>
 ({/if})
 ({/foreach})
@@ -28 +37 @@
 ({elseif $INC_NAVI_type=="c"})
 
-<img src="({t_img_url_skin filename=skin_navi_c})" class="bg">
-<div class="c">
+<div class="pne_content_body pne_navigation_bar_type_c">
 
 ({foreach from=$navi key=key item=item})
 ({if $item.url})
-<a class="navi_c_({$key+1})" href="({$item.url})&amp;target_c_commu_id=({$INC_NAVI_c_commu_id})"><img src="./skin/dummy.gif" alt="({$item.caption})"></a>
+<a class="pne_navigation_c_({$key+1})" href="({$item.url})&amp;target_c_commu_id=({$INC_NAVI_c_commu_id})"><img src="./skin/dummy.gif" alt="({$item.caption})" title="({$item.caption})" /></a>
 ({/if})
 ({/foreach})
@@ -40 +48 @@
 
 ({/if})
-</div>
+
+</div>({* END.pne_content *})
+
+</div>({* END.pne_content_binder#navigation_bar *})
+
+</div>({* pne_container *})

OpenPNE/branches/prj_css2/webapp/modules/pc/templates/o_login.tpl

@@ -1 +1 @@
 ({ext_include file="inc_header.tpl" INC_HEADER_is_login=true})
 
-<div id="container_login"><div class="w_screen">
+<div class="pne_container">
 
-<img src="({t_img_url_skin filename=skin_login})" class="bg">
+<div id="login" class="pne_content_binder">
+
+<div class="pne_content">
+
+<div class="pne_content_body">
 
 ({if $top_banner_html_before || $top_banner_html_after})
-<div class="banner">
 ({$top_banner_html_before|smarty:nodefaults})
-</div>
 ({elseif $INC_PAGE_HEADER.c_banner_id})
-<div class="banner">
 ({strip})
 ({if $INC_PAGE_HEADER.a_href})
-    <a href="({t_url m=pc a=do_o_click_banner})&amp;target_c_banner_id=({$INC_PAGE_HEADER.c_banner_id})" target="_blank">
-        <img src="({t_img_url filename=$INC_PAGE_HEADER.image_filename})">
+    <a href="({t_url m=pc a=do_o_click_banner})&amp;target_c_banner_id=({$INC_PAGE_HEADER.c_banner_id})" target="_blank" class="pne_login_banner">
+        <img src="({t_img_url filename=$INC_PAGE_HEADER.image_filename})" alt="バナー画像" title="バナー画像" />
     </a>
 ({else})
-    <img src="({t_img_url filename=$INC_PAGE_HEADER.image_filename})">
+    <img src="({t_img_url filename=$INC_PAGE_HEADER.image_filename})" alt="バナー画像" title="バナー画像" class="pne_login_banner" />
 ({/if})
 ({/strip})
-</div>
 ({/if})
 
 ({t_form _attr='name="login" id="login"' m=pc a=do_o_login})
-<input type="hidden" name="login_params" value="({$requests.login_params})">
-<input type="hidden" name="target_script" value="({$requests.target_script})">
-<input type="text" tabindex="1" name="username" id="username" class="text">
-<input type="password" tabindex="2" name="password" id="password" class="text">
-<input type="image" tabindex="4" name="submit" src="./skin/dummy.gif" border="0" id="button_login" alt="ログイン">
+<input type="hidden" name="login_params" value="({$requests.login_params})" />
+<input type="text" tabindex="1" name="username" class="pne_login_input_id text" />
+<input type="password" tabindex="2" name="password" class="pne_login_input_password text" />
+<input type="image" tabindex="4" name="submit" src="./skin_prj_css/dummy.gif" alt="ログイン" title="ログイン" class="pne_login_button_login" />
 
 ({if !$IS_CLOSED_SNS && (($smarty.const.OPENPNE_REGIST_FROM) & ($smarty.const.OPENPNE_REGIST_FROM_PC))})
-<a href="({t_url m=pc a=page_o_public_invite})" id="button_new_regist"><img src="./skin/dummy.gif" alt="新規登録"></a>
+<a href="({t_url m=pc a=page_o_public_invite})" class="pne_login_button_new_regist"><img src="./skin_prj_css/dummy.gif" alt="新規登録" title="新規登録" /></a>
 ({/if})
 
-<div class="msg lh_130">
-<input type="checkbox" tabindex="3" name="is_save" id="is_save" value="1" class="no_bg"><label for="is_save">次回から自動的にログイン</label><br>
+<label class="pne_login_checkbox_is_save"><input type="checkbox" tabindex="3" name="is_save" id="is_save" value="1" class="no_bg" /><span>次回から自動的にログイン</span></label>
 ({if !$smarty.const.IS_SLAVEPNE})
-<span class="password_query"><a href="({t_url m=pc a=page_o_password_query})">&gt;パスワードを忘れた方はこちらへ</a></span>
+<div class="pne_container_main_o_login_password_query"><a href="({t_url m=pc a=page_o_password_query})">&gt;パスワードを忘れた方はこちらへ</a></div>
 ({/if})
+
 ({if $SSL_SELECT_URL})
-<br><a href="({$SSL_SELECT_URL})">({if $HTTPS})標準(http)({else})SSL(https)({/if})はこちら</a>
+<div class="pne_login_switch_SSL"><a href="({$SSL_SELECT_URL})">({if $HTTPS})標準(http)({else})SSL(https)({/if})はこちら</a></div>
 ({/if})
-</div>
+
 </form>
-<div class="footer">
 
-({$inc_page_footer|smarty:nodefaults})
+<div class="pne_login_footer">({$inc_page_footer|smarty:nodefaults})</div>
 
-</div>
+</div>({* END.pne_content_body *})
 
-</div></div>
+</div>({* END.pne_content *})
+
+</div>({* END.pne_content_binder#login *})
+
+</div>({* END.pne_container *})
 
 ({ext_include file="inc_footer.tpl" INC_FOOTER_is_login=true})