html {
   height:100%;
   margin-bottom:1px;
}
body {
	background-image: url(/common/image/bg.gif);
	background-repeat: repeat-x;
}

.container {
	padding-right: 7px;
	padding-left: 7px;
}


/* 右寄せ・左寄せ
-------------------------------------------------------------- */
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.top {
	vertical-align: top;
}


/* ヘッダーナビゲーション
-------------------------------------------------------------- */
#head-navi {
	margin-right: 0px;
	margin-top: 7px;
}
#head-navi li {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #99C2C7;
	font-size: 12px;
	display: inline;
	line-height: 16px;
	color: #FFFFFF;
	margin-left: 2px;
	padding-left: 5px;
}
#head-navi a {
	color: #FFFFFF;
	text-decoration: none;
}
#head-navi a:hover {
	text-decoration: underline;
}
#head-navi form {
	background-color: #CC3333;
	display: inline;
	line-height: 0px;
	font-size: 0px;
}
#head-navi select {
	font-size: 10px;
	width: 100px;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/* サイドバー
-------------------------------------------------------------- */

.sidebox {
	background-image: url(/common/image/sidebarbox_bg.gif);
	background-repeat: repeat-y;
	width: 230px;
	margin-bottom: 10px;
}
.sidebox h3 {
	background-image: url(/common/image/sidebarbox_title_bg.gif);
	background-repeat: no-repeat;
	line-height: 27px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
}
.sidebox-btm { /* サイドバーボトム */
	background-image: url(/common/image/sidebarbox_btm.gif);
	background-repeat: no-repeat;
	height: 5px;
	font-size: 0; /*IE6 Hack*/
}

/*-- 顔写真＆コメント（背景色がついている部分） --*/
.profile-area {
	background-color: #E5F0F2;
	margin-right: 2px;
	margin-left: 2px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.author-name {
	font-weight: bold;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#photocom {
	background-color: #00CCFF;
}

/* 左側（顔写真エリア） */
#photocom-l {
	width: 62px;
	float: left;
}

/* 顔写真の枠設定 */
.author-pht {
	border: 1px solid #CCCCCC;
	display: block;
	width: 62px;
	height: 62px;
}
.author-pht img {
	border: 1px solid #FFFFFF;
}

/* 右側（コメントエリア） */
#photocom-r {
	float: right;
	width: 141px;
}

/* 右側（コメントの吹き出し） */
.fukidashi {
	background-image: url(/common/image/sidebarbox_author_fukidashi_bg.gif);
	background-repeat: repeat-y;
	padding: 0px;
	margin: 0px;
}
.fukidashi .fukidashi-inner {
	background-image: url(/common/image/sidebarbox_author_fukidashi_top.gif);
	background-repeat: no-repeat;
	padding-top: 7px;
	padding-right: 5px;
	padding-left: 15px;
	padding-bottom: 0px;
}
.fukidashi .fukidashi-btm {
	background-image: url(/common/image/sidebarbox_author_fukidashi_btm.gif);
	background-repeat: no-repeat;
	height: 5px;
	width: 141px;
	font-size: 0; /*IE6 Hack*/
	margin: 0px;
	padding: 0px;
}

/* プロフィールエリアのリセット */
.profile-area-reset {
	clear: both;
	height: 1px;
	width: 100px;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}

/* プロフィール：ユーザー情報 */
#author-data {
	margin: 0px;
	padding: 0px;
}
#author-data table {
	width: 220px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
#author-data table th,
#author-data table td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	font-size: 95%;
}
#author-data table th {
	width: 25%;
	white-space: nowrap;
	font-weight: normal;
	color: #0C5C70;
}

/* 最近交流したユーザーのサムネイル */
.PhtList-thumb {
 padding-top: 5px;
 padding-bottom: 0px;
 padding-left: 4px;
}
.PhtList-thumb img {
 border: 1px solid #CCCCCC;
 padding: 1px;
 margin-right: 0px;
 margin-bottom: 0px;
}

/* 復習 */
.brushup-area {
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 5px;
    padding-right: 3px;
}
.brushup-title {
    color:green;
    background-color: #F4F7FF;
}
#brushup-memo-area {
    padding-left: 5px;
}
#brushup-form-area {
    padding: 5px;
    background-color: #ffffcc;
}


