source: OpenPNE/trunk/public_html/xhtml_style.php @ 8486

<?php
/**
 * @copyright 2005-2008 OpenPNE Project
 * @license   http://www.php.net/license/3_01.txt PHP License 3.01
 */

require_once './config.inc.php';
require_once OPENPNE_WEBAPP_DIR . '/init.inc';
require_once 'smarty_plugins/function.t_img_url_skin.php';

$custom_css = p_common_c_siteadmin4target_pagename('inc_custom_css');
$decoration_config = db_decoration_enable_list();
$old_colors = util_get_color_config();
$colors = array(
    1 => $old_colors['bg_01'], // 1. 線の色
    2 => $old_colors['bg_12'], // 2. ページ背景
    3 => $old_colors['bg_13'], // 3. コンテンツ領域背景
    4 => $old_colors['bg_00'], // 4. 枠色
    5 => $old_colors['bg_06'], // 5. 見出し背景
    6 => $old_colors['bg_09'], // 6. 説明領域背景
    7 => $old_colors['bg_02'], // 7. ボックスの背景
    8 => $old_colors['bg_10'], // 8. 左メニュー枠色
);

function getSkin($name)
{
    $params['filename'] = $name;
    return smarty_function_t_img_url_skin($params, $dummy);
}

header('Content-Type: text/css');

header('Cache-Control: max-age=315360000');
header('Expires: ' . gmdate('D, d M Y H:i:s', strtotime('+10 years')) . ' GMT');
?>
@charset "UTF-8";

/*==============================================================================
 * デフォルトスタイルシートの上書き
 *----------------------------------------------------------------------------*/
body, div, p, pre, blockquote, th, td,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
iframe, object, embed {
        margin: 0;
        padding: 0;
        border: none;
        text-align: left;
}
ul, ol {
        list-style-position: outside;
        list-style-type: none;
}
table {
        border-collapse: separate;
        border-spacing: 0;
        empty-cells: show;
        margin: 0;
        font-size: 1em;
}
* {
        word-break: break-all;
}
*:first-child+html table {
        border-collapse: collapse;
}
* html table {
        border-collapse: collapse;
}
th, td {
        vertical-align: middle;
}
address, cite, caption, th, del, ins,
abbr, acronym, dfn, em, strong,
code, kbd, samp, var {
        border: none;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        text-align: left;
        text-decoration: none;
}
img {
        border: none;
        vertical-align: baseline;
}
a img {
        vertical-align: text-bottom;
}
* html a img {
        vertical-align: baseline;
}
br {
        letter-spacing: 0;
}
h1, h2, h3, h4, h5, h6 {
        font-size: 100%;
        font-weight: normal;
}
q:before, q:after {
        content: "";
}
form, fieldset, input, textarea {
        margin: 0;
}
form, fieldset {
        padding: 0;
}
fieldset {
        border: none;
}
form p {
        margin: 0;
        padding: 0;
}

/*==============================================================================
 * OpenPNE全共通指定
 *----------------------------------------------------------------------------*/
body {
        font: normal normal normal 10pt/1.2 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
}
input,
textarea,
select {
        color: #333333;
        font-size: inherit;
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
}
a:link {
        color: #026cd1;
}
a:visited {
        color: #004a95;
}
a:hover, a:active {
        color: #76afe6;
}
.input_text,
.input_password,
textarea {
        background-color: #f8f8f8;
}
.input_text,
.input_password,
textarea,
select {
        border: 1px solid #888888;
}
.input_image {
        border: none;
}
strong {
        font-weight: bold;
}
/*----------------------------------------------
 * テーブル
 *--------------------------------------------*/
div.parts table {
        table-layout: fixed;
        width: 100%;
}
div.parts th,
div.parts td {
        border-width: 1px 0 0 1px;
        border-style: solid;
        border-color: #<?php echo $colors[1]; ?>;
}
div.parts tr th:first-child,
div.parts tr td:first-child,
div.parts tr th.first-child,
div.parts tr td.first-child {
        border-left-width: 0;
}
/*----------------------------------------------
 * マーカー付きリンク、ボタンリンク
 *--------------------------------------------*/
ul.moreInfo li {
        padding: 2px 0 2px 20px;
        background: url(<?php echo getSkin('icon_arrow_1'); ?>) no-repeat 0 0.4em;
}
ul.moreInfo.button li {
        padding: 0;
        background: none;
}
ul.moreInfo.button li form {
        display: inline;
}
ul.moreInfo.button li form .input_submit {
        margin: 0 5px;
}
/*----------------------------------------------
 * サブミットボタン
 *--------------------------------------------*/
.input_submit {
        border: 1px solid #888888;
        background: #dadce6 url(<?php echo getSkin('bg_button'); ?>) repeat-x scroll 50% 0;
        letter-spacing: 0;
}
.input_file {
        background: none;
}
/*----------------------------------------------
 * ラジオボタン、セレクトボタン
 *--------------------------------------------*/
.input_checkbox,
.input_radio {
        width: 16px;
}
ul.check {
        line-height: 1.4;
}
ul.check .input_radio,
ul.check .input_checkbox {
        margin: 0 4px;
}
/*----------------------------------------------
 * 画像置換指定
 *--------------------------------------------*/
#globalNav a,
#globalNavBefore a,
.localNav a {
        display: block;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        border: none;
        text-indent: -9999px;
        text-decoration: none;
}
#globalNav a:focus,
#globalNavBefore a:focus,
.localNav a:focus {
        overflow: hidden;
}
/*----------------------------------------------
 * clearfix, overflow: hidden
 *--------------------------------------------*/
div#LayoutA,
div#LayoutB,
div#LayoutC,
div.pagerRelativeMulti,
.diaryDetailBox .partsHeading,
.diaryDetailBox dl,
.topicDetailBox dl,
.eventDetailBox dl,
.messageDetailBox div.operation,
.prevNextLinkLine,
.commentList dl,
#pc_page_fh_diary_list .commentList dd div.title,
.reviewList dl,
.recentList dl,
.searchCategoryList dl dd ul,
.bizSideScheduleList dl,
.homeMainTable .partsHeading,
.formTable .partsHeading,
.formTable div.checkList ul,
.monthlyCalendarTable div.block {
        zoom: 1;
        overflow: visible;
}
div#LayoutA:after,
div#LayoutB:after,
div#LayoutC:after,
div.pagerRelativeMulti:after,
.diaryDetailBox .partsHeading:after,
.diaryDetailBox dl:after,
.topicDetailBox dl:after,
.eventDetailBox dl:after,
.messageDetailBox div.operation:after,
.prevNextLinkLine:after,
.commentList dl:after,
#pc_page_fh_diary_list .commentList dd div.title:after,
.reviewList dl:after,
.recentList dl:after,
.searchCategoryList dl dd ul:after,
.bizSideScheduleList dl:after,
.homeMainTable .partsHeading:after,
.formTable .partsHeading:after,
.formTable div.checkList ul:after,
.monthlyCalendarTable div.block:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden;
}
#Top {
        overflow: hidden;
}
dd div, dt, ul, ol, td, th, p,
h1, h2, h3, h4, h5, h6, .partsHeading,
fieldset, label {
        overflow: hidden;
}
dd div div {
        overflow: visible;
}
pre {
        overflow: auto;
}
/*----------------------------------------------
 * ベースレイアウト
 *--------------------------------------------*/
