@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 {
        text-decoration:none;
}
a:link {
	color: #026cd1;
}
a:visited {
	color: #004a95;
}
a:hover, a:active {
	color: #76afe6;
}
a:hover {
        text-decoration: underline;
}
.input_text,
.input_password,
textarea {
	background-color: #f8f8f8;
}
.input_text,
.input_password,
textarea,
select {
	border: 1px solid #888888;
}
.input_image {
	border: none;
}
p {
	overflow: hidden;
}
strong {
	font-weight: bold;
}
a img.illust {
	padding: 1px;
}
a:hover img.illust {
	padding: 0;
	border: 1px solid #00BB44;
}

.partsBanner {
	margin: 0;
	padding: 5px 0;
        text-align: center;
}
.ads {
	text-align: center;
	margin: 5px auto;
}
div.link_banner {
	text-align: center;
	margin: 5px auto;
}
div.link_banner ul li {
	text-align: center;
        margin: 4px auto;
}
div.link_login {
	text-align: center;
	margin-bottom: 15px;
	padding: 5px;
        border-width: 10px;
	border-style: solid;
	border-color: #99DFDD;
}
div.link_login:first-child {
        margin-bottom: 0;
        border-width: 10px 10px 0 10px;
	border-style: solid;
	border-color: #99DFDD;
}
div.link_login p {
        padding: 0 5px;
}
div.link_login ul li {
	text-align: center;
        margin-top: 5px;
}
div.link_login ul li:first-child {
        margin-top: 0;
}

/*----------------------------------------------
 * テーブル
 *--------------------------------------------*/
div.parts table,
div.parts2 table {
	table-layout: fixed;
	width: 100%;
}
div.parts th,
div.parts td,
div.parts2 th,
div.parts2 td {
	overflow: hidden;
	border-width: 1px 0 0 1px;
	border-style: solid;
	border-color: #00BB44;
}
div.parts tr th:first-child,
div.parts tr td:first-child,
div.parts tr th.first-child,
div.parts tr td.first-child,
div.parts2 tr th:first-child,
div.parts2 tr td:first-child,
div.parts2 tr th.first-child,
div.parts2 tr td.first-child {
	border-left-width: 0;
}
/*----------------------------------------------
 * マーカー付きリンク、ボタンリンク
 *--------------------------------------------*/
ul.moreInfo li {
	padding: 2px 0 2px 20px;
	background: url(http://chixi.jp/skin/900_openpne_ver28/img/icon_arrow_1.gif) 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;
}
ul.selection li {
        display: inline;
}
.homeRightTable .partsHeading span.moreInfo {
	padding: 2px 0 2px 20px;
	background: url(http://chixi.jp/skin/900_openpne_ver28/img/icon_arrow_1.gif) no-repeat 0 0.4em;
}

/*----------------------------------------------
 * サブミットボタン
 *--------------------------------------------*/
.input_submit {
	border: 1px solid #888888;
	background: #dadce6 url(http://chixi.jp/skin/900_openpne_ver28/img/bg_button.gif) 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;
}
/*----------------------------------------------
 * 画像置換指定
 *--------------------------------------------*/
#globalNavOutsideTop h1 a,
#globalNavOutside p a{
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: none;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
}
#globalNavOutsideTop h1 a,
#globalNavOutside p a {
	text-indent: -9999px;
}
#globalNavOutside a:focus {
	overflow: hidden;
}
/*----------------------------------------------
 * clearfix, overflow: hidden
 *--------------------------------------------*/
div#LayoutA,
div#LayoutB,
div#LayoutC,
div#LayoutZ,
div#blog_top,
div#blog_top_about,
div#chixi_maintenance,
div.pagerRelativeMulti,
.diaryDetailBox .partsHeading,
.albumImageBox .partsHeading,
.diaryDetailBox dl,
.prevNextLinkLine,
.commentList dl,
#blog_page_diary_list .commentList dd div.title,
.reviewList dl,
.recentList dl,
.monthlyCalendarTable div.block {
	zoom: 1;
	overflow: visible; 
}
div#LayoutA:after,
div#LayoutB:after,
div#LayoutC:after,
div#LayoutZ:after,
div#blog_top:after,
div#blog_top_about:after,
div#chixi_maintenance:after,
div.pagerRelativeMulti:after,
.diaryDetailBox .partsHeading:after,
.albumImageBox .partsHeading:after,
.diaryDetailBox dl:after,
.prevNextLinkLine:after,
.commentList dl:after,
#diary_page_diary_list .commentList dd div.title:after,
.reviewList dl:after,
.recentList dl:after,
.monthlyCalendarTable div.block:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#Left,
#Center,
#Right,
#Top {
	overflow: hidden;
}

