@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;
}
p {
	overflow: hidden;
}
strong {
	font-weight: bold;
}

.red{
	color : #ff0000;
}

.purple{
	color : #892F84;
}
.blue{
	color : #0862AA;
}
.pink{
	color : #E61773;
}
.red_big {
	color : #ff0000;
	font-size : 150%;
	font-weight : bold;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

/*----------------------------------------------
 * テーブル
 *--------------------------------------------*/
div.parts table {
	table-layout: fixed;
	width: 100%;
}
div.parts th,
div.parts td {
	overflow: hidden;
	border-width: 1px 0 0 1px;
	border-style: solid;
	border-color: #CCCCCC;
}
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(./skin/default/img/icon_arrow_1.gif) no-repeat 0 0.4em;
}

ul.moreInfo_a li {
	padding: 2px 0 2px 20px;
	background: url(./skin/default/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;
}
/*----------------------------------------------
 * サブミットボタン
 *--------------------------------------------*/
.input_submit {
	border: 1px solid #888888;
	background: #dadce6 url(./skin/default/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;
}
/*----------------------------------------------
 * 画像置換指定
 *--------------------------------------------*/
#globalNav a,
#globalNavBefore a,
#o_globalNav 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,
#o_globalNav a:focus,
.localNav a:focus {
	overflow: hidden;
}
/*----------------------------------------------
 * clearfix, overflow: hidden
 *--------------------------------------------*/
div#LayoutA,
div#LayoutB,
div#LayoutC {
	zoom: 1;
	overflow: hidden;
	overflow: -moz-scrollbars-none;
	background-color: ffffff;
}
#Left,
#Center,
#Top {
	overflow: hidden;
}

/*----------------------------------------------
 * ベースレイアウト
 *--------------------------------------------*/
#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: 210px;
	padding: 0 5px;
}
#LayoutA #Center {
	float: right;
	width: 505px;
	margin-left: 10px;
	margin-bottom: 20px;
}
#LayoutB #Left {
	float: left;
	width: 180px;
	margin-bottom: 20px;
}
#LayoutB #Center {
	float: right;
	width: 535px;
	margin-bottom: 20px;
}
#LayoutC #Center {
	width: 705px;
	margin: 0 auto;
	margin-bottom: 20px;
}
/*#Footer {
	width: 950px;
	height: 21px;
	background: url(./skin/default/img/skin_footer.jpg) 0 0 no-repeat;
}*/
#Footer p {
	padding-right: 12px;
	line-height: 21px;
	text-align: right;
}
#sideBanner {
	position: absolute;
	top: 0px;
	left: 720px;
	width: 230px;
	margin-bottom: 20px;
}
*:first-child+html #pc_page_h_diary_add #Footer,
*:first-child+html #pc_page_h_diary_edit #Footer {
	margin-top: 10px;
}
* html #pc_page_h_diary_add #Footer,
* html #pc_page_h_diary_edit #Footer {
	margin-top: 10px;
}
/*----------------------------------------------
 * パーツ枠
 *--------------------------------------------*/
div.dparts,
div.dparts div.parts,
div.ditem,
#LayoutA #Left div.parts {
	border: 1px solid #CCCCCC;
}
div.ditem div.item {
	border-width: 0 1px 1px;
	border-style: solid;
	border-color: #CCCCCC;
}
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 {
	overflow: hidden;
	padding: 2px 0 2px /*36px*/;
	background: #36B3D1 url(./skin/default/img/content_header_1.gif) no-repeat 0 0;
	text-align: left;
	font-size: 100%;
}
#LayoutA #Left .partsHeading {
	padding-left: 24px;
	background-image: url(./skin/default/img/icon_title_1.gif);
}
.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 #CCCCCC;
}
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 .calendar td,
.sideNav .calendar td * {
	word-break: normal;
	letter-spacing: -1px;
}
#Body .calendar .holiday,
.calendar .sun {
	color: #d92c49;
}
.calendar .sat {
	color: #2c65d9;
}

table.calendar {
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #CCCCCC;
}

.weeklyCalendarTable .parts .top {
	/* background-image: url(./skin/default/img/calendar_bg_t.gif); */
border:1px solid #ccc;
border-bottom:none;
	height: 25px;
	width: 475px;
	padding-top: 10px;
	padding-left: 20px;
	margin-left: 0px;
}

.weeklyCalendarTable .parts .calendar_bg {
	/* background-image: url(./skin/default/img/calendar_bg.gif); */
	width: 500px;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
	margin-left: 0px;
}

.weeklyCalendarTable .parts div.moreInfo {
	/* background-image: url(./skin/default/img/calendar_bg_b.gif); */
	height: 50px;
	width: 485px;
	padding-right: 10px;
border:1px solid #ccc;
border-top:none;
	margin-left: 0px;
}



/*==============================================================================
 * h系、f系、c系ナビメニュー（localNav）
 *----------------------------------------------------------------------------*/
#globalNav,
#o_globalNav,
#globalNavBefore {
	zoom: 1;
	position: relative;
	width: 720px;
}
#globalNav,
#o_globalNav {
	height: 96px;
	background: url(./img_skin.php?filename=skin_after_header&image_filename=skin_skin_after_header_1228290233.png) 0 0 no-repeat;
}
#globalNavBefore {
	height: 125px;
	margin-bottom: 10px;
	background: url(./img_skin.php?filename=skin_before_header&image_filename=skin_skin_before_header_1228287980.png) 0 0 no-repeat;
}
.localNav {
	zoom: 1;
	position: relative;
	width: 720px;
	height: 29px;
}
#hLocalNav {
	background: url(./img_skin.php?filename=skin_navi_h&image_filename=skin_skin_navi_h_1228299366.png) 0 0 no-repeat;
}
#fLocalNav {
	background: url(./img_skin.php?filename=skin_navi_f&image_filename=skin_skin_navi_f_1228354713.png) 0 0 no-repeat;
}
#cLocalNav {
	background: url(./img_skin.php?filename=skin_navi_c&image_filename=skin_skin_navi_c_1228354731.png) 0 0 no-repeat;
}
#globalNav li a:hover, #globalNav li a:active, #o_globalNav li a:hover, #o_globalNav li a:active {
	background-image: url(./img_skin.php?filename=skin_after_header_2&image_filename=skin_skin_after_header_2_1228290247.png);
}
#hLocalNav li a:hover, #hLocalNav li a:active {
	background-image: url(./img_skin.php?filename=skin_navi_h_2&image_filename=skin_skin_navi_h_2_1228299375.png);
}
#fLocalNav li a:hover, #fLocalNav li a:active {
	background-image: url(./img_skin.php?filename=skin_navi_f_2&image_filename=skin_skin_navi_f_2_1228354722.png);
}
#cLocalNav li a:hover, #cLocalNav li a:active {
	background-image: url(./img_skin.php?filename=skin_navi_c_2&image_filename=skin_skin_navi_c_2_1228354738.png);
}