#Container {
        position: relative;
        width: 720px;
}
#Header {
        position: relative;
}
#topBanner {
        position: absolute;
        top: 5px;
        left: 247px;
        width: 468px;
        height: 60px;
}
#Top {
        padding-left: 5px;
}
#Top .infoBox,
#Top .descriptionBox {
        margin-right: 20px;
        margin-left: 20px;
}
#LayoutA #Left {
        float: left;
        width: 270px;
        padding: 0 5px;
}
#LayoutA #Center {
        float: right;
        width: 440px;
}
#LayoutB #Left {
        float: left;
        width: 180px;
}
#LayoutB #Center {
        float: right;
        width: 540px;
}
#LayoutC #Center {
        width: 650px;
        margin: 0 auto;
}
#Footer {
        width: 720px;
        height: 21px;
        background: url(<?php echo getSkin('skin_footer'); ?>) 0 0 no-repeat;
}
#Footer p {
        padding-right: 12px;
        line-height: 21px;
        text-align: right;
}
#sideBanner {
        position: absolute;
        top: 0px;
        left: 720px;
        width: 230px;
}
*:first-child+html #pc_page_h_diary_add #Footer {
        margin-top: 10px;
}
* html #pc_page_h_diary_add #Footer {
        margin-top: 10px;
}
/*----------------------------------------------
 * パーツ枠
 *--------------------------------------------*/
div.dparts,
div.dparts div.parts,
div.ditem,
#LayoutA #Left div.parts {
        border: 1px solid #<?php echo $colors[1]; ?>;
}
div.ditem div.item {
        border-width: 0 1px 1px;
        border-style: solid;
        border-color: #<?php echo $colors[1]; ?>;
}
div.dparts {
        margin: 0 auto 10px;
        padding: 7px;
}
div.dparts div.parts {
        margin: 0;
}
div.parts {
        margin: 0 auto 10px;
}
div.ditem {
        padding: 5px 6px;
}
/*----------------------------------------------
 * パーツ見出し
 *--------------------------------------------*/
.partsHeading {
        padding: 2px 8px 2px 36px;
        background: #<?php echo $colors[5]; ?> url(<?php echo getSkin('content_header_1'); ?>) no-repeat 0 0;
        text-align: left;
        font-size: 100%;
}
#LayoutA #Left .partsHeading {
        padding-left: 24px;
        background-image: url(<?php echo getSkin('icon_title_1'); ?>);
}
.partsHeading h3 {
        display: inline;
        font-weight: bold;
}
.partsHeading p {
        display: inline;
        margin-left: 0.5em;
}
/*----------------------------------------------
 * パーツ内上下の部分（1件～20件を表示など）
 *--------------------------------------------*/
div.block,
div.partsInfo,
div.pagerAbsolute,
div.pagerRelative,
div.pagerRelativeMulti,
div.operation {
        border-top: 1px solid #<?php echo $colors[1]; ?>;
}
div.partsInfo {
        padding: 10px 40px;
}
div.pagerAbsolute {
        padding: 4px;
        text-align: center;
}
div.pagerAbsolute p {
        display: inline;
}
div.pagerRelative {
        padding: 4px;
        text-align: right;
}
div.pagerRelativeMulti {
        padding: 4px;
}
div.pagerRelative p,
div.pagerRelativeMulti div.pager p {
        display: inline;
        margin-left: 10px;
}
div.pagerRelative p:first-child,
div.pagerRelativeMulti div.pager p:first-child,
div.pagerRelative p.first-child,
div.pagerRelativeMulti div.pager p.first-child {
        margin-left: 0;
}
div.pagerRelativeMulti div.text {
        float: left;
        width: 55%;
}
div.pagerRelativeMulti div.pager {
        float: right;
        width: 45%;
        margin-top: 0.5em;
        text-align: right;
}
div.operation {
        padding: 4px;
}
div.operation ul.moreInfo {
        text-align: center;
}
div.operation ul.moreInfo li {
        display: inline;
        background-position: 0 50%;
}
/*----------------------------------------------
 * カレンダー
 *--------------------------------------------*/
.sideNav .calendar td,
.sideNav .calendar td * {
        word-break: normal;
        letter-spacing: -1px;
}
#Body .calendar .holiday,
.calendar .sun {
        color: #d92c49;
}
.calendar .sat {
        color: #2c65d9;
}

/*==============================================================================
 * h系、f系、c系ナビメニュー（localNav）
 *----------------------------------------------------------------------------*/
#globalNav,
#globalNavBefore {
        zoom: 1;
        position: relative;
        width: 720px;
}
#globalNav {
        height: 96px;
        background: url(<?php echo getSkin('skin_after_header'); ?>) 0 0 no-repeat;
}
#globalNavBefore {
        height: 125px;
        margin-bottom: 10px;
        background: url(<?php echo getSkin('skin_before_header'); ?>) 0 0 no-repeat;
}
.localNav {
        zoom: 1;
        position: relative;
        width: 720px;
        height: 29px;
}
#hLocalNav {
        background: url(<?php echo getSkin('skin_navi_h'); ?>) 0 0 no-repeat;
}
#fLocalNav {
        background: url(<?php echo getSkin('skin_navi_f'); ?>) 0 0 no-repeat;
}
#cLocalNav {
        background: url(<?php echo getSkin('skin_navi_c'); ?>) 0 0 no-repeat;
}
<?php if (OPENPNE_ENABLE_ROLLOVER): ?>
#globalNav li a:hover, #globalNav li a:active {
        background-image: url(<?php echo getSkin('skin_after_header_2'); ?>);
}
#hLocalNav li a:hover, #hLocalNav li a:active {
        background-image: url(<?php echo getSkin('skin_navi_h_2'); ?>);
}
#fLocalNav li a:hover, #fLocalNav li a:active {
        background-image: url(<?php echo getSkin('skin_navi_f_2'); ?>);
}
#cLocalNav li a:hover, #cLocalNav li a:active {
        background-image: url(<?php echo getSkin('skin_navi_c_2'); ?>);
}
<?php endif; ?>

#globalNav h1,
#globalNavBefore h1 {
        position: absolute;
        top: 5px;
        left: 0;
        width: 240px;
        height: 60px;
}
#globalNav li, .localNav li {
        position: absolute;
}

li#globalNav_1,
li#globalNav_2,
li#globalNav_3 {
        top: 70px;
        height: 18px;
}
li#globalNav_4,
li#globalNav_5,
li#globalNav_6,
li#globalNav_7,
li#globalNav_8,
li#globalNav_9 {
        top: 68px;
        height: 20px;
}
li#globalNav_1 { left:   2px; width: 88px; }
li#globalNav_2 { left:  90px; width: 90px; }
li#globalNav_3 { left: 180px; width: 88px; }
li#globalNav_4 { left: 290px; width: 70px; }
li#globalNav_5 { left: 360px; width: 72px; }
li#globalNav_6 { left: 432px; width: 72px; }
li#globalNav_7 { left: 504px; width: 72px; }
li#globalNav_8 { left: 576px; width: 72px; }
li#globalNav_9 { left: 648px; width: 70px; }
li#globalNav_1 a:hover, li#globalNav_1 a:active { background-position:   -2px -70px; }
li#globalNav_2 a:hover, li#globalNav_2 a:active { background-position:  -90px -70px; }
li#globalNav_3 a:hover, li#globalNav_3 a:active { background-position: -180px -70px; }
li#globalNav_4 a:hover, li#globalNav_4 a:active { background-position: -290px -68px; }
li#globalNav_5 a:hover, li#globalNav_5 a:active { background-position: -360px -68px; }
li#globalNav_6 a:hover, li#globalNav_6 a:active { background-position: -432px -68px; }
li#globalNav_7 a:hover, li#globalNav_7 a:active { background-position: -504px -68px; }
li#globalNav_8 a:hover, li#globalNav_8 a:active { background-position: -576px -68px; }
li#globalNav_9 a:hover, li#globalNav_9 a:active { background-position: -648px -68px; }

