/* charset */
@charset "utf-8"; 
* {
	font-variant: normal;
	font-family: "ＭＳ Ｐゴシック", sans-serif;
}

/* 疑似クラス定義 */
a:link {
	text-decoration:underline;
	color:#5555CC;
}

a:visited {
    text-decoration:underline;
	color:#7733AA;
}

a:active {
	text-decoration:underline;
	color:#5555CC;
}

a:hover {
	text-decoration:underline;
	color:#CC5555;
}


p.arrow {
	margin:0px 0px 8px 0px;
	padding:0px;
	line-height:100%;
}

p.arrow a {
    display : block ;
    background-repeat : no-repeat ;
	margin:0px;
	padding:0px 0px 0px 15px;
}

p.arrow a:link {
    background-image: url(img/arrow1.gif);
}

p.arrow a:visited {
    background-image : url(img/arrow1.gif) ;
}

p.arrow a:active {
    background-image : url(img/arrow1.gif) ;
}

p.arrow a:hover {
    background-image : url(img/arrow2.gif) ;
}



/* タグ定義 */

body, table, tr, td, div, p {
	color:#333333;
	font-size:10pt;
}

body {
	margin:0px;
	padding:0px;
}

table {
	table-layout:auto;
}


table, tr, td {
    border:0px solid #0000ff;
    margin:0px;
    padding:0px;
    border-collapse:collapse;
    border-spacing:0px;
    vertical-align:top;
}

ul {
	margin-top:0px;
	margin-bottom:0px;
}

div {
    margin:0px;
    padding:0px;
}

p {
    margin:5px 0px;
}

form {
	margin:0px;
}

img {
	border:0px none #FFFFFF;
}

/* クラス定義 */
.clr
{
   clear:both;
   overflow:hidden;
   width:1px;
   height:1px;
   margin:0px -1px -1px 0px;
   border:0px;
   padding:0px;
   font-size:0px;
   line-height:0px;
}


table.s_box td {
	vertical-align:middle;
}

.s_item {
	width:120px;
	padding:10px 0px;
	text-align:right;
}

table.s_result {
	margin-top:20px;
}

table.s_result td {
	padding:10px 0px;
	border-width:1px 0px 0px 0px;
	border-style:solid;
	border-color:#999999;
}

.info_msg {
    margin:0px 0px 10px 0px;
    padding:3px;
    text-align:center;
	vertical-align:middle;
    line-height:100%;
	font-size:10pt;
	font-weight:bold;
	border-width:1px;
	border-style:solid;
    background-color:#FFF0E0;
	border-color:#FF6600;
    color:#666699;
}


.r10 {
	margin:0px 10px 0px 0px;
}

.trb10 {
	margin:10px 10px 10px 0px;
}

.d3 {
	margin:0px 0px 3px 0px;
}

.d5 {
	margin:0px 0px 5px 0px;
}

.b5 {
	margin:0px 0px 5px 0px;
}

.d10 {
	margin:0px 0px 10px 0px;
}

.b10 {
	margin:0px 0px 10px 0px;
}

.b20 {
	margin:0px 0px 10px 0px;
}

.t10 {
	margin-top:20px	
}

.t20 {
	margin-top:20px	
}


.r10d10 {
	margin:0px 10px 10px 0px;
}

.m5 {
	margin:5px;
}

.m10 {
	margin:10px;
}

.m20 {
	margin:20px;
}

.cm {
    text-align:center;
    vertical-align:middle;
}

.bold {
	font-weight:bold;
}

.txl {
	text-align:left;
}

.txr {
	text-align:right;
}

.red {
	color:#CC3333;
}

.index-rank {
	margin:0px 0px 0px 5px;
}

.index-rank-photo {
	width:22px;
	height:32px;
	text-align:center;
	vertical-align:middle;
}

.index-rank-link {
	height:32px;
	font-size:9pt;
	vertical-align:middle;
	font-weight:bold;
}