#globalNav h1,
#o_globalNav h1,
#globalNavBefore h1 {
	position: absolute;
	top: 5px;
	left: 0;
	width: 240px;
	height: 60px;
}
#globalNav li, #o_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: 950px;
	text-align: center;
}
.alertBox table {
	margin: 30px auto 30px 300px;
}
#Body .alertBox th {
	height: 80px;
	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;
	overflow: hidden;
	position: relative;
}
.infoBox p {
	overflow: hidden;
	margin-right: 16em;
	padding: 5px;
	border-right: 1px solid #CCCCCC;
	background: #EEEEEE;
}
.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 #CCCCCC;
}
.searchFormBox .parts {
	zoom: 1;
}
.searchFormBox .item {
	overflow: hidden;
	margin: 10px 40px;
	padding-top: 8px;
	border: 1px solid #CCCCCC;
}
.searchFormBox label,
.searchFormBox span.label {
	margin: 0 4px 0 8px;
	padding: 1px 16px 0 0;
	background: url(./skin/default/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(./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 .partsHeading {
	zoom: 1;
	overflow: hidden;
	overflow: -moz-scrollbars-none;
}
.diaryDetailBox h3 {
	float: left;
	width: 66%;
}
.diaryDetailBox .partsHeading p.public {
	float: right;
	width: 33%;
	margin: 0;
	text-align: right;
}
.diaryDetailBox dl {
	zoom: 1;
	overflow: hidden;
	overflow: -moz-scrollbars-none;
	border-top: 0px solid #CCCCCC;
}
.diaryDetailBox dt {
	/*float: left;
	width: 70px;
	padding-top: 5px;
	text-align: center;*/
}
.diaryDetailBox dd {
	zoom: 1;
	min-height: 4.2em;
	border-left: 0px solid #CCCCCC;
}
* html .diaryDetailBox dd {
	height: 4.2em;
}
.diaryDetailBox dd div {
	border-top: 1px solid #CCCCCC;
}
.diaryDetailBox dd div p {
	padding: 4px 3px;
}
.diaryDetailBox dd div.title {
	border-top: none;
	padding-left: 3px;
}
.diaryDetailBox dd div.body {
	padding: 4px 6px;
}
.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 {
	zoom: 1;
	overflow: hidden;
	overflow: -moz-scrollbars-none;
	border-top: 1px solid #CCCCCC;
}
.topicDetailBox dt {
	float: left;
	width: 100px;
	padding: 5px;
	text-align: center;
}
.topicDetailBox dd {
	zoom: 1;
	margin-left: 110px;
	border-left: 1px solid #CCCCCC;
}
.topicDetailBox dd div {
	border-top: 1px solid #CCCCCC;
}
.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 {
	zoom: 1;
	overflow: hidden;
	overflow: -moz-scrollbars-none;
	border-top: 1px solid #CCCCCC;
}
.eventDetailBox dt {
	float: left;
	width: 100px;
	padding: 5px;
	text-align: center;
}
.eventDetailBox dd {
	zoom: 1;
	margin-left: 110px;
	border-left: 1px solid #CCCCCC;
}
.eventDetailBox dd ul.photo {
	padding: 5px;
	border-bottom: 1px solid #CCCCCC;
}
.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: 0px 7px 7px 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 .body ul {
	text-align: center;
}

#Body .homeInfoBox .body ul a {
	text-decoration: none;
}

#Body .homeInfoBox_bg {
	margin-left: 5px;
	/* background: url(./skin/default/img/Information_bg.gif) repeat-y left; */
}
#Body .homeInfoBox_2 {
	padding: 0 10px;
	/* padding-left: 107px;
	padding-right: 10px;
	background: url(./skin/default/img/Information.gif) no-repeat 5px 50%;
	background: url(./skin/default/img/Information_bg.gif) repeat-y left; */
}

#Body .homeInfoBox_top {
	background: url(./skin/default/img/Information_bg_t.gif) no-repeat center top;
	width: 505px;
	height: 30px;
	margin-bottom: 0;
}

#Body .homeInfoBox_bottom {
	background: url(./skin/default/img/Information_bg_t.gif) no-repeat center bottom;
	width: 505px;
	height: 22px;
	margin-top: 5;
}

#Body .homeInfoBox li {
	text-align: center;
	width: 440px;
	padding: auto;
	/*background: url(./skin/default/img/Information.gif) no-repeat 5px 50%;*/
}
#Body .InfoBox {margin-bottom: 5px;
	padding: 0 10px;}
#Body .InfoBox .InfoBox_red {
	padding: 2px;
	background-color:red;
	color:white;
	font-size: 80%;
}

#Body .homeInfoBox a {
}

.homeInfoBox div.body {
	text-align: center;
	min-height: 1.2em;
	padding: 5px;
	background: #FFFFFF;
}
.homeInfoBox div.body_2 {
	min-height: 1.2em;
	padding: 5px;
	background: #FFFFFF;
	width: 328px;
}
.homeInfoBox .caution {
	color: #ff0000;
}

/*==============================================================================
 * 13. photoUploadFormBox（プロフィール写真アップロードフォームボックス）
 *----------------------------------------------------------------------------*/
.photoUploadFormBox table {
	border-top: 1px solid #CCCCCC;
}
#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(./skin/default/img/marker.gif) 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(./skin/default/img/colon.gif) 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 div.operation {
	zoom: 1;
	overflow: hidden;
	overflow: -moz-scrollbars-none;
}
.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 #CCCCCC;
	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(./skin/default/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 {
	zoom: 1;
	overflow: hidden;
	overflow: -moz-scrollbars-none;
}
.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 {
	zoom: 1;
	overflow: hidden;
	overflow: -moz-scrollbars-none;
	border-top: 1px solid #CCCCCC;
}
.commentList dt {
	float: left;
	width: 80px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	border-right: 1px solid #CCCCCC;
}
.commentList dd {
	zoom: 1;
	min-height: 5.5em;
	margin-left: 80px;
	border-left: 1px solid #CCCCCC;
}
* html .commentList dd {
	height: 5.5em;
}
#LayoutC .commentList dt {
	width: 110px;
}
#LayoutC .commentList dd {
	margin-left: 110px;
}
.commentList dd div {
	border-top: 1px solid #CCCCCC;
}
.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 {
	zoom: 1;
	overflow: hidden;
	overflow: -moz-scrollbars-none;
}
#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: #EEEEEE;
}
.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 #CCCCCC;
}
.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 {
	zoom: 1;
	overflow: hidden;
	overflow: -moz-scrollbars-none;
	border-top: 1px solid #CCCCCC;
}
.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 #CCCCCC;
}
.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 {
	zoom: 1;
	overflow: hidden;
	overflow: -moz-scrollbars-none;
	border-top: 1px solid #CCCCCC;
}
.recentList dt {
	float: left;
	width: 170px;
	padding: 5px;
	text-align: center;
}
.recentList dd {
	zoom: 1;
	margin-left: 180px;
	padding: 5px;
	border-left: 1px solid #CCCCCC;
}
* 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 #CCCCCC;
	background: #EEEEEE;
	text-align: center;
}
.searchCategoryList .item {
	margin: 10px 40px;
	border: 1px solid #CCCCCC;
	border-top: none;
}
.searchCategoryList span.label {
	margin: 0 4px 0 8px;
	padding: 1px 16px 0 0;
	background: url(./skin/default/img/icon_arrow_2.gif) no-repeat 100% 0;
}
.searchCategoryList dl {
	border-top: 1px solid #CCCCCC;
}
.searchCategoryList dl dt {
	margin: 8px 0 0;
}
.searchCategoryList dl dd {
	margin: 8px 10px 8px 70px;
}
.searchCategoryList dl dd ul {
	zoom: 1;
	overflow: hidden;
	overflow: -moz-scrollbars-none;
	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 {
	zoom: 1;
	overflow: hidden;
	overflow: -moz-scrollbars-none;
}
.messageList .pagerRelativeMulti .pager {
	position: static;
	float: right;
	width: 350px;
	margin-top: 1px;
	text-align: right;
}
.messageList p.icons {
	float: left;
	width: 160px;
}
.messageList p.icons img {
	padding-right: 16px;
	background: url(./skin/default/img/articleList_marker.gif) no-repeat 96% 6px;
	vertical-align: text-bottom;
}
.messageList tr {
	height: 20px;
}
.messageList tr.unread {
	background: #EEEEEE;
}
#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 #CCCCCC;
}
.ashiatoList div.item {
	margin: 8px 40px;
	padding: 8px 0;
	border: 1px solid #CCCCCC;
}
.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 {
	overflow: hidden;
	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: 130px;
	padding: 5px 0;
	text-align: center;
}
.rankingList th {
	width: 75px;
	padding: 5px;
}
.rankingList td {
	padding: 5px;
}
.rankingList td.name {
	background: #EEEEEE;
}
.rankingList td.name a {
	font-weight: bold;
}
.rankingList .ditem {
	margin: 8px 15px;
	background: #EEEEEE;
}
.rankingList .item {
	background: #FFFFFF;
}
.rankingList .item td.photo {
	width: 90px;
}