/* テーブルスタイル（入力フォーム）
-------------------------------------------------------------- */
.tableStyleA {
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.tableStyleA th,
.tableStyleA td {
	padding: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}
.tableStyleA th {
	background-color: #E5F0F2;
}
.tableStyleA td {
	background-color: #FFFFFF;
	text-align: left;
}
.tableStyleA .submitCel {
	text-align: center;
}

/* テーブルスタイル（辞書検索）
-------------------------------------------------------------- */
.tableStyleDictionary {
    margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
    width: 530px;
}
.tableStyleDictionary th {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-color: #ffffff;
	text-align: left;
	background-color: #ffffcc;
}
.tableStyleDictionary td {
	border: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-color: #ffffff;
	text-align: left;
}


#photo-file-area img {
	border: 1px solid #CCCCCC;
	padding: 1px;
}

#photo-file-area .ctrlDel {
	background-image: url(/common/image/icon_trashbox.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 5px;
	padding-left: 20px;
}

.annotation-massage {
	font-size: 1.0em;
	color: #666666;
}
.caution-message {
	font-size: 1.0em;
	color: #FF0000;
}
.error-message {
	font-size: 14px;
    color: #ff0000;
}
#photos-area dl {
	margin-left: 15px;
	margin-top: 10px;
}
#photos-area dt {
	margin-bottom: 5px;
}
#photos-area dd {
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #DBDBDB;
	padding-bottom: 10px;
	padding-left: 20px;
}
.pagetile {
	font-size: 150%;
	font-weight: bold;
	color: #2A6D79;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #AFB60B;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	line-height: 100%;
}
.comm-Box {
	border: 1px solid #CCCCCC;
}
.comm-L,
.comm-R {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DEDEDE;
}
.comm-L {
	background-image: url(/common/image/comm_ption_l.gif);
	background-repeat: no-repeat;
	background-position: 190px center;
}
.comm-R {
	background-image: url(/common/image/comm_ption_r.gif);
	background-repeat: no-repeat;
	background-position: 510px center;
}
.comm-author {
	background-color: #F9F9F9;
}
.comm-inner {
	padding: 10px;
/*	margin-bottom: 10px; */
}
.comm-date {
	margin-bottom: 3px;
	padding: 0px;
	margin-top: 0px;
	margin-left: 0px;
}
.comm-name {
	margin-bottom: 3px;
	padding: 0px;
	margin-top: 15px;
	margin-left: 0px;
}
.comm-pht {
	float: left;
	margin-right: 10px;
}

/* メッセージ
-------------------------------------------------------------- */
.commuStyle {
	background-image: url(/common/image/commuStyle_bg.gif);
	background-repeat: repeat-y;
}
#commuStyle-author {
	background-image: url(/common/image/commuStyle_author_bg.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	background-position: right top;
	margin: 0px !important;
	width: 80px !important;
	padding: 0px !important;
}
.message-author-pht {
	border: 1px solid #CCCCCC;
	display: block;
	width: 47px;
	height: 47px;
    margin-top: 10px;
    margin-left: 15px;
}
.message-author-pht img {
	border: 1px solid #FFFFFF;
    width: 45px;
}
.message-repost-pht {
	border: 1px solid #CCCCCC;
    position: absolute;
	display: block;
	width: 32px;
	height: 32px;
    margin-top: -10px;
    margin-left: 40px;
}
.message-repost-pht img {
	border: 1px solid #FFFFFF;
}
.commuStyle-R-top {
	background-image: url(/common/image/commuStyle_R_top.gif);
	background-repeat: no-repeat;
	font-size: 1px;
	height: 5px;
	width: 630px;
	margin: 0px;
	padding: 0px;
}
.commuStyle-btm {
	background-image: url(/common/image/commuStyle_btm.gif);
	background-repeat: no-repeat;
	font-size: 0px;
	height: 25px;
	width: 710px;
	margin: 0px;
	padding: 0px;
	background-position: left top;
	background-color: #FFFFFF;
}

.commuStyle-R {
}