.index-rank-link p {
	margin:0px 0px 0px 10px;
}

.index-bbs-photo {
	width:22px;
	height:36px;
	text-align:center;
	vertical-align:middle;
}

.index-bbs-time {
	width:80px;
	height:36px;
	text-align:center;
	vertical-align:middle;
	font-size:9pt;	
}

.index-bbs-link {
	height:36px;
	font-size:9pt;
	vertical-align:middle;
	font-weight:bold;
}

.index-newetr-data {
	font-size:9pt;
	color:#666666;
}

.index-newetr-link {
	font-weight:bold;
}

.doc {
	padding:20px;
}

.doc-head {
	margin:0px 0px 10px 0px;
	font-weight:bold;
	font-size:11pt;
}

.doc-article {
	margin:0px 20px 10px 20px;
	font-size:10pt;
}

.doc-item {
	margin:0px 20px 10px 40px;
}

.doc-item li {
	font-size:10pt;
}

.doc-whatis {
	padding:20px 0px;;
}

.doc-whatis-menu-box {
	margin:0px 0px 0px 20px;
}

.doc-whatis-menu {
	width:140px;
	padding:0px;
	float:left;
	font-size:10pt;
}

.doc-whatis-head {
	margin:10px 20px 10px 20px;
	font-weight:bold;
	font-size:11pt;
}

.whatis-box {
	width:624px;
	margin-top:20px;
	padding-top:20px;
	border-width:1px 0px 0px 0px;
	border-style:solid;
	border-color:#999999;
}

.doc-whatis-article {
	margin:10px 20px 10px 20px;
	font-size:10pt;
}

.doc-whatis-item {
	margin:0px 20px 10px 40px;
}

.doc-whatis-item li {
	font-size:10pt;
}

.doc-whatis-img-box {
	text-align:center;
}

.doc-whatis-img {
	margin:10px auto;

}

.demo-button {
	margin:20px;
}

.addlist-rule {
	width:580px;
	margin:10px 0px;
	border:1px solid #999999;
}

.addlist-rule-inner {
	padding:10px;
	height:200px;
	overflow:auto;
	overflow-x:visible;
}

.widhborder {
	border:1px dashed #999999;
	margin:10px;
}

.widhborder td {
	padding:7px 5px 7px 5px;
	margin:0px auto;
}

.pswdset {
	margin:20px 20px 20px 50px;
}

.cmt-header {
	margin-top:15px;
	color:#FF6666;
	font-size:11pt;
}

td.tbetr {
    margin:0px;
    padding:5px;
    border-collapse:collapse;
    border-spacing:0px;
    vertical-align:middle;
    text-align:left;
    border-width:1px 1px 1px 1px;
    border-style:solid;
    border-color:#999999;
}

#remarkable_blog {
    margin:5px 10px 5px 5px;
    width:155px;
    border:1px solid #CCC0C0;
    background-color:#EEE0E0;
    text-align:center;
    font-weight:bold;
    cursor:pointer;
}

#remarkable_friend {
	margin:5px 5px 5px 5px;
	width:155px;
	border:1px solid #C0C0CC;
	background-color:#E0E0EE;
	text-align:center;
	font-weight:bold;
    cursor:pointer;
}

.ranking_frame {
    margin:0px;
    border-collapse:collapse;
    border-spacing:0px;
    vertical-align:middle;
    text-align:left;
    border-width:0px 0px 0px 0px;
    border-style:solid;
    border-color:#999999;
    background-image:url('img/frame_315.gif');
    background-repeat:repeat-y;
}

.ranking_body {
	margin:0px 11px 0px 1px;
}

.fakelink {
	color:#3333CC;
	text-decoration:underline;
	cursor:pointer;
}

.underline {
	border-width:0px 0px 1px 0px;
	border-style:solid;
	border-color:#999999;
}

.underline-dashed {
	border-width:0px 0px 1px 0px;
	border-style:dashed;
	border-color:#999999;
}