/*==============================================================================
 * 32. bizSideTodoList（BIZ用Todoリスト）
 *----------------------------------------------------------------------------*/
#Body .bizSideTodoList {
	width: 220px;
	margin: 10px 5px;
	border: 1px solid #CCCCCC;
}
#Body .bizSideTodoList td {
	border-width: 1px 0 0;
}
.bizSideTodoList .block {
	padding: 5px;
}
.bizSideTodoList textarea {
	width: 98%;
}
.bizSideTodoList tr.someone {
	background: #EEEEEE;
}
.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 #CCCCCC;
}
.bizSideScheduleList dl {
	zoom: 1;
	overflow: hidden;
	overflow: -moz-scrollbars-none;
	border-top: 1px solid #CCCCCC;
}
.bizSideScheduleList dt {
	float: left;
	width: 60px;
	padding: 5px;
	text-align: center;
}
.bizSideScheduleList dd {
	zoom: 1;
	margin-left: 70px;
	padding: 5px;
	border-left: 1px solid #CCCCCC;
}

/*==============================================================================
 * 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 {
	zoom: 1;
	position: relative;
}
.homeMainTable .partsHeading p.link {
	position: absolute;
	top: 55px;
	right: 8px;
}
.homeMainTable th {
	width: 83px;
	background-color: #ffffff;
}
.homeMainTable th, .homeMainTable td {
	padding: 5px;
}
.homeMainTable ul.articleList {
	line-height: 1.3;
	margin-top: 20px;
}
.homeMainTable ul.articleList li {
    padding-left: 85px;
    text-indent: -72px;
}
.homeMainTable tr ul.articleList li {
    background: url(./skin/default/img/icon_3.gif) 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(./skin/default/img/icon_1.gif);*/
}
.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(./skin/default/img/icon_2.gif);*/
}
.homeMainTable ul.articleList li span.date {
	padding-right: 18px;
	background: url(./skin/default/img/articleList_marker.gif) 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 {
	zoom: 1;
	position: relative;
}
.formTable strong {
	font-weight: normal;
	color: #ff0000;
}
.formTable p.caution {
	color: #ff0000;
}
.formTable .partsHeading p.link {
	position: absolute;
	top: 2px;
	right: 8px;
}
.formTable div.partsInfo {
	background-color: #EEEEEE;
}
.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 ul {
	zoom: 1;
	overflow: hidden;
	overflow: -moz-scrollbars-none;
}
.formTable div.checkList li {
	overflow: hidden;
	overflow: -moz-scrollbars-none;
	float: left;
	width: 27%;
	padding-left: 18px;
	text-indent: -18px;
	line-height: 1.6;
}
.formTable div.operation {
	padding: 10px 0;
}

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

/*==============================================================================
 * 41. monthlyCalendarTable（月間カレンダーテーブル）
 *----------------------------------------------------------------------------*/
.monthlyCalendarTable div.block {
	zoom: 1;
	overflow: hidden;
	overflow: -moz-scrollbars-none;
	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: #EEEEEE;
	font-weight: bold;
}
.monthlyCalendarTable .calendar td p {
	font-weight: normal;
}
.monthlyCalendarTable .partsInfo {
	padding: 5px;
	background: #EEEEEE;
}
.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: #EEEEEE;
}
.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: 30px;
}
.bizWeeklyCalendarTable div.moreInfo .input_submit {
	margin-right: 8px;
}

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

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

/**=============================================================================
 * 配色設定
 *----------------------------------------------------------------------------*/
#Body {
	background: #FFFFFF;
}
#Container {
	background: #FFFFFF;
}
div.dparts {
	background-color: #FFFFFF;
}
div.parts {
	background-color: #FFFFFF;
}
.sideNav .item {
	background-color: #FFFFFF;
}
#Body .sideNav {
	background-color: ffffff;
}
#Body .linkLine,
#Body .searchFormLine,
#Body .buttonLine,
#Body .prevNextLinkLine {
	background-color: transparent;
}

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

div#container_login li.login_menu {
	margin: 0px auto 0px 0px;
	width: 160px;
	height: 28px;
	padding: 12px 0 0 40px;
    background: url(./skin/default/img/login-1.gif) left;
	margin-bottom: 10px;
}

div#container_login img.bg {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 720px;
	height: 413px;
	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: 37px;
	top: 55px;
	width: 165px;
	height: 15px;
	font-size: 9pt;
	z-index: 100;
}

div#container_login input#password {
	display: block;
	position: absolute;
	left: 37px;
	top: 107px;
	width: 165px;
	height: 15px;
	font-size: 9pt;
	z-index: 110;
}

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

div#container_login a#button_new_regist {
	display: block;
	position: absolute;
	left: 64px;
	top: 160px;
	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: 28px;
	top: 135px;
	width: 185px;
	height: 42px;
	font-size: 9pt;
	text-align: center;
	z-index: 140;
}

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

div#container_login .o_login_left {
	display: block;
	/*position: absolute;
	left: 20px;
	top: 0px;
	bottom: 10px;*/
	width: 220px;
	height: auto;
}

div#container_login .o_login_right {
	display: block;
	position: absolute;
	left: 260px;
	top: 360px;
	/*bottom: 10px;*/
	width: 450px;
}

div#container_login .footer {
	display: block;
	position: absolute;
	left: 40px;
	/*top: 420px;*/
	bottom: 10px;
	width: 200px;
	height: 230px;
	z-index: 300;
	text-align: right;
}
div#container_login .footer p {
	margin-top: 150px;
	margin-right: 50px;
	padding-top: 35px;
	line-height: 21px;
	width: 103px;
	height: 192px;
	line-height : 90pt;
	text-align: center;
    background: url(./skin/default/img/story012.gif);
}

#pc_page_o_login div#globalFooter {
	padding-top: 200px;
	background: url(../img/common/footer.jpg) repeat-x;
	background-position:0 bottom;
}

div.atention {
border : 1px solid red;
	width: 200px;
	padding: 5px;
}

div.atention h3 {
	color: red;
}

div#container_login .partsHeading_2 {
	width: 450px;
	padding: 5px 0 15px 50px;
	min-height: 20px;
	text-indent: 10px;
	margin: 0;
	background: url(./skin/default/img/partsH3_440.gif) no-repeat 0 0;
	background-color: #ffffff;
	color: #666;
	border: none;
	color: #003d5f;
	font-size: 100%;
}

/*==============================================================================
 * Crop Party　* スクラップブッキング *って何？
 *----------------------------------------------------------------------------*/

div#container_login2 {
	position: relative;
	display: block;
	margin: 40px auto 0px 0px;
	width: 720px;
	height: 2350px;
	padding: 0px;
}