#hLocalNav li {
        top: 0;
        width: 80px;
        height: 29px;
}
li#hLocalNav_1 { left:   0px; }
li#hLocalNav_2 { left:  80px; }
li#hLocalNav_3 { left: 160px; }
li#hLocalNav_4 { left: 240px; }
li#hLocalNav_5 { left: 320px; }
li#hLocalNav_6 { left: 400px; }
li#hLocalNav_7 { left: 480px; }
li#hLocalNav_8 { left: 560px; }
li#hLocalNav_9 { left: 640px; }
li#hLocalNav_1 a:hover, li#hLocalNav_1 a:active { background-position:   -0px -29px; }
li#hLocalNav_2 a:hover, li#hLocalNav_2 a:active { background-position:  -80px -29px; }
li#hLocalNav_3 a:hover, li#hLocalNav_3 a:active { background-position: -160px -29px; }
li#hLocalNav_4 a:hover, li#hLocalNav_4 a:active { background-position: -240px -29px; }
li#hLocalNav_5 a:hover, li#hLocalNav_5 a:active { background-position: -320px -29px; }
li#hLocalNav_6 a:hover, li#hLocalNav_6 a:active { background-position: -400px -29px; }
li#hLocalNav_7 a:hover, li#hLocalNav_7 a:active { background-position: -480px -29px; }
li#hLocalNav_8 a:hover, li#hLocalNav_8 a:active { background-position: -560px -29px; }
li#hLocalNav_9 a:hover, li#hLocalNav_9 a:active { background-position: -640px -29px; }

#fLocalNav li {
        top: 0;
        width: 80px;
        height: 29px;
}
li#fLocalNav_1 { left:   0px; }
li#fLocalNav_2 { left:  80px; }
li#fLocalNav_3 { left: 160px; }
li#fLocalNav_4 { left: 240px; }
li#fLocalNav_5 { left: 320px; }
li#fLocalNav_6 { left: 400px; }
li#fLocalNav_7 { left: 480px; }
li#fLocalNav_8 { left: 560px; }
li#fLocalNav_9 { left: 640px; }
li#fLocalNav_1 a:hover, li#fLocalNav_1 a:active { background-position:   -0px -29px; }
li#fLocalNav_2 a:hover, li#fLocalNav_2 a:active { background-position:  -80px -29px; }
li#fLocalNav_3 a:hover, li#fLocalNav_3 a:active { background-position: -160px -29px; }
li#fLocalNav_4 a:hover, li#fLocalNav_4 a:active { background-position: -240px -29px; }
li#fLocalNav_5 a:hover, li#fLocalNav_5 a:active { background-position: -320px -29px; }
li#fLocalNav_6 a:hover, li#fLocalNav_6 a:active { background-position: -400px -29px; }
li#fLocalNav_7 a:hover, li#fLocalNav_7 a:active { background-position: -480px -29px; }
li#fLocalNav_8 a:hover, li#fLocalNav_8 a:active { background-position: -560px -29px; }
li#fLocalNav_9 a:hover, li#fLocalNav_9 a:active { background-position: -640px -29px; }

#cLocalNav li {
        top: 0;
        width: 120px;
        height: 29px;
}
li#cLocalNav_1 { left:   0px; }
li#cLocalNav_2 { left: 120px; }
li#cLocalNav_3 { left: 240px; }
li#cLocalNav_4 { left: 360px; }
li#cLocalNav_5 { left: 480px; }
li#cLocalNav_6 { left: 600px; }
li#cLocalNav_1 a:hover, li#cLocalNav_1 a:active { background-position:   -0px -29px; }
li#cLocalNav_2 a:hover, li#cLocalNav_2 a:active { background-position: -120px -29px; }
li#cLocalNav_3 a:hover, li#cLocalNav_3 a:active { background-position: -240px -29px; }
li#cLocalNav_4 a:hover, li#cLocalNav_4 a:active { background-position: -360px -29px; }
li#cLocalNav_5 a:hover, li#cLocalNav_5 a:active { background-position: -480px -29px; }
li#cLocalNav_6 a:hover, li#cLocalNav_6 a:active { background-position: -600px -29px; }

/*==============================================================================
 * 1. simpleBox（シンプルボックス）
 *----------------------------------------------------------------------------*/
.simpleBox .block {
        padding: 10px 0;
}
.simpleBox .block p {
        text-align: center;
}

/*==============================================================================
 * 2. descriptionBox（説明ボックス）
 *----------------------------------------------------------------------------*/
.descriptionBox p {
        margin: 12px;
}

/*==============================================================================
 * 3. alertBox（アラートボックス）
 *----------------------------------------------------------------------------*/
.alertBox {
        width: 564px;
}
#Body .alertBox th {
        width: 148px;
        padding: 8px 0;
        border: none;
        text-align: center;
}
#Body .alertBox td {
        padding: 6px;
        border-width: 0 0 0 1px;
        color: #ff0000;
}

/*==============================================================================
 * 4. infoBox（案内ボックス）
 *----------------------------------------------------------------------------*/
.infoBox .parts {
        zoom: 1;
        position: relative;
}
.infoBox p {
        margin-right: 16em;
        padding: 5px;
        border-right: 1px solid #<?php echo $colors[1]; ?>;
        background: #<?php echo $colors[6]; ?>;
}
.infoBox ul.moreInfo {
        position: absolute;
        bottom: 3px;
        right: 0;
        width: 15.5em;
}

/*==============================================================================
 * 5. infoButtonBox（ボタン付き案内ボックス）
 *----------------------------------------------------------------------------*/
.infoButtonBox .block {
        padding: 30px 10px;
}
.infoButtonBox p,
.infoButtonBox ul {
        margin-top: 6px;
        text-align: center;
}
.infoButtonBox ul.check li {
        text-align: center;
}
.infoButtonBox ul.check li .input_submit {
        margin-top: 6px;
}
.infoButtonBox ul.moreInfo {
        margin-left: 230px;
}
.infoButtonBox ul.moreInfo.button {
        margin-left: 0;
}
.infoButtonBox ul.moreInfo.button li {
        text-align: center;
}

/*==============================================================================
 * 6. yesNoButtonBox（はい、いいえボタン付きボックス）
 *----------------------------------------------------------------------------*/
.yesNoButtonBox .block {
        padding: 10px 0;
}
.yesNoButtonBox .block p,
.yesNoButtonBox ul.moreInfo.button {
        text-align: center;
}
.yesNoButtonBox ul.moreInfo.button {
        margin-top: 4px;
}
.yesNoButtonBox ul.moreInfo.button li {
        display: inline;
}

/*==============================================================================
 * 7. searchFormBox（検索フォームボックス）
 *----------------------------------------------------------------------------*/
.searchFormBox .partsHeading {
        border-bottom: 1px solid #<?php echo $colors[1]; ?>;
}
.searchFormBox .parts {
        zoom: 1;
}
.searchFormBox .item {
        margin: 10px 40px;
        padding-top: 8px;
        border: 1px solid #<?php echo $colors[1]; ?>;
}
.searchFormBox label,
.searchFormBox span.label {
        margin: 0 4px 0 8px;
        padding: 1px 16px 0 0;
        background: url(<?php echo getSkin('icon_arrow_2'); ?>) no-repeat 100% 0;
}
.searchFormBox .input_submit {
        margin-right: 8px;
}
.searchFormBox p.desc {
        margin: 0 4px 16px 8px;
}
.searchFormBox p.form {
        margin: 0 4px 8px 0;
}
.searchFormBox p.note {
        margin: -4px 4px 8px 8px;
}
.searchFormBox ul.moreInfo {
        margin: 0 4px 8px 150px;
}
.searchFormBox div.block {
        padding: 8px 0;
}
.searchFormBox dl.category {
        zoom: 1;
}
.searchFormBox dl.category dt {
        float: left;
        width: 6em;
}
.searchFormBox dl.category dd {
        zoom: 1;
        margin-left: 6em;
}
.searchFormBox dl.category dd p {
        margin: 0 16px;
}
.searchFormBox dl.categories dt {
        margin-bottom: 4px;
}
.searchFormBox table.category th {
        width: 74px;
        padding: 3px 7px 3px 5px;
        border: none;
        background: url(<?php echo getSkin('colon'); ?>) no-repeat 100% 4px;
        font-weight: bold;
        vertical-align: top;
}
.searchFormBox table.category td {
        padding: 3px 8px;
        border: none;
        vertical-align: top;
}