/*----------------------------------------------
 * ベースレイアウト
 *--------------------------------------------*/
#Container {
	position: relative;
	width: 966px;
        margin: 0 auto;
}
#Header {
	position: relative;
}
#topBanner,
#topBannerAd {
        position: absolute;
        top: 17px;
        left: 465px;
        width: 468px;
        height: 60px;
        overflow: hidden;
}
#topTextAd {
        position: absolute;
        top: 3px;
        left: 410px;
        width: 200px;
        overflow: hidden;
}
#topSearch {
	position: absolute;
	top: 0;
	left: 613px;
	width: 275px;
	height: 20px;
	padding: 0 2px;
}
#topRegist {
	position: absolute;
	top: 3px;
	left: 897px;
	width: 66px;
	height: 17px;
        text-align: right;
	font-size: 90%;
}
#Top {
	position: relative;
	width: 966px;
	height: 200px;
        margin-bottom: 10px;
}
#Top .infoBox,
#Top .descriptionBox {
	margin-right: 20px;
	margin-left: 20px;
}
#Right {
	text-align: center;
}

#Footer {
	width: 966px;
	height: 21px;
	background: url(http://chixi.jp/img_skin.php?filename=skin_footer&image_filename=skin_skin_footer_1250139026.jpg) 0 0 no-repeat;
}
#Footer p {
	padding-right: 12px;
	line-height: 21px;
	text-align: right;
}
#Footer span.copyright {
	padding-left: 12px;
	line-height: 21px;
	font-size: 93%;
	float: left;
}
#Footer span.footer {
	padding-right: 12px;
	line-height: 21px;
	font-size: 95%;
	float: right;
}

div#blog_top #Center,
div#blog_top_about #Center {
	float: left;
	width: 650px;
	padding: 0 35px;
}
div#blog_top #Right,
div#blog_top_about #Right {
	float: right;
	width: 236px;
	padding: 0 5px;
}

#chixi_maintenance #Center {
	width: 650px;
	margin: 20px auto;
}
#chixi_maintenance #Main {
	float: left;
	width: 430px;
	margin: 0;
}
#chixi_maintenance #Info {
	float: right;
	width: 200px;
	margin: 0;
}

#input_query {
	width: 122px;
}
#submit_diary,
#submit_illust {
	width: 70px;
}


/*==============================================================================
 * ナビメニュー
 *----------------------------------------------------------------------------*/
#globalNavOutside {
	zoom: 1;
	position: relative;
	width: 966px;
	height: 25px;
	background: url(http://chixi.jp/skin/900_openpne_ver28/img/skin_outside_header.jpg) 0 0 no-repeat;
}

#globalNavOutside p {
	position: absolute;
	top: 2px;
	left: 0;
	width: 105px;
	height: 21px;
}

#globalNavOutside ul {
	float: auto;
	position: absolute;
        top: 3px;
        left: 110px;
	padding: 0;
	list-style: none;
}
#globalNavOutside li {
	float: left;
	margin: 0 0 0 10px;
        padding: 0px;
	display: inline;
	white-space: nowrap;
	overflow: hidden;
}
#globalNavOutside li:first-child {
        margin: 0;
}
#globalNavOutside li a {
	float: left;
	display: block;
	margin: auto;
	font-size: 90%;
	text-decoration: none;
	height: 17px;
	line-height: 17px;
	text-align: center;
}

#globalNavOutsideTop {
	zoom: 1;
	position: relative;
	width: 966px;
	height: 97px;
	background: url(http://chixi.jp/skin/900_openpne_ver28/img/skin_outside_header_before.jpg) 0 0 no-repeat;
        margin-bottom: 10px;
}
#globalNavOutsideTop h1 {
	position: absolute;
	top: 3px;
	left: 0;
	width: 270px;
	height: 91px;
}