div#container_login3 {
	position: relative;
	display: block;
	margin: 40px auto 0px 0px;
	width: 720px;
	height: 1850px;
	padding: 0px;
}

div#container_loginx {
	position: relative;
	display: block;
	margin: 40px auto 0px 0px;
	width: 720px;
	height: auto;
	padding: 0px;
}

div#container_login2 .o_w_screen #cpq {
	position: relative;
	display: block;
	background: url(./skin/default/img/cpq_bg.gif);
	margin: 0px auto 0px 0px;
	width: 720px;
	height: 2300px;
	padding: 0px;
}

div#container_login3 .o_w_screen #cpq_2 {
	position: relative;
	display: block;
	background: url(./skin/default/img/cpq_2_bg.gif);
	margin: 0px auto 0px 0px;
	width: 720px;
	height: 1800px;
	padding: 0px;
}

div#container_login3 .o_w_screen #cpq_2 a#invitation {
	display: block;
	position: absolute;
	left: 352px;
	top: 1282px;
	width: 172px;
	height: 15px;
	border: none 0px;
	z-index: 130;
}

div#container_login3 .o_w_screen #cpq_2 a#invitation_2 {
	display: block;
	position: absolute;
	left: 164px;
	top: 1674px;
	width: 340px;
	height: 40px;
	border: none 0px;
	z-index: 130;
}

div#container_loginx .w_screen .campany th,
div#container_loginx .w_screen .campany td {
border-right : 1px solid #cccccc;
border-bottom : 1px solid #cccccc;
	padding: 10px 0 10px 10px;
}

div#container_loginx .w_screen .campany {
border-left : 1px solid #cccccc;
border-top : 1px solid #cccccc;
	width: 700px;
	padding-bottm: 10px;
}

/*----------------------------------------------
 * HELP
 *--------------------------------------------*/

.help h3{
  color : white;
  background-color : #ff8080;
  padding-top : 10px;
  padding-bottom : 10px;
  margin-top : 15px;
  margin-bottom : 15px;
  padding-left : 20px;
}

.help dt{
  font-weight : bold;
  color : #804040;
  margin-top : 15px;
  margin-bottom : 10px;
  background-color : white;
  width : 100%;
}

.help dd{
  color : #303030;
  background-color : white;
  width : 100%;
}

/*==============================================================================
 * 文字装飾
 *----------------------------------------------------------------------------*/
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;
}


/*==============================================================================
 * カスタムCSS
 *----------------------------------------------------------------------------*/
.opInfo div.block {
	text-align: left;
	padding: 10px;
}

.opInfo div.block p {
	text-align: left;
}

.opInfo ul.moreInfo {
	margin: 0 2px 0 auto;
	width: 7em;
}

* {
	font-family: "Hiragino Kaku Gothic Pro", "Hiragino Kaku Ghothic Pro W3", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
}

/**フォント色変更**/
	
	/*リンク関連*/
	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, .caution {
	color: #D92C49;
}

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

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

/*====================================================
	
	   Body
	
======================================================*/

body {
    background: url(./skin/default/img/bg-2.gif) center repeat-y;
}
#Body {
    background: none;
}

/*====================================================
	
	   Container
	
======================================================*/
	
#Container {
	margin: 0 auto;
	width: 950px;
}

#mainContent {/*フロート用追加要素*/
	margin: 0 0 40px;
}

/*====================================================
	
	   Header
	
======================================================*/
#globalNav, #o_globalNav, #globalNavBefore {/*ロゴをOpenPNEロゴに*/
	height: 145px;
	background: url(./skin/default/img/cp_logo.gif) no-repeat;
	width:950px;
}

#o_globalNav ul {
	margin-left: 60px;
}

#topBanner {
	z-index: 1;/*グローバルナビよりも下層に配置*/
}

.localNav {
	margin-top: 5px;
	height:37px;
	position:relative;
	width:950px;
}

#hLocalNav {
	background: url(./skin/default/img/hHome1.gif) no-repeat scroll 0pt;
	margin: 10px auto;
}

#fLocalNav {
	background: url(./skin/default/img/fHome1.gif) no-repeat scroll 0pt;
	margin: 10px auto;
}

#cLocalNav {
	background: url(./skin/default/img/cHome1.gif) no-repeat scroll 0pt;
	margin: 10px auto;
}

#globalNav li a {
	background-image: url(./skin/default/img/gNavi1.gif);
}

#globalNav li a:hover, #globalNav li a:active {
	background-image: url(./skin/default/img/gNavi2.gif);
}

#o_globalNav li a {
	background-image: url(./skin/default/img/o_gNavi1.gif);
}

#o_globalNav li a:hover, #o_globalNav li a:active {
	background-image: url(./skin/default/img/o_gNavi2.gif);
}

#hLocalNav li a:hover, #hLocalNav li a:active {
	background-image:url(./skin/default/img/hHome2.gif);
}

#fLocalNav li a:hover, #fLocalNav li a:active {
	background-image:url(./skin/default/img/fHome2.gif);
}

#cLocalNav li a:hover, #cLocalNav li a:active {
	background-image:url(./skin/default/img/cHome2.gif);
}

#globalNav h1, #o_globalNav h1, #globalNavBefore h1 {
	height:98px;
	left:0pt;
	position:absolute;
	top:0px;
	width:325px;
}

#globalNav ul, #o_globalNav ul {
	position: absolute;
	top: 135px;
	left: 118px;
	overflow: visible;
	z-index: 10;
}

#globalNav li, #o_globalNav li, .localNav li {
	position:absolute;
}

li#globalNav_1, li#globalNav_2, li#globalNav_3, li#globalNav_4, li#globalNav_5, li#globalNav_6, li#globalNav_7, li#globalNav_8, li#globalNav_9, li#o_globalNav_4, li#o_globalNav_5, li#o_globalNav_6, li#o_globalNav_7, li#o_globalNav_8 {
	height:20px;
	top:0px;
}

/*ボタン位置カスタマイズ*/
	li#globalNav_4 {
	left:0px;
	width:81px;
}

li#globalNav_5 {
	left:81px;
	width:90px;
}

li#globalNav_6 {
	left:171px;
	width:80px;
}

li#globalNav_7 {
	left:251px;
	width:90px;
}

li#globalNav_8 {
	left:341px;
	width:80px;
}

li#globalNav_1 {
	left:421px;
	width:90px;
}

li#globalNav_2 {
	left:511px;
	width:120px;
}

li#globalNav_3 {
	left:631px;
	width:100px;
}

li#globalNav_9 {
	left:731px;
	width:81px;
}

li#globalNav_4 a, li#globalNav_4 a:hover, li#globalNav_4 a:active {
	background-position:0 0;
}

li#globalNav_5 a, li#globalNav_5 a:hover, li#globalNav_5 a:active {
	background-position:-81px 0;
}

li#globalNav_6 a, li#globalNav_6 a:hover, li#globalNav_6 a:active {
	background-position:-171px 0;
}

li#globalNav_7 a, li#globalNav_7 a:hover, li#globalNav_7 a:active {
	background-position:-251px 0;
}

li#globalNav_8 a, li#globalNav_8 a:hover, li#globalNav_8 a:active {
	background-position:-341px 0;
}

li#globalNav_1 a, li#globalNav_1 a:hover, li#globalNav_1 a:active {
	background-position:-421px 0;
}

li#globalNav_2 a, li#globalNav_2 a:hover, li#globalNav_2 a:active {
	background-position:-511px 0;
}

li#globalNav_3 a, li#globalNav_3 a:hover, li#globalNav_3 a:active {
	background-position:-631px 0;
}