.centering {
	text-align:center;
	margin:0px auto;
}

a.photo_5 img {
	margin-top:5px;
}


td.newetr {
    margin:0px;
    padding:5px;
    border-collapse:collapse;
    border-spacing:0px;
    vertical-align:middle;
    text-align:left;
    border-width:0px 1px 1px 1px;
    border-style:solid;
    border-color:#999999;
}


.tburl {
    border:0px dashed #999999;
    margin:20px;
}


tr.odd{
	background-color:#FFFFFF;
}

tr.even{
	background-color:#F0F0F0;
}

table.personal td {
    margin:0px;
    padding:10px;
    border-collapse:collapse;
    border-spacing:0px;
    vertical-align:middle;
    text-align:left;
    border-width:1px 1px 1px 1px;
    border-style:solid;
    border-color:#999999;
}

/* personal left */
td.p_left {
	width:80px;
    background-color:#C0CCCC;
}

table.noborder td {
    margin:0px;
    padding:3px;
    border-collapse:collapse;
    border-spacing:0px;
    vertical-align:top;
    text-align:left;
    border:0px solid #999999;
}

.p_name {
    padding:20px;
	background-color:#F5F9FF;
    vertical-align:top;
}

.p_cmt {
    padding:20px 20px 20px 0px;
	background-color:#F5F9FF;
    vertical-align:top;
}

.mypagebox {
	margin-top:10px;
    border-width:0px 0px 0px 0px;
    border-style:solid;
    border-color:#999999;
	text-align:center;
	vertical-align:middle;
}

.mypagebox_border {
	margin:0px 0px 0px 10px;
	border-width:0px 1px 1px 1px;
	border-style:solid;
	border-color:#CCCCCC;
	text-align:center;
	vertical-align:middle;
	overflow:auto;
	overflow-x:visible;
}

.mypagebox_ads {
 	margin:0px 0px 0px 10px;
    border-width:0px 1px 1px 1px;
    border-style:solid;
    border-color:#CCCCCC;
	text-align:center;
	vertical-align:middle;
}

.boxheader {
	padding-top:4px;
	height:25px;
 	margin:0px 10px 10px 10px;
	background-color:#CCCCCC;
	font-size:11pt;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}

.boxheader_border {
	padding-top:4px;
	height:25px;
	margin:15px 0px 0px 10px;
	background-color:#CCCCCC;
	font-size:11pt;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
}

.friend-list-caution {
	margin:15px;
	padding:5px 15px;
	border:1px dashed #999999;
	text-align:left;
}


/* mypage menu */
.mp_menu {
	width:140px;
	height:20px;
	text-align:center;
}

.prof-table .mail-table {
	margin:0px auto;
	margin-bottom:20px;
}

.prof-table td {
	text-align:left;
}

.mail-right {
	height:25px;
	text-align:left;
	vertical-align:middle;
}

.mail-left {
	height:25px;
	text-align:right;
	vertical-align:middle;
}

/* profile table */
.pf_tb {
    padding:3px;
    vertical-align:middle;
}

.tb_friend_etr {
    vertical-align:top;
}

.container {
    border:0px none #FFFFFF;
	width:790px;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
    padding:0px;
    font-size: 9pt;
    color: #000000;
    background-color: #FFFFFF;
    line-height:120%;
	text-align:left;
}

.header {
    background-image:url('img/header.gif');
	background-repeat:no-repeat;
	width:790px;
	height:90px;
    margin:0px 0px 10px 0px;
	padding:0px;
	font-size:9pt;
	color:#FFFFFF;
}

td.title {
    height:56px;
    background-color:transparent;
}

img.title {
    margin:5px 0px 0px 10px;
    padding:0px;
	border:0px solid #FFFFFF;
}

td.header_text {
	width:790px;
    text-align:right;
    height:24px;
    background-color:transparent;
}