/**=============================================================================
 * トップページ
 *----------------------------------------------------------------------------*/
div#blog_top .commentList dt {
	width: 110px;
}
div#blog_top .commentList dd {
	margin-left: 110px;
}
div#blog_top img.title {
        margin-bottom: 10px;
}
div#blog_top .parts {
	padding: 5px;
	overflow: hidden;
	border-width: 1px;
	border-style: solid;
	border-color: #00BB44;
}
div#blog_top .parts.searchFormLine {
        border: none;
}

div#blog_top div.partsHeading {
	overflow: hidden;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #00BB44;
}
div#blog_top div.dparts {
	overflow: hidden;
	border-width: none;
}
div#blog_top input.input_text {
	width: 160px;
}
div#blog_top div.illust,
div#blog_top div.illust2 {
	padding: 0px;
}
div#blog_top div.illust td {
	text-align: center;
	padding: 5px;
	border: none;
}
div#blog_top div.illust2 td {
	text-align: center;
	padding: 0;
	border: none;
}


div#blog_top ul.articleDiaryList {
	vertical-align: text-bottom;
	margin: 0px;
}
div#blog_top ul.articleDiaryList li {
	background: url(http://chixi.jp/skin/default/img/icon_nav_diary.gif) 3px 0 no-repeat;
        padding: 1px 5px 1px 25px;
}
div#blog_top ul.articleDiaryList li p {
	display: inline;
}
div#blog_top ul.articleDiaryList li p.date {
        overflow: hidden;
}
div#blog_top ul.articleDiaryList li p.subject {
        padding-left: 10px;
        overflow: hidden;
}
div#blog_top ul.articleDiaryList li p.nickname {
        position: absolute;
        left: 520px;
        width: 150px;
        padding: 0;
        margin: 0;
        overflow: hidden;
}

div#blog_top tr.illust td
	margin: 5px;
	padding: 0;
}
div#blog_top tr.text,
div#blog_top tr.text td {
	margin: 0;
	padding: 0;
}
div#blog_top tr.text2 {
	margin: 0 0 5px 0;
	padding: 0;
}

div#blog_top iframe {
	margin-bottom: 5px;
}


/**=============================================================================
 * What's ページ
 *----------------------------------------------------------------------------*/
div#blog_top_about div.partsHeading {
	overflow: hidden;
        padding: 0 0 0 5px;
	border-width: 0 0 1px 5px;
	border-style: solid;
	border-color: #00BB44;
        background: none;
	background-color: #99DFDD;
        font-size: 120%;
	line-height: 1.4;
}
div#blog_top_about div.partsHeading h3 {
        margin: 0;
        padding: 0 0 0 5px;
}
div#blog_top_about div.parts {
        padding-top: 10px;
}
div#blog_top_about div.parts p {
        padding: 15px;
        text-indent: 0.5em;
        line-height: 1.5;
}
div#blog_top_about div.parts img.float {
        float: right;
        padding-right: 15px;
}
div#blog_top_about div.parts.menu table td {
        border: none;
        text-align: center;
}
div#blog_top_about div.parts.menu table td img {
        margin: 10px 0;
}


/**=============================================================================
 * メンテ中画面
 *----------------------------------------------------------------------------*/
div#chixi_maintenance .parts.msg {
	padding: 10px;
	overflow: hidden;
	border-width: 1px;
	border-style: solid;
	border-color: #00BB44;
}
div#chixi_maintenance .parts .partsHeading {
	border-bottom: 1px solid #00BB44;
}
div#chixi_maintenance .parts p {
	padding: 10px;
}



/**=============================================================================
 * 配色設定
 *----------------------------------------------------------------------------*/