li#globalNav_9 a, li#globalNav_9 a:hover, li#globalNav_9 a:active {
	background-position:-731px 0;
}


li#o_globalNav_4 {
	left:0px;
	width:119px;
}

li#o_globalNav_5 {
	left:119px;
	width:294px;
}

li#o_globalNav_6 {
	left:413px;
	width:158px;
}

li#o_globalNav_7 {
	left:571px;
	width:100px;
}

li#o_globalNav_8 {
	left:671px;
	width:81px;
}

li#o_globalNav_4 a, li#o_globalNav_4 a:hover, li#o_globalNav_4 a:active {
	background-position:0 0;
}

li#o_globalNav_5 a, li#o_globalNav_5 a:hover, li#o_globalNav_5 a:active {
	background-position:-119px 0;
}

li#o_globalNav_6 a, li#o_globalNav_6 a:hover, li#o_globalNav_6 a:active {
	background-position:-413px 0;
}

li#o_globalNav_7 a, li#o_globalNav_7 a:hover, li#o_globalNav_7 a:active {
	background-position:-571px 0;
}

li#o_globalNav_8 a, li#o_globalNav_8 a:hover, li#o_globalNav_8 a:active {
	background-position:-671px 0;
}

#hLocalNav li {
	height: 53px;
	top: 0pt;
	width: 103px;
}

li#hLocalNav_1 {
	left: 10px;
	width: 104px;
	height: 30px;
}

li#hLocalNav_2 {
	left: 114px;
	height: 30px;
}

li#hLocalNav_3 {
	left: 217px;
	height: 30px;
}

li#hLocalNav_4 {
	left: 320px;
	height: 30px;
}

li#hLocalNav_5 {
	left: 423px;
	height: 30px;
}

li#hLocalNav_6 {
	left: 526px;
	height: 30px;
}

li#hLocalNav_7 {
	left: 629px;
	height: 30px;
}

li#hLocalNav_8 {
	left: 732px;
	height: 30px;
}

li#hLocalNav_9 {
	left: 835px;
	width: 105px;
	height: 30px;
}

li#hLocalNav_1 a:hover, li#hLocalNav_1 a:active {
	background-position:-10px top;
	height: 35px;
}

li#hLocalNav_2 a:hover, li#hLocalNav_2 a:active {
	background-position:-114px top;
	height: 35px;
}

li#hLocalNav_3 a:hover, li#hLocalNav_3 a:active {
	background-position:-217px top;
	height: 35px;
}

li#hLocalNav_4 a:hover, li#hLocalNav_4 a:active {
	background-position:-320px top;
	height: 35px;
}

li#hLocalNav_5 a:hover, li#hLocalNav_5 a:active {
	background-position:-423px top;
	height: 35px;
}

li#hLocalNav_6 a:hover, li#hLocalNav_6 a:active {
	background-position:-526px top;
	height: 35px;
}

li#hLocalNav_7 a:hover, li#hLocalNav_7 a:active {
	background-position:-629px top;
	height: 35px;
}

li#hLocalNav_8 a:hover, li#hLocalNav_8 a:active {
	background-position:-732px top;
	height: 35px;
}

li#hLocalNav_9 a:hover, li#hLocalNav_9 a:active {
	background-position:-835px top;
	height: 35px;
}

#fLocalNav li {
	height: 53px;
	top: 0pt;
	width: 103px;
}

li#fLocalNav_1 {
	left: 10px;
	width: 104px;
	height: 30px;
}

li#fLocalNav_2 {
	left: 114px;
	height: 30px;
}

li#fLocalNav_3 {
	left: 217px;
	height: 30px;
}

li#fLocalNav_4 {
	left: 320px;
	height: 30px;
}

li#fLocalNav_5 {
	left: 423px;
	height: 30px;
}

li#fLocalNav_6 {
	left: 526px;
	height: 30px;
}

li#fLocalNav_7 {
	left: 629px;
	height: 30px;
}

li#fLocalNav_8 {
	left: 732px;
	height: 30px;
}

li#fLocalNav_9 {
	left: 835px;
	width: 105px;
	height: 30px;
}

li#fLocalNav_1 a:hover, li#fLocalNav_1 a:active {
	background-position:-10px top;
	height: 35px;
}

li#fLocalNav_2 a:hover, li#fLocalNav_2 a:active {
	background-position:-114px top;
	height: 35px;
}

li#fLocalNav_3 a:hover, li#fLocalNav_3 a:active {
	background-position:-217px top;
	height: 35px;
}

li#fLocalNav_4 a:hover, li#fLocalNav_4 a:active {
	background-position:-320px top;
	height: 35px;
}

li#fLocalNav_5 a:hover, li#fLocalNav_5 a:active {
	background-position:-423px top;
	height: 35px;
}

li#fLocalNav_6 a:hover, li#fLocalNav_6 a:active {
	background-position:-526px top;
	height: 35px;
}

li#fLocalNav_7 a:hover, li#fLocalNav_7 a:active {
	background-position:-629px top;
	height: 35px;
}

li#fLocalNav_8 a:hover, li#fLocalNav_8 a:active {
	background-position:-732px top;
	height: 35px;
}

li#fLocalNav_9 a:hover, li#fLocalNav_9 a:active {
	background-position:-835px top;
	height: 35px;
}

#cLocalNav li {
	height: 53px;
	top:0pt;
	width:155px;
}

li#cLocalNav_1 {
	left:10px;
	height: 30px;
}

li#cLocalNav_2 {
	left:165px;
	height: 30px;
}

li#cLocalNav_3 {
	left:320px;
	height: 30px;
}

li#cLocalNav_4 {
	left:475px;
	height: 30px;
}

li#cLocalNav_5 {
	left:630px;
	height: 30px;
}

li#cLocalNav_6 {
	left:785px;
	height: 30px;
}

li#cLocalNav_1 a:hover, li#cLocalNav_1 a:active {
	background-position: -10px top;
	height: 35px;
}

li#cLocalNav_2 a:hover, li#cLocalNav_2 a:active {
	background-position: -165px top;
	height: 35px;
}

li#cLocalNav_3 a:hover, li#cLocalNav_3 a:active {
	background-position: -320px top;
	height: 35px;
}

li#cLocalNav_4 a:hover, li#cLocalNav_4 a:active {
	background-position: -475px top;
	height: 35px;
}

li#cLocalNav_5 a:hover, li#cLocalNav_5 a:active {
	background-position: -630px top;
	height: 35px;
}

li#cLocalNav_6 a:hover, li#cLocalNav_6 a:active {
	background-position: -785px top;
	height: 35px;
}

/*====================================================
	
	   Layout
	
======================================================*/
	
div#LayoutA, div#LayoutB, div#LayoutC, div#container_login, div#container_login2, div#container_login3, div#container_loginx {
	width: 730px;
	float: left;/*サイドバーのフロート用*/
	display: inline;
}

#LayoutA #Left {
	padding: 0 0 0 1px;
}

/*====================================================
	
	   Sidebar
	
======================================================*/
	
#sideBanner {/*サイドバーをpositionレイアウトからフロートに*/
	width: 200px;
	float: right;
	display: inline;
	position: static;
}

#sideBanner #before {
	width: 200px;
	float: right;
	display: inline;
	position: static;
	margin-top: 13px;
}

#sideBanner #contest {
	margin: 0 5px 10px 5px;
}

#sideBanner #contest img {
	width: 179px;
	height: 90px;
	margin: 0 0 10px 0;
}

#sideBanner #contest img {
	background-image:url(./skin/default/img/cpc_side.png);
}