/*==============================================================================
 * 8. diaryDetailBox（日記詳細ボックス）
 *----------------------------------------------------------------------------*/
.diaryDetailBox h3 {
        float: left;
        width: 66%;
}
.diaryDetailBox h3 {
        float: left;
        width: 66%;
}
.diaryDetailBox .partsHeading p.public {
        float: right;
        width: 33%;
        margin: 0;
        text-align: right;
}
.diaryDetailBox dl {
        border-top: 1px solid #<?php echo $colors[1]; ?>;
}
.diaryDetailBox dt {
        float: left;
        width: 70px;
        padding-top: 5px;
        text-align: center;
}
.diaryDetailBox dd {
        zoom: 1;
        min-height: 4.5em;
        margin-left: 70px;
        border-left: 1px solid #<?php echo $colors[1]; ?>;
}
* html .diaryDetailBox dd {
        height: 4.5em;
}
.diaryDetailBox dd div {
        border-top: 1px solid #<?php echo $colors[1]; ?>;
}
.diaryDetailBox dd div p {
        padding: 4px 3px;
}
.diaryDetailBox dd div.title {
        border-top: none;
}
.diaryDetailBox dd div.body {
        padding: 4px 3px;
}
.diaryDetailBox dd ul.photo {
        padding: 4px 5px;
}
.diaryDetailBox dd ul.photo li {
        display: inline;
        margin-left: 6px;
}
.diaryDetailBox div.category ul {
        padding: 4px;
        text-align: right;
}
.diaryDetailBox div.category ul li {
        display: inline;
        font-size: 80%;
}

/*==============================================================================
 * 9. topicDetailBox（トピック詳細ボックス）
 *----------------------------------------------------------------------------*/
.topicDetailBox dl {
        border-top: 1px solid #<?php echo $colors[1]; ?>;
}
.topicDetailBox dt {
        float: left;
        width: 100px;
        padding: 5px;
        text-align: center;
}
.topicDetailBox dd {
        zoom: 1;
        margin-left: 110px;
        border-left: 1px solid #<?php echo $colors[1]; ?>;
}
.topicDetailBox dd div {
        border-top: 1px solid #<?php echo $colors[1]; ?>;
}
.topicDetailBox dd div p {
        padding: 5px;
}
.topicDetailBox dd div.title {
        border-top: none;
}
.topicDetailBox dd ul.photo {
        padding: 5px;
}
.topicDetailBox dd ul.photo li {
        display: inline;
        margin-left: 6px;
}
.topicDetailBox dd div.attachFile {
        padding: 16px 5px;
}
.topicDetailBox div.operation {
        padding: 10px 0;
}

/*==============================================================================
 * 10. eventDetailBox（イベント詳細ボックス）
 *----------------------------------------------------------------------------*/
.eventDetailBox dl {
        border-top: 1px solid #<?php echo $colors[1]; ?>;
}
.eventDetailBox dt {
        float: left;
        width: 100px;
        padding: 5px;
        text-align: center;
}
.eventDetailBox dd {
        zoom: 1;
        margin-left: 110px;
        border-left: 1px solid #<?php echo $colors[1]; ?>;
}
.eventDetailBox dd ul.photo {
        padding: 5px;
        border-bottom: 1px solid #<?php echo $colors[1]; ?>;
}
.eventDetailBox dd ul.photo li {
        display: inline;
        margin-left: 6px;
}
.eventDetailBox dd table th {
        width: 112px;
        text-align: center;
        border-left: none;
}
.eventDetailBox dd table th,
.eventDetailBox dd table td {
        padding: 5px;
}
.eventDetailBox dd table tr:first-child th,
.eventDetailBox dd table tr:first-child td,
.eventDetailBox dd table tr.first-child th,
.eventDetailBox dd table tr.first-child td {
        border-top: none;
}
.eventDetailBox dd table ul.moreInfo {
        margin-top: -1.2em;
        text-align: right;
}
.eventDetailBox dd table ul.moreInfo li {
        display: inline;
        background-position: 0 50%;
}

/*==============================================================================
 * 11. homePhotoBox（ホーム写真ボックス）
 *----------------------------------------------------------------------------*/
.homePhotoBox * {
        text-align: center;
}
.homePhotoBox p.friendLink {
        margin-bottom: 3px;
}
.homePhotoBox .parts {
        padding: 7px;
}
.homePhotoBox ul.moreInfo {
        margin: 2px 0 -5px;
}
.homePhotoBox ul.moreInfo li {
        padding: 1px 0;
        background: none;
}
.homePhotoBox ul.moreInfo li img {
        vertical-align: bottom;
}
.homePhotoBox p.rank {
        margin-top: 6px;
}
.homePhotoBox p.point {
        margin-top: 2px;
}
.homePhotoBox p.text {
        margin-top: 4px;
}
.homePhotoBox p.loginTime {
        margin-top: 0px;
}

/*==============================================================================
 * 12. homeInfoBox（ホームインフォメーションボックス）
 *----------------------------------------------------------------------------*/
#Body .homeInfoBox {
        padding-left: 102px;
        border: 1px solid #<?php echo $colors[1]; ?>;
        background: #<?php echo $colors[6]; ?> url(<?php echo getSkin('icon_information'); ?>) no-repeat 5px 50%;
}
.homeInfoBox div.body {
        min-height: 1.2em;
        padding: 5px;
        border-left: 1px solid #<?php echo $colors[1]; ?>;
        background: #<?php echo $colors[7]; ?>;
}
* html .homeInfoBox div.body {
        height: 1.2em;
}
.homeInfoBox .caution {
        color: #ff0000;
}

/*==============================================================================
 * 13. photoUploadFormBox（プロフィール写真アップロードフォームボックス）
 *----------------------------------------------------------------------------*/
.photoUploadFormBox table {
        border-top: 1px solid #<?php echo $colors[1]; ?>;
}
#Body .photoUploadFormBox td {
        padding: 8px 0;
        border: none;
        text-align: center;
}
.photoUploadFormBox form {
        float: left;
        width: 230px;
}
.photoUploadFormBox form p {
        margin: 8px 0;
        text-align: center;
}
.photoUploadFormBox ul {
        zoom: 1;
        margin: 8px 0 8px 230px;
}
.photoUploadFormBox li {
        padding-left: 12px;
        background: url(<?php echo getSkin('marker'); ?>) no-repeat 3px 3px;
}

/*==============================================================================
 * 14. messageDetailBox（メッセージ詳細ボックス）
 *----------------------------------------------------------------------------*/
#Body .messageDetailBox th:first-child,
#Body .messageDetailBox th.first-child {
        border-left-width: 1px;
}
.messageDetailBox th,
.messageDetailBox td {
        padding: 5px;
}
.messageDetailBox td.photo {
        width: 120px;
        text-align: center;
}
.messageDetailBox th {
        width: 54px;
        padding-left: 0;
        padding-right: 16px;
        background: url(<?php echo getSkin('colon'); ?>) no-repeat 96% 50%;
        text-align: right;
}
#Body .messageDetailBox td {
        border-left: none;
}
.messageDetailBox ul.photo {
        margin: 10px;
        text-align: center;
}
.messageDetailBox p.text {
        margin: 10px 60px;;
}
.messageDetailBox ul.photo li {
        display: inline;
        margin-left: 6px;
}
.messageDetailBox form.delete {
        float: left;
        width: 50%;
        text-align: left;
}
.messageDetailBox form.send {
        float: right;
        width: 50%;
        text-align: right;
}
.messageDetailBox form ul.moreInfo {
        display: inline;
}
.messageDetailBox div.attachFile {
        padding: 16px 5px;
}