#Body {
	background: #ECE9EF;
}
#Container {
	background: #E7EDF5;
}
#Top {
        background-color: #FFFFFF;
	background: url(http://chixi.jp/img.php?filename=ot_design_3.jpg&m=) 0 0 no-repeat;
}
div.dparts {
	background-color: #BCEFF6;
}
div.parts {
	background-color: #FFFFFF;
}
div.partsRightBody2 {
	background-color: #FFFFFF;
}
.sideNav .item {
	background-color: #FFFFFF;
}
#Body .sideNav {
	background-color: transparent;
}
#Body .linkLine,
#Body .searchFormLine,
#Body .buttonLine,
#Body .prevNextLinkLine {
	background-color: transparent;
}

/*==============================================================================
 * 文字装飾
 *----------------------------------------------------------------------------*/
span.op_b {
	text-decoration: inherit;
	font-style: inherit;
	font-weight: bold;
	color: inherit;
	font-size: inherit;
}

span.op_u {
	text-decoration: underline;
	font-style: inherit;
	font-weight: inherit;
	color: inherit;
	font-size: inherit;
}

span.op_s {
	text-decoration: line-through;
	font-style: inherit;
	font-weight: inherit;
	color: inherit;
	font-size: inherit;
}

span.op_i {
	text-decoration: inherit;
	font-style: italic;
	font-weight: inherit;
	color: inherit;
	font-size: inherit;
}

span.op_large {
	text-decoration: inherit;
	font-style: inherit;
	font-weight: inherit;
	color: inherit;
	font-size: 20px;
}

span.op_small {
	text-decoration: inherit;
	font-style: inherit;
	font-weight: inherit;
	color: inherit;
	font-size: 8px;
}

span.op_color {
	text-decoration: inherit;
	font-style: inherit;
	font-weight: inherit;
	color: inherit;
	font-size: inherit;
}

/*==============================================================================
 * ボタン装飾
 *----------------------------------------------------------------------------*/