#sideBanner #contest img:hover {
	background-position:center -90px;
}

/*====================================================
	
	   login 
	
======================================================*/
	

#container_login .o_w_screen {
	margin-top: 25px;
}

/*====================================================
	
	   Table 
	
======================================================*/
	
#LayoutA #Left table {/*テーブルセルの余白をゼロに*/
	border-collapse:collapse;
	border-spacing:0px;
}

#LayoutA #Left table td {/*テーブルセルの罫線*/
	border: 1px dotted #ccc;
}

#Center .homeMainTable table {
	/*padding: 0 5px;*/
}

#Center .homeMainTable tr {
	position: relative;
	padding: 30px 0 0;
	display: block;
}

#Center .homeMainTable th {/*センターのテーブル見出し*/
	position: absolute;/*レイアウトを横→縦に*/
	width: 450px;
	padding: 5px 0 15px 50px;
	min-height: 20px;
	text-indent: 10px;
	margin: 0;
	background: url(./skin/default/img/partsH3_440.gif) no-repeat 0 0;
	_background-color: #ffffff;IE6 Hack
	color: #666;
	border: none;
	top: 0;
	color: #003d5f;
	font-size: 116%;
}

*:first-child+html #Center .homeMainTable th {/*IE7 Hack*/
	background-color: #ffffff;
}

#Center .homeMainTable th br {
	display: none;/*見出し要素の改行を無効化*/
}

#Center .homeMainTable td {/*センターのテーブルコンテンツ*/
	padding: 0.5em 5px 2em;/*見出し分のスペースを確保*/
	_padding: 3em 5px 2em;/*IE6 Hack*/
	width: 505px;
	/*background: url(http://sns.openpne.jp/img.php?filename=centerTd) no-repeat 0 100%;*/
	border: none;
	height: auto;
}

*:first-child+html #Center .homeMainTable td {/*IE7 Hack*/
	padding: 3em 5px 2em;
}

html>/**/body #Center .homeMainTable td {/*IE7 Hack*/
	padding /*\**/: 3em 5px 2em\9;
}

html>/**/body #Center .homeMainTable th {
	position /*\**/: absolute\9;
	top: auto\9;
	min-height: 20px\9;
}

#Center .homeMainTable {}

#Center .homeMainTable td.halfway {
	margin: 0;
	top: 0;
	background: none;
	padding: 0;
}

#LayoutC #Center .photoTable {/*フレンド一覧など*/
	width: 100%;
}

#LayoutC #Center table, #LayoutB #Center table {
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

#LayoutC #Center .searchFormBox table, #LayoutC #Center .searchResultList table {
	border-bottom: none;
	border-left: none;
	border-right: none;
}

#LayoutA #Center .friendIntroList table {/*フレンドからの紹介文*/
	border-bottom: 1px dotted #ccc;
	border-left: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
	border-collapse:collapse;/*テーブルセルの余白をゼロに*/
	border-spacing:0px;
}

#LayoutA #Center .friendIntroList th, #LayoutA #Center .friendIntroList td {
	border: 1px dotted #ccc;
}

#LayoutA #Left table {/*テーブルセルの罫線*/
	margin-top: -5px;
}

#LayoutA #Left .block .moreInfo {
	width: 210px;
	padding-left: 50px;
	height: 40px;
}
#LayoutA #Left .block .moreInfo_a {
	width: 210px;
	padding-left: 50px;
	padding-top: 5px;
}

/*====================================================
	
	   diary
	
======================================================*/

.diaryDetailBox .parts dt div {
	position: absolute;/*レイアウトを横→縦に*/
	top: auto;
	right: 10px;
	min-height: 20px;
	border: none;
	width: 360px;
	margin-top: 5px;
}

.commentList dt div {
	position: absolute;/*レイアウトを横→縦に*/
	width: 360px;
	min-height: 20px;
	border: none;
	top: auto;
	right: 0px;
}
#commentList dt {
	width: 80px;
}

.topic_comment dt div {
	position: absolute;/*レイアウトを横→縦に*/
	width: 360px;
	min-height: 20px;
	border: none;
	top: auto;
	right: 30px;
}

.event_comment dt div {
	position: absolute;/*レイアウトを横→縦に*/
	width: 360px;
	min-height: 20px;
	border: none;
	top: auto;
	right: 30px;
}

html>/**/body .topic_comment dt div {/*IE7 Hack*/
	margin-right: 80px;
}

html>/**/body .event_comment dt div {/*IE7 Hack*/
	margin-right: 80px;
}

/*====================================================
	
	   PtohoBox
	
======================================================*/
	
#LayoutA #Left div.homePhotoBox {/*写真の枠*/
	background: url(http://sns.openpne.jp/img.php?filename=photoBox) repeat-x;
	padding: 0 0 5px;
}

.homePhotoBox p.photo {/*写真の背景*/
	background: #fff;
	border: 1px solid #ccc;
	padding: 10px;
}

.homePhotoBox ul.moreInfo li {
	display: inline;/*ボタンを横並びレイアウトに*/
}

/*====================================================
	
	   ひとこと
	
======================================================*/

.homeMainTable .one_word {
border:0px solid #d7d7d7;
font-size:9pt;
margin-bottom:10px;
margin-top:-60px;
position:relative;
}

*:first-child+html #Center .homeMainTable .one_word {/*IE7 Hack*/
	height: 300px;
}

.one_word_sec {
line-height : 20px;
background-color:#fff;
padding:3px;
font-size:9pt;
}

.one_word_oth {
position:relative;
width: 100%;
text-align:right;
}



/*====================================================
	
	   Parts
	
======================================================*/
	
#LayoutA #Left div.homePhotoBox_c table.c_commu_table {
	width: 210px;
}

#LayoutA #Left div.homePhotoBox_c table.c_commu_table th {
	padding-left: 20px;
}

#LayoutA #Left div.homePhotoBox_c table {
	background: none;
}

#LayoutA #Left table.c_commu_mail3 {
	/* background: url(./skin/default/img/partsH3_270_c_m3.gif) no-repeat center left; */
	height: 210px;
	width: 210px;
	margin: -6px 0 5px;
}
#LayoutA #Left table.c_commu_mail2 {
	/* background: url(./skin/default/img/partsH3_270_c_m2.gif) no-repeat center left; */
	height: 150px;
	width: 210px;
	margin: -6px 0 5px;
}
#LayoutA #Left table.c_commu_mail1 {
	/* background: url(./skin/default/img/partsH3_270_c_m1.gif) no-repeat center left; */
	height: 150px;
	width: 210px;
	margin: -6px 0 5px;
}
#LayoutA #Left table.c_commu_mail3 th {
	padding-top: 10px;
	padding-left: 10px;
	position: absolute;/*レイアウトを横→縦に*/
	width: 210px;
}

#LayoutA #Left table.c_commu_mail2 th {
	padding-top: 10px;
	padding-left: 10px;
	position: absolute;/*レイアウトを横→縦に*/
	width: 210px;
}

#LayoutA #Left table.c_commu_mail1 th {
	padding-top: 10px;
	padding-left: 10px;
	position: absolute;/*レイアウトを横→縦に*/
	width: 210px;
}
#LayoutA #Left table.c_commu_mail3 .button {
	text-align: center;
}

#LayoutA #Left table.c_commu_mail2 .button {
	text-align: center;
}

#LayoutA #Left table.c_commu_mail1 .button {
	text-align: center;
}
#LayoutA #Left table.c_commu_mail3 td {
	padding-top: 35px;
	padding-left: 20px;
	border: none;
	width: 210px;
}