/*==============================================================================
 * 15. albumDetailBox（アルバム詳細ボックス）
 *----------------------------------------------------------------------------*/
.albumDetailBox th,
.albumDetailBox td {
        padding: 5px;
}
.albumDetailBox th {
        width: 75px;
}
.albumDetailBox td.photo {
        width: 190px;
        padding: 5px 0;
        text-align: center;
}
#Body .albumDetailBox th:first-child,
#Body .albumDetailBox th.first-child,
#Body .albumDetailBox td.operation {
        border-left-width: 1px;
}
.albumDetailBox td.operation {
        text-align: right;
}

/*==============================================================================
 * 16. albumImageBox（アルバム画像ボックス）
 *----------------------------------------------------------------------------*/
.albumImageBox p.photo {
        padding: 10px;
        border-top: 1px solid #<?php echo $colors[1]; ?>;
        text-align: center;
}
.albumImageBox th, .albumImageBox td {
        padding: 5px;
}
#Body .albumImageBox th {
        width: 140px;
        border-left: none;
}

/*==============================================================================
 * 17. searchFormLine（検索フォームライン）
 *----------------------------------------------------------------------------*/
.searchFormLine ul {
        text-align: center;
        padding: 1px 0;
}
.searchFormLine ul li {
        display: inline;
}
.searchFormLine ul li * {
        vertical-align: middle;
}
.searchFormLine ul li label {
        margin-right: 2px;
        padding: 1px 13px 0 0;
        background: url(<?php echo getSkin('icon_arrow_2'); ?>) no-repeat 100% 0;
}

/*==============================================================================
 * 18. linkLine（リンクライン）
 *----------------------------------------------------------------------------*/
.linkLine ul.moreInfo {
        text-align: center;
}
.linkLine ul.moreInfo li {
        display: inline;
        background-position: 0 50%;
}

/*==============================================================================
 * 19. prevNextLinkLine（前次リンクライン）
 *----------------------------------------------------------------------------*/
.prevNextLinkLine p.prev {
        float: left;
        width: 50%;
        text-align: left;
}
.prevNextLinkLine p.next {
        float: right;
        width: 50%;
        text-align: right;
}
.block.prevNextLinkLine {
        padding: 4px 10px;
}

/*==============================================================================
 * 20. buttonLine（ボタンライン）
 *----------------------------------------------------------------------------*/
.buttonLine form {
        text-align: center;
}

/*==============================================================================
 * 21. alertLine（アラートライン）
 *----------------------------------------------------------------------------*/
.alertLine p {
        text-align: center;
        color: #ff0000;
}

/*==============================================================================
 * 22. commentList（コメントリスト）
 *----------------------------------------------------------------------------*/
.commentList dl {
        border-top: 1px solid #<?php echo $colors[1]; ?>;
}
.commentList dt {
        float: left;
        width: 70px;
        padding-top: 5px;
        text-align: center;
}
.commentList dd {
        zoom: 1;
        min-height: 5.5em;
        margin-left: 70px;
        border-left: 1px solid #<?php echo $colors[1]; ?>;
}
* html .commentList dd {
        height: 5.5em;
}
#LayoutC .commentList dt {
        width: 110px;
}
#LayoutC .commentList dd {
        margin-left: 110px;
}
.commentList dd div {
        border-top: 1px solid #<?php echo $colors[1]; ?>;
}
.commentList dd div p {
        padding: 4px 3px;
}
.commentList dd div.title {
        padding: 4px 3px;
        border-top: none;
}
.commentList dd div.title p {
        padding: 0;
}
#pc_page_fh_diary_list .commentList dd div.title p.heading {
        float: left;
        width: 66%;
}
#pc_page_fh_diary_list .commentList dd div.title p.public {
        float: right;
        width: 33%;
        text-align: right;
}
.commentList dd ul.photo {
        padding: 5px 5px 0;
}
.commentList dd ul.photo li {
        display: inline;
        margin-left: 6px;
}
.commentList dd div.footer p {
        text-align: right;
}
.commentList div.operation {
        padding: 8px 0;
}
.commentList dd div.attachFile {
        padding: 16px 5px;
}

/*==============================================================================
 * 23. searchResultList（検索結果リスト）
 *----------------------------------------------------------------------------*/
.searchResultList .partsInfo {
        background: #<?php echo $colors[6]; ?>;
}
.searchResultList .ditem {
        margin: 8px 34px;
}
.searchResultList td.photo {
        width: 90px;
        padding: 0;
        border-left: none;
        text-align: center;
}
.searchResultList th, .searchResultList td {
        padding: 5px;
}
.searchResultList th {
        width: 75px;
}
#Body .searchResultList th:first-child,
#Body .searchResultList th.first-child {
        border-left-width: 1px;
}
.searchResultList tr.operation th {
        padding-top: 0;
        padding-bottom: 0;
}
.searchResultList tr.operation td {
        padding: 0;
}
.searchResultList tr.operation span.text {
        float: left;
        display: block;
        width: 110px;
        padding: 5px;
        border-right: 1px solid #<?php echo $colors[1]; ?>;
}
.searchResultList tr.operation span.moreInfo{
        zoom: 1;
        display: block;
        margin-left: 121px;
        padding: 4px 0 3px;
        text-align: center;
}
.searchResultList div.operation {
        text-align: center;
}
.searchResultList tr.operation span.moreInfo img,
.searchResultList div.operation form,
.searchResultList div.operation fieldset {
        display: inline;
        vertical-align: top;
}

/*==============================================================================
 * 24. reviewList（レビューリスト）
 *----------------------------------------------------------------------------*/
.reviewList dl {
        border-top: 1px solid #<?php echo $colors[1]; ?>;
}
.reviewList dl dt {
        float:left;
        width: 170px;
        padding: 5px;
        text-align: center;
}
.reviewList dl dt span {
        display: block;
        margin: 3px 0;
}
.reviewList dl dd {
        zoom: 1;
        margin-left: 180px;
        border-left: 1px solid #<?php echo $colors[1]; ?>;
}
.reviewList dl dd table {
        height: 216px;
}
.reviewList dl dd th,
.reviewList dl dd td {
        padding: 5px;
}
.reviewList dl tr.title th,
.reviewList dl dd tr.title td {
        border-top: none;
}
.reviewList dl dd th {
        width: 100px;
        border-left: none;
        text-align: center;
}
.reviewList dl dd tr.title td {
        font-weight: bold;
}
.reviewList dl dd td p.operation {
        text-align: right;
}
.reviewList dl dd tr.footer td {
        border-left: none;
        text-align: right;
}
.reviewList div.operation {
        padding: 10px 0;
}

/*==============================================================================
 * 25. recentList（最新書き込みリスト）
 *----------------------------------------------------------------------------*/
.recentList dl {
        border-top: 1px solid #<?php echo $colors[1]; ?>;
}
.recentList dt {
        float: left;
        width: 170px;
        padding: 5px;
        text-align: center;
}
.recentList dd {
        zoom: 1;
        margin-left: 180px;
        padding: 5px;
        border-left: 1px solid #<?php echo $colors[1]; ?>;
}
* html #Body .recentList dd {
        height: 1.2em;
}
#LayoutB #Center .recentList dt {
        width: 110px;
}
#LayoutB #Center .recentList dd {
        margin-left: 120px;
}

/*==============================================================================
 * 26. friendIntroList（フレンド紹介文リスト）
 *----------------------------------------------------------------------------*/
.friendIntroList th,
.friendIntroList td {
        padding: 14px;
}
#Body .friendIntroList th {
        width: 120px;
        border-left: none;
        text-align: center;
}
.friendIntroList p.text {
        margin-bottom: 1em;
}
.friendIntroList div.moreInfo ul.moreInfo {
        width: 10em;
        margin-left: auto;
        padding: 6px 2px;
}