a.button_silver {
    background: transparent url(http://chixi.jp/skin/default/img/bg_button_a.gif) no-repeat scroll top right;
    color: #444;
    display: block;
    font: normal 14px arial, sans-serif;
    height: 30px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button_silver span {
    background: transparent url(http://chixi.jp/skin/default/img/bg_button_span.gif) no-repeat;
    display: block;
    line-height: 20px;
    padding: 5px 0 5px 18px;
} 

a.button_silver:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button_silver:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

a.button_red {
    background: transparent url(http://chixi.jp/skin/default/img/bg_button_a_r.gif) no-repeat scroll top right;
    color: #444;
    display: block;
    font: normal 14px arial, sans-serif;
    height: 30px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button_red span {
    background: transparent url(http://chixi.jp/skin/default/img/bg_button_span_r.gif) no-repeat;
    display: block;
    line-height: 20px;
    padding: 5px 0 5px 18px;
    color: #f00;
    font-weight: 900;
}

a.button_red:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button_red:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

input.button_red {
    color: #f00;
    font-weight: 700;
}

.button button {
	padding: 4px 10px 3px 7px;
	margin: 0px 7px 0px 0px;
	
	border-width: 1px 2px 2px 1px;
	border-style: solid;
	border-color: #00BB44;
	background-color: #FFFFFF;
	overflow: visible;
	width: auto;
	font-weight: bold;
}
.button button img {
	padding: 0;
	MARGIN: 0px 3px -3px 0px;
	border: none;
	width: 16px;
	height: 16px;
}


/*==============================================================================
 * タグクラウド・レコメンド関連
 *----------------------------------------------------------------------------*/
ul.tagCloud {
	padding: 5px;
}
ul.tagCloud li,
ul.tagCloud li span {
	display: inline;
        white-space: nowrap;
}
ul.tagCloud li a {
	text-decoration: none;
        margin: 0 3px;
}
ul.tagCloud li a span.count {
        padding-left: 2px;
        font-size: 10px;
}
ul.tagCloud li a span * {
        display: block;
}
ul.tagCloud li.hot {
	font-size: 180%;
}
ul.tagCloud li.warm {
	font-size: 140%;
}



/*==============================================================================
 * カスタムCSS
 *----------------------------------------------------------------------------*/
/**フォント色変更**/

/*リンク関連*/
a:link    { color: #026CD1; }
a:visited { color: #004A95; }
a:hover   { color: #76AFE6; }
a:active  { color: #76AFE6; }

/*コンテンツ見出しlv1*/
td.bg_06 span.b_b,
.c_00 { color: #222222; }

/*コンテンツ見出しlv2*/
.c_01 { color: #444444; }

/*強調文字暖色*/
.c_02 { color: #D92C49; }

/*強調文字寒色*/
.c_03 { color: #2C65D9; }

/*その他文字色*/
body { color: #000000; }


/*==============================================================================
 * デザインテンプレート指定のCSS
 *----------------------------------------------------------------------------*/

#Top h1 {
	position: absolute;
	top: 50px;
	left: 100px;
        font-size: 200%;
}
#Top h2 {
	position: absolute;
	top: 85px;
	left: 100px;
}

#LayoutZ #Left {
	float: left;
	width: 200px;
	padding: 0 5px 0 3px;
}
#LayoutZ #Center {
	float: left;
	left: 208px;
	width: 540px;
	margin-bottom: 5px;
}
#LayoutZ #Right {
	float: right;
	width: 200px;
	padding: 0 4px;
}



/*----------------------------------------------
 * パーツ枠
 *--------------------------------------------*/
div.dparts,
div.dparts div.parts,
div.ditem,
div.parts div.parts {
	border: 1px solid #00BB44;
}
div.ditem div.item {
	border-width: 0 1px 1px;
	border-style: solid;
	border-color: #00BB44;
	background-color: #FFFFFF;
}
div.dparts {
	margin: 0 auto 10px;
	padding: 7px;
}
div.dparts div.parts {
	margin: 0;
}
div.parts {
	margin: 0 auto;
}
div.ditem {
	padding: 5px 6px;
}
div.secret {
	background-color: #FFEFEF;
}
div.freespace {
        margin: 5px 0;
}

/*----------------------------------------------
 * パーツ見出し
 *--------------------------------------------*/
.partsHeading {
        overflow: hidden;
	border-width: 0 0 1px 10px;
	border-style: solid;
	border-color: #00BB44;
        padding: 5px;
        margin-bottom: 5px;
}
.partsHeading h3 {
	display: inline;
	font-weight: bold;
        font-size: 130%;
        margin-left: 0.5em;
}
.partsHeading p {
	display: inline;
        font-size: 80%;
	margin-left: 1.5em;
}

.partsHeading2 {
        overflow: hidden;
	border-width: 0 0 1px 5px;
	border-style: solid;
	border-color: #00BB44;
        padding: 5px;
        margin-bottom: 5px;
}
.partsHeading2 h4 {
	display: inline;
	font-weight: bold;
        font-size: 90%;
        margin-left: 0.5em;
}
.partsHeading2 p {
	display: inline;
        font-size: 80%;
	margin-left: 1.5em;
}


/*----------------------------------------------
 * パーツ内上下の部分（1件～20件を表示など）
 *--------------------------------------------*/
div.block,
div.partsInfo,
div.pagerRelativeMulti,
 {
	border-top: 1px solid #00BB44;
}
div.commentList div.pagerRelative:first-child {
        border-top: none;
}
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.pagerRelativeMulti {
	zoom: 1;
	position: relative;
}
div.pagerRelativeMulti div.pager {
	position: absolute;
	top: 1em;
	right: 4px;
}
div.operation {
	padding: 4px;
}
div.operation ul.moreInfo {
	text-align: center;
}
div.operation ul.moreInfo li {
	display: inline;
	background-position: 0 50%;
}

.sideNav div.photo * {
	text-align: center;
}
.sideNav div.photo div {
        padding: 10px;
}
.sideNav .partsHeading h3 {
        font-size: 100%;
}
.sideNav .partsHeading {
        overflow: hidden;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #00BB44;
        padding: 3px;
        margin-bottom: 5px;
        text-align: center;
}

/*----------------------------------------------
 * カレンダー
 *--------------------------------------------*/
.sideNav .calendar td,
.sideNav .calendar td * {
	word-break: normal;
	letter-spacing: -1px;
}
#Body .calendar .holiday,
.calendar .sun {
	color: #d92c49;
}
.calendar .sat {
	color: #2c65d9;
}

/*----------------------------------------------
 * 投票ボタン関係
 *--------------------------------------------*/
#vote {
	float: right;
	width: 58px;
        z-index: 999;
        margin: 0 0 5px 0;
}
#vote * {
        text-align: center;
}
#vote #star_count {
        height: 58px;
        background-image: url(http://chixi.jp/skin/default/img/vote_bg2.gif);
        margin: auto;
        line-height: 58px;
        vertiacal-align: middle;
        color: #ffffff;
        font-size: 150%;
        font-weight: bold;
}
#vote p {
        height: 20px;
        padding: 0;
        margin: 1px 0 0;
}
#vote a.mixi-check-button img {
	padding-top: 4px;
}


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

/*==============================================================================
 * 2. descriptionBox（説明ボックス）
 *----------------------------------------------------------------------------*/
.descriptionBox p {
	margin: 12px;
}
.descriptionBox .partsHeading {
	border-bottom: 1px solid #00BB44;
	background-image: url(http://chixi.jp/skin/900_openpne_ver28/img/icon_title_1.gif);
}
.descriptionBox ul {
	zoom: 1;
	margin: 8px 0 8px 20px;
}
.descriptionBox li {
	padding-left: 20px;
	background: url(http://chixi.jp/skin/900_openpne_ver28/img/icon_2.gif) no-repeat 3px 3px;
}

/*==============================================================================
 * 3. alertBox（アラートボックス）
 *----------------------------------------------------------------------------*/
.alertBox {
        width: 564px;
}
#Body .alertBox {
	margin-top: 10px;
}
#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 {
	width: 906px;
}
.infoBox .parts {
	zoom: 1;
	overflow: hidden;
	position: relative;
}
.infoBox p {
	overflow: hidden;
	margin-right: 16em;
	padding: 5px;
	border-right: 1px solid #00BB44;
	background: #FFEFEF;
}
.infoBox ul.moreInfo {
	position: absolute;
	bottom: 3px;
	right: 0;
	width: 15.5em;
}

/*==============================================================================
 * 5. infoButtonBox（ボタン付き案内ボックス）
 *----------------------------------------------------------------------------*/
.infoButtonBox .partsInfo {
	background: #FFEFEF;
}
.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;
	display: inline;
}

/*==============================================================================
 * 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 #00BB44;
}
.searchFormBox .parts {
	zoom: 1;
}
.searchFormBox .item {
	overflow: hidden;
	margin: 10px 40px;
	padding-top: 8px;
	border: 1px solid #00BB44;
}
.searchFormBox label,
.searchFormBox span.label {
	margin: 0 4px 0 8px;
	padding: 1px 16px 0 0;
	background: url(http://chixi.jp/skin/900_openpne_ver28/img/icon_arrow_2.gif) 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(http://chixi.jp/skin/default/img/colon.gif) 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 div.body {
	margin-top: 10px;
        margin-bottom: 20px;
        padding: 4px 3px 4px 13px;
}
.diaryDetailBox ul.photo {
	padding: 4px 5px;
	text-align: center;
}
.diaryDetailBox ul.photo li {
	display: inline;
	margin-left: 6px;
}

.diaryDetailBox div.category {
	float: right;
        padding: 0 10px;
}

/*==============================================================================
 * 11. homePhotoBox（ホーム写真ボックス）
 *----------------------------------------------------------------------------*/
.homePhotoBox {
	border-width: 0 0 10px 0;
	border-style: solid;
	border-color: #FFEFEF;
}
.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;
}

/*==============================================================================
 * 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 div.photo {
        padding: 10px;
	text-align: center;
        margin-top: 2em;
}
.albumImageBox img.illust {
        background-color: #ffffff;
}
.albumImageBox p.description {
	margin-top: 10px;
        margin-bottom: 20px;
        padding: 4px 3px 4px 13px;
}
.albumImageBox div.category {
	float: right;
        padding: 0 10px;
}

/*==============================================================================
 * 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(http://chixi.jp/skin/900_openpne_ver28/img/icon_arrow_2.gif) 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: 35%;
	text-align: left;
}
.prevNextLinkLine p.list {
	float: left;
        left: 35%;
	width: 20%;
        text-align: center;
}
.prevNextLinkLine p.next {
	float: right;
	width: 35%;
	text-align: right;
}
.block.prevNextLinkLine {
	padding: 4px 10px;
}
.parts.prevNextLinkLine {
        padding: 10px;
}

/*==============================================================================
 * 20. buttonLine（ボタンライン）
 *----------------------------------------------------------------------------*/
.buttonLine form {
	text-align: center;
}
.buttonLine ul.moreInfo {
	text-align: center;
}
.buttonLine ul.moreInfo li {
	display: inline;
	background-position: 0 50%;
}

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

/*==============================================================================
 * 22. commentList（コメントリスト）
 *----------------------------------------------------------------------------*/
.commentList div.diary {
        margin-left: 30px;
}
.commentList div.body {
	margin-top: 10px;
        margin-bottom: 20px;
        padding: 4px 3px 4px 13px;
}
.commentList ul.photo {
	padding: 5px 5px 0;
}
.commentList ul.photo li {
	display: inline;
	margin-left: 6px;
}
.commentList div.footer p {
	text-align: right;
}

/*==============================================================================
 * 23. searchResultList（検索結果リスト）
 *----------------------------------------------------------------------------*/
.searchResultList .partsInfo {
	background: #FFEFEF;
}
.searchResultList .ditem {
	margin: 8px 34px;
}
.searchResultList .item {
	zoom: 1;
	position: relative;
}
.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 #00BB44;
}
.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;
}

/*==============================================================================
 * 28. searchCategoryList（検索項目リスト）
 *----------------------------------------------------------------------------*/
.searchCategoryList .partsInfo {
	padding: 5px;
	border-bottom: 1px solid #00BB44;
	background: #FFEFEF;
	text-align: center;
}
.searchCategoryList .item {
	margin: 10px 40px;
	border: 1px solid #00BB44;
	border-top: none;
}
.searchCategoryList span.label {
	margin: 0 4px 0 8px;
	padding: 1px 16px 0 0;
	background: url(http://chixi.jp/skin/900_openpne_ver28/img/icon_arrow_2.gif) no-repeat 100% 0;
}
.searchCategoryList dl {
	border-top: 1px solid #00BB44;
}
.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;
}

/*==============================================================================
 * 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 table {
        width: 100%;
}
.albumImageList td {
        border: none;
	padding: 5px;
	text-align: center;
}
.albumImageList td p {
	text-align: center;
}
.albumImageList img.illust {
        background-color: #ffffff;
}

/*==============================================================================
 * 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;
}
.photoTable tr td.online {
	background-color: #FFEFEF;
}

/*==============================================================================
 * 38. homeMainTable（ホームメインテーブル）
 *----------------------------------------------------------------------------*/
.homeUpdateTable {
	margin-top: 5px;
}
.homeUpdateTable .partsHeading {
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #00BB44;
}
.homeUpdateTable * {
        overflow: hidden;
}


/*==============================================================================
 * 40. weeklyCalendarTable（週間カレンダーテーブル）
 *----------------------------------------------------------------------------*/
#Body .weeklyCalendarTable .parts {
	border-top: none;
	font-size: 90%;
}
.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: #FFEFEF;
}
.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: #FFEFEF;
	font-weight: bold;
}
.monthlyCalendarTable .calendar td p {
	font-weight: normal;
}
.monthlyCalendarTable .partsInfo {
	padding: 5px;
	background: #FFEFEF;
}
.monthlyCalendarTable .partsInfo img {
	margin: 0 1px;
}