#LayoutA #Left table.c_commu_mail2 td {
	padding-top: 35px;
	padding-left: 20px;
	border: none;
	width: 210px;
}

#LayoutA #Left table.c_commu_mail1 td {
	padding-top: 35px;
	padding-left: 20px;
	border: none;
	width: 210px;
}

*:first-child+html #LayoutA #Left table.c_commu_mail1 .c_commu_mail2_2 {/*IE7 Hack*/
	padding-top: 66px;
}
*:first-child+html #LayoutA #Left table.c_commu_mail2 .c_commu_mail2_2 {/*IE7 Hack*/
	padding-top: 66px;
}

*:first-child+html #LayoutA #Left table.c_commu_mail3 .c_commu_mail2_1 {/*IE7 Hack*/
	padding-top: 66px;
}

*:first-child+html #LayoutA #Left table.c_commu_mail3 .c_commu_mail2_2 {/*IE7 Hack*/
	padding-top: 123px;
}

#LayoutA #Left table.c_commu_mail3 td ul li {
	display: inline;/*ボタンを横並びレイアウトに*/
}

#LayoutA #Left table.c_commu_mail2 td ul li {
	display: inline;/*ボタンを横並びレイアウトに*/
}

#LayoutA #Left table.c_commu_mail1 td ul li {
	display: inline;/*ボタンを横並びレイアウトに*/
}

#LayoutA #Left div.homePhotoBox_c table.c_commu_table th {
	/* background: url(./skin/default/img/partsH3_270_c.gif) no-repeat center left;
	padding-left: 25px;
	height: 36px;
	border: none; */
	padding-left: 5px;
	padding-bottom: 10px;
	width: 80px;
	text-align: right;
}

#LayoutA #Left div.homePhotoBox_c table.c_commu_table td {
	/* background: url(./skin/default/img/partsH3_270_c.gif) no-repeat center right;
	height: 36px;
	border: none; */
	padding-left: 5px;
}

#LayoutA #Left div.homePhotoBox_c table.c_commu_table td {
	border: 0px;
}
/*====================================================
	
	   Parts
	
======================================================*/
	
div.dparts {/*ボックス要素の基本*/
	padding: 0;/*余白をゼロに*/
	background: none;/*背景を非表示*/
}

div.dparts, div.dparts div.parts, div.ditem, #LayoutA #Left div.parts {
	border: none;/*罫線を非表示*/
	background: none;/*背景を非表示*/
}

div.block, div.partsInfo, div.pagerAbsolute, div.pagerRelative, div.pagerRelativeMulti, div.operation {
	border: none;/*罫線を非表示*/
}

.diaryDetailBox dl{/*日記詳細の枠*/
	border: 1px solid #ccc;
}

.commentList dl {
	border: 1px solid #ccc;
	margin: 0 0 10px;
}

div.section {
	margin: 0 0 10px;
}

.topicDetailBox dl {/*コミュニティ詳細の枠*/
 	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
 }
 
#sideBanner .parts {

}

#sideBanner .parts  ul.moreInfo {
    width: auto;
}

#LayoutC #Center .eventDetailBox dl {/*イベント詳細の枠*/
	border-left:  1px solid #ccc;
	border-bottom:  1px solid #ccc;
	margin: 0 0 10px;
}

#LayoutC #Center .eventDetailBox dl dd {
	border-left: none;
}

#LayoutC #Center .eventDetailBox dl table {
	border-bottom: none;
}

#LayoutC #Center .reviewList dl {/*レビュー一覧の枠*/
	border-left:  1px solid #ccc;
	border-bottom:  1px solid #ccc;
	margin: 0 0 10px;
}

#LayoutC #Center .reviewList dl dd {
	border-left: none;
}

#LayoutC #Center .reviewList dl table {
	border-bottom: none;
}
#LayoutB #Left .sideNav .item {/*メッセージ等枠*/
    border: 1px solid #ccc;
	width: auto;
	margin: 0 10px 10px 0;
}
/*====================================================
	
	   Heading
	
======================================================*/
.partsHeading {
	background: no-repeat scroll 0pt 50%;
	padding: 10px 0;
	line-height: 30px;
	margin-bottom: 5px;
	color: #000;
	overflow: hidden;
	font-weight : normal;
}

#LayoutA #Left .partsHeading {
	background-image: url(./skin/default/img/partsH3_270.gif);
	padding-left: 5px;
	padding-bottom: 10px;
	text-align: center;
}

#LayoutA #Left div.parts div.block ul.moreInfo {
	padding-left: 85px;
}


#LayoutA #Left div.parts .articleList {
	padding: 10px;
}

#LayoutA #Center .partsHeading {
	background-image: url(./skin/default/img/partsH3_440_1.gif);
	padding-bottom: 50px;
	text-align: center;
}

.partsHeading_js {
	background-image: none;
	text-align: center;
	padding-left: 0;
}

#LayoutA #Center .partsHeading_2 {
	width: 450px;
	padding: 5px 0 15px 50px;
	min-height: 20px;
	text-indent: 10px;
	margin: 0;
	background: url(./skin/default/img/partsH3_440.gif) no-repeat 0 0;
	background-color: #ffffff;
	color: #666;
	border: none;
	color: #003d5f;
	font-size: 116%;
}

#LayoutB #Center .partsHeading {
	background-image: url(./skin/default/img/partsH3_540.gif);
	padding-left: 60px;
}

#LayoutC #Center .partsHeading {
	background-image: url(./skin/default/img/partsH3_650.gif);
	padding-left: 60px;
}

#LayoutC #Center .photoTable .partsHeading {
	background-image: url(./skin/default/img/partsH3_650.gif);
	padding-left: 60px;
}

#LayoutB #Left .partsHeading {
	color: #000;
	line-height: 1.7;
	padding: 2px 5px;
	height: auto;
}

.homeMainTable .partsHeading h3 {
	width: auto;
}

/*====================================================
	
	   Information
	
======================================================*/
	/*
#pc_page_h_home .homeInfoBox {/*本来のお知らせ欄を非表示*/
	display: none;
}
*/
#pc_page_h_home #tmpInfo {
	border: 1px solid #ccc;
	padding: 5px;
	background: #fff;
	margin: 0 0 10px;
}

#pc_page_h_prof .descriptionBox {/*プロフィール確認*/
	border: 1px dotted #ccc;
	background: #fff;
}

/*====================================================
	
	   Search
	
======================================================*/
	
.searchFormLine {
	position : absolute;
	top : 10px;
	left : 650px;
	width: 266px;
	height: 58px;
	padding: 12px 2px 0 2px;
	background-image: url(./skin/default/img/Search.gif);
}

.faq {
	position : absolute;
	top : 95px;
	right : 0px;
}

.faq ul li {
	float: left;
	margin: 0 10px 0 0;
}

.faq ul li#fandq img {
	width: 100px;
	height: 35px;
	background-image: url(./skin/default/img/qanda.gif);
	background-position:center 0px;
}

.faq ul li#fandq img:hover {
	background-image: url(./skin/default/img/qanda_on.gif);
	background-position:center 35px;
}

.faq ul li#buy img {
	width: 150px;
	height: 35px;
	background-image: url(./skin/default/img/buy.gif);
	background-position:center 0px;
}

.faq ul li#buy img:hover {
	background-image: url(./skin/default/img/buy_on.gif);
	background-position:center 35px;
}

.faq ul li#parents img {
	width: 150px;
	height: 35px;
	background-image: url(./skin/default/img/parents.gif);
	background-position:center 0px;
}

.faq ul li#parents img:hover {
	background-image: url(./skin/default/img/parents_on.gif);
	background-position:center 35px;
}