h3.header_text {
	margin:2px 13px 0px 0px;
	font-size:10pt;
	font-weight:normal;
	padding:0px;
	color:#FFFFFF;
}

.pref_select {
	text-align:center;
}

.warning {
    font-weight:bold;
    color:#FF6666;
    margin:5px;
}

.menu_top {
	margin:0px 10px 0px 0px;
	padding:0px;
}

/*
全体でshadowあわせて145
*/
.menu_body {
    margin:0px 10px 0px 0px;
    padding:5px 15px 5px 5px;
    border:0px solid #FFFFFF;
    background-image:url('img/frame_145.gif');
    background-repeat:repeat-y;
}


.menu_bottom {
	margin:0px 10px 5px 0px;
	padding:0px;
}


/* ↓コンテンツ左欄のことです。幅は背景横355+右マージン10=365 */

.cont_left_top {
	width:365px;
	height:31px;
}

.cont_left_middle {
	margin:0px 10px 0px 0px;
	padding:5px 25px 5px 5px;
	height:264px;
	vertical-align:top;
	border:0px solid #ff0000;
	background-image:url('img/frame_355.gif');
	background-repeat:repeat-y;
}

.cont_left_bottom {
	width:365px;
	height:11px;
}


/* ↓コンテンツ右欄のことです。背景横270 */

.cont_right_top {
	width:270px;
	height:31px;
}

.cont_right_middle {
	margin:0px 0px 0px 0px;
	padding:5px 15px 5px 5px;
	height:264px;
	vertical-align:top;
	border:0px solid #ff0000;
	background-image:url('img/frame_270.gif');
	background-repeat:repeat-y;
}

.cont_right_bottom {
	width:270px;
	height:11px;
}

/* 右側を460ピクセル使う画面（ログイン等）です。背景横460 */

.cont_top {
	width:460px;
	height:31px;
}

.cont_middle {
	margin:0px 0px 0px 0px;
	padding:20px 30px 20px 20px;
	vertical-align:top;
	border:0px solid #ff0000;
	background-image:url('img/frame_460.gif');
	background-repeat:repeat-y;
}

.cont_bottom {
	width:460px;
	height:11px;
}


/* 右側をフルで使う画面（マイページ等）です。背景横635 */

.cont_wide_top {
	width:635px;
	height:31px;
}

.cont_wide_viewrank {
	width:635px;
	height:31px;
	background-image:url('img/title_remarkable_wide.gif');
}

.cont_wide_middle {
	margin:0px 0px 0px 0px;
	padding:1px 11px 0px 0px;
	vertical-align:top;
	border:0px solid #ff0000;
	background-image:url('img/frame_635.gif');
	background-repeat:repeat-y;
}

.cont_wide_bottom {
	width:635px;
	height:11px;
}


.input_box {
	border:1px solid #999999;
}

/* bbs */

#bbs-open_newpost {
	margin-bottom:10px;
}

.bbs-thread-title {
	padding:3px;
	font-size:14pt;
	font-weight:bold;
	margin:15px 20px;
	background-color:#EEEEFF;
	border:1px solid #CCCCDD;
	text-align:center;
}

.bbs-cmt-time {
	margin:10px 0px 0px 0px;
	color:#666666;
}


/* 「利用規約」とかそういうの */
.bottom_info {
	margin-bottom:5px;
	text-align:center;
}

/* ↓フッタを外と内に分けているのは、IEとFFの両方に対応するためです。 */

.footer_outer {
    background-image:url('img/footer.gif');
	background-repeat:no-repeat;
	width:790px;
	height:34px;
    margin:0px;
    padding:0px;
}

/* テキスト位置は、上下は指定しやすい上paddingで、左右は文の長さに対応できるよう右寄せ＋右padding */

.footer_inner {
    margin:0px;
    padding:5px 13px 0px 0px;
    text-align:right;
	font-size:9pt;
	color:#FFFFFF;
}