/*==============================================================================
 * 27. manageList（管理リスト）
 *----------------------------------------------------------------------------*/
.manageList td {
        padding: 5px;
}
.manageList td.photo {
        width: 140px;
        border-left: none;
        text-align: center;
}
.manageList td.delete {
        width: 120px;
}
.manageList col.date {
        width: 160px;
}
* html .manageList col.date {
        width: 150px;
}
*:first-child+html .manageList col.date {
        width: 150px;
}
.manageList col.name {
        width: auto;
}
.manageList colgroup.operation col {
        width: 86px;
}
* html .manageList colgroup.operation col {
        width: 76px;
}
*:first-child+html .manageList colgroup.operation col {
        width: 76px;
}

/*==============================================================================
 * 28. searchCategoryList（検索項目リスト）
 *----------------------------------------------------------------------------*/
.searchCategoryList .partsInfo {
        padding: 5px;
        border-bottom: 1px solid #<?php echo $colors[1]; ?>;
        background: #<?php echo $colors[6]; ?>;
        text-align: center;
}
.searchCategoryList .item {
        margin: 10px 40px;
        border: 1px solid #<?php echo $colors[1]; ?>;
        border-top: none;
}
.searchCategoryList span.label {
        margin: 0 4px 0 8px;
        padding: 1px 16px 0 0;
        background: url(<?php echo getSkin('icon_arrow_2'); ?>) no-repeat 100% 0;
}
.searchCategoryList dl {
        border-top: 1px solid #<?php echo $colors[1]; ?>;
}
.searchCategoryList dl dt {
        margin: 8px 0 0;
}
.searchCategoryList dl dd {
        margin: 8px 10px 8px 70px;
}
.searchCategoryList dl dd ul {
        margin: 4px 0;
}
.searchCategoryList dl dd ul li {
        overflow: hidden;
        float: left;
        width: 19%;
        margin: 0 2px;
}

/*==============================================================================
 * 29. messageList（メッセージリスト）
 *----------------------------------------------------------------------------*/
.messageList .partsHeading p.date {
        font-weight: bold;
}
.messageList .pagerRelativeMulti .text {
        width: 160px;
}
.messageList .pagerRelativeMulti .pager {
        width: 350px;
        margin-top: 1px;
}
.messageList p.icons img {
        padding-right: 16px;
        background: url(<?php echo getSkin('articleList_marker'); ?>) no-repeat 96% 6px;
        vertical-align: text-bottom;
}
.messageList tr {
        height: 20px;
}
.messageList tr.unread {
        background: #<?php echo $colors[6]; ?>;
}
#Body .messageList th.delete {
        font-weight: normal;
}
#Body .messageList th {
        padding: 0 2px;
        border-width: 1px 0 0;
        font-weight: bold;
}
#Body .messageList td {
        padding: 0 2px;
        border-width: 1px 0 0;
}
#Body .messageList td .input_checkbox {
        margin-left: 4px;
}
.messageList td.status {
        text-align: center;
}
.messageList col.status {
        width: 35px;
}
.messageList col.delete {
        width: 35px;
}
.messageList col.target {
        width: 130px;
}
.messageList col.title {
        width: auto;
}
.messageList col.date {
        width: 80px;
}
.messageList table span {
        width: 100%;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
}
.messageList div.operation p {
        margin-top: 8px;
        margin-bottom: 5px;
}
.messageList div.operation ul.moreInfo {
        text-align: left;
}

/*==============================================================================
 * 30. ashiatoList（あしあとリスト）
 *----------------------------------------------------------------------------*/
.ashiatoList div.partsInfo {
        border-bottom: 1px solid #<?php echo $colors[1]; ?>;
}
.ashiatoList div.item {
        margin: 8px 40px;
        padding: 8px 0;
        border: 1px solid #<?php echo $colors[1]; ?>;
}
.ashiatoList div.item p,
.ashiatoList div.item ul.list {
        padding-left: 160px;
}
.ashiatoList div.item p strong {
        margin: 0 2px;
}
.ashiatoList div.item ul.list {
        margin-top: 16px;
}

/*==============================================================================
 * 31. rankingList（ランキングリスト）
 *----------------------------------------------------------------------------*/
.rankingList .partsHeading p {
        margin: 0;
}
#Body .rankingList th:first-child,
#Body .rankingList th.first-child {
        border-left-width: 1px;
}
.rankingList td.photo {
        width: 120px;
        text-align: center;
}
.rankingList th {
        width: 75px;
        padding: 5px;
}
.rankingList td {
        padding: 5px;
}
.rankingList td.name {
        background: #<?php echo $colors[6]; ?>;
}
.rankingList td.name a {
        font-weight: bold;
}
.rankingList .ditem {
        margin: 8px 15px;
        background: #<?php echo $colors[6]; ?>;
}
.rankingList .item {
        background: #<?php echo $colors[7]; ?>;
}
.rankingList .item td.photo {
        width: 90px;
}

/*==============================================================================
 * 32. bizSideTodoList（BIZ用Todoリスト）
 *----------------------------------------------------------------------------*/
#Body .bizSideTodoList {
        width: 220px;
        margin: 10px 5px;
        border: 1px solid #<?php echo $colors[1]; ?>;
}
#Body .bizSideTodoList td {
        border-width: 1px 0 0;
}
.bizSideTodoList .block {
        padding: 5px;
}
.bizSideTodoList textarea {
        width: 98%;
}
.bizSideTodoList tr.someone {
        background: #<?php echo $colors[6]; ?>;
}
.bizSideTodoList tr.checked {
        color: #999999;
}
.bizSideTodoList td.state {
        width: 38px;
        vertical-align: top;
}
.bizSideTodoList tr.priLow td.state p {
        padding-left: 4px;
        border-left: 0;
}
.bizSideTodoList tr.priMiddle td.state p {
        padding-left: 0;
        border-left: 4px solid #ff8080;
}
.bizSideTodoList tr.priHigh td.state p {
        padding-left: 0;
        border-left: 4px solid #ff0000;
}
.bizSideTodoList tr.checked td.state p {
        padding-left: 4px;
        border-left: 0;
}
.bizSideTodoList td.operation {
        width: 16px;
        vertical-align: top;
}
.bizSideTodoList td.operation a {
        display: block;
        width: 14px;
        margin-top: 2px;
}

/*==============================================================================
 * 33. bizSideScheduleList（BIZ用スケジュールリスト） 
 *----------------------------------------------------------------------------*/
#Body .bizSideScheduleList {
        width: 220px;
        margin: 10px 5px;
        border: 1px solid #<?php echo $colors[1]; ?>;
}
.bizSideScheduleList dl {
        border-top: 1px solid #<?php echo $colors[1]; ?>;
}
.bizSideScheduleList dt {
        float: left;
        width: 60px;
        padding: 5px;
        text-align: center;
}
.bizSideScheduleList dd {
        zoom: 1;
        margin-left: 70px;
        padding: 5px;
        border-left: 1px solid #<?php echo $colors[1]; ?>;
}

/*==============================================================================
 * 34. albumList（アルバムリスト）
 *----------------------------------------------------------------------------*/
.albumList th,
.albumList td {
        padding: 5px;
}
.albumList th {
        width: 75px;
}
.albumList td.photo {
        width: 190px;
        padding: 5px 0;
        text-align: center;
}
.albumList td.photo p {
        text-align: center;
        padding: 5px;
}
#Body .albumList th:first-child,
#Body .albumList th.first-child {
        border-left-width: 1px;
}
.albumList td.operation {
        text-align: center;
}

/*==============================================================================
 * 35. albumImageList（アルバム画像リスト）
 *----------------------------------------------------------------------------*/
.albumImageList td {
        padding: 5px;
        text-align: center;
}
.albumImageList td p {
        text-align: center;
}