.faq ul li#link img {
	width: 100px;
	height: 35px;
	background-image: url(./skin/default/img/maker.gif);
	background-position:center 0px;
}

.faq ul li#link img:hover {
	background-image: url(./skin/default/img/maker_on.gif);
	background-position:center 35px;
}

.searchFormLine ul li .input_text {/*検索ワード記入欄*/
	width: 220px;
	margin-left: 20px;
	margin-bottom: 6px;
}

.searchFormLine {
}

#headerSearch {/*ヘッダ直下の検索フォーム*/
	position: absolute;/*ヘッダ上部に配置*/
	top: 10px;
	right: 0;
	z-index: 100;
}

#headerSearch li {
	display: inline;
	padding: 0 0 0 1px;
}

#headerSearch li * {
	vertical-align: middle;/*ボタンを中央合わせ*/
}
/*
#pc_page_h_home .searchFormLine {
	display: none;/*本来のサーチフォームを非表示*/
}
*/
/*====================================================
	
	   Calendar
	
======================================================*/
	
	.weeklyCalendarTable {
	display: none;/*本来の週間カレンダーを非表示*/
}

/*====================================================
	
	   smsger
	
======================================================*/

.smsger_bg {
	background-image: url(./skin/default/img/smsger_bg.gif);
	padding: 9px 0 0 20px;
	height: 31px;
	width: 480px;
	margin-left: 0px;
}

/*====================================================
	
	   prof
	
======================================================*/

.h_prof td div {
	padding-top:15px;
	padding-left:20px;
	width: 95%;
}

.h_prof td div.h_profile {
	padding-top:15px;
	padding-left:0px;
	width: 100%;
}

/*====================================================
	
	   Footer
	
======================================================*/
	
	
#globalFooter {/*共有フッタ*/
	clear: both;
	text-align: center;
}

div#globalFooter #footerNavi {
	margin: 0 auto;
	text-align: left;
	width: 930px;
}

#Footer {/*ローカルフッタ*/
	float: left;
	display: inline;
	position: absolute;/*サイドバーフロート用*/
	bottom: 0px;
	display: none;
}

/*====================================================
	
	   Structure
	
======================================================*/
p.return {
	clear: both;
	text-align: right;
}

/*====================================================
	
	   Link
	
======================================================*/
#LayoutA #Center .partsHeading a, #LayoutA #Center .partsHeading a:visited {
	color: #804040;
	text-decoration: none;
}

#LayoutA #Center .partsHeading a:hover {
	color: #ccc;
}

.maker_list {
	margin-left: 25px;
}

.maker_list ul {
	margin: 5px 0  20px 25px;
}

.maker_list li {
	margin: 0 0 2px 0;
	border: 1px solid #ccc;
	width: 300px;
	padding:10px;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/* ローカルナビ右寄せ
#sideBanner {
		top: 420px;
		left: 730px;
	}
	
	
	.localNav {
	position: absolute;
	left: 730px;
	top: 120px;
	width: 200px;
	}
	div#LayoutA, div#LayoutB, div#LayoutC {
	margin-top: 40px;
	}
	
	
	
#hLocalNav li {
	height:30px;
	top:0pt;
	width:200px;
	}
	li#hLocalNav_1 {
	top :0px;
	left: 0px;
	}
	li#hLocalNav_2 {
	top :30px;
	left: 0px;
	}
	li#hLocalNav_3 {
	top :60px;
	left: 0px;
	}
	li#hLocalNav_4 {
	top :90px;
	left: 0px;
	}
	li#hLocalNav_5 {
	top :120px;
	left: 0px;
	}
	li#hLocalNav_6 {
	top :150px;
	left: 0px;
	}
	li#hLocalNav_7 {
	top :180px;
	left: 0px;
	}
	li#hLocalNav_8 {
	top :210px;
	left: 0px;
	}
	li#hLocalNav_9 {
	top :240px;
	left: 0px;
	}
	}
	*/
	
	
	/* テーブルレイアウト縦化案 IE非対応
	.homeNineTable tr.photo {
	width: 90px;
	float: left;
	}
	.homeNineTable tr.photo td {
	display: block;
	}
	.homeNineTable tr.text {
	width: 165px;
	float: right;
	}
	.homeNineTable tr.text td {
	display: block;
	height: 80px;
	}
	.homeNineTable * {
	table-layout: auto;
	}
	*/
.partsHeading h3 {
	font-weight : normal;
}

.articleList li {
	margin-bottom: 10px;
}
span.mini {color:red;}

/*********** Twitter Widget ***********/

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
.clearfix { display: block; }
/* End hide from IE-mac */


div.tweetinpne{
background-color:#fff;
}
div.tweetinpne a.snsId{
padding:0 3px;
background-color:#def;
color:#05f;
}

#divH,
#divM,
#divD,
#divS,
#divC {
  clear: both;
}

#divH ul {
  clear: both;
width: 190px;
  display: hidden; 
}
li.timeline{
border-bottom:1px solid #eee;
font-size: 9pt;
}
li.timeline a{
text-decoration:none;
color:5CE;
}
li.timeline a:hover{
color:555;
}
li.timeline a:visited{
color:E57;
}
li.timeline a.htag{
color:#777;
}
li.timeline a.sender{
font-weight:bold;
}
li.timeline a.time{
color:#777;
}
li.timeline a.source{
color:#777;
}

li.timeline div.icon{
width: 38px;
height: 38px;
padding:2px;
float:left;
/*background-color:#aaf;*/
}

li.timeline div.icon img{
width: 34px;
height: 34px;
padding: 0px;
border-radius: 2px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border:2px solid #eee;
}

li.timeline div.rt{
width: 20px;
margin: 26px -18px;
float:left;
}

li.timeline div.rt img{
width: 20px;
padding: 0;
border: 1px solid #ccc;
}

ul.tabArea{
padding:0;
width:210px;
background-color: #ddd;
background-image: url('explate/twitter/img/tab_bar.gif');
color:#6a6a6a;
font-family : Arial;
font-size: 9pt;
  clear: both;
}
#tabH, #tabM, #tabD, #tabS, #tabC{
float:left;padding:4px 2px 1px;cursor: pointer;
border-right:1px solid #aaa;
}
#tabC{
padding:4px 5px 1px;
}
#tabH:hover, #tabM:hover, #tabD:hover, #tabS:hover, #tabC:hover{
color:#55b;
background-color: #979797;
}
li.rt{
background-position: right top;
background-repeat: no-repeat;
background-image:url('explate/twitter/img/rt.gif');
}
li.fav{
background-position: right top;
background-repeat: no-repeat;
background-image:url('explate/twitter/img/fav.gif');
}
li.timeline div.text{
padding: 2px;
margin-left:45px;
}

.poll_options {
padding: 0px;
border:1px solid #ccc;
margin:20px;
height: 36px;
}

.poll_options dt {
padding: 10px;
float:left;
width:50px;
background-color: #ccc;
text-align: center;
}

.poll_options dd {
padding: 10px;
width:400px;
float:left;
}

.bar_and_result {
padding: 0px;
border:1px solid #ccc;
margin:20px;
}
.bar_and_result dt {
padding: 10px;
}
.bar_and_result dd {
padding: 10px;
background-color: #ccc;
}
.poll_subtitle {
padding: 30px 10px;
}
.poll_subtitle li {
margin:10px;
}
#recivemsg {
height: 200px;
overflow:auto;
margin-bottom:10px;
border:1px solid #ccc;
padding: 5px 1px 5px 5px;
width:489px;
}