.commuStyle-R-inner {
	margin-top: 2px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 0px;
}
.commuStyle-R-head {
	margin-top: 2px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #CCCCCC;
    padding-bottom: 2px;
	color: #CCCCCC;
}
.commuStyle-R-head a {
	margin-left: 3px;
	margin-right: 3px;
    color: #949494;
}
.commuStyle-R-head-L {
	float: left;
}
.commuStyle-author-name {
	font-weight: bold;
	color: #666666;
	margin-right: 10px;
}
.commuStyle-R-head-R {
	float: right;
}
.commuStyle-R-msg {
    margin-left: 5px;
	padding-top: 5px;
    padding-right: 10px;
    font-size: 16px;
}
.commuStyle-R-msg a {
    color: #949494;
    font-size: 12px;
}
.atesaki {
	margin-bottom: 10px;
    font-size: 12px;
	color: #666666;
}
.atesaki img {
	border: 1px solid #FFFFFF;
	margin-right: 5px !important;
	vertical-align: middle;
}
.commuStyle-R-msg .photoimg {
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.commuStyle-R-msg .photoimg img {
	padding: 3px;
	margin: 0px;
	border: 1px solid #CCCCCC;
}
.entry-data {
	margin-top: 5px;
    margin-left: 0px;
	margin-bottom: 5px;
	color: #666666;
    font-size: 12px;
}
.entry-data span {
	margin: 0px;
}
.entry-data-date,
.entry-data-area {
	color: #666666;
}

.AllRepost {
}
.AllRepost h3 {
    margin-left: 10px;
	margin-bottom: 5px;
	font-size: 1.1em;
	font-weight: bold;
}
.AllRepost h3 img {
	vertical-align: middle;
	margin-right: 5px;
}
.AllRepost-area {
	width: 590px;
	margin-left: 15px;
	background-color: #F2F2F2;
}
.Allrepost-top {
	background-image: url(/common/image/all_repost_top.gif);
	background-repeat: no-repeat;
	height: 10px;
	width: 590px;
	font-size: 1px;
	margin: 0px;
	padding: 0px;
	background-color: #F2F2F2;
	background-position: left top;
}
.Allrepost-btm {
	background-image: url(/common/image/all_repost_btm.gif);
	background-repeat: no-repeat;
	height: 5px;
	width: 590px;
	font-size: 1px;
	margin: 0px;
	padding: 0px;
	background-color: #F2F2F2;
	background-position: left bottom;
}
.repost-entry {
	width: 570px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(/common/image/repost_entry_bg.gif);
	background-repeat: repeat-y;
	margin-bottom: 5px;
}
.repost-author {
	float: left;
	width: 56px;
	background-image: url(/common/image/repost_entry_author_bg.gif);
	background-repeat: no-repeat;
}
.repost-cmt {
	float: right;
	width: 514px;
	margin: 0px;
	padding: 0px;
}
.repost-cmt-inner {
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
}

.repost-cmt-top {
	font-size: 1px;
	background-image: url(/common/image/repost_entry_cmt_top.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 5px;
	width: 514px;
}

.repost-cmt-area {
	padding-left: 10px;
}

.repost-entry-btm {
	font-size: 1px;
	background-image: url(/common/image/repost_entry_btm.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 5px;
	width: 570px;
}
.pager {
    text-align: center;
    background-color: #ffffff;
    font-size: 14px;
    padding-bottom: 30px;
}
.explore-menu {
    text-align: center;
    background-color: #ffffff;
    font-size: 12px;
    padding: 15px;
}
.memorandum-menu {
    text-align: center;
    background-color: #ffffff;
    font-size: 12px;
    padding: 10px;
}
#pager {
clear : both;
}
#footer {
	margin-bottom: 0px;
	background-image: url(/common/image/footer_bg.gif);
	background-repeat: no-repeat;
	height: 35px;
}
#footer address {
	line-height: 35px;
	color: #FFFFFF;
	margin-right: 7px;
	margin-left: 7px;
	font-style: normal;
	display: inline;
}
#footer ul {
	display: inline;
}
#footer li {
	display: inline;
	margin-right: 10px;
}
#footer a {
	color: #FFFFFF;
}


/* ログイン
-------------------------------------------------------------- */
.login-button {
    padding: 5px;
    color: #fff;
    border-top:3px double #9cf;
    border-left:3px double #9cf;
    border-right:3px double #4080BF;
    border-bottom:3px double #4080BF;
    background: #42a9b0;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

/* ドキュメント
-------------------------------------------------------------- */
#document {
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
    margin: 10px;
    padding: 20px;
	color: #666666;
}
#document h1 {
    font-size: 18px;
    font-weight: bold;
	color: #444444;
}
#document h3 {
    margin-top: 35px;
    font-size: 14px;
    font-weight: bold;
	color: #444444;
}
#document li {
    margin: 8px;
    list-style-type: decimal;
    font-size: 1em;
}
#document table {
	border: 1px;
	border-style: solid;
	border-color: #999999;
    border-collapse: collapse;
}
#document table th {
	border: 1px;
	border-style: solid;
	border-color: #999999;
    padding: 8px;
    background-color: #E5F0F2;
}
#document table td {
	border: 1px;
	border-style: solid;
	border-color: #999999;
    padding: 8px;
}

.PhtList-thumb img {
 border: 1px solid #CCCCCC;
 padding: 1px;
 margin-right: 0px;
 margin-bottom: 0px;
}

/* 広告
-------------------------------------------------------------- */
.Adsense-sidebar {
    width: 160px;
    padding: 1px;
    margin-top: 20px;
    margin-left: 25px;
}