/*==============================================================================
 * 36. homeNineTable（ホーム9面テーブル）
 *----------------------------------------------------------------------------*/
.homeNineTable tr.photo td {
        height: 80px;
        padding: 2px 0;
        text-align: center;
}
.homeNineTable tr.photo td p.crown {
        text-align: center;
}
.homeNineTable tr.text td {
        padding: 2px;
        text-align: center;
}
.homeNineTable div.moreInfo ul.moreInfo {
        width: 11em;
        margin-left: auto;
        padding: 6px 0;
}

/*==============================================================================
 * 37. photoTable（写真テーブル）
 *----------------------------------------------------------------------------*/
.photoTable {
        width: 561px;
}
.photoTable tr.photo td {
        height: 90px;
        padding: 8px 0;
        text-align: center;
}
.photoTable tr.photo td p.crown {
        text-align: center;
}
.photoTable tr.text td {
        padding: 5px 2px;
        text-align: center;
}

/*==============================================================================
 * 38. homeMainTable（ホームメインテーブル）
 *----------------------------------------------------------------------------*/
.homeMainTable .partsHeading h3 {
        float: left;
        width: 66%;
}
.homeMainTable .partsHeading p.link {
        float: right;
        width: 33%;
        margin: 0;
        text-align: right;
}
.homeMainTable th {
        width: 83px;
        background-color: #<?php echo $colors[6]; ?>;
}
.homeMainTable th, .homeMainTable td {
        padding: 5px;
}
.homeMainTable ul.articleList {
        line-height: 1.3;
}
.homeMainTable ul.articleList li {
    padding-left: 85px;
    text-indent: -72px;
}
.homeMainTable tr ul.articleList li {
    background: url(<?php echo getSkin('icon_3'); ?>) 3px 0.4em no-repeat scroll;
}
.homeMainTable tr.myFriendRecentDiary ul.articleList li,
.homeMainTable tr.myFriendRecentBlog ul.articleList li,
.homeMainTable tr.allRecentDiary ul.articleList li,
.homeMainTable tr.bookmarkRecentDiary ul.articleList li,
.homeMainTable tr.bookmarkRecentBlog ul.articleList li,
.homeMainTable tr.myRecentDiary ul.articleList li,
.homeMainTable tr.myRecentBlog ul.articleList li,
.homeMainTable tr.friendRecentDiary ul.articleList li,
.homeMainTable tr.friendRecentBlog ul.articleList li
{
    background-image: url(<?php echo getSkin('icon_1'); ?>);
}
.homeMainTable tr.diaryCommentHistory ul.articleList li,
.homeMainTable tr.recentCommunityTopicComment ul.articleList li,
.homeMainTable tr.allRecentCommunityTopicComment ul.articleList li,
.homeMainTable tr.communityTopic ul.articleList li,
.homeMainTable tr.communityEvent ul.articleList li
{
    background-image: url(<?php echo getSkin('icon_2'); ?>);
}
.homeMainTable ul.articleList li span.date {
        padding-right: 18px;
        background: url(<?php echo getSkin('articleList_marker'); ?>) 92% 0.3em no-repeat scroll;
}
.homeMainTable div.moreInfo ul.moreInfo {
        width: 10em;
        margin: 0 2px 0 auto;
}
.homeMainTable td.halfway ul.moreInfo {
        width: 12em;
        margin: 0 0 20px auto;
}

/*==============================================================================
 * 39. formTable（入力フォームテーブル）
 *----------------------------------------------------------------------------*/
.formTable .partsHeading div.text {
        float: left;
        width: 66%;
}
.formTable .partsHeading p.link {
        float: right;
        width: 33%;
        margin: 0;
        text-align: right;
}
.formTable strong {
        font-weight: normal;
        color: #ff0000;
}
.formTable p.caution {
        color: #ff0000;
}
.formTable div.partsInfo {
        background-color: #<?php echo $colors[6]; ?>;
}
.formTable th, .formTable td {
        padding: 5px;
}
#Body .formTable th {
        width: 140px;
        border-left: none;
}
#LayoutB #Center .formTable th {
        width: 80px;
}
.formTable table table td {
        padding: 0;
        border: none;
}
.formTable textarea {
        width: 98%;
}
.formTable input.input_text_long {
        width: 98%;
}
.formTable table table td.publicSelector {
        width: 150px;
        text-align: right;
}
.formTable table table td.publicSelector select {
        width: 150px;
}
.formTable div.checkList li {
        overflow: hidden;
        float: left;
        width: 33%;
        line-height: 1.6;
}
.formTable div.checkList li div.item {
        padding-left: 18px;
        text-indent: -18px;
}
.formTable div.operation {
        padding: 10px 0;
}

/*==============================================================================
 * 40. weeklyCalendarTable（週間カレンダーテーブル）
 *----------------------------------------------------------------------------*/
#Body .weeklyCalendarTable .parts {
        border-top: none;
}
.weeklyCalendarTable div.block {
        padding: 5px;
}
.weeklyCalendarTable .input_text {
        width: 120px;
}
.weeklyCalendarTable .input_submit {
        margin-right: 8px;
}
.weeklyCalendarTable .calendar td {
        padding: 5px;
        vertical-align: top;
}
.weeklyCalendarTable .calendar .today {
        background: #<?php echo $colors[6]; ?>;
}
.weeklyCalendarTable .calendar .today p.day {
        font-weight: bold;
}
.weeklyCalendarTable ul.moreInfo {
        margin: 0 2px 0 auto;
        width: 9em;
}

/*==============================================================================
 * 41. monthlyCalendarTable（月間カレンダーテーブル）
 *----------------------------------------------------------------------------*/
.monthlyCalendarTable div.block {
        padding: 2px 5px;
}
.monthlyCalendarTable div.block p.moreInfo {
        float: left;
        width: 70%;
        text-align: left;
}
.monthlyCalendarTable div.block p.moreInfo a {
        margin-right: 4px;
}
.monthlyCalendarTable div.block p.pager {
        float: right;
        width: 30%;
        margin-top: 2px;
        text-align: right;
}
.monthlyCalendarTable .calendar th {
        padding: 2px;
}
.monthlyCalendarTable .calendar td {
        height: 65px;
        padding: 2px;
        vertical-align: top;
}
.monthlyCalendarTable .calendar td.today {
        background: #<?php echo $colors[6]; ?>;
        font-weight: bold;
}
.monthlyCalendarTable .calendar td p {
        font-weight: normal;
}
.monthlyCalendarTable .partsInfo {
        padding: 5px;
        background: #<?php echo $colors[6]; ?>;
}
.monthlyCalendarTable .partsInfo img {
        margin: 0 1px;
}

/*==============================================================================
 * 42. bizWeeklyCalendarTable（BIZ用週間カレンダーテーブル）
 *----------------------------------------------------------------------------*/
#Body .bizWeeklyCalendarTable .parts {
        border-top: none;
}
.bizWeeklyCalendarTable div.block {
        padding: 5px;
}
.bizWeeklyCalendarTable .calendar td {
        padding: 5px 0;
        vertical-align: top;
}
.bizWeeklyCalendarTable .calendar td p {
        padding: 0 5px;
}
.bizWeeklyCalendarTable .calendar td .time {
        padding: 0;
}
.bizWeeklyCalendarTable .calendar .today {
        background: #<?php echo $colors[6]; ?>;
}
.bizWeeklyCalendarTable .calendar .today p.day {
        font-weight: bold;
}
.bizWeeklyCalendarTable .calendar th {
        width: 130px;
        padding: 5px 0;
        text-align: center;
}
.bizWeeklyCalendarTable .calendar th * {
        text-align: center;
}
.bizWeeklyCalendarTable .calendar th .input_text {
        width: 118px;
}
.bizWeeklyCalendarTable .calendar th .input_submit {
        width: 120px;
}
.bizWeeklyCalendarTable .calendar th .nickname {
        margin: 5px 0;
}
.bizWeeklyCalendarTable .calendar th .member_image {
        margin-bottom: 5px;
}
.bizWeeklyCalendarTable .calendar td.sub {
        border-width: 0 0 0 1px;
}
.bizWeeklyCalendarTable div.moreInfo {
        padding-left: 135px;
}
.bizWeeklyCalendarTable div.moreInfo .input_submit {
        margin-right: 8px;
}