/*==============================================================================
 * 43. sideNav（サイドナビ）
 *----------------------------------------------------------------------------*/
.sideNav .item {
	overflow: hidden;
	width: 180px;
	margin: 0 auto;
	border: 8px solid #FFEFEF;
}
.sideNav .partsHeading {
	border-bottom: 1px solid #00BB44;
}
.sideNav .pageNav ul {
	margin: 1px;
}
.sideNav .pageNav li {
	padding: 4px 0 4px 18px;
	background: url(http://chixi.jp/skin/900_openpne_ver28/img/icon_1.gif) 8px 50% no-repeat scroll;
}
.sideNav .pageNav li.looking {
	background-color: #FFEFEF;
}
.sideNav .calendar .partsHeading {
	padding: 4px 0;
	border: none;
	background: none;
	text-align: center;
}
.sideNav .calendar th {
	background-color: #FFEFEF;
	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(http://chixi.jp/skin/900_openpne_ver28/img/icon_1.gif); }
.sideNav .recentlyDiary li   { background-image: url(http://chixi.jp/skin/900_openpne_ver28/img/icon_3.gif); }
.sideNav .recentlyComment li { background-image: url(http://chixi.jp/skin/900_openpne_ver28/img/icon_1.gif); }
.sideNav .monthlyDiary li    { background-image: url(http://chixi.jp/skin/900_openpne_ver28/img/icon_2.gif); }
.sideNav .listCategory li    { background-image: url(http://chixi.jp/skin/900_openpne_ver28/img/icon_2.gif); }

/*==============================================================================
 * 45. illustTable（イラストテーブル）
 *----------------------------------------------------------------------------*/
.illustTable tr.photo td {
	height: 90px;
	padding: 8px 0;
	text-align: center;
}
.illustTable tr.photo td p.crown {
	text-align: center;
}
.illustTable tr.text td {
	padding: 5px 2px;
	text-align: center;
}

/*==============================================================================
 * 46. progressLine（プログレスバー）
 *----------------------------------------------------------------------------*/
.progressLine {
        padding: 10px 0 10px 0;
}
.progressLine ul {
	text-align: center;
	padding: 1px 0;
}
.progressLine ul li {
	display: inline;
        padding: 5px;
        border: 1px solid #00BB44;
	vertical-align: middle;
}
.progressLine ul li * {
        display: block;
}
.progressLine ul li.separate {
        padding: 5px 10px;
        border: none;
        background: url(http://chixi.jp/skin/900_openpne_ver28/img/icon_arrow_2.gif) no-repeat 0.4em 0.4em;
}
.progressLine ul li.now {
        background-color: #FFEFEF;
}




/**=============================================================================
 * 外部公開ページ
 *----------------------------------------------------------------------------*/

/**-----------------------------------------------------------------------------
 * プロフィールページ
 *----------------------------------------------------------------------------*/
div#diary_profile {
	position: relative;
	width: 720px;
	margin: 5px auto;
	padding: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #00BB44;
	background-color: #FFEFEF;
}

div#diary_profile div#Category {
	zoom: 1;
	overflow: hidden;
}

div#diary_profile div#Category div#Left {
	float: left;
	width: 210px;
	padding: 10px 5px;
	text-align: center;
}
div#diary_profile div#Category div#Left p.text {
	float: left;
	width: 210px;
	padding: 0 5px;
	margin: 3px 0;
	text-align: center;
}
div#diary_profile div#Category div#Left img.profile_image {
	text-align: center;
	display: block;
	margin: auto;
}

div#diary_profile div#Category div#Center {
	float: left;
	left: 220px;
	width: 500px;
}

div#diary_profile div#Main {
	float: left;
	width: 720px;
	overflow: hidden;
}

div#diary_profile div#Bottom {
	margin: 3px 5px 5px 5px;
}
div#diary_profile div#Bottom div#announce {
	text-align: right;
}

#diary_profile div.profile_category_name {
	padding: 2px 0 2px 24px;
	background: #99DFDD url(http://chixi.jp/skin/900_openpne_ver28/img/content_header_1.gif) no-repeat 0 0.15em;
	text-align: left;
	font-size: 100%;
	border: 1px solid #00BB44;
}
#diary_profile div.profile_category_value {
	padding: 5px 10px;
	margin-bottom: 10px;
	background-color: #FFFFFF;

	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #00BB44;
}


/**-----------------------------------------------------------------------------
 * プロフィールページ
 *----------------------------------------------------------------------------*/
#diary_detail div.operation,
#diary_list div.operation {
	border: none;
}
#diary_list div.listLink div.list {
	padding: 5px 0;
}

/*==============================================================================
 * 追加デザイン
 *----------------------------------------------------------------------------*/
.illustList .partsHeading {
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #00BB44;
}
.illustList div.illust {
	padding: 0px;
}
.illustList div.illust td {
	text-align: center;
	padding: 5px;
	border: none;
}