/*==============================================================================
 * 43. sideNav（サイドナビ）
 *----------------------------------------------------------------------------*/
.sideNav .item {
        width: 150px;
        margin: 0 auto 10px;
        border: 8px solid #<?php echo $colors[8]; ?>;
}
.sideNav .partsHeading {
        border-bottom: 1px solid #<?php echo $colors[1]; ?>;
}
.sideNav .pageNav ul {
        margin: 1px;
}
.sideNav .pageNav li {
        padding: 4px 0 4px 18px;
        background: url(<?php echo getSkin('icon_1'); ?>) 8px 50% no-repeat scroll;
}
.sideNav .pageNav li.looking {
        background-color: #<?php echo $colors[6]; ?>;
}
.sideNav .calendar .partsHeading {
        padding: 4px 0;
        border: none;
        background: none;
        text-align: center;
}
.sideNav .calendar th {
        background-color: #<?php echo $colors[6]; ?>;
        text-align: center;
}
.sideNav .calendar td {
        padding: 1px 2px;
        text-align: right;
}
.sideNav .list {
        padding: 4px 0;
}
.sideNav .list li {
        padding-left: 16px;
        background: no-repeat 6px 4px;
}
.sideNav .monthlyMessage li  { background-image: url(<?php echo getSkin('icon_1'); ?>); }
.sideNav .recentlyDiary li   { background-image: url(<?php echo getSkin('icon_3'); ?>); }
.sideNav .recentlyComment li { background-image: url(<?php echo getSkin('icon_1'); ?>); }
.sideNav .monthlyDiary li    { background-image: url(<?php echo getSkin('icon_2'); ?>); }
.sideNav .listCategory li    { background-image: url(<?php echo getSkin('icon_2'); ?>); }

/*==============================================================================
 * 44. rankingSideNav（ランキングサイドナビ）
 *----------------------------------------------------------------------------*/
.rankingSideNav {
        width: 150px;
        margin: 0 auto;
        border: 8px solid #<?php echo $colors[8]; ?>;
}
.rankingSideNav .partsHeading {
        padding: 2px 4px;
        border-bottom: 1px solid #<?php echo $colors[1]; ?>;
        background-image: none;
        text-align: center;
}
.rankingSideNav p {
        margin: 3px;
}
.rankingSideNav p.link {
        padding: 3px;
        border: 1px solid #<?php echo $colors[1]; ?>;
        text-align: right;
}

/**=============================================================================
 * 配色設定
 *----------------------------------------------------------------------------*/
#Body {
        background: #<?php echo $colors[2]; ?>;
}
#Container {
        background: #<?php echo $colors[3]; ?>;
}
div.dparts {
        background-color: #<?php echo $colors[4]; ?>;
}
div.parts {
        background-color: #<?php echo $colors[7]; ?>;
}
.sideNav .item {
        background-color: #<?php echo $colors[7]; ?>;
}
#Body .sideNav {
        background-color: transparent;
}
#Body .linkLine,
#Body .searchFormLine,
#Body .buttonLine,
#Body .prevNextLinkLine {
        background-color: transparent;
}

/**=============================================================================
 * ログインページ
 *----------------------------------------------------------------------------*/
div#container_login {
        position: relative;
        display: block;
        margin: 0px auto 0px 0px;
        width: 720px;
        height: 563px;
        padding: 0px;
}

div#container_login img.bg {
        display: block;
        position: absolute;
        left: 0px;
        top: 0px;
        width: 720px;
        height: 563px;
        z-index: 0;
}

div#container_login a img {
        width: 100%;
        height: 100%;
}

div#container_login div.banner,
div#container_login a.banner {
        display: block;
        position: absolute;
        left: 247px;
        top: 5px;
        width: 468px;
        height: 60px;
        z-index: 200;
}

div#container_login div.header a.main_menu {
        display: block;
        display: none;
        position: absolute;
        height: 22px;
        top: 0px;
}

div#container_login input#username {
        display: block;
        position: absolute;
        left: 504px;
        top: 246px;
        width: 185px;
        height: 23px;
        font-size: 10pt;
        z-index: 100;
}

div#container_login input#password {
        display: block;
        position: absolute;
        left: 504px;
        top: 299px;
        width: 185px;
        height: 23px;
        font-size: 10pt;
        z-index: 110;
}

div#container_login input#button_login {
        display: block;
        position: absolute;
        left: 536px;
        top: 384px;
        width: 120px;
        height: 24px;
        border: none 0px;
        background-color: transparent;
        z-index: 120;
}

div#container_login a#button_new_regist {
        display: block;
        position: absolute;
        left: 536px;
        top: 414px;
        width: 120px;
        height: 24px;
        border: none 0px;
        z-index: 130;
}

div#container_login div.msg {
        display: block;
        position: absolute;
        border: none 0px;
        padding: 3px 0px;
        left: 504px;
        top: 327px;
        width: 185px;
        height: 42px;
        font-size: 9pt;
        text-align: center;
        z-index: 140;
}

div#container_login div.msg * {
        font-size: 8pt;
}

div#container_login .footer {
        display: block;
        position: absolute;
        left: 0px;
        top: 542px;
        width: 720px;
        height: 21px;
        z-index: 300;
}
div#container_login .footer p {
        margin-right: 12px;
        text-align: right;
        line-height: 21px;
}

/*==============================================================================
 * 文字装飾
 *----------------------------------------------------------------------------*/
<?php if ($decoration_config['op_b']): ?>
span.op_b {
        text-decoration: inherit;
        font-style: inherit;
        font-weight: bold;
        color: inherit;
        font-size: inherit;
}
<?php endif; ?>

<?php if ($decoration_config['op_u']): ?>
span.op_u {
        text-decoration: underline;
        font-style: inherit;
        font-weight: inherit;
        color: inherit;
        font-size: inherit;
}
<?php endif; ?>

<?php if ($decoration_config['op_s']): ?>
span.op_s {
        text-decoration: line-through;
        font-style: inherit;
        font-weight: inherit;
        color: inherit;
        font-size: inherit;
}
<?php endif; ?>

<?php if ($decoration_config['op_i']): ?>
span.op_i {
        text-decoration: inherit;
        font-style: italic;
        font-weight: inherit;
        color: inherit;
        font-size: inherit;
}
<?php endif; ?>

<?php if ($decoration_config['op_large']): ?>
span.op_large {
        text-decoration: inherit;
        font-style: inherit;
        font-weight: inherit;
        color: inherit;
        font-size: 20px;
}
<?php endif; ?>

<?php if ($decoration_config['op_small']): ?>
span.op_small {
        text-decoration: inherit;
        font-style: inherit;
        font-weight: inherit;
        color: inherit;
        font-size: 8px;
}
<?php endif; ?>

<?php if ($decoration_config['op_color']): ?>
span.op_color {
        text-decoration: inherit;
        font-style: inherit;
        font-weight: inherit;
        color: inherit;
        font-size: inherit;
}
<?php else: ?>
span.op_color {
        text-decoration: inherit;
        font-style: inherit;
        font-weight: inherit;
        color: #000 !important;
        font-size: inherit;
}
<?php endif; ?>

<?php if ($custom_css): ?>

/*==============================================================================
 * カスタムCSS
 *----------------------------------------------------------------------------*/
<?php echo $custom_css; ?>

<?php endif